/* CRM direction A7-B4-C4-D3-E4-F5-G2-H2-I5: crimson paper, geometric type, cut corner, grain/vignette, cinematic rail, stagger, medal strip, kinetic type. */
:root{
 --banner-title-wide:clamp(2.25rem,3.9vw,3.75rem);--editorial-title:clamp(2.35rem,4.6vw,4.25rem);--editorial-title-mobile:clamp(1.9rem,8vw,2.6rem);--editorial-plan:1.25rem;--editorial-note:.9375rem;--frame-shadow:rgba(57,22,30,.2);--paper-glow:rgba(255,253,248,.9);--frame-line:rgba(199,19,60,.22);--banner-verdict-wide:clamp(1.3rem,2vw,1.8rem);--banner-title-landscape:1.75rem;
 --paper:#fffdf8;--surface:#fff0e9;--raised:#f8dcd5;--line:#e6c5c2;--ink:#23191c;--muted:#71555a;--accent:#c7133c;--accent-lift:#a50d30;--white:#ffffff;--wash:rgba(199,19,60,.12);--shade:rgba(35,25,28,.9);--vignette:rgba(35,25,28,.12);
 --accent-soft:#ffe0df;--hero-red:#bd1035;--gold:#efc582;--cream-white:#fff8ea;--ink-panel:#2b1520;--shadow:rgba(94,19,38,.14);--shine:rgba(255,255,255,.3);--clear:rgba(255,255,255,0);--hero-title:clamp(2.15rem,2rem + 2.55vw,4.7rem);--hero-title-mobile:clamp(1.8rem,7.3vw,2.65rem);--hero-index:clamp(8rem,14vw,15rem);--chip:.8125rem;--hero-price:clamp(1rem,.92rem + .36vw,1.3rem);--logo-caption:.6875rem;--glint:600ms;--ink-shadow:rgba(35,25,28,.18);
 --weight-regular:400;--weight-book:450;--weight-medium:500;--weight-semibold:600;--weight-action:650;--weight-bold:700;--weight-brand:750;--weight-heavy:800;--display-font:"Sora",sans-serif;--body-font:"Outfit",sans-serif;
 --verdict-small:clamp(1.12rem,5vw,1.45rem);--verdict-large:clamp(1.6rem,2.5vw,2.35rem);--verdict-mobile:1.2rem;--verdict-narrow:1.12rem;--body:clamp(1rem,.96rem + .16vw,1.125rem);--small: .875rem;--eyebrow:.75rem;--h1:clamp(2rem,1.1rem + 4.7vw,5.2rem);--h2:clamp(1.6rem,1.2rem + 1.8vw,3rem);--h3:clamp(1.125rem,1rem + .5vw,1.5rem);--big:clamp(2.2rem,1.6rem + 2vw,4rem);--brand:1.125rem;--line-height:1.65;--display-leading:1.06;--tracking:-.065em;--eyebrow-track:.13em;
 --zero:0;--hair:1px;--double:2px;--cut:18px;--small-cut:8px;--control:44px;--header:80px;--gutter:clamp(1rem,.45rem + 2.4vw,3rem);--max:1440px;--measure:70ch;--section-gap:clamp(2.5rem,1.3rem + 4vw,5.5rem);--gap:clamp(1rem,.6rem + 1vw,2rem);
 --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--s9:6rem;--rail-height:340px;--rail-mobile:220px;--dur:450ms;--short:150ms;--kinetic:2600ms;--ease:cubic-bezier(.2,.7,.3,1);--grade:saturate(1.16) contrast(1.03) brightness(1.03);
 --grain-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.1' filter='url(%23n)'/%3E%3C/svg%3E");
}
@font-face{font-family:Sora;src:url("/assets/fonts/sora.woff2") format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:Outfit;src:url("/assets/fonts/outfit.woff2") format("woff2");font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--s6)}body{margin:var(--zero);background:var(--paper);color:var(--ink);font-family:var(--body-font);font-size:var(--body);line-height:var(--line-height)}body::before{content:"";position:fixed;inset:var(--zero);background-image:var(--grain-url);opacity:.15;pointer-events:none;z-index:5}
a{color:var(--accent);text-underline-offset:.2em}button,a{-webkit-tap-highlight-color:var(--wash)}button{font:inherit;color:inherit;cursor:pointer}a[data-v]{cursor:pointer}a:hover{text-decoration-thickness:var(--double)}a:focus-visible,button:focus-visible{outline:var(--double) solid var(--accent);outline-offset:4px}
h1,h2,h3,strong{font-family:var(--display-font)}h1,h2,h3{line-height:1.2;text-wrap:balance}h1{font-weight:var(--weight-heavy);letter-spacing:var(--tracking);font-size:var(--h1);line-height:var(--display-leading);margin:var(--s3) var(--zero)}h2{font-size:var(--h2);letter-spacing:-.045em;margin:var(--s2) var(--zero) var(--s5)}h3{font-size:var(--h3);letter-spacing:-.03em;margin:var(--zero) var(--zero) var(--s3)}p{margin:var(--zero) var(--zero) var(--s4)}img,video{max-width:100%;display:block}main{max-width:var(--max);margin:auto;padding-inline:var(--gutter)}.eyebrow,.kicker{font-size:var(--eyebrow);letter-spacing:var(--eyebrow-track);text-transform:uppercase;font-weight:var(--weight-action);color:var(--accent)}
.site-header{max-width:var(--max);height:var(--header);margin:auto;padding:var(--s4) var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--s4);border-bottom:var(--hair) solid var(--line)}.wordmark{display:flex;align-items:center;gap:var(--s3);font-family:var(--display-font);font-size:var(--brand);font-weight:var(--weight-brand);color:var(--ink);text-decoration:none;letter-spacing:-.055em}.mark{background:var(--accent);color:var(--paper);font-weight:var(--weight-heavy);width:var(--control);height:var(--control);display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);letter-spacing:-.08em;font-size:var(--h3)}.mark span{color:var(--paper)}.site-header nav{display:flex;gap:var(--s5)}.site-header nav a{font-size:var(--small);color:var(--ink);min-height:var(--control);display:flex;align-items:center;text-decoration:none}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--s6);padding:var(--s3) var(--s5);min-height:var(--control);background:var(--accent);color:var(--paper);border:var(--hair) solid var(--accent);font-weight:var(--weight-action);font-size:var(--body);text-decoration:none;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--small-cut)),calc(100% - var(--small-cut)) 100%,0 100%);transition:background var(--short),transform var(--short);white-space:normal}.cta:hover{background:var(--accent-lift);transform:translateY(-2px)}.cta:active{transform:translateY(1px)}.cta.quiet{color:var(--accent);background:transparent;border-color:var(--line);font-size:var(--small)}.cta.quiet:hover{background:var(--surface);border-color:var(--accent)}.cta:focus-visible{clip-path:none}.text-action{display:inline-flex;min-height:var(--control);align-items:center;font-weight:var(--weight-semibold);font-size:var(--body);margin-block:var(--s2)}
.hero{padding-block:var(--s5) var(--s6)}.hero-heading{text-align:center}.provenance{font-size:var(--eyebrow);color:var(--muted);margin-bottom:var(--s4)}.hero-stage{height:var(--rail-height);position:relative;background:var(--raised);isolation:isolate;overflow:clip;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}.hero-rail{display:flex;height:100%;width:100%;gap:var(--double);transition:transform var(--dur) var(--ease)}.hero-rail .tile{flex:0 0 33.333%;min-width:0;height:100%;aspect-ratio:auto}.hero-rail .tile img{object-position:center 30%}.hero-rail .tile-label{display:none}.media{position:relative;overflow:clip;display:block}.media picture{display:block;width:100%;height:100%}.media img,.media video{filter:var(--grade);width:100%;height:100%;object-fit:cover;object-position:center 30%}.media::after{content:"";position:absolute;inset:var(--zero);background:linear-gradient(155deg,var(--wash),transparent 65%),radial-gradient(ellipse at center,transparent 35%,var(--vignette));mix-blend-mode:multiply;pointer-events:none}.tile{color:var(--paper);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}.tile img{transition:transform var(--dur) var(--ease)}.tile:hover img,.tile:focus-visible img{transform:scale(1.025)}.tile:focus-visible{clip-path:none;outline-offset:-4px}.tile-label{position:absolute;bottom:var(--zero);inset-inline:var(--zero);z-index:1;padding:var(--s6) var(--s4) var(--s3);background:linear-gradient(transparent,var(--shade));font-size:var(--h3);font-weight:650}.tile-label small{display:block;font-size:var(--small);font-weight:450}.rail-verdict{position:absolute;top:var(--s4);left:var(--s4);background:var(--paper);padding:var(--s3) var(--s4);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--small-cut)),calc(100% - var(--small-cut)) 100%,0 100%);z-index:2;max-width:260px}.rail-verdict span,.rail-verdict small{display:block;font-size:var(--eyebrow);color:var(--muted)}.rail-verdict strong{display:block;font-size:var(--h3);color:var(--accent)}.rail-action{position:absolute;left:var(--s4);bottom:var(--s4);z-index:2}.rail-controls{display:flex;align-items:center;position:absolute;right:var(--s4);bottom:var(--s4);background:var(--paper);z-index:2}.rail-controls button{border:0;background:transparent;min-width:var(--control);height:var(--control);font-size:var(--small)}.rail-controls button:hover{background:var(--raised)}.rail-controls span{padding-inline:var(--s2);font-size:var(--small)}.lede{max-width:110ch;margin:var(--s5) auto var(--zero);font-size:var(--body)}.hero h1{animation:kinetic var(--kinetic) var(--ease) 2}
@keyframes kinetic{0%,100%{letter-spacing:var(--tracking)}50%{letter-spacing:-.035em}}
.brand-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);border-block:var(--hair) solid var(--line);padding:var(--s3) var(--zero);white-space:nowrap}.brand-strip span{font-size:var(--eyebrow);color:var(--muted);text-transform:uppercase}.brand-strip a{font-family:var(--display-font);font-weight:var(--weight-bold);color:var(--ink);font-size:var(--h3);text-decoration:none;min-height:var(--control);display:flex;align-items:center;gap:var(--s2)}.brand-strip small{font:var(--weight-regular) var(--eyebrow) var(--body-font);color:var(--muted)}
.discovery{padding-block:var(--s6) var(--s7)}.discovery-head{display:flex;align-items:end;justify-content:space-between;gap:var(--s6);margin-bottom:var(--s5)}.discovery-head strong{font-size:var(--h3);line-height:1.3}.discovery-head p{font-size:var(--small);color:var(--muted);max-width:48ch;margin:0}.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-right:var(--s4);gap:var(--zero);align-items:start}.model-grid .tile{aspect-ratio:3/4;margin-right:calc(-1 * var(--s4));border:var(--s2) solid var(--paper)}.model-grid .tile:nth-child(2){margin-top:var(--s6)}.model-grid .tile:nth-child(3){margin-top:var(--s4)}.model-grid .tile:nth-child(4){margin-top:var(--s7)}.model-grid .tile:nth-child(2n){z-index:1}
.section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:var(--s7);padding-block:var(--section-gap);border-top:var(--hair) solid var(--line)}.section-heading{align-self:start;position:relative}.section-body{max-width:var(--measure)}.subsections{display:grid;gap:var(--s6);margin-top:var(--s5)}.subsection p:last-child{margin-bottom:0}.ranking{margin-top:var(--s5)}.rank{display:grid;grid-template-columns:70px minmax(0,1fr);gap:var(--s5);padding-block:var(--s5);border-top:var(--hair) solid var(--line)}.medal{width:64px;height:80px;background:var(--accent);color:var(--paper);display:grid;place-items:center;font-family:var(--display-font);font-size:var(--h2);font-weight:var(--weight-heavy);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.rank h3{color:var(--accent)}.rank p{font-size:var(--body)}.media-beat{background:var(--accent);color:var(--paper);display:grid;grid-template-columns:1fr .65fr;min-height:320px;overflow:clip;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);margin-block:var(--s4) var(--s7)}.beat-copy{padding:var(--s7);display:flex;flex-direction:column;justify-content:center;gap:var(--s5)}.beat-copy .eyebrow{color:var(--paper)}.beat-copy strong{font-size:var(--big);letter-spacing:var(--tracking);line-height:1.12}.beat-copy>span:last-child{font-size:var(--small);max-width:42ch}.media-beat .tile{min-height:320px;max-height:460px;clip-path:none}.media-beat .tile img{object-position:center 25%}.decision-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s6);border:var(--hair) solid var(--line);background:var(--surface);margin-block:var(--s5) var(--s7)}.decision-bar strong{font-size:var(--h3);line-height:1.3}
.matrix-wrap{margin-block:var(--s3) var(--s7)}.comparison{overflow-x:auto;max-width:100%;border-top:var(--double) solid var(--accent)}table{width:100%;border-collapse:collapse;font-size:var(--small)}caption{text-align:left;color:var(--muted);padding:var(--s4) var(--zero);font-size:var(--small)}th,td{border-bottom:var(--hair) solid var(--line);padding:var(--s4) var(--s3);text-align:left;vertical-align:top;min-width:140px}th[scope=col]{font-family:var(--display-font);font-size:var(--h3);padding-block:var(--s5)}thead{background:var(--surface)}tbody th{color:var(--muted);font-weight:500}td .cta{padding:var(--s2);min-width:140px}td .text-action{font-size:var(--small)}tbody tr:hover{background:var(--surface)}
.motion-beat{display:grid;grid-template-columns:1fr .7fr;background:var(--surface);margin-block:var(--s7);gap:var(--s7);padding:var(--s6);align-items:center}.motion-beat>div{padding:var(--s5)}.motion-beat .video-tile{aspect-ratio:544/736;max-height:490px}.motion-beat button{background:var(--paper);border:var(--hair) solid var(--line);padding:var(--s3) var(--s4);min-height:var(--control)}.video-tile .tile-label{font-size:var(--body)}
.faq .subsections{gap:var(--s5)}.faq h3{font-size:var(--h3)}.faq p{font-size:var(--body)}.final-zone{margin-block:var(--s6) var(--s7);display:grid;grid-template-columns:1.2fr .65fr;background:var(--accent);color:var(--paper);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}.final-copy{padding:var(--s7)}.final-copy h2{font-size:var(--big);letter-spacing:var(--tracking)}.final-copy .eyebrow{color:var(--paper)}.final-copy .cta{background:var(--paper);color:var(--accent);margin-top:var(--s3)}.final-copy a{color:var(--paper)}.final-zone>.tile{height:100%;min-height:400px;clip-path:none}.final-zone .tile img{object-position:center 25%}
.breadcrumbs{display:flex;gap:var(--s3);flex-wrap:wrap;font-size:var(--small);margin-block:var(--s4)}.breadcrumbs a{min-height:var(--control);display:flex;align-items:center}.breadcrumbs span{display:flex;align-items:center}.hero-review .hero-heading,.hero-guide .hero-heading,.hero-hub .hero-heading{text-align:left}.hero-review h1,.hero-guide h1,.hero-hub h1{max-width:22ch;font-size:var(--big)}.child-stage{height:340px;display:grid;grid-template-columns:1.1fr 1fr;overflow:clip;background:var(--surface)}.child-stage .tile{height:100%;clip-path:none}.child-stage .tile img{object-position:center 28%}.child-verdict{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:var(--s6);gap:var(--s4)}.child-verdict strong{font-size:var(--big);color:var(--accent);letter-spacing:var(--tracking);line-height:1.1}.hero-guide .child-stage{grid-template-columns:.65fr 1fr}.hero-hub .child-stage{grid-template-columns:1.5fr .8fr}.at-glance{padding:var(--s5) var(--s6);background:var(--surface);border-left:var(--double) solid var(--accent);margin-bottom:var(--s7)}.at-glance ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);padding:0;margin-bottom:0}.at-glance li{padding:var(--s2) var(--zero);border-bottom:var(--hair) solid var(--line)}.evidence{margin:var(--s5) var(--zero) var(--s7);padding:var(--s5);border:var(--hair) solid var(--line);background:var(--surface)}.evidence img{height:auto;width:100%;object-fit:contain;max-height:640px}.evidence figcaption{font-size:var(--small);color:var(--muted);padding-top:var(--s3)}.page-review>main>p[data-prose]{max-width:var(--measure);margin-left:auto}.page-review>main>p[data-prose]:last-of-type{margin-bottom:var(--s7)}.hub-media{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);height:300px;margin-bottom:var(--s7)}.hub-subject .medal{margin-bottom:var(--s4)}.process{display:grid;grid-template-columns:repeat(4,1fr);border-block:var(--hair) solid var(--line);padding-block:var(--s5);gap:var(--s4);color:var(--accent);font-weight:600}.text-hero{padding-block:var(--s7) var(--s5)}.text-hero h1{font-size:var(--big)}.not-found{padding-block:var(--s9)}
footer{max-width:var(--max);padding:var(--s7) var(--gutter) var(--s5);margin:auto;border-top:var(--hair) solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s6);font-size:var(--small);color:var(--muted)}footer .wordmark{margin-bottom:var(--s4)}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}footer nav a{min-height:var(--control);display:flex;align-items:center;color:var(--ink);text-decoration:none}.copyright{grid-column:1/-1;margin:0}.skip-link{position:fixed;top:var(--s4);left:var(--s4);transform:translateY(-200%);background:var(--paper);padding:var(--s4);z-index:var(--skip-layer)}.skip-link:focus{transform:translateY(0)}
@media(max-width:900px){.site-header nav{gap:var(--s3)}.section{grid-template-columns:minmax(0,.65fr) minmax(0,1.5fr);gap:var(--s5)}.beat-copy{padding:var(--s6)}.final-copy{padding:var(--s6)}.brand-strip{gap:var(--s3)}.brand-strip span{display:none}}
@media(max-width:720px){:root{--header:112px;--rail-height:var(--rail-mobile);--section-gap:var(--s7)}.site-header{flex-wrap:wrap;gap:var(--s2);padding-block:var(--s3)}.wordmark{font-size:var(--small);gap:var(--s2)}.mark{width:32px;height:32px}.site-header nav{order:3;width:100%;justify-content:space-between}.header-cta{padding:var(--s2) var(--s3);min-height:var(--control)}.hero{padding-top:var(--s4)}.hero h1{max-width:19ch;margin-inline:auto}.hero .eyebrow{font-size:var(--eyebrow);letter-spacing:.035em}.hero-heading .provenance{font-size:var(--eyebrow);line-height:1.4;margin-bottom:var(--s3)}.hero-rail .tile{flex-basis:51%;height:100%}.hero-rail .tile img{object-position:center 18%}.rail-verdict{top:var(--s2);left:var(--s2);max-width:155px;padding:var(--s2) var(--s3)}.rail-verdict small{font-size:var(--eyebrow);line-height:1.3}.rail-verdict span{font-size:var(--eyebrow)}.rail-action{left:var(--s2);bottom:var(--s2)}.rail-action .cta{font-size:var(--small);padding:var(--s3);gap:var(--s2)}.rail-controls{right:var(--s2);bottom:var(--s2)}.rail-controls button{min-width:var(--control)}.rail-controls [data-auto]{display:none}.rail-controls span{font-size:var(--eyebrow);padding:0}.lede{margin-top:var(--s4);line-height:1.6}.brand-strip{gap:var(--s2);flex-wrap:wrap;justify-content:space-around}.brand-strip a{font-size:var(--small);gap:var(--s1)}.brand-strip small{font-size:var(--eyebrow)}.discovery{padding-block:var(--s5) var(--s7)}.discovery-head{display:block;margin-bottom:var(--s4)}.discovery-head p{margin-top:var(--s3)}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:var(--s3);row-gap:var(--s3)}.model-grid .tile{border-width:var(--s1);margin-right:calc(-1 * var(--s3))}.model-grid .tile:nth-child(2){margin-top:var(--s5)}.model-grid .tile:nth-child(3){margin-top:0}.model-grid .tile:nth-child(4){margin-top:var(--s5)}.tile-label{font-size:var(--body);padding:var(--s5) var(--s3) var(--s3)}.tile-label small{font-size:var(--eyebrow)}.section{grid-template-columns:1fr;gap:var(--s3)}.section-heading h2{max-width:25ch}.section-body{max-width:none}.rank{grid-template-columns:50px 1fr;gap:var(--s3)}.medal{width:44px;height:62px;font-size:var(--h3)}.media-beat{min-height:270px;grid-template-columns:1.1fr .8fr;margin-bottom:var(--s6)}.media-beat .tile{min-height:270px;max-height:350px}.beat-copy{padding:var(--s4);gap:var(--s3)}.beat-copy strong{font-size:var(--h3);letter-spacing:-.04em}.beat-copy .eyebrow{font-size:var(--eyebrow);letter-spacing:.02em}.beat-copy>span:last-child{font-size:var(--eyebrow)}.decision-bar{padding:var(--s4);flex-wrap:wrap;margin-block:var(--s4) var(--s6)}.decision-bar strong{font-size:var(--body)}.motion-beat{grid-template-columns:1fr .8fr;padding:var(--s3);gap:var(--s3)}.motion-beat>div{padding:var(--s2)}.motion-beat h2{font-size:var(--h3)}.motion-beat p{font-size:var(--small);line-height:1.5}.motion-beat .tile-label{font-size:var(--small);padding:var(--s2)}.final-zone{grid-template-columns:1fr}.final-copy{padding:var(--s5)}.final-copy h2{font-size:var(--h2)}.final-zone>.tile{min-height:240px;height:240px}.final-zone .tile img{object-position:center 25%}.child-stage{height:240px;grid-template-columns:1fr 1fr}.child-verdict{padding:var(--s4);gap:var(--s3)}.child-verdict strong{font-size:var(--h3);letter-spacing:-.05em}.child-verdict .cta{font-size:var(--small);padding:var(--s2)}.child-verdict .text-action{font-size:var(--small)}.hero-review h1,.hero-guide h1,.hero-hub h1{margin-left:0;font-size:var(--h2);max-width:25ch}.hero-guide .child-stage,.hero-hub .child-stage{grid-template-columns:1fr 1fr}.at-glance{padding:var(--s4);margin-bottom:var(--s6)}.at-glance ul{grid-template-columns:1fr;gap:var(--s1)}.evidence{padding:var(--s2);margin-bottom:var(--s6)}.evidence figcaption{padding:var(--s2)}.hub-media{height:220px;gap:var(--double)}.hub-media .tile-label{font-size:var(--small);padding:var(--s2)}.process{grid-template-columns:1fr 1fr;font-size:var(--small)}footer{grid-template-columns:1fr;padding-top:var(--s6)}footer nav{gap:var(--s1)}.breadcrumbs{font-size:var(--small);gap:var(--s2)}}
@media(max-width:359px){:root{--rail-mobile:210px}.rail-controls{right:var(--s1)}.rail-controls span{display:none}.rail-verdict{max-width:135px}.rail-verdict span{font-size:var(--eyebrow)}.rail-verdict small{display:none}.rail-action .cta{font-size:var(--eyebrow);gap:var(--s1)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.hero-rail{transform:none!important}}
.child-stage{grid-template-rows:minmax(0,1fr)}
.child-stage>*{min-height:var(--zero);min-width:var(--zero)}
.rail-verdict{top:auto;left:auto;right:var(--s4);bottom:calc(var(--control) + var(--s5));padding:var(--s2) var(--s3);max-width:260px}
.rail-verdict span,.rail-verdict small{display:none}
.rail-verdict strong{font-size:var(--small)}
.hero-stage{padding-bottom:calc(var(--control) + var(--s6));background:var(--surface);height:calc(var(--rail-height) + var(--control) + var(--s5))}
.rail-verdict{bottom:var(--s5);right:220px;background:transparent}
.hero-rail .tile img{object-position:center 25%}
.child-verdict .text-action{line-height:1.35}
@media(max-width:720px){.hero-stage{height:calc(var(--rail-mobile) + var(--control) + var(--s5));padding-bottom:calc(var(--control) + var(--s5))}.rail-verdict{right:var(--s2);bottom:auto;top:var(--s2);background:var(--paper);left:auto;padding:var(--s1) var(--s2)}.rail-verdict strong{font-size:var(--small)}.hero-rail .tile img{object-position:center 22%}.hero-review .child-stage,.hero-hub .child-stage,.hero-guide .child-stage{height:260px}.child-verdict .text-action{min-height:auto}.rail-controls{bottom:var(--s2)}.rail-action{bottom:var(--s2)}.brand-strip a{font-size:var(--small)}}
@media(max-width:359px){.site-header .wordmark{font-size:var(--eyebrow);gap:var(--s1)}.site-header .mark{width:28px;height:28px}.header-cta{font-size:var(--small)!important;padding:var(--s2);gap:var(--s1)}.rail-controls button{min-width:var(--control)}.rail-verdict{display:block}.rail-action .cta{font-size:var(--small);padding:var(--s2)}.child-verdict{padding:var(--s3)}}
@media(max-width:359px){.site-header .wordmark{font-size:var(--small)}.site-header .mark{display:none}}
/* Clear portraits first; metadata stays compact and controls remain visible. */
.hero-rail .tile{flex-basis:38%}
.hero-rail .tile:not(.is-current) img{filter:var(--grade) saturate(.65)}
.hero-rail .tile.is-current img{filter:var(--grade)}
.lede{max-width:85ch}
.breadcrumbs{margin-block:var(--s1)}
.scene-controls,.mood-controls{display:flex;gap:var(--s2);flex-wrap:wrap}
.scene-controls button,.mood-controls button{min-height:var(--control);padding:var(--s2) var(--s3);border:var(--hair) solid var(--line);background:var(--paper);color:var(--ink);font-size:var(--small)}
.scene-controls button[aria-pressed=true],.mood-controls button[aria-pressed=true]{background:var(--accent);color:var(--paper);border-color:var(--accent)}
.mood-controls{margin-bottom:var(--s5)}
.model-grid .tile{transition:transform var(--dur) var(--ease),filter var(--dur) var(--ease)}
.model-grid .tile.is-spotlight{transform:translateY(calc(-1 * var(--s3)));z-index:2;outline:var(--double) solid var(--accent);outline-offset:var(--double)}
.model-grid.has-spotlight .tile:not(.is-spotlight) img{filter:var(--grade) saturate(.4)}
.child-stage.detail-view .tile img{transform:scale(1.13);object-position:center 20%}
.child-stage .tile img{transition:transform var(--dur) var(--ease),object-position var(--dur) var(--ease)}
.child-verdict .eyebrow{letter-spacing:.035em}
@media(max-width:720px){
 .hero-rail .tile{flex-basis:51%}
 .hero-heading .eyebrow{letter-spacing:.025em}
 .hero{padding-top:var(--s3)}
 .child-verdict{padding:var(--s3);gap:var(--s3)}
 .child-verdict strong{font-size:var(--verdict-small)}
 .child-verdict .eyebrow{font-size:var(--eyebrow);line-height:1.4}
 .child-verdict .cta{padding:var(--s2);font-size:var(--small)}
 .scene-controls{gap:var(--s1)}
 .scene-controls button{padding:var(--s1) var(--s2);font-size:var(--eyebrow)}
 .hero-review .child-stage,.hero-hub .child-stage,.hero-guide .child-stage{height:270px}
}
@media(max-width:359px){
 :root{--header:104px}
 .site-header{padding-block:var(--s2)}
 .hero-heading .eyebrow{font-size:var(--eyebrow)}
 .hero h1{margin-block:var(--s2)}
 .hero-heading .provenance{margin-bottom:var(--s2)}
 .child-verdict{gap:var(--s2)}
 .scene-controls button{padding-inline:var(--s1)}
 .hero-review .child-stage,.hero-hub .child-stage,.hero-guide .child-stage{height:248px}
}
.child-verdict strong{font-size:var(--verdict-large)}
.child-verdict{padding:var(--s5);gap:var(--s3)}
.child-verdict .cta,.child-verdict .text-action,.scene-controls{flex-shrink:0}
.child-verdict .cta{line-height:1.35}
@media(max-width:720px){.child-verdict{padding:var(--s3);gap:var(--s2)}.child-verdict strong{font-size:var(--verdict-mobile)}.child-verdict .cta{line-height:1.35}.scene-controls{gap:var(--s1)}}
@media(max-width:359px){.child-verdict{padding:var(--s2);gap:var(--s2)}.child-verdict strong{font-size:var(--verdict-narrow)}.child-verdict .text-action{font-size:var(--eyebrow)}}
.child-stage.evidence-view .tile img{object-fit:contain;object-position:center;transform:none;filter:none;background:var(--paper)}
.child-stage.evidence-view .tile::after{display:none}
.child-stage.evidence-view .tile-label{background:var(--accent);font-size:var(--small);padding:var(--s2)}
.child-media-deck{position:relative;min-width:0;min-height:0;overflow:clip}
.deck-main{height:100%}
.deck-main>.tile{height:100%;width:100%}
.deck-inset{position:absolute;right:var(--s4);bottom:var(--s4);width:150px;height:220px;z-index:2;border:var(--s1) solid var(--paper);box-shadow:0 var(--s3) var(--s6) var(--vignette);transform:rotate(3deg)}
.deck-inset .tile-label{display:none}
.deck-inset>.tile{height:100%}
.deck-inset .tile img{object-position:center 22%}
.deck-controls{position:absolute;bottom:var(--s2);left:var(--s2);display:flex;z-index:3;background:var(--paper)}
.deck-controls button{border:0;background:transparent;min-height:var(--control);min-width:var(--control)}
.deck-controls button:hover{background:var(--raised)}
.deck-main .tile-label{padding-bottom:calc(var(--control) + var(--s3))}
.evidence-view .deck-inset,.evidence-view .deck-controls{display:none}
.evidence-view .deck-main .tile-label{padding-bottom:var(--s2)}
@media(max-width:720px){.deck-inset{width:74px;height:116px;right:var(--s2);bottom:calc(var(--control) + var(--s2));border-width:var(--double)}.deck-main .tile-label{font-size:var(--small);padding-inline:var(--s2);padding-top:var(--s6)}.deck-main .tile-label small{font-size:var(--eyebrow)}.deck-controls{bottom:var(--s1);left:var(--s1)}}
.hero-rail .tile{flex-basis:33.333%}
.hero-rail.is-changing{animation:scene-cut var(--dur) var(--ease)}
@keyframes scene-cut{from{filter:brightness(.92)}to{filter:brightness(1)}}
.motion-card{min-width:0;padding:var(--s2);background:var(--surface)}
.motion-card .video-tile{aspect-ratio:3/4;width:100%;margin:0;border:0}
.motion-card .tile-label{font-size:var(--small);padding:var(--s4) var(--s2) var(--s2)}
.motion-card button{margin-top:var(--s2);min-height:var(--control);padding:var(--s2) var(--s3);border:var(--hair) solid var(--line);background:var(--paper);font-size:var(--small)}
.motion-card p{font-size:var(--eyebrow);line-height:1.4;margin-block:var(--s2) 0;color:var(--muted)}
@media(max-width:720px){.hero-rail .tile{flex-basis:50%}.model-grid{gap:var(--s3)}.model-grid .tile{margin-right:0}.model-grid .motion-card .tile-label{font-size:var(--eyebrow)}}
.scene-controls button{min-width:var(--control)}
.child-verdict .text-action{min-height:var(--control)}
.video-tile{color:var(--paper)}
@media(max-width:720px){.deck-inset{width:54px;height:80px;right:var(--s1);bottom:var(--s1);transform:rotate(3deg)}.deck-main .tile-label{padding-right:68px}.evidence-view .deck-main .tile-label{padding-right:var(--s2)}}
.hero-stage{padding-bottom:calc(var(--control) + var(--s5) + 30px)}
.rail-action,.rail-controls{bottom:var(--s6)}
.rail-evidence{position:absolute;bottom:var(--s2);left:var(--s4);right:var(--s4);margin:0;color:var(--muted);font-size:var(--eyebrow);line-height:1.4;z-index:2}
@media(max-width:720px){.hero-stage{padding-bottom:calc(var(--control) + var(--s5) + 30px)}.rail-action,.rail-controls{bottom:var(--s6)}.rail-evidence{left:var(--s2);right:var(--s2);font-size:var(--eyebrow)}}
@media(min-width:721px){.hero-rail .tile:first-child{flex-basis:43%}.hero-rail .tile:nth-child(2),.hero-rail .tile:nth-child(3){flex-basis:28.5%}}
.hero-rail .tile:not(.is-current) img{filter:saturate(.38) contrast(.82) brightness(1.12)}
@media(max-width:359px){.hero-stage{height:calc(var(--rail-mobile) + var(--control) + var(--s5) + 24px)}.hero-rail .tile img{transform:scale(1.08)}}
@media(max-width:720px){.brand-strip{flex-wrap:nowrap;gap:var(--s1);justify-content:space-between}.brand-strip>span,.brand-strip small{display:none}.brand-strip a{white-space:nowrap;flex-shrink:0;font-size:var(--small)}}

/* Grid tracks must allow the comparison table to scroll inside the prose column. */
.section>*,.subsections>*{min-width:0}
.subsections{grid-template-columns:minmax(0,1fr)}

.hub-media .tile{min-height:0;height:100%}

/* Brighter editorial direction: a crimson masthead, rich portraits and clear offers. */
body::before{opacity:.07}
.site-header{border-bottom:var(--double) solid var(--accent);height:var(--header);background:var(--paper)}
.site-header nav a{font-weight:var(--weight-medium);position:relative}
.site-header nav a::after{content:"";position:absolute;bottom:var(--s1);left:0;right:0;height:var(--double);background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--short) var(--ease)}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after{transform:scaleX(1)}
.mark{background:var(--accent);box-shadow:0 var(--s2) var(--s4) var(--shadow)}
.cta{position:relative;isolation:isolate;overflow:hidden;gap:var(--s4);background:var(--accent);color:var(--white);border-color:var(--accent);font-weight:var(--weight-bold);letter-spacing:-.02em;min-height:48px;padding:var(--s3) var(--s5);transition:background var(--short) var(--ease),transform var(--short) var(--ease),box-shadow var(--short) var(--ease);box-shadow:0 var(--s2) var(--s4) var(--shadow)}
.cta::before{content:"";position:absolute;inset:-50% -25%;z-index:-1;pointer-events:none;background:linear-gradient(100deg,var(--clear) 30%,var(--shine) 49%,var(--clear) 68%);transform:translateX(-105%) skewX(-15deg);transition:transform var(--glint) var(--ease)}
.cta:hover::before,.cta:focus-visible::before{transform:translateX(105%) skewX(-15deg)}
.cta:hover{background:var(--accent-lift);transform:translateY(-3px);box-shadow:0 var(--s3) var(--s5) var(--shadow)}
.cta.quiet{background:var(--paper);color:var(--accent);border-color:var(--accent);box-shadow:none;font-weight:var(--weight-semibold)}
.cta.quiet:hover{background:var(--accent-soft);color:var(--accent-lift)}
.header-cta.cta{background:var(--accent);color:var(--white);border-color:var(--accent)}
.text-action{font-weight:var(--weight-bold);text-decoration-thickness:var(--hair)}
.hero{padding-block:var(--s5) var(--s6)}
.hero-banner{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.22fr);isolation:isolate;background:var(--hero-red);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);min-height:510px;position:relative}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s4);padding:clamp(1.5rem,3.25vw,3rem);color:var(--white);position:relative;min-width:0;z-index:1;background:var(--hero-red)}
.hero-copy::before{content:"";position:absolute;top:var(--s6);left:var(--s6);right:var(--s6);height:var(--hair);background:var(--shine);pointer-events:none}
.hero-copy::after{content:"";position:absolute;right:calc(-1 * var(--s5));bottom:var(--s7);width:var(--s7);height:var(--s7);background:var(--hero-red);transform:rotate(45deg);pointer-events:none;z-index:-1}
.hero-copy .hero-heading{text-align:left;width:100%}
.hero-copy h1,.hero-review .hero-copy h1,.hero-guide .hero-copy h1,.hero-hub .hero-copy h1{margin:0;font-size:var(--hero-title);max-width:13ch;letter-spacing:-.06em;line-height:1.08;text-align:left;animation:none;color:var(--white)}
.hero-copy h1 em,.hero-copy h1 span{font-style:normal;color:var(--gold)}
.hero-copy .eyebrow,.hero-kicker{font-size:var(--eyebrow);color:var(--cream-white);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;line-height:1.45}
.hero-kicker{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.hero-kicker::before{content:"";width:var(--s6);height:var(--double);background:var(--gold);flex-shrink:0}
.hero-badge{display:inline-flex;align-items:center;gap:var(--s2);min-height:32px;padding:var(--s1) var(--s3);color:var(--cream-white);background:var(--ink-panel);font-size:var(--eyebrow);font-weight:var(--weight-semibold);letter-spacing:.035em;width:fit-content;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--small-cut)),calc(100% - var(--small-cut)) 100%,0 100%)}
.hero-copy .provenance{color:var(--cream-white);font-size:var(--eyebrow);line-height:1.5;margin:0;max-width:47ch}
.hero-price{font-size:var(--hero-price);font-weight:var(--weight-semibold);color:var(--cream-white);line-height:1.45;border-top:var(--hair) solid var(--shine);padding-top:var(--s4);width:100%}
.hero-price strong{color:var(--white);font-size:var(--verdict-small);font-weight:var(--weight-heavy)}
.hero-price small{display:block;font-size:var(--eyebrow);font-weight:var(--weight-regular);line-height:1.5;color:var(--cream-white)}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);width:100%}
.hero-copy .cta{background:var(--cream-white);border-color:var(--cream-white);color:var(--hero-red);box-shadow:0 var(--s2) var(--s5) var(--shadow)}
.hero-copy .cta:hover{background:var(--white);color:var(--accent-lift)}
.hero-copy .cta.quiet{background:transparent;border-color:var(--cream-white);color:var(--white);box-shadow:none}
.hero-copy .cta.quiet:hover{background:var(--ink-panel);border-color:var(--ink-panel)}
.hero-copy .text-action{color:var(--white)}
.hero-banner .hero-stage{height:100%;min-height:510px;padding-bottom:calc(var(--control) + var(--s5) + 30px);background:var(--ink-panel);clip-path:none}
.hero-banner .hero-rail{height:100%}
.hero-banner .hero-rail .tile{clip-path:none}
.hero-banner .hero-rail .tile:first-child{flex-basis:58%}
.hero-banner .hero-rail .tile:nth-child(2),.hero-banner .hero-rail .tile:nth-child(3){flex-basis:42%}
.hero-rail .tile:not(.is-current) img{filter:saturate(.88) contrast(.96) brightness(1.03)}
.hero-banner .rail-evidence{color:var(--cream-white)}
.hero-banner .rail-action{left:var(--s4);bottom:var(--s6)}
.hero-banner .rail-controls{background:var(--cream-white);bottom:var(--s6)}
.hero-banner .rail-verdict{color:var(--white)}
.hero-banner .rail-verdict strong{color:var(--cream-white)}
.hero-banner .child-stage{height:100%;min-height:510px;grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);background:var(--ink-panel);clip-path:none}
.hero-banner .child-verdict{padding:var(--s4);background:var(--ink-panel);color:var(--cream-white);gap:var(--s4);justify-content:center}
.hero-banner .child-verdict strong{color:var(--gold);font-size:var(--verdict-large);line-height:1.2}
.hero-banner .child-verdict .eyebrow{color:var(--cream-white)}
.hero-banner .child-verdict .cta{background:var(--cream-white);color:var(--accent);border-color:var(--cream-white);padding:var(--s3);font-size:var(--small)}
.hero-banner .child-verdict .text-action{color:var(--cream-white);font-size:var(--small)}
.hero-banner .scene-controls button{background:var(--ink-panel);color:var(--cream-white);border-color:var(--shine)}
.hero-banner .scene-controls button[aria-pressed=true]{background:var(--cream-white);color:var(--ink-panel);border-color:var(--cream-white)}
.hero-banner .deck-inset{width:112px;height:170px;border-color:var(--cream-white);right:var(--s3);bottom:var(--s3);box-shadow:0 var(--s3) var(--s5) var(--ink-shadow)}
.hero-banner .deck-controls{background:var(--cream-white)}
.hero-banner .deck-main .tile-label{padding-right:126px}
.hero-banner .evidence-view{background:var(--paper)}
.hero-banner .evidence-view .child-verdict{background:var(--ink-panel)}
.hero-banner .evidence-view .deck-main .tile-label{padding-right:var(--s2)}
.hero .lede{padding-top:var(--s5);margin-top:0;max-width:92ch;border-bottom:var(--hair) solid var(--line);padding-bottom:var(--s5)}
.brand-strip{padding-block:var(--s4);gap:var(--s5);border-color:var(--line);border-top:0}
.brand-strip a{gap:var(--s3);position:relative;font-size:var(--brand)}
.brand-logo{display:block;object-fit:contain;object-position:left center;width:auto;max-width:142px;height:36px;filter:none!important;flex-shrink:0}
.brand-strip .brand-logo{width:136px;height:32px}
.brand-strip a:hover{transform:translateY(-1px)}
.hero-copy .brand-logo{background:var(--cream-white);padding:var(--s2);height:44px;max-width:172px;object-position:center}
.brand-logo.brand-logo-white{background:none;padding:0}
.price-chip,.mini-price{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--s2);background:var(--accent-soft);color:var(--ink);font-size:var(--chip);font-weight:var(--weight-semibold);padding:var(--s2) var(--s3);border-left:3px solid var(--accent);line-height:1.45;max-width:100%}
.price-chip strong,.mini-price strong{color:var(--accent);font-size:var(--body)}
.mini-price{display:flex;width:fit-content;margin-block:var(--s3);font-size:var(--small)}
.rank .brand-logo,.hub-subject .brand-logo{margin-bottom:var(--s3)}
.discovery-head strong{font-size:var(--h2);letter-spacing:-.045em}
.discovery{padding-top:var(--s7)}
.model-grid .tile{border-color:var(--paper);box-shadow:0 var(--s3) var(--s6) var(--shadow)}
.motion-card{background:var(--accent-soft)}
.mood-controls button,.scene-controls button{font-weight:var(--weight-semibold)}
.mood-controls button[aria-pressed=true]{box-shadow:0 var(--s2) var(--s4) var(--shadow)}
.section{border-top:var(--hair) solid var(--line)}
.section-heading{border-top:4px solid var(--accent);padding-top:var(--s4)}
.section-heading h2{font-weight:var(--weight-heavy);line-height:1.14;max-width:17ch}
.section-heading .eyebrow{color:var(--accent)}
.rank{padding-block:var(--s6);border-top:var(--double) solid var(--line)}
.rank:first-child{border-top-color:var(--accent)}
.medal{background:var(--accent);color:var(--white);box-shadow:0 var(--s3) var(--s5) var(--shadow)}
.rank h3{font-size:var(--h2);color:var(--ink);line-height:1.15}
.media-beat,.final-zone{background:var(--hero-red);color:var(--white);position:relative}
.media-beat .beat-copy strong,.final-copy h2{color:var(--cream-white)}
.media-beat .cta,.decision-bar .cta,.final-zone .cta{box-shadow:0 var(--s2) var(--s5) var(--shadow)}
.media-beat .cta{background:var(--cream-white);color:var(--accent);border-color:var(--cream-white);width:fit-content}
.decision-bar{background:var(--accent-soft);border:none;border-left:4px solid var(--accent);padding:var(--s5) var(--s6)}
.decision-bar strong{color:var(--ink);font-weight:var(--weight-heavy)}
.comparison{border-top:4px solid var(--accent)}
.comparison thead{background:var(--ink-panel);color:var(--cream-white)}
.comparison th[scope=col]{font-size:var(--h3)}
.comparison thead .brand-logo{background:var(--cream-white);padding:var(--s2);width:130px;height:42px;max-width:none}
.comparison tbody tr:nth-child(even){background:var(--surface)}
.comparison tbody tr:hover{background:var(--accent-soft)}
.comparison tbody th{color:var(--ink);font-weight:var(--weight-semibold)}
.comparison td{line-height:1.5}
.comparison .price-chip{padding:var(--s2);font-size:var(--small)}
.at-glance{background:var(--accent-soft);border-left:4px solid var(--accent);padding:var(--s6)}
.at-glance strong{color:var(--accent)}
.evidence{background:var(--surface);border-color:var(--line);border-top:4px solid var(--accent)}
.faq .subsection{padding-bottom:var(--s5);border-bottom:var(--hair) solid var(--line)}
.faq .subsection:last-child{border-bottom:0;padding-bottom:0}
.faq h3{color:var(--accent)}
.content-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin-block:var(--s6) var(--s7)}
.hub-card{display:flex;flex-direction:column;position:relative;min-width:0;border-top:4px solid var(--accent);background:var(--surface);padding:var(--s5);gap:var(--s3);color:var(--ink);text-decoration:none;transition:transform var(--short) var(--ease),box-shadow var(--short) var(--ease)}
.hub-card:hover{transform:translateY(-4px);box-shadow:0 var(--s3) var(--s6) var(--shadow)}
.hub-card h2,.hub-card h3{font-size:var(--h3);margin:0;letter-spacing:-.035em}
.hub-card p{font-size:var(--small);line-height:1.6;margin:0}
.hub-card .media,.hub-card img{width:100%;height:210px;object-fit:cover;object-position:center 25%;margin-bottom:var(--s3)}
.hub-card .brand-logo{width:auto;height:32px;max-width:142px;object-fit:contain;margin-bottom:var(--s3)}
.hub-card>.cta,.hub-card>.text-action{margin-top:auto;align-self:flex-start}
.hub-card .eyebrow{color:var(--accent)}
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-block:var(--s5)}
.price-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);background:var(--surface);border-top:4px solid var(--accent);padding:var(--s5);min-width:0}
.price-card strong{color:var(--accent);font-size:var(--h2);letter-spacing:-.05em;line-height:1.15}
.price-card p,.price-card small{font-size:var(--small);line-height:1.5;margin:0}
.price-card .cta{margin-top:auto;font-size:var(--small)}
.price-card .brand-logo{height:32px;max-width:130px}
.sticky-action{position:sticky;bottom:var(--s3);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) var(--s4);background:var(--ink-panel);color:var(--cream-white);box-shadow:0 var(--s3) var(--s7) var(--ink-shadow);margin-block:var(--s6);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--small-cut)),calc(100% - var(--small-cut)) 100%,0 100%)}
.sticky-action .brand-logo{background:var(--cream-white);height:36px;padding:var(--s1);max-width:130px}
.sticky-action .cta{background:var(--accent);color:var(--white);font-size:var(--small)}
.sticky-action strong{font-size:var(--small);line-height:1.4}
.sticky-action small{font-size:var(--eyebrow);line-height:1.4}
.text-hero{background:var(--hero-red);color:var(--cream-white);padding:var(--s7);margin-top:var(--s4);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.text-hero h1{color:var(--white);max-width:18ch;line-height:1.08}
.text-hero .eyebrow,.text-hero .kicker{color:var(--gold)}
.text-hero p{max-width:65ch}
footer{background:var(--surface);border-top:var(--double) solid var(--accent);margin-top:var(--s6)}
footer nav a:hover{color:var(--accent)}
@media(max-width:1100px){
 .hero-banner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:480px}
 .hero-banner .hero-stage,.hero-banner .child-stage{min-height:480px}
 .hero-copy{gap:var(--s3);padding:var(--s6)}
 .hero-banner .child-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
 .hero-banner .child-verdict{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--s3) var(--s4);gap:var(--s2);align-items:center}
 .hero-banner .child-verdict strong{font-size:var(--verdict-small)}
 .hero-banner .child-verdict>.eyebrow{display:none}
 .hero-banner .child-verdict .scene-controls{grid-column:1/-1}
 .hero-banner .deck-inset{width:88px;height:132px}
 .hero-banner .deck-main .tile-label{padding-right:102px}
 .brand-strip .brand-logo{width:115px;height:30px}
 .content-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 :root{--header:100px;--rail-mobile:176px}
 .site-header{padding-block:var(--s2);gap:var(--s1)}
 .site-header .wordmark{font-size:var(--small)}
 .site-header .mark{width:30px;height:30px;display:flex}
 .site-header nav{gap:var(--s3);height:var(--control)}
 .site-header nav a{font-size:var(--small)}
 .header-cta.cta{font-size:var(--small);min-height:var(--control);padding:var(--s2) var(--s3);gap:var(--s2)}
 .hero{padding-block:var(--s3) var(--s5)}
 .hero-banner{grid-template-columns:minmax(0,1fr);min-height:0;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--small-cut)),calc(100% - var(--small-cut)) 100%,0 100%)}
 .hero-copy{padding:var(--s5);gap:var(--s3);justify-content:flex-start}
 .hero-copy::before{top:var(--s3);left:var(--s5);right:var(--s5)}
 .hero-copy::after{display:none}
 .hero-copy h1,.hero-review .hero-copy h1,.hero-guide .hero-copy h1,.hero-hub .hero-copy h1{font-size:var(--hero-title-mobile);max-width:20ch;margin:0;line-height:1.1;letter-spacing:-.055em}
 .hero-kicker,.hero-copy .eyebrow{font-size:var(--eyebrow);letter-spacing:.03em;line-height:1.3}
 .hero-kicker::before{width:var(--s4)}
 .hero-badge{min-height:24px;padding:var(--s1) var(--s2);font-size:var(--eyebrow)}
 .hero-price{font-size:var(--small);padding-top:var(--s3);line-height:1.4}
 .hero-price strong{font-size:var(--body)}
 .hero-price small{font-size:var(--eyebrow)}
 .hero-actions{gap:var(--s2);align-items:stretch;flex-wrap:nowrap}
 .hero-actions .cta{flex:1;font-size:var(--small);padding:var(--s2);gap:var(--s2);min-width:0;min-height:var(--control);line-height:1.3}
 .hero-copy .provenance{font-size:var(--eyebrow);max-width:none;line-height:1.35}
 .hero-banner .hero-stage{min-height:0;height:calc(var(--rail-mobile) + 74px);padding-bottom:74px}
 .hero-banner .hero-rail .tile:first-child,.hero-banner .hero-rail .tile:nth-child(2),.hero-banner .hero-rail .tile:nth-child(3){flex-basis:50%}
 .hero-banner .hero-rail .tile img{object-position:center 25%;transform:none}
 .hero-banner .rail-action,.hero-banner .rail-controls{bottom:var(--s5)}
 .hero-banner .rail-action{left:var(--s2)}
 .hero-banner .rail-action .cta{padding:var(--s2);min-height:var(--control);font-size:var(--small);gap:var(--s2)}
 .hero-banner .rail-controls{right:var(--s2)}
 .hero-banner .rail-evidence{font-size:var(--logo-caption);bottom:var(--s1);left:var(--s2);right:var(--s2)}
 .hero-banner .child-stage{height:250px;min-height:0;grid-template-columns:minmax(0,1.55fr) minmax(0,.9fr);grid-template-rows:minmax(0,1fr)}
 .hero-banner .child-verdict{display:flex;align-items:flex-start;padding:var(--s3);gap:var(--s2);justify-content:center}
 .hero-banner .child-verdict strong{font-size:var(--verdict-mobile)}
 .hero-banner .child-verdict .cta{font-size:var(--eyebrow);padding:var(--s2);gap:var(--s1);min-height:var(--control);line-height:1.3}
 .hero-banner .child-verdict .text-action{font-size:var(--eyebrow);line-height:1.4}
 .hero-banner .scene-controls{gap:var(--s1);flex-wrap:wrap}
 .hero-banner .scene-controls button{font-size:var(--eyebrow);padding:var(--s1);min-height:var(--control);min-width:var(--control)}
 .hero-banner .deck-inset{width:54px;height:80px;right:var(--s1);bottom:var(--s1);border-width:var(--double)}
 .hero-banner .deck-main .tile-label{padding-right:68px;font-size:var(--small)}
 .hero-banner .child-stage.evidence-view{height:320px}
 .hero-copy .brand-logo{height:35px;max-width:138px;padding:var(--s1) var(--s2)}
 .hero .lede{padding-top:var(--s4);padding-bottom:var(--s4)}
 .brand-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2) var(--s4);padding-block:var(--s3)}
 .brand-strip a{min-width:0;justify-content:center;font-size:var(--small)}
 .brand-strip .brand-logo{width:112px;height:28px;max-width:100%}
 .brand-strip>span,.brand-strip small{display:none}
 .brand-logo{height:30px;max-width:130px}
 .price-chip,.mini-price{font-size:var(--small);padding:var(--s2);gap:var(--s1)}
 .discovery{padding-top:var(--s5)}
 .discovery-head strong{font-size:var(--h3)}
 .section-heading{padding-top:var(--s3);border-top-width:3px}
 .section-heading h2{max-width:22ch;margin-bottom:var(--s3)}
 .rank{padding-block:var(--s5)}
 .rank h3{font-size:var(--h3)}
 .at-glance{padding:var(--s4)}
 .decision-bar{padding:var(--s4);gap:var(--s3)}
 .decision-bar .cta{width:100%}
 .content-hub-grid{grid-template-columns:minmax(0,1fr);gap:var(--s4);margin-block:var(--s5)}
 .hub-card{padding:var(--s4)}
 .hub-card .media,.hub-card img{height:220px}
 .hub-card .brand-logo{height:30px;width:auto}
 .price-grid{grid-template-columns:minmax(0,1fr)}
 .price-card{padding:var(--s4)}
 .sticky-action{bottom:var(--s2);gap:var(--s2);padding:var(--s2);flex-wrap:wrap}
 .sticky-action .brand-logo{max-width:100px;height:28px}
 .sticky-action strong{font-size:var(--eyebrow)}
 .sticky-action .cta{font-size:var(--small);padding:var(--s2);gap:var(--s2)}
 .text-hero{padding:var(--s5)}
}
@media(max-width:359px){
 :root{--header:96px;--rail-mobile:160px;--hero-title-mobile:1.75rem}
 .site-header .mark{display:none}
 .hero-copy{padding:var(--s4);gap:var(--s2)}
 .hero-copy::before{top:var(--s2);left:var(--s4);right:var(--s4)}
 .hero-price{padding-top:var(--s2)}
 .hero-actions .cta{font-size:var(--eyebrow)}
 .hero-banner .hero-stage{height:234px}
 .hero-banner .rail-controls span{display:none}
 .hero-banner .rail-action .cta{font-size:var(--eyebrow)}
 .hero-banner .child-stage{height:238px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
 .hero-banner .child-verdict{padding:var(--s2)}
 .hero-banner .child-verdict strong{font-size:var(--verdict-narrow)}
 .brand-strip .brand-logo{width:104px;height:26px}
}
@media(prefers-reduced-motion:reduce){
 .cta::before{display:none}
 .hero-copy h1{animation:none!important}
 .hub-card:hover,.cta:hover,.brand-strip a:hover{transform:none}
}
/* Authentic service marks share one continuous dark ribbon. */
.brand-strip{background:var(--ink-panel);color:var(--cream-white);padding:var(--s3) var(--s5);border:0;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--s5);justify-content:space-between}
.brand-strip a{color:var(--cream-white);min-width:0;justify-content:center}
.brand-strip>span,.brand-strip small{color:var(--cream-white)}
.brand-strip .brand-logo{background:none;padding:0;object-position:center;width:138px;height:32px;max-width:100%}
.hero-copy .brand-logo{background:none;padding:0;object-position:left center;height:40px;max-width:174px}
.comparison thead .brand-logo{background:var(--ink-panel);padding:0;object-position:left;width:130px;height:34px}
.price-card .brand-logo,.rank .brand-logo,.hub-subject .brand-logo,.hub-card .brand-logo,.sticky-action .brand-logo{background:var(--ink-panel);padding:var(--s2);height:42px;max-width:152px;object-position:center}
@media(max-width:720px){
 .brand-strip{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--s3);padding:var(--s2) var(--s3);justify-content:space-between}
 .brand-strip>a{flex:1;min-width:0;max-width:25%;min-height:var(--control)}
 .brand-strip .brand-logo{width:100%;height:26px;max-width:100%;object-position:center}
 .hero-copy .brand-logo{height:32px;max-width:138px}
}
@media(max-width:359px){.brand-strip{gap:var(--s2);padding-inline:var(--s2)}.brand-strip .brand-logo{height:23px;width:100%}}
.hero-copy a:focus-visible,.hero-copy button:focus-visible,.hero-banner .child-verdict a:focus-visible,.hero-banner .child-verdict button:focus-visible,.brand-strip a:focus-visible,.media-beat a:focus-visible,.final-zone a:focus-visible{outline-color:var(--cream-white)}
.hero-copy .cta:focus-visible,.media-beat .cta:focus-visible,.final-zone .cta:focus-visible{outline-color:var(--cream-white);outline-offset:4px}
.hub-card .card-title{display:block;font-family:var(--display-font);font-size:var(--h3);font-weight:var(--weight-bold);line-height:1.25;margin-block:var(--s3)}
.table-scroll-hint{font-size:var(--small);color:var(--muted);margin-bottom:var(--s3)}
.plan-amount{display:block;font-family:var(--display-font);font-size:var(--big);line-height:1.1;margin-block:var(--s3)}
.price-card>span,.price-card>small{display:block;margin-bottom:var(--s3)}
.hero-price small{display:block;margin-top:var(--s2)}
.mini-price>strong,.mini-price>span,.mini-price>small{display:block}
/* Bounded split banners: definite portrait tracks prevent intrinsic image height from stretching the grid. */
@media(min-width:721px){
 .hero-banner{min-height:0;grid-template-rows:minmax(0,1fr)}
 .hero-banner .hero-stage,.hero-banner .child-stage{height:520px;min-height:0}
 .hero-copy{padding:var(--s6);gap:var(--s3);justify-content:center}
 .hero-copy h1,.hero-review .hero-copy h1,.hero-guide .hero-copy h1,.hero-hub .hero-copy h1{font-size:var(--banner-title-wide);max-width:17ch;line-height:1.08}
 .hero-banner .child-stage{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
 .hero-banner .child-verdict{padding:var(--s5);gap:var(--s4)}
 .hero-banner .child-verdict strong{font-size:var(--banner-verdict-wide);letter-spacing:-.055em;overflow-wrap:anywhere;max-width:100%}
 .hero-banner .child-verdict .text-action{max-width:100%;overflow-wrap:anywhere}
 .hero-banner .child-verdict .cta{max-width:100%;gap:var(--s2);white-space:normal;line-height:1.35}
 .hero-banner .scene-controls{flex-wrap:wrap;gap:var(--s2)}
 .hero-banner .deck-inset{width:88px;height:132px}
 .hero-banner .deck-main .tile-label{padding-right:102px;font-size:var(--body)}
 .hero-banner .child-stage .tile img{object-position:center 24%}
 .hero-banner .hero-copy .hero-price{padding-top:var(--s3)}
 .hero-banner .hero-actions .cta{font-size:var(--small);padding:var(--s3) var(--s4);gap:var(--s2)}
}
@media(min-width:721px) and (max-width:1100px){
 .hero-copy{padding:var(--s5);gap:var(--s2)}
 .hero-banner .child-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
 .hero-banner .child-verdict{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--s3) var(--s4);gap:var(--s2)}
 .hero-banner .child-verdict .scene-controls{grid-column:1/-1}
 .hero-banner .child-verdict strong{font-size:var(--verdict-small)}
 .hero-banner .child-verdict .cta{font-size:var(--eyebrow);padding:var(--s2)}
}
@media(max-width:720px){
 .hero-banner .child-verdict strong{overflow-wrap:anywhere;max-width:100%}
 .hero-banner .child-verdict .text-action,.hero-banner .child-verdict .cta{max-width:100%;overflow-wrap:anywhere}
 .hero-banner .child-verdict .cta{white-space:normal}
}
/* Keep the mobile headline, action and adult portrait together in the opening viewport. */
.hero > .provenance{color:var(--muted);font-size:var(--eyebrow);line-height:1.5;margin:var(--s3) 0 0;max-width:75ch}
@media(max-width:720px){
 .breadcrumbs{margin-block:var(--s1);gap:var(--s2)}
 .hero{padding-top:var(--s2)}
 .hero-copy{padding:var(--s3);gap:var(--s2)}
 .hero-copy::before{display:none}
 .hero-copy h1,.hero-review .hero-copy h1,.hero-guide .hero-copy h1,.hero-hub .hero-copy h1{font-size:var(--hero-title-mobile);max-width:none;line-height:1.04;letter-spacing:-.055em;text-wrap:pretty}
 .hero-copy .hero-badge{display:none}
 .hero-copy .brand-logo{height:28px;max-width:132px}
 .hero-kicker{font-size:var(--eyebrow);line-height:1.25;letter-spacing:0}
 .hero-kicker::before{display:none}
 .hero-price{padding-top:var(--s2);font-size:var(--small);line-height:1.35}
 .hero-price small{margin-top:var(--s1);font-size:var(--eyebrow);line-height:1.35}
 .hero-actions .cta{padding:var(--s2);line-height:1.3;font-size:var(--small);min-height:var(--control)}
 .hero-banner .child-stage{position:relative;display:block;height:230px;min-height:0}
 .hero-banner .child-media-deck{height:100%;width:100%}
 .hero-banner .child-stage .tile img{object-position:center 23%}
 .hero-banner .child-verdict{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:var(--s2);gap:var(--s2);background:var(--ink-panel)}
 .hero-banner .child-verdict>.eyebrow,.hero-banner .child-verdict>strong{display:none}
 .hero-banner .child-verdict .cta,.hero-banner .child-verdict .text-action{font-size:var(--eyebrow);line-height:1.3;min-height:var(--control);max-width:100%;white-space:normal;overflow-wrap:normal;word-break:normal;display:flex;align-items:center;padding:var(--s1) var(--s2)}
 .hero-banner .child-verdict .scene-controls{grid-column:auto;display:flex;flex-wrap:nowrap;gap:var(--s1)}
 .hero-banner .scene-controls button{font-size:var(--eyebrow);padding:var(--s1);min-width:var(--control);min-height:var(--control)}
 .hero-banner .deck-main .tile-label{display:none}
 .hero-banner .deck-controls{bottom:76px;left:var(--s2)}
 .hero-banner .deck-inset{bottom:76px;right:var(--s2);width:54px;height:80px}
 .hero-banner .child-stage.evidence-view{height:320px}
 .hero > .provenance{font-size:var(--eyebrow);line-height:1.4;margin-top:var(--s2)}
}
@media(max-width:359px){
 .hero-copy{padding:var(--s3);gap:var(--s2)}
 .hero-banner .child-stage{height:220px}
 .hero-banner .child-verdict{gap:var(--s1)}
 .hero-banner .child-verdict .cta,.hero-banner .child-verdict .text-action{padding:var(--s1)}
}
@media(max-width:720px){
 .hero-copy{padding:var(--s2);gap:var(--s1)}
 .hero-copy .hero-kicker{display:block}
 .hero-copy .hero-kicker span{display:inline}
 .hero-banner .child-stage .tile img{object-position:center 35%}
 .hero-banner .child-verdict .scene-controls{gap:var(--s1)}
}
@media(max-width:720px){.hero-copy .hero-kicker{display:none}}
.text-hero > .eyebrow,.text-hero > p.provenance{color:var(--white)}
/* Landscape phones retain the complete headline, price and primary action above the fold. */
@media(min-width:721px) and (max-height:450px){
 .breadcrumbs{margin-block:var(--s1);gap:var(--s2)}
 .hero{padding-top:var(--s2)}
 .hero-banner{min-height:0}
 .hero-copy{padding:var(--s2);gap:var(--s1);justify-content:center}
 .hero-copy::before,.hero-copy::after,.hero-copy .hero-kicker,.hero-copy .hero-badge{display:none}
 .hero-copy h1,.hero-review .hero-copy h1,.hero-guide .hero-copy h1,.hero-hub .hero-copy h1{font-size:var(--banner-title-landscape);max-width:none;line-height:1.04;letter-spacing:-.055em;text-wrap:pretty}
 .hero-copy .brand-logo{height:28px;max-width:132px}
 .hero-copy .hero-price{font-size:var(--small);padding-top:var(--s1);line-height:1.35}
 .hero-copy .hero-price strong{font-size:var(--body)}
 .hero-copy .hero-price small{display:none}
 .hero-banner .hero-actions .cta{font-size:var(--small);padding:var(--s2);gap:var(--s1);min-height:var(--control);line-height:1.3}
 .hero-banner .hero-stage{height:250px;min-height:0;padding-bottom:74px}
 .hero-banner .hero-rail .tile img{object-position:center 35%}
 .hero-banner .hero-stage .rail-action,.hero-banner .hero-stage .rail-controls{bottom:var(--s5)}
 .hero-banner .hero-stage .rail-action{left:var(--s2)}
 .hero-banner .rail-action .cta{font-size:var(--eyebrow);padding:var(--s2);gap:var(--s1)}
 .hero-banner .hero-stage .rail-controls{right:var(--s2)}
 .hero-banner .rail-controls [data-auto],.hero-banner .rail-controls span{display:none}
 .hero-banner .rail-evidence{font-size:var(--logo-caption);left:var(--s2);bottom:var(--s1)}
 .hero-banner .child-stage{position:relative;display:block;height:250px;min-height:0}
 .hero-banner .child-media-deck{height:100%;width:100%}
 .hero-banner .child-stage .tile img{object-position:center 35%}
 .hero-banner .child-verdict{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:var(--s2);gap:var(--s2);background:var(--ink-panel)}
 .hero-banner .child-verdict>.eyebrow,.hero-banner .child-verdict>strong{display:none}
 .hero-banner .child-verdict .cta,.hero-banner .child-verdict .text-action{font-size:var(--eyebrow);line-height:1.3;min-height:var(--control);max-width:100%;white-space:normal;overflow-wrap:normal;word-break:normal;display:flex;align-items:center;padding:var(--s1) var(--s2)}
 .hero-banner .child-verdict .scene-controls{grid-column:auto;display:flex;flex-wrap:nowrap;gap:var(--s1)}
 .hero-banner .scene-controls button{font-size:var(--eyebrow);padding:var(--s1);min-width:var(--control);min-height:var(--control)}
 .hero-banner .deck-main .tile-label{display:none}
 .hero-banner .deck-controls{bottom:76px;left:var(--s2)}
 .hero-banner .deck-inset{bottom:76px;right:var(--s2);width:54px;height:80px}
 .hero-banner .child-stage.evidence-view{height:250px}
 .text-hero{padding:var(--s5);margin-top:var(--s2)}
 .text-hero h1{font-size:var(--banner-title-landscape);line-height:1.08}
}


/* Source-media banners: unobstructed paired portraits and action-only controls. */
:root{--header:72px;--action-height:50px;--action-outline:4px;--masthead-layer:30;--skip-layer:40;--portrait-wide:490px;--portrait-phone:246px;--portrait-small:232px;--portrait-landscape:238px}
html{scroll-padding-top:calc(var(--header) + var(--s4))}
[id],a,button{scroll-margin-top:calc(var(--header) + var(--s4))}
.site-header{position:sticky;top:var(--zero);z-index:var(--masthead-layer);height:var(--header);background:var(--paper);box-shadow:0 var(--s1) var(--s4) var(--shadow);isolation:isolate}
.site-header .header-cta.cta{background:var(--accent);color:var(--white);border-color:var(--accent);min-height:var(--control)}
.cta{min-height:var(--action-height);box-shadow:0 var(--s2) var(--s5) var(--shadow);border-width:var(--double);font-weight:var(--weight-bold);transition:background var(--short) var(--ease),transform var(--short) var(--ease),box-shadow var(--short) var(--ease),border-color var(--short) var(--ease)}
.cta>span[aria-hidden=true]{transition:transform var(--short) var(--ease)}
.cta:hover,.cta:focus-visible{transform:translateY(-3px);box-shadow:0 var(--s3) var(--s6) var(--frame-shadow);border-color:var(--accent-lift);text-decoration:none}
.cta:hover>span[aria-hidden=true],.cta:focus-visible>span[aria-hidden=true]{transform:translate(3px,-3px)}
.cta:active{transform:translateY(1px);box-shadow:0 var(--s1) var(--s3) var(--shadow)}
.cta:focus-visible{outline:var(--double) solid var(--accent);outline-offset:var(--action-outline);clip-path:none}
.cta.quiet{background:var(--paper);color:var(--accent);border-color:var(--accent);box-shadow:none}
.cta.quiet:hover,.cta.quiet:focus-visible{background:var(--accent-soft);box-shadow:0 var(--s2) var(--s4) var(--shadow)}
.hero-banner{background:var(--surface);border-top:var(--double) solid var(--accent);border-bottom:var(--hair) solid var(--line);overflow:clip;min-height:0;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.hero-banner::before{content:"";position:absolute;inset:var(--zero);pointer-events:none;background:radial-gradient(ellipse at 5% 100%,var(--accent-soft),var(--clear) 52%);z-index:0}
.hero-copy{background:transparent;color:var(--ink);padding:var(--s7) var(--s6);gap:var(--s5);justify-content:center;min-width:0}
.hero-copy::before{top:var(--s5);left:var(--s6);right:var(--s6);background:var(--line)}
.hero-copy::after{right:var(--s5);bottom:var(--s5);width:var(--s6);height:var(--s6);border-right:var(--double) solid var(--accent);border-bottom:var(--double) solid var(--accent);background:none;transform:none}
.hero-copy h1,.hero-review .hero-copy h1,.hero-guide .hero-copy h1,.hero-hub .hero-copy h1{color:var(--ink);font-size:var(--banner-title-wide);font-weight:var(--weight-heavy);line-height:1.06;letter-spacing:-.065em;max-width:17ch;text-wrap:balance;animation:none}
.hero-home .hero-copy h1{font-size:var(--editorial-title);max-width:12ch}
.hero-copy h1 em,.hero-copy h1 span{color:var(--accent)}
.hero-copy .eyebrow,.hero-kicker{color:var(--accent);font-size:var(--eyebrow);letter-spacing:var(--eyebrow-track);font-weight:var(--weight-bold)}
.hero-kicker::before{background:var(--accent);width:var(--s6);height:var(--hair)}
.hero-badge{color:var(--muted);background:none;padding:var(--zero);min-height:0;clip-path:none;border-bottom:var(--hair) solid var(--line);padding-bottom:var(--s2);font-size:var(--small);letter-spacing:0}
.hero-copy .brand-logo{background:var(--ink-panel);padding:var(--s2) var(--s3);height:44px;max-width:176px;object-position:center;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--small-cut)),calc(100% - var(--small-cut)) 100%,0 100%)}
.hero-price{border-top:none;border-left:var(--double) solid var(--accent);padding:var(--zero) var(--zero) var(--zero) var(--s3);font-size:var(--small);line-height:1.5;color:var(--muted);font-weight:var(--weight-regular);width:auto;max-width:42ch}
.hero-price strong{color:var(--ink);font-size:var(--editorial-note);font-weight:var(--weight-semibold);line-height:1.5}
.hero-price small{color:var(--muted);font-size:var(--small);margin-top:var(--s1);line-height:1.5}
.hero-actions{gap:var(--s3);flex-wrap:wrap}
.hero-copy .cta{background:var(--accent);border-color:var(--accent);color:var(--white)}
.hero-copy .cta:hover{background:var(--accent-lift);border-color:var(--accent-lift);color:var(--white)}
.hero-copy .cta.quiet{background:var(--paper);border-color:var(--accent);color:var(--accent);box-shadow:none}
.hero-copy .cta.quiet:hover{background:var(--accent-soft);border-color:var(--accent-lift);color:var(--accent-lift)}
.hero-copy a:focus-visible,.hero-copy button:focus-visible{outline-color:var(--accent)}
.hero-banner .hero-stage,.hero-banner .child-stage{background:var(--surface);height:var(--portrait-wide);min-height:0;margin:var(--s5) var(--s5) var(--s5) var(--zero);padding:var(--s2);box-shadow:0 var(--s3) var(--s7) var(--shadow);transform:none;border:var(--hair) solid var(--frame-line);overflow:clip;position:relative;display:block}
.hero-banner .hero-stage::before{content:"";position:absolute;inset:var(--s2);pointer-events:none;border:var(--hair) solid var(--shine);z-index:1}
.hero-banner .hero-rail{gap:var(--s2);width:100%;height:100%}
.hero-banner .hero-rail .tile,.hero-banner .hero-rail .tile:first-child,.hero-banner .hero-rail .tile:nth-child(2),.hero-banner .hero-rail .tile:nth-child(3){flex:0 0 calc(50% - var(--s1));height:100%;min-width:0;clip-path:none;overflow:clip}
.hero-banner .hero-rail .tile img,.hero-banner .deck-main img,.hero-banner .deck-inset img{object-fit:cover;object-position:center top;transform:none;filter:var(--grade)}
.hero-banner .child-media-deck{height:100%;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:var(--s2);overflow:clip}
.hero-banner .deck-main,.hero-banner .deck-inset{position:relative;inset:auto;width:100%;height:100%;transform:none;border:0;box-shadow:none;padding:0;min-width:0;min-height:0;overflow:clip}
.hero-banner .deck-main>.tile,.hero-banner .deck-inset>.tile{width:100%;height:100%;min-height:0;clip-path:none}
.hero-banner .tile-label{display:none}
.hero-banner .rail-action,.hero-banner .hero-media-action{position:absolute;bottom:var(--s4);left:var(--s4);right:var(--s4);z-index:3;display:flex;justify-content:center}
.hero-banner .rail-action .cta,.hero-banner .hero-media-action .cta{font-size:var(--small);padding:var(--s3) var(--s5);gap:var(--s3);background:var(--accent);color:var(--white);border-color:var(--white);box-shadow:0 var(--s2) var(--s5) var(--ink-shadow)}
.hero-banner .rail-evidence{display:none}
.hero-banner .rail-controls,.hero-banner .deck-controls,.hero-banner .scene-controls,.hero-banner .child-verdict{display:none}
/* Price facts use the scale of supporting details. */
.price-chip,.mini-price{background:none;color:var(--muted);border-left:none;border-bottom:var(--hair) solid var(--line);padding:var(--zero) var(--zero) var(--s3);gap:var(--s1) var(--s3);font-size:var(--small);font-weight:var(--weight-regular)}
.price-chip strong,.mini-price strong{color:var(--ink);font-size:var(--small);font-weight:var(--weight-semibold)}
.mini-price{width:auto;display:flex;align-items:baseline;margin-block:var(--s3) var(--s4)}
.mini-price>strong,.mini-price>span{display:inline}.mini-price>small{display:block;flex-basis:100%;font-size:var(--eyebrow);color:var(--muted)}
.price-card{background:var(--paper);border-top:var(--hair) solid var(--line);border-bottom:var(--hair) solid var(--line);padding:var(--s5);gap:var(--s2)}
.price-card strong{color:var(--ink);font-size:var(--h3);letter-spacing:-.03em;line-height:1.35}
.plan-amount{font-size:var(--editorial-plan);font-weight:var(--weight-semibold);letter-spacing:-.035em;line-height:1.3;margin-block:var(--s2);color:var(--ink)}
.price-card>span,.price-card>small{margin-bottom:var(--s2)}
.evidence-note{font-size:var(--small);line-height:1.6;color:var(--muted);max-width:var(--measure);padding-block:var(--s4);margin-block:var(--s2) var(--s5);border-block:var(--hair) solid var(--line)}
.evidence-note strong{font-size:var(--small);font-weight:var(--weight-semibold);color:var(--ink)}
.evidence-note p:last-child{margin-bottom:0}
@media(min-width:721px) and (max-width:1100px){
 .hero-copy{padding:var(--s5);gap:var(--s3)}
 .hero-actions .cta{padding:var(--s3);font-size:var(--small)}
}
@media(max-width:720px){
 :root{--header:96px}
 .site-header{padding-block:var(--s1);gap:var(--zero) var(--s2);border-bottom:var(--double) solid var(--accent)}
 .site-header .wordmark{font-size:var(--small);gap:var(--s2)}
 .site-header .mark{display:flex;width:28px;height:28px}
 .site-header nav{order:3;width:100%;height:var(--control);gap:var(--s3)}
 .site-header .header-cta{padding:var(--s2) var(--s3);font-size:var(--small);gap:var(--s2);min-height:var(--control)}
 .hero{padding-top:var(--s3)}
 .hero-banner{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:0;background:var(--surface)}
 .hero-copy{padding:var(--s3);gap:var(--s2);justify-content:start}
 .hero-copy::before,.hero-copy::after,.hero-copy .hero-kicker,.hero-copy .hero-badge{display:none}
 .hero-copy h1,.hero-review .hero-copy h1,.hero-guide .hero-copy h1,.hero-hub .hero-copy h1,.hero-home .hero-copy h1{font-size:var(--editorial-title-mobile);max-width:none;line-height:1.05;text-wrap:pretty;letter-spacing:-.06em;margin:0}
 .hero-copy .brand-logo{height:28px;max-width:138px;padding:var(--s1) var(--s2)}
 .hero-copy .hero-price{display:none}
 .hero-actions{gap:var(--s2);flex-wrap:wrap;width:100%}
 .hero-actions .cta{flex:1;min-width:0;min-height:48px;font-size:var(--small);padding:var(--s2) var(--s3);gap:var(--s2);line-height:1.3}
 .hero-banner .hero-stage,.hero-banner .child-stage{height:var(--portrait-phone);min-height:0;margin:var(--zero) var(--s3) var(--s3);padding:var(--s1);transform:none}
 .hero-banner .hero-stage::before{inset:var(--s1)}
 .hero-banner .hero-rail,.hero-banner .child-media-deck{gap:var(--s1)}
 .hero-banner .hero-rail .tile,.hero-banner .hero-rail .tile:first-child,.hero-banner .hero-rail .tile:nth-child(2),.hero-banner .hero-rail .tile:nth-child(3){flex-basis:calc(50% - var(--s1)/2)}
 .hero-banner .deck-main,.hero-banner .deck-inset{width:100%;height:100%;position:relative;inset:auto;transform:none;border:0;box-shadow:none;padding:0}
 .hero-banner .deck-main>.tile,.hero-banner .deck-inset>.tile{height:100%;width:100%}
 .hero-banner .deck-main img,.hero-banner .deck-inset img,.hero-banner .hero-rail .tile img{object-fit:cover;object-position:center top}
 .hero-banner .rail-action,.hero-banner .hero-media-action{bottom:var(--s3);left:var(--s3);right:var(--s3)}
 .hero-banner .rail-action .cta,.hero-banner .hero-media-action .cta{font-size:var(--small);padding:var(--s2) var(--s4);min-height:var(--control);gap:var(--s2)}
 .price-card{padding:var(--s4)}
}
@media(max-width:359px){
 :root{--header:92px}
 .site-header .mark{display:none}
 .site-header .wordmark{gap:var(--s1)}
 .hero-copy{padding:var(--s2);gap:var(--s1)}
 .hero-copy h1,.hero-review .hero-copy h1,.hero-guide .hero-copy h1,.hero-hub .hero-copy h1,.hero-home .hero-copy h1{font-size:var(--hero-title-mobile);line-height:1.04}
 .hero-copy .brand-logo{height:24px}
 .hero-banner .hero-stage,.hero-banner .child-stage{height:var(--portrait-small);margin:var(--zero) var(--s2) var(--s2)}
 .hero-actions .cta{padding:var(--s2);min-height:var(--control);font-size:var(--small)}
}
@media(min-width:721px) and (max-height:450px){
 :root{--header:60px}
 .site-header{padding-block:var(--s1)}
 .site-header .mark{width:32px;height:32px}
 .hero{padding-top:var(--s2)}
 .hero-copy{padding:var(--s3);gap:var(--s2)}
 .hero-copy::before,.hero-copy::after,.hero-copy .hero-kicker,.hero-copy .hero-badge,.hero-copy .hero-price{display:none}
 .hero-copy h1,.hero-review .hero-copy h1,.hero-guide .hero-copy h1,.hero-hub .hero-copy h1,.hero-home .hero-copy h1{font-size:var(--banner-title-landscape);max-width:none;line-height:1.04;text-wrap:pretty}
 .hero-copy .brand-logo{height:28px;max-width:138px;padding:var(--s1) var(--s2)}
 .hero-banner .hero-actions .cta{font-size:var(--small);padding:var(--s2);min-height:var(--control)}
 .hero-banner .hero-stage,.hero-banner .child-stage{height:var(--portrait-landscape);min-height:0;margin:var(--s2) var(--s2) var(--s2) var(--zero);padding:var(--s1);transform:none}
 .hero-banner .hero-stage::before{inset:var(--s1)}
 .hero-banner .rail-action,.hero-banner .hero-media-action{bottom:var(--s3);left:var(--s3);right:var(--s3)}
 .hero-banner .rail-action .cta,.hero-banner .hero-media-action .cta{min-height:var(--control);font-size:var(--small);padding:var(--s2)}
}
@media(prefers-reduced-motion:reduce){
 .cta::before{display:none}
 .cta,.cta>span[aria-hidden=true]{transition:none}
 .cta:hover,.cta:focus-visible,.cta:hover>span[aria-hidden=true],.cta:focus-visible>span[aria-hidden=true]{transform:none}
}
/* Every reviewed brand has a visible, correctly matched next action. */
.brand-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:var(--s4);white-space:normal}
.brand-strip-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--s3);min-width:0;padding:var(--s4);background:var(--surface);border:var(--hair) solid var(--line)}
.brand-strip .brand-review-link{justify-content:center;width:100%;min-width:0}
.brand-strip .cta{width:100%;min-width:0;white-space:normal;font-family:var(--body-font);font-size:var(--small);font-weight:var(--weight-bold);line-height:1.35;color:var(--white);gap:var(--s2);padding:var(--s3);text-align:center}
.brand-strip .cta:hover{transform:translateY(-3px)}
.brand-table-action{margin-top:var(--s3)}
.brand-table-action .cta{font-family:var(--body-font);font-size:var(--small);line-height:1.35;padding:var(--s2) var(--s3)}
.brand-plan-heading{padding:var(--s4);border:var(--hair) solid var(--line);background:var(--surface);margin-bottom:var(--s4)}
.text-hero .hero-actions{margin-top:var(--s4)}
@media(max-width:720px){.brand-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.brand-strip-card{padding:var(--s3);gap:var(--s2)}.brand-strip .cta{padding:var(--s2);min-height:var(--control)}}
@media(prefers-reduced-motion:reduce){.brand-strip .cta:hover{transform:none}}
/* Anime editorial card replaces the former photographic motion card. */
.brand-portrait-card{padding:var(--s2);background:var(--accent-soft);min-width:0;display:flex;flex-direction:column}
.brand-portrait-media{aspect-ratio:3/4;width:100%;margin-block:var(--s2);overflow:hidden;display:block}
.brand-portrait-media picture,.brand-portrait-media img{display:block;width:100%;height:100%;object-fit:cover}
.brand-portrait-card p{font-size:var(--small);line-height:1.5}
.brand-portrait-card .cta{width:100%;margin-top:auto}