:root{--bg: #FAFAF5;--bg-tint: #F3EFE6;--ink: #0F0F0F;--ink-2: #5C5C5C;--ink-3: #8A867D;--rule: #E8E4DC;--rule-strong: #C8C2B5;--accent: #1F3A5F;--accent-ink: #FAFAF5;--accent-soft: #E6EAF1;--font-display: "Inter Tight", "Inter", system-ui, sans-serif;--font-body: "Source Serif 4", "Source Serif Pro", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--maxw: 1240px;--maxw-read: 720px;--pad: clamp(20px, 4vw, 64px)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.55;text-rendering:optimizeLegibility}a{color:inherit}img,video,svg{display:block;max-width:100%}.sans{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-body)}h1,h2,h3,h4,.h-display{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;line-height:1.04;margin:0;color:var(--ink);text-wrap:balance}h1,.h-1{font-size:clamp(44px,6.2vw,80px);letter-spacing:-.025em}h2,.h-2{font-size:clamp(34px,3.4vw,48px);letter-spacing:-.022em}h3,.h-3{font-size:clamp(22px,1.6vw,26px);letter-spacing:-.015em;line-height:1.2}h4,.h-4{font-size:18px;letter-spacing:-.01em;line-height:1.25}p{margin:0;text-wrap:pretty}.lede{font-size:clamp(19px,1.55vw,22px);line-height:1.5;color:var(--ink)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:14px;height:1px;background:var(--ink-2)}.eyebrow.no-bar:before{display:none}.btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px;font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:-.005em;border-radius:2px;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease,border-color .18s ease;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#14283f}.btn-secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.btn-secondary:hover{background:var(--ink);color:var(--bg)}.btn-ghost{background:transparent;color:var(--ink);padding:0 6px;border-bottom:1px solid var(--ink);border-radius:0;height:auto;line-height:1.6}.btn .arrow{transition:transform .18s ease}.btn:hover .arrow{transform:translate(3px)}.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}.rule{height:1px;background:var(--rule);border:0;margin:0}section{padding:clamp(72px,9vw,120px) 0}.section-head{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:end;margin-bottom:56px}.section-head .eyebrow{padding-bottom:6px}.section-head h2{max-width:18ch}@media(max-width:820px){.section-head{grid-template-columns:1fr;gap:16px;margin-bottom:36px}}.nav{position:sticky;top:0;z-index:50;background:#fafaf5e0;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--rule)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}.brand{font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.02em;text-decoration:none;display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.brand svg{transition:transform .25s ease}.brand:hover svg{transform:translate(1px)}.nav-links{display:flex;gap:32px;align-items:center;font-family:var(--font-display);font-size:15px}.nav-links a{text-decoration:none;color:var(--ink);opacity:.78;transition:opacity .15s ease,color .15s ease}.nav-links a:hover{opacity:1}.nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px;opacity:1}.nav-links .cta{margin-left:8px;background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:2px;opacity:1}.nav-links .cta:hover{background:var(--accent)}.nav-toggle{display:none;background:transparent;border:1px solid var(--rule);border-radius:2px;padding:9px 10px;cursor:pointer;color:var(--ink);width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:4px}.nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-toggle .hl{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .25s ease,opacity .15s ease}.nav.open .nav-toggle .hl:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.nav.open .nav-toggle .hl:nth-child(2){opacity:0}.nav.open .nav-toggle .hl:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}@media(max-width:820px){.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:64px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--rule);flex-direction:column;align-items:stretch;padding:12px var(--pad) 20px;gap:0;transform:translateY(-110%);transition:transform .25s ease;box-shadow:0 16px 40px #0f0f0f14;pointer-events:none;visibility:hidden}.nav.open .nav-links{transform:translateY(0);pointer-events:auto;visibility:visible}.nav-links a:not(.cta){display:block!important;padding:12px 0;font-size:17px;opacity:1;border-bottom:1px solid var(--rule)}.nav-links a:not(.cta):last-of-type{border-bottom:0}.nav-links .cta{margin-left:0;margin-top:12px;height:48px;justify-content:center;display:inline-flex;align-items:center}}footer{border-top:1px solid var(--rule);padding:80px 0 32px;margin-top:0;background:var(--bg)}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}.foot-grid h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:18px;font-weight:400}.foot-grid a{display:block;text-decoration:none;font-family:var(--font-display);color:var(--ink);padding:4px 0;font-size:15px}.foot-grid a:hover{color:var(--accent)}.foot-bottom{border-top:1px solid var(--rule);margin-top:56px;padding-top:24px;display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:12px;color:var(--ink-2);letter-spacing:.02em}.disclosure{max-width:60ch}@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;gap:32px}.foot-bottom{flex-direction:column;gap:12px}}.subtle{color:var(--ink-2)}.center{text-align:center}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:6px 10px;border:1px solid var(--rule);border-radius:999px;background:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.btn:focus-visible{outline-offset:4px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}video[autoplay]{animation-play-state:paused}.hero-video{display:none}.hero-media:after{content:"Tausta-animaatio piilotettu vähemmän liikettä -asetuksen mukaisesti";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1c2a36,#0e1218);color:#f2efe980;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:0 24px}}