:root{color-scheme:dark;--bg:#111;--ink:#faf9f6;--muted:#b9b9b7;--surface:#222;--paper:#efefeb;--dark-ink:#111;--accent:#ee165f;--gutter:clamp(20px,2.3vw,40px);--step-small:14px;--step-body:clamp(16px,1.3vw,19px);--step-lead:clamp(20px,2.1vw,30px);--step-head:clamp(44px,6.8vw,108px);--step-display:clamp(68px,9.1vw,150px);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--t-press:140ms;--t-hover:180ms;--t-ui:240ms;--t-reveal:800ms}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Archivo,Arial,sans-serif;font-size:var(--step-body);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}img,video{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-stretch:62%;font-weight:850;line-height:.92;letter-spacing:-.035em;text-wrap:balance}h2{font-size:var(--step-head);text-transform:uppercase}h3{font-size:var(--step-lead);letter-spacing:-.025em;line-height:1.05}p{text-wrap:pretty}.nav{display:flex;align-items:center;gap:35px;justify-content:space-between;padding:20px var(--gutter);position:relative;z-index:4;background:var(--bg);min-height:84px}.brand{font-weight:850;font-size:38px;letter-spacing:-2px;line-height:1}.nav nav{display:flex;gap:32px;font-size:var(--step-small)}.release-link{font-size:var(--step-small)}.nav a{transition:color var(--t-hover) ease}.hero-story{height:100svh;min-height:660px}.hero-stage{position:relative;height:100svh;min-height:660px;overflow:hidden}.hero-word{position:absolute;top:39%;font-size:var(--step-display);z-index:2;text-transform:uppercase;white-space:nowrap;line-height:.92}.hero-word.first{left:var(--gutter)}.hero-word.second{right:var(--gutter)}.hero-reel{position:absolute;top:20%;left:29%;width:42%;height:calc(42vw * .666667);max-height:58svh;overflow:hidden}.reel-track{height:100%}.reel-panel{height:100%;position:relative}.reel-panel img{width:100%;height:100%}.reel-panel figcaption{position:absolute;bottom:16px;left:18px;right:18px;font-size:var(--step-small);color:#fff;background:#111c;width:fit-content;padding:5px 10px}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:13%;display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{font-size:var(--step-body);max-width:380px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:58px;padding:16px 24px;font-size:var(--step-body);font-weight:550;line-height:1.3;transition:transform var(--t-press) var(--ease-out),color var(--t-hover) ease,background-color var(--t-hover) ease}.primary{background:var(--accent);color:#fff}.hero-note{position:absolute;left:var(--gutter);bottom:4%;color:var(--muted);font-size:var(--step-small)}.try-section{padding:130px var(--gutter);background:var(--paper);color:var(--dark-ink);display:grid;grid-template-columns:4fr 7fr;gap:8vw;align-items:center}.try-copy h2{max-width:5ch}.try-copy>p{max-width:29ch;margin-top:32px}.demo-note{font-size:var(--step-small);margin-top:14px}.try-copy .demo-note{margin-top:22px}.example-tabs{display:flex;gap:8px;margin-bottom:16px}.example-tabs button{border:0;background:#deded9;color:var(--dark-ink);padding:10px 24px;font-size:var(--step-body);min-height:48px;transition:background-color var(--t-hover) ease,color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}.example-tabs button[aria-selected=true]{color:var(--ink);background:var(--dark-ink)}.comparison{position:relative;aspect-ratio:3/2;isolation:isolate;overflow:hidden;background:#ccc}.comparison>img,.before-layer{position:absolute;inset:0;width:100%;height:100%}.before-layer{clip-path:inset(0 50% 0 0)}.before-layer img{width:100%;height:100%}.comparison-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.comparison-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--ink);color:var(--dark-ink);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:24px}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--accent);outline-offset:5px}.image-label{position:absolute;bottom:14px;padding:6px 12px;background:#111c;color:#fff;font-size:var(--step-small);pointer-events:none}.image-label.left{left:14px}.image-label.right{right:14px}.request{background:var(--dark-ink);color:var(--ink);display:flex;gap:18px;align-items:center;min-height:80px;padding:18px 20px;margin-top:10px;border-radius:16px}.request>span:first-child{font-size:28px}.request p{font-size:var(--step-body)}.send-icon{display:grid;place-items:center;min-width:36px;height:36px;border-radius:50%;color:var(--dark-ink);background:var(--ink);margin-left:auto;font-size:24px}.reference-section{background:var(--accent);color:var(--dark-ink);padding:110px var(--gutter) 130px;display:grid;grid-template-columns:5fr 6fr;gap:8vw;align-items:start}.reference-heading{position:sticky;top:60px;align-self:start}.reference-heading>p{margin-top:36px;font-size:var(--step-body)}.reference-block h3{font-stretch:100%;font-size:var(--step-lead);font-weight:650;margin-bottom:28px}.reference-block>img{width:100%;height:auto;aspect-ratio:3/2}.reference-block>p{margin-top:28px;font-size:var(--step-lead);max-width:30ch}.reference-block .reference-detail{font-size:var(--step-body);max-width:36ch;margin-top:24px}.second-reference{margin-top:130px}.reference-pair{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:22px}.reference-pair>img{width:100%;aspect-ratio:4/5;object-position:center}.conversation-fragment{font-size:var(--step-small)}.conversation-fragment p{padding:18px 16px;border-radius:18px}.user-bubble{color:var(--ink);background:var(--bg);margin-left:-65px;position:relative}.reply-bubble{background:#ffffff65;margin-top:14px}.look-story{padding-top:100px}.look-intro{display:flex;justify-content:space-between;align-items:end;padding:0 var(--gutter) 70px;gap:30px}.look-intro p{max-width:30ch;font-size:var(--step-body)}.look-panels{position:relative}.look-panel{position:sticky;top:0;width:100%;height:90svh;min-height:600px;background:var(--bg);overflow:hidden}.look-panel video{width:100%;height:100%;object-fit:cover}.skate-panel video{object-position:center}.look-panel figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px var(--gutter);background:linear-gradient(transparent,#000b);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:end}.look-panel h3{font-size:var(--step-head);text-transform:uppercase;grid-column:1}.look-panel p{font-size:var(--step-body);grid-column:1;margin-top:16px}.video-toggle{grid-column:2;grid-row:1/3;align-self:end;border:0;background:#f7f7f0;color:var(--dark-ink);padding:12px 18px;font-size:var(--step-small);min-height:46px;transition:transform var(--t-press) var(--ease-out)}.look-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:80px var(--gutter) 0}.look-strip figure:nth-child(even){padding-top:80px}.look-strip img{width:100%;aspect-ratio:4/5}.look-strip figcaption{font-size:var(--step-body);padding-top:16px}.gallery-note{font-size:var(--step-small);color:var(--muted);padding:28px var(--gutter) 0}.plans-section{background:var(--paper);color:var(--dark-ink);padding:110px var(--gutter);margin-top:100px}.plans-section>h2{margin-bottom:70px}.plans-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.plan-choices button{display:block;border:0;padding:6px 0 14px 28px;text-align:left;font-size:clamp(30px,4.6vw,74px);font-weight:650;letter-spacing:-.05em;color:#6b6b66;background:none;position:relative;line-height:1.12;font-stretch:80%;transition:color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}.plan-choices button[aria-selected=true]{color:var(--dark-ink)}.plan-choices button[aria-selected=true]:before{content:"";position:absolute;width:12px;height:12px;background:var(--accent);border-radius:50%;left:0;top:32%}.plan-choices p{margin-top:36px;max-width:33ch}.price{font-size:var(--step-head);font-weight:650;line-height:1;letter-spacing:-.06em;white-space:nowrap;font-variant-numeric:tabular-nums}.price #plan-period{display:inline-block;font-size:var(--step-body);font-weight:400;letter-spacing:0;margin-left:10px}.plan-allowance{font-size:var(--step-lead);margin-top:28px}.plan-stage>p:not(.price):not(.plan-allowance){max-width:44ch;margin-top:24px}.plan-stage .button{margin-top:32px}.plan-stage .plan-terms{font-size:var(--step-small)}.faq-section{padding:120px var(--gutter);display:grid;grid-template-columns:4fr 7fr;gap:8vw}.faq-section h2{max-width:7ch}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-list details{background:var(--surface);padding:25px 28px}.faq-list summary{display:flex;gap:30px;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:var(--step-body);min-height:38px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:26px;transition:transform var(--t-ui) var(--ease-out)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{margin-top:18px;max-width:52ch;font-size:var(--step-body)}.faq-list a{text-decoration:underline;text-underline-offset:4px}.site-footer{background:var(--accent);color:var(--dark-ink);padding:20px var(--gutter) 30px;overflow:hidden}.footer-wordmark{display:block;font-weight:900;font-stretch:90%;font-size:31vw;line-height:.9;letter-spacing:-.075em;margin-left:-.035em}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:70px 0 100px}.footer-content>p{font-size:var(--step-lead);max-width:20ch}.footer-content>div{display:flex;flex-direction:column;gap:14px;font-size:var(--step-body)}.footer-legal{display:flex;justify-content:space-between;font-size:var(--step-small)}.legal{max-width:840px;margin:50px auto 100px;padding:0 var(--gutter)}.legal h1{font-size:var(--step-head);text-transform:none}.legal h2{font-size:var(--step-lead);line-height:1.1;letter-spacing:-.025em;margin-top:40px;text-transform:none;font-stretch:100%}.legal p,.legal ul{font-size:var(--step-body);line-height:1.75;margin-top:20px}.legal a{text-decoration:underline;text-underline-offset:4px}.legal .effective{font-size:var(--step-small);color:var(--muted)}.legal .support-action{margin-top:26px}.nav .brand img{width:32px;height:32px;display:inline-block;vertical-align:middle;margin-right:10px}.nav-cta{font-size:var(--step-small)}body>footer:not(.site-footer){background:var(--surface);padding:40px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:25px}body>footer:not(.site-footer)>div{display:flex;gap:24px;font-size:var(--step-small)}body>footer:not(.site-footer) .brand{font-size:30px}footer .by,footer>small{font-size:var(--step-small)}.button:active,.example-tabs button:active,.video-toggle:active{transform:scale(.97)}@media(hover:hover) and (pointer:fine){.nav a:hover,.release-link:hover{color:var(--accent)}.button:hover{background:var(--ink);color:var(--dark-ink)}.try-section .button:hover,.plans-section .button:hover{background:var(--dark-ink);color:var(--ink)}.example-tabs button:hover{background:var(--accent);color:#fff}.footer-content a:hover,.footer-legal a:hover{text-decoration:underline;text-underline-offset:5px}.plan-choices button:hover{color:var(--dark-ink)}}
@media(min-width:1600px){.hero-word{font-size:10vw}.hero-reel{left:30%;width:40%;height:calc(40vw * .666667)}}
@media(max-width:1000px){:root{--step-display:clamp(66px,9vw,100px);--step-head:clamp(48px,7.7vw,82px)}.nav nav{gap:20px}.hero-word{top:40%}.hero-reel{top:24%;height:32vw;left:27%;width:46%}.try-section{gap:5vw;grid-template-columns:4fr 6fr;padding-top:90px;padding-bottom:90px}.reference-section{gap:6vw;grid-template-columns:4fr 6fr}.reference-heading{top:40px}.look-panel{height:80svh;min-height:520px}.look-strip{gap:12px;padding-top:55px}.look-strip figure:nth-child(even){padding-top:50px}.faq-section{grid-template-columns:3.5fr 6fr;gap:5vw}.faq-list details{padding:20px}.plans-layout{gap:6vw}}
@media(max-width:600px){:root{--gutter:20px;--step-head:clamp(48px,12.5vw,72px);--step-display:clamp(62px,17vw,94px);--step-body:16px;--step-lead:24px}.nav{min-height:72px;padding-block:20px;gap:18px}.brand{font-size:34px}.nav nav{margin-left:auto}.nav nav a{display:none}.nav nav a[href="#try"]{display:block;font-size:16px}.release-link{display:none}.hero-stage{height:calc(100svh - 72px);min-height:640px;max-height:900px}.hero-story{height:calc(100svh - 72px);min-height:640px}.hero-word.first{top:3%;left:var(--gutter)}.hero-word.second{top:auto;bottom:27%;right:var(--gutter)}.hero-reel{top:21%;left:var(--gutter);width:calc(100% - 40px);height:calc((100vw - 40px) * .666667);max-height:none}.reel-panel figcaption{font-size:13px;bottom:10px;left:10px;padding:4px 8px}.hero-bottom{bottom:8%;align-items:start;flex-direction:column;gap:20px}.hero-bottom p{max-width:30ch;font-size:16px}.button{min-height:52px;padding:15px 20px;font-size:16px}.hero-bottom .button{align-self:end}.hero-note{bottom:2%;font-size:13px}.try-section{display:block;padding:75px var(--gutter)}.try-copy h2{max-width:none}.try-copy>p{max-width:36ch;margin-top:22px}.try-copy .demo-note{margin-top:16px}.try-demo{margin-top:34px}.example-tabs button{padding:9px 22px;min-height:46px}.request{min-height:74px;padding:14px;gap:12px}.request p{font-size:14px}.send-icon{min-width:30px;height:30px;font-size:21px}.comparison-line span{width:42px;height:42px}.image-label{font-size:13px;padding:4px 8px;bottom:10px}.image-label.left{left:10px}.image-label.right{right:10px}.reference-section{display:block;padding:75px var(--gutter)}.reference-heading{position:static}.reference-heading h2 br{display:none}.reference-heading>p{margin-top:24px}.reference-flow{margin-top:60px}.reference-block h3{margin-bottom:22px}.reference-block>p{font-size:24px;margin-top:24px}.reference-block .reference-detail{font-size:16px}.second-reference{margin-top:70px}.reference-pair{gap:16px;grid-template-columns:1.1fr 1fr}.conversation-fragment{font-size:14px}.conversation-fragment p{padding:14px 12px}.user-bubble{margin-left:-45px}.look-story{padding-top:70px}.look-intro{display:block;padding-bottom:38px}.look-intro h2 br{display:none}.look-intro p{margin-top:24px;max-width:36ch}.look-panel{height:80svh;min-height:520px}.look-panel video{object-position:center}.look-panel figcaption{display:block;padding:55px var(--gutter) 24px}.look-panel h3{font-size:var(--step-head)}.look-panel p{margin-top:16px;max-width:25ch}.video-toggle{margin-top:20px;min-height:44px}.look-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding-top:45px}.look-strip figure:nth-child(even){padding-top:35px}.look-strip figcaption{font-size:14px;padding-top:12px}.gallery-note{padding-top:24px;font-size:13px}.plans-section{padding:75px var(--gutter);margin-top:65px}.plans-section>h2{margin-bottom:40px}.plans-layout{display:block}.plan-choices button{font-size:40px;padding-left:23px;padding-bottom:12px}.plan-choices button[aria-selected=true]:before{width:9px;height:9px}.plan-choices p{margin-top:24px}.plan-stage{margin-top:44px}.price{font-size:64px}.price #plan-period{font-size:16px;margin-left:8px}.plan-allowance{font-size:24px;margin-top:24px}.plan-stage>p:not(.price):not(.plan-allowance){margin-top:20px}.plan-stage .button{margin-top:26px}.faq-section{display:block;padding:75px var(--gutter)}.faq-section h2{max-width:none}.faq-list{margin-top:36px}.faq-list details{padding:18px 20px}.faq-list summary{font-size:16px;gap:16px}.faq-list details>p{font-size:16px}.site-footer{padding-top:24px}.footer-wordmark{font-size:32vw}.footer-content{grid-template-columns:1fr 1fr;padding:45px 0 55px;gap:32px 24px}.footer-content>p{grid-column:1/-1;font-size:24px}.footer-content>div{font-size:16px}.legal{margin-top:35px}.legal h1{font-size:48px}.legal h2{font-size:24px}.legal p,.legal ul{font-size:16px}.legal .effective{font-size:14px}body>footer:not(.site-footer){flex-wrap:wrap}body>footer:not(.site-footer)>small{width:100%}body>footer:not(.site-footer)>div{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.example-tabs button,.video-toggle,.faq-list summary>span{transition-duration:100ms}.hero-story,.motion-ready .hero-story{height:auto}.hero-stage,.motion-ready .hero-stage{position:relative}.reel-track{transform:none!important}.look-panel{position:relative}}
/* Motion is progressive enhancement; the complete composition exists without it. */
@media(prefers-reduced-motion:no-preference){.motion-ready .hero-story{height:235svh}.motion-ready .hero-stage{position:sticky;top:0}.motion-ready .hero-word{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.motion-ready .hero-word>span{display:block;animation:word-enter 900ms var(--ease-out) both}.motion-ready .hero-word.second>span{animation-delay:80ms}.motion-ready .hero-reel{animation:photo-enter 1100ms var(--ease-in-out) 120ms both}.motion-ready .hero-bottom p{animation:content-enter 800ms var(--ease-out) 250ms both}.motion-ready .hero-bottom .button{animation:content-enter 800ms var(--ease-out) 330ms both}.motion-ready .hero-note{animation:content-enter 800ms var(--ease-out) 400ms both}}
@keyframes word-enter{from{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes photo-enter{from{clip-path:inset(0 0 100% 0);opacity:.8}to{clip-path:inset(0);opacity:1}}@keyframes content-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){.motion-ready .hero-story{height:210svh}}

@media(prefers-reduced-motion:no-preference){.motion-ready .reel-track{transition:transform 900ms var(--ease-in-out)}}

@media(max-width:600px){.hero-reel{top:16%;height:40svh;max-height:350px}.reel-panel img{object-position:center}}

.video-labels{position:absolute;top:22px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;pointer-events:none}.video-labels span{font-size:var(--step-small);background:#111c;color:#fff;padding:5px 10px}
.primary{color:var(--dark-ink);font-weight:650}