
:root{
  --bg:#07100b; --bg2:#111a14; --paper:#f2f3ee; --paper2:#fbfbf8;
  --lime:#d8ff3f; --ink:#0a120d; --muted:#748077; --line:#344039;
  --soft:#dfe3dc; --danger:#ff6e6e; --max:1600px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--ink)}
a{color:inherit}.topbar{height:78px;background:#151d18;color:#fff;border-bottom:1px solid #334038;display:flex;align-items:center;gap:28px;padding:0 max(28px,calc((100vw - var(--max))/2 + 28px));position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.02em}.mark{display:flex;align-items:flex-end;gap:3px;width:28px;height:28px;background:#202922;padding:5px}.mark i{width:4px;background:var(--lime)}.mark i:nth-child(1){height:6px}.mark i:nth-child(2){height:11px}.mark i:nth-child(3){height:17px}
.nav{display:flex;gap:26px;margin:auto}.nav a{text-decoration:none;font-size:13px;font-weight:700}.nav a:hover{color:var(--lime)}
.btn{border:0;padding:15px 20px;font-weight:800;cursor:pointer}.btn-lime{background:var(--lime);color:#08100a}.btn-dark{background:#111a14;color:#fff}.btn-ghost{background:transparent;border:1px solid #67736b;color:inherit}.btn-small{padding:10px 14px;font-size:12px}
.hero{background:var(--bg);color:#fff;min-height:650px;padding:92px max(5vw,48px) 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(216,255,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(216,255,63,.035) 1px,transparent 1px),radial-gradient(circle at 65% 40%,rgba(109,137,44,.18),transparent 35%);background-size:66px 66px,66px 66px,100% 100%}
.hero>*{position:relative;z-index:1}.eyebrow{font:700 11px "IBM Plex Mono",monospace;letter-spacing:.14em;color:#738078}.eyebrow.lime{color:var(--lime)}.hero h1,.section-title{font-weight:500;letter-spacing:-.075em;line-height:.88;margin:28px 0}.hero h1{font-size:clamp(64px,6.4vw,116px)}.hero h1 span,.lime{color:var(--lime)}.hero p{font-size:19px;line-height:1.55;color:#a7b1aa;max-width:760px}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:28px}.micro{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;color:#7d8981;font:600 10px "IBM Plex Mono"}
.live-card{align-self:center;border:1px solid #687d3b;background:#0e1811;box-shadow:24px 24px 0 rgba(62,78,36,.25);padding:20px}.live-head{display:flex;justify-content:space-between;font:600 10px "IBM Plex Mono";color:#718078}.online{color:var(--lime)}.radar{height:350px;margin:20px 0;border:1px solid #344237;position:relative;overflow:hidden}.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(216,255,63,.24);border-radius:50%}.r1{width:115px;height:115px}.r2{width:235px;height:235px}.r3{width:390px;height:390px}.axis{position:absolute;background:#2d3b31}.axis.x{height:1px;left:0;right:0;top:50%}.axis.y{width:1px;top:0;bottom:0;left:50%}.matchcore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--lime);border-radius:50%;width:94px;height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center}.matchcore b{font-size:35px;color:var(--lime)}.matchcore small{font:700 8px "IBM Plex Mono";color:#819087}.node{position:absolute;font-family:"IBM Plex Mono";font-size:9px;color:#758078}.node b{display:block;color:#fff;font:800 26px Inter}.node:before{content:"";width:10px;height:10px;background:var(--lime);border-radius:50%;box-shadow:0 0 18px var(--lime);display:block;margin-bottom:7px}.team{left:13%;bottom:18%}.need{right:10%;top:18%}
.stepstrip{display:grid;grid-template-columns:repeat(4,1fr);background:#f6f6f2;border-bottom:1px solid #aeb5b0}.stepstrip div{padding:32px 5vw;border-right:1px solid #cfd4d0}.stepstrip small{font:700 10px "IBM Plex Mono";color:#738078}.stepstrip b{display:block;margin:10px 0 5px}.stepstrip span{font-size:12px;color:#7a847d}
.section{padding:90px 5vw}.section.light{background:var(--paper)}.section.dark{background:var(--bg);color:#fff}.section-title{font-size:clamp(54px,5.2vw,96px)}.lead{font-size:17px;line-height:1.65;color:#707a73}.dark .lead{color:#8a968e}.twocol{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.shadow-card{background:#07100a;color:#fff;border:1px solid #243128;box-shadow:24px 24px 0 #e1e4dd;padding:34px}.shadow-card h3{font-size:54px;line-height:.94;letter-spacing:-.06em;font-weight:500}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #475149}.card{padding:32px;min-height:430px;display:flex;flex-direction:column}.card+.card{border-left:1px solid #475149}.card.dark{background:#07100a;color:#fff}.card h3{font-size:30px;line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:55px 0 20px}.card p{color:#707a73;line-height:1.55}.card.dark p{color:#89948d}.card .bottom{margin-top:auto;padding-top:20px;border-top:1px solid #cdd2ce}.card.dark .bottom{border-color:#344139}
.nodegrid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #455048}.nodecard{padding:32px;min-height:460px}.nodecard+.nodecard{border-left:1px solid #455048}.nodecard.dark{background:#07100a;color:#fff}.nodecard h3{font-size:30px;letter-spacing:-.05em;font-weight:500}.mini-bars span{display:flex;position:relative;background:#182813;margin:7px 0;height:30px;align-items:center;padding:0 10px;font:700 9px "IBM Plex Mono";color:var(--lime)}.mini-bars i{position:absolute;left:0;top:0;bottom:0;background:#24391b}.mini-bars b,.mini-bars em{position:relative;z-index:1}.mini-bars em{margin-left:auto;font-style:normal}
.quality{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.gate{border:1px solid #4e5d53;background:#0d1710}.gate-head{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #39473e;font:700 9px "IBM Plex Mono";color:#819087}.gate-head b{color:var(--lime)}.scorebig{display:flex;align-items:flex-end;padding:38px 28px}.scorebig strong{font-size:118px;line-height:.8;color:var(--lime)}.scorebig span{font:600 9px "IBM Plex Mono";color:#7f8c84;margin-left:10px}.gaterow{padding:14px 24px;border-top:1px solid #334139;display:flex;justify-content:space-between;font-size:12px}.gateresult{padding:20px 24px;border-top:1px solid #334139}
.trustgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.trustpanel{border:1px solid #405047}.trustpanel div{padding:22px 26px;min-height:95px;border-bottom:1px solid #354238;display:grid;grid-template-columns:1fr auto}.trustpanel small{font:700 9px "IBM Plex Mono";color:#718077}.trustpanel span{grid-column:1/-1;color:#718077;font-size:10px;margin-top:16px}.trustpanel .hi{background:var(--lime);color:#07100a}.trustpanel .hi small,.trustpanel .hi span{color:#425127}
.startklar-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;background:#dfff58;color:#0a120d;font:800 10px "IBM Plex Mono";border:1px solid #adc820}.startklar-badge:before{content:"●";color:#286a19}
.footer{background:#151d18;color:#fff;padding:34px 5vw;display:flex;gap:30px;align-items:center}.footer a{margin-left:auto;color:var(--lime);text-decoration:none}
dialog{border:1px solid #47524b;background:#f5f6f1;width:min(720px,calc(100% - 28px));padding:0;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#07100acc}.modal{padding:38px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid label{font-size:12px;font-weight:700;display:grid;gap:7px}.formgrid .full{grid-column:1/-1}.formgrid input,.formgrid textarea,.formgrid select{padding:13px;background:#fff;border:1px solid #bcc4be;font:inherit}.formgrid textarea{min-height:90px}.notice{margin-top:14px;font-size:13px}.notice.ok{color:#2e7300}.notice.err{color:#a12626}
.pagehero{background:#07100a;color:#fff;padding:70px 5vw}.pagehero h1{font-size:72px;line-height:.9;letter-spacing:-.07em;font-weight:500;margin:24px 0}.dashboard{padding:50px 5vw}.dashgrid{display:grid;grid-template-columns:260px 1fr;gap:30px}.sidebar{background:#101913;color:#fff;padding:20px;min-height:650px}.sidebar a{display:block;padding:13px 12px;text-decoration:none;border-bottom:1px solid #2f3c33}.sidebar a.active,.sidebar a:hover{color:var(--lime)}.dashmain{min-width:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat{background:#fff;border:1px solid #c9cfca;padding:20px}.stat small{font:700 9px "IBM Plex Mono";color:#78847c}.stat b{font-size:38px;display:block;margin-top:10px}.panel{background:#fff;border:1px solid #c8cec9;padding:22px;margin-bottom:18px}.panel h2{font-size:28px;letter-spacing:-.04em}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e0e4e0;white-space:nowrap}th{font:700 9px "IBM Plex Mono";color:#6f7a72}.pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#edf0eb;font-size:11px}.pill.rescue{background:#fff0ca;color:#8a5a00}.pill.ok{background:#e5f6d7;color:#357100}
.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check{border:1px solid #c9cfca;background:#fff;padding:18px}.check b{display:block}.check span{font-size:12px;color:#748077}.uploadrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hidden{display:none!important}
.responsebox{max-width:780px;margin:70px auto;background:#fff;border:1px solid #cbd1cc;padding:34px}.responsebox h1{font-size:54px;letter-spacing:-.06em}
@media(max-width:1000px){.nav{display:none}.hero,.twocol,.quality,.trustgrid{grid-template-columns:1fr}.cards3,.nodegrid{grid-template-columns:1fr}.card+.card,.nodecard+.nodecard{border-left:0;border-top:1px solid #455048}.stepstrip{grid-template-columns:1fr 1fr}.dashgrid{grid-template-columns:1fr}.sidebar{min-height:auto}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{padding:70px 24px}.hero h1{font-size:52px}.hero-actions{flex-direction:column;align-items:stretch}.stepstrip{grid-template-columns:1fr}.section{padding:65px 24px}.section-title,.pagehero h1{font-size:48px}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.stats{grid-template-columns:1fr}.topbar{padding:0 18px}.topbar>.btn{display:none}.footer{flex-direction:column;align-items:flex-start}.footer a{margin-left:0}}

.pro-note{padding:14px;border:1px solid #c7cec8;background:#eef1eb;font-size:12px}
.pro-note span{color:#6d786f}
.upgrade-box{border:1px solid #c8cec9;background:#f4f5f1;padding:20px}
.upgrade-box b{font-size:18px}.upgrade-box p{color:#707a73;line-height:1.5}
.feature-locked{position:relative;opacity:.62}
.feature-locked:after{content:"AKTIVT ABONNEMANG KRÄVS";position:absolute;right:16px;top:16px;background:#111a14;color:#d8ff3f;padding:7px 9px;font:700 8px "IBM Plex Mono";letter-spacing:.08em}
