:root{--ink:#0c0c0c;--ink2:#444;--mut:#6b6b6b;--line:#e6e6e6;--bg:#fff;--alt:#f4f6f2;--green:#1fb25a;--green-d:#168f48;--soft:#e8f7ee;--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{line-height:1.1;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.2rem,5.4vw,4.2rem);font-weight:800}h2{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:700}h3{font-size:1.25rem;font-weight:700}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hp{position:absolute;left:-9999px;opacity:0;height:0}
.topbar{background:var(--ink);color:#e9e9e9;font-size:.8rem;text-align:center;padding:7px 12px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:28px;height:72px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none}.logo img{height:32px;width:auto}
.uk{background:var(--green);color:#fff;font-weight:800;font-size:.7rem;padding:3px 7px;border-radius:6px;letter-spacing:.06em}
nav{display:flex;gap:26px;margin-left:auto}nav a{text-decoration:none;font-weight:500;font-size:.98rem;padding:6px 0;border-bottom:2px solid transparent}nav a:hover{border-color:var(--green)}
.burger{display:none;background:none;border:0;width:42px;height:42px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:9px}.burger span{display:block;height:2px;background:var(--ink);border-radius:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;font:600 .95rem 'Inter',sans-serif;padding:11px 20px;border-radius:999px;border:2px solid transparent;text-decoration:none;cursor:pointer;transition:.18s;white-space:nowrap}
.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-d);transform:translateY(-1px)}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#2a2a2a}.btn-ghost{border-color:var(--ink);background:transparent}.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-lg{padding:15px 28px;font-size:1.02rem}.sm{padding:8px 16px;font-size:.88rem}
.hero{background:linear-gradient(120deg,#fff 0,var(--soft) 100%);overflow:hidden}.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding-top:56px;padding-bottom:56px}
.eyebrow{color:var(--green-d);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;margin:0 0 14px}
.hero h1 em{font-style:normal;color:var(--green)}.lead{font-size:1.15rem;color:var(--ink2);max-width:560px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.pc{display:flex;gap:8px;max-width:480px;background:#fff;padding:6px;border-radius:999px;border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.pc input{flex:1;border:0;outline:0;padding:0 16px;font:inherit;background:transparent;min-width:0}
.hero-i{position:relative;min-height:380px}.hero-i img{position:absolute;mix-blend-mode:multiply}.b1{width:78%;left:0;top:30px}.b2{width:68%;right:0;bottom:0}
.trust{border-block:1px solid var(--line)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:22px}.trust b{display:block;font-size:1.05rem}.trust span{color:var(--mut);font-size:.92rem}
.sec{padding:64px 0}.alt{background:var(--alt)}.sub{color:var(--mut);margin:-.2em 0 1.4em}.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;flex-wrap:wrap}
.ages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.age{display:flex;align-items:center;gap:14px;background:var(--alt);border-radius:var(--r);padding:18px;text-decoration:none;transition:.2s}.age:hover{background:var(--soft);transform:translateY(-3px)}
.age img{width:120px;height:90px;object-fit:contain;background:#fff;border-radius:12px}.age b{display:block;font-size:1.6rem;font-weight:800}.age span{color:var(--mut);font-size:.9rem}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.2s}.pcard:hover{box-shadow:0 14px 34px rgba(0,0,0,.09);transform:translateY(-3px)}
.pimg{background:#fff;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:12px}.pimg img{max-height:100%;width:auto;object-fit:contain}
.pbody{padding:18px 20px 22px;display:flex;flex-direction:column;gap:4px;flex:1}.pbody h3{margin:4px 0 0}.pbody h3 a{text-decoration:none}.pbody p{margin:.2em 0;color:var(--ink2);font-size:.95rem}.meta{color:var(--mut)!important;font-size:.88rem!important}
.prow{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px}.rrp{color:var(--mut);font-size:.9rem}.rrp b{color:var(--ink);font-size:1.3rem}
.tag{align-self:flex-start;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.tag.joy{background:var(--soft);color:var(--green-d)}.tag.fly{background:#111;color:#fff}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.imgbox{background:var(--alt);border-radius:24px;padding:30px}.ticks{list-style:none;padding:0;margin:0 0 22px}.ticks li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid var(--line)}
.ticks li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.band{background:var(--ink);color:#fff}.band-in{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:44px;flex-wrap:wrap}.band h2{margin-bottom:.2em}.band p{margin:0;color:#cfcfcf}
.phero{background:var(--alt);padding:40px 0 34px}.phero h1{font-size:clamp(2rem,4.5vw,3.2rem);margin-bottom:.25em}.crumb{font-size:.85rem;color:var(--mut);margin:0 0 14px}.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}
.fil{display:flex;gap:10px;padding-top:24px;flex-wrap:wrap}.chip{padding:8px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:500}.chip:hover{border-color:var(--green);background:var(--soft)}
.note{color:var(--mut);font-size:.88rem;margin:16px 0}.narrow{max-width:800px}.prose h2{margin-top:1.4em}
.pdp-in{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start;padding-block:12px 56px}.gmain{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.gmain img{max-height:100%;object-fit:contain}
.thumbs{display:flex;gap:10px;margin-top:12px}.th{width:86px;height:68px;border:2px solid var(--line);background:#fff;border-radius:12px;padding:4px;cursor:pointer}.th.on{border-color:var(--green)}.th img{width:100%;height:100%;object-fit:contain}
.info h1{font-size:clamp(2rem,4vw,3rem);margin:.3em 0 .1em}.price{font-size:1.2rem;margin:.6em 0}.price b{font-size:2.2rem;font-weight:800}.price small{color:var(--mut)}
.sws{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}.lab{font-weight:600;margin-right:6px}.sw{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.88rem;background:#fff}
.tabbar{display:flex;gap:6px;border-bottom:2px solid var(--line);margin-bottom:22px;flex-wrap:wrap}.tabbar button{background:none;border:0;font:600 1rem 'Inter';padding:12px 18px;cursor:pointer;color:var(--mut);border-bottom:3px solid transparent;margin-bottom:-2px}.tabbar button.on{color:var(--ink);border-color:var(--green)}
.tab{display:none}.tab.on{display:block}.tscroll{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.tbl th,.tbl td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}.tbl thead th{background:var(--ink);color:#fff}.spec th{width:34%;background:var(--alt)}
.steps{padding-left:1.2em}.steps li{margin:.7em 0}.finder{background:var(--alt);padding:22px;border-radius:var(--r)}.fout{margin-top:14px;background:#fff;border-radius:12px;padding:14px 16px;border:1px dashed var(--line)}.fout a{font-weight:700;color:var(--green-d)}
label{display:block;font-weight:500;font-size:.9rem;margin-bottom:12px}input,select,textarea{display:block;width:100%;margin-top:5px;padding:12px 14px;font:inherit;border:1.5px solid #d4d4d4;border-radius:12px;background:#fff}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(31,178,90,.2)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.85rem}.chk input{width:auto;margin:3px 0 0}
.card-form{background:var(--alt);padding:24px;border-radius:var(--r)}.msg{font-weight:600;margin:12px 0 0}.msg.ok{color:var(--green-d)}.msg.err{color:#c0392b}input.bad,select.bad,textarea.bad{border-color:#c0392b}
.dl{display:grid;grid-template-columns:380px 1fr;gap:24px}.dlist{margin-top:18px;display:flex;flex-direction:column;gap:12px;max-height:520px;overflow:auto}.map{min-height:520px;border-radius:var(--r);border:1px solid var(--line);z-index:1}
.dcard{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.dcard h3{margin:0 0 4px}.dcard a{color:var(--green-d);font-weight:600;margin-right:12px}.empty{background:var(--soft);border-radius:14px;padding:18px}.empty p{margin:.3em 0 .9em}
.faq{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{font-weight:600;cursor:pointer;font-size:1.05rem}.faq p{color:var(--ink2)}
.sup{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;text-decoration:none;transition:.2s}.sup:hover{border-color:var(--green);transform:translateY(-3px)}.sup p{color:var(--mut)}.sup span{color:var(--green-d);font-weight:700}
.vals h3{color:var(--green-d)}
.site-footer{background:#0c0c0c;color:#d6d6d6;padding-top:50px;font-size:.93rem}.grid4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:34px}.site-footer a{display:block;text-decoration:none;padding:4px 0;color:#d6d6d6}.site-footer a:hover{color:var(--green)}
.site-footer h4{color:#fff;font-size:1rem}.mt{margin-top:22px}.flogo{filter:invert(1);margin-bottom:14px}.news{display:flex;gap:8px;flex-wrap:wrap}.news input{flex:1;min-width:140px;margin:0;background:#1a1a1a;border-color:#333;color:#fff}.news .msg{flex-basis:100%;margin:0}
.legal{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #262626;margin-top:36px;padding-block:20px;color:#8a8a8a}.legal a{display:inline;color:#bbb}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.modal[hidden]{display:none}.modal-box{background:#fff;border-radius:22px;padding:30px;max-width:640px;width:100%;position:relative;max-height:94vh;overflow:auto}
.x{position:absolute;right:14px;top:10px;background:none;border:0;font-size:2rem;cursor:pointer;line-height:1}.modal-box .sub{margin-top:0}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.18);border-radius:16px;padding:14px 18px;display:flex;gap:12px;align-items:center;z-index:90;flex-wrap:wrap}.cookie[hidden]{display:none}.cookie p{margin:0;flex:1;font-size:.9rem;min-width:200px}
@media(max-width:960px){.hero-in,.split,.pdp-in,.dl{grid-template-columns:1fr}.hero-i{min-height:300px}.pgrid{grid-template-columns:1fr 1fr}.ages{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr}.dl-side{order:1}}
@media(max-width:820px){.burger{display:flex;margin-left:auto}nav{position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:8px 20px 16px;border-bottom:1px solid var(--line);display:none;margin:0}nav.open{display:flex}nav a{padding:14px 0;border-bottom:1px solid var(--line)}.bar>.btn{padding:9px 14px;font-size:.85rem;margin-left:auto}.burger{margin-left:0}}
@media(max-width:600px){.pgrid,.row2,.grid4{grid-template-columns:1fr}.topbar{font-size:.72rem}.sec{padding:44px 0}.hero-in{padding-top:34px}.pc{flex-direction:column;border-radius:20px}.pc .btn{width:100%}.modal-box{padding:22px 18px}.logo img{height:26px}}

/* ---- v2: reference-style theme ---- */
:root{--orange:#ea580c;--orange-d:#c2410c;--navy:#0f141c;--grey:#f1f2f4;--green:#ea580c;--green-d:#c2410c;--soft:#fff1e8;--alt:#f1f2f4}
body{font-family:'Inter',system-ui,sans-serif;color:var(--navy)}
h1,h2,h3{letter-spacing:-.04em;font-weight:800}h1{font-weight:900}
.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:var(--orange-d);transform:translateY(-1px)}.btn-dark{background:var(--navy)}
.topbar{display:none}
.uk{background:#fff;color:var(--navy);border:1px solid var(--line);font-size:.68rem;padding:3px 9px;border-radius:999px;letter-spacing:.04em}
.hero{position:relative;background:linear-gradient(90deg,rgba(15,20,28,.92) 0,rgba(15,20,28,.55) 55%,rgba(15,20,28,.25) 100%),url(../img/hero.jpg) center/cover,linear-gradient(135deg,#1c2430,#0f141c);color:#fff;min-height:600px;display:flex;align-items:center}
.hero-in{padding-block:70px;width:100%}.hero h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.02;color:#fff}.hero h1 em{color:var(--orange)}
.hero .lead{color:#e6e8ec;font-size:1.25rem}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:6px 14px;font-size:.72rem;letter-spacing:.1em}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.hero-i img{mix-blend-mode:normal;background:#fff;border-radius:22px;padding:10px;box-shadow:0 24px 50px rgba(0,0,0,.35)}.b1{width:62%;left:6%;top:0}.b2{width:56%;right:0;bottom:-10px}
.stock{background:var(--navy);color:#fff}.stock-in{display:flex;align-items:center;gap:18px;padding-block:22px;flex-wrap:wrap}.stock p{margin:0;flex:1;min-width:240px}.stock .ico{width:44px;height:44px;border-radius:50%;background:#2a1a10;color:var(--orange);display:grid;place-items:center;font-size:1.3rem}
.kick{color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.78rem;margin:0 0 12px}.big{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:900;line-height:1.02;max-width:640px}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin-bottom:36px}.sub2{color:var(--mut);max-width:430px;font-size:1.05rem}
.sec{padding:84px 0}.grey{background:var(--grey)}
.age{position:relative;display:block;padding:0;aspect-ratio:3/3.3;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#dfe3e8,#c5ccd5)}.age:hover{transform:translateY(-4px);background:linear-gradient(160deg,#dfe3e8,#c5ccd5)}
.age img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;border-radius:0;padding:14px 14px 110px;mix-blend-mode:multiply}
.agel{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;background:linear-gradient(0deg,rgba(15,20,28,.92),rgba(15,20,28,0));color:#fff}.agel span{display:block;font-size:.85rem;opacity:1;color:#e5e7eb}.agel b{font-size:1.7rem;font-weight:800;letter-spacing:-.03em}
.arr{position:absolute;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-style:normal;font-size:1.2rem}
.pcard{border:0;border-radius:24px;box-shadow:0 1px 0 var(--line)}.pimg{position:relative;background:var(--grey);aspect-ratio:16/11;margin:10px 10px 0;border-radius:18px}.pimg img{mix-blend-mode:multiply}
.pill{position:absolute;left:14px;top:14px;background:#fff;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:600;z-index:2}
.pbody{padding:22px}.pbody h3{font-size:1.6rem;letter-spacing:-.03em}.specs{display:flex;gap:30px;margin:6px 0 4px}.specs span{font-weight:700}.specs i{display:block;font-style:normal;font-weight:400;font-size:.8rem;color:var(--mut)}
.prow{padding-top:10px;margin-bottom:12px}.rrp b{font-size:1.5rem;font-weight:800}.full{width:100%;flex-direction:column;border-radius:16px;padding:12px;line-height:1.15}.full small{font-weight:400;opacity:.85;font-size:.78rem}
.more{text-align:center;margin-top:34px}.pc input{border-radius:999px}
.phero{background:var(--grey)}.hero-t{max-width:640px}
.ticks li:before{color:var(--orange)}.site-footer{background:var(--navy)}
@media(max-width:960px){.two{grid-template-columns:1fr}.hero{min-height:0}.hero-i{display:none}.age{aspect-ratio:3/2.4}}
/* card alignment */
.pgrid{align-items:stretch}.pcard{height:100%}
.pimg{aspect-ratio:auto;height:250px;padding:14px;overflow:hidden}
.pimg img{width:100%;height:100%;max-height:none;object-fit:contain}
.pbody h3{min-height:2em;display:flex;align-items:flex-end;margin:6px 0 4px}
.specs{min-height:48px}
.prow{margin-top:auto}
@media(max-width:600px){.pimg{height:220px}}
/* photo hero */
.hero{background:linear-gradient(90deg,rgba(10,14,20,.88) 0,rgba(10,14,20,.55) 45%,rgba(10,14,20,.05) 80%),url(../img/hero.jpg) 70% center/cover no-repeat;min-height:640px}
@media(max-width:700px){.hero{background:linear-gradient(0deg,rgba(10,14,20,.85),rgba(10,14,20,.35)),url(../img/hero.jpg) 75% center/cover;min-height:560px}}
/* ---- v3 stylish home ---- */
:root{--cream:#faf6ef}.cream{background:var(--cream)}
.site-header{background:rgba(255,255,255,.88)}
.hero{min-height:700px;align-items:flex-start;flex-direction:column;justify-content:center;position:relative;padding-bottom:90px}
.hero-in{padding-block:90px 70px}.hero h1{font-size:clamp(3rem,7.4vw,6.2rem);line-height:.96;letter-spacing:-.05em;max-width:760px}
.hero .lead{max-width:520px}.btn-glass{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.55);backdrop-filter:blur(6px)}.btn-glass:hover{background:#fff;color:var(--navy)}
.finder-card{position:absolute;left:50%;transform:translateX(-50%);bottom:-44px;width:min(1000px,calc(100% - 40px));background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(10,14,20,.22);padding:18px 22px;display:flex;gap:16px;align-items:center;z-index:5}
.finder-card>div{flex:1}.finder-card b{display:block;font-size:1.15rem;letter-spacing:-.02em}.finder-card span{color:var(--mut);font-size:.88rem}
.finder-card input{flex:1.1;margin:0;border-radius:999px;background:var(--grey);border-color:transparent;padding:14px 20px}
.hero+.ticker{margin-top:44px}
.ticker{overflow:hidden;background:var(--navy);color:#fff;padding:16px 0;margin-top:44px;border-block:1px solid #222}.hero+.ticker{margin-top:44px}
.tk{display:flex;gap:46px;white-space:nowrap;width:max-content;animation:tk 32s linear infinite;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}
.tk span:before{content:"✦";color:var(--orange);margin-right:46px}@keyframes tk{to{transform:translateX(-50%)}}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--navy);color:#fff;border-radius:32px;overflow:hidden}
.feat-t{padding:56px}.feat-t .big{color:#fff}.feat-t p{color:#c9ced6;margin:0 0 24px;max-width:460px}
.stats{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#1b2431,#0b0f15)}.stats div{padding:38px 30px;border-left:1px solid #263041;border-bottom:1px solid #263041;display:flex;flex-direction:column;justify-content:center}
.stats b{font-size:clamp(2.2rem,4.4vw,3.6rem);font-weight:900;letter-spacing:-.05em;color:var(--orange);line-height:1}.stats small{font-size:1.2rem;margin-left:3px}.stats span{color:#aeb6c2;margin-top:6px}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.steps3>div{background:#fff;border-radius:24px;padding:32px}.steps3 i{font-style:normal;font-weight:900;font-size:3rem;color:var(--orange);letter-spacing:-.05em;display:block;line-height:1;margin-bottom:14px}.steps3 p{color:var(--mut);margin:0}
.ages .age{border-radius:28px}.pcard{border-radius:28px;box-shadow:0 10px 30px rgba(10,14,20,.06)}
.band{background:linear-gradient(120deg,var(--orange-d),var(--orange));color:#fff}.band p{color:#ffe9dc}.band .btn-orange{background:var(--navy)}.band .btn-orange:hover{background:#000}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.tk{animation:none}}
@media(max-width:960px){.feature{grid-template-columns:1fr}.steps3{grid-template-columns:1fr}.hero{min-height:620px}.finder-card{flex-direction:column;align-items:stretch;bottom:-120px}.hero+.ticker{margin-top:130px}.feat-t{padding:34px 26px}}
.hero{overflow:visible}
.finder-card{color:var(--navy)}.finder-card input{color:var(--navy)}
/* ---- v4 inner pages ---- */
.phero{background:radial-gradient(900px 300px at 85% -20%,rgba(234,88,12,.45),transparent 70%),linear-gradient(135deg,#171f2b,#0b0f15);color:#fff;padding:56px 0 52px;position:relative;overflow:hidden}
.phero:after{content:"";position:absolute;right:-60px;bottom:-90px;width:320px;height:320px;border-radius:50%;border:44px solid rgba(255,255,255,.04)}
.phero h1{font-size:clamp(2.4rem,5.4vw,4.4rem);font-weight:900;letter-spacing:-.05em;line-height:1;color:#fff}
.phero .lead{color:#c9ced6;max-width:560px;margin:.4em 0 0}.crumb{color:#9aa3b0;font-size:.82rem;letter-spacing:.02em}.crumb a{color:#cfd5de}
.sm2{font-size:clamp(1.8rem,3.4vw,2.6rem)!important;margin-bottom:26px}
.fil{padding-top:30px}.chip{background:#fff;font-weight:600;border-color:#e3e5e9}.chip:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.sec.alt{background:var(--cream)}
.pdp{background:linear-gradient(180deg,#fff,#fff)}.gmain{background:var(--grey);border:0;border-radius:32px;aspect-ratio:5/4}.gmain img{mix-blend-mode:multiply;width:100%;height:100%;object-fit:contain}
.th{border-radius:16px;background:var(--grey);border-width:2px}.th img{mix-blend-mode:multiply}.th.on{border-color:var(--orange)}
.info{position:sticky;top:96px}.info h1{font-size:clamp(2.4rem,4.6vw,3.8rem);font-weight:900;letter-spacing:-.05em;margin:.25em 0 .2em}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}.chips span{background:var(--grey);border-radius:999px;padding:6px 14px;font-weight:600;font-size:.85rem}
.price{display:flex;align-items:baseline;gap:8px;padding:14px 0;border-block:1px solid var(--line);margin:14px 0}.price b{font-size:2.8rem;letter-spacing:-.04em}
.sw{background:var(--grey);border:0;font-weight:500}.tag.joy{background:#fff1e8;color:var(--orange-d)}
.tabbar button.on{border-color:var(--orange)}.tbl{border-radius:18px;box-shadow:0 1px 0 var(--line)}.tbl thead th{background:var(--navy)}.spec th{background:var(--grey)}
.finder,.card-form{border-radius:28px;background:var(--grey)}.card-form{padding:30px}input,select,textarea{border-radius:14px}
.sup{border-radius:26px;padding:30px;background:var(--cream);border:0;position:relative}.sup:hover{background:var(--navy);color:#fff;transform:translateY(-4px)}.sup:hover p{color:#c9ced6}.sup:hover span{color:var(--orange)}.sup h3{font-size:1.5rem}
.faq{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin-bottom:12px}.faq[open]{background:var(--cream);border-color:transparent}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary:after{content:"+";color:var(--orange);font-size:1.5rem;line-height:1}.faq[open] summary:after{content:"–"}
.steps li{margin:1em 0}.vals>div{background:#fff;border-radius:26px;padding:30px}.vals h3{font-size:1.6rem;color:var(--orange)}
.dl-side{background:var(--grey);border-radius:28px;padding:22px}.map{border-radius:28px;border:0;box-shadow:0 10px 30px rgba(10,14,20,.1)}.empty{background:#fff}
.imgbox{background:var(--grey);border-radius:32px}.imgbox img{mix-blend-mode:multiply}
.site-footer{background:#0b0f15;padding-top:70px}.site-footer h4{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--orange)}.legal{border-color:#1d2531}
.prose h2{font-size:1.5rem}
@media(max-width:960px){.info{position:static}.dl-side{padding:16px}}
.crumb{color:var(--mut)}.crumb a{color:var(--navy)}.phero .crumb{color:#9aa3b0}.phero .crumb a{color:#cfd5de}
/* ---- hero B (light, product-led) ---- */
.hero.hero-b{background:linear-gradient(180deg,#fbf7f0,#fff);color:var(--navy);min-height:0;display:block;padding:0 0 70px;position:relative;overflow:visible}
.hb-in{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding-block:56px 40px}
.hero-b h1{color:var(--navy);font-size:clamp(3rem,6.6vw,5.6rem);line-height:.96}.hero-b h1 em{color:var(--orange)}.hero-b .lead{color:var(--ink2)}
.hero-b .eyebrow{background:#fff;color:var(--navy);border:1px solid var(--line)}
.hb-proof{display:flex;gap:34px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.hb-proof b{display:block;font-size:1.9rem;font-weight:900;letter-spacing:-.04em}.hb-proof span{color:var(--mut);font-size:.85rem}
.hb-v{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}
.blob{position:absolute;width:min(470px,92%);aspect-ratio:1;border-radius:46% 54% 50% 50%/52% 46% 54% 48%;background:radial-gradient(circle at 30% 25%,#ff8a3d,var(--orange) 55%,var(--orange-d));animation:morph 9s ease-in-out infinite}
@keyframes morph{50%{border-radius:54% 46% 44% 56%/46% 55% 45% 54%;transform:rotate(6deg)}}
#hbimg{position:relative;width:min(560px,112%);mix-blend-mode:multiply;transition:opacity .25s,transform .35s}
#hbimg.sw{opacity:0;transform:translateX(24px) scale(.97)}
.float{position:absolute;background:#fff;border-radius:999px;padding:9px 16px;font-weight:700;font-size:.82rem;box-shadow:0 12px 30px rgba(10,14,20,.14);animation:bob 5s ease-in-out infinite}.f1{left:0;top:14%}.f2{right:0;bottom:24%;animation-delay:-2.5s}
@keyframes bob{50%{transform:translateY(-10px)}}
.hb-pick{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);display:flex;gap:6px;background:#fff;border-radius:999px;padding:5px;box-shadow:0 12px 30px rgba(10,14,20,.14)}
.hb-pick button{border:0;background:transparent;font:600 .82rem 'Inter';padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}.hb-pick button.on{background:var(--navy);color:#fff}
.hero-b .finder-card{bottom:-44px;box-shadow:0 20px 50px rgba(10,14,20,.14);border:1px solid var(--line)}
@media(max-width:960px){.hb-in{grid-template-columns:1fr}.hb-v{min-height:380px}.hero-b{padding-bottom:0}.hero-b .finder-card{position:relative;transform:none;left:auto;bottom:auto;margin:0 auto}.hero+.ticker{margin-top:44px}.f1,.f2{display:none}}
@media(prefers-reduced-motion:reduce){.blob,.float{animation:none}}
.pnote{display:inline-block;margin-left:10px;color:var(--mut);font-size:.82rem;font-weight:600}.price .pnote{margin-left:auto;background:var(--grey);border-radius:999px;padding:5px 12px}.prow{align-items:baseline;flex-wrap:wrap}
/* hero B: light blob so the bike keeps its true colours */
.blob{background:radial-gradient(circle at 32% 26%,#fff6ee,#ffe6d3 55%,#ffd3b4)}
#hbimg{width:min(540px,108%)}
/* age tiles: light, product clearly visible */
.ages .age,.ages .age:hover{background:linear-gradient(160deg,#fbf7f0,#f1ece3)}
.ages .age:hover{background:linear-gradient(160deg,#fff1e8,#ffe6d3)}
.age img{padding:18px 18px 96px}
.agel{background:none;color:var(--navy);padding:0 22px 22px}.agel span{color:var(--mut)}.agel b{color:var(--navy)}
.arr{background:var(--orange);color:#fff;transition:.2s}.age:hover .arr{transform:rotate(45deg)}
.arr svg{display:block}.age:hover .arr{transform:none;background:var(--navy)}
.addr{font-style:normal;line-height:1.6;font-size:.9rem;color:#b9c0cb}.addr b{color:#fff}.addr a{display:block;padding:2px 0}.addr.dark{color:var(--ink2);font-size:1rem}.addr.dark b{color:var(--navy)}.addr.dark a{display:inline;color:var(--orange-d);font-weight:600}.mt2{margin-top:1.6em}
.grid4{align-items:start}.site-footer .news{max-width:340px}
.ico-l{display:flex!important;align-items:center;gap:9px;padding:4px 0}.ico-l .ic{width:16px;height:16px;flex:none;color:var(--orange)}.addr.dark .ico-l{display:flex;color:var(--navy);font-weight:600}
p .ico-l{display:inline-flex!important;margin-right:16px}
span.ico-l{display:flex}.ico-l.top{align-items:flex-start;padding:4px 0}.ico-l.top .ic{margin-top:4px}
.uk{white-space:nowrap}@media(max-width:480px){.uk{display:none}.hero-b h1{font-size:2.9rem}}
.tbl td:first-child,.tbl th:first-child{white-space:nowrap}@media(max-width:600px){.tbl th,.tbl td{padding:10px 12px;font-size:.9rem}}
.wrap.note{margin:18px auto 40px;padding:0 20px}
/* spacing fixes: units + tighter-than-needed headline tracking */
.stats b{letter-spacing:-.03em;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.stats small{font-size:1.3rem;font-weight:700;letter-spacing:0;margin:0;color:inherit;line-height:1}
h1,h2,.big,.hero h1,.phero h1,.info h1,.hero-b h1{letter-spacing:-.035em}
.hb-proof b,.price b,.rrp b,.age b,.agel b,.steps3 i{letter-spacing:-.025em}
.stats b{flex-wrap:nowrap;white-space:nowrap;font-size:clamp(1.9rem,3.5vw,3.2rem)}.stats div{min-width:0}
.feature{grid-template-columns:1.3fr 1fr}.feat-t .big{max-width:none;font-size:clamp(1.7rem,3vw,2.7rem)}@media(max-width:960px){.feature{grid-template-columns:1fr}.feat-t .big br{display:none}}
@media(min-width:961px){.feature{grid-template-columns:1.45fr 1fr}.feat-t{padding:52px 44px 52px 52px}.feat-t .big{font-size:clamp(2.4rem,3.9vw,3.5rem);white-space:nowrap}}
@media(min-width:961px){.feat-t .big{font-size:clamp(2.4rem,3.9vw,3rem)}}
/* ---- v5: content from the Word files ---- */
.topbar{display:none}
.rngs{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rng{background:#fff;border-radius:28px;overflow:hidden;display:flex;flex-direction:column}
.rng-img{background:var(--grey);margin:10px 10px 0;border-radius:20px;padding:16px;height:260px;display:flex;align-items:center;justify-content:center}.rng-img img{max-height:100%;width:auto;mix-blend-mode:multiply}
.rng-t{padding:24px 28px 30px}.rng-t h3{font-size:1.9rem;margin:.1em 0 .3em}.rng-t p{color:var(--ink2)}.from{margin:.6em 0 1em!important}.from b{font-size:1.5rem;color:var(--navy)}
.pts{grid-template-columns:1fr 1fr}.pts div{padding:30px 28px}.pts b{display:block!important;font-size:1.25rem!important;letter-spacing:-.02em!important;color:#fff!important;white-space:normal!important;line-height:1.2}.pts span{color:#c3cad5!important;font-size:.92rem;margin-top:8px!important;display:block}
.warr{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;background:var(--cream);border-radius:32px;padding:48px}.sec.grey .warr{background:#fff}.warr p{color:var(--ink2);margin:0 0 20px}
.faqt{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faqt a{background:#fff;border-radius:22px;padding:24px 26px;text-decoration:none;transition:.2s}.faqt a:hover{box-shadow:0 12px 30px rgba(10,14,20,.1);transform:translateY(-3px)}.faqt b{display:block;font-size:1.1rem;margin-bottom:6px}.faqt span{color:var(--mut);font-size:.95rem}
.lnk{color:var(--orange-d);font-weight:700;text-decoration:none}.note2{text-align:center;color:var(--mut);margin-top:26px}
.mlist{display:flex;flex-direction:column;gap:20px;margin-top:20px}.mblock{display:grid;grid-template-columns:.9fr 1.3fr;gap:30px;background:#fff;border-radius:28px;padding:22px;align-items:center;scroll-margin-top:100px}
.mimg{background:var(--grey);border-radius:20px;height:250px;display:flex;align-items:center;justify-content:center;padding:14px}.mimg img{max-height:100%;width:auto;max-width:100%;mix-blend-mode:multiply}
.mtxt h3{font-size:1.7rem;margin:.4em 0 .3em}.spec1{background:var(--grey);border-radius:12px;padding:10px 14px;font-size:.92rem;color:var(--ink2)}.spec1 b{color:var(--navy);font-size:1.05rem}.mtxt .cta{margin:16px 0 0}
.callout{background:var(--soft);border-radius:18px;padding:20px 24px;margin:22px 0;color:var(--ink2)}.wh{background:#fff!important}.card-form.wh h3{margin-top:0}
.split.top{align-items:start}.gh{margin-top:1.4em}.fa{padding-top:6px}.fa p{color:var(--ink2);margin:.6em 0}.fa .tscroll{margin:12px 0}.fa .tbl th,.fa .tbl td{padding:9px 12px;font-size:.9rem}
.chk.dk{color:#aeb6c2;font-size:.78rem;flex-basis:100%}.chk.dk a{display:inline;color:#fff}
.cookie{display:block;max-width:880px}.cookie p{margin:0 0 12px}.ck-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ck-btns .btn{width:100%;padding:12px 10px}.ck-btns .btn:hover{background:var(--navy);color:#fff}
.ck-manage{margin-top:14px;display:flex;flex-direction:column;gap:10px}.ck-manage[hidden]{display:none}.tgl{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-weight:600;margin:0}.tgl input{width:auto;margin:0}.tgl small{flex-basis:100%;color:var(--mut);font-weight:400;padding-left:28px}.ck-manage .btn{align-self:flex-start}
@media(max-width:960px){.rngs,.faqt,.warr,.mblock{grid-template-columns:1fr}.warr{padding:30px 24px}}
@media(max-width:560px){.ck-btns{grid-template-columns:1fr}.pts{grid-template-columns:1fr}}
img{height:auto}
@media(min-width:961px){.feature{grid-template-columns:1fr 1.5fr}.feat-t .big{white-space:normal;font-size:clamp(1.8rem,3vw,2.6rem)}.feat-t{padding:44px}}
.pts{grid-template-columns:1fr 1fr}.pts div{border-left:1px solid #263041}
.chk>span{flex:1;min-width:0}
.news .chk input{flex:none;min-width:0;width:16px;height:16px;padding:0;margin:3px 0 0;accent-color:var(--orange)}.news .chk{display:flex;gap:10px;align-items:flex-start;flex-basis:100%;margin:4px 0 0}

/* v6 mobile hardening */
html,body{overflow-x:hidden}
.stats.pts{grid-template-columns:1fr 1fr}
.stats.pts b{display:block!important;white-space:normal!important;overflow-wrap:break-word;hyphens:auto;font-size:1.25rem!important;line-height:1.2!important;letter-spacing:-.02em!important;color:#fff!important}
.stats.pts div{min-width:0}
@media(max-width:700px){
 .stats.pts{grid-template-columns:1fr!important}
 .stats.pts div{border-left:0!important;padding:24px 22px!important}
 .feat-t .big{white-space:normal!important;font-size:1.9rem!important;overflow-wrap:break-word}
 .stats:not(.pts){grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
 .stats:not(.pts) b{font-size:1.7rem!important;white-space:normal!important}
 .stats:not(.pts) span{font-size:.9rem}
 h1,.hero-b h1{overflow-wrap:break-word}
 h2{font-size:clamp(1.6rem,7vw,2.1rem)}
 .btn{white-space:normal;text-align:center}
 .bar>.btn{white-space:nowrap}
 .hb-v{min-height:300px}
}
header,.hdr,.site-header{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none}
@media(max-width:480px){.hb-proof{gap:14px!important;flex-wrap:wrap}.hb-proof b{font-size:1.45rem!important;white-space:nowrap}.hb-proof span,.hb-proof small{font-size:.82rem}.hb-proof>*{min-width:0}}

/* v7 detail photo grid */
.dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dfig{margin:0;background:var(--grey);border-radius:20px;overflow:hidden}
.dfig img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.dfig figcaption{padding:10px 14px 14px;font-weight:600;font-size:.9rem}
@media(max-width:960px){.dgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.dgrid{grid-template-columns:1fr 1fr;gap:10px}.dfig figcaption{font-size:.82rem;padding:8px 10px 12px}}

/* v8 size tiles: photo above, label below (no overlap at any width) */
.ages .age{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0}
.ages .age img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:6/5;max-height:260px;padding:16px 16px 0;object-fit:contain}
.ages .age .agel{position:static;padding:4px 84px 22px 22px;background:none}
.ages .age .arr{bottom:20px}
@media(max-width:600px){.ages .age .agel b{font-size:1.45rem}.ages .age img{max-height:220px}}

/* v9 button pairs: even gap, equal width when stacked */
.more{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:28px 0 0}
.more .btn{margin:0}
@media(max-width:600px){.more{flex-direction:column;align-items:stretch}.more .btn{width:100%}.cta{flex-direction:column;align-items:stretch}.cta .btn{width:100%}}

/* v10 narrow phones: scale hero type with the screen, never let a column grow past it */
.hb-in{grid-template-columns:minmax(0,1fr)}
@media(min-width:961px){.hb-in{grid-template-columns:1.05fr 1fr}}
.hb-in>*,.hb-t,.hb-v,.wrap>*{min-width:0;max-width:100%}
.hb-pick{max-width:100%;overflow-x:auto;scrollbar-width:none}.hb-pick::-webkit-scrollbar{display:none}
@media(max-width:480px){
 .hero-b h1{font-size:clamp(2rem,10.6vw,2.9rem)}
 .hero .lead{font-size:1.05rem}
 .hb-pick button{padding:8px 11px;font-size:.78rem}
}
@media(max-width:360px){.hero-b h1{font-size:10.4vw}.bar>.btn{padding:8px 11px;font-size:.8rem}.logo img{height:24px}}
@media(max-width:480px){.tbl.spec{width:100%;table-layout:fixed}.tbl.spec th{width:40%}.tbl.spec th,.tbl.spec td{overflow-wrap:anywhere;white-space:normal}}

/* v11 form messages: success is green, errors stay red */
.msg.ok{color:#157f3b}.site-footer .msg.ok{color:#6ee7a0}
.msg.err{color:#c0392b}.site-footer .msg.err{color:#ff8a7a}

/* v12 bikes list: photo always contained inside its box */
.mblock .mimg{height:260px;overflow:hidden}
.mblock .mimg img{width:100%;height:100%;max-height:none;object-fit:contain}
@media(min-width:961px){.mblock .mimg{height:280px}}