@import"https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--forest: #0b3d2e;--forest-700: #0e503c;--forest-600: #136349;--forest-soft: #e8efe9;--forest-tint: #f1f5f1;--gold: var(--forest-600);--gold-deep: var(--forest-700);--gold-soft: var(--forest-soft);--aurora-1: #1f8f68;--aurora-2: #5fcaa0;--aurora-3: var(--forest-600);--ai-grad: linear-gradient(118deg, var(--aurora-1) 0%, var(--aurora-2) 46%, var(--aurora-3) 100%);--ai-glow: 0 0 0 1px rgba(95,202,160,.35), 0 8px 30px -10px rgba(31,143,104,.55);--bg: #f6f7f3;--surface: #ffffff;--surface-2: #f0f2ec;--surface-3: #e9ece2;--border: #e3e6dc;--border-strong: #ccd1c4;--ink: #14201a;--ink-2: #46514a;--ink-3: #6f7a72;--ink-inv: #f6f7f3;--pos: #1f8f68;--pos-soft: #e4f1ea;--warn: var(--neg);--warn-soft: var(--neg-soft);--neg: #c0392b;--neg-soft: #f7e4e1;--info: #2a6fa8;--info-soft: #e2edf5;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 22px;--r-2xl:30px;--r-full: 999px;--sh-1: 0 1px 2px rgba(20,32,26,.06), 0 1px 3px rgba(20,32,26,.05);--sh-2: 0 2px 6px rgba(20,32,26,.06), 0 8px 24px -10px rgba(20,32,26,.12);--sh-3: 0 12px 40px -16px rgba(20,32,26,.28);--font-sans: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--maxw: 1200px;color-scheme:light;--cockpit-ink: var(--ink);--cockpit-ink-2: var(--ink-2);--cockpit-ink-3: var(--ink-3);--cockpit-ink-4: var(--ink-3);--cockpit-border: var(--border);--cockpit-divider: var(--border);--cockpit-bg: var(--bg);--cockpit-panel: var(--surface);--accent: var(--gold);--font-display: var(--font-sans)}[data-theme=dark]{--forest: #2f9d72;--forest-700: #38b082;--forest-600: #45c08f;--forest-soft: #15271f;--forest-tint: #11201a;--gold: var(--forest-600);--gold-deep: var(--forest-700);--gold-soft: var(--forest-soft);--aurora-1: #2f9d72;--aurora-2: #6fe0b1;--aurora-3: var(--forest-600);--ai-glow: 0 0 0 1px rgba(111,224,177,.28), 0 10px 36px -12px rgba(47,157,114,.6);--bg: #0a120e;--surface: #111d17;--surface-2: #16241d;--surface-3: #1d2e25;--border: #233328;--border-strong: #324636;--ink: #edf2ec;--ink-2: #a9b5ac;--ink-3: #76847b;--ink-inv: #0a120e;--pos: #45c08f;--pos-soft: #102a1f;--warn: var(--neg);--warn-soft: var(--neg-soft);--neg: #e8776a;--neg-soft: #2c1714;--info: #6fb6e6;--info-soft: #122230;--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 2px 8px rgba(0,0,0,.4), 0 12px 32px -14px rgba(0,0,0,.6);--sh-3: 0 18px 50px -20px rgba(0,0,0,.75);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{margin:0;line-height:1.08;letter-spacing:-.02em;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}::selection{background:color-mix(in oklab,var(--gold) 50%,transparent);color:var(--ink)}.display{font-size:clamp(40px,6vw,76px);font-weight:800;letter-spacing:-.035em;line-height:1.02}.h1{font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.03em}.h2{font-size:clamp(24px,2.4vw,32px);font-weight:700;letter-spacing:-.025em}.h3{font-size:21px;font-weight:700;letter-spacing:-.02em}.h4{font-size:17px;font-weight:600;letter-spacing:-.01em}.body-lg{font-size:19px;line-height:1.6;color:var(--ink-2)}.body{font-size:16px;color:var(--ink-2)}.small{font-size:14px;color:var(--ink-2)}.muted{color:var(--ink-3)}.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--forest);display:inline-flex;align-items:center;gap:8px}[data-theme=dark] .eyebrow{color:var(--forest-700)}.mono{font-family:var(--font-mono)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;line-height:1;padding:0 18px;height:44px;border-radius:var(--r);border:1px solid transparent;background:transparent;color:var(--ink);transition:transform .12s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn .ic{width:17px;height:17px}.btn-sm{height:36px;font-size:13.5px;padding:0 14px;border-radius:var(--r-sm)}.btn-lg{height:52px;font-size:16px;padding:0 26px}.btn-primary{background:var(--forest);color:#fff;box-shadow:var(--sh-1)}.btn-primary:hover{background:var(--forest-700);box-shadow:var(--sh-2)}[data-theme=dark] .btn-primary{color:#06120c}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong);box-shadow:var(--sh-1)}.btn-secondary:hover{border-color:var(--forest);background:var(--surface-2)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-gold{background:var(--gold);color:#2a2310}.btn-gold:hover{filter:brightness(1.05);box-shadow:var(--sh-2)}.btn-ai{position:relative;color:#fff;border:0;background:var(--ai-grad);background-size:160% 160%;box-shadow:var(--ai-glow);animation:aiShift 7s ease infinite}.btn-ai:hover{filter:saturate(1.1) brightness(1.04)}@keyframes aiShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.btn-ai{animation:none}}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.card-pad{padding:24px}.card-hover{transition:transform .18s ease,box-shadow .25s ease,border-color .2s}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--border-strong)}.card-ai{position:relative;border:0;border-radius:var(--r-lg);background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--ai-grad) border-box;border:1px solid transparent;box-shadow:var(--sh-1)}.card-ai:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 90% -10%,color-mix(in oklab,var(--aurora-2) 16%,transparent),transparent 60%)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;line-height:1;padding:5px 10px;border-radius:var(--r-full);background:var(--surface-2);color:var(--ink-2);border:1px solid var(--border);white-space:nowrap}.badge-forest{background:var(--forest-soft);color:var(--forest);border-color:transparent}[data-theme=dark] .badge-forest{color:var(--forest-700)}.badge-gold{background:var(--gold-soft);color:var(--gold-deep);border-color:transparent}.badge-pos{background:var(--pos-soft);color:var(--pos);border-color:transparent}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge-neg{background:var(--neg-soft);color:var(--neg);border-color:transparent}.badge-ai{font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.04em;white-space:nowrap;color:#fff;border:0;padding:5px 10px;background:var(--ai-grad);background-size:150% 150%;box-shadow:0 4px 14px -6px #1f8f6899;animation:aiShift 7s ease infinite}[data-theme=dark] .badge-ai{color:#06120c}.chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;padding:7px 13px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-2)}.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--forest)}.field{display:flex;flex-direction:column;gap:7px}.label{font-size:13.5px;font-weight:600;color:var(--ink)}.hint{font-size:12.5px;color:var(--ink-3)}.input,.select,.textarea{width:100%;min-width:0;font-family:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);padding:0 14px;height:46px;transition:border-color .15s,box-shadow .15s,background .2s}.textarea{height:auto;padding:12px 14px;resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 4px color-mix(in oklab,var(--forest) 16%,transparent)}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:42px}.input-group .ic-lead{position:absolute;left:14px;width:18px;height:18px;color:var(--ink-3);pointer-events:none}.switch{position:relative;width:46px;height:26px;border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--border-strong);cursor:pointer;transition:background .2s,border-color .2s;flex:0 0 auto}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:transform .2s ease}.switch[aria-checked=true]{background:var(--forest);border-color:var(--forest)}.switch[aria-checked=true]:after{transform:translate(20px)}.seg{display:inline-flex;padding:4px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full)}.seg button{border:0;background:transparent;color:var(--ink-3);font-weight:600;font-size:13px;padding:6px 12px;border-radius:var(--r-full);display:inline-flex;align-items:center;gap:6px;transition:background .2s,color .2s}.seg button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.seg .ic{width:15px;height:15px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;color:#fff;background:var(--forest);flex:0 0 auto}.avatar.gold{background:var(--gold);color:#2a2310}.avatar-stack{display:flex}.avatar-stack .avatar{width:32px;height:32px;font-size:12px;border:2px solid var(--surface);margin-left:-9px}.avatar-stack .avatar:first-child{margin-left:0}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:500;padding:12px 14px;border-bottom:1px solid var(--border)}.tbl td{padding:14px;border-bottom:1px solid var(--border);color:var(--ink-2)}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:var(--surface-2)}.tbl .strong{color:var(--ink);font-weight:600}.alert{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2)}.alert .ic{width:20px;height:20px;flex:0 0 auto;margin-top:1px}.alert-pos{background:var(--pos-soft);border-color:transparent}.alert-pos .ic,.alert-pos .at{color:var(--pos)}.alert-warn{background:var(--warn-soft);border-color:transparent}.alert-warn .ic,.alert-warn .at{color:var(--warn)}.alert-info{background:var(--info-soft);border-color:transparent}.alert-info .ic,.alert-info .at{color:var(--info)}.hr{height:1px;background:var(--border);border:0;margin:0}.hr-text{display:flex;align-items:center;gap:14px;color:var(--ink-3);font-size:13px}.hr-text:before,.hr-text:after{content:"";flex:1;height:1px;background:var(--border)}.topbar{position:sticky;top:0;z-index:40;backdrop-filter:blur(12px);background:color-mix(in oklab,var(--bg) 80%,transparent);border-bottom:1px solid var(--border)}.topbar-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-2);padding:8px 13px;border-radius:var(--r-sm);transition:background .2s,color .2s}.nav-links a:hover{color:var(--ink);background:var(--surface-2)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:19px;letter-spacing:-.03em;color:var(--ink)}.brand .mark{width:32px;height:32px;border-radius:9px;flex:0 0 auto}.pill-controls{display:flex;align-items:center;gap:10px}.grid{display:grid;gap:20px}.text-grad{background:var(--ai-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.maple{color:#c0392b}[data-theme=dark] .maple{color:#e8776a}.kbd{font-family:var(--font-mono);font-size:11px;padding:3px 6px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink-2)}.glow-bg{position:relative;isolation:isolate}.fade-up{animation:fadeUp .7s cubic-bezier(.2,.7,.2,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fade-up{animation:none}}
