:root{--band:#0F1E33;--band-2:#16294A;--band-fg:#F2F6FB;--band-muted:#A9B8CC;--band-line:#263B5C;--bg:#F4F7FA;--surface:#FFFFFF;--fg:#0F1E33;--muted:#4B5C72;--line:#DCE3EC;--control-border:#8496AD;--teal:#0A7470;--teal-soft:#E3F3F2;--teal-on-band:#3FD0C9;--cta:#B84A0C;--cta-hover:#9C3E09;--cta-fg:#FFFFFF;--shadow-card:0 18px 40px -28px rgba(15,30,51,.35);--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-pill:999px;--wrap:1180px;--measure:66ch;--font-display:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;--font-body:"Figtree","Segoe UI",Roboto,Arial,sans-serif}
:where(.pg) *{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:26px;-webkit-font-smoothing:antialiased}
:where(.pg) .gutter{padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
:where(.pg) .wrap{max-width:var(--wrap);margin:0 auto}
:where(.pg) a{color:var(--teal)}
:where(.pg) :focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px}
:where(.pg) .hero{background:var(--band);color:var(--band-fg)}
:where(.pg) .hero .wrap{padding-block:64px 56px;display:grid;gap:14px}
:where(.pg) .eyebrow{font-family:var(--font-display);font-weight:600;font-size:14px;line-height:20px;margin:0;color:var(--teal)}
:where(.pg) .hero .eyebrow{color:var(--teal-on-band)}
:where(.pg) h1{font-family:var(--font-display);font-weight:700;font-size:clamp(30px, 2.2vw + 1rem, 40px);line-height:1.15;letter-spacing:-.02em;margin:0;text-wrap:balance}
:where(.pg) .lede{font-size:clamp(16px, .4vw + .9rem, 18px);line-height:1.6;margin:0;max-width:62ch;color:var(--band-muted)}
:where(.pg) .body-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;padding-block:56px 80px;align-items:start}
:where(.pg) .index{position:sticky;top:24px}
:where(.pg) .index summary{font-family:var(--font-body);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;list-style:none;padding:0 0 12px}
:where(.pg) .index summary::-webkit-details-marker{display:none}
:where(.pg) .index ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:1px solid var(--line)}
:where(.pg) .index a{display:block;padding:6px 12px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);font-size:14px;line-height:20px;text-decoration:none;transition:color .15s, border-color .15s}
:where(.pg) .index a:hover{color:var(--fg)}
:where(.pg) .index a[aria-current="true"]{color:var(--teal);border-left-color:var(--teal);font-weight:600}
:where(.pg) .clauses{display:grid;gap:0;min-width:0}
:where(.pg) .clause{padding-block:32px;border-top:1px solid var(--line);scroll-margin-top:16px;min-width:0}
:where(.pg) .clause:first-child{border-top:0;padding-top:0}
:where(.pg) .clause h2{font-family:var(--font-display);font-size:clamp(20px, .6vw + 1rem, 22px);line-height:1.27;font-weight:600;letter-spacing:-.01em;margin:0 0 12px;display:flex;gap:12px;align-items:baseline;text-wrap:balance}
:where(.pg) .clause h2 .no{font-size:14px;font-weight:600;color:var(--teal);font-variant-numeric:tabular-nums;min-width:1.6em}
:where(.pg) .clause p,:where(.pg) .clause li{max-width:var(--measure)}
:where(.pg) .clause p{margin:0 0 14px}
:where(.pg) .clause p:last-child{margin-bottom:0}
:where(.pg) .clause ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
:where(.pg) .clause li{position:relative;padding-left:16px}
:where(.pg) .clause li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:2px;background:var(--teal)}
:where(.pg) .clause .em{font-weight:600}
:where(.pg) .accept{margin-top:8px;padding:24px;border-radius:var(--radius-lg);background:var(--teal-soft);color:var(--fg);max-width:calc(var(--measure) + 48px)}
:where(.pg) .accept p{margin:0}
@media (max-width: 980px){
  :where(.pg) .body-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:40px 56px}
  :where(.pg) .index{position:static;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px}
  :where(.pg) .index summary{padding:0;cursor:pointer}
  :where(.pg) .index[open] summary{padding-bottom:12px}
  :where(.pg) .index ol{border-left:0}
}
@media (max-width: 640px){
  :where(.pg) .hero .wrap{padding-block:48px 40px}
}
@media (prefers-reduced-motion: reduce){
  :where(.pg) .index a{transition:none}
}