.home-page{--home-space:clamp(64px, 8vw, 110px)}.home-page :is(a,button,input,select){touch-action:manipulation}.home-page :is(input,textarea){caret-color:var(--red-text)}.home-page .site-header{height:88px}.home-page .site-header nav{gap:24px}.home-page .site-header nav a{min-height:44px}.home-page .icon-button{width:44px;height:44px}.home-page .demo-intro{grid-template-columns:minmax(0,1.55fr) minmax(0,.9fr);align-items:center;gap:60px;padding:54px 0 38px;display:grid}.home-page .demo-intro h1{font-size:clamp(48px,5.5vw,76px);line-height:1.04}.home-page :is(.demo-intro h1,.section-intro h2,.live-intro h2,.get-started h2,.everyday-scenes h3){word-spacing:.1em}.home-page .demo-intro h1 span{color:var(--red-text)}.home-page .demo-intro-copy>p{max-width:39ch;color:var(--muted);font-size:16px}.home-page .demo-start{min-height:44px;color:var(--fg);align-items:center;gap:14px;margin-top:14px;font-weight:600;display:inline-flex}.home-page .demo-start:hover{color:var(--red-text)}.home-page .demo-intro-copy .demo-disclosure{margin-top:7px;font-size:12px;line-height:1.6}.home-page .scenario,.home-page .reset-button,.home-page .quick-ping{min-height:44px}.home-page .demo-next-step{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:28px;padding:24px 36px;display:flex}.home-page .demo-next-step h3{font-size:19px;font-weight:600}.home-page .demo-next-step p{color:var(--muted);margin-top:5px;font-size:13px}.home-page .demo-next-actions{text-align:center;flex-shrink:0}.home-page .demo-next-actions>span{justify-content:center;gap:18px;margin-top:4px;display:flex}.home-page .demo-next-actions>span a{text-underline-offset:4px;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;display:inline-flex}.home-page .demo-next-actions>span a:hover{color:var(--red-text)}.home-page .how-section{padding:var(--home-space) 0}.home-page .section-intro h2{font-size:clamp(36px,4.1vw,54px);line-height:1.08}.home-page .section-intro>p{max-width:35ch;font-size:15px}.home-page .everyday-scenes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.home-page .everyday-scenes figure{min-width:0;margin:0}.home-page .everyday-scenes img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.home-page .everyday-scenes figcaption{padding-top:18px}.home-page .everyday-scenes h3{letter-spacing:-.025em;font-family:Clash,system-ui,sans-serif;font-size:27px;font-weight:700;line-height:1.12}.home-page .everyday-scenes p{color:var(--muted);margin-top:8px;font-size:13px}.home-page .steps{border-top:1px solid var(--border);gap:48px;margin-top:36px;padding-top:34px}.home-page .steps h3{font-size:17px}.home-page .live-studio{border-top:1px solid var(--border);padding-top:var(--home-space)}.home-page .live-intro h2{font-size:clamp(38px,4.4vw,58px);line-height:1.06}.home-page .live-intro h2 span{color:var(--red-text)}.home-page .live-intro>p{font-size:15px}.home-page .live-intro .live-demo-disclosure{margin-top:15px;font-size:12px}.home-page .live-control-heading h2{font-family:Switzer,system-ui,sans-serif}.home-page .demo-divider{margin-top:32px}.home-page .button{transition:background .15s, transform .14s var(--ease)}.home-page .button:active{transform:scale(.98)}@media (max-width:1100px){.home-page .site-header nav{gap:16px}.home-page .demo-intro{grid-template-columns:1.3fr .9fr;gap:30px}.home-page .demo-intro h1{font-size:clamp(47px,5.5vw,62px)}.home-page .everyday-scenes{gap:18px}.home-page .everyday-scenes h3{font-size:25px}}@media (max-width:820px){.home-page .site-header{height:80px}.home-page .demo-intro{grid-template-columns:1fr;gap:20px;padding:36px 0 28px}.home-page .demo-intro h1{font-size:clamp(43px,7.8vw,64px)}.home-page .demo-intro-copy>p{max-width:60ch}.home-page .demo-intro-copy .demo-disclosure{margin-left:18px;display:inline}.home-page .demo-start{margin-top:8px}.home-page .everyday-scenes h3{font-size:23px}.home-page .demo-next-step{padding:24px}}@media (max-width:620px){.home-page .site-header{gap:12px;height:76px}.home-page .header-actions{gap:7px}.home-page .header-actions .button{gap:7px;min-height:44px;padding-inline:12px;font-size:12px}.home-page .demo-intro{gap:16px;padding:30px 0 23px}.home-page .demo-intro h1{font-size:clamp(39px,10.7vw,62px)}.home-page .demo-intro-copy>p{font-size:14px;line-height:1.55}.home-page .demo-intro-copy .demo-disclosure{margin:2px 0 0;font-size:11px;display:block}.home-page .demo-start{min-height:44px;font-size:13px}.home-page .scenario{padding:8px 9px;font-size:11px}.home-page .reset-button{flex-shrink:0;justify-content:center;width:44px}.home-page .playground-toolbar{gap:3px;padding:7px}.home-page .scenario-controls{gap:3px}.home-page .demo-next-step{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px 16px}.home-page .demo-next-actions,.home-page .demo-next-actions>.button{width:100%}.home-page .section-intro{align-items:flex-start;gap:16px}.home-page .section-intro>p{max-width:42ch;font-size:14px}.home-page .everyday-scenes{grid-template-columns:1fr;gap:28px;margin-top:28px}.home-page .everyday-scenes img{aspect-ratio:16/9}.home-page .everyday-scenes figcaption{padding-top:13px}.home-page .everyday-scenes h3{font-size:28px}.home-page .everyday-scenes p{margin-top:5px;font-size:14px}.home-page .steps{gap:28px}.home-page .steps li{padding-left:42px}.home-page .live-intro h2{font-size:clamp(36px,9.3vw,52px)}.home-page .live-intro .live-demo-disclosure{font-size:12px}}@media (prefers-reduced-motion:reduce){.home-page .button{transition:none}.home-page .button:active{transform:none}}
