:root{--bg:#101311;--panel:#191f19;--text:#eef0e7;--muted:#8d9b83;--green:#c0f388;--line:#b5cd9f20;--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);padding-bottom:58px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:5px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 3.3%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;background:#101311f2;backdrop-filter:blur(20px)}.brand{font-family:var(--display);font-size:24px;font-weight:600;display:flex;align-items:center;letter-spacing:-1.2px;white-space:nowrap}.brand-muted{font-weight:400;color:#9ba397;margin:0 3px}.brand-dot{font-size:18px;color:var(--green);margin-left:3px}.brand-icon{display:grid;grid-template-columns:6px 6px;gap:3px;margin-right:13px;transform:rotate(-9deg)}.brand-icon i{width:6px;height:6px;background:var(--green)}.brand-icon i:last-child{background:transparent;border:1px solid var(--green)}nav{display:flex;gap:32px;height:100%}.nav-link{background:none;color:#8e9b85;font-size:11px;position:relative;padding:0}.nav-link.active{color:var(--text)}.nav-link.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green)}.nav-link span{font-size:8px;color:#6d7b64;margin-left:7px}.header-cta{border:1px solid #91b07155;background:#91b07109;border-radius:4px;padding:11px 14px;font-size:10px;color:var(--green)}.header-cta span{margin-left:19px}.header-cta:hover{background:#91b07120}.eyebrow{font-family:monospace;font-size:9px;letter-spacing:1.5px;display:flex;gap:10px;align-items:center;color:#9caf8e}.eyebrow>span{color:var(--green);font-size:18px}.hero{height:calc(100svh - 140px);min-height:570px;position:relative;overflow:hidden}.canvas-grid{position:absolute;inset:0;background-image:radial-gradient(#78896a32 .7px,transparent .7px);background-size:24px 24px;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000)}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,#93ba4810,transparent 60%);pointer-events:none}.intro{position:absolute;left:6%;top:9%;z-index:5}h1{font-family:var(--display);font-size:clamp(65px,5.5vw,90px);line-height:1.04;letter-spacing:-4.4px;font-weight:400;margin:24px 0 28px}.right-word{color:var(--green);display:inline-block;position:relative}.right-word svg{position:absolute;bottom:-11px;left:-3px;width:100%;height:14px;stroke:#c0f38870;stroke-width:1.3;fill:none}.intro-copy{font-size:15px;line-height:1.7;color:#c2c9bc;margin:0 0 15px}.intro-small{font-size:12px;line-height:1.8;color:#829275;margin:0}.primary{display:inline-flex;align-items:center;gap:15px;background:var(--green);color:#1b2811;padding:16px 20px;border-radius:4px;font-size:12px;font-weight:600;box-shadow:0 6px 40px #b8ef8015;transition:background .2s,transform .2s}.primary:hover{background:#d1ffa0;transform:translateY(-2px)}.intro .primary{margin-top:25px}.primary .arrow{margin-left:28px;font-size:16px}.intro-footnote{font-size:9px;color:#758b67;margin-top:16px}.hero-art{position:absolute;left:37%;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.hero-art-caption{position:absolute;top:28px;left:35px;display:flex;gap:9px;font-family:monospace;font-size:8px;color:#a1ae94;letter-spacing:1px}.hero-art-caption>span:last-child{color:#607453;letter-spacing:0}.status-dot{width:5px;height:5px;display:inline-block;background:var(--green);border-radius:50%;box-shadow:0 0 10px #b9ef8150}.hero-diagram{position:relative;width:650px;height:620px;flex-shrink:0}.hero-stack{position:absolute;width:350px;height:350px;top:100px;left:145px;perspective:1500px;transform-style:preserve-3d}.hero-layer{position:absolute;width:320px;height:320px;left:15px;top:0;border-radius:22px;background:linear-gradient(135deg,#2e3a28f0,#1b211bef);border:1px solid #94b07265;box-shadow:2px 4px 0 #1b2519,3px 6px 0 #56674750,15px 26px 45px #0008;transform:translateY(var(--y)) rotateX(56deg) rotateZ(-35deg);display:flex;align-items:center;justify-content:center;color:#a4b79a;padding:0;transition:filter .3s,translate .5s}.hero-layer:before{content:'';position:absolute;inset:10px;border:1px solid #b4d19814;border-radius:13px;pointer-events:none}.hero-layer.top{background:#bceb84;border-color:#d7ffa7;color:#182411;box-shadow:2px 4px 0 #759949,3px 7px 0 #3c5428,15px 28px 60px #0007}.hero-layer.top:hover{filter:brightness(1.12);translate:0 -8px}.qr-svg{width:75%;height:75%}.plate-tag{position:absolute;bottom:20px;left:25px;font-family:monospace;font-size:9px;letter-spacing:1px;opacity:.65}.plate-id{position:absolute;top:20px;right:25px;font-family:monospace;font-size:10px;opacity:.65}.hero-layer>svg:not(.qr-svg){width:90px;height:90px;fill:none;stroke:currentColor;stroke-width:1}.stack-shadow{position:absolute;width:370px;height:160px;border-radius:50%;background:#0006;filter:blur(35px);bottom:65px;left:135px;transform:rotate(-20deg)}.float-label{position:absolute;pointer-events:none;color:#c1ccba;font-size:10px}.float-label small{font-family:monospace;font-size:8px;color:#718964;letter-spacing:1.2px;display:block;margin-bottom:9px}.label-top{right:15px;top:90px}.label-bottom{left:28px;bottom:105px}.hero-art-foot{position:absolute;bottom:30px;right:6%;font-family:monospace;font-size:8px;color:#718665;letter-spacing:1px}.text-button{background:none;padding:7px 0;color:#a4b995;font-size:10px}.anatomy{position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding:0 3.3%;isolation:isolate}.anatomy .canvas-grid{mask-image:linear-gradient(transparent,#000 40%,transparent)}.anatomy-top{padding-top:25px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.selected-intro{text-align:center;max-width:780px;margin:14px auto 0;height:130px;position:relative;z-index:2;animation:fade-up .45s both}.selected-kicker{color:var(--green);font-size:9px;font-family:monospace;letter-spacing:1.5px}.selected-intro h1{font-size:40px;letter-spacing:-1.6px;margin:12px 0 10px;line-height:1.15}.selected-intro p{font-size:13px;line-height:1.65;color:#a6b39b;margin:0 auto;max-width:630px}.canvas-stage{height:342px;position:relative;margin:0 -3.6%;outline:none;touch-action:pan-y;cursor:grab}.canvas-stage.dragging{cursor:grabbing}.layer-rail{position:absolute;top:38px;left:4.3%;right:4.3%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px;transform:translateX(var(--pan,0px)) scale(var(--zoom,1));transform-origin:center 50px;transition:transform .25s;z-index:3}.dragging .layer-rail{transition:none}.tile-slot{position:relative;min-width:0;text-align:center;animation:explode-out 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*45ms)}.tile{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#273024,#1b221a);border:1px solid #78966565;border-radius:14px;transform:perspective(650px) rotateX(33deg) rotateZ(-14deg);box-shadow:2px 5px 0 #141a12,3px 7px 0 #45533a60,8px 18px 30px #0007;transition:transform .65s cubic-bezier(.2,.8,.2,1),background .4s,color .4s,box-shadow .4s,opacity .4s;color:#829d70;padding:0}.tile:before{content:'';position:absolute;inset:7px;border:1px solid #a4bd8b20;border-radius:9px}.tile:hover{border-color:#c0f388b0;transform:perspective(650px) rotateX(25deg) rotateZ(-10deg) translateY(-8px)}.tile>svg:not(.qr-svg){width:45%;height:45%;fill:none;stroke:currentColor;stroke-width:1.2}.tile .plate-id{top:11px;right:12px;font-size:8px}.tile .plate-tag{bottom:12px;left:13px;font-size:6px;letter-spacing:.7px}.tile-slot.selected .tile{transform:perspective(650px) rotateX(20deg) rotateZ(-10deg) translateY(-22px) scale(1.08);background:linear-gradient(135deg,#d0ff9a,#addf77);border-color:#e0ffbc;color:#1e3413;box-shadow:1px 5px 0 #536e36,2px 8px 0 #293e1b,0 0 65px #b9ef812d,12px 25px 40px #0007}.tile-label{border:0;background:none;font-size:10px;line-height:1.4;color:#93a484;display:flex;flex-direction:column;align-items:center;margin:17px auto 0;gap:5px;min-height:45px;padding:0}.tile-label small{font-family:monospace;font-size:8px;color:#596e4b;letter-spacing:1px}.selected .tile-label{color:var(--green)}.selected .tile-label small{color:var(--green)}.selected .tile-label small:before{content:'● ';font-size:7px}.tile-slot:not(.selected) .tile{opacity:.7}.tile-slot:hover .tile{opacity:1}.rail-baseline{position:absolute;left:6%;right:6%;top:227px;height:1px;background:linear-gradient(90deg,transparent,#92b47140,transparent)}.branches{position:absolute;top:244px;height:91px;left:0;right:0;z-index:4;display:flex;justify-content:center;gap:12px;pointer-events:none}.branch{position:relative;display:flex;gap:9px;align-items:center;pointer-events:auto;align-self:flex-start;padding:11px 14px;border:1px solid #718f5855;border-radius:6px;background:#1a2418;box-shadow:0 7px 25px #0003;color:#b7cba6;animation:drop-in .65s cubic-bezier(.12,.75,.22,1.12) both;animation-delay:calc(var(--j)*65ms);text-align:left;transition:border-color .2s,background .2s}.branch:before{content:'';position:absolute;bottom:100%;left:50%;height:18px;width:1px;background:linear-gradient(#bde48e20,#bde48e80)}.branch svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.1;flex-shrink:0}.branch b{display:block;font-family:var(--display);font-size:12px;font-weight:500}.branch small{display:block;color:#789568;font-size:8px;margin-top:3px}.branch>span:last-child{color:#799a64;font-size:12px;margin-left:4px}.branch:hover,.branch.active{background:#2c3b23;border-color:var(--green);color:var(--green)}.anatomy-bottom{padding:0 0 20px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;color:#859a75;position:relative;z-index:5}.canvas-instruction{display:flex;gap:9px;align-items:center}.canvas-controls{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:#1a2118;padding:3px}.canvas-controls button{background:none;width:29px;height:25px;font-size:16px;color:#a0b38e;border-radius:3px}.canvas-controls button:hover{background:#b0db8115;color:var(--green)}.canvas-controls output,.canvas-controls>span{font-family:monospace;font-size:9px;min-width:40px;text-align:center;color:#bed2ad}.canvas-controls .control-divider{min-width:1px;height:14px;background:var(--line);margin:0 7px}.scroll-hint{font-family:monospace;font-size:8px;color:#687e5a}.layer-details{max-width:1400px;margin:0 auto;padding:27px 5% 35px;scroll-margin-top:95px}.detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.detail-tabs{display:flex;gap:23px;border-bottom:1px solid var(--line)}.detail-tabs button{background:none;font-size:10px;padding:10px 0;color:#7c916e;border-bottom:2px solid transparent}.detail-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}.detail-grid{display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:35px;animation:fade-up .4s both}.detail-grid article{padding-right:28px;border-right:1px solid var(--line)}.detail-grid article:last-child{border:0;padding-right:0}.card-kicker{font-family:monospace;color:#7f986c;font-size:8px;letter-spacing:1.5px}.detail-grid h3{font-family:var(--display);font-size:20px;letter-spacing:-.5px;font-weight:400;margin:12px 0}.detail-grid p{font-size:12px;line-height:1.85;color:#9eaf92;margin:10px 0 0}.detail-grid .aggregator-card h3{color:var(--green)}.detail-grid .aggregator-card .card-kicker{color:#b2da91}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.chips span{border:1px solid #829e6638;color:#a7bd96;padding:5px 7px;font-family:monospace;font-size:8px;border-radius:3px}.detail-grid a,.source-link{color:var(--green);font-size:11px;display:inline-block;margin-top:14px}.detail-grid details{margin-top:15px;font-size:11px;color:#bdcfaf}.detail-grid summary{cursor:pointer}.layer-related{margin-top:26px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#758e63;gap:12px}.layer-related button{background:none;color:#bad8a5;font-size:10px;padding:7px 0}.layer-related .compare-link{color:var(--green);margin-left:auto}.topic-inspector{background:#1d281a;border:1px solid #a7d18150;border-radius:7px;padding:20px 24px;margin-top:24px;animation:fade-up .4s both}.topic-inspector .topic-heading{display:flex;justify-content:space-between;gap:20px}.topic-inspector h3{font-family:var(--display);font-size:23px;font-weight:400;margin:6px 0 10px;color:var(--green)}.topic-inspector p{font-size:12px;color:#a9bc9a;line-height:1.8;margin:0;max-width:900px}.topic-inspector button{background:none;color:#9cb78a;align-self:flex-start}.topic-inspector a{font-size:10px;color:var(--green);display:inline-block;margin-top:14px}.comparison{border-top:1px solid var(--line);padding:50px 6% 45px;max-width:1600px;margin:0 auto;scroll-margin-top:82px}.comparison-title{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.comparison-title h2{font-family:var(--display);font-size:44px;font-weight:400;letter-spacing:-1.8px;line-height:1.13;margin:20px 0}.comparison-title h2 span{color:var(--green)}.comparison-title>p{font-size:13px;line-height:1.8;color:#94a885;margin:0 0 24px}.route-switch{display:flex;gap:5px;padding:5px;background:#191f18;border:1px solid var(--line);border-radius:7px;width:fit-content;margin:25px auto 35px}.route-switch button{background:none;padding:12px 20px;border-radius:4px;font-size:12px;color:#8b9f7d}.route-switch span{display:block;font-size:8px;margin-top:5px;opacity:.6}.route-switch button.active{background:#c0f388;color:#213417}.route-visual{min-height:170px;display:flex;align-items:stretch;justify-content:center;gap:25px;margin:20px 0 30px;animation:fade-up .5s both}.route-node{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:130px;border:1px solid var(--line);border-radius:8px;background:#171e16;padding:20px;color:#a3b994;font-size:11px}.route-node svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1}.route-arrow{align-self:center;color:#799b61;font-size:21px}.route-provider{padding:22px;border:1px solid #b9ea8270;border-radius:9px;background:#b1e17c0a;flex:1;max-width:590px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--green)}.route-provider strong{font-family:var(--display);font-size:22px;font-weight:400}.route-provider small{font-size:9px;color:#98b184;margin-top:7px}.provider-icons{display:flex;gap:22px;margin-top:23px}.provider-icons svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1}.route-direct .route-provider{border-color:#b39b6045;background:#b39b6007;color:#d8cdac}.route-direct .provider-icons{gap:15px}.provider-part{text-align:center;max-width:90px;display:flex;flex-direction:column;align-items:center;gap:7px}.provider-part span{font-size:7px;line-height:1.5;color:#b3ad94}.comparison-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-cards article{border:1px solid var(--line);border-radius:8px;padding:26px;background:#171e16}.comparison-cards h3{font-family:var(--display);font-size:25px;letter-spacing:-.6px;font-weight:400;margin:13px 0 10px}.comparison-cards p{font-size:12px;line-height:1.85;color:#8fa481;max-width:500px;margin:0}.comparison-cards .green-card{border-color:#afd68445;background:#a5d47309}.green-card h3{color:var(--green)}.comparison-end{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0 20px}.comparison-end h3{font-family:var(--display);font-size:24px;font-weight:400;margin:10px 0}.comparison-end p{font-size:11px;color:#879f77;line-height:1.7}.comparison-end .primary{font-size:11px}.comparison-note{font-size:9px;color:#647d55;line-height:1.8;max-width:850px}.coverage{padding:25px;border:1px solid var(--line);border-radius:8px;background:#1b2518;animation:fade-up .4s}.coverage h3{font-family:var(--display);color:var(--green);font-size:24px;font-weight:400;margin:0 0 10px}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 35px}.coverage p{font-size:11px;line-height:1.8;color:#9bb38c}.coverage b{display:block;color:#c0d5b1;font-weight:500}.footer{height:58px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 3.3%;position:fixed;bottom:0;left:0;right:0;z-index:35;background:#101311f2;backdrop-filter:blur(20px)}.footer-left,.footer-right{display:flex;align-items:center;gap:20px;font-size:9px;color:#9ba692}.footer-number{font-family:monospace;font-size:11px;color:var(--green)}.footer-number span{color:#4f5b48;margin-left:4px}.progress-track{width:110px;height:2px;background:#293124}.progress-track span{height:2px;display:block;width:4%;background:var(--green);transition:width .6s}.footer-right{gap:32px;color:#6a805b}.footer-right button{font-size:9px;background:none;color:#8b9b7f;padding:8px 0}dialog{border:1px solid #8fab6b45;border-radius:12px;background:#192017;color:var(--text);width:min(760px,90vw);padding:32px;max-height:85svh;box-shadow:0 40px 150px #0008}dialog::backdrop{background:#080b08c9;backdrop-filter:blur(12px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{background:#ffffff08;border:1px solid #ffffff0c;border-radius:50%;width:28px;height:28px;color:#9cae8c;font-size:12px}dialog h2{font-size:40px;font-family:var(--display);font-weight:400;letter-spacing:-1.6px;margin:20px 0}dialog p{color:#9eaf91;font-size:13px;line-height:1.8}dialog a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.source-link{display:block;border-top:1px solid var(--line);padding:12px 0;font-size:13px}.dialog-note{font-family:monospace;font-size:9px!important;border-top:1px solid var(--line);padding-top:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes drop-in{from{opacity:0;transform:translateY(-40px) rotate(-8deg) scale(.75)}to{opacity:1;transform:none}}@keyframes explode-out{from{opacity:0;transform:translateX(calc((3 - var(--i))*140px)) scale(.7)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-diagram{scale:1.12}.canvas-stage{height:400px}.layer-rail{left:7%;right:7%;gap:35px}.branches{top:290px}.rail-baseline{top:268px}.tile-label{font-size:12px}.branch{padding:13px 20px}.selected-intro{height:145px}.anatomy-top{padding-top:30px}}
@media(max-height:800px) and (min-width:901px){.hero{min-height:570px}.intro{top:7%}h1{font-size:65px;margin:19px 0 25px}.intro-copy{font-size:14px}.intro-small{font-size:11px}.intro .primary{margin-top:20px}.hero-diagram{scale:.88}.canvas-stage{height:315px}.selected-intro{height:122px}.selected-intro h1{font-size:35px}.layer-rail{top:31px}.branches{top:229px}.rail-baseline{top:214px}}
@media(max-width:1100px){.brand{font-size:20px}nav{gap:22px}.header-cta{font-size:9px;padding:10px}.intro{left:5%}h1{font-size:65px}.hero-art{left:34%;right:-8%}.hero-diagram{scale:.86}.hero-art-caption{left:50px}.intro-copy{font-size:13px}.intro-small{font-size:11px}.layer-rail{gap:15px}.tile-label{font-size:9px}.tile .plate-tag{font-size:5px}.branch{padding:10px;gap:7px}.branch b{font-size:10px}.branch small{font-size:7px}.branch svg{width:20px;height:20px}.branches{gap:8px}.canvas-stage{height:310px}.branches{top:220px}.rail-baseline{top:204px}.detail-grid{gap:20px}.detail-grid article{padding-right:18px}.detail-grid h3{font-size:18px}.detail-grid p{font-size:11px}.route-visual{gap:12px}.route-node{min-width:100px}.provider-icons{gap:15px}.route-direct .provider-icons{gap:9px}.scroll-hint{display:none}.comparison-title h2{font-size:36px}}
@media(max-width:700px){html{scroll-padding-top:85px}.header{height:70px;padding:0 20px}.brand{font-size:19px}.brand-icon{margin-right:9px}.header nav{display:none}.header-cta{font-size:9px}.hero{height:900px;min-height:0}.intro{left:7%;top:35px}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:60px;letter-spacing:-3px;line-height:1;margin:20px 0 25px}h1 br:first-of-type{display:none}.intro-copy{font-size:13px}.intro-small{font-size:10px}.intro .primary{margin-top:20px;padding:13px 17px}.intro-footnote{font-size:8px}.hero-art{top:345px;height:500px;left:0;right:0;bottom:auto}.hero-diagram{scale:.68}.hero-art-caption{top:25px;left:25px}.hero-art-caption>span:last-child{display:none}.hero-art-foot{bottom:5px}.anatomy{padding:0 20px}.anatomy-top{padding-top:20px}.selected-intro{height:155px;margin-top:23px}.selected-intro h1{font-size:29px;letter-spacing:-1px;margin:14px 0 10px}.selected-intro p{font-size:11px;line-height:1.7;max-width:330px}.selected-kicker{font-size:8px}.canvas-stage{margin:0 -20px;height:345px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#a3c87c40 transparent}.layer-rail{left:20px;right:auto;width:1110px;grid-template-columns:repeat(7,140px);gap:20px;top:35px;transform:none!important}.tile-slot{animation:none}.tile-label{font-size:10px}.tile .plate-tag{font-size:6px}.rail-baseline{left:20px;right:auto;width:1100px;top:225px}.branches{position:fixed;display:none}.mobile-branches{display:flex;overflow-x:auto;gap:8px;padding:0 0 18px}.mobile-branches .branch{flex-shrink:0;animation:drop-in .5s both}.mobile-branches .branch:before{display:none}.anatomy-bottom{flex-wrap:wrap;gap:12px;padding-bottom:19px}.canvas-instruction{font-size:8px}.canvas-controls button{width:25px;height:24px}.canvas-controls>span,.canvas-controls output{font-size:8px;min-width:36px}.canvas-controls .control-divider,#zoomOut,#zoomIn,#zoomValue{display:none}.detail-heading{display:block}.detail-tabs{margin-top:17px;gap:25px;width:fit-content}.layer-details{padding:25px 22px 30px}.detail-grid{grid-template-columns:1fr;gap:22px}.detail-grid article{border-right:0;border-bottom:1px solid var(--line);padding:0 0 23px}.detail-grid article:last-child{padding-bottom:0}.detail-grid h3{font-size:23px}.detail-grid p{font-size:12px}.layer-related{flex-wrap:wrap;gap:9px;font-size:9px}.layer-related .compare-link{margin-left:0;width:100%;text-align:left}.topic-inspector{padding:18px}.topic-inspector p{font-size:11px}.comparison{padding:35px 22px}.comparison-title{display:block}.comparison-title h2{font-size:32px}.comparison-title>p{font-size:11px}.route-switch{margin-top:22px;width:100%}.route-switch button{padding:12px 13px;flex:1;font-size:11px}.route-visual{flex-wrap:wrap;gap:9px;min-height:0}.route-node{min-width:0;flex:1;padding:16px 8px;font-size:10px}.route-provider{flex-basis:100%;order:5;padding:22px 10px}.route-arrow{font-size:16px}.route-visual>.route-arrow:last-of-type{display:none}.provider-icons{gap:20px}.route-direct .provider-icons{gap:9px}.provider-part span{font-size:6px}.provider-icons svg{width:22px;height:22px}.comparison-cards{grid-template-columns:1fr;gap:12px}.comparison-cards article{padding:23px}.comparison-cards h3{font-size:23px}.comparison-end{display:block}.comparison-end .primary{margin-top:10px;font-size:10px}.comparison-note{font-size:8px;margin-top:18px}.coverage-grid{grid-template-columns:1fr}.coverage{padding:20px}.footer{height:55px;padding:0 20px}.footer-left{gap:12px;font-size:8px}.progress-track{width:40px}.footer-right>span{display:none}.footer-right button{font-size:8px}.footer-number{font-size:10px}dialog{padding:23px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mobile-branches{display:none}.details-jump{display:flex;align-items:center;gap:8px;background:none;color:var(--green);font-size:10px;padding:6px 0}.branch:before{display:none}.branch-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.branch-connectors path{fill:none;stroke:#a4d17b50;stroke-width:1;stroke-dasharray:3 4;animation:fade-up .7s both}.topic-layer-link{margin-right:20px}.details-jump:hover{color:#e0ffbd}
@media(max-width:700px){.mobile-branches{display:flex}.branch-connectors{display:none}.details-jump{font-size:9px}}
html{scroll-padding-top:82px;scroll-padding-bottom:80px}.comparison,.layer-details{scroll-margin-top:0}.route-node .qr-svg{width:70px;height:70px;fill:currentColor;stroke:none}.route-provider{animation:fade-up .5s both}.provider-part{animation:fade-up .5s both}.topic-inspector{scroll-margin-bottom:80px}
@media(max-width:700px){html{scroll-padding-top:70px}.comparison{scroll-margin-top:0}.route-node .qr-svg{width:55px;height:55px}}
@media(max-width:700px){.canvas-stage{height:270px}.selected-intro{height:140px}.layer-rail{left:29px}.branches{display:none}.branch-connectors{display:none}}
/* Cover Flow: the active layer owns the center; related topics have a separate flow row. */
.canvas-stage{--cover-size:clamp(180px,18vw,280px);height:calc((var(--cover-size) + 80px)*var(--zoom,1) + 30px);margin:0 -3.6%;overflow:visible;touch-action:pan-y}
.layer-rail{position:absolute;top:24px;left:0;right:0;width:100%;height:calc(var(--cover-size) + 70px);display:block;perspective:1400px;transform:scale(var(--zoom,1));transform-origin:center top;transition:transform .3s}
.tile-slot{position:absolute;left:50%;top:0;width:var(--cover-size);margin-left:calc(var(--cover-size)*-.5);transform:translateX(var(--cover-x,0px)) translateY(var(--cover-y,0px)) scale(var(--cover-scale,1));transition:transform .65s cubic-bezier(.2,.8,.2,1);animation:none;transform-style:preserve-3d}
.tile,.tile:hover{transform:perspective(900px) rotateY(var(--cover-angle,0deg));transform-origin:center;opacity:1;border-radius:16px;box-shadow:0 4px 0 #2a3823,0 20px 35px #0008;backface-visibility:hidden}
.tile-slot.selected .tile,.tile-slot.selected .tile:hover{transform:perspective(900px) rotateY(0deg);box-shadow:0 5px 0 #658c42,0 9px 0 #263b1a,0 0 75px #b9ef8129,0 25px 50px #0009}
.tile-slot:not(.selected) .tile{opacity:.6}.tile-slot:not(.selected):hover .tile{opacity:.95;border-color:#b2d38d}
.tile-label{width:100%;min-height:45px;margin-top:22px;font-size:11px;line-height:1.5;padding:0 4px;gap:4px}.tile-label small{font-size:8px;letter-spacing:1px}.selected .tile-label{color:var(--green)}
.tile .plate-id{top:15px;right:16px;font-size:10px}.tile .plate-tag{bottom:16px;left:17px;font-size:8px}.tile-slot:not(.selected) .tile-label{color:#869d77}
.branch-zone{position:relative;z-index:2;padding:14px 0 26px;margin:0 auto;max-width:1000px;isolation:isolate}.branch-zone:before{content:'';position:absolute;left:50%;top:-12px;height:18px;width:1px;background:#a6d07855}.branch-caption{font-family:monospace;font-size:8px;letter-spacing:1.4px;color:#6d8a59;text-align:center;margin:0 0 15px}.branch-caption span{color:var(--green);margin-left:7px}
.branches{position:relative;top:auto;left:auto;right:auto;height:auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:12px;pointer-events:auto}.branch{flex-shrink:0}.branch:before{display:none}.branch-connectors,.rail-baseline,.mobile-branches{display:none}.anatomy-bottom{padding-top:8px}.selected-intro{height:auto;min-height:125px;margin-bottom:0}
@media(min-width:1600px){.selected-intro{min-height:140px}.tile-label{font-size:12px}.branch-zone{padding-top:16px;padding-bottom:32px}}
@media(max-height:800px) and (min-width:901px){.selected-intro{min-height:118px}.layer-rail{top:24px}.branches{top:auto}.canvas-stage{height:calc((var(--cover-size) + 80px)*var(--zoom,1) + 30px)}}
@media(max-width:700px){.canvas-stage{height:calc((var(--cover-size) + 80px)*var(--zoom,1) + 30px);overflow:visible;touch-action:pan-y}.layer-rail{left:0;right:0;width:100%;top:24px;display:block;transform:scale(var(--zoom,1))!important}.tile-slot{animation:none}.tile-label{font-size:10px;min-height:45px}.tile .plate-tag{font-size:7px}.tile .plate-id{font-size:9px}.selected-intro{min-height:140px;height:auto}.branch-zone{margin:0 -4px;padding:12px 0 23px}.branches{display:flex;position:relative;top:auto;left:auto;right:auto;height:auto;gap:8px;flex-wrap:wrap}.branch-caption{font-size:7px}.mobile-branches{display:none}}
@media(prefers-reduced-motion:reduce){.tile-slot{transition:none}}
/* Side covers keep their on-tile indices; only the active caption is shown. */
.tile-slot:not(.selected) .tile-label{visibility:hidden;pointer-events:none}