:root{
  --bg:#F4F6F1;
  --ink:#14211B;
  --green:#157A4A;
  --green-dark:#0E5936;
  --tag:#FFD23F;
  --card:#FFFFFF;
  --line:#DDE3DA;
  --red:#C0392B;
  --radius:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Archivo',sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:17px}
.mono{font-family:'Space Mono',monospace}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:'Archivo Black',sans-serif;line-height:1.1;letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:.5em}
.eyebrow{font-family:'Space Mono',monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--green);margin-bottom:12px;display:block}
section{padding:72px 0}
a{color:inherit}

/* ---------- NAV ---------- */
nav{position:sticky;top:0;background:rgba(244,246,241,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:50}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1080px;margin:0 auto}
.logo{font-family:'Archivo Black',sans-serif;font-size:1.25rem;text-decoration:none}
.logo span{color:var(--green)}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{text-decoration:none;font-weight:600;font-size:.92rem}
.nav-links a:hover{color:var(--green)}
.btn{display:inline-block;background:var(--green);color:#fff;font-weight:700;padding:13px 26px;border-radius:999px;text-decoration:none;border:none;cursor:pointer;font-size:1rem;font-family:'Archivo',sans-serif;transition:background .15s}
.btn:hover{background:var(--green-dark)}
.btn:disabled{opacity:.7;cursor:not-allowed}
.btn:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.btn-small{padding:9px 20px;font-size:.9rem}
@media(max-width:720px){.nav-links a:not(.btn){display:none}}

/* ---------- HERO ---------- */
.hero{padding:80px 0 64px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:40px}}
.hero h1{font-size:clamp(2.1rem,5.5vw,3.4rem);margin-bottom:20px}
.hero h1 em{font-style:normal;color:var(--green)}
.hero p.lead{font-size:1.15rem;margin-bottom:28px;max-width:34em}
.hero-note{font-size:.85rem;color:#4A5A50;margin-top:14px}

/* Signatur: flippekortet */
.fliptag{perspective:1200px;max-width:360px;margin:0 auto}
.fliptag-inner{position:relative;width:100%;aspect-ratio:4/3;transform-style:preserve-3d;animation:flip 6s ease-in-out infinite}
@keyframes flip{0%,38%{transform:rotateY(0)}50%,88%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.fliptag-inner{animation:none;transform:rotateY(180deg)}html{scroll-behavior:auto}}
.tag-face{position:absolute;inset:0;backface-visibility:hidden;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 40px rgba(20,33,27,.12);padding:26px;display:flex;flex-direction:column;justify-content:space-between}
.tag-face.back{transform:rotateY(180deg)}
.tag-label{font-family:'Space Mono',monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#6B7A70}
.tag-title{font-weight:700;font-size:1.05rem;margin-top:6px}
.tag-price{font-family:'Space Mono',monospace;font-size:2rem;font-weight:700}
.tag-price.sold{color:var(--green)}
.tag-badge{align-self:flex-start;background:var(--tag);font-family:'Space Mono',monospace;font-weight:700;font-size:.8rem;padding:5px 12px;border-radius:6px}
.tag-badge.profit{background:var(--green);color:#fff}

/* ---------- CASES ---------- */
.cases{background:var(--ink);color:#EDF2EE}
.cases .eyebrow{color:var(--tag)}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
@media(max-width:820px){.case-grid{grid-template-columns:1fr}}
.case{background:#1D2F26;border:1px solid #2C4237;border-radius:var(--radius);padding:24px}
.case h3{font-size:1.05rem;margin-bottom:16px}
.case-row{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:.95rem;padding:7px 0;border-bottom:1px dashed #2C4237}
.case-row.total{border-bottom:none;padding-top:12px;font-weight:700;color:var(--tag);font-size:1.05rem}
.case-note{font-size:.83rem;color:#9DB0A4;margin-top:12px;font-family:'Archivo',sans-serif}
.cases .disclaimer{margin-top:28px;font-size:.85rem;color:#9DB0A4;max-width:50em}

/* ---------- HVORDAN ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}
@media(max-width:820px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.step .num{font-family:'Space Mono',monospace;font-weight:700;color:var(--green);font-size:.85rem}
.step h3{font-size:1rem;margin:8px 0 6px}
.step p{font-size:.9rem;color:#3E4C44}

/* ---------- KURS ---------- */
.courses{background:#EBEFE7}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
@media(max-width:820px){.course-grid{grid-template-columns:1fr}}
.course{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}
.course.featured{border:2px solid var(--green);position:relative}
.course.featured::before{content:"Mest for pengene";position:absolute;top:-13px;left:24px;background:var(--tag);font-family:'Space Mono',monospace;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:6px}
.course h3{font-size:1.15rem}
.course .price{font-family:'Space Mono',monospace;font-size:1.7rem;font-weight:700;margin:10px 0 4px}
.course .price small{font-size:.85rem;font-weight:400;color:#6B7A70}
.course ul{list-style:none;margin:18px 0 24px;flex:1}
.course li{padding:7px 0 7px 26px;position:relative;font-size:.93rem}
.course li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}
.guarantee{text-align:center;margin-top:28px;font-size:.9rem;color:#3E4C44}

/* ---------- FAQ ---------- */
details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px}
summary{cursor:pointer;font-weight:700;padding:18px 22px;list-style:none;display:flex;justify-content:space-between;align-items:center}
summary::after{content:"+";font-family:'Space Mono',monospace;font-size:1.3rem;color:var(--green)}
details[open] summary::after{content:"−"}
details p{padding:0 22px 18px;color:#3E4C44;font-size:.95rem}

/* ---------- SIGNUP ---------- */
.signup{background:var(--green);color:#fff;border-radius:20px;padding:56px 40px;text-align:center;margin:0 24px}
@media(max-width:600px){.signup{padding:40px 24px}}
.signup h2{color:#fff}
.signup p{max-width:36em;margin:0 auto 28px;color:#DCEEE3}
.signup-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.signup-form input{padding:13px 18px;border-radius:999px;border:none;font-size:1rem;min-width:260px;font-family:'Archivo',sans-serif}
.signup-form .btn{background:var(--ink)}
.signup-form .btn:hover{background:#000}
.signup .fine{font-size:.8rem;color:#BADDC8;margin-top:14px}
.signup-message{margin-top:16px;font-size:.9rem;font-weight:600}
.signup-message[data-state="error"]{color:var(--tag)}
.signup-message[data-state="loading"]{color:#DCEEE3}

footer{padding:48px 0;text-align:center;font-size:.85rem;color:#6B7A70}
footer a{color:var(--green)}

/* ---------- TAKK-SIDE ---------- */
.thanks{text-align:center;max-width:640px;margin:0 auto}
.thanks .lead{margin-left:auto;margin-right:auto}