:root{--color-navy:#0f172a;--color-navy-700:#1e3a5f;--color-amber:#f59e0b;--color-amber-dark:#d97706;--color-amber-light:#fef3c7;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-400:#94a3b8;--color-gray-600:#475569;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-success:#10b981;--color-error:#ef4444;--font-display:"Instrument Sans", "DM Sans", Arial, sans-serif;--font-body:"DM Sans", Arial, sans-serif;--font-data:"Geist", "JetBrains Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-gray-50);color:var(--color-gray-800);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}main{overflow:hidden}.page{min-height:100vh}.container{width:min(1200px,100% - 32px);margin:0 auto}.nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafcf0;border-bottom:1px solid #e2e8f0e6;position:sticky;top:0}.nav-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:72px;display:grid}.brand{font-family:var(--font-display);color:var(--color-gray-900);align-items:center;gap:12px;font-weight:700;display:inline-flex}.brand-mark{background:var(--color-navy);width:32px;height:32px;color:var(--color-amber);font-family:var(--font-data);border-radius:6px;place-items:center;font-size:14px;display:grid}.nav-links{color:var(--color-gray-600);justify-content:center;gap:24px;font-size:14px;font-weight:600;display:flex}.nav-links a:hover{color:var(--color-gray-900)}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:700;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out;display:inline-flex}.button-primary{background:var(--color-amber);color:var(--color-gray-900)}.button-primary:hover{background:var(--color-amber-dark);color:var(--color-white)}.button-secondary{border-color:var(--color-gray-300,#cbd5e1);background:var(--color-white);color:var(--color-gray-900)}.button-secondary:hover{border-color:var(--color-gray-400)}.hero{background:var(--color-navy);color:#e2e8f0}.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:48px;min-height:calc(100vh - 72px);padding:72px 0 48px;display:grid}.eyebrow{color:var(--color-amber);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:800}h1,h2,h3{color:var(--color-gray-900);font-family:var(--font-display);letter-spacing:0;margin:0;line-height:1.15}.hero h1{max-width:760px;color:var(--color-white);font-size:clamp(40px,6vw,64px)}.hero-copy{color:#cbd5e1;max-width:620px;margin:24px 0 0;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-note{color:#94a3b8;margin-top:24px;font-size:14px}.demo-shell{gap:16px;display:grid}.demo-panel{background:#12213a;border:1px solid #94a3b847;border-radius:8px;box-shadow:0 24px 72px #00000047}.demo-header{color:#cbd5e1;border-bottom:1px solid #94a3b83d;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:700;display:flex}.status{color:#6ee7b7;background:#10b98124;border-radius:999px;padding:4px 8px;font-size:12px}.demo-body{padding:16px}.data-list{font-family:var(--font-data);gap:10px;margin:0;padding:0;font-size:14px;line-height:1.45;list-style:none;display:grid}.data-list li{grid-template-columns:24px 1fr;gap:8px;display:grid}.data-list span:first-child{color:var(--color-amber)}.code-block{color:#dbeafe;font-family:var(--font-data);background:#0b1220;border-radius:6px;margin:0;padding:16px;font-size:13px;line-height:1.5;overflow:auto}.section{padding:96px 0}.section-alt{background:var(--color-white)}.section-header{gap:16px;max-width:780px;margin-bottom:40px;display:grid}.section-header h2{font-size:clamp(30px,4vw,44px)}.section-header p{color:var(--color-gray-600);margin:0;font-size:18px}.split{grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);align-items:start;gap:48px;display:grid}.feature-list,.plain-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.feature-list li,.plain-list li{grid-template-columns:28px 1fr;align-items:start;gap:12px;display:grid}.check{background:var(--color-amber-light);width:24px;height:24px;color:var(--color-amber-dark);border-radius:4px;place-items:center;font-weight:900;display:grid}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.audience-card{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px;align-content:start;gap:14px;padding:20px;display:grid}.audience-label{color:var(--color-amber-dark);text-transform:uppercase;font-size:13px;font-weight:800}.audience-card h3{font-size:22px}.audience-card p{color:var(--color-gray-600);margin:0}.text-button{border:0;border-bottom:2px solid var(--color-amber);color:var(--color-gray-900);background:0 0;justify-self:start;padding:2px 0;font-weight:800;transition:color .15s ease-out,border-color .15s ease-out}.text-button:hover{border-color:var(--color-amber-dark);color:var(--color-amber-dark)}.work-surface{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px}.work-row{border-bottom:1px solid var(--color-gray-200);grid-template-columns:160px 1fr;gap:24px;padding:18px;display:grid}.work-row:last-child{border-bottom:0}.work-label{color:var(--color-gray-600);text-transform:uppercase;font-size:13px;font-weight:800}.work-row p{margin:0}.matrix{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px;display:grid}.matrix-row{border-bottom:1px solid var(--color-gray-200);grid-template-columns:56px 1fr 1.1fr;gap:16px;padding:20px;display:grid}.matrix-row:last-child{border-bottom:0}.matrix-number{color:var(--color-amber-dark);font-family:var(--font-data);font-weight:800}.matrix h3{font-size:20px}.matrix p{color:var(--color-gray-600);margin:4px 0 0}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.flow{border-top:2px solid var(--color-gray-900);padding-top:18px}.flow h3{margin-bottom:12px}.flow code{color:var(--color-gray-600);font-family:var(--font-data);white-space:normal;display:block}.form-section{background:var(--color-navy);color:#dbeafe}.form-section h2{color:var(--color-white)}.form-section .section-header p{color:#cbd5e1}.lead-form{background:#12213a;border:1px solid #94a3b847;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;display:grid}.field{gap:6px;display:grid}.field-full{grid-column:1/-1}.field label{color:#cbd5e1;font-size:13px;font-weight:800}.field input,.field select,.field textarea{width:100%;color:var(--color-white);background:#0f172a;border:1px solid #94a3b866;border-radius:4px;outline:none;padding:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-amber)}.field textarea{resize:vertical;min-height:112px}.consent{color:#cbd5e1;align-items:flex-start;gap:10px;font-size:14px;display:flex}.consent input{width:auto;margin-top:5px}.form-status{color:#cbd5e1;min-height:24px;margin:0;font-size:14px}.form-status.success{color:#86efac}.form-status.error{color:#fecaca}.hidden-field{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.footer{border-top:1px solid var(--color-gray-200);color:var(--color-gray-600);padding:32px 0;font-size:14px}@media (max-width:900px){.nav-inner{grid-template-columns:1fr auto}.nav-links{display:none}.hero-grid,.split,.flow-grid,.audience-grid{grid-template-columns:1fr}.hero-grid{min-height:auto}.matrix-row,.work-row,.lead-form{grid-template-columns:1fr}}@media (max-width:520px){.container{width:min(100% - 24px,1200px)}.section{padding:64px 0}.hero h1{font-size:38px}.hero-actions{flex-direction:column}.button{width:100%}.lead-form{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}