*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:oklch(11.8% .026 226);--bg-deep:oklch(7.5% .022 232);--ink:oklch(96.5% .012 150);--ink-soft:oklch(77% .034 178);--ink-dim:oklch(58% .04 190);--panel:oklch(17% .034 226/.82);--panel-2:oklch(21.5% .04 224/.88);--line:oklch(38% .052 190/.36);--green:oklch(81% .17 159);--cyan:oklch(78% .12 212);--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--max:1180px;--wide:1380px;--ease-premium:cubic-bezier(.32, .72, 0, 1)}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;font-family:var(--font-body);background:radial-gradient(circle at 16% 4%, oklch(48% .12 165/.22), transparent 32rem), radial-gradient(circle at 78% 10%, oklch(48% .12 218/.18), transparent 34rem), linear-gradient(180deg, var(--bg), var(--bg-deep) 72%);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;opacity:.32;background-image:linear-gradient(oklch(90% .02 180/.05) 1px,#0000 1px),linear-gradient(90deg,oklch(90% .02 180/.05) 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 10%,#000,#0000 74%);mask-image:radial-gradient(circle at 50% 10%,#000,#0000 74%)}body:after{content:"";z-index:-1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 120%,oklch(58% .12 160/.12),#0000 45rem),repeating-radial-gradient(circle at 20% 20%,oklch(100% 0 0/.018) 0 1px,#0000 1px 4px);position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}p{color:var(--ink-soft)}code{font-family:var(--font-mono)}.container{width:min(var(--max), calc(100% - 40px));margin:0 auto}nav{z-index:100;width:min(var(--wide), calc(100% - 28px));border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.25);backdrop-filter:blur(20px)saturate(1.25);background:oklch(10.5% .026 228/.72);border-radius:999px;margin:8px auto 0;position:sticky;top:14px;box-shadow:0 18px 60px oklch(3% .02 232/.42)}.nav-inner{justify-content:space-between;align-items:center;gap:18px;padding:10px 14px 10px 20px;display:flex}.brand{font-family:var(--font-display);color:var(--ink);white-space:nowrap;align-items:center;gap:12px;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{background:oklch(8% .02 232/.72);border:1px solid oklch(81% .17 159/.38);border-radius:14px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.brand-mark img{width:23px;height:23px;display:block}.nav-links{font-family:var(--font-mono);align-items:center;gap:4px;font-size:12px;display:flex}.nav-links a{color:var(--ink-dim);border-radius:999px;padding:9px 12px;transition:color .18s,background .18s}.nav-links a:hover{color:var(--ink);background:oklch(82% .1 170/.09)}.hero{padding:clamp(58px,9vw,112px) 0 54px}.eyebrow,.kicker{color:var(--green);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:34px;height:1px;box-shadow:0 0 18px}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.055em;text-wrap:balance}h1{max-width:940px;margin-top:18px;font-size:clamp(56px,8.6vw,112px);font-weight:800;line-height:.88}h2{margin-top:8px;font-size:clamp(30px,4vw,54px);font-weight:800;line-height:.94}.hero-lede{color:oklch(82% .035 180);max-width:760px;margin-top:20px;font-size:clamp(18px,1.8vw,23px);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn{cursor:pointer;min-height:48px;font-family:var(--font-mono);transition:transform .35s var(--ease-premium), background .35s var(--ease-premium), border-color .35s var(--ease-premium);border:0;border-radius:999px;justify-content:center;align-items:center;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--green), var(--cyan));color:oklch(8% .02 232);box-shadow:0 18px 42px oklch(72% .15 170/.22)}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:oklch(18% .035 226/.58)}.story-grid,.package-grid{grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:stretch;gap:20px;padding:20px 0;display:grid}.primary-panel p,.command-panel p,.marketplace-panel p,.package-grid p{max-width:760px;margin-top:16px;font-size:17px;line-height:1.62}.command-line{color:var(--green);font-family:var(--font-mono);background:oklch(7.5% .022 232/.86);border:1px solid oklch(81% .17 159/.34);border-radius:24px;margin:28px 0 18px;padding:24px;font-size:clamp(18px,2vw,24px);line-height:1.35}.feature-list{color:var(--ink-soft);gap:14px;margin-top:24px;font-size:17px;list-style:none;display:grid}.feature-list li{grid-template-columns:12px 1fr;align-items:center;gap:12px;display:grid}.feature-dot{background:var(--green);border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px oklch(81% .17 159/.45)}.marketplace-panel{margin-top:20px;margin-bottom:76px}.market-steps{border:1px solid var(--line);background:var(--line);border-radius:30px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;display:grid;overflow:hidden}.market-steps div{background:oklch(13% .028 228/.82);min-height:138px;padding:22px}.market-steps strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:28px;display:block}.market-steps span{color:var(--ink-soft);margin-top:8px;display:block}.panel{border:1px solid var(--line);outline-offset:5px;background:var(--panel);border-radius:34px;outline:1px solid oklch(92% .02 160/.045);padding:clamp(22px,3vw,32px);box-shadow:0 24px 90px oklch(3.5% .02 232/.34),inset 0 1px oklch(92% .02 160/.08),inset 0 -30px 80px oklch(4% .02 232/.16)}@media (width<=920px){.story-grid,.package-grid,.market-steps{grid-template-columns:1fr}.hero{padding-top:48px}}@media (width<=640px){.container{width:min(var(--max), calc(100% - 28px))}.nav-inner{flex-direction:column;align-items:flex-start;padding:12px}.nav-links{flex-wrap:wrap}h1{font-size:clamp(48px,15vw,72px)}.panel{border-radius:26px}}