.home-page{display:grid;width:100dvw;height:calc(100dvh - 57px);min-height:0;padding:clamp(20px,4vw,56px);place-items:center;overflow:hidden}.home-shell{display:grid;width:min(100%,1360px);height:min(100%,720px);grid-template-columns:minmax(340px,.86fr) minmax(520px,1.14fr);align-items:center;gap:clamp(44px,7vw,110px)}.home-copy{min-width:0}.home-copy h1{max-width:10ch;margin:0;color:var(--foreground);font-size:clamp(48px,6vw,82px);font-weight:500;letter-spacing:-.06em;line-height:.96;text-wrap:balance}.home-lede{max-width:49ch;margin:24px 0 0;color:var(--muted-foreground);font-size:clamp(15px,1.5vw,18px);line-height:1.65}.home-actions{display:flex;margin-block-start:30px;align-items:center;gap:10px;flex-wrap:wrap}.home-primary-action:after{content:"→";font-size:16px;line-height:1}.home-capabilities{display:grid;max-width:520px;margin:clamp(34px,6vh,64px) 0 0;padding:18px 0 0;grid-template-columns:repeat(3,1fr);gap:16px;border-block-start:1px solid var(--border-subtle);list-style:none}.home-capabilities li{display:grid;gap:3px}.home-capabilities strong{color:var(--foreground);font-size:12px;font-weight:500}.home-capabilities span,.home-attribution{color:var(--faint-foreground);font-size:11px}.home-attribution{margin:17px 0 0;line-height:1.6}.home-attribution a{color:var(--muted-foreground);text-decoration-color:var(--border);text-underline-offset:3px}.home-attribution a:hover{color:var(--foreground)}.home-demo{display:grid;width:100%;min-width:0;height:min(68vh,610px);min-height:440px;grid-template-rows:48px minmax(0,1fr) 54px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--card)}.home-demo-header,.home-demo-footer{display:grid;padding-inline:18px;align-items:center;border-color:var(--border-subtle)}.home-demo-header{grid-template-columns:1fr auto 1fr;border-block-end:1px solid var(--border-subtle)}.home-demo-header>div{display:flex;gap:5px}.home-demo-header>div span{width:6px;height:6px;border-radius:50%;background:var(--border)}.home-demo-header p,.home-demo-header>span,.home-demo-footer{margin:0;color:var(--faint-foreground);font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.home-demo-header>span{justify-self:end}.home-demo-canvas{position:relative;min-height:0;overflow:hidden;background:var(--background)}.home-demo-canvas:before,.home-demo-canvas:after{position:absolute;content:"";background:var(--border-subtle)}.home-demo-canvas:before{inset-block:0;inset-inline-start:50%;width:1px}.home-demo-canvas:after{inset-inline:0;inset-block-start:50%;height:1px}.home-demo-context{position:absolute;inset-block-start:20px;inset-inline:22px;display:flex;justify-content:space-between;gap:18px}.home-demo-context div{display:grid;gap:2px}.home-demo-context span,.home-demo-note{color:var(--faint-foreground);font-family:var(--font-mono);font-size:9px;text-transform:uppercase}.home-demo-context strong{color:var(--muted-foreground);font-family:var(--font-mono);font-size:10px;font-weight:500}.home-demo-toast{position:absolute;z-index:2;inset-block-start:50%;inset-inline-start:50%;width:min(360px,calc(100% - 40px));transform:translate(-50%,-50%);transform-origin:center}.home-demo-note{position:absolute;inset-inline:22px;inset-block-end:20px;display:flex;justify-content:space-between}.home-demo-footer{grid-template-columns:1fr auto;border-block-start:1px solid var(--border-subtle)}.home-demo-footer p,.home-demo-footer div{display:flex;margin:0;align-items:center;gap:7px}.home-demo-footer p>span{width:6px;height:6px;border-radius:50%;background:var(--primary)}.home-demo-footer div span{width:16px;height:2px;border-radius:1px;background:var(--border);transition:background-color .18s ease-out}.home-demo-footer div span.active{background:var(--primary)}@media(max-width:1180px){.home-shell{grid-template-columns:minmax(310px,.8fr) minmax(440px,1.2fr);gap:42px}.home-demo{height:min(66vh,560px)}}@media(max-width:820px){.home-page{padding:24px 20px}.home-shell{height:100%;grid-template-columns:1fr;grid-template-rows:auto minmax(280px,1fr);gap:24px}.home-copy h1{max-width:11ch;font-size:clamp(40px,10vw,58px)}.home-lede{margin-block-start:14px;font-size:14px}.home-actions{margin-block-start:18px}.home-capabilities{display:none}.home-attribution{margin-block-start:12px}.home-demo{height:100%;min-height:280px}}@media(max-width:520px){.home-page{padding:18px 14px}.home-shell{grid-template-rows:auto minmax(250px,1fr);gap:16px}.home-copy h1{font-size:clamp(36px,11vw,48px)}.home-lede{max-width:42ch;line-height:1.5}.home-actions{gap:7px}.home-actions a{min-height:34px;padding:6px 11px;font-size:12px}.home-attribution{font-size:10px}.home-demo{min-height:250px;grid-template-rows:40px minmax(0,1fr) 44px;border-radius:11px}.home-demo-header,.home-demo-footer{padding-inline:12px}.home-demo-header>span,.home-demo-context,.home-demo-note{display:none}.home-demo-header{grid-template-columns:1fr auto 1fr}.home-demo-toast{transform:translate(-50%,-50%) scale(.86)}.home-demo-footer div span{width:11px}}@media(max-height:700px)and (min-width:821px){.home-page{padding-block:22px}.home-demo{height:min(72vh,520px);min-height:390px}.home-capabilities{margin-block-start:30px}}@media(prefers-reduced-motion:reduce){.home-demo-footer div span{transition:none}}