.home-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;height:56px;padding:0 max(28px,calc((100% - 1180px)/2));background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--t-base)}.home-top nav{margin-left:auto;display:flex;gap:2px;align-items:center}.home-link{display:inline-flex;align-items:center;height:30px;padding:0 11px;border:0;border-radius:var(--r-full);background:none;color:var(--ink-3);font-size:var(--fs-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.home-link:hover{color:var(--ink);background:var(--paper-2)}.home-link[aria-pressed=true]{color:var(--ink);background:var(--paper-3)}.home{width:min(1180px,100% - 56px);margin:0 auto;padding:28px 0 40px}.home-hero{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center;padding:32px 0 44px}.home-eyebrow{margin:0 0 18px;font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--accent)}.home-hero h1{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(38px,4vw,56px);line-height:1.04;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}.home-hero h1 span{font-style:italic;color:var(--ink-3)}.home-lede{margin:20px 0 0;max-width:440px;font-size:var(--fs-lg);line-height:var(--lh);color:var(--ink-2);text-wrap:pretty}.home-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--r-full);border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-size:var(--fs-lg);font-weight:550;letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-base) var(--ease-out),box-shadow var(--t-base)}.home-btn:hover{border-color:var(--ink-4);box-shadow:var(--sh-1)}.home-btn:active{transform:scale(.98)}.home-btn.primary{background:var(--cta);border-color:var(--cta);color:var(--cta-ink)}.home-btn.primary:hover{background:var(--cta-hover);box-shadow:0 8px 20px -10px #15130f99}.home-btn.ghost{height:36px;padding:0 16px;font-size:var(--fs-md)}.home-btn.sm{height:30px;padding:0 12px;font-size:var(--fs-sm);align-self:flex-start;margin-top:10px}.home-demo-note{margin:14px 0 0;max-width:460px;font-size:var(--fs-sm);line-height:var(--lh);color:var(--ink-2);padding:8px 12px;border-radius:var(--r-sm);background:var(--paper-2);border:1px solid var(--line)}.home-demo-note strong{color:var(--ink);font-weight:600}dialog.confirm.home-run{width:min(600px,calc(100vw - 32px))}@media(max-width:600px){.home-top .demo-badge{font-size:0;padding:0 10px}.home-top .demo-badge:before{content:"Demo ↗";font-size:var(--fs-2xs)}}.home-run-code{margin:0;padding:12px 14px;border-radius:var(--r-sm);background:var(--paper-2);border:1px solid var(--line);font:12.5px/1.6 var(--mono);color:var(--ink);overflow-x:auto;white-space:pre}.home-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:22px;font-size:var(--fs-sm);color:var(--ink-3)}.home-claude{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:var(--ink-3);font-size:inherit;cursor:pointer;transition:color var(--t-fast)}.home-claude:hover{color:var(--ink)}.home-claude-mark{color:#d97757;font-size:15px;line-height:1}.home-claude.on{color:var(--ink-2)}.home-status{position:relative}.home-status>summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none;color:var(--ink-3);transition:color var(--t-fast)}.home-status>summary::-webkit-details-marker{display:none}.home-status>summary:hover{color:var(--ink)}.home-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-4)}.home-status.t-ok .home-dot{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.home-status.t-warn .home-dot{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.home-status.t-bad .home-dot{background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.home-status.t-bad>summary{color:var(--bad);font-weight:550}.home-status-pop{position:absolute;left:-12px;top:calc(100% + 10px);z-index:20;width:min(420px,calc(100vw - 40px));padding:12px 14px;background:var(--card);border-radius:var(--r-md);box-shadow:var(--sh-pop);animation:home-pop var(--t-base) var(--ease-out)}.home-status-pop ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.home-status-pop li{display:grid;grid-template-columns:14px 1fr;gap:8px;font-size:var(--fs-sm)}.home-status-pop li b{font-weight:550;color:var(--ink);margin-right:6px}.home-status-pop li small{color:var(--ink-3);font-size:var(--fs-xs)}.home-status-pop .mk{font-weight:700;color:var(--ink-4)}.home-status-pop .s-ok .mk{color:var(--ok)}.home-status-pop .s-warn .mk{color:var(--warn)}.home-status-pop .s-required .mk{color:var(--bad)}.home-status-pop p{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-3)}.home-status-pop code{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--ink-2);word-break:break-all}.home-reel{position:relative;aspect-ratio:16 / 9;border-radius:var(--r-xl);overflow:hidden;background:var(--stage);box-shadow:var(--stage-frame),0 40px 80px -40px #15130f80}.home-reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1.1s var(--ease-in-out),transform 4.6s linear}.home-reel img.on{opacity:1;transform:scale(1)}.home-reel-corners{position:absolute;inset:16px;pointer-events:none;background:linear-gradient(var(--on-stage),var(--on-stage)) 0 0 / 18px 1.5px,linear-gradient(var(--on-stage),var(--on-stage)) 0 0 / 1.5px 18px,linear-gradient(var(--on-stage),var(--on-stage)) 100% 0 / 18px 1.5px,linear-gradient(var(--on-stage),var(--on-stage)) 100% 0 / 1.5px 18px,linear-gradient(var(--on-stage),var(--on-stage)) 0 100% / 18px 1.5px,linear-gradient(var(--on-stage),var(--on-stage)) 0 100% / 1.5px 18px,linear-gradient(var(--on-stage),var(--on-stage)) 100% 100% / 18px 1.5px,linear-gradient(var(--on-stage),var(--on-stage)) 100% 100% / 1.5px 18px;background-repeat:no-repeat;opacity:.7}.home-reel-tag{position:absolute;left:28px;top:26px;display:inline-flex;align-items:center;gap:7px;font:600 var(--fs-2xs)/1 var(--mono);letter-spacing:.08em;color:var(--on-stage)}.home-reel-tag i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:home-rec 1.6s var(--ease-in-out) infinite}.home-hero-seam{display:flex;flex-direction:column;gap:10px;min-width:0;animation:home-rise var(--t-reveal) var(--ease-out) .1s both}.home-hero-seam .ba{border-radius:var(--r-xl);box-shadow:var(--stage-frame),0 40px 80px -40px #15130f80}.home-hero-seam .ba-tag{top:14px;font-size:10.5px;padding:5px 8px}.home-hero-seam .ba-tag.l{left:14px}.home-hero-seam .ba-tag.r{right:14px}.home-hero-cap{margin:0;display:flex;gap:6px;align-items:baseline;font-size:var(--fs-sm);color:var(--ink-3)}.home-hero-cap strong{color:var(--ink);font-weight:600}.home-hero-cap span{margin-left:auto;font:500 var(--fs-2xs)/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4)}.home-hero-stage{position:relative;aspect-ratio:16 / 9}.home-hero-stage>.ba{position:absolute;inset:0;width:100%;height:100%;transition:opacity .45s var(--ease-in-out)}.home-hero-stage>.ba.is-entering,.home-hero-stage>.ba.is-leaving{opacity:0}.home-hero-stage>.ba.is-leaving{pointer-events:none}.home-hero-cap .home-hero-dots{display:inline-flex;gap:0;margin-left:auto;font:inherit;text-transform:none}.home-hero-cap .home-hero-label{margin-left:8px;min-width:15ch;text-align:right;color:var(--ink-3)}.home-hero-dot{position:relative;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:inline-grid;place-items:center}.home-hero-dot i{display:block;width:6px;height:6px;border-radius:50%;background:var(--ink-4);opacity:.45;transition:width .25s var(--ease-out),opacity .25s}.home-hero-dot:hover i{opacity:.8}.home-hero-dot.on i{width:16px;border-radius:3px;opacity:1;background:var(--accent)}.home-hero-dot:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}.home-seam-slot .ba.is-reveal{cursor:pointer}.home-seam-slot .ba-seam{cursor:col-resize}.home-seam-slot .ba.is-reveal .ba-seam{transition:opacity var(--t-fast, .15s) ease}.home-seam-slot .ba.is-reveal:not(:hover):not(:focus-within) .ba-seam{opacity:0}.home-reel.is-empty{background:radial-gradient(120% 90% at 50% 100%,var(--stage-2),var(--stage))}.home-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-step{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:22px 24px 22px 0;position:relative}.home-step+.home-step{padding-left:28px;border-left:1px solid var(--line)}.home-step-art{grid-row:1 / 3;width:64px;height:56px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--card);box-shadow:var(--sh-1);color:var(--ink);transition:transform var(--t-slow) var(--ease-out)}.home-step-art svg{width:44px;height:33px;display:block}.home-step:hover .home-step-art{transform:translateY(-2px) rotate(-2deg)}.home-step-n{position:absolute;left:50px;top:16px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--on-ink);font:600 10px/1 var(--font)}.home-step+.home-step .home-step-n{left:78px}.home-step strong{align-self:end;font-size:var(--fs-lg);font-weight:600;letter-spacing:var(--track-tight);color:var(--ink)}.home-step>span:last-child{align-self:start;font-size:var(--fs-sm);color:var(--ink-3)}.home-section{margin-top:56px;scroll-margin-top:72px}.home-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.home-head h2{margin:0;font-family:var(--serif);font-weight:500;font-size:var(--fs-3xl);letter-spacing:-.025em;color:var(--ink)}.home-head>span{color:var(--ink-3);font-size:var(--fs-md)}.home-head .grow{flex:1}.home-head .home-link{align-self:center}.home-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--r-md);background:radial-gradient(120% 90% at 50% 100%,var(--stage-2),var(--stage));box-shadow:0 0 0 1px #15130f14}.home-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t-reveal) var(--ease-out)}.home-frame.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,250,240,.06) 50%,transparent 70%) -100% 0 / 200% 100%;animation:home-shimmer 1.4s linear infinite}.home-starter-nav{display:none}.home-starters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-starters[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.home-starters[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.home-starter{display:flex;flex-direction:column;gap:10px;min-width:0;color:inherit;border-radius:var(--r-md);cursor:pointer;outline:2px solid transparent;outline-offset:4px}.home-starter:hover,.home-starter:focus-within{outline-color:var(--accent)}.home-seam-slot,.home-starter-open{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:inherit;font:inherit;border-radius:var(--r-md)}.home-starter-open:focus-visible{outline:none;box-shadow:var(--focus)}.home-seam-slot.has-seam{cursor:pointer}.home-seam-slot .ba{border-radius:var(--r-md);box-shadow:0 0 0 1px #15130f14,var(--sh-2);transition:box-shadow var(--t-slow) var(--ease-out)}.home-starter:hover .home-seam-slot .ba{box-shadow:0 0 0 1px #15130f1a,var(--sh-3)}.home-cast{display:flex;align-items:center;gap:5px;min-width:0;padding:0 2px}.home-cast img{width:28px;height:28px;flex:none;border-radius:7px;object-fit:cover;background:var(--paper-2);box-shadow:0 0 0 1px #15130f1a}.home-cast-label{font:600 var(--fs-2xs)/1 var(--font);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-4);margin-right:3px}.home-starter .home-frame{box-shadow:0 0 0 1px #15130f14,var(--sh-2);transition:box-shadow var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out)}.home-starter:hover .home-frame{transform:translateY(-3px);box-shadow:0 0 0 1px #15130f1a,var(--sh-3)}.home-starter:hover .home-frame img{transform:scale(1.035)}.home-starter:active .home-frame{transform:translateY(-1px) scale(.99)}.home-card-meta{display:flex;flex-direction:column;gap:2px;padding:0 2px;min-width:0}.home-card-meta strong{font-weight:600;font-size:var(--fs-md);letter-spacing:var(--track-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-card-meta>span{color:var(--ink-3);font-size:var(--fs-xs)}.home-starter .home-card-meta{gap:3px}.home-starter .home-card-meta strong{font-size:var(--fs-lg)}.home-starter .home-card-meta>span{font-size:var(--fs-sm)}.home-card-meta .home-open{margin-top:6px;color:var(--ink);font-weight:550;opacity:0;transform:translate(-4px);transition:opacity var(--t-base),transform var(--t-base) var(--ease-out)}.home-starter:hover .home-open,.home-starter:focus-within .home-open{opacity:1;transform:none}.home-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:24px 20px}.home-projects.is-archived{margin-top:24px;padding-top:24px;border-top:1px dashed var(--line-2)}.home-project-wrap{position:relative}.home-project{display:flex;flex-direction:column;gap:11px;text-decoration:none;color:inherit;border-radius:var(--r-md)}.home-project .home-frame{transition:box-shadow var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out)}.home-project:hover .home-frame{transform:translateY(-2px);box-shadow:0 0 0 1px #15130f1a,var(--sh-2)}.home-project .home-card-meta strong{padding-right:28px}.is-archived .home-project{padding:14px;background:var(--paper-2)}.home-more{position:absolute;right:0;bottom:18px;width:28px;height:24px;border:0;border-radius:var(--r-sm);background:none;color:var(--ink-3);font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--t-fast),background var(--t-fast)}.home-project-wrap:hover .home-more,.home-more:focus-visible,.home-more[aria-expanded=true]{opacity:1}.home-more:hover{background:var(--paper-2);color:var(--ink)}.home-menu{position:absolute;right:0;top:100%;z-index:15;min-width:160px;margin-top:4px;padding:4px;display:flex;flex-direction:column;background:var(--card);border-radius:var(--r-md);box-shadow:var(--sh-pop);animation:home-pop var(--t-base) var(--ease-out)}.home-menu[hidden]{display:none}.home-menu a,.home-menu button{padding:7px 10px;border:0;border-radius:7px;background:none;text-align:left;text-decoration:none;font-size:var(--fs-sm);cursor:pointer}.home-menu a:hover,.home-menu button:hover{background:var(--paper-2)}.home-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 24px;border:1px dashed var(--line-2);border-radius:var(--r-lg);text-align:center}.home-empty strong{font-size:var(--fs-lg);font-weight:600}.home-empty>span{color:var(--ink-3);max-width:360px}.home-empty .home-btn{margin-top:12px}.home-inline{padding:0;border:0;background:none;color:var(--ink-2);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.home-inline:hover{color:var(--ink)}.home-hero-copy>*,.home-reel,.home-steps,.home-section{animation:home-rise var(--t-reveal) var(--ease-out) both}.home-hero-copy>:nth-child(2){animation-delay:40ms}.home-hero-copy>:nth-child(3){animation-delay:80ms}.home-hero-copy>:nth-child(n+4){animation-delay:.12s}.home-reel{animation-delay:.1s}.home-steps{animation-delay:.16s}.home-section{animation-delay:.22s}.home-hero-copy.is-shown>*{animation:none}@keyframes home-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes home-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes home-shimmer{to{background-position:100% 0}}@keyframes home-rec{50%{opacity:.35}}@media(max-width:1100px){.home-starters{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{gap:36px}}@media(max-width:820px){.home-hero{grid-template-columns:1fr;padding-top:16px}.home-lede{max-width:560px}}@media(max-width:760px){.home-steps{grid-template-columns:1fr}.home-step+.home-step{padding-left:0;border-left:0;border-top:1px solid var(--line)}.home-step+.home-step .home-step-n{left:50px}.home-starters,.home-starters[data-count="3"]{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.home-hero-copy>*,.home-reel,.home-steps,.home-section,.home-menu,.home-status-pop{animation:none}.home-hero-stage>.ba,.home-hero-dot i,.home-reel img,.home-frame img,.home-starter .home-frame,.home-project .home-frame,.home-step-art{transition:none}.home-reel-tag i,.home-frame.is-loading:after{animation:none}}@media(max-width:1023px){html,body{overflow-x:hidden}.home-top{height:auto;min-height:52px;padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}.home-top .brand,.home-claude{min-height:44px;display:inline-flex;align-items:center}.home-link{height:44px;padding:0 12px;font-size:15px}.home{width:auto;min-width:0;max-width:100vw;padding:8px 24px 40px;display:flex;flex-direction:column}.home>*,.home-hero-copy{min-width:0}.home-hero{order:1;padding:12px 0 8px;grid-template-columns:minmax(0,1fr)}.home-reel,.home-steps,.home-foot{display:none}.home-section{margin-top:32px}.home-section[aria-labelledby=projects-title]{order:2}#starters{order:3}.home.is-new #starters{order:2}.home.is-new .home-section[aria-labelledby=projects-title]{order:3}.home-head{flex-wrap:nowrap;margin-bottom:12px;min-width:0}.home-head .home-link{flex:none;padding:0 8px}.home-head h2{font-size:24px}.home-head>span{font-size:13px}.home-starters,.home-starters[data-count]{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -24px;padding:6px 24px 12px;scroll-padding:0 24px;overscroll-behavior-x:contain}.home-starters::-webkit-scrollbar{display:none}.home-starter-nav{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:0 8px;margin-top:4px;color:var(--ink-3);font-size:var(--fs-sm)}.home-starter-scroll{grid-column:1 / -1;width:100%;height:44px;margin:0;padding:0;appearance:none;background:transparent;cursor:ew-resize}.home-starter-scroll::-webkit-slider-runnable-track{height:6px;background:var(--ink-4);border-radius:3px}.home-starter-scroll::-webkit-slider-thumb{appearance:none;width:44px;height:12px;margin-top:-3px;border-radius:6px;background:var(--accent)}.home-starter-scroll::-moz-range-track{height:6px;background:var(--ink-4);border-radius:3px}.home-starter-scroll::-moz-range-thumb{width:44px;height:12px;border:0;border-radius:6px;background:var(--accent)}.home-starter-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.home-starter-nav button{min-width:44px;min-height:44px}.home-starter-nav button:disabled{opacity:.35;cursor:default}.home-starter{flex:none;width:300px;scroll-snap-align:start;gap:8px}.home-starter-meta strong{font-size:15px}.home-starter-meta>span{font-size:13px}.home-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.home-project{gap:7px}.home-project-meta strong{font-size:13px;padding-right:0}.home-project-meta>span{font-size:12px}.home-more{top:4px;right:4px;bottom:auto;width:32px;height:32px;border-radius:50%;background:#00000073;color:#fff;opacity:1;display:grid;place-items:center;font-size:16px}.home-more:before{content:"";position:absolute;inset:-6px}.home-menu{top:40px;right:4px}.home-menu a,.home-menu button{min-height:44px;display:flex;align-items:center;font-size:15px}.home-btn.sm{height:40px}}@media(max-width:699px){.home{padding:4px 16px 32px}.home-head{gap:8px}.home-head h2{font-size:21px;white-space:nowrap}.home-head .home-link{padding:0 6px;font-size:14px}.home-hero h1{font-size:34px;line-height:1.05}.home-lede{margin-top:12px;font-size:16px}.home-actions{margin-top:18px}.home-actions .home-btn{flex:1}.home-meta{flex-direction:column;align-items:stretch;gap:4px;margin-top:14px}.home-meta>*{min-height:44px;display:flex;align-items:center}.home-status>summary{min-height:44px}.home-status-pop{left:0;width:calc(100vw - 32px)}.home-starters,.home-starters[data-count]{margin:0 -16px;padding:6px 16px 12px;scroll-padding:0 16px}.home-starter{width:244px}.home-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(pointer:coarse){.home-more,.home-open,.home-starter-meta .home-open{opacity:1;transform:none}}