.home .btn.lg{border-radius:var(--r-md);padding:11px 18px;font-size:13.5px}.home .btn.ghost svg{transition:transform .18s}.home .btn.ghost:hover svg{transform:translate(3px)}.home .btn.primary:hover{transform:translateY(-1px)}.home .eyebrow,.cta-strip .eyebrow{font-family:var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;font-size:11px;font-weight:500;display:inline-flex}.eyebrow-tick{background:var(--accent);width:14px;height:1px;position:relative}.eyebrow-tick:before,.eyebrow-tick:after{content:"";background:var(--accent);width:1px;height:5px;position:absolute;top:-2px}.eyebrow-tick:before{left:0}.eyebrow-tick:after{right:0}.home{background:radial-gradient(120% 70% at 50% 0%, #1a212b 0%, #11151b 45%, var(--bg) 100%);flex-direction:column;min-height:100vh;display:flex;position:relative}.home:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 70% at 50% 0,#000 0%,#0000 70%);mask-image:radial-gradient(120% 70% at 50% 0,#000 0%,#0000 70%)}.home>*{z-index:1;position:relative}[data-theme=light] .home:before{background-image:linear-gradient(90deg,#2821140d 1px,#0000 1px),linear-gradient(#2821140d 1px,#0000 1px)}.home-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#0c0f13b8;align-items:center;gap:22px;height:62px;padding:0 max(24px,6vw);display:flex;position:sticky;top:0}[data-theme=light] .home-nav{background:#f4f2eccc}.home-nav .brand{letter-spacing:-.2px;align-items:center;gap:9px;font-size:15px;font-weight:600;display:inline-flex}.home-nav .brand-mark{background:linear-gradient(150deg, var(--accent-bright), var(--accent-deep));width:27px;height:27px;color:var(--accent-ink);border-radius:8px;place-items:center;display:grid}.home-nav .links{gap:18px;margin-left:14px;display:flex}.home-nav .links a{color:var(--text-3);font-size:13px;text-decoration:none;transition:all .12s}.home-nav .links a:hover{color:var(--text)}.home-nav .nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}.home-nav .nav-right a{text-decoration:none}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:52px;width:100%;max-width:1240px;margin:0 auto;padding:84px max(24px,6vw) 76px;display:grid}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:40px;padding-top:52px}}.hero .eyebrow{margin-bottom:20px}.hero h1{letter-spacing:-1.4px;text-wrap:balance;margin:0 0 22px;font-size:clamp(38px,5.4vw,62px);font-weight:600;line-height:1.04}.hero h1 .line{display:block}.hero h1 em{color:var(--accent-bright);white-space:nowrap;font-style:normal;position:relative}.hero h1 em .ul{width:100%;height:.2em;color:var(--accent);position:absolute;bottom:-.16em;left:0;overflow:visible}.hero h1 em .ul path{stroke-dasharray:240;stroke-dashoffset:240px;animation:.9s .7s forwards draw-ul}@keyframes draw-ul{to{stroke-dashoffset:0}}.hero p.lead{color:var(--text-2);max-width:54ch;margin:0 0 30px;font-size:16px;line-height:1.68}.hero .cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero .cta-row a{text-decoration:none}.hero .chip-row{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.hero-visual{background:linear-gradient(180deg, var(--surface-1), #161b22);border:1px solid var(--border-1);border-radius:var(--r-lg);box-shadow:var(--shadow-3);flex-direction:column;gap:16px;padding:20px;display:flex;position:relative}.hero-visual:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;inset:0 0 auto}.bob-chat{flex-direction:column;gap:8px;min-height:92px;display:flex}.bob-chat .bub{border-radius:12px;max-width:88%;padding:9px 12px;font-size:12.5px;line-height:1.5}.bob-chat .bub.user{background:var(--accent-dim);color:var(--text);border-bottom-right-radius:4px;align-self:flex-end}.bob-chat .bub.bob{background:var(--surface-2);border:1px solid var(--border-1);color:var(--text-2);border-bottom-left-radius:4px;align-self:flex-start;min-height:1em}.bob-chat .bub.bob .who{font-family:var(--mono);color:var(--accent-bright);margin-bottom:2px;font-size:10.5px;font-weight:600;display:block}#hero-stage.animate .bob-chat .bub{opacity:0;transform:translateY(6px)}#hero-stage.animate .bob-chat .bub.show{animation:.35s forwards bub-in}@keyframes bub-in{to{opacity:1;transform:none}}.caret{vertical-align:-2px;background:var(--accent-bright);opacity:0;width:7px;height:1em;margin-left:1px;display:inline-block}.caret.on{animation:.9s step-end infinite caret-blink}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.design-frame{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 14px 12px}.design-frame svg{width:100%;height:auto;display:block}.hero-visual .caption{font-family:var(--mono);color:var(--text-3);justify-content:space-between;margin-top:10px;font-size:11px;display:flex}#hero-diagram .draw-rect,#hero-diagram .shelf,#hero-diagram .rod,#hero-diagram .drawer,#hero-diagram .dimline,#hero-diagram .nest,#hero-diagram .connector{opacity:0}#hero-stage.play .carcass{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.2,.8,.3,1) .1s forwards pop}#hero-stage.play .shelf{animation:.4s forwards slide-in;animation-delay:calc(.55s + var(--i,0) * 80ms)}#hero-stage.play .rod{animation:.4s .5s forwards slide-in}#hero-stage.play .drawer{animation:.4s forwards slide-in;animation-delay:calc(.55s + var(--i,0) * 80ms);transform-box:fill-box}#hero-stage.play .dimline{animation:.5s 1.15s forwards fade-in}#hero-stage.play .dim-rule{stroke-dasharray:280;stroke-dashoffset:280px;animation:.6s 1.15s forwards draw-line}#hero-stage.play .connector{animation:.4s 1.35s forwards fade-in}#hero-stage.play .nest{animation:.42s cubic-bezier(.2,.8,.3,1) forwards nest-drop;animation-delay:calc(1.5s + var(--i,0) * .11s);transform-box:fill-box;transform-origin:50%}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes fade-in{to{opacity:1}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes nest-drop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.home-section{width:100%;max-width:1240px;margin:0 auto;padding:64px max(24px,6vw)}.section-head{margin-bottom:34px}.section-head .eyebrow{margin-bottom:14px}.home-section>h2,.cta-strip h2{letter-spacing:-.8px;text-wrap:balance;margin:0;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.12}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.feature-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--r-md);flex-direction:column;gap:11px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);transform-origin:0;height:2px;transition:transform .3s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-3px)}.feature-card:hover:before{transform:scaleX(1)}.feature-card .ic{background:var(--accent-dim);width:42px;height:42px;color:var(--accent-bright);border-radius:10px;place-items:center;transition:all .18s;display:grid}.feature-card:hover .ic{background:var(--accent);color:var(--accent-ink)}.feature-card h3{margin:0;font-size:15px;font-weight:600}.feature-card p{color:var(--text-3);margin:0;font-size:13px;line-height:1.6}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.step{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--r-md);padding:22px}.step .num{font-family:var(--mono);color:var(--accent-bright);background:var(--accent-dim);border-radius:999px;margin-bottom:13px;padding:3px 11px;font-size:12px;display:inline-block}.step h3{margin:0 0 7px;font-size:15px;font-weight:600}.step p{color:var(--text-3);margin:0;font-size:13px;line-height:1.6}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.design-card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--r-md);color:var(--text);text-decoration:none;transition:all .15s;display:block;overflow:hidden}.design-card:hover{border-color:#e7a84a66;transform:translateY(-2px)}.design-card .shot{aspect-ratio:16/10;background:var(--bg);color:var(--text-4);place-items:center;display:grid}.design-card .shot img{object-fit:cover;width:100%;height:100%;display:block}.design-card .meta{padding:10px 12px}.design-card .meta .t{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.design-card .meta .d{font-family:var(--mono);color:var(--text-3);margin-top:3px;font-size:10.5px}.cta-strip{width:100%;max-width:1240px;margin:16px auto 0;padding:0 max(24px,6vw) 28px}.cta-strip-inner{background:linear-gradient(135deg, var(--surface-1), #1c232d);border:1px solid var(--border-1);border-radius:var(--r-lg);box-shadow:var(--shadow-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:34px 38px;display:flex;position:relative;overflow:hidden}.cta-strip-inner:after{content:"";pointer-events:none;background:radial-gradient(circle,#e7a84a29,#0000 65%);width:240px;height:240px;position:absolute;top:-60px;right:-60px}.cta-strip .eyebrow{margin-bottom:12px}.cta-strip-inner a{text-decoration:none}.home-footer{border-top:1px solid var(--border);color:var(--text-4);align-items:center;gap:14px;margin-top:auto;padding:24px max(24px,6vw);font-size:12px;display:flex}.home-footer .mono{font-family:var(--mono);margin-left:auto}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.3,1);transition-delay:var(--d,0s);transform:translateY(16px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}#hero-diagram .draw-rect,#hero-diagram .shelf,#hero-diagram .rod,#hero-diagram .drawer,#hero-diagram .dimline,#hero-diagram .nest,#hero-diagram .connector{opacity:1!important;animation:none!important}.hero h1 em .ul path{stroke-dashoffset:0;animation:none}.caret{display:none}}
