/* Loupe site: phone-first, laptop layout from 900px */

.wrap{width:min(1160px,100% - 40px);margin-inline:auto}
.lede{font-size:18.5px;line-height:1.5;max-width:40em}
.small{font-size:14px;line-height:1.45;color:var(--muted)}.dark .small{color:var(--muted-d)}
section{padding:72px 0;position:relative}
h2{font-size:clamp(34px,8.6vw,64px)}
/* header */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:rgba(6,42,58,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--paper2);border-bottom:1px solid var(--line-d)}
.brand{display:flex;margin-right:auto}.brand img{display:block;height:36px;width:auto}
.nav{display:none}
.top .sound{color:var(--paper2)}.top .sound .lbl{display:none}
.top .btn.sm{--bd:#020F15}
/* bottom tabs (phone) */
.tabs{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(6,42,58,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line-d);padding-bottom:env(safe-area-inset-bottom)}
.tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;color:var(--muted-d);font:600 11.5px/1 var(--sans);text-decoration:none;-webkit-tap-highlight-color:transparent}
.tabs a:active{transform:scale(.94)}
.tabs svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.tabs a.go{color:var(--sal)}.tabs a.go svg{stroke:var(--sal);transform:rotate(-12deg)}
.tabs a.cur{color:var(--paper2)}
/* hero */
.hero{padding:34px 0 56px;overflow:hidden;background:radial-gradient(120% 70% at 70% 30%,#0E4660 0,var(--deep) 60%)}
.hero-copy{width:min(1160px,100% - 40px);margin-inline:auto}
.hero h1{font-size:clamp(42px,12.2vw,96px);margin-bottom:.3em}
.hero h1 em{display:inline-block}
.circled>svg.loop path{stroke-width:2.6}
.hero .lede{color:#D5E1E3}.hero .lede b{color:#fff;font-weight:650}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 18px}
.cta-row .btn{flex:1 1 220px}
.new{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:14px;color:var(--muted-d);margin:0}
.table{position:relative;margin:34px auto 0;width:min(1160px,100% - 28px);display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:14px;align-items:start}
.sheet-wrap{position:relative;min-width:0;background:linear-gradient(180deg,#F7FAF9,#E4ECEB);color:var(--deep);border-radius:14px;padding:12px;box-shadow:0 0 0 1px rgba(255,255,255,.4),0 30px 80px -20px rgba(58,134,255,.55),0 0 120px -30px rgba(220,233,255,.5);touch-action:pan-y}
.sheet-h{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px}.sheet-h .tc{font-size:9.5px}
.sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;height:318px;overflow:hidden}
.fr-s{position:relative;background:#04202C;color:#CFE0E3;border-radius:4px;padding:16px 8px 8px;min-width:0;font-size:10.5px;line-height:1.3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);background-image:radial-gradient(circle,#0f3d50 0 1.7px,transparent 2px);background-size:9px 7px;background-repeat:repeat-x;background-position:2px 3px}
.fr-s .fr-no{position:absolute;right:6px;top:2px;font:500 8px var(--mono);color:#E9B44C}
.fr-s .tc{position:absolute;left:6px;top:3px;font-size:8px;color:var(--muted-d)}
.fr-s b{display:block;font:650 10px var(--sans);color:#fff;margin-bottom:2px}
.fr-s p{margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.fr-s .sc{position:absolute;right:5px;bottom:4px;font:600 9px var(--mono);color:var(--deep);background:var(--sal);border-radius:4px;padding:2px 4px}
.fr-s svg.loop{position:absolute;inset:-7px -6px;width:calc(100% + 12px);height:calc(100% + 14px);overflow:visible;pointer-events:none}
.fr-s svg.loop path{fill:none;stroke:var(--sal);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1s var(--out)}
.fr-s.on svg.loop path,.js-off .fr-s svg.loop path{stroke-dashoffset:0}
.lens{position:absolute;left:0;top:0;width:118px;height:118px;border-radius:50%;cursor:grab;touch-action:none;z-index:3;will-change:transform;filter:drop-shadow(0 14px 18px rgba(6,42,58,.45))}
.lens:active{cursor:grabbing}
.lens-in{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#E4ECEB}
.lens-in .sheet{position:absolute;left:0;top:0;transform-origin:0 0;height:auto;overflow:visible}
.lens-rim{position:absolute;inset:-7px;border-radius:50%;border:8px solid var(--az);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),inset 0 10px 22px rgba(255,255,255,.4)}
.lens-rim::after{content:"";position:absolute;right:-26px;bottom:-26px;width:38px;height:14px;border-radius:7px;background:var(--deep2);border:2px solid var(--az);transform:rotate(45deg)}
.lens:focus-visible{outline:none}.lens:focus-visible .lens-rim{border-color:var(--sal)}
.phone{margin:0;perspective:900px}
.ph-screen{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#04202C;border:5px solid #020F15;box-shadow:0 0 0 1.5px #2a5568,0 30px 60px -18px rgba(0,0,0,.7);transform:rotateY(-14deg) rotateX(4deg) translateZ(0);transition:transform .8s var(--out)}
.phone:hover .ph-screen{transform:rotateY(-4deg) rotateX(1deg)}
.ph-scene{position:absolute;inset:0}.ph-scene svg{width:100%;height:100%;display:block}
.ph-hook{position:absolute;left:7%;right:7%;top:8%;margin:0;background:#F7FAF9;color:var(--deep);font:700 10.5px/1.25 var(--sans);padding:6px 8px;border-radius:6px;box-shadow:0 3px 0 var(--sal)}
.ph-cap{position:absolute;left:5%;right:5%;top:58%;margin:0;text-align:center;font:400 19px/1.08 var(--cap);letter-spacing:.01em;color:#fff;text-shadow:0 2px 0 #000,0 0 6px rgba(0,0,0,.6);min-height:2.2em}
.ph-cap span{display:inline-block;transition:transform .18s var(--ease),color .1s}
.ph-cap span.now{color:var(--sal);transform:scale(1.12)}
.ph-ui{position:absolute;right:5%;bottom:16%;display:grid;gap:9px}.ph-ui i{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.28)}
.ph-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2)}.ph-bar i{display:block;height:100%;width:0;background:var(--sal)}
.phone figcaption{margin-top:12px;font-size:9.5px;line-height:1.35;text-align:center;color:var(--muted-d)}
/* how strip */
.how{background:var(--paper)}
.strip{list-style:none;margin:34px auto 0;padding:0;width:min(1160px,100% - 40px);display:grid;gap:14px}
.fr{position:relative;background:var(--paper2);border:2px solid var(--deep);border-radius:12px;padding:22px 20px 20px 74px;box-shadow:0 5px 0 var(--deep)}
.fr svg{position:absolute;left:14px;top:20px;width:46px;height:46px;color:var(--deep)}
.fr .fr-n{position:absolute;right:14px;top:12px;color:var(--sal-ink)}
.fr h3{font-size:24px;margin:0 0 .25em}.fr p{margin:0;color:#24414D}
/* finder */
.finder{background:linear-gradient(var(--paper),#E2EAE8)}
.finder-in{display:grid;gap:26px}
.hf{background:var(--paper2);border:2px solid var(--deep);border-radius:16px;padding:18px;box-shadow:var(--shadow);min-width:0}
.hf label{display:block;font-weight:650;margin-bottom:6px}
textarea,input[type=email],input[type=url],input:not([type]),select{width:100%;font:400 16px/1.45 var(--sans);color:var(--deep);background:#fff;border:2px solid #9DB0B5;border-radius:10px;padding:12px}
textarea:focus,input:focus,select:focus{border-color:var(--az);outline:none;box-shadow:0 0 0 3px rgba(58,134,255,.3)}
.hf-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hf-row .btn{flex:1 1 160px}
.hf-msg{min-height:1.4em;margin:10px 0 0}
.hf-out{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hm{border:1.5px solid var(--line);border-left:5px solid var(--sal);border-radius:10px;padding:12px 14px;background:#fff;animation:pop .5s var(--out) both}
.hm-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.hm-top b{font:700 24px var(--display);color:var(--sal-ink)}
.hm q{display:block;margin:6px 0 8px;font-size:15px;color:#24414D}
.hm ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.hm li{display:flex;gap:8px;align-items:flex-start;font-size:15px}
.hm li .tag{flex:none}
.hm .why{font-size:13px;color:var(--muted);margin:8px 0 0}
.copy{margin-left:auto;flex:none;min-height:32px;padding:0 10px;font:600 12.5px var(--sans);border-radius:8px;border:1.5px solid var(--deep);background:transparent;color:var(--deep);cursor:pointer}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}}
.sp-card{border:2px dashed #8B7A3A;border-radius:14px;padding:16px 18px;background:#FBF6E4;min-width:0}
.sp-tag{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
.sp-h{font:700 18px/1.3 var(--display);margin:0 0 6px}
/* rights */
.rights{background:var(--deep)}
.promise{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
.promise li{position:relative;padding:16px 16px 16px 58px;border:1px solid var(--line-d);border-radius:14px;background:rgba(255,255,255,.03)}
.promise li::before{content:"";position:absolute;left:16px;top:18px;width:24px;height:24px;border-radius:50%;border:5px solid var(--az);box-sizing:border-box}
.promise li::after{content:"";position:absolute;left:12px;top:14px;width:34px;height:30px;border:2px solid var(--sal);border-radius:50%;transform:rotate(-14deg)}
.promise b{display:block;font:700 20px var(--display);margin-bottom:4px;color:#fff}.promise span{color:#C8D6D9}
.rights .note{margin-top:20px}
/* 3D fan */
.fan-sec{overflow:hidden;background:var(--paper)}
.fan{--w:150px;--R:calc(var(--w) * 1.32);position:relative;height:calc(var(--w) * 16 / 9 + 70px);margin-top:30px;perspective:1100px;perspective-origin:50% 40%;touch-action:pan-y;cursor:grab}
.fan-ring{position:absolute;left:50%;top:10px;width:var(--w);margin-left:calc(var(--w) / -2);transform-style:preserve-3d;transform:translateZ(calc(var(--R) * -1)) rotateY(var(--rot,0deg));will-change:transform}
.fp{position:absolute;inset:0 auto auto 0;width:var(--w);margin:0;transform:rotateY(calc(var(--i) * 45deg)) translateZ(var(--R));-webkit-backface-visibility:hidden;backface-visibility:hidden}
.fp-s{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:4px solid #020F15;background:linear-gradient(180deg,#12495F,#04202C);color:#fff}
.fp:nth-child(3n+2) .fp-s{background:linear-gradient(180deg,#1F5FD1,#062A3A)}.fp:nth-child(3n) .fp-s{background:linear-gradient(180deg,#A8402A,#2b1610)}
.fp-k{margin:8px 8px 0;font-size:7.5px;color:#BFD0D4}
.fp-h{margin:6px 8px 0;background:#F7FAF9;color:var(--deep);font:700 10px/1.25 var(--sans);padding:5px 6px;border-radius:5px}
.fp-face{position:absolute;left:50%;bottom:-6%;width:70%;aspect-ratio:1;transform:translateX(-50%);border-radius:50% 50% 0 0;background:radial-gradient(circle at 50% 30%,#D9A984 0 22%,transparent 23%),radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.18) 0 60%,transparent 61%)}
.fp-c{position:absolute;left:6px;right:6px;top:56%;margin:0;text-align:center;font:400 16px/1.1 var(--cap);text-shadow:0 2px 0 #000}
.st-line .fp-c{font:700 11px/1.3 var(--sans);background:rgba(0,0,0,.6);padding:4px 6px;border-radius:4px;top:70%}
.st-karaoke .fp-c{color:#FFE27A}
.fp figcaption{text-align:center;margin-top:8px;font-size:9px}
.fan-note{margin-top:8px}
.fan-ctl{display:flex;justify-content:center;gap:10px;margin-top:6px}
.fan-ctl button{width:48px;height:48px;border-radius:50%;border:2px solid var(--deep);background:var(--paper2);color:var(--deep);font:700 20px/1 var(--sans);cursor:pointer;box-shadow:0 3px 0 var(--deep)}
.fan-ctl button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--deep)}
/* crew */
.crew{background:linear-gradient(#E2EAE8,var(--paper))}
.crew-grid{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:46%;gap:12px;margin:28px -20px 0;padding:4px 20px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.crew-grid::-webkit-scrollbar{display:none}.crew-grid .bot-card{scroll-snap-align:start}
.swipe{display:flex;align-items:center;gap:8px;margin:10px 0 0;font:500 12px var(--mono);color:var(--muted)}.swipe::after{content:"";width:40px;height:2px;background:currentColor;animation:sw 1.6s var(--out) infinite}@keyframes sw{0%{transform:scaleX(.2);transform-origin:left}60%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.bot-card{background:var(--paper2);border:1.5px solid var(--line);border-radius:14px;padding:12px 12px 14px;text-align:center;min-width:0;transition:transform .35s var(--ease),box-shadow .3s}
.bot-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.bot-card svg{display:block;margin:0 auto 4px;width:96px;height:auto}
.bot-card b{display:block;font:750 18px var(--display)}
.bot-card span{display:block;font:500 10.5px/1.3 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:3px 0 6px}
.bot-card p{margin:0;font-size:14px;line-height:1.4;color:#24414D}
.bot-card.human{background:var(--deep);color:#fff;border-color:var(--deep)}.bot-card.human span{color:var(--sal)}.bot-card.human p{color:#D5E1E3}
.bot-card.opt{border-style:dashed}
/* prices */
.prices{background:var(--paper)}
.cards{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:28px -20px 0;padding:6px 20px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cards::-webkit-scrollbar{display:none}
.card{scroll-snap-align:center;background:var(--paper2);border:2px solid var(--deep);border-radius:16px;padding:18px;display:flex;flex-direction:column;box-shadow:0 5px 0 var(--deep);min-width:0}
.card.best{background:var(--deep);color:#fff;box-shadow:0 5px 0 var(--sal)}
.card-h{display:flex;justify-content:space-between;margin:0 0 10px}.card.best .tc{color:var(--muted-d)}
.card-h .pick{background:var(--sal);color:var(--deep);padding:3px 7px;border-radius:5px}
.card h3{font-size:30px;margin:0 0 .2em}.for{margin:0 0 12px;font-size:15px}
.pr{font:800 46px/1 var(--display);margin:0;letter-spacing:-.03em}.pr small{font:500 15px var(--sans);margin-left:6px;letter-spacing:0}
.per{margin:6px 0 12px}.card.best .per{color:#C8D6D9}
.card ul{margin:0 0 18px;padding-left:1.15em;font-size:15px;flex:1}.card li{margin-bottom:5px}
.card.best .btn.alt,.card .btn{width:100%}
.cmp{margin-top:34px;background:var(--paper2);border-radius:16px;padding:18px;border:1.5px solid var(--line)}
.cmp h3{font-size:24px}
.bars{list-style:none;margin:14px 0;padding:0;display:grid;gap:12px}
.bars li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;font-size:14.5px}
.bars li::after{content:"";grid-column:1/-1;height:12px;border-radius:6px;background:var(--az-ink);width:calc(var(--v) * 100%);transform-origin:left;transform:scaleX(var(--k,1));transition:transform 1.1s var(--out)}
.bars li.o::after{background:#A9B9BD}
.js .bars:not(.on) li::after{--k:0}
.extras{list-style:none;margin:22px 0 0;padding:0;border-top:2px solid var(--deep)}
.extras li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15.5px}.extras b{white-space:nowrap}
/* new */
.new-sec{background:var(--deep2)}
.new-in{display:grid;gap:24px}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ticks li{position:relative;padding:14px 14px 14px 46px;border-radius:12px;background:rgba(255,255,255,.05)}
.ticks li::before{content:"";position:absolute;left:16px;top:18px;width:14px;height:8px;border-left:3px solid var(--sal);border-bottom:3px solid var(--sal);transform:rotate(-45deg)}
/* faq */
.faq{background:var(--paper)}
.qs{display:grid;gap:10px;margin-top:22px}
details{background:var(--paper2);border:1.5px solid var(--line);border-radius:12px}
summary{cursor:pointer;list-style:none;padding:16px 50px 16px 16px;font:700 18px/1.3 var(--display);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:18px;top:50%;width:18px;height:12px;margin-top:-6px;border:2.5px solid var(--sal-ink);border-radius:50%;transition:transform .3s var(--ease)}
details[open] summary::after{transform:rotate(-20deg) scale(1.2);background:rgba(255,140,105,.25)}
details p{margin:0;padding:0 16px 16px}
/* sample */
.sample{background:radial-gradient(90% 70% at 20% 0,#0E4660,var(--deep) 70%)}
.sample-in{display:grid;gap:26px}
.sf{display:grid;gap:14px;background:var(--paper2);color:var(--deep);border-radius:16px;padding:18px;min-width:0}
.sf label{font-weight:650}.f label{display:block;margin-bottom:6px}.f .small{font-weight:400;color:var(--muted)}
.ck{display:flex;gap:10px;align-items:flex-start;font-weight:400!important;font-size:15px}
.ck input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--az-ink)}
.sf-msg{margin:0;min-height:1.4em;font-size:15px}
.sf-msg.ok{background:#DDF0EC;border-left:4px solid var(--petrol);padding:12px;border-radius:8px}
.sf-msg.err{color:var(--sal-ink);font-weight:600}
/* footer */
.foot{padding:40px 0 calc(94px + env(safe-area-inset-bottom))}
.foot-in{display:grid;gap:14px}.foot p{margin:0;color:#C8D6D9;font-size:15px;max-width:40em}
.foot nav{display:flex;flex-wrap:wrap;gap:4px 18px}.foot nav a{min-height:44px;display:inline-flex;align-items:center}
/* reveal */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--out),transform .7s var(--out)}
.js .rv.in{opacity:1;transform:none}
@media (min-width:600px){.crew-grid{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:28px 0 0;padding:0}.swipe{display:none}.promise{grid-template-columns:1fr 1fr}.strip{grid-template-columns:1fr 1fr}.cards{grid-auto-columns:60%}}
@media (min-width:900px){
 .foot{padding-bottom:30px}.tabs{display:none}
 section{padding:110px 0}
 .top{padding:12px 28px}.brand img{height:40px}
 .nav{display:flex;gap:4px;margin-right:12px}.nav a{color:#D5E1E3;text-decoration:none;font:500 15px var(--sans);padding:10px 12px;border-radius:8px;position:relative}
 .nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
 .top .sound .lbl{display:inline}
 .hero{padding:70px 0 110px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;column-gap:20px;padding-inline:max(28px,calc((100% - 1240px)/2))}
 .hero-copy,.table{width:auto;margin:0}
 .table{grid-template-columns:minmax(0,1fr);margin-right:110px}
 .sheet-wrap{padding:16px;transform:rotate(-2deg)}
 .sheet{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:8px}
 .fr-s{font-size:11.5px;padding:18px 9px 10px;min-height:96px}
 .lens{width:170px;height:170px}
 .hero-phone{position:absolute;right:-118px;bottom:-70px;width:196px;z-index:4}
 .ph-hook{font-size:13px}.ph-cap{font-size:27px}
 .hero-phone figcaption{color:#C8D6D9}
 .strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#04202C;padding:26px 18px;border-radius:14px;background-image:radial-gradient(circle,#0f3d50 0 4px,transparent 4.5px),radial-gradient(circle,#0f3d50 0 4px,transparent 4.5px);background-size:22px 13px;background-repeat:repeat-x;background-position:0 6px,0 calc(100% - 6px)}
 .fr{margin:0 8px;padding:84px 20px 22px;box-shadow:none;border:0;border-radius:6px;transition:transform .5s var(--ease)}
 .fr:hover{transform:translateY(-6px) rotate(-1deg)}
 .fr svg{left:20px;top:20px;width:52px;height:52px}
 .finder-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
 .sp-card{grid-column:1;grid-row:2;align-self:start}
 .hf{grid-column:2;grid-row:1/span 2}
 .promise{grid-template-columns:repeat(3,1fr)}
 .fan{--w:210px;--R:calc(var(--w) * 1.4)}
 .fp-k{font-size:9px}.fp-h{font-size:12.5px}.fp-c{font-size:21px}.st-line .fp-c{font-size:13px}
 .crew-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.crew-grid .bot-card:first-child{grid-column:span 1}
 .cards{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:28px 0 0;padding:0}
 .card.best{transform:translateY(-12px)}
 .cmp{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 40px;padding:28px}.cmp .bars{grid-row:1/span 3;grid-column:2}
 .new-in{grid-template-columns:1fr 1fr;align-items:center}
 .qs{grid-template-columns:1fr 1fr;align-items:start}
 .sample-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.sf{padding:26px}
 .foot-in{grid-template-columns:auto 1fr auto;align-items:center;gap:30px}
}
@media (min-width:900px){.hero h1{font-size:clamp(56px,5.6vw,84px)}}
@media (prefers-reduced-motion:reduce){.ph-screen{transform:none}.fan-ring{transition:none}.js .rv{opacity:1;transform:none}.bars li::after{--k:1!important}}