:root{
  --noir:#0B0B0A;--smoke:#1C1B19;--ivory:#F4F1EA;--paper:#FBF9F4;--stone:#8E877C;--line:rgba(11,11,10,.14);--lined:rgba(244,241,234,.16);
  --gilt:#B8925A;--gilt2:#D9BE8C;--signal:#C8502A;
  --serif:"Instrument Serif",Georgia,serif;--sans:"Inter Tight",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
  --pad:clamp(20px,5vw,72px);--ease:cubic-bezier(.2,.7,.1,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--ivory);color:var(--noir);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--gilt);color:var(--noir)}
.grain{position:fixed;inset:-50%;pointer-events:none;z-index:90;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(4) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}
.wrap{padding:0 var(--pad);max-width:1560px;margin:0 auto}
.label{font:500 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.label .n{color:var(--gilt)}
.serif{font-family:var(--serif);font-weight:400}
em,.it{font-family:var(--serif);font-style:italic;font-weight:400}
.gilt{color:var(--gilt)}
.dark{background:var(--noir);color:var(--ivory)}
.dark .muted{color:rgba(244,241,234,.62)}
.muted{color:#5d574f}
/* progress + nav */
.progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--gilt);z-index:101}
.nav{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);color:var(--ivory);transition:transform .6s var(--ease),background .4s,color .4s,padding .4s}
.nav.solid{background:rgba(244,241,234,.86);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px);color:var(--noir);padding-top:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.nav.hide{transform:translateY(-110%)}
.nav .wm svg{height:26px;width:auto;display:block}
.nav .wm svg path{fill:currentColor}
.nav ul{display:flex;gap:34px;list-style:none}
.nav ul a{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;position:relative;padding:6px 0}
.nav ul a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.nav ul a:hover:after{transform:scaleX(1);transform-origin:left}
.navr{display:flex;align-items:center;gap:14px}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid currentColor;background:none;position:relative;cursor:pointer}
.burger i{position:absolute;left:13px;right:13px;height:1px;background:currentColor;transition:.4s var(--ease)}
.burger i:first-child{top:18px}.burger i:last-child{top:25px}
.menu-open .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:99;background:var(--noir);color:var(--ivory);display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--pad) 48px;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease)}
.menu-open .drawer{clip-path:inset(0 0 0 0)}
.drawer a{font:400 54px/1.08 var(--serif);display:block;border-bottom:1px solid var(--lined);padding:10px 0}
.drawer a span{font:500 11px var(--mono);color:var(--gilt);letter-spacing:.14em;margin-right:14px;vertical-align:middle}
.drawer .label{margin-top:28px;color:var(--stone)}
/* buttons */
.btn{--b:var(--noir);--f:var(--ivory);display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 28px;border-radius:999px;background:var(--b);color:var(--f);font:600 15px/1 var(--sans);letter-spacing:.01em;border:1px solid var(--b);cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:color .5s var(--ease),transform .3s}
.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--gilt);transform:translateY(101%);transition:transform .6s var(--ease);z-index:-1}
.btn:hover:before{transform:none}.btn:hover{color:var(--noir)}
.btn .arr{width:18px;height:18px;transition:transform .5s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn.light{--b:var(--ivory);--f:var(--noir)}
.btn.ghost{background:transparent;color:currentColor;border-color:currentColor}
.btn.sm{height:42px;padding:0 20px;font-size:13.5px}
.btn.gold{--b:var(--gilt);--f:var(--noir)}.btn.gold:before{background:var(--ivory)}
/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.lines .ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.lines .ln>span{display:block;transform:translateY(105%);transition:transform 1.2s var(--ease);transition-delay:calc(var(--i)*.09s + var(--d,0s))}
.lines.in .ln>span{transform:none}
.mask{clip-path:inset(100% 0 0 0);transition:clip-path 1.4s var(--ease);transition-delay:var(--d,0s)}
.mask.in{clip-path:inset(0 0 0 0)}
.rule{height:1px;background:currentColor;opacity:.18;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease)}
.rule.in{transform:scaleX(1)}
/* hero */
.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding-top:130px}
.hero .glow{position:absolute;width:80vmax;height:80vmax;left:50%;top:-30vmax;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(184,146,90,.22),rgba(184,146,90,0) 70%);pointer-events:none}
.hero .bigC{position:absolute;right:-6vw;top:4vh;font:italic 400 min(78vw,980px)/.8 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(184,146,90,.28);pointer-events:none;user-select:none}
.hero-top{display:flex;justify-content:space-between;gap:20px;color:rgba(244,241,234,.6);margin-bottom:5vh}
.hero h1{font:400 clamp(54px,10.4vw,188px)/.9 var(--serif);letter-spacing:-.02em;max-width:14ch}
.hero h1 em{color:var(--gilt2)}
.hero-bot{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;padding:6vh 0 56px;border-top:1px solid var(--lined);margin-top:6vh}
.hero-bot p{font-size:clamp(17px,1.35vw,21px);max-width:44ch;color:rgba(244,241,234,.78)}
.hero-bot .ctas{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.scrollcue{position:absolute;left:var(--pad);bottom:0;width:1px;height:42px;background:linear-gradient(var(--gilt),transparent);animation:cue 2.4s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* reel of phones under hero */
.reel{background:var(--noir);padding:0 0 120px;overflow:hidden}
.reel-track{display:flex;gap:28px;justify-content:center;align-items:flex-start;perspective:1400px}
.phone{width:clamp(200px,22vw,320px);aspect-ratio:390/844;border-radius:38px;padding:9px;background:linear-gradient(160deg,#2a2926,#0f0f0e);box-shadow:0 40px 90px -30px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08);flex:none;will-change:transform}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:30px}
.reel .phone:nth-child(2){margin-top:90px}
.reel-cap{display:flex;justify-content:space-between;color:var(--stone);margin-top:40px;gap:20px}
/* marquee */
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:26px 0;white-space:nowrap;background:var(--ivory)}
.marquee .t{display:inline-flex;gap:56px;animation:mq 38s linear infinite;font:italic 400 clamp(34px,4.6vw,66px)/1 var(--serif);padding-right:56px}
.marquee .t span:nth-child(even){font:500 12px/1 var(--mono);letter-spacing:.2em;font-style:normal;color:var(--gilt);align-self:center}
@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
section{position:relative}
.sec{padding:clamp(96px,13vw,190px) 0}
.sec-head{display:grid;grid-template-columns:minmax(160px,1fr) 3fr;gap:40px;margin-bottom:clamp(48px,7vw,110px)}
.sec-head h2{font:400 clamp(42px,6.4vw,104px)/.98 var(--serif);letter-spacing:-.015em;max-width:16ch}
.sec-head .label{padding-top:14px}
.lede{font-size:clamp(18px,1.5vw,22px);max-width:52ch;margin-top:28px}
/* problem */
.prob{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.prob article{padding:40px 36px 46px 0;border-right:1px solid var(--line);margin-right:36px}
.prob article:last-child{border-right:0;margin-right:0}
.prob .k{font:400 76px/1 var(--serif);color:var(--gilt)}
.prob h3{font:500 24px/1.2 var(--sans);letter-spacing:-.01em;margin:26px 0 12px}
.prob p{color:#5d574f}
.quote-big{font:italic 400 clamp(34px,4.4vw,72px)/1.06 var(--serif);max-width:22ch;margin:clamp(70px,9vw,140px) 0 0 auto;text-align:right}
.quote-big small{display:block;font:500 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:var(--stone);margin-top:22px}
/* create */
.create{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--lined)}
.cell{padding:48px 48px 56px 0;border-bottom:1px solid var(--lined);position:relative;transition:background .6s var(--ease)}
.cell:nth-child(odd){border-right:1px solid var(--lined)}
.cell:nth-child(even){padding-left:48px;padding-right:0}
.cell .label{color:var(--gilt)}
.cell h3{font:400 clamp(36px,3.6vw,56px)/1 var(--serif);margin:26px 0 16px}
.cell p{color:rgba(244,241,234,.66);max-width:44ch}
.cell ul{list-style:none;margin-top:22px;display:grid;gap:10px}
.cell li{display:flex;gap:12px;align-items:baseline;font-size:15.5px;color:rgba(244,241,234,.85)}
.cell li:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--gilt);transform:translateY(-2px)}
/* lead alert demo */
.alertdemo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center;margin-top:clamp(80px,10vw,150px)}
.alertdemo h3{font:400 clamp(40px,4.8vw,78px)/1 var(--serif)}
.stack{position:relative;height:420px}
.notif{position:absolute;left:0;right:0;margin:auto;max-width:430px;background:rgba(244,241,234,.06);border:1px solid var(--lined);backdrop-filter:blur(10px);border-radius:22px;padding:18px 20px;display:flex;gap:16px;align-items:flex-start;opacity:0;transform:translateY(40px) scale(.96);transition:1s var(--ease)}
.notif.in{opacity:1;transform:none}
.notif .ic{flex:none;width:42px;height:42px;border-radius:12px;background:var(--ivory);color:var(--noir);display:grid;place-items:center;font:italic 22px/1 var(--serif)}
.notif .ic.g{background:var(--gilt)}
.notif b{display:block;font-weight:600;font-size:15px}
.notif span{font-size:14px;color:rgba(244,241,234,.66)}
.notif time{margin-left:auto;font:500 11px var(--mono);color:var(--stone);white-space:nowrap}
.notif:nth-child(1){top:0}.notif:nth-child(2){top:118px;transition-delay:.25s}.notif:nth-child(3){top:236px;transition-delay:.5s}
.exnote{margin-top:16px;color:var(--stone)}
/* work */
.work .case{display:grid;grid-template-columns:5fr 7fr;gap:clamp(30px,5vw,90px);align-items:center;padding:clamp(60px,8vw,120px) 0;border-top:1px solid var(--line)}
.work .case:nth-child(even){grid-template-columns:7fr 5fr}
.work .case:nth-child(even) .info{order:2}
.case .no{font:400 clamp(90px,11vw,170px)/.8 var(--serif);color:transparent;-webkit-text-stroke:1px var(--noir);opacity:.9}
.case h3{font:400 clamp(48px,6vw,96px)/.95 var(--serif);margin:18px 0 10px;letter-spacing:-.01em}
.case .tag{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;margin-bottom:20px}
.case .tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gilt)}
.case p{color:#5d574f;max-width:46ch}
.case dl{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin-top:28px;font-size:15px}
.case dt{font:500 11px/1.9 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.media{position:relative;aspect-ratio:16/11}
.media .desk{position:absolute;inset:0 12% 14% 0;border-radius:14px;overflow:hidden;box-shadow:0 50px 100px -50px rgba(11,11,10,.55);background:#ddd}
.media .desk img{width:100%;height:100%;object-fit:cover;object-position:top left;transform:scale(1.06);transform-origin:top left;transition:transform 1.6s var(--ease)}
.case:hover .media .desk img{transform:scale(1)}
.media .phone{position:absolute;right:0;bottom:0;width:30%;border-radius:28px;padding:6px}
.media .phone img{border-radius:23px}
.media .phone.b{right:24%;bottom:-6%;width:24%;z-index:-1;opacity:0}
.disclaimer{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:18px 22px;max-width:760px;color:#5d574f;font-size:15px;margin-top:20px}
.disclaimer .label{color:var(--gilt);white-space:nowrap;padding-top:4px}
/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.step{padding:34px 28px 40px 0;border-top:1px solid var(--lined);position:relative}
.step:before{content:"";position:absolute;top:-1px;left:0;height:1px;width:0;background:var(--gilt);transition:width 1.6s var(--ease);transition-delay:var(--d,0s)}
.step.in:before{width:calc(100% - 28px)}
.step .k{font:500 11.5px var(--mono);letter-spacing:.16em;color:var(--gilt)}
.step h3{font:400 clamp(30px,2.8vw,42px)/1.04 var(--serif);margin:22px 0 14px}
.step p{color:rgba(244,241,234,.66);font-size:16px}
/* pricing */
.price{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--paper)}
.price .main{padding:clamp(34px,4.5vw,64px)}
.price .amt{font:400 clamp(96px,12vw,180px)/.85 var(--serif);letter-spacing:-.03em;display:flex;align-items:flex-start;gap:6px}
.price .amt sup{font-size:.32em;margin-top:.25em}
.price .once{margin:16px 0 30px;color:#5d574f}
.price ul{list-style:none;display:grid;gap:14px;margin-bottom:36px}
.price li{display:flex;gap:14px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:14px}
.price li i{font:500 11px var(--mono);color:var(--gilt);letter-spacing:.1em}
.price .care{background:var(--noir);color:var(--ivory);padding:clamp(34px,4.5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.price .care h3{font:400 clamp(40px,3.8vw,60px)/1 var(--serif);margin:20px 0 16px}
.price .care p{color:rgba(244,241,234,.66)}
.price .care ul li{border-color:var(--lined);color:rgba(244,241,234,.85)}
/* faq */
.faq{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa button{all:unset;cursor:pointer;display:flex;width:100%;justify-content:space-between;align-items:center;gap:24px;padding:30px 0;font:400 clamp(24px,2.4vw,36px)/1.15 var(--serif)}
.qa .pm{flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;position:relative;transition:transform .6s var(--ease),background .4s}
.qa .pm:before,.qa .pm:after{content:"";position:absolute;left:14px;right:14px;top:21px;height:1px;background:currentColor}
.qa .pm:after{transform:rotate(90deg);transition:transform .6s var(--ease)}
.qa.open .pm{background:var(--noir);color:var(--ivory)}
.qa.open .pm:after{transform:rotate(0)}
.qa .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--ease)}
.qa.open .a{grid-template-rows:1fr}
.qa .a>div{overflow:hidden}
.qa .a p{padding:0 0 30px;max-width:66ch;color:#5d574f}
/* about */
.about{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,120px);align-items:start}
.about .sig{font:italic 400 clamp(70px,9vw,140px)/.85 var(--serif);color:var(--gilt)}
.about .portrait{aspect-ratio:4/5;border-radius:6px;background:radial-gradient(120% 80% at 30% 20%,#2a2722,#0b0b0a);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:28px;color:var(--ivory)}
.about .portrait .mono{position:absolute;inset:0;display:grid;place-items:center}
.about .portrait .mono svg{width:62%;height:auto;color:var(--ivory)}
.about .portrait .mono svg path:nth-child(2){fill:var(--gilt)}
.about .portrait .label{position:relative;color:var(--stone)}
.about h2{font:400 clamp(44px,5.6vw,92px)/.98 var(--serif);letter-spacing:-.015em}
.about .body p{font-size:clamp(17px,1.35vw,20px);margin-top:22px;max-width:56ch;color:rgba(244,241,234,.78)}
.about .vals{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;border-top:1px solid var(--lined);padding-top:26px}
.about .vals b{display:block;font:400 26px/1.1 var(--serif);margin:10px 0 6px}
.about .vals span{font-size:14.5px;color:rgba(244,241,234,.6)}
/* contact */
.contact{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,120px)}
.contact h2{font:400 clamp(54px,7vw,120px)/.92 var(--serif);letter-spacing:-.02em}
form{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.f{position:relative;grid-column:span 1;border-bottom:1px solid var(--line);padding-top:26px}
.f.full{grid-column:1/-1}
.f input,.f select,.f textarea{width:100%;border:0;background:transparent;padding:10px 0 14px;font-size:18px;outline:none;border-radius:0;appearance:none}
.f textarea{resize:none;min-height:90px}
.f label{position:absolute;left:0;top:36px;font-size:18px;color:var(--stone);pointer-events:none;transition:.4s var(--ease);transform-origin:left}
.f input:focus+label,.f input:not(:placeholder-shown)+label,.f textarea:focus+label,.f textarea:not(:placeholder-shown)+label,.f select+label{top:6px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gilt)}
.f:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--noir);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.f:focus-within:after{transform:scaleX(1)}
.chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding:30px 0 6px}
.chips .label{width:100%;color:var(--stone);margin-bottom:6px}
.chip{border:1px solid var(--line);border-radius:999px;padding:10px 18px;cursor:pointer;font-size:15px;transition:.35s var(--ease);user-select:none}
.chip input{display:none}
.chip:has(input:checked){background:var(--noir);color:var(--ivory);border-color:var(--noir)}
.formfoot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;flex-wrap:wrap}
.formfoot small{color:var(--stone);max-width:40ch;font-size:13.5px}
.thanks{display:none;padding:40px 0}
.thanks h3{font:italic 400 clamp(44px,5vw,80px)/1 var(--serif)}
.thanks p{margin-top:18px;color:#5d574f;max-width:46ch}
.sent form{display:none}.sent .thanks{display:block;animation:fadeUp 1s var(--ease)}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}}
/* footer */
footer{padding:110px 0 40px;overflow:hidden}
footer .huge{width:100%;color:var(--ivory);margin:50px 0 60px}
footer .huge svg{width:100%;height:auto}
footer .huge svg path{fill:var(--ivory)}
.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--stone)}
.foot a:hover{color:var(--gilt)}
.foot-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.foot-top h3{font:400 clamp(40px,5vw,80px)/1 var(--serif);max-width:14ch}
/* cursor */
.cursor{position:fixed;top:0;left:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--gilt);pointer-events:none;z-index:200;mix-blend-mode:difference;opacity:0;transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease)}
.cursor.big{width:72px;height:72px;margin:-36px 0 0 -36px}
@media (hover:none){.cursor{display:none}}
/* responsive */
@media (max-width:1000px){
  .nav ul{display:none}.burger{display:block}.nav .btn.sm{display:none}
  .hero-bot,.alertdemo,.about,.contact,.price{grid-template-columns:1fr}
  .hero-bot .ctas{justify-content:flex-start}
  .sec-head{grid-template-columns:1fr;gap:18px}
  .prob{grid-template-columns:1fr}.prob article{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding:34px 0}
  .create{grid-template-columns:1fr}.cell,.cell:nth-child(even){padding:38px 0;border-right:0}
  .work .case,.work .case:nth-child(even){grid-template-columns:1fr}.work .case:nth-child(even) .info{order:0}
  .steps{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .nav{padding-top:16px;padding-bottom:16px}.nav .wm svg{height:24px}
  .hero{padding-top:110px}
  .hero h1{font-size:clamp(50px,14.6vw,74px)}
  .hero-top{flex-direction:column;gap:8px;margin-bottom:28px}
  .hero-bot{padding:26px 0 70px;margin-top:30px;gap:26px}
  .hero-bot .ctas .btn{width:100%;justify-content:center}
  .hero .bigC{font-size:150vw;right:-30vw;top:10vh}
  .reel{padding-bottom:80px}.reel-track{gap:14px;justify-content:flex-start;padding-left:var(--pad)}.phone{width:58vw;border-radius:30px;padding:7px}.phone img{border-radius:24px}
  .reel .phone:nth-child(2){margin-top:50px}
  .reel-cap{flex-direction:column;gap:6px}
  .steps{grid-template-columns:1fr}.step{padding-right:0}
  .stack{height:390px}.notif{padding:15px 16px}.notif:nth-child(2){top:122px}.notif:nth-child(3){top:244px}
  .about .vals{grid-template-columns:1fr}
  form{grid-template-columns:1fr}.f{grid-column:1/-1}
  .drawer a{font-size:44px}
  .media{aspect-ratio:auto;height:auto;padding-bottom:0}
  .media .desk{position:relative;inset:auto;aspect-ratio:16/10;width:88%}
  .media .phone{width:38%;bottom:-14%}
  .case .media{margin-bottom:12%;margin-top:30%}
  .price .amt{font-size:120px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv,.mask,.lines .ln>span,.notif{opacity:1!important;transform:none!important;clip-path:none!important}}
.cursor.on{opacity:1}