/* ===== LeikePaja — yhteinen sivustoilme (sama linja kuin CadOnline ja yritysportaali) ===== */
:root{
  --lp-bg:#0e0f12; --lp-bg-2:#121417; --lp-panel:#17191d; --lp-panel-2:#1c1f24; --lp-line:#262a30; --lp-line-2:#343941;
  --lp-ink:#eef0f2; --lp-ink-2:#c5cad1; --lp-muted:#8f959d;
  --lp-brand:#ff6b2b; --lp-accent:#ff6b00; --lp-accent-2:#ff8a3d; --lp-accent-ink:#1a0f07; --lp-accent-soft:rgba(255,107,0,.12);
  --lp-ok:#4ade80; --lp-info:#8fb0ff;
  --lp-font:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --lp-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --lp-display:'Bebas Neue','Arial Narrow',Impact,sans-serif;
  --lp-r:12px; --lp-header-h:64px;
  /* vanhojen sivujen muuttujat samaan palettiin */
  --bg:var(--lp-bg); --panel:var(--lp-panel); --border:var(--lp-line); --text:var(--lp-ink); --muted:var(--lp-ink-2);
  --orange:var(--lp-brand); --cyan:var(--lp-accent-2); --green:var(--lp-ok);
  color-scheme:dark;
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--lp-header-h) + 16px)}
body{font-family:var(--lp-font);background:var(--lp-bg);color:var(--lp-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.lp-pad{padding-top:var(--lp-header-h)}
::selection{background:rgba(255,107,0,.35);color:#fff}
:focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px}

/* ---------- Painikkeet ---------- */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:9px;border:1px solid var(--lp-line-2);background:var(--lp-panel);color:var(--lp-ink);font:600 14px/1 var(--lp-font);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.lp-btn:hover{border-color:var(--lp-muted);background:var(--lp-panel-2)}
.lp-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.lp-btn:hover svg{transform:translateX(2px)}
.lp-btn-p{background:var(--lp-accent);border-color:var(--lp-accent);color:#fff}
.lp-btn-p:hover{background:#e65f00;border-color:#e65f00;box-shadow:0 6px 24px rgba(255,107,0,.28)}
.lp-btn-iso{height:50px;padding:0 24px;font-size:16px;border-radius:11px}

/* ---------- Yläpalkki ---------- */
.lp-header{position:fixed;top:0;left:0;right:0;z-index:900;height:var(--lp-header-h);background:rgba(14,15,18,.78);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.lp-header-sisa{max-width:1240px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;gap:28px}
.lp-logo{display:inline-flex;align-items:center;color:#fff;text-decoration:none;flex:none}
.lp-logo .lp-sana{height:22px;width:auto;display:block}
.lp-nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.lp-nav a{color:var(--lp-ink-2);text-decoration:none;font-size:14.5px;font-weight:500;padding:8px 12px;border-radius:8px;transition:color .15s,background .15s;white-space:nowrap}
.lp-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}
.lp-nav a.on{color:#fff;background:rgba(255,255,255,.07)}
.lp-header-oik{display:flex;align-items:center;gap:10px;margin-left:auto}
.lp-header-cta{height:38px}
.lp-kieli{height:34px;min-width:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lp-line-2);border-radius:8px;background:transparent;color:var(--lp-ink-2);font:600 12px var(--lp-mono);letter-spacing:1px;text-decoration:none;cursor:pointer}
.lp-kieli:hover{color:#fff;border-color:var(--lp-accent)}
.lp-nav .lp-nav-cta{display:none}
.lp-valikko{display:none;width:40px;height:40px;border:1px solid var(--lp-line-2);border-radius:9px;background:transparent;color:#fff;cursor:pointer;align-items:center;justify-content:center}
.lp-valikko svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
@media (max-width:980px){
  .lp-header-sisa{gap:12px;padding:0 16px}
  .lp-valikko{display:inline-flex}
  .lp-nav{display:none;position:absolute;top:var(--lp-header-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 12px 14px;background:#0e0f12;border-bottom:1px solid var(--lp-line);box-shadow:0 20px 40px rgba(0,0,0,.5)}
  .lp-header.auki .lp-nav{display:flex}
  .lp-nav a{padding:12px;font-size:16px}
}
@media (max-width:520px){.lp-header-cta{display:none}.lp-nav .lp-nav-cta{display:flex;margin-top:8px;color:#fff;height:46px}.lp-nav a.lp-nav-cta:hover{background:#e65f00}.lp-logo .lp-sana{height:20px}}

/* Suorat linkit: yritysportaali ja oma tili */
.lp-pikat{display:flex;align-items:center;gap:4px}
.lp-pika{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 10px;border-radius:8px;color:var(--lp-ink-2);text-decoration:none;font:500 13.5px var(--lp-font);white-space:nowrap;transition:color .15s,background .15s}
.lp-pika:hover{color:#fff;background:rgba(255,255,255,.06)}
.lp-pika svg,.lp-nav-pika svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lp-pika-l{display:none}
.lp-nav .lp-nav-pika{display:none}
@media (max-width:1279px){
  .lp-pika{flex-direction:column;justify-content:center;gap:2px;height:44px;min-width:48px;padding:0 6px;font-size:10.5px;line-height:1}
  .lp-pika-t{display:none}.lp-pika-l{display:block}
}
@media (max-width:980px){
  .lp-nav .lp-nav-pika{display:flex;align-items:center;gap:10px;border-top:1px solid var(--lp-line)}
  .lp-nav .lp-nav-pika + .lp-nav-pika{border-top:0}
}
@media (max-width:380px){.lp-pikat{gap:0}.lp-pika{min-width:44px;padding:0 4px}.lp-header-oik{gap:6px}}

/* ---------- Alatunniste ---------- */
.lp-footer{background:var(--lp-bg-2);border-top:1px solid var(--lp-line);margin-top:80px;text-align:left;font-family:var(--lp-font);padding:0;letter-spacing:0}
.lp-footer-sisa{max-width:1240px;margin:0 auto;padding:56px 24px 36px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}
.lp-footer-brandi p{color:var(--lp-muted);font-size:14px;line-height:1.6;margin-top:14px;max-width:320px}
.lp-footer-brandi .lp-footer-yht a{color:var(--lp-ink-2);text-decoration:none}
.lp-footer-sar h4{font:600 12px var(--lp-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--lp-muted);margin-bottom:14px}
.lp-footer-sar a{display:block;color:var(--lp-ink-2);text-decoration:none;font-size:14.5px;padding:4px 0}
.lp-footer-sar a:hover{color:var(--lp-accent-2)}
.lp-footer-ala{max-width:1240px;margin:0 auto;padding:18px 24px 28px;border-top:1px solid var(--lp-line);display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--lp-muted)}
.lp-footer-maksut{margin-left:auto}
.lp-footer-piilo{color:var(--lp-bg-2);text-decoration:none}
@media (max-width:820px){.lp-footer-sisa{grid-template-columns:1fr 1fr}.lp-footer-brandi{grid-column:1/-1}.lp-footer-maksut{margin-left:0}}

/* ---------- Sisältösivujen yhteiset elementit ---------- */
.wrap{max-width:900px}
.tag,.sec-tag{font-family:var(--lp-mono)!important;letter-spacing:2px;color:var(--lp-accent-2)}
.lead{font-family:var(--lp-font);color:var(--lp-ink-2);font-weight:400}
h1,h2,.sec-h{letter-spacing:1px}
h1 span,h2 span,.sec-h span{color:var(--lp-brand)}
.cta-box{background:linear-gradient(135deg,rgba(255,107,0,.12),rgba(255,107,0,.03)) ,var(--lp-panel)!important;border:1px solid rgba(255,107,0,.28)!important;border-radius:16px!important}
.cta-btn{background:var(--lp-accent)!important;color:#fff!important;border-radius:10px!important;transition:background .15s,box-shadow .15s,transform .15s}
.cta-btn:hover{background:#e65f00!important;box-shadow:0 8px 28px rgba(255,107,0,.3);opacity:1!important}
.rel a{border-radius:9px!important;color:var(--lp-ink-2)!important;font-family:var(--lp-font)!important;letter-spacing:0!important;transition:border-color .15s,color .15s}
.rel a:hover{border-color:var(--lp-accent)!important;color:#fff!important}
article a,.wrap p a,.wrap li a{color:var(--lp-accent-2)}
table{border-color:var(--lp-line)}
code,kbd{font-family:var(--lp-mono)}