@font-face{font-family:"Hanken Grotesk";src:url("fonts/hanken-grotesk-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:"Hanken Grotesk";src:url("fonts/hanken-grotesk-latin-ext.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Hanken Fallback";src:local("Arial"),local("ArialMT"),local("Helvetica Neue"),local("HelveticaNeue"),local("Helvetica"),local("Roboto");font-weight:100 500;size-adjust:100.4%;ascent-override:99.6%;descent-override:30.2%;line-gap-override:0%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Hanken Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),local("Helvetica Bold"),local("Helvetica-Bold"),local("Roboto Bold");font-weight:600 900;size-adjust:95.5%;ascent-override:104.7%;descent-override:31.7%;line-gap-override:0%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--paper:#fafcfc;--ink:#0f3a4a;--ink-soft:#3e6570;--teal:#176a80;--aqua:#16a0a9;--line:#c9dcdc;--mist:#e4f0ef;--deep:#0d2e3b;--on-deep:#f2f8f7;--on-deep-soft:#a8c6c7;--teal-strong:#135a6d;--deep-top:#114050;--line-rgb:201 220 220;--paper-rgb:250 252 252;--aqua-rgb:22 160 169;--deep-rgb:13 46 59;--font:"Hanken Grotesk", "Hanken Fallback", sans-serif}*{margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper); color:var(--ink); font-family:var(--font); font-size:16px; line-height:1.6; letter-spacing:.002em; overflow-x:clip; } body { min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; } main { flex:1 0 auto; } ::selection { background:var(--teal); color:#fff; } .wrap { width:min(1280px,100%); margin:0 auto; padding-inline:clamp(24px,4vw,64px); } .narrow { max-width:760px; } nav.top { position:sticky; top:0; z-index:10; --nav-progress:0; border-bottom:1px solid rgb(var(--line-rgb) / var(--nav-progress)); background:rgb(var(--paper-rgb) / calc(var(--nav-progress) * .92)); -webkit-backdrop-filter:blur(calc(var(--nav-progress) * 10px)); backdrop-filter:blur(calc(var(--nav-progress) * 10px)); } nav.top .wrap { display:flex; justify-content:space-between; align-items:center; padding-top:16px; padding-bottom:16px; } .logo { font-weight:800; font-size:19px; letter-spacing:.01em; text-decoration:none; color:var(--ink); } nav.top .navright { display:flex; align-items:center; gap:clamp(16px,2.5vw,32px); } nav.top .links { display:flex; gap:clamp(16px,2.5vw,32px); font-weight:600; font-size:14px; } nav.top a { color:var(--ink); text-decoration:none; text-underline-offset:5px; } nav.top .links a:hover { text-decoration:underline; text-decoration-thickness:1px; } .lang-switch { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:32px; padding:4px 12px; border:1px solid var(--line); border-radius:999px; font-size:13px; font-weight:800; letter-spacing:.08em; color:var(--teal); text-decoration:none; background:transparent; transition:background .15s, border-color .15s, color .15s; } .lang-switch:hover { background:var(--mist); border-color:var(--teal); } .lang-switch:focus-visible { outline:2px solid var(--aqua); outline-offset:2px; } h1 { font-weight:800; font-size:clamp(31px,4.2vw,48px); line-height:1.04; letter-spacing:-0.035em; text-wrap:balance; } h2 { font-weight:800; font-size:clamp(20px,2.6vw,25px); letter-spacing:-0.02em; line-height:1.15; text-wrap:balance; } p { max-width:68ch; } a { color:var(--teal); } strong, b { font-weight:800; } .btn { display:inline-block; text-decoration:none; font-family:inherit; font-weight:700; font-size:16px; padding:12px 24px; border-radius:3px; background:var(--teal); color:#fff; border:0; cursor:pointer; transition:background .2s, transform .2s, box-shadow .2s; } .btn:hover { background:var(--teal-strong); transform:translateY(-2px); box-shadow:0 9px 24px rgb(var(--deep-rgb) / .12); } .btn:focus-visible { outline:3px solid rgb(var(--aqua-rgb) / .5); outline-offset:2px; } .fold { height:0; border-top:1px solid var(--line); margin:64px 0 0; position:relative; } .fold::after { content:attr(data-step); position:absolute; top:-12px; left:0; background:var(--paper); padding:1px 8px 1px 0; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--teal); font-weight:800; } .legal { padding:clamp(48px,7vh,64px) 0 64px; } .legal .meta { color:var(--ink-soft); font-size:14px; margin-top:12px; } .legal h2 { margin:48px 0 8px; } .legal p { margin-bottom:12px; } .legal li { margin-bottom:4px; } .legal ul, .legal ol { margin:0 0 12px; padding-left:64px; max-width:68ch; } .legal dd { max-width:68ch; } .legal h1, .legal h2 { max-width:38rem; } .adatlap { display:grid; grid-template-columns:max-content 1fr; gap:8px 32px; margin:0 0 16px; max-width:68ch; } .adatlap dt { font-weight:700; color:var(--ink-soft); } .adatlap dd a { padding-block:4px; } .adatlap dd { margin:0; max-width:none; } @media (max-width:600px) { .adatlap { grid-template-columns:1fr; gap:0; } .adatlap dt { margin-top:12px; } .adatlap dt:first-child { margin-top:0; } } .back { display:inline-block; margin-top:48px; font-weight:700; color:var(--teal); text-decoration:underline; text-underline-offset:3px; } footer.site { margin-top:96px; background:linear-gradient(var(--deep-top),var(--deep)); color:var(--on-deep); } footer.site .wrap { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center; gap:8px 24px; padding-top:24px; padding-bottom:32px; font-size:14px; color:var(--on-deep-soft); } footer.site a { color:var(--on-deep-soft); } footer.site a:hover { color:var(--on-deep); } footer.site .wrap a { display:inline-flex; align-items:center; min-height:24px; padding-block:4px; } .footer-brand { display:inline-flex; align-items:center; gap:12px; color:var(--on-deep); } .footer-brand img { width:34px; height:30px; object-fit:contain; filter:brightness(0) invert(1); opacity:.82; } @media (max-width:960px) { nav.top .links { display:none; } nav.top .navright { gap:0; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *, *::before, *::after { transition-duration:0.01ms !important; animation-duration:0.01ms !important; animation-iteration-count:1 !important; } }