.landing-examples-link{display:flex;justify-content:center;margin-top:24px}.landing-page{--landing-muted:var(--color-text-secondary);--landing-line:var(--gray-6);background:var(--color-bg);color:var(--color-text);min-height:100vh;font-size:16px;line-height:1.6}.landing-page a{color:inherit;text-decoration:none}.landing-page button{line-height:1.4}.landing-skip{position:fixed;top:-80px;left:20px;padding:12px 20px;background:var(--color-accent);color:var(--color-accent-fg)!important;border-radius:6px;z-index:100}.landing-skip:focus{top:12px}.landing-page .button{min-height:48px;height:auto;font-size:15px;font-weight:600;padding:13px 21px;gap:18px;border-radius:7px}.landing-page .button.primary{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-accent)}.landing-page .button.primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 6px 22px rgb(0 0 0/calc(.2 * var(--shadow-strength)))}.landing-hero{max-width:1280px;margin:auto;padding:48px 48px 0}.landing-hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.landing-product-label{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;color:var(--color-text-secondary);font-size:15px}.landing-model{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--gray-8);border-radius:5px;padding:4px 9px;font-size:13px;background:var(--gray-4);color:var(--color-text)}.landing-hero h1{font-size:clamp(44px,5.2vw,76px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin-top:26px;max-width:980px;text-wrap:balance}.landing-hero h1>span{color:var(--color-text-secondary)}.landing-hero-copy>p{color:var(--landing-muted);font-size:18px;line-height:1.7;margin:25px auto 0;max-width:760px;text-align:center;text-wrap:balance}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:30px;flex-wrap:wrap}@property --hero-arrow-gentle-x{syntax:"<length>";inherits:false;initial-value:0}@property --hero-arrow-quick-x{syntax:"<length>";inherits:false;initial-value:0}@property --hero-arrow-hover-weight{syntax:"<number>";inherits:false;initial-value:0}.landing-page .landing-hero-actions>.landing-main-cta:hover{transform:none}.landing-hero-actions>.landing-main-cta>svg{animation:hero-arrow-gentle 2s ease-in-out infinite,hero-arrow-quick .9s ease-in-out infinite;transform:translateX(calc(var(--hero-arrow-gentle-x) * (1 - var(--hero-arrow-hover-weight)) + var(--hero-arrow-quick-x) * var(--hero-arrow-hover-weight)));transition:--hero-arrow-hover-weight .24s ease-in-out}@keyframes hero-arrow-gentle{0%,to{--hero-arrow-gentle-x:0px}50%{--hero-arrow-gentle-x:3px}}@keyframes hero-arrow-quick{0%,to{--hero-arrow-quick-x:0px}50%{--hero-arrow-quick-x:6px}}@media (hover:hover) and (pointer:fine){.landing-hero-actions>.landing-main-cta:hover>svg{--hero-arrow-hover-weight:1}}@media (prefers-reduced-motion:reduce){.landing-hero-actions>.landing-main-cta>svg{animation:none;transform:none;transition:none}}.landing-text-link{display:inline-flex;align-items:center;gap:8px;padding:10px 0;min-height:48px;font-size:15px;color:var(--color-text-secondary)}.landing-text-link:hover{color:var(--color-text)}.landing-showcases{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:36px}.landing-studio{min-width:0;border:1px solid var(--gray-8);border-radius:12px;overflow:hidden;background:var(--gray-4);box-shadow:0 30px 80px rgb(0 0 0/calc(.333 * var(--shadow-strength)))}.landing-studio-top{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;background:var(--gray-4);border-bottom:1px solid var(--gray-7);color:var(--color-text-secondary);font-size:14px}.landing-studio-top>span:first-child{display:flex;align-items:center;gap:10px}.landing-preview-label{font-size:12px;color:var(--color-text-secondary);border:1px solid var(--gray-8);border-radius:4px;padding:3px 8px;white-space:nowrap}.landing-demo-body{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr)}.landing-demo-picture{min-height:408px;position:relative;overflow:hidden;background:var(--gray-3);isolation:isolate}.landing-demo-picture>video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:var(--gray-1)}.landing-demo-picture:has(video):after{display:none}.landing-demo-picture>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 52%;object-position:center 52%;filter:saturate(.65) brightness(.83);animation:fade-in .25s ease}.landing-demo-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(var(--bg-rgb)/.839),transparent 68%);z-index:1}.landing-picture-type{display:inline-flex;align-items:center;gap:8px;position:absolute;top:22px;left:23px;color:var(--color-text);font-size:13px;padding:5px 9px;border:1px solid rgb(var(--fg-rgb)/.231);background:rgb(var(--bg-rgb)/.4);backdrop-filter:blur(8px);border-radius:4px;z-index:2}.landing-picture-title{position:absolute;bottom:74px;left:24px;right:24px;text-align:center;z-index:2}.landing-picture-title>span{font-size:clamp(26px,2.4vw,36px);line-height:1.2;letter-spacing:.025em;font-weight:450}.landing-picture-bottom{height:49px;position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 23px;color:var(--color-text-secondary);font-size:13px;border-top:1px solid rgb(var(--fg-rgb)/.137);font-variant-numeric:tabular-nums}.landing-demo-direction{display:flex;flex-direction:column;padding:24px;border-left:1px solid var(--gray-7);min-width:0;background:var(--gray-4)}.landing-demo-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;color:var(--color-text-secondary)}.landing-demo-direction h2{font-size:26px;letter-spacing:-.7px;line-height:1.2;font-weight:500;margin-top:12px}.landing-brief-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--color-text);margin-top:16px}.landing-brief-label>span{font-size:12px;color:var(--color-text-secondary)}.landing-example-brief{font-size:16px;line-height:1.65;color:var(--color-text);border-left:2px solid var(--gray-10);padding-left:16px;margin-top:12px;text-wrap:pretty}.landing-direction-note{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin-top:auto;padding-top:22px}.landing-demo-timeline{display:flex;border-top:1px solid var(--gray-7);min-height:96px;background:var(--gray-3)}.landing-demo-track-label{display:flex;align-items:center;gap:10px;padding:20px 24px;font-size:14px;color:var(--color-text-secondary);width:204px;border-right:1px solid var(--gray-7);flex-shrink:0}.landing-demo-wave{min-width:0;flex:1;padding:8px 15px 14px}.landing-demo-time-marks{display:flex;justify-content:space-between;color:var(--color-text-secondary);font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums;margin-bottom:6px}.landing-wave-track{height:45px;border:1px solid var(--gray-9);border-radius:4px;padding:3px 6px;overflow:hidden}.landing-wave-track,.landing-wave-track.amber{background:var(--gray-6);color:var(--color-text-secondary)}.landing-wave-track.amber{border-color:var(--gray-9)}.landing-wave-track.green{color:var(--color-text-secondary);background:var(--gray-7);border-color:var(--gray-10)}.landing-story-switcher{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.landing-story-switcher>button{display:flex;gap:9px;align-items:center;font-size:14px;min-height:46px;padding:11px 15px;color:var(--color-text-secondary);border:1px solid transparent;border-radius:6px}.landing-story-switcher>button:hover{background:var(--gray-4);color:var(--color-text)}.landing-story-switcher>button.selected{background:var(--gray-5);border-color:var(--gray-8);color:var(--color-text)}.landing-story-switcher>button>span:last-child{font-size:12px;color:var(--color-text-secondary);padding-left:4px}.landing-story-dot{width:5px;height:5px;background:var(--color-accent);border-radius:50%;flex-shrink:0}.landing-story-dot.amber,.landing-story-dot.green{background:var(--gray-11)}.landing-section{max-width:1280px;margin:auto;padding:106px 48px 0;scroll-margin-top:35px}.landing-section-kicker{font-size:12px;letter-spacing:.11em;font-weight:550;color:var(--color-text-secondary)}.landing-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.landing-section h2{font-size:clamp(32px,3.3vw,44px);letter-spacing:-.035em;line-height:1.15;font-weight:500;margin-top:16px}.landing-section-intro>p{color:var(--landing-muted);font-size:16px;line-height:1.7;padding-bottom:3px}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:38px;border-top:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line)}.landing-steps>article{padding:31px 32px 35px;border-right:1px solid var(--landing-line)}.landing-steps>article:first-child{padding-left:0}.landing-steps>article:last-child{border-right:0;padding-right:0}.landing-step-heading{display:flex;align-items:center;justify-content:space-between}.landing-step-heading>span:first-child{width:49px;height:49px;border:1px solid var(--gray-8);border-radius:10px;background:var(--gray-5);color:var(--color-text-secondary);display:grid;place-items:center}.landing-step-heading>span:last-child{color:var(--color-text-tertiary);font-size:32px;font-weight:350;letter-spacing:-1px}.landing-steps h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;font-weight:500;margin-top:26px}.landing-steps p{font-size:16px;line-height:1.75;color:var(--landing-muted);margin-top:12px;text-wrap:pretty}.landing-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.landing-faq>div:first-child>p{color:var(--landing-muted);margin-top:20px;font-size:16px}.landing-question{border-bottom:1px solid var(--landing-line)}.landing-question:first-child{border-top:1px solid var(--landing-line)}.landing-question h3>button{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;text-align:left;padding:25px 0;color:var(--color-text);font-size:17px;font-weight:500;line-height:1.45}.landing-question h3>button:hover{color:var(--color-text)}.landing-question svg{color:var(--color-text-secondary);transition:transform .18s ease}.landing-question.expanded svg{transform:rotate(45deg)}.landing-answer>p{font-size:16px;line-height:1.75;color:var(--landing-muted);padding:0 36px 24px 0}.landing-last-cta{max-width:1184px;margin:110px auto 0;padding:52px 25px 57px;border:1px solid var(--gray-7);border-radius:12px;background:var(--gray-4);position:relative;isolation:isolate;overflow:hidden}.landing-final-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;text-align:center}.landing-final-content h2{font-size:clamp(38px,4vw,54px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin-top:20px}.landing-final-content>p{color:var(--color-text-secondary);font-size:16px;margin-top:22px}.landing-final-content .button{margin-top:28px}.landing-final-wave{position:absolute;left:0;right:0;top:44%;height:110px;color:var(--color-text-secondary);opacity:.12;-webkit-mask-image:linear-gradient(to right,var(--gray-1),transparent 35%,transparent 65%,var(--gray-1));mask-image:linear-gradient(to right,var(--gray-1),transparent 35%,transparent 65%,var(--gray-1));z-index:0}.landing-footer{max-width:1280px;margin:auto;padding:60px 48px 24px}.landing-footer-main{display:flex;align-items:center;gap:25px;padding-bottom:32px}.landing-footer-main .brand{font-size:23px}.landing-footer-main>button,.landing-footer-main>span{color:var(--color-text-secondary);font-size:14px}.landing-footer-main>button{margin-left:auto;display:flex;align-items:center;gap:7px;min-height:44px}.landing-footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--landing-line);padding-top:23px;font-size:12px;color:var(--color-text-secondary)}.landing-final-content>.landing-free-note,.landing-hero-copy>.landing-free-note{margin-top:16px;color:var(--color-text-secondary);font-size:14px;line-height:1.6}.landing-free-note span{padding:0 6px}.landing-preview-label{display:inline-flex;align-items:center;gap:7px}.landing-play-overlay{position:absolute;inset:0 0 52px;z-index:2;display:grid;place-items:center;background:transparent;border:0;cursor:pointer}.landing-play-overlay>span{display:inline-flex;align-items:center;gap:12px;background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--gray-12);border-radius:999px;padding:17px 25px;font-size:17px;font-weight:650;box-shadow:0 8px 35px rgb(0 0 0/calc(.6 * var(--shadow-strength)));transition:transform .15s}.landing-play-overlay:hover>span{transform:scale(1.04);background:var(--color-accent-hover)}.landing-play-overlay:focus-visible{outline-offset:-6px}.landing-demo-benefits{display:grid;gap:8px;margin:16px 0 8px;padding:0;list-style:none;font-size:15px;color:var(--color-text-secondary)}.landing-demo-benefits li{display:flex;align-items:center;gap:10px}.landing-demo-benefits svg{color:var(--color-text);flex-shrink:0}.landing-demo-error{padding:14px 22px;color:var(--color-danger)}.landing-demo-error a,.landing-policy-note a{text-decoration:underline;text-underline-offset:3px}.landing-demo-media{min-width:0}.landing-demo-context{display:grid;align-items:center;min-height:148px;border-top:1px solid var(--gray-7);background:var(--gray-5)}.landing-demo-intro{margin:0;padding:18px 20px;color:var(--color-text-secondary);font-size:15px;line-height:1.6}.landing-demo-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}.landing-demo-cta p{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.6}.landing-demo-cta strong{color:var(--color-text);font-size:16px;font-weight:550}.landing-demo-cta .button{min-height:44px;gap:10px;font-size:13px;text-align:center}.landing-demo-cta .button svg{flex-shrink:0}@media (max-width:540px){.landing-demo-cta{padding:16px 18px}.landing-demo-cta .button{width:100%}}@media (min-width:1024px){.landing-demo-context{min-height:108px}}.landing-policy-note{color:var(--color-text-secondary);font-size:14px;line-height:1.7;margin-top:24px}.landing-footer-main>.landing-text-link{margin-left:auto}@media (prefers-reduced-motion:reduce){.landing-play-overlay>span{transition:none}}.landing-auth-intro{font-size:16px;line-height:1.65;color:var(--color-text-secondary);margin:12px 0 26px}.landing-auth-form{display:flex;flex-direction:column;gap:21px}.landing-auth-form label{display:flex;flex-direction:column;gap:9px;font-size:15px;color:var(--color-text)}.landing-auth-form input{width:100%;min-width:0;height:49px;border:1px solid var(--gray-8);border-radius:6px;padding:12px 14px;background:var(--gray-3);color:var(--color-text);font-size:16px}.landing-auth-form input::-moz-placeholder{color:var(--color-text-secondary)}.landing-auth-form input::placeholder{color:var(--color-text-secondary)}.landing-password{position:relative;display:block}.landing-password input{padding-right:48px}.landing-password button{position:absolute;right:3px;top:3px;width:43px;height:43px;color:var(--color-text-secondary);display:grid;place-items:center}.landing-auth-form .button{min-height:49px;font-size:15px;margin-top:2px}.landing-auth-switch{text-align:center;font-size:14px;color:var(--color-text-secondary);margin-top:24px;line-height:1.6}.landing-auth-switch button{color:var(--color-text-secondary);padding:6px;text-decoration:underline;text-underline-offset:4px}.landing-auth-preview{font-size:13px;line-height:1.65;border-top:1px solid var(--gray-7);padding-top:19px;margin-top:21px}.landing-auth-preview,.landing-auth-preview.highlighted{color:var(--color-text-secondary)}.landing-auth-preview>a{display:flex;align-items:center;gap:8px;color:var(--color-text);margin-top:12px;min-height:38px;font-size:14px}@media (min-width:1024px){.landing-showcases{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-studio{display:flex;flex-direction:column}.landing-studio-top{padding:10px 18px;gap:12px}.landing-demo-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;flex:1}.landing-demo-picture{min-height:0;aspect-ratio:16/9}.landing-demo-direction{border-left:0;border-top:1px solid var(--gray-7)}}@media (max-width:1100px){.landing-footer,.landing-hero,.landing-section{padding-left:32px;padding-right:32px}.landing-demo-direction{padding:25px}.landing-demo-direction h2{font-size:26px}.landing-last-cta{margin-left:32px;margin-right:32px}.landing-faq{gap:45px}.landing-footer-main{flex-wrap:wrap;gap:20px}.landing-footer-main>span{margin-left:auto}.landing-footer-main>button{flex-basis:100%;margin-left:0}}@media (max-width:800px){.landing-hero{padding-top:57px}.landing-hero h1{font-size:52px}.landing-hero-copy>p{font-size:17px}.landing-demo-body{grid-template-columns:1fr}.landing-demo-picture{min-height:0;aspect-ratio:16/9}.landing-demo-direction{border-left:0;border-top:1px solid var(--gray-7);padding:27px 32px}.landing-demo-direction h2{font-size:26px}.landing-demo-direction h2 br{display:none}.landing-demo-direction h2 br:after{content:" "}.landing-brief-label{margin-top:16px}.landing-example-brief{max-width:600px}.landing-direction-note br{display:none}.landing-direction-note{padding-top:19px}.landing-demo-track-label{width:175px;padding:18px}.landing-story-switcher>button{padding:10px 12px}.landing-story-switcher>button>span:last-child{display:none}.landing-section{padding-top:78px}.landing-section-intro{display:block}.landing-section-intro>p{margin-top:21px}.landing-section-intro>p br{display:none}.landing-steps{grid-template-columns:1fr}.landing-steps>article,.landing-steps>article:first-child,.landing-steps>article:last-child{padding:27px 0;border-right:0;border-bottom:1px solid var(--landing-line)}.landing-steps>article:last-child{border-bottom:0}.landing-steps h3{margin-top:20px}.landing-steps p{max-width:560px}.landing-faq{grid-template-columns:1fr;gap:30px}.landing-faq h2 br{display:none}.landing-last-cta{margin-top:80px}}@media (max-width:540px){.landing-hero{padding:45px 20px 0}.landing-product-label{gap:10px;font-size:14px}.landing-model{font-size:12px;gap:7px;padding:3px 7px}.landing-hero h1{font-size:clamp(39px,10.2vw,53px);line-height:1.09;margin-top:27px}.landing-hero-copy>p{font-size:16px;line-height:1.65;margin-top:23px}.desktop-break{display:none}.landing-hero-actions{flex-direction:column;gap:10px;margin-top:26px}.landing-page .landing-main-cta{min-height:52px;font-size:16px;gap:24px}.landing-text-link{font-size:14px;min-height:44px}.landing-studio{border-radius:9px}.landing-studio-top{padding:11px 14px;gap:8px;font-size:12px}.landing-studio-top>span:first-child{gap:6px}.landing-preview-label{border:0;padding:0;font-size:12px}.landing-picture-type{top:16px;left:16px;font-size:12px}.landing-picture-title{left:14px;right:14px;bottom:73px}.landing-picture-title>span{font-size:28px;letter-spacing:0}.landing-picture-bottom{padding:0 17px;font-size:12px}.landing-demo-direction{padding:25px 20px}.landing-demo-direction h2{font-size:26px;max-width:300px}.landing-brief-label{font-size:14px}.landing-example-brief{font-size:16px;padding-left:13px}.landing-direction-note{font-size:14px}.landing-demo-track-label{width:105px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;font-size:12px;padding:13px 14px}.landing-demo-wave{padding:11px 11px 14px}.landing-demo-time-marks{font-size:12px}.landing-story-switcher{display:grid;grid-template-columns:1fr;gap:2px;margin-top:15px}.landing-story-switcher>button{justify-content:flex-start;padding:12px 13px;font-size:14px}.landing-story-switcher>button>span:last-child{display:block;margin-left:auto;font-size:12px}.landing-section{padding:65px 22px 0}.landing-section h2{font-size:35px}.landing-section-kicker{font-size:12px;letter-spacing:.065em}.landing-section-intro>p{font-size:16px;max-width:290px}.landing-steps{margin-top:27px}.landing-steps h3{font-size:23px}.landing-question h3>button{font-size:16px;padding:23px 0;gap:20px}.landing-answer>p{padding-right:13px}.landing-last-cta{margin:65px 20px 0;padding:37px 20px 42px}.landing-final-content h2{font-size:43px}.landing-final-content>p{font-size:16px;max-width:235px}.landing-footer{padding:42px 22px 23px}.landing-footer-main{flex-direction:column;align-items:flex-start;gap:15px;padding-bottom:24px}.landing-footer-main>span{margin-left:0}.landing-footer-main>button{flex-basis:auto;font-size:14px}.landing-footer-bottom{flex-direction:column;gap:8px;padding-top:21px}}@media (max-width:365px){.landing-hero{padding-left:16px;padding-right:16px}.landing-product-label{flex-direction:column;gap:7px}.landing-hero h1{font-size:38px}.landing-studio-top>span:first-child .brand-mark{display:none}}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap}.landing-page{font-family:Satoshi,ui-sans-serif,system-ui,sans-serif}.landing-page *{box-sizing:border-box}.landing-page button{cursor:pointer;font:inherit;background:none;border:0;color:inherit}.landing-page :is(button,a):focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}.landing-page :is(h1,h2,h3,p){margin:0}.landing-page .brand{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:700;letter-spacing:-.8px}.landing-page .brand-period{color:var(--color-text)}.landing-page .button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.landing-page .landing-final-wave svg,.landing-page .landing-wave-track svg{width:100%;height:100%;fill:currentColor}