.hero{padding-block:clamp(36px,7vw,76px) 24px;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 70% 20%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), radial-gradient(40% 50% at 10% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%);height:620px;transition:background .6s;position:absolute;inset:-64px 0 auto}.hero-head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:20px 40px;margin-bottom:clamp(28px,4vw,44px);display:grid}.badge-line{background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--dim);border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 12px 5px 6px;font-size:13px;display:inline-flex}.badge-line b{background:var(--accent-soft);color:var(--accent-fg);border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600}.hero h1{letter-spacing:-.045em;font-size:clamp(46px,8.4vw,96px);font-weight:800;line-height:.92}.hero h1 em{color:var(--accent-fg);font-style:normal;transition:color .5s}.hero .lead{color:var(--dim);max-width:44ch;margin:0 0 22px;font-size:clamp(16px,1.6vw,18.5px)}.ctas{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:820px){.hero-head{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.ctas .btn{flex:auto}}.section{padding-block:clamp(56px,8vw,96px)}.section+.section{border-top:1px solid var(--line)}.s-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:16px 48px;margin-bottom:clamp(28px,4vw,44px);display:grid}.s-head h2{letter-spacing:-.035em;font-size:clamp(32px,4.8vw,54px);font-weight:800;line-height:1}.s-head p{color:var(--dim);max-width:52ch;margin:0;font-size:16.5px}@media (max-width:820px){.s-head{grid-template-columns:minmax(0,1fr)}}.tools{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;display:grid}.tool{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:16px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.tool:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px)}.tool .tile-swatch{border-radius:13px;grid-row:span 2;width:44px;height:44px;font-size:20px}.tool b{justify-content:space-between;align-items:center;gap:8px;font-size:15.5px;font-weight:600;display:flex}.tool>span:not(.tile-swatch){color:var(--dim);font-size:14px;line-height:1.5}.tool kbd{font-size:11px}.specs{border:1px solid var(--line);background:var(--bg-2);border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.spec{border-left:1px solid var(--line);padding:26px 24px}.spec:first-child{border-left:0}.spec .num{font:800 clamp(42px, 5vw, 60px)/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:14px 0 10px}.spec .num small{color:var(--dim);letter-spacing:0;margin-left:5px;font-size:.36em;font-weight:700}.spec p{color:var(--dim);margin:0;font-size:14px}.specs-note{color:var(--faint);margin-top:12px;font-size:13px}@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:480px){.specs{grid-template-columns:minmax(0,1fr)}.spec{border-left:0!important}.spec+.spec{border-top:1px solid var(--line)}}.plug{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}.plug-code{gap:12px;min-width:0;display:grid}.plug-demo{text-align:center;justify-items:center;gap:16px;display:grid}.plug-demo p{color:var(--dim);max-width:40ch;margin:0;font-size:14.5px}@media (max-width:860px){.plug{grid-template-columns:minmax(0,1fr)}.plug-demo{order:-1}}.featured{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;display:grid}.steps{counter-reset:st;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.step{counter-increment:st;background:var(--bg-2);border:1px solid var(--line);border-radius:18px;align-content:start;gap:12px;min-width:0;padding:20px;display:grid}.step h3{align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.step h3:before{content:counter(st);background:var(--accent-soft);width:26px;height:26px;color:var(--accent-fg);font:600 13px var(--font-mono);border-radius:50%;flex:none;place-items:center;display:grid}.step p{color:var(--dim);margin:0;font-size:14.5px}@media (max-width:900px){.steps{grid-template-columns:minmax(0,1fr)}}.cta-band{color:#f2f2f5;background:#0f0e14;border-radius:28px;grid-template-columns:minmax(0,1.3fr) auto;align-items:center;gap:24px;margin-block:24px 16px;padding:clamp(32px,6vw,64px);display:grid;position:relative;overflow:hidden}.cta-band:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 45%, transparent), transparent);pointer-events:none;height:120%;position:absolute;inset:auto -10% -60% 40%}.cta-band h2{letter-spacing:-.035em;z-index:1;font-size:clamp(30px,4.6vw,52px);font-weight:800;line-height:1;position:relative}.cta-band p{color:#b4b3c2;z-index:1;max-width:48ch;margin:14px 0 0;position:relative}.cta-band .ctas{z-index:1;position:relative}.cta-band .btn{color:#fff;background:#ffffff14;border-color:#ffffff29}.cta-band .btn.accent{background:var(--accent);border-color:#0000}.cta-band code{color:#fff;background:#ffffff14;border-color:#ffffff1f}@media (max-width:760px){.cta-band{border-radius:22px;grid-template-columns:minmax(0,1fr)}}.pcard{background:var(--bg-2);border:1px solid var(--line);color:var(--fg);border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid;text-decoration:none!important}.pcard:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px)}.pcard h3{font:600 16.5px 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:13px;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:14.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:13px;display:inline-flex}.pcard .stars .phf{color:#b7860b}:root[data-theme=dark] .pcard .stars .phf{color:#e8b425}.dl-meta{color:var(--faint);margin:12px 0 0;font-size:13px}.dev-note{color:var(--dim);text-align:center;margin:8px 0 0;font-size:14.5px}.dev-note a{color:var(--fg);text-underline-offset:3px;text-decoration:underline}