.hero{isolation:isolate;padding-block:clamp(28px,5vw,56px) 8px;position:relative}.hero-glow{inset:calc(var(--nav-h) * -1) 0 auto;z-index:-1;pointer-events:none;height:820px;position:absolute;overflow:hidden}.hero-glow i{filter:blur(100px);opacity:.14;background:var(--accent);border-radius:50%;transition:background .8s;position:absolute}.hero-glow i:first-child{width:440px;height:340px;animation:20s ease-in-out infinite alternate drift-a;top:140px;left:-200px}.hero-glow i:nth-child(2){opacity:.1;width:400px;height:300px;animation:24s ease-in-out infinite alternate drift-b;top:-40px;right:-180px}.hero-glow i:nth-child(3){opacity:.08;background:var(--p-bone);width:620px;height:260px;margin-left:-310px;top:520px;left:50%}.hero-glow:after{content:"";background:radial-gradient(70% 55% at 50% 30%, transparent, var(--bg) 85%);position:absolute;inset:0}:root[data-theme=light] .hero-glow i{opacity:.22}@keyframes drift-a{to{transform:translate(80px,50px)scale(1.1)}}@keyframes drift-b{to{transform:translate(-70px,80px)scale(.92)}}.hero-copy{text-align:center;justify-items:center;display:grid}.release-chip{background:var(--glass);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:100%;color:var(--dim);animation:rise .7s var(--ease-out) both;border-radius:99px;align-items:center;gap:9px;margin-bottom:22px;padding:4px 12px 4px 4px;font-size:12.5px;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.release-chip:hover{border-color:color-mix(in srgb, var(--fg) 30%, transparent);color:var(--fg);text-decoration:none}.release-chip>span:not(.tag-new){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.release-chip .ph{transition:transform .3s var(--ease-spring);font-size:13px}.release-chip:hover .ph{transform:translate(3px)}.tag-new{white-space:nowrap;background:var(--accent);color:var(--on-accent);font:650 10.5px var(--font-body);letter-spacing:.01em;text-transform:none;border-radius:99px;align-items:center;padding:2px 8px;display:inline-flex}.hero h1{letter-spacing:-.05em;font-size:clamp(40px,7.4vw,86px);font-weight:750;line-height:.95}.h-line{padding-bottom:.08em;display:block;overflow:hidden}.h-line>*{animation:line-up .9s var(--ease-out) both;display:inline-block}.h-line:nth-child(2)>*{animation-delay:80ms}.hero h1 em{background:linear-gradient(100deg, var(--fg) 15%, var(--p-bone) 55%, var(--accent) 95%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.04em;font-style:normal}:root[data-theme=light] .hero h1 em{background:linear-gradient(100deg, var(--fg) 15%, var(--p-olive) 55%, var(--p-sage) 95%);-webkit-background-clip:text;background-clip:text}@keyframes line-up{0%{transform:translateY(105%)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.hero .lead{color:var(--dim);max-width:44ch;animation:rise .8s .12s var(--ease-out) both;margin:18px 0 24px;font-size:clamp(15px,1.4vw,17px)}.hero .ctas{animation:rise .8s .18s var(--ease-out) both;justify-content:center}.hero .dl-meta{animation:rise .8s .22s var(--ease-out) both}.hero-stage{max-width:1080px;animation:rise .9s .2s var(--ease-out) both;margin-top:clamp(32px,5vw,56px)}.ctas{flex-wrap:wrap;gap:8px;display:flex}.btn.lg{height:42px;padding:0 20px;font-size:14.5px}.btn.lg .ph,.btn.lg .phf{font-size:17px}.glassy-btn{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width:480px){.hero .ctas{flex-direction:column;width:100%}.ctas .btn{flex:auto}.tag-new{font-size:10px}}.marquee{border-block:1px solid var(--line);margin-top:clamp(32px,5vw,52px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:52s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-set{gap:32px;padding:12px 16px;display:flex}.marquee-set span{color:var(--faint);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.marquee kbd{padding:1px 6px;font-size:11px}@keyframes marquee{to{transform:translate(-50%)}}.section{padding-block:clamp(52px,7vw,92px);position:relative}.section+.section{border-top:1px solid var(--line)}.s-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px 48px;margin-bottom:clamp(24px,3.5vw,40px);display:grid}.s-head .eyebrow{align-items:center;gap:8px;margin-bottom:10px;display:inline-flex}.s-head h2{letter-spacing:-.035em;font-size:clamp(28px,3.8vw,44px);font-weight:750;line-height:1.02}.s-head p{color:var(--dim);max-width:50ch;margin:0;font-size:15px}.s-head p b{color:var(--fg);font-weight:600}@media (max-width:820px){.s-head{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes reveal{0%{opacity:0;transform:translateY(24px)}}.reveal,.tools>.tool,.feats>.feat,.featured>*{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 60%}}}.tool-filter{flex-wrap:wrap;margin-bottom:14px;overflow:visible}.tool-filter .chip{align-items:center;gap:7px;display:inline-flex}.tool-filter .chip small{font:500 10.5px var(--font-mono);opacity:.55}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.tools{grid-template-columns:repeat(auto-fill,minmax(min(100%,238px),1fr));gap:10px;display:grid}.tool{--mx:50%;--my:0%;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);isolation:isolate;transition:border-color .2s, transform .3s var(--ease-spring);grid-template-rows:auto 1fr auto;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;padding:14px;display:grid;position:relative;overflow:hidden}@supports not ((animation-timeline:view()) and (animation-range:entry)){.tool{animation:card-in .45s var(--ease-out) both;animation-delay:calc(var(--i) * 25ms)}}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.tool:before,.feat:before{content:"";z-index:-1;opacity:0;background:radial-gradient(220px circle at var(--mx) var(--my), color-mix(in srgb, var(--fg) 6%, transparent), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.tool:hover:before,.feat:hover:before{opacity:1}.tool:hover{border-color:var(--line-2);transform:translateY(-2px)}.tool .tile-swatch{width:38px;height:38px;transition:transform .35s var(--ease-spring);border-radius:11px;grid-row:span 2;font-size:18px}.tool:hover .tile-swatch{transform:rotate(-5deg)scale(1.05)}.tool b{font-size:14.5px;font-weight:600;line-height:1.35}.tool .tool-desc{color:var(--dim);font-size:13.5px;line-height:1.5}.tool-foot{flex-wrap:wrap;grid-column:2;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.tool kbd{color:var(--faint);box-shadow:none;background:0 0;font-size:10.5px}.tool-foot kbd:only-child{margin-left:auto}.try-btn{border:1px solid var(--line-2);height:26px;color:var(--fg);font:550 12px var(--font-body);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:6px;padding:0 10px 0 8px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.try-btn .phf{color:var(--accent);font-size:9px}.try-btn:hover{background:var(--fg);color:var(--bg);border-color:#0000}.try-btn:hover .phf{color:inherit}.tb-section{overflow:hidden}.tbx{gap:14px;display:grid}.tbx-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tbx-tip{color:var(--faint);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.seg{background:var(--bg-2);border:1px solid var(--line-2);border-radius:12px;padding:3px;display:inline-flex}.seg button{height:30px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:13px;font-weight:550;transition:color .2s,background .25s}.seg button:hover{color:var(--fg)}.seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.tbx-word{font:800 150px/1 var(--font-display);letter-spacing:-.06em;color:#ffffff0b;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:42%;left:50%;translate:-50% -50%}.feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}.feat{--mx:50%;--my:0%;isolation:isolate;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);color:var(--fg);text-align:left;font:inherit;cursor:pointer;transition:border-color .2s, transform .3s var(--ease-spring);grid-template-columns:auto minmax(0,1fr);align-content:start;gap:2px 12px;padding:14px;display:grid;position:relative;overflow:hidden}.feat:hover{border-color:var(--line-2);transform:translateY(-2px)}.feat-ic{background:var(--sunk);width:32px;height:32px;color:var(--fg);border-radius:10px;grid-row:span 3;place-items:center;font-size:16px;display:grid}.feat b{font-size:14.5px;font-weight:600}.feat>span:not(.feat-ic):not(.feat-go){color:var(--dim);font-size:13.5px;line-height:1.5}.feat-go{color:var(--faint);transition:color .2s, gap .25s var(--ease-spring);align-items:center;gap:4px;margin-top:6px;font-size:12.5px;font-weight:550;display:inline-flex}.feat:hover .feat-go{color:var(--fg);gap:7px}.tb-notes{color:var(--faint);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:24px;font-size:13px;display:flex}.tb-notes span{align-items:center;gap:7px;display:inline-flex}.tb-notes .ph{color:var(--dim);font-size:15px}@media (max-width:900px){.feats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.feats{grid-template-columns:minmax(0,1fr)}.tbx-tip{display:none}.seg{width:100%}.seg button{flex:1}.tbx-word{font-size:110px}}.specs{border:1px solid var(--line);background:var(--bg-2);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.spec{border-left:1px solid var(--line);padding:22px 20px}.spec:first-child{border-left:0}.spec .num{font:750 clamp(32px, 3.6vw, 46px)/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:12px 0 8px}.spec .num small{color:var(--dim);letter-spacing:0;margin-left:4px;font-size:.4em;font-weight:650}.spec p{color:var(--dim);margin:0;font-size:13.5px}.specs-note{color:var(--faint);margin-top:12px;font-size:12.5px}@media (max-width:900px){.specs{grid-template-columns:repeat(2,minmax(0,1fr))}.spec:nth-child(3){border-left:0}.spec:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:420px){.spec{padding:18px 16px}.spec p{font-size:12.5px}}.featured{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:12px;display:grid}.steps{counter-reset:st;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.step{counter-increment:st;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;align-content:start;gap:10px;min-width:0;padding:18px;display:grid}.step h3{letter-spacing:-.01em;align-items:center;gap:10px;font-size:16.5px;font-weight:650;display:flex}.step h3:before{content:counter(st);background:var(--sunk);width:22px;height:22px;color:var(--fg);border:1px solid var(--line-2);font:600 11.5px var(--font-mono);border-radius:7px;flex:none;place-items:center;display:grid}.step p{color:var(--dim);margin:0;font-size:14px}@media (max-width:900px){.steps{grid-template-columns:minmax(0,1fr)}}.cta-band{color:#ecede6;background:linear-gradient(150deg,#1b1e1a,#22261f 60%,#2b3027);border:1px solid #c7cbb81a;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px;margin-block:24px 16px;padding:clamp(28px,5vw,52px);display:grid;position:relative;overflow:hidden}.cta-band:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 16%, transparent), transparent);pointer-events:none;height:120%;position:absolute;inset:auto -10% -80% 35%}.cta-band h2{letter-spacing:-.035em;z-index:1;font-size:clamp(26px,3.6vw,40px);font-weight:750;line-height:1.04;position:relative}.cta-band p{color:#a9ad9f;z-index:1;max-width:44ch;margin:10px 0 0;font-size:14.5px;position:relative}.cta-band .ctas{z-index:1;position:relative}.cta-band .btn{color:#ecede6;background:#ffffff0f;border-color:#ffffff24}.cta-band .btn.accent{color:#121411;background:#ecede6;border-color:#0000}@media (max-width:860px){.cta-band{border-radius:20px;grid-template-columns:minmax(0,1fr)}}.cta-band .ctas{justify-content:flex-end}@media (max-width:860px){.cta-band .ctas{justify-content:flex-start}}.pcard{background:var(--bg-2);border:1px solid var(--line);color:var(--fg);transition:border-color .2s, transform .3s var(--ease-spring);border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px;display:grid;text-decoration:none!important}.pcard:hover{border-color:var(--line-2);transform:translateY(-2px)}.pcard h3{font:600 15px var(--font-body);letter-spacing:0;align-items:center;gap:8px;display:flex}.pcard h3 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pcard .by{color:var(--faint);align-items:center;gap:6px;margin-top:2px;font-size:12.5px;display:flex}.pcard .by img{border-radius:50%;width:16px;height:16px}.pcard .desc{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 12px;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.pcard .meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pcard .stars{color:var(--dim);font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-left:auto;font-size:12.5px;display:inline-flex}.pcard .stars .phf{color:#dcc08a}.dl-meta{color:var(--faint);margin:12px 0 0;font-size:12.5px}.dev-note{color:var(--dim);text-align:center;margin:8px 0 0;font-size:13.5px}.dev-note a{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.live-users{color:var(--dim);align-items:center;gap:7px;margin:8px 0 0;font-size:12.5px;display:inline-flex}.live-users b{color:var(--fg);font-variant-numeric:tabular-nums}.live-users .dot{background:var(--good);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--good) 60%, transparent);border-radius:50%;animation:2s infinite live-pulse}@keyframes live-pulse{70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.lr-side{justify-items:start;gap:14px;display:grid}.lr-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;display:grid}.lr-card{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);transition:border-color .2s, transform .3s var(--ease-spring);flex-direction:column;gap:14px;margin:0;padding:18px;display:flex;position:relative}.lr-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.lr-quote{fill:color-mix(in srgb, var(--fg) 14%, transparent)}.lr-card blockquote{overflow-wrap:anywhere;margin:0;font-size:14.5px;line-height:1.55}.lr-card figcaption{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.lr-card figcaption>span{gap:2px;min-width:0;display:grid}.lr-card figcaption b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}@media (prefers-reduced-motion:reduce){.hero-glow i,.marquee-track,.live-users .dot{animation:none}}@media (max-width:560px){.tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool{grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:4px;padding:12px}.tool .tile-swatch{border-radius:10px;grid-row:auto;width:32px;height:32px;margin-bottom:4px;font-size:16px}.tool b{font-size:13.5px}.tool .tool-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.tool-foot{grid-column:1;margin-top:8px}.tool kbd{display:none}.try-btn{height:26px;font-size:11.5px}}