@font-face{font-family:Newsreader;src:url('/assets/fonts/display.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:SpaceGrotesk;src:url('/assets/fonts/body.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{
 --ink:#100b17;--surface:#1c1328;--raised:#2b1c38;--line:#50364e;--text:#fff3fc;--muted:#c8bacc;--acid:#ff83c9;--acid-lift:#ffaddb;--on-acid:#210c1b;--violet:#ab93ed;
 --font-display:Newsreader,Georgia,serif;--font-body:SpaceGrotesk,system-ui,sans-serif;--radius:14px;--portrait-radius:28px;--ease:cubic-bezier(.16,1,.3,1);--dur:350ms;--pulse-duration:3.6s;
 --display:clamp(3.3rem,5.7vw,6rem);--heading:clamp(2.1rem,3.6vw,3.6rem);--subheading:clamp(1.4rem,2.2vw,2rem);--body:1.0625rem;--small:.875rem;--measure:72ch;
 --gutter:clamp(1.25rem,4vw,4rem);--section-space:clamp(2.5rem,5vw,5rem);--shadow:0 18px 50px color-mix(in srgb,var(--ink) 60%,transparent);--glow:0 0 28px color-mix(in srgb,var(--acid) 19%,transparent);--glow-bright:0 0 38px color-mix(in srgb,var(--acid) 38%,transparent);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--ink);color:var(--text);font:400 var(--body)/1.65 var(--font-body)}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}a:hover{color:var(--acid-lift)}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--acid);outline-offset:5px}img,video{display:block;max-width:100%}p{margin:0 0 1.2em}h1,h2,h3{margin:0 0 .6em;line-height:1.12;font-weight:400;text-wrap:balance}h1{font:400 var(--display)/1.04 var(--font-body);letter-spacing:-.055em}h2,h3{font-family:var(--font-display)}h2{font-size:var(--heading);letter-spacing:-.025em}h3{font-size:var(--subheading);line-height:1.2}.eyebrow,.section-label,.section-index,.price-kicker{font-size:var(--small);letter-spacing:.075em;line-height:1.4;text-transform:uppercase}.eyebrow{display:block;color:var(--acid);margin-bottom:1rem}.caption,figcaption,.provenance,.status,.billing-note{font-size:var(--small);line-height:1.5;color:var(--muted)}.skip-link{position:absolute;top:8px;left:8px;z-index:20;transform:translateY(-150%);padding:.75rem;background:var(--acid);color:var(--ink)}.skip-link:focus{transform:translateY(0)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem var(--gutter);border-bottom:1px solid var(--line);min-height:85px}.wordmark{font-size:1.2rem;white-space:nowrap;text-decoration:none}.wordmark span{display:block;font-size:.7rem;letter-spacing:.12em;color:var(--muted)}.site-header nav{display:flex;gap:2rem}.site-header nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:var(--small)}.site-header nav [aria-current]{color:var(--acid)}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:1.1rem;cursor:pointer;min-height:52px;padding:.9rem 1.3rem;border:1px solid var(--acid);border-radius:var(--radius);background:var(--acid);color:var(--on-acid);font-size:var(--small);line-height:1.35;text-decoration:none;box-shadow:var(--glow);animation:cta-glow var(--pulse-duration) ease-in-out infinite;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.cta:hover,.cta:focus-visible{background:var(--acid-lift);color:var(--on-acid);transform:translateY(-2px);animation-play-state:paused}.cta:active{transform:translateY(0)}.cta.ghost{background:var(--raised);color:var(--text);border-color:var(--acid);animation:none;box-shadow:none}.cta.ghost:hover{background:var(--surface);color:var(--acid-lift)}.cta span{font-size:1.25rem}@keyframes cta-glow{0%,100%{box-shadow:var(--glow)}50%{box-shadow:var(--glow-bright)}}
.hero{padding:2rem var(--gutter) 1.5rem;background:radial-gradient(ellipse at 80% 30%,color-mix(in srgb,var(--violet) 13%,transparent),transparent 60%)}.hero-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);grid-template-areas:'intro visual' 'actions visual' 'summary visual';column-gap:3.2rem;align-content:start}.hero-intro{grid-area:intro;padding-top:1.2rem}.hero-intro h1{max-width:13ch;margin:.2em 0 .35em}.hero-dek{font-size:1.12rem;line-height:1.5;max-width:35ch;color:var(--muted)}.hero-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:.75rem;margin:.4rem 0 1.7rem;align-self:start}.hero-summary{grid-area:summary}.hero-summary p{font-size:1rem;line-height:1.65;max-width:var(--measure)}.hero-visual{grid-area:visual;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:580px;max-height:680px;align-self:stretch}.hero-portrait{min-width:0;min-height:0;position:relative;overflow:clip;border-radius:var(--portrait-radius);margin:0;box-shadow:var(--shadow);background:var(--surface)}.hero-portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 24%}.hero-portrait.portrait-0{grid-row:1/-1;margin-top:30px;margin-bottom:30px}.hero-portrait.portrait-1{margin-right:14px}.hero-portrait.portrait-2{margin-left:14px}.hero-foot{max-width:1440px;margin:1.6rem auto 0;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1rem}.hero-foot p{margin:0}.breadcrumbs{font-size:var(--small);color:var(--muted);margin:0 0 1.2rem}.child-hero h1{font-size:clamp(2.7rem,4.8vw,5.1rem);max-width:15ch}.child-hero .hero-visual{min-height:460px;max-height:570px}.child-hero:not(.has-visual) .hero-layout{grid-template-columns:1fr;grid-template-areas:'intro' 'actions' 'summary'}.child-hero:not(.has-visual) .hero-intro h1{max-width:24ch}.hero-intro>.brand-logo{margin-bottom:1.5rem}
.brand-strip{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem var(--gutter);border-block:1px solid var(--line);background:var(--surface)}.brand-strip>a{display:flex;align-items:center;min-height:44px;text-decoration:none}.brand-logo{display:inline-flex;align-items:center;gap:.6rem;max-width:100%;min-height:34px}.brand-logo img{object-fit:contain;width:auto;height:32px;max-width:155px}.brand-crushonai img{height:34px;width:34px}.brand-crushonai>span{font-size:1.25rem;white-space:nowrap}.brand-candyai img{height:30px;max-width:144px}.brand-unresolved{display:block;font-size:1.2rem;line-height:1.2}.tiny{display:block;color:var(--muted);font-size:.75rem;margin-top:.25rem}
.discovery-stage{padding:2rem var(--gutter)}.section-label{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);margin-bottom:1rem}.contact-sheet{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.sheet-tile{position:relative;display:block;aspect-ratio:3/4.7;overflow:clip;border-radius:var(--radius);text-decoration:none}.sheet-tile img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;transition:transform var(--dur) var(--ease)}.sheet-tile:hover img{transform:scale(1.04)}.tile-caption{position:absolute;inset:auto 0 0;padding:2rem .6rem .7rem;background:linear-gradient(transparent,var(--ink));display:grid;gap:.35rem;font-size:.75rem;line-height:1.4}.tile-caption strong{color:var(--acid);font-weight:400}.caption{margin:1rem 0}
.section{padding:var(--section-space) var(--gutter);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.65fr);gap:3rem}.section-heading,.section-content{min-width:0}.section-index{display:block;color:var(--muted);margin-bottom:1.1rem}.section-content>p,.subsection>p{max-width:var(--measure)}.subsection{margin-top:1.6rem;padding-top:1.5rem;border-top:1px solid var(--line)}.section-shortlist,.section-hubrank,.section-table,.section-discovery{grid-template-columns:minmax(0,1fr);gap:1.2rem}.section-shortlist .section-heading,.section-hubrank .section-heading{max-width:900px}.section-content{min-width:0}.inline-action{margin-top:1.5rem}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:1.4rem}.textlink{display:inline-flex;align-items:center;min-height:44px;font-size:var(--small)}
.rank-list{display:grid;gap:1.5rem;margin-top:2rem}.rank-row{display:grid;grid-template-columns:minmax(190px,.62fr) minmax(0,1.55fr);gap:2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--portrait-radius);padding:1.2rem}.rank-media{position:relative;min-height:380px;overflow:clip;border-radius:20px}.rank-media img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.rank-number{position:absolute;left:15px;bottom:4px;color:var(--text);font-family:var(--font-display);font-size:5rem;line-height:1;text-shadow:0 3px 18px var(--ink)}.rank-body{padding:.8rem 1rem .8rem 0}.rank-body>.brand-logo,.rank-body>.brand-unresolved{margin-bottom:1.2rem}.rank-body .eyebrow{font-size:.75rem;margin-bottom:.7rem}.rank-body h3{font-size:clamp(1.7rem,3vw,2.8rem);max-width:40ch}.rank-body>p{max-width:72ch}.price-brief{border-left:3px solid var(--acid);padding:.25rem 1rem;background:color-mix(in srgb,var(--acid) 5%,transparent);margin:1.2rem 0}.price-kicker{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.3rem}.price-brief strong{display:block;font-size:1.2rem;font-weight:400;color:var(--acid)}.price-brief p{font-size:var(--small);margin:.4rem 0}.pricing-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;margin:1.8rem 0}.pricing-panel h3{font-family:var(--font-body);color:var(--acid)}
.table-scroll{overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y;max-width:100%;margin:1.5rem 0;min-width:0}table{border-collapse:collapse;min-width:970px;width:100%;text-align:left;font-size:var(--small);line-height:1.5}caption{text-align:left;color:var(--muted);padding-bottom:1rem}th,td{padding:1rem;border-bottom:1px solid var(--line);vertical-align:top}thead th{font-weight:400;border-bottom-color:var(--acid)}tbody th{font-weight:400;color:var(--muted);width:16%}tbody tr:hover{background:var(--surface)}table .brand-logo img{max-width:130px;height:27px}table .brand-crushonai img{width:27px}table .brand-crushonai span{font-size:1rem}table .cta{padding:.7rem .85rem;white-space:nowrap;min-height:48px;box-shadow:none;animation:none}.price-table table,.page-method table{min-width:560px}.price-table .cta{white-space:normal}
.faq-grid{display:grid;gap:1.6rem}.faq-grid article{border-top:1px solid var(--line);padding-top:1.4rem}.faq-grid h3{font-size:1.65rem}.section-final{background:var(--surface);border-top-color:var(--acid)}
.media-break{margin:1rem var(--gutter) var(--section-space);padding:1.5rem;background:var(--surface);border-radius:var(--portrait-radius);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:3rem;align-items:center;border:1px solid var(--line)}.illustration{margin:0}.illustration .media{display:block;position:relative;height:480px;overflow:clip;border-radius:20px}.illustration img{height:100%;width:100%;object-fit:cover;object-position:50% 23%}.media-action{position:absolute;inset:auto 0 0;padding:1rem;background:color-mix(in srgb,var(--ink) 90%,transparent);color:var(--acid);font-size:var(--small)}figcaption{margin-top:.7rem}.display-note{font-family:var(--font-display);font-size:clamp(2.4rem,4.1vw,4.5rem);line-height:1.1;max-width:18ch}.motion-beat{padding:var(--section-space) var(--gutter);background:var(--surface);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr);gap:4rem;align-items:center}.motion-frame{position:relative;overflow:clip;max-width:480px;aspect-ratio:3/4;border-radius:var(--portrait-radius)}.motion-frame video{width:100%;height:100%;object-fit:cover}.text-button{background:var(--ink);border:1px solid var(--acid);border-radius:var(--radius);color:var(--text);min-height:44px;padding:.65rem .9rem;font-size:var(--small);cursor:pointer}.video-control{position:absolute;bottom:1rem;left:1rem}.motion-beat h2{max-width:18ch}.motion-beat p{max-width:55ch}
.portrait-gallery{padding:var(--section-space) var(--gutter);border-top:1px solid var(--line)}.gallery-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end}.gallery-heading h2{max-width:18ch}.gallery-controls{display:flex;gap:.7rem;padding-bottom:1rem}.gallery-controls button{cursor:pointer;min-height:48px;min-width:48px;border:1px solid var(--acid);background:var(--surface);color:var(--text);border-radius:var(--radius);font-size:1.2rem}.gallery-track{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--acid) var(--surface);padding:0 0 1rem;touch-action:pan-x pan-y}.gallery-track figure{flex:0 0 32%;margin:0;scroll-snap-align:start;min-width:0}.gallery-track img{width:100%;height:450px;object-fit:cover;object-position:center 24%;border-radius:var(--portrait-radius)}
.glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.glance>div{padding:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.glance span{font-size:var(--small);color:var(--acid);text-transform:uppercase;letter-spacing:.05em}.glance p{font-size:1rem;margin:.5rem 0 0}.capture{margin:0}.capture img{width:100%;height:auto;max-height:500px;object-fit:contain;background:var(--text)}footer{padding:3rem var(--gutter);border-top:1px solid var(--line);background:var(--surface);color:var(--muted)}.footer-top{display:flex;justify-content:space-between;gap:2rem}.footer-top p{max-width:55ch;font-size:var(--small)}footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}footer nav a{display:flex;align-items:center;min-height:44px;font-size:var(--small)}.resource-links{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--line)}
@media(max-width:1100px){.hero-layout{column-gap:1.7rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-visual{min-height:540px}.hero-intro h1{font-size:4.4rem}.contact-sheet{grid-template-columns:repeat(4,minmax(0,1fr))}.sheet-tile{aspect-ratio:3/4}.section{grid-template-columns:minmax(0,1fr);gap:1.4rem}.section-heading{max-width:900px}.rank-row{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.brand-strip .brand-logo img{max-width:115px}.brand-strip .brand-crushonai>span{font-size:1rem}}
@media(max-width:720px){.site-header{flex-wrap:wrap;gap:.65rem;padding:.8rem var(--gutter);min-height:100px}.site-header>.cta{min-height:44px;padding:.65rem .8rem;max-width:155px}.site-header .wordmark{font-size:1.05rem}.site-header .wordmark span{font-size:.6rem}.site-header nav{width:100%;order:3;justify-content:space-between;gap:.6rem}.site-header nav a{min-height:44px}.hero{padding-top:1.3rem}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'intro' 'visual' 'actions' 'summary';gap:1rem}.hero-intro{padding:0}.hero-intro h1,.child-hero h1{font-size:clamp(2.7rem,10.7vw,4.6rem);max-width:16ch;margin:.1em 0 .3em}.hero-intro .eyebrow{font-size:.75rem;margin-bottom:.7rem}.hero-dek{font-size:1rem;max-width:38ch;margin-bottom:0}.hero-visual,.child-hero .hero-visual{grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:1fr;min-height:290px;max-height:290px;gap:7px}.hero-portrait{border-radius:18px}.hero-portrait.portrait-0{grid-row:auto;margin:0}.hero-portrait.portrait-1{margin:20px 0 0}.hero-portrait.portrait-2{margin:0 0 20px}.hero-portrait img{object-position:center 18%}.hero-actions{margin:.2rem 0 .5rem;gap:.6rem}.hero-actions .cta{padding:.8rem 1rem}.hero-summary p{font-size:1rem}.hero-foot{display:block;margin-top:.5rem;padding-top:.8rem}.hero-foot .caption{margin-top:.6rem}.hero-foot p{font-size:.75rem}.breadcrumbs{font-size:.75rem;margin-bottom:1rem}.hero-intro>.brand-logo{margin-bottom:.7rem}.brand-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.5rem;padding:1rem var(--gutter)}.brand-strip>a{min-height:44px}.brand-strip .brand-logo img{max-width:135px}.brand-strip .brand-crushonai>span{font-size:1.1rem}.brand-unresolved .tiny{font-size:.7rem}.section-label{flex-direction:column;gap:.4rem;font-size:.75rem}.contact-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sheet-tile{aspect-ratio:3/4.2}.sheet-tile:last-child{grid-column:1/-1;aspect-ratio:2/1}.sheet-tile:last-child img{object-position:center 22%}.tile-caption{font-size:.75rem;padding:.8rem}.section{padding-block:2.5rem;gap:1rem}.section-content>p,.subsection>p{font-size:1rem}.section-index{font-size:.75rem;margin-bottom:.7rem}.section h2{font-size:2.3rem}.subsection{margin-top:1.2rem;padding-top:1.2rem}.rank-row{grid-template-columns:minmax(0,1fr);padding:.8rem;gap:1.1rem;border-radius:22px}.rank-media{height:330px;min-height:0}.rank-media img{object-position:center 20%}.rank-body{padding:0 .35rem .5rem}.rank-body h3{font-size:2rem}.rank-body>p{font-size:1rem}.rank-body .cta{padding:.8rem 1rem}.price-brief{padding:.5rem .8rem}.price-brief strong{font-size:1.05rem}.action-row{gap:.6rem}.pricing-panel{padding:1rem}.media-break{padding:1rem;grid-template-columns:minmax(0,1fr);gap:1.4rem;margin-bottom:2.5rem}.illustration .media{height:380px}.display-note{font-size:2.8rem;max-width:18ch}.motion-beat{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:2.5rem}.motion-frame{max-width:100%;height:420px;aspect-ratio:auto}.motion-frame video{object-position:center 20%}.motion-beat h2{font-size:2.8rem}.gallery-heading{align-items:start;gap:1rem}.gallery-controls{padding-top:.4rem}.gallery-heading h2{font-size:2.2rem}.gallery-track figure{flex-basis:78%}.gallery-track img{height:420px}.gallery-controls button{min-height:44px;min-width:44px}.glance{grid-template-columns:minmax(0,1fr);gap:1rem}.section-final .cta{width:100%}.footer-top{display:block}.footer-top p{margin-top:1rem}.hero.has-visual .hero-summary{margin-top:.7rem}}
@media(max-width:360px){.site-header .wordmark{font-size:.92rem}.site-header>.cta{font-size:.75rem;max-width:135px}.hero-intro h1,.child-hero h1{font-size:2.6rem}.hero-visual,.child-hero .hero-visual{min-height:230px;max-height:230px}.hero-actions .cta{min-height:48px;font-size:.8rem;padding:.7rem .8rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .cta.ghost{width:max-content;max-width:100%}.brand-strip{gap:.8rem}.brand-strip .brand-logo img{max-width:110px;height:25px}.brand-strip .brand-crushonai img{width:25px}.brand-strip .brand-crushonai>span{font-size:.9rem}.rank-media{height:310px}.gallery-heading{display:block}.gallery-track img{height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sheet-tile:hover img{transform:none}.cta:hover{transform:none}}
@media(max-width:360px){.hero-layout{grid-template-areas:'intro' 'actions' 'visual' 'summary'}.hero-actions{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:.5rem}.hero-actions .cta{font-size:.75rem;gap:.5rem;padding:.65rem}.hero-actions .cta.ghost{width:auto;max-width:none}.hero-visual,.child-hero .hero-visual{min-height:190px;max-height:190px}.hero-intro h1,.child-hero h1{font-size:2.45rem}.hero-dek{font-size:.9rem}}
.platform-chooser{padding:var(--section-space) var(--gutter);border-top:1px solid var(--line);background:var(--surface)}.platform-chooser h2{max-width:24ch}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.platform-choice{padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--ink);display:flex;flex-direction:column;gap:1rem}.platform-choice .cta{margin-top:auto}.platform-choice p{font-size:var(--small);color:var(--muted);margin:0}.platform-choice .brand-logo img{max-width:140px}.platform-choice .brand-crushonai span{font-size:1.1rem}@media(max-width:1000px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.platform-grid{grid-template-columns:minmax(0,1fr)}}
.hero-portrait video{height:100%;width:100%;object-fit:cover;object-position:center 20%}.hero-portrait .video-control{left:.5rem;bottom:.5rem;font-size:.75rem;min-height:44px;padding:.5rem .7rem;max-width:calc(100% - 1rem)}
/* Supplied-media editorial direction: floating portraits, sharp rose details. */
:root{--hero-edge:rgba(255,131,201,.18);--sheen:rgba(255,255,255,.5);--sheen-soft:rgba(255,255,255,.08);--photo-shadow:0 24px 70px rgba(0,0,0,.45);--spark:#ffd2ee;--grid-ink:rgba(255,131,201,.04)}
body{background-image:radial-gradient(circle at 90% 0,var(--hero-edge),transparent 26rem)}
.wordmark{display:flex;align-items:center;gap:.7rem}.wordmark img{width:50px;height:50px;flex-shrink:0}.wordmark .brand-type{font-size:1.2rem;color:var(--text);letter-spacing:-.03em;line-height:1.35}.wordmark small{display:block;font-size:.65rem;letter-spacing:.12em;color:var(--muted);margin-top:.2rem}
.cta{position:relative;overflow:clip;isolation:isolate;border-radius:12px;font-weight:400}.cta::before{content:'';position:absolute;inset:-80% -60%;background:linear-gradient(110deg,transparent 42%,var(--sheen-soft) 46%,var(--sheen) 50%,var(--sheen-soft) 54%,transparent 58%);transform:translateX(-120%);animation:cta-sheen 5.2s ease-in-out infinite;pointer-events:none;z-index:-1}.cta.ghost::before{animation-delay:1.3s}.cta:hover::before{animation-duration:2.4s}@keyframes cta-sheen{0%,55%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
.hero{overflow:clip;padding-top:3.2rem;background:radial-gradient(ellipse at 70% 35%,var(--hero-edge),transparent 60%),linear-gradient(0deg,var(--grid-ink) 1px,transparent 1px);background-size:auto,100% 36px}
.hero-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.15fr);grid-template-areas:'intro visual' 'actions visual' 'summary summary';align-items:center;column-gap:3.8rem;row-gap:1.4rem}
.hero-intro{align-self:end;padding-top:0}.hero-intro h1{font-size:clamp(4.5rem,6.9vw,7rem);max-width:11ch;letter-spacing:-.06em;line-height:.98}.hero-dek{max-width:30ch;margin-bottom:0;color:var(--text)}.hero-actions{align-self:start;margin:0;gap:.7rem;max-width:33rem}.hero-summary{margin-top:1.5rem;padding:1.2rem 1.5rem;border-left:2px solid var(--acid);background:var(--surface);border-radius:0 14px 14px 0}.hero-summary p{max-width:105ch;margin:0}.hero-foot{margin-top:1.2rem}
.hero-visual{position:relative;min-height:590px;max-height:620px;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);grid-template-rows:1fr 1fr;gap:18px;padding:12px 8px 12px 0;align-self:stretch}
.visual-orbit{position:absolute;top:-4rem;right:-3rem;color:var(--spark);font-size:13rem;line-height:1;transform:rotate(14deg);pointer-events:none}
.hero-portrait{border:1px solid var(--line);border-radius:24px;box-shadow:var(--photo-shadow);z-index:1}.hero-portrait.portrait-0{margin:0;transform:rotate(-3deg);grid-row:1/-1}.hero-portrait.portrait-1{margin:0;transform:rotate(4deg)}.hero-portrait.portrait-2{margin:0;transform:rotate(2deg)}
.hero-portrait video,.motion-frame video{object-fit:contain;object-position:center;background:var(--ink)}.hero-portrait .video-control{font-size:.75rem;padding:.55rem .7rem;left:.6rem;bottom:.6rem;background:var(--acid);color:var(--on-acid)}
.photo-action{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:.3rem;min-height:44px;padding:.65rem .8rem;background:var(--acid);color:var(--on-acid);font-size:.875rem;line-height:1.2;border:1px solid var(--acid-lift);border-radius:10px;text-decoration:none;box-shadow:var(--glow)}.photo-action:hover{color:var(--on-acid);background:var(--acid-lift)}
.child-hero .hero-visual{min-height:490px;max-height:540px}.child-hero .hero-intro h1{font-size:clamp(3.1rem,5.1vw,5.5rem);max-width:16ch;line-height:1.03}.child-hero .hero-summary{margin-top:1rem}
.brand-strip{background:var(--ink);padding-block:1.4rem}.brand-joyai img{height:33px;min-width:54px}.reading-chips{padding:1.4rem var(--gutter);display:flex;flex-wrap:wrap;gap:.7rem;border-top:1px solid var(--line)}
.section-heading h2{font-family:var(--font-body);letter-spacing:-.045em;line-height:1.05}.section-index{width:max-content;padding:.3rem .75rem;background:var(--surface);border:1px solid var(--line);border-radius:30px;color:var(--acid)}
.rank-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1.3rem}.rank-row{display:flex;flex-direction:column;gap:1.5rem;padding:.85rem;background:linear-gradient(135deg,var(--raised),var(--surface));border-radius:24px;min-width:0}.rank-media{height:350px;min-height:350px;border-radius:18px}.rank-media img{object-position:center 20%}.rank-number{top:14px;bottom:auto;left:16px;font:400 3.5rem/1 var(--font-body);letter-spacing:-.05em}.photo-brand-action{position:absolute;inset:auto 16px 16px}.photo-brand-action .cta{width:100%;min-height:48px}.rank-body{padding:0 .6rem .7rem;display:flex;flex-direction:column;flex:1}.rank-body h3{font-size:clamp(1.7rem,2.3vw,2.4rem);font-family:var(--font-body);letter-spacing:-.045em}.rank-body .action-row{margin-top:auto;padding-top:1rem}.rank-body>.price-brief{margin-bottom:1rem}.rank-body>.brand-logo{margin-bottom:.8rem}.rank-body .action-row .cta{flex:1;min-width:160px}.rank-body>p{font-size:1rem}.rank-media::after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid var(--hero-edge);border-radius:inherit}
.contact-sheet{gap:12px}.sheet-tile{border:1px solid var(--line);border-radius:20px}.tile-caption{padding:3rem .6rem .6rem}.tile-caption strong{display:block;background:var(--acid);color:var(--on-acid);border-radius:8px;padding:.6rem;min-height:44px;align-content:center}.sheet-tile:hover .tile-caption strong{background:var(--acid-lift)}
.media-break{background:linear-gradient(135deg,var(--raised),var(--surface));border-radius:24px;position:relative}.media-break::before{content:'✦';position:absolute;right:1.2rem;top:.6rem;color:var(--acid);font-size:3rem;pointer-events:none}.media-break .display-note{font-family:var(--font-body);letter-spacing:-.045em}
.motion-frame{aspect-ratio:3/4;height:auto;max-width:420px;background:var(--ink);border:1px solid var(--line)}.motion-frame video{height:auto;width:100%}.motion-beat h2{font-family:var(--font-body);letter-spacing:-.045em}.platform-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.platform-choice{border-radius:20px}.platform-choice .cta{padding:.8rem 1rem}.footer-platforms{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0 2rem}.footer-platforms .cta{font-size:.875rem}footer .footer-platforms a{min-height:48px}.footer-top .wordmark{align-self:start}
@media(max-width:1100px){.hero-layout{column-gap:2rem}.hero-intro h1{font-size:5.2rem}.hero-visual{min-height:530px;max-height:560px}.hero-summary{padding:1.1rem}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-body .action-row .cta{min-width:145px}}
@media(max-width:720px){.site-header .wordmark{gap:.45rem}.wordmark img{height:36px;width:36px}.site-header .wordmark .brand-type{font-size:1.05rem}.site-header .wordmark small{font-size:.56rem}.hero{padding-top:1.5rem}.hero-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'intro' 'actions' 'visual' 'summary';gap:1.25rem}.hero-intro{align-self:auto}.hero-intro h1,.child-hero .hero-intro h1{font-size:clamp(2.8rem,11vw,4.6rem);max-width:15ch;line-height:1.03}.hero-actions{margin:0;max-width:none;display:flex;gap:.6rem}.hero-actions .cta{flex:1;min-height:48px;padding:.75rem .8rem;font-size:.875rem}.hero-visual,.child-hero .hero-visual{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);grid-template-rows:1fr 1fr;min-height:395px;max-height:395px;gap:10px;padding:8px 8px 8px 5px}.hero-portrait.portrait-0{grid-row:1/-1;transform:rotate(-2deg)}.hero-portrait.portrait-1{transform:rotate(3deg)}.hero-portrait.portrait-2{transform:rotate(2deg)}.hero-portrait img{object-position:center 22%}.photo-action{left:7px;right:7px;bottom:7px;padding:.55rem;font-size:.75rem;min-height:44px}.visual-orbit{font-size:8rem;right:-1rem;top:-1rem}.hero-summary,.child-hero .hero-summary{margin:0;padding:1rem}.hero-summary p{font-size:1rem}.hero.has-visual .hero-summary{margin-top:0}.hero-foot{margin-top:1rem}.hero-foot p{font-size:.75rem}.child-hero .hero-intro>.brand-logo{margin-bottom:.8rem}.child-hero .hero-actions{max-width:none}.brand-strip{padding-block:1rem}.rank-list{grid-template-columns:minmax(0,1fr)}.rank-media{height:350px;min-height:350px}.rank-body{padding:0 .35rem .6rem}.rank-body h3{font-size:2rem}.rank-body .action-row .cta{min-width:125px;font-size:.875rem}.contact-sheet{gap:10px}.sheet-tile:last-child{grid-column:auto;aspect-ratio:3/4.2}.contact-sheet .sheet-tile:last-child{grid-column:1/-1;aspect-ratio:2/1}.reading-chips{gap:.6rem}.reading-chips .cta{flex:1;min-width:110px;min-height:48px;padding:.7rem .8rem}.section h2{font-size:2.3rem}.motion-frame{max-width:100%;height:auto;aspect-ratio:3/4}.motion-frame video{height:100%;object-fit:contain}.motion-beat h2{font-size:2.6rem}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-platforms .cta{flex:1;min-width:130px}.footer-top .wordmark{margin-bottom:1rem}.gallery-track img{border-radius:20px}}
@media(max-width:360px){.site-header .wordmark .brand-type{font-size:.9rem}.site-header .wordmark small{font-size:.5rem}.wordmark img{height:34px;width:34px}.hero-intro h1,.child-hero .hero-intro h1{font-size:2.5rem}.hero-actions .cta{font-size:.75rem;padding:.65rem;gap:.5rem}.hero-visual,.child-hero .hero-visual{min-height:335px;max-height:335px}.hero-portrait .video-control{left:.3rem;bottom:.3rem;padding:.4rem;font-size:.7rem}.photo-action{font-size:.7rem}.rank-body .action-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem}.rank-body .action-row .cta{width:100%}.rank-media{height:330px;min-height:330px}.platform-grid{grid-template-columns:minmax(0,1fr)}}

/* Immediate guide selection and direct chat actions. */
.hero-reading-link{align-self:center;min-height:44px;display:inline-flex;align-items:center;padding:.3rem .2rem;color:var(--muted);font-size:.875rem;text-underline-offset:.25rem}
.photo-action.cta{position:absolute}
.page-guidehub .hero-layout{grid-template-areas:'intro visual' 'picker visual' 'actions visual' 'summary summary';row-gap:1.1rem}
.page-guidehub .hero-intro h1{font-size:clamp(3.1rem,4.4vw,4.5rem);max-width:20ch}
.page-guidehub .hero-dek{max-width:38ch}
.guide-picker{grid-area:picker;min-width:0}
.guide-picker h2{font-family:var(--font-body);font-size:1rem;letter-spacing:0;margin:0 0 .75rem;color:var(--muted)}
.guide-picker-grid{display:grid;gap:.55rem}
.guide-pick{position:relative;display:grid;grid-template-columns:7.5rem minmax(0,1fr);column-gap:.9rem;padding:.9rem 2.3rem .9rem 1rem;min-height:80px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;transition:border-color var(--dur),background var(--dur)}
.guide-pick:hover,.guide-pick:focus-visible{border-color:var(--acid);background:var(--raised)}
.guide-pick-tag{grid-column:1;grid-row:1/3;align-self:center;color:var(--acid);font-size:.875rem}
.guide-pick h3{grid-column:2;font-family:var(--font-body);font-size:1.1rem;line-height:1.3;margin:0 0 .3rem;color:var(--text)}
.guide-pick p{grid-column:2;font-size:.875rem;line-height:1.4;margin:0;color:var(--muted)}
.guide-pick-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--acid);font-size:1.4rem}
.hero-portrait .photo-action{font-size:.875rem;padding:.65rem .7rem;gap:.35rem;max-width:calc(100% - 24px)}
.subsection .inline-action{margin-top:1rem}
@media(max-width:720px){
 .page-guidehub .hero{padding-top:.5rem}
 .page-guidehub .hero-layout{grid-template-areas:'intro' 'picker' 'actions' 'visual' 'summary';gap:.5rem}
 .page-guidehub .hero-intro h1{font-size:clamp(2.2rem,9vw,3.8rem);max-width:18ch}
 .page-guidehub .hero-dek{font-size:.9rem}
 .guide-picker h2{margin-bottom:.5rem;font-size:.875rem}
 .guide-pick{grid-template-columns:minmax(0,1fr);min-height:64px;padding:.55rem 2rem .55rem .8rem}
 .guide-pick-tag{display:contents;font-size:.75rem}
 .guide-pick h3,.guide-pick p{grid-column:1}
 .guide-pick h3{font-size:1rem;margin:.15rem 0}
 .guide-pick p{font-size:.875rem}
 .hero-portrait .photo-action{left:7px;right:7px;max-width:calc(100% - 14px);font-size:.75rem;padding:.55rem;min-height:44px}
 .site-header>.cta{font-size:.8125rem;max-width:170px;line-height:1.25}
}
@media(max-width:360px){
 .site-header>.cta{font-size:.75rem;max-width:124px;padding:.6rem .7rem;gap:.4rem}
 .site-header .wordmark .brand-type{font-size:.86rem}
 .site-header .wordmark{gap:.35rem}
 .hero-portrait .photo-action{font-size:.7rem}
 .hero-actions .cta{flex:none;width:auto}
 .guide-pick{padding-block:.5rem}
}

/* Chat controls: a readable label, conversation icon and separate direction tile. */
:root{--cta-depth:#8b416f;--cta-border:#ffc8e7;--cta-shadow:0 5px 0 var(--cta-depth),0 14px 32px color-mix(in srgb,var(--acid) 22%,transparent)}
.cta{gap:.75rem;min-height:60px;padding:.65rem .75rem .65rem 1rem;background:linear-gradient(115deg,var(--acid-lift),var(--acid) 55%,var(--violet));border:1px solid var(--cta-border);border-radius:18px;box-shadow:var(--cta-shadow);animation:none;font-weight:400;line-height:1.3;max-width:100%}
.cta .cta-copy{flex:1;min-width:0;font-size:.9375rem;line-height:1.3}
.cta-symbol{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--on-acid)}
.cta-symbol svg{width:20px;height:20px}
.cta-arrow{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;font-size:1.3rem!important;border-radius:11px;background:var(--on-acid);color:var(--acid-lift);transition:transform var(--dur) var(--ease),background var(--dur)}
.cta:hover,.cta:focus-visible{background:linear-gradient(115deg,var(--acid-lift),var(--acid),var(--violet));box-shadow:0 3px 0 var(--cta-depth),var(--glow-bright);transform:translateY(-2px)}
.cta:hover .cta-arrow,.cta:focus-visible .cta-arrow{transform:translate(2px,-2px)}
.cta:active{box-shadow:0 1px 0 var(--cta-depth);transform:translateY(3px)}
.cta.ghost{background:var(--raised);border-color:var(--line);box-shadow:none;animation:none;color:var(--text)}
.cta.ghost .cta-arrow{background:var(--surface);color:var(--acid)}
.cta.ghost::before{content:none}
.cta-brand{min-width:170px;background:var(--ink);border-color:var(--acid);color:var(--text);box-shadow:0 4px 0 var(--cta-depth),var(--glow)}
.cta-brand:hover,.cta-brand:focus-visible{background:var(--raised);color:var(--text)}
.cta-brand .cta-copy{display:flex;flex-direction:column;gap:.25rem}
.cta-kicker{font-size:.75rem!important;line-height:1.2;color:var(--acid-lift)}
.cta-brand .brand-logo{min-height:22px;gap:.4rem}
.cta-brand .brand-logo img{height:22px;max-width:122px;width:auto;object-fit:contain}
.cta-brand .brand-crushonai img{width:22px;max-width:22px}
.cta-brand .brand-crushonai>span{font-size:.9375rem;letter-spacing:-.04em}
.cta-brand .brand-joyai img{min-width:36px}
.site-header>.cta{min-height:54px;padding:.55rem .65rem .55rem .9rem}
.site-header>.cta .cta-copy{font-size:.875rem}
.tile-caption .tile-chat{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.4rem;overflow:clip;isolation:isolate;background:linear-gradient(115deg,var(--acid-lift),var(--acid),var(--violet));border:1px solid var(--cta-border);box-shadow:0 3px 0 var(--cta-depth);border-radius:12px}
.tile-chat::before{content:'';position:absolute;inset:-80% -60%;background:linear-gradient(110deg,transparent 42%,var(--sheen-soft) 46%,var(--sheen) 50%,var(--sheen-soft) 54%,transparent 58%);animation:cta-sheen 5.2s ease-in-out infinite;pointer-events:none;z-index:-1}
.tile-chat .cta-arrow{flex-basis:26px;width:26px;height:26px;font-size:1.05rem!important;border-radius:8px}
.review-pill{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:62px;min-width:190px;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-decoration:none}
.review-pill:hover,.review-pill:focus-visible{border-color:var(--acid);background:var(--raised)}
.review-pill .brand-logo img{max-width:124px;height:28px}
.review-pill .brand-crushonai img{width:28px}
.review-pill .brand-crushonai>span{font-size:1rem}
.review-pill-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--raised);color:var(--acid)}
.reading-chips{justify-content:center}
.reading-chips .review-pill{flex:1;max-width:250px}
.media-break .cta{width:max-content;max-width:100%}
.platform-choice .cta-brand{min-width:0;width:100%}
.platform-choice .cta-copy .brand-logo img{max-width:110px}
.footer-platforms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.footer-platforms .cta-brand{min-width:0;width:100%}
.footer-platforms .cta-brand .brand-logo img{max-width:122px}

/* One compact provider row per rank; price evidence has its own column. */
.section-shortlist .section-heading,.section-shortlist .section-content,.section-hubrank .section-heading,.section-hubrank .section-content{width:100%;max-width:1200px;margin-inline:auto}
.section-shortlist .section-heading,.section-hubrank .section-heading{display:flex;gap:1.5rem;align-items:center}
.section-shortlist .section-index,.section-hubrank .section-index{flex-shrink:0;margin:0}
.section-shortlist .section-heading h2,.section-hubrank .section-heading h2{font-size:clamp(2.3rem,3.3vw,3rem);max-width:none;line-height:1.12;margin:0}
.rank-list{grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}
.rank-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.5rem;padding:1rem;align-items:center;border-radius:26px;background:linear-gradient(115deg,var(--raised),var(--surface))}
.rank-media{height:330px;min-height:330px;align-self:center;border-radius:18px}
.rank-number{font-size:2.6rem;top:14px;left:14px;background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.35rem .55rem}
.photo-brand-action{inset:auto 12px 14px}
.photo-brand-action .cta{width:100%;min-width:0;min-height:62px;padding:.55rem .65rem}
.rank-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:.65rem 1.4rem;padding:.3rem .5rem .3rem 0;min-width:0;align-items:start}
.rank-body>.brand-logo{grid-column:1;grid-row:1;margin:0}
.rank-body>.eyebrow{grid-column:1;grid-row:2;margin:0}
.rank-body>h3{grid-column:1;grid-row:3;font-size:clamp(1.55rem,2vw,1.9rem);line-height:1.17;margin:0;max-width:32ch}
.rank-body>p{grid-column:1;grid-row:4;margin:.35rem 0;line-height:1.6}
.rank-body>.price-brief{grid-column:2;grid-row:1/6;margin:0;padding:1rem;align-self:center;border-radius:0 14px 14px 0}
.rank-body .price-brief strong{font-size:1.05rem;line-height:1.4}
.rank-body>.action-row{grid-column:1;grid-row:5;margin:0;padding:0}
.full-review{gap:.8rem;text-underline-offset:.25rem;color:var(--acid-lift);min-height:44px}
.full-review span{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:8px;text-decoration:none}
.section-hubrank .rank-body{grid-template-columns:minmax(0,1fr)}
.section-hubrank .rank-body>h3{max-width:40ch}
@media(max-width:1100px){
 .rank-row{grid-template-columns:220px minmax(0,1fr);gap:1.25rem}
 .rank-body{grid-template-columns:minmax(0,1fr)}
 .rank-body>.price-brief{grid-column:1;grid-row:5;padding:.7rem 1rem;align-self:auto}
 .rank-body>.action-row{grid-row:6}
 .section-hubrank .rank-body>.action-row{grid-row:5}
 .footer-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}
 .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
 .cta{min-height:56px;padding:.65rem .7rem;gap:.55rem;border-radius:16px}
 .cta .cta-copy{font-size:.875rem}
 .hero-actions .cta{flex:none;width:max-content;max-width:100%;padding:.65rem .7rem;min-height:56px}
 .cta-symbol{flex-basis:28px;width:28px;height:28px}
 .cta-arrow{flex-basis:30px;width:30px;height:30px;font-size:1.2rem!important;border-radius:10px}
 .cta-brand{min-width:0}
 .cta-brand .brand-logo img{max-width:112px;height:22px}
 .site-header>.cta{max-width:160px;gap:.55rem;padding:.55rem .6rem;min-height:52px}
 .site-header>.cta .cta-copy{font-size:.8rem}
 .site-header>.cta .cta-arrow{width:28px;height:28px;flex-basis:28px}
 .footer-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
 .footer-platforms .cta-brand .brand-logo img{max-width:98px;height:20px}
 .footer-platforms .brand-crushonai>span{font-size:.8125rem}
 .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .reading-chips .review-pill{min-width:140px;max-width:none;padding:.65rem .75rem}
 .review-pill .brand-logo img{height:24px;max-width:110px}
 .review-pill .brand-crushonai img{width:24px}
 .review-pill .brand-crushonai>span{font-size:.875rem}
 .section-shortlist .section-heading,.section-hubrank .section-heading{display:block}
 .section-shortlist .section-index,.section-hubrank .section-index{margin-bottom:.9rem}
 .section-shortlist .section-heading h2,.section-hubrank .section-heading h2{font-size:2.1rem;max-width:20ch}
 .rank-row{grid-template-columns:minmax(0,1fr);gap:1.2rem;padding:.8rem}
 .rank-media{height:350px;min-height:350px}
 .rank-body{display:flex;flex-direction:column;gap:.65rem;padding:0 .25rem .4rem}
 .rank-body>h3{font-size:1.7rem;max-width:30ch}
 .rank-body>.price-brief{width:100%;margin:.3rem 0}
 .rank-body>.action-row{display:flex;margin:0;padding:0}
 .photo-brand-action .cta{min-height:62px}
}
@media(max-width:360px){
 .site-header>.cta{max-width:124px;gap:.4rem;padding:.5rem .55rem}
 .site-header>.cta .cta-copy{font-size:.75rem}
 .site-header>.cta .cta-arrow{width:24px;height:24px;flex-basis:24px;font-size:1.1rem!important}
 .hero-actions .cta{width:auto}
 .hero-actions .cta-copy{font-size:.8125rem}
 .footer-platforms{grid-template-columns:minmax(0,1fr)}
 .footer-platforms .cta-brand .brand-logo img{max-width:128px;height:24px}
 .platform-grid{grid-template-columns:minmax(0,1fr)}
 .reading-chips .review-pill{min-width:0;width:100%;flex:auto}
 .rank-media{height:330px;min-height:330px}
}
@media(max-width:520px){.platform-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.cta::before{animation:none!important;transform:translateX(-120%)}.hero-portrait{transform:none!important}}
.visual-orbit{right:.5rem;transform:none}@media(max-width:720px){.visual-orbit{right:5px;top:-.5rem}}

/* Keep navigation available and leave room for anchor/focus scrolling. */
:root{--sticky-header-height:85px}
html{scroll-padding-top:calc(var(--sticky-header-height) + 1rem)}
.site-header{position:sticky;top:0;z-index:40;background:var(--ink);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 35%,transparent)}
.skip-link{position:fixed;z-index:50}
@media(max-width:720px){:root{--sticky-header-height:146px}}

[data-v]{cursor:pointer}
[data-v]:focus-visible{outline:3px solid var(--acid);outline-offset:4px}

[data-v]{cursor:pointer}
[data-v]:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.portrait-surface{position:relative}
.portrait-surface>.portrait-link{position:absolute;inset:0;z-index:2;display:block;border-radius:inherit}
.portrait-surface>[data-video-control]{z-index:3}