:root{--bg:#e8f1f4;--paper:#ffffff75;--ink:#193b44;--mute:#49636c;--green:#267786;--teal:#378f96;--mint:#d5eeea;--line:#bfd2d77a;--cta:linear-gradient(135deg,#438e98,#205e71)}
body{isolation:isolate}html{scroll-padding-top:95px}.original-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 12%,#b9e5e4,transparent 60%),linear-gradient(145deg,#edf5f5,#dfeaf3 50%,#f1ece5)}
.original-atmosphere i{position:absolute;width:75vw;height:75vw;border-radius:50%;background:radial-gradient(circle,#a9e6dcaa,#bfd6ed77,transparent 70%);top:-25vw;right:-30vw;filter:blur(45px);animation:glass-arrive 4.8s ease-out both}.original-atmosphere i+i{top:50%;left:-35vw;background:radial-gradient(circle,#bdd0ec99,#e4dbc977,transparent 70%)}
@keyframes glass-arrive{from{transform:translate(10%,12%) scale(.8);opacity:.3}to{transform:none;opacity:1}}
header.nav{top:12px;margin:12px auto 0;width:calc(100% - 24px);max-width:1380px;border:1px solid #ffffffdc;border-radius:24px;background:#ffffff94;backdrop-filter:blur(26px) saturate(145%);box-shadow:0 12px 40px #2c566713,inset 0 1px white}.nav-inner{padding:0 14px}.hero{padding-top:65px;padding-bottom:50px}.hero h1{font-weight:750}.hero .qr{background:linear-gradient(135deg,#ffffffd1,#ffffff70)}
.qr,.stats,.who article,.scene,.pick article,.bottom,.faq details{border:1px solid #ffffffdb;border-radius:24px;background:linear-gradient(130deg,#ffffffb8,#ffffff65);backdrop-filter:blur(18px) saturate(130%);box-shadow:0 18px 48px #254e6310,inset 0 1px 1px white}.qr img{border:8px solid white;border-radius:12px;box-sizing:content-box;max-width:calc(100% - 16px)}.band{background:#ffffff25;border-block:1px solid #ffffff6e}.stats article{border-color:#ffffff90}.scene,.who article,.pick article{transition:box-shadow .25s,border-color .25s}.scene{overflow:hidden}.btn-cta{border:1px solid #ffffff80;box-shadow:0 8px 25px #225d7226,inset 0 1px 1px #ffffff80}.links a{position:relative}.links a::after{content:"";position:absolute;inset:auto 0 -6px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}.links a:hover::after{transform:scaleX(1)}.btn:hover{transform:translateY(-2px)}
.original-comparison{margin:24px 0 18px;border:1px solid #ffffffc9;border-radius:18px;overflow:hidden;background:#ffffff70}.original-comparison figcaption{display:grid;grid-template-columns:1fr 1fr;font-size:13px;font-weight:600;text-align:center}.original-comparison span{padding:11px 8px}.original-comparison span+span{background:#d0e9e6;color:#205c65;border-left:1px solid white}.original-comparison img{width:100%;height:auto}.scenes .scene.wide{grid-column:auto}.scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.scenes .scene:last-child{grid-column:1/-1}.dock{background:#eaf4f5a6;backdrop-filter:blur(20px);border-top:1px solid white}.bottom{padding:35px}.bottom .qr{background:#fff9}.faq details[open]{background:#ffffffc4}
@media(hover:hover) and (pointer:fine){.scene:hover,.who article:hover,.pick article:hover{border-color:white;box-shadow:0 22px 60px #25596e23}.qr{transition:box-shadow .3s}.qr:hover{box-shadow:0 22px 60px #25596e24}}
@media(max-width:760px){header.nav{top:8px;border-radius:20px}.nav-inner{padding:0 4px;gap:10px}.hero{padding-top:38px}.scenes{grid-template-columns:1fr}.scenes .scene:last-child{grid-column:auto}.original-comparison{margin-top:18px}.bottom{padding:24px}.original-atmosphere i{filter:blur(25px)}.qr{border-radius:22px}}
@supports not (backdrop-filter:blur(1px)){header.nav,.qr,.stats,.who article,.scene,.pick article,.bottom,.faq details{background:#eff5f6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:hover{transform:none}}

.original-media{margin:24px 0 18px;border:1px solid #ffffffce;border-radius:18px;overflow:hidden;background:#fff7}.original-media img{display:block;width:100%;height:auto}.scenes .scene:last-child .original-media{max-width:760px;margin-inline:auto}.scenes .scene:last-child .original-media img{aspect-ratio:3/2;object-fit:contain}@media(max-width:760px){.original-media{margin-top:18px;border-radius:14px}}

/* Readability scale: spacious desktop, comfortable mobile, unchanged content. */
body{font-size:18px;line-height:1.8}
.wrap{width:min(1360px,calc(100% - 64px))}
header.nav{max-width:1440px;height:78px}.nav-inner{height:76px}.nav-inner .logo{height:34px}.links{font-size:16px;gap:26px}
.hero{padding-top:88px;padding-bottom:64px;gap:64px;grid-template-columns:1.3fr .7fr}
.hero h1{font-size:clamp(44px,5.1vw,72px);line-height:1.18;letter-spacing:-.035em}
.sub{font-size:22px;line-height:1.85;margin-top:26px;max-width:30em}
section,.price-band{padding:96px 0}h2{font-size:clamp(32px,3.3vw,46px);line-height:1.3}
.lead{font-size:20px;line-height:1.8;margin-top:18px;max-width:42em}
.btn{height:54px;font-size:18px;padding-inline:28px}.btn-lg{height:62px;font-size:20px;padding-inline:34px}.hero-cta{margin-top:32px;gap:18px}.hero-cta em{font-size:16px}
.qr{padding:32px}.qr h2{font-size:28px}.qr img{width:224px;height:224px}.qr p{font-size:16px}.qr .tag{font-size:14px}
.stats{margin-bottom:72px}.stats article{padding:30px 26px}.stats b{font-size:36px}.stats span{font-size:16px;margin-top:12px}
.who,.pick,.scenes,.pain,.five,.nine,.flow{margin-top:44px;gap:24px}.who{grid-template-columns:repeat(4,minmax(0,1fr))}
.who article,.pick article,.flow article,.scene{padding:32px}.pain .bad,.pain .good{padding:30px 32px}
.who h3,.pain h3,.flow h3{font-size:24px;line-height:1.45}.scene h3,.pick h3{font-size:28px;line-height:1.4;margin-block:12px}
.who p,.pain p,.flow p,.scene p,.pick p,.five p{font-size:18px;line-height:1.85}
.who .n,.scene .n,.pain small,.nine b{font-size:15px}.five{gap:18px}.five article{padding:28px 22px}.five h3,.nine h3{font-size:21px;line-height:1.5}.nine article{padding:26px}
.tags{gap:8px;margin-top:20px}.tags i{font-size:14px;padding:6px 13px}.original-comparison figcaption{font-size:17px}.original-comparison span{padding:14px 8px}
.price-grid p{font-size:20px}.price-grid .num{font-size:clamp(64px,8vw,104px)}.price-grid .num small{font-size:24px}
.faq details{padding:24px 28px;margin-top:16px}.faq summary{font-size:21px;line-height:1.55}.faq details p{font-size:18px;line-height:1.85}
.bottom{padding:44px;gap:44px}.bottom .qr img{width:200px;height:200px}footer.site{font-size:15px}.facts{font-size:16px;line-height:1.85}.note{font-size:14px}
@media(min-width:901px) and (max-width:1150px){.who,.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.five{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:32px}.links{gap:16px}.scene{padding:26px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}header.nav{height:68px}.nav-inner{height:66px}.nav-inner .logo{height:30px}.hero{grid-template-columns:1fr;padding-top:52px;gap:36px}.hero h1{font-size:clamp(40px,7vw,58px)}.sub{font-size:20px}.who,.flow,.five,.scenes{grid-template-columns:1fr}.hero .qr{max-width:480px;width:100%;justify-self:center}section,.price-band{padding:64px 0}.scenes .scene:last-child{grid-column:auto}.who article,.pick article,.flow article,.scene{padding:28px}.stats article{padding:24px}.stats b{font-size:30px}.stats span{font-size:15px}.five h3,.nine h3{font-size:22px}.bottom{padding:28px;gap:28px}}
@media(max-width:480px){body{font-size:17px}.wrap{width:calc(100% - 32px)}.nav-inner .btn{font-size:16px;height:46px;padding-inline:18px}.hero{padding-top:44px;padding-bottom:40px}.hero h1{font-size:40px}.sub,.lead{font-size:18px}h2{font-size:32px}.scene h3,.pick h3{font-size:25px}.who h3,.pain h3,.flow h3{font-size:23px}.who p,.pain p,.flow p,.scene p,.pick p,.five p{font-size:17px}.who article,.pick article,.flow article,.scene,.pain .bad,.pain .good{padding:24px}.stats article{padding:22px 16px}.stats b{font-size:28px}.stats span{font-size:14px}.faq details{padding:22px}.faq summary{font-size:19px}.faq details p{font-size:17px}.original-comparison figcaption{font-size:15px}.price-grid .num small{font-size:20px}.bottom{padding:24px}.bottom .qr{min-width:0}.dock .btn{font-size:18px;height:52px}}