/* dark.css – yhteinen True Dark -tyyli (Grok + Perplexity). Ladataan viimeisenä kaikilla sivuilla paitsi Engine ja Kirjaudu, joilla on oma. */
:root{--bg:#000000!important;--bg2:#050505!important;--card:#0a0a0a!important;--card-line:#1c1c1c!important;--line:#1c1c1c!important;--pan:#0a0a0a!important;--pan2:#0d0d0d!important;--ink:#ffffff!important;--mut:#a3a3a3!important}
html,body{background:#000!important;color:#fff}
body::before,body::after{display:none!important}
nav,header.top{background:rgba(0,0,0,.88)!important;border-bottom:1px solid #1c1c1c!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
hr{border-color:#1c1c1c}
/* kortit ja paneelit */
[class*="card"],[class*="panel"],.step,.need,.check,.send,.price,.faq details,.trust>*,.sec-card,.p-card,.w-item,.kk-step,.kk-stat,.engine,.dz,.out{border-color:#1c1c1c!important}
[class*="card"]:not(img),.step,.check,.faq details,.sec-card,.p-card,.price,.w-item{background-color:#0a0a0a!important;background-image:none!important}
.send{background:#0a0a0a!important;border:1px solid #1c1c1c!important}
.need{background:#0a0a0a!important;border-left-color:#fff!important}
.badges span,.path i,.tag{background:#0a0a0a!important;border-color:#1c1c1c!important;color:#fff!important}
.tag{color:#000!important;background:#fff!important}
/* kuvat ja animaatiot korttien sisällä */
.vid{display:flex;justify-content:center;margin:12px 0}
.vid img{max-width:100%;border:1px solid #1c1c1c!important;border-radius:14px!important;background:#000}
/* painikkeet: pehmeä siirtymä ja hehku */
a,button,summary,.btn,[class*="btn"],input,label,.tabs label,.faq details{transition:all .2s ease-in-out}
.btn:hover,[class*="btn"]:hover,button:hover:not(:disabled),a.cta:hover{box-shadow:0 0 14px rgba(255,255,255,.14)}
.tabs label:hover,[class*="card"]:hover,.step:hover{border-color:#262626!important}
#t-pd:checked~.tabs label[for=t-pd],#t-hs:checked~.tabs label[for=t-hs]{background:#fff!important;color:#000!important;border-color:#fff!important}
.num{background:#fff!important;color:#000!important}
.key{border-color:#262626!important}
input:not([type=radio]):not([type=checkbox]):focus,textarea:focus,select:focus{border-color:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.07)!important;outline:none}
/* kielivalitsin */
.lg{border-color:#1c1c1c!important}
.lg-fix{background:#0a0a0a!important;color:#fff!important;box-shadow:0 0 0 1px #1c1c1c,0 6px 20px rgba(0,0,0,.6)!important}
.lg button{color:#a3a3a3!important}.lg button[aria-pressed=true]{background:#fff!important;color:#000!important}
/* mobiili */
@media(max-width:640px){
  body{font-size:15px}
  .wrap,.in{padding-left:16px!important;padding-right:16px!important}
  h1{font-size:clamp(26px,8vw,36px)!important}
  .step,.check,.send,.need,[class*="card"]{padding:14px!important}
  .lg-fix{bottom:12px;right:12px}
  table{display:block;overflow-x:auto}
  img,video,canvas{max-width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* etusivun mobiilivalikko: hampurilainen */
.nav-tg{all:unset;display:none;cursor:pointer;width:42px;height:42px;border:1px solid #1c1c1c;border-radius:12px;align-items:center;justify-content:center;color:#fff;transition:all .2s ease-in-out}
.nav-tg:hover{background:#0d0d0d;box-shadow:0 0 12px rgba(255,255,255,.08)}
@media(max-width:1100px){
  nav{position:sticky!important}
  .nav-in{flex-wrap:nowrap!important;gap:8px;padding:10px 0!important}
  .nav-tg{display:flex!important;margin-left:auto}
  nav .btn.primary{padding:8px 11px!important;font-size:12px!important;white-space:nowrap}
  .nav-links{display:none!important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0!important;background:#000;border-bottom:1px solid #1c1c1c;padding:8px 16px 14px;max-height:calc(100vh - 64px);overflow:auto;order:0!important;width:auto!important}
  nav.open .nav-links{display:flex!important}
  .nav-links>a,.nav-links>.dd>a{padding:11px 4px!important;border-bottom:1px solid #141414;display:block}
  .nav-links .nav-free{margin-top:12px;justify-content:center;text-align:center}
  .brand{font-size:12px!important;letter-spacing:1px!important}
}

.nav-acc{display:inline-flex;align-items:center;height:40px;padding:0 18px;border:1px solid #2a2a2a;border-radius:999px;color:#fff;font-size:13.5px;font-weight:500;text-decoration:none;background:transparent;white-space:nowrap;transition:all .2s ease-in-out}
.nav-acc:hover{border-color:#fff;box-shadow:0 0 12px rgba(255,255,255,.14)}
@media(max-width:1100px){.nav-acc{height:38px;padding:0 14px;margin-left:8px}}
@media(max-width:1100px){nav .nav-in{padding-left:16px!important;padding-right:16px!important}}