
:root{--ink:#061422;--navy:#071d31;--navy-2:#0a2a43;--line:#1d4058;--paper:#edf4f5;--mist:#c6d9df;--cyan:#49d5e6;--cyan-hi:#a9f7ff;--signal:#ffb458;--muted:#8ba3af;--white:#f8fcfc;--display:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--max:1180px;--shadow:0 18px 60px rgba(0,0,0,.19)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--body);line-height:1.63;font-size:16px}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.18em}a:hover{color:var(--cyan-hi)}:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.skip{position:absolute;left:1rem;top:-5rem;background:var(--signal);color:var(--ink);font-weight:800;padding:.65rem .9rem;z-index:50}.skip:focus{top:1rem}.shell{width:min(var(--max),calc(100% - 2rem));margin:auto}.site-head{position:sticky;top:0;z-index:10;background:rgba(6,20,34,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(198,217,223,.14)}.nav-row{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.wordmark{font-family:var(--display);font-weight:900;letter-spacing:-.065em;font-size:1.65rem;text-decoration:none;line-height:1}.wordmark b{display:inline-block;color:var(--cyan);font-family:var(--mono);font-size:.65em;letter-spacing:-.16em;vertical-align:middle;transform:translateY(-.13em);margin-left:.16em}.site-nav{display:flex;gap:.2rem;align-items:center}.site-nav a{padding:.42rem .54rem;text-decoration:none;font-size:.78rem;letter-spacing:.02em;color:var(--mist)}.site-nav a[aria-current="page"]{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}.menu{display:none;border:1px solid var(--line);background:transparent;color:var(--white);padding:.45rem .65rem;font:700 .78rem var(--mono);letter-spacing:.06em}.eyebrow,.kicker{font:700 .72rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--cyan)}.eyebrow:before{content:"// ";color:var(--signal)}.hero{padding:clamp(3.5rem,9vw,8rem) 0 0;overflow:hidden;background:linear-gradient(110deg,#061422 45%,#08273c)}.hero-intro{min-height:clamp(360px,50vw,610px);display:flex;align-items:flex-end;padding-bottom:clamp(2rem,5vw,4.5rem);position:relative}.hero-intro:after{content:"MTRX / 01";position:absolute;right:0;top:1.5rem;color:rgba(73,213,230,.18);font:700 clamp(1rem,2.4vw,2rem) var(--mono);letter-spacing:.06em}.hero h1,.page-hero h1{max-width:16ch;font:900 clamp(3.25rem,8.6vw,8.7rem)/.87 var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:.45rem 0 1.3rem}.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--cyan)}.lede{max-width:60ch;color:var(--mist);font-size:clamp(1.05rem,2vw,1.28rem);margin:0}.hero-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}.button{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--cyan);padding:.72rem .92rem;color:var(--cyan-hi);font-weight:750;font-size:.86rem;text-decoration:none}.button:after{content:"↗"}.button.secondary{border-color:var(--line);color:var(--mist)}.hero-panorama{position:relative;margin:0;border-top:1px solid var(--line);height:clamp(230px,34vw,475px);overflow:hidden}.hero-panorama img{width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:saturate(.78) contrast(1.08)}.hero-panorama:after{content:"Messung ist kein Urteil. Kontext macht den Befund.";position:absolute;right:clamp(1rem,6vw,8rem);bottom:1rem;max-width:25ch;background:rgba(6,20,34,.86);border-left:3px solid var(--cyan);padding:.8rem 1rem;font:600 .78rem/1.45 var(--mono);color:var(--cyan-hi)}.rail{border-bottom:1px solid var(--line);background:#09233a}.rail .shell{display:grid;grid-template-columns:repeat(3,1fr)}.rail a{padding:1rem .3rem;text-decoration:none;font:700 .73rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}.rail a strong{display:block;font-family:var(--display);font-size:1.3rem;color:var(--white);letter-spacing:-.02em}.rail a:hover{background:rgba(73,213,230,.08);color:var(--cyan)}main{overflow:hidden}.section{padding:clamp(3.5rem,8vw,7.5rem) 0}.paper{background:var(--paper);color:#092035}.paper a{color:#006f80}.paper h2,.paper h3{color:#082338}.section-head{display:grid;grid-template-columns:minmax(120px,.5fr) minmax(0,2fr);gap:1.5rem;margin-bottom:2.25rem}.section h2{font:900 clamp(2.2rem,5vw,4.4rem)/.94 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:0}.section h2 .n{font:500 .7rem var(--mono);color:var(--cyan);letter-spacing:.05em;vertical-align:top}.section-deck{max-width:53ch;margin:.25rem 0 0;color:inherit}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.signal-card{background:#0a2338;padding:1.55rem;min-height:238px;position:relative}.signal-card .num{font:600 .72rem var(--mono);color:var(--cyan);letter-spacing:.08em}.signal-card h3{font:800 1.35rem/1 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:2.6rem 0 .5rem}.signal-card p{color:var(--mist);font-size:.91rem;margin:0}.data-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1rem,4vw,4rem);align-items:start}.rule-list{list-style:none;margin:0;padding:0;border-top:1px solid #b7cbd1}.rule-list li{padding:1rem 0;border-bottom:1px solid #b7cbd1;display:grid;grid-template-columns:2.3rem 1fr;gap:.75rem}.rule-list span{font:700 .72rem var(--mono);color:#007b8e}.rule-list h3{margin:0 0 .22rem;font:800 1.15rem var(--display);text-transform:uppercase}.rule-list p{margin:0;color:#365364;font-size:.94rem}.quote-panel{border-top:5px solid var(--cyan);padding:1.65rem 1.5rem 1.25rem;background:#d7e8eb}.quote-panel p{font:700 clamp(1.25rem,2.4vw,1.75rem)/1.2 var(--display);letter-spacing:-.02em;margin:0 0 1.2rem}.quote-panel small{font:600 .72rem var(--mono);letter-spacing:.04em;color:#365364}.photo-block{position:relative}.photo-block img{width:100%;height:100%;min-height:340px;object-fit:cover}.photo-block figcaption{position:absolute;bottom:0;left:0;background:rgba(6,20,34,.9);color:var(--mist);font:.69rem/1.4 var(--mono);padding:.55rem .7rem;max-width:100%}.split-photo{display:grid;grid-template-columns:1.15fr .85fr;min-height:530px}.split-photo .copy{padding:clamp(2rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center}.split-photo h2{max-width:10ch}.split-photo p{color:#c3d8df;max-width:43ch}.warning{border:1px solid rgba(255,180,88,.75);border-left:4px solid var(--signal);padding:1rem 1rem 1rem 1.15rem;background:rgba(255,180,88,.08);margin:1.2rem 0}.warning h3{font:800 1rem var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .35rem;color:#ffd4a0}.warning p{margin:0;color:#d9e7ea}.status-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.status-list article{padding:1.25rem;border-top:1px solid var(--line);border-right:1px solid var(--line)}.status-list b{display:block;width:10px;height:10px;background:var(--cyan);border-radius:50%;margin-bottom:1rem;box-shadow:0 0 16px var(--cyan)}.status-list h3{font:800 1.05rem var(--display);text-transform:uppercase;margin:0 0 .35rem}.status-list p{font-size:.88rem;color:var(--mist);margin:0}.note{font:.82rem/1.55 var(--mono);color:var(--muted)}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.faq-list details{background:#09253a;border:1px solid var(--line);padding:0 1rem}.faq-list summary{padding:1rem 1.75rem 1rem 0;cursor:pointer;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;font:500 1.45rem var(--mono);color:var(--cyan)}.faq-list details[open] summary:after{content:"–"}.faq-list p{color:var(--mist);font-size:.93rem;margin:0 0 1.1rem}.page-hero{padding:clamp(4rem,10vw,8rem) 0 3rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 15%,rgba(73,213,230,.16),transparent 30%),var(--navy)}.page-hero .crumb{font:.71rem var(--mono);color:var(--mist)}.page-hero h1{font-size:clamp(3.1rem,7vw,7rem);margin-top:1rem}.page-hero p{max-width:65ch;color:var(--mist);font-size:1.1rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(2rem,6vw,7rem)}.article-layout>aside{border-left:1px solid var(--line);padding-left:1rem}.article-layout>aside a{display:block;padding:.45rem 0;color:var(--mist);font:.76rem var(--mono);text-decoration:none}.article-layout>aside a:hover{color:var(--cyan)}.prose{max-width:760px}.prose h2{font:900 clamp(1.85rem,4vw,3.2rem)/.98 var(--display);letter-spacing:-.05em;text-transform:uppercase;margin:3.8rem 0 1rem}.prose h2:first-child{margin-top:0}.prose h3{font:800 1.2rem var(--display);text-transform:uppercase;margin:2rem 0 .4rem}.prose p,.prose li{color:#d2e0e4}.prose ul{padding-left:1.2rem}.prose li+li{margin-top:.45rem}.prose .source{font:.82rem var(--mono);color:var(--muted)}.prose .source a{color:var(--cyan)}.method{counter-reset:method}.method article{position:relative;padding:1.4rem 0 1.4rem 4.2rem;border-top:1px solid var(--line)}.method article:before{counter-increment:method;content:"0" counter(method);position:absolute;left:0;top:1.25rem;color:var(--cyan);font:700 1rem var(--mono)}.method h3{margin:.15rem 0 .3rem;font:800 1.35rem var(--display);text-transform:uppercase}.method p{margin:0;color:var(--mist)}.band{background:#06283b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,5vw,5rem)}.metric{border-top:1px solid var(--line);padding-top:1rem}.metric b{font:800 clamp(1.9rem,4vw,3.4rem)/1 var(--display);color:var(--cyan);letter-spacing:-.05em;display:block}.metric p{color:var(--mist);margin:.5rem 0}.contact-card{border:1px solid var(--line);background:#09253a;padding:clamp(1.5rem,4vw,3rem)}.contact-card h2{margin-top:0}.contact-card code{display:block;background:#061a2b;border:1px solid var(--line);padding:1rem;color:var(--cyan-hi);font:.8rem/1.55 var(--mono);white-space:pre-wrap}.local-tool{background:#d7e8eb;color:#082338;padding:1.5rem}.local-tool textarea{width:100%;min-height:180px;margin-top:.7rem;font:inherit;padding:.75rem;border:1px solid #7496a1;background:#f8fcfc}.local-tool button{margin-top:.7rem;border:0;background:#003f58;color:white;padding:.65rem .9rem;font-weight:800;cursor:pointer}.sources{font-size:.85rem;color:var(--muted)}.sources li{margin:.55rem 0}.sources a{color:var(--cyan)}.site-foot{border-top:1px solid var(--line);background:#04101c;padding:3rem 0 1.2rem}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(2,.7fr);gap:2rem}.site-foot h2{font:800 1rem var(--display);text-transform:uppercase;margin:0 0 .65rem;color:var(--cyan)}.site-foot p,.site-foot a{color:var(--mist);font-size:.85rem}.site-foot ul{list-style:none;padding:0;margin:0}.site-foot li+li{margin-top:.3rem}.site-foot a{text-decoration:none}.legal{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem;color:#698491;font:.68rem var(--mono)}
@media(max-width:760px){.nav-row{min-height:61px}.menu{display:block}.js .site-nav{display:none;position:absolute;top:61px;left:0;right:0;padding:.7rem 1rem;background:#061a2b;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.js .site-nav.open{display:flex}.site-nav a{padding:.65rem}.hero h1,.page-hero h1{letter-spacing:-.065em}.hero-panorama:after{left:1rem;right:auto}.rail .shell{width:100%;grid-template-columns:repeat(3,1fr)}.rail a{font-size:.61rem;padding:.75rem .5rem}.rail a strong{font-size:1rem}.section-head,.data-grid,.split-photo,.article-layout,.two-col,.footer-grid{grid-template-columns:1fr}.section-head{gap:.8rem}.triple,.status-list{grid-template-columns:1fr}.status-list article{border-right:0}.faq-list{grid-template-columns:1fr}.article-layout>aside{display:none}.split-photo .photo-block{min-height:260px}.split-photo .copy{min-height:340px}.photo-block img{min-height:260px}.footer-grid{gap:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
