:root{--slate: #1B1F26;--slate-mid: #2A3038;--slate-soft: #3a414a;--ink-mute: #585045;--bone: #F2EDDF;--bone-soft: #E6DFCB;--bone-deep: #C9BC9A;--velvet: #0F1A28;--velvet-mid: #182636;--brass: #B58A2B;--brass-deep: #735410;--brass-soft: #D9B870;--brass-pale: #ECDCB1;--brick: #7A4B2E;--brick-soft: #A26B45;--hair: color-mix(in oklab, var(--slate) 12%, transparent);--hair-deep: color-mix(in oklab, var(--slate) 22%, transparent);--hair-paper: color-mix(in oklab, var(--bone) 22%, transparent);--ff-display: "Cardo", "EB Garamond", "Times New Roman", Georgia, serif;--ff-body: "Inter", system-ui, -apple-system, sans-serif;--ff-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--wrap: 1240px;--gutter: 28px;--radius: 3px;--shadow-soft: 0 1px 2px rgba(15,26,40,.06), 0 8px 24px -8px rgba(15,26,40,.18);--shadow-lift: 0 2px 6px rgba(15,26,40,.1), 0 22px 44px -16px rgba(15,26,40,.3);--shadow-velvet: 0 30px 70px -30px rgba(15,26,40,.55)}*{box-sizing:border-box}html{overflow-x:hidden}html,body{margin:0;padding:0}body{background:var(--bone);background-image:radial-gradient(ellipse 60% 40% at 0% 0%,color-mix(in oklab,var(--brass-pale) 24%,transparent) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 100% 100%,color-mix(in oklab,var(--bone-deep) 22%,transparent) 0%,transparent 70%);color:var(--slate);font-family:var(--ff-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:var(--velvet);text-decoration:none}a:hover{color:var(--brass-deep)}a:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:2px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brass);outline-offset:2px}h1,h2,h3,h4{font-family:var(--ff-display);font-weight:700;color:var(--slate);letter-spacing:-.005em;line-height:1.1;margin:0}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}.section{padding:clamp(56px,8vw,96px) 0;position:relative}.bg-velvet{background:var(--velvet);color:var(--bone)}.bg-velvet h1,.bg-velvet h2,.bg-velvet h3,.bg-velvet h4{color:var(--bone)}.bg-slate{background:var(--slate);color:var(--bone)}.bg-slate h1,.bg-slate h2,.bg-slate h3,.bg-slate h4{color:var(--bone)}.bg-bone-soft{background:var(--bone-soft)}.eyebrow{font-family:var(--ff-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-weight:600}.eyebrow.brass{color:var(--brass-deep)}.eyebrow.brick{color:var(--brick)}.eyebrow.paper{color:var(--brass-pale)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;background:var(--slate);color:var(--bone);border-radius:var(--radius);font-weight:600;font-size:14px;letter-spacing:.02em;border:none;cursor:pointer;transition:background .18s ease,transform .18s ease,color .18s ease}.btn-primary:hover{background:var(--velvet);color:var(--brass-pale);transform:translateY(-1px)}.btn-gold{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;background:var(--brass);color:var(--slate);border-radius:var(--radius);font-weight:700;font-size:14px;letter-spacing:.02em;border:none;cursor:pointer;transition:background .18s ease,transform .18s ease,color .18s ease;box-shadow:0 6px 16px -8px color-mix(in oklab,var(--brass) 70%,transparent)}.btn-gold:hover{background:var(--brass-deep);color:var(--bone);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;background:transparent;color:var(--slate);border:1px solid var(--hair-deep);border-radius:var(--radius);font-weight:600;font-size:14px;transition:background .18s ease,border-color .18s ease,color .18s ease}.btn-ghost:hover{background:var(--bone-soft);border-color:var(--brass-deep);color:var(--velvet)}.mock-frame{background:#fff;border:1px solid var(--hair-deep);border-radius:6px;overflow:hidden;box-shadow:var(--shadow-soft)}.mock-browser{display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--bone-soft);border-bottom:1px solid var(--hair-deep)}.mock-dot{width:10px;height:10px;border-radius:50%;background:var(--bone-deep)}.mock-url{margin-left:14px;font-family:var(--ff-mono);font-size:12px;color:var(--ink-mute)}.card{background:#fff;border:1px solid var(--hair);border-radius:6px;padding:28px;box-shadow:var(--shadow-soft)}.card-velvet{background:var(--velvet);color:var(--bone);padding:28px;border-radius:6px}.card-velvet h1,.card-velvet h2,.card-velvet h3,.card-velvet h4{color:var(--bone)}