html,body{margin:0;padding:0;background:#f6f7f9;color:#0b1220;font-family:'Schibsted Grotesk',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#1a53b5;text-decoration:none}a:hover{color:#12408f}
@keyframes tdRise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes tdBlink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes tdKickLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tdPop{from{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}
@keyframes csPulse{0%{box-shadow:0 0 0 0 rgba(26,83,181,.3)}100%{box-shadow:0 0 0 20px rgba(26,83,181,0)}}
@keyframes csLetter{from{opacity:0;transform:translateY(1.08em)}to{opacity:1;transform:none}}
@keyframes csBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@media (max-width:960px){.cs-grid{grid-template-columns:1fr!important}.cs-art{min-height:380px}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.01s!important;animation-iteration-count:1!important}}

[data-s="s1"]{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(165deg,#ffffff 24%,#eef3fc 66%,#e2ecfb)}
[data-s="s2"]{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
[data-s="s3"]{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 40px}
[data-s="s4"]{display:flex;align-items:center;gap:12px}
[data-s="s5"]{width:32px;height:32px;object-fit:contain}
[data-s="s6"]{height:22px;width:auto}
[data-s="s7"]{position:relative;z-index:2;max-width:1240px;margin:0 auto;min-height:calc(100vh - 170px);display:grid;grid-template-columns:1.04fr .96fr;gap:40px;align-items:center;padding:40px clamp(24px,4.5vw,60px) 90px}
[data-s="s8"]{animation:tdRise .8s cubic-bezier(.2,.8,.2,1) both;display:inline-flex;align-items:center;gap:13px;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.3em;color:#12408f;text-transform:uppercase}
[data-s="s9"]{display:inline-flex;align-items:center}
[data-s="s10"]{width:8px;height:8px;background:#1a53b5;transform:rotate(45deg);box-shadow:0 0 10px rgba(26,83,181,.55)}
[data-s="s11"]{width:46px;height:1.5px;background:linear-gradient(90deg,#1a53b5,rgba(26,83,181,0));transform-origin:left;animation:tdKickLine 1s cubic-bezier(.2,.8,.2,1) .35s both}
[data-s="s12"]{margin:26px 0 0;color:#0b1220}
[data-s="s13"]{display:block;overflow:hidden;padding-bottom:.08em;font-size:clamp(26px,2.5vw,40px);font-weight:600;letter-spacing:-.02em;line-height:1.15}
[data-s="s14"]{display:inline-block;animation:tdRise 1s cubic-bezier(.2,.9,.2,1) .15s both}
[data-s="s15"]{display:block;overflow:hidden;font-size:clamp(54px,6.6vw,86px);font-weight:650;letter-spacing:-.046em;line-height:1.04;padding-bottom:.06em}
[data-s="s16"]{display:inline-block;color:#1a53b5;line-height:1.1;border-bottom:.055em solid rgba(26,83,181,.4);padding-bottom:.03em;animation:tdRise 1s cubic-bezier(.2,.9,.2,1) .32s both}
[data-s="s17"]{display:block;overflow:hidden;font-size:clamp(30px,3.2vw,52px);font-weight:650;letter-spacing:-.03em;line-height:1.1;padding-bottom:.1em}
[data-s="s18"]{display:inline-block;animation:tdRise 1s cubic-bezier(.2,.9,.2,1) .46s both}
[data-s="s19"]{animation:tdRise 1s cubic-bezier(.2,.8,.2,1) .6s both;display:flex;align-items:center;gap:14px;font-size:clamp(20px,2vw,27px);font-weight:650;letter-spacing:-.02em;line-height:1.35;margin:30px 0 0;color:#0b1220}
[data-s="s20"]{width:20px;height:20px;object-fit:contain;flex-shrink:0;animation:csBreathe 3.2s ease-in-out infinite;filter:drop-shadow(0 4px 10px rgba(26,83,181,.35))}
[data-s="s21"]{color:#1a53b5}
[data-s="s22"]{position:relative;z-index:2;border-top:1px solid rgba(11,18,32,.08);background:rgba(255,255,255,.6);backdrop-filter:blur(12px)}
[data-s="s23"]{max-width:1240px;margin:0 auto;padding:22px clamp(24px,4.5vw,60px);display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
[data-s="s24"]{width:26px;height:26px;object-fit:contain}
[data-s="s25"]{height:18px;width:auto}
[data-s="s26"]{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;color:#5f6c88;margin-left:10px}

/* --- skip link (2.4.1 Bypass Blocks) --- */
.skip{position:absolute;left:16px;top:-60px;z-index:200;background:#0b1220;color:#fff;padding:10px 18px;border-radius:8px;font:500 15px/1.4 'Schibsted Grotesk',system-ui,sans-serif;text-decoration:none}
.skip:focus{top:12px;color:#fff}
/* --- fixed header would otherwise hide anchor targets (2.4.11) --- */
html{scroll-padding-top:92px}
:target{scroll-margin-top:92px}
/* --- keyboard affordance --- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #1a53b5;outline-offset:3px;border-radius:4px}
/* A #1a53b5 ring on a #1a53b5 band is a 1.00:1 contrast — invisible, and it sits
   on the two links a person in crisis needs. Two-tone ring works on any ground. */
[data-s="s252"] a:focus-visible,[data-s="s252"] button:focus-visible,
.on-brand a:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #0b1220}
/* --- respect the user's motion preference (WCAG 2.2.2 / 2.3.3) --- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  [data-ref="canvasRef"]{display:none}
}