/* ==========================================================
   AWAN CHECK — Designsystem
   ========================================================== */
:root{
  --ink:#0a1017; --ink-2:#2f3a47; --ink-3:#5c6875;
  --rule:#d9dde2; --rule-2:#eceef1;
  --paper:#ffffff; --bg:#f5f6f8;
  --navy:#0f2740; --navy-2:#1a3f63; --accent:#8a6d3b;
  --red:#8c1d1d;   --red-bg:#f9eeee;   --red-br:#e3cbcb;
  --amber:#7a5200; --amber-bg:#faf3e6; --amber-br:#e7d9b8;
  --steel:#1a3f63; --steel-bg:#eef2f6; --steel-br:#ccd8e3;
  --green:#14563a; --green-bg:#edf4f0; --green-br:#c9ded3;
  --serif:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  --sans:-apple-system,'Segoe UI',Inter,'Helvetica Neue',Arial,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
button{font-family:inherit;cursor:pointer}
a{color:inherit}
img,svg{display:block}

.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-3)}
.shell{max-width:1140px;margin:0 auto;padding:0 28px}
section{padding:64px 0}
.hr{height:1px;background:var(--rule);border:0}
.mono{font-family:var(--mono)}

/* ---------- NAV ---------- */
.nav{background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:80}
.nav-in{max-width:1140px;margin:0 auto;padding:0 28px;height:66px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.mark{display:flex;align-items:center;gap:11px;text-decoration:none}
.mark-name{line-height:1.15}
.mark-name b{display:block;font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:.4px}
.mark-name i{display:block;font-style:normal;font-size:9.5px;letter-spacing:1.9px;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.nav-links{display:flex;gap:28px;font-size:12.5px;letter-spacing:.4px;text-transform:uppercase;font-weight:600;color:var(--ink-2)}
.nav-links a{text-decoration:none;padding-bottom:2px;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--navy)}
.nav-links a.here{border-color:var(--accent);color:var(--navy)}
@media(max-width:900px){.nav-links{display:none}}
.nav-cta{background:var(--navy);color:#fff;border:none;padding:10px 20px;font-size:12.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;border-radius:2px;text-decoration:none;display:inline-block}
.nav-cta:hover{background:var(--navy-2)}

/* ---------- STATUS STRIP ---------- */
.strip{background:var(--navy);color:#c9d4e0;font-size:12px;letter-spacing:.3px}
.strip-in{max-width:1140px;margin:0 auto;padding:9px 28px;display:flex;align-items:center;gap:10px;justify-content:center;text-align:center}
.strip i{width:6px;height:6px;background:#c0392b;border-radius:50%;flex:none;animation:blink 2.2s infinite;font-style:normal}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.strip b{color:#fff;font-weight:600}

/* ---------- BUTTONS ---------- */
.btn{padding:14px 26px;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;border-radius:2px;border:1px solid transparent;transition:.16s;text-decoration:none;display:inline-block;text-align:center}
.btn-solid{background:var(--navy);color:#fff}
.btn-solid:hover:not(:disabled){background:var(--navy-2)}
.btn-solid:disabled{background:#c8cdd3;color:#fff;cursor:not-allowed}
.btn-line{background:transparent;border-color:var(--rule);color:var(--ink)}
.btn-line:hover{border-color:var(--navy)}

/* ---------- PAGE HEAD ---------- */
.phead{padding:60px 0 42px;border-bottom:1px solid var(--rule)}
.phead h1{font-family:var(--serif);font-size:42px;line-height:1.15;font-weight:600;letter-spacing:-.6px;margin:14px 0 16px;max-width:820px}
.phead p{font-size:16.5px;color:var(--ink-2);max-width:680px}
@media(max-width:640px){.phead h1{font-size:31px}}

.sec-h{max-width:680px;margin-bottom:34px}
.sec-h h2{font-family:var(--serif);font-size:31px;font-weight:600;letter-spacing:-.5px;margin:12px 0 10px;line-height:1.2}
.sec-h p{font-size:15px;color:var(--ink-2)}

/* ---------- FORMS ---------- */
.f label{display:block;font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px}
.f label em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:400}
.f input,.f select,.f textarea{width:100%;padding:11px 13px;border:1px solid var(--rule);border-radius:2px;font-size:14.5px;font-family:inherit;background:var(--paper);color:var(--ink)}
.f textarea{min-height:130px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--navy);box-shadow:inset 0 -2px 0 var(--navy)}
.f input.bad,.f textarea.bad{border-color:var(--red)}
.f .msg{display:none;font-size:12px;color:var(--red);margin-top:6px}
.f .msg.on{display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:640px){.grid2{grid-template-columns:1fr;gap:16px}}

/* ---------- PILLS ---------- */
.pill{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:2px;white-space:nowrap}
.pill.forbudt{background:var(--red-bg);color:var(--red);border:1px solid var(--red-br)}
.pill.hoej{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-br)}
.pill.begr{background:var(--steel-bg);color:var(--steel);border:1px solid var(--steel-br)}
.pill.min{background:var(--green-bg);color:var(--green);border:1px solid var(--green-br)}
.pill.generel{background:#f1f2f4;color:var(--ink-2);border:1px solid var(--rule)}

/* ---------- FOOTER ---------- */
.foot{background:var(--navy);color:#a9b8c8;padding:48px 0 34px;font-size:12.5px;line-height:1.75}
.foot-in{max-width:1140px;margin:0 auto;padding:0 28px}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:28px;border-bottom:1px solid #23405c}
@media(max-width:860px){.foot-top{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:560px){.foot-top{grid-template-columns:1fr}}
.foot h6{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#7d92a8;margin-bottom:11px;font-weight:700}
.foot p{max-width:400px}
.foot a{color:#c9d4e0;text-decoration:none;display:block;padding:2px 0}
.foot a:hover{color:#fff}
.foot-legal{padding-top:22px;font-size:11.5px;color:#7d92a8}