:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tausta:#101010;--pinta:#1b1b1b;--teksti:#f5f5f3;--tuki:#b9b9b4;--viiva:#2c2c2c}*{box-sizing:border-box}html,body{background:var(--tausta);color:var(--teksti);margin:0}body{-webkit-font-smoothing:antialiased;font:17px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.tb{max-width:880px;padding:calc(20px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.tb-yla{align-items:center;padding:4px 0 0;display:flex}.tb-merkki{letter-spacing:.01em;font-size:19px;font-weight:800}.tb-hero{padding:64px 0 40px}.tb h1{letter-spacing:-.025em;max-width:18ch;margin:0 0 20px;font-size:clamp(32px,7vw,56px);font-weight:800;line-height:1.05}.tb-korostus{color:var(--tuki)}.tb-alku{color:var(--tuki);max-width:58ch;margin:0;font-size:18px}.tb-kolme{gap:12px;margin:0 0 48px;padding:0;list-style:none;display:grid}.tb-kolme li{background:var(--pinta);border:1px solid var(--viiva);color:var(--tuki);border-radius:14px;padding:18px;box-shadow:0 5px 16px #00000059}.tb-kolme span{letter-spacing:.08em;color:var(--tuki);margin-bottom:10px;font-size:13px;display:block}.tb-kolme b{color:var(--teksti);margin-bottom:4px;font-size:18px;display:block}.tb-ala{border-top:1px solid var(--viiva);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:auto;padding-top:20px;display:flex}.tb-ala p{color:var(--tuki);margin:0;font-size:14px}.tb-kirjaudu{color:var(--teksti);border:1px solid var(--teksti);border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none}.tb-kirjaudu:hover,.tb-kirjaudu:focus-visible{background:var(--teksti);color:var(--tausta);outline:none}@media (min-width:720px){.tb-kolme{grid-template-columns:repeat(3,1fr)}}