:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}:root{--bg:#080b14;--panel:#101626;--panel-strong:#151d31;--text:#d7dce8;--muted:#91a0b8;--heading:#f8fbff;--line:#ffffff1f;--brand:#8b5cf6;--brand-2:#22d3ee;--safe:#34d399;--danger:#fb7185;--shadow:0 24px 80px #00000059;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 16% -8%,#8b5cf657,#0000 36rem),radial-gradient(circle at 88% 3%,#22d3ee42,#0000 31rem),radial-gradient(circle at 50% 46%,#f472b614,#0000 28rem),linear-gradient(#060812 0%,#0d1224 45%,#080b14 100%);min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#080b14c7;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1180px;margin:0 auto;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.brand,nav{align-items:center;gap:.8rem;display:flex}.brand{color:var(--heading);font-weight:800;text-decoration:none}.brand-mark{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-radius:.8rem;place-items:center;width:2.3rem;height:2.3rem;display:inline-grid;box-shadow:0 12px 28px #8b5cf64d}nav{flex-wrap:wrap;justify-content:flex-end}nav a{color:var(--muted);border-radius:999px;padding:.55rem .75rem;font-size:.94rem;text-decoration:none}nav a:hover,.nav-cta{color:var(--heading);background:#ffffff14}.section-pad{max-width:1180px;margin:0 auto;padding:4.5rem 1.25rem}.hero{grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);align-items:center;gap:2.3rem;min-height:76vh;display:grid;position:relative}.hero:before{content:"";background:linear-gradient(90deg,#0000,#ffffff52,#0000);height:1px;position:absolute;inset:4rem 1.25rem auto}.hero-copy h1,.page h1{color:var(--heading);letter-spacing:-.07em;margin:.35rem 0 1.2rem;font-size:clamp(2.6rem,7vw,5.9rem);line-height:.95}.lede,.page-lede,.section-heading p,.split p,.submit-band p,.footer p{color:var(--muted);font-size:1.08rem;line-height:1.7}.lede{max-width:720px;font-size:clamp(1.08rem,2vw,1.35rem)}.eyebrow{color:var(--brand-2);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.78rem;font-weight:800}.cta-row{flex-wrap:wrap;gap:.85rem;margin:2rem 0 1rem;display:flex}.button{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:2.9rem;padding:.75rem 1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.button.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000}.button.secondary{color:var(--heading);background:#ffffff0f}.metric-row{flex-wrap:wrap;gap:.75rem;margin-top:1.35rem;display:flex}.metric-row span{border:1px solid var(--line);color:#b6c4db;background:#ffffff0e;border-radius:999px;align-items:baseline;gap:.35rem;padding:.55rem .75rem;font-size:.88rem;display:inline-flex}.metric-row strong{color:var(--heading);font-size:1.05rem}.trust-line{color:#b6c4db;font-size:.95rem}.hero-panel,.studio-mockup,.kit-card,.value-card,.split article,.compare-table article,.submit-band,.legal-copy,.showcase-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff13,#ffffff09);border-radius:1.35rem}.hero-panel{padding:1.25rem;overflow:hidden}.studio-mockup{background:linear-gradient(135deg,#8b5cf638,#22d3ee1f 44%,#ffffff0d);padding:.85rem;position:relative;overflow:hidden}.studio-mockup:before{content:"";filter:blur(18px);background:#f472b642;border-radius:999px;width:17rem;height:17rem;position:absolute;top:-5rem;right:-5rem}.mockup-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050712d1;border:1px solid #ffffff29;border-radius:1.05rem;position:relative;overflow:hidden}.mockup-titlebar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:.45rem;padding:.85rem;font-size:.78rem;display:flex}.mockup-path{color:#cbd5e1;margin-left:.5rem}.mockup-pill{color:#a5f3fc;background:#22d3ee1f;border:1px solid #22d3ee38;border-radius:999px;margin-left:auto;padding:.28rem .55rem}.mockup-body{grid-template-columns:7.3rem minmax(0,1fr);min-height:26rem;display:grid}.mockup-sidebar{border-right:1px solid var(--line);background:#ffffff06;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.sidebar-chip{color:var(--muted);border-radius:.75rem;padding:.55rem .65rem;font-size:.82rem}.sidebar-chip.active{color:var(--heading);background:linear-gradient(135deg,#8b5cf652,#22d3ee29);border:1px solid #ffffff24}.mockup-canvas{gap:1rem;padding:1rem;display:grid}.skin-board{grid-template-columns:.82fr 1.18fr;align-items:stretch;gap:.8rem;display:grid}.board-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .55rem;font-size:.72rem;font-weight:800}.before-window{background:linear-gradient(#111827,#050712);border:1px solid #ffffff1a;border-radius:1rem;align-content:end;gap:.55rem;min-height:12.3rem;padding:1rem;display:grid}.before-window span{opacity:.8;background:#475569;border-radius:999px;height:.55rem}.before-window span:nth-child(2){opacity:.54;width:72%}.before-window span:nth-child(3){opacity:.42;width:48%}.template-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.rail-card{background:radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--rail-accent) 38%, transparent), transparent 4.5rem), #ffffff0b;border:1px solid #ffffff1f;border-radius:1rem;align-content:end;gap:.2rem;min-height:6.2rem;padding:.9rem;display:grid;position:relative;overflow:hidden}.rail-card span{background:var(--rail-accent);width:2.2rem;height:2.2rem;box-shadow:0 0 28px color-mix(in srgb, var(--rail-accent) 48%, transparent);border-radius:.75rem;position:absolute;top:.8rem;left:.8rem}.rail-card strong{color:var(--heading)}.rail-card small{color:var(--muted)}.terminal-dot{border-radius:50%;width:.72rem;height:.72rem;margin-right:.35rem;display:inline-block}.red{background:#fb7185}.yellow{background:#fbbf24}.green{background:#34d399}.skin-preview{gap:.9rem;margin-bottom:1rem;display:grid}.preview-window{background:radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--template-accent) 34%, transparent), transparent 8rem), linear-gradient(135deg, #ffffff14, #ffffff06);border:1px solid var(--line);border-radius:1rem;min-height:10rem;padding:1rem;position:relative;overflow:hidden}.preview-window:after{content:"";border:1px solid color-mix(in srgb, var(--template-accent) 55%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--template-accent) 18%, transparent), #0000002e);border-radius:.9rem;position:absolute;inset:3.2rem 1rem 1rem}.preview-lines{z-index:1;gap:.5rem;display:grid;position:absolute;bottom:2rem;left:2rem;right:2rem}.preview-lines span{background:color-mix(in srgb, var(--template-accent) 65%, white);opacity:.82;border-radius:999px;height:.55rem}.preview-lines span:nth-child(2){opacity:.52;width:68%}.preview-lines span:nth-child(3){opacity:.35;width:45%}.palette-row,.palette-list{flex-wrap:wrap;gap:.5rem;display:flex}.palette-row span{border:1px solid #ffffff47;border-radius:999px;width:2.35rem;height:2.35rem;box-shadow:0 10px 24px #00000038}.palette-list code{color:var(--heading);border:1px solid var(--line);background:#ffffff12;border-radius:999px;padding:.38rem .62rem}pre{color:#dff7ff;background:#050712;border:1px solid #ffffff14;border-radius:1rem;margin:1.25rem 0 0;padding:1.25rem;line-height:1.7;overflow-x:auto}.showcase-strip{grid-template-columns:1.4fr repeat(3,.65fr);gap:1rem;padding-top:0;display:grid}.showcase-card{box-shadow:none;align-content:space-between;min-height:9rem;padding:1.25rem;display:grid}.showcase-card.wide{background:linear-gradient(135deg,#8b5cf62e,#22d3ee14)}.showcase-card h2{font-size:clamp(1.7rem,3vw,2.65rem)}.showcase-card strong{color:var(--brand-2);font-size:1.7rem}.showcase-card span{color:var(--heading);font-weight:800;line-height:1.3}.section-heading{max-width:760px;margin-bottom:1.6rem}h2{color:var(--heading);letter-spacing:-.045em;margin:.35rem 0 .75rem;font-size:clamp(2rem,4vw,3.3rem);line-height:1}h3{color:var(--heading);margin:0 0 .75rem;font-size:1.2rem}.kit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.kit-card{padding:1.1rem;position:relative;overflow:hidden}.kit-card:before{content:"";background:var(--kit-accent);height:.28rem;position:absolute;inset:0 0 auto}.kit-card-topline{color:var(--muted);justify-content:space-between;gap:.75rem;margin-bottom:1rem;font-size:.76rem;display:flex}.kit-card p,.kit-card dd,.value-card p,.compare-table p,.legal-copy p,.bullet-list,.checklist{color:var(--muted);line-height:1.65}dl{gap:.7rem;margin:1rem 0;display:grid}dt{color:var(--heading);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}dd{margin:0}.chip-list{flex-wrap:wrap;gap:.45rem;margin:1rem 0;padding:0;list-style:none;display:flex}.chip-list li{border:1px solid var(--line);color:#c7d2fe;border-radius:999px;padding:.28rem .55rem;font-size:.78rem}.text-link{color:var(--brand-2);font-weight:800;text-decoration:none}.muted-link{color:#c7d2fe}.card-actions{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.value-grid,.theme-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.value-card{box-shadow:none;padding:1.3rem}.detail-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start;gap:1rem;margin:2rem 0;display:grid}.recipe-card,.section-block{border:1px solid var(--line);background:linear-gradient(#ffffff13,#ffffff09);border-radius:1.35rem;padding:1.35rem}.recipe-card p,.section-block p{color:var(--muted);line-height:1.7}.section-block{margin-top:1.2rem}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem;display:grid}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.split article{padding:1.6rem}.submit-band{text-align:center;padding-top:3rem;padding-bottom:3rem}.submit-band p{max-width:720px;margin:0 auto 1.4rem}.page{min-height:58vh}.page .page-lede{max-width:820px;margin-bottom:2rem}.compare-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.compare-table article{padding:1.3rem}.checklist,.bullet-list{gap:.8rem;max-width:850px;padding-left:1.2rem;display:grid}.legal-copy{max-width:900px;padding:1.35rem}.footer{border-top:1px solid var(--line);padding-top:2rem}.footer-links{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}.footer-links a{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;font-size:.82rem;text-decoration:none}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start;position:static}nav{justify-content:flex-start}.hero,.split,.compare-table,.detail-layout,.showcase-strip,.mockup-body,.skin-board{grid-template-columns:1fr}.mockup-sidebar{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap}.kit-grid,.value-grid,.theme-list,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-pad{padding:3rem 1rem}}@media (width<=620px){.kit-grid,.value-grid,.theme-list,.pricing-grid,.template-rail{grid-template-columns:1fr}nav a{padding:.45rem .5rem}.hero-copy h1,.page h1{font-size:2.55rem}.mockup-titlebar{flex-wrap:wrap}.mockup-pill{margin-left:0}}