/*
Theme Name: NeoCode
Theme URI: https://matrix-mk.duckdns.org
Author: NeoCode
Description: Custom tema za NeoCode - AI avtomatizacije (n8n/Make agencija). Ročno prenesena iz obstoječe statične strani, 1:1 vizualni posnetek.
Version: 1.0
Text Domain: neocode
*/

/* ── TOKENS ─────────────────────────────────────────── */
:root{
  --fh:'Nunito',sans-serif;
  --fb:'Inter',sans-serif;
  --green:#4db8ff; --green2:#2a9fd6;
  --blue:#1a7cff;  --cyan:#a8d8ea;
  --trans:.25s ease;
}
/* DARK - slate, not black */
[data-theme="dark"]{
  --hero-img-opacity:0.30;
  --body-bg:rgba(20,32,60,0.84);
  --hero-overlay:linear-gradient(135deg,rgba(18,32,58,0.88) 0%,rgba(0,50,70,0.65) 50%,rgba(18,32,58,0.85) 100%);
  --bg:#1a2744;   --bg2:#1e2f50;  --bg3:#243860;
  --card:#1c2d4e; --card2:#243048;
  --text:#eef2ff; --muted:#7a8fac;
  --border:rgba(255,255,255,0.07);
  --border2:rgba(0,232,122,0.22);
  --nav:rgba(17,23,32,0.94);
  --sh:rgba(0,0,0,0.55);
  --dd:#18202e;
}
/* LIGHT - warm off-white, not pure white */
[data-theme="light"]{
  --hero-img-opacity:0.12;
  --body-bg:rgba(225,232,245,0.86);
  --hero-overlay:linear-gradient(135deg,rgba(220,228,240,0.88) 0%,rgba(200,220,230,0.65) 50%,rgba(220,228,240,0.85) 100%);
  --bg:#f0f2f7;   --bg2:#e6e9f2;  --bg3:#dce0ed;
  --card:#ffffff; --card2:#f7f8fc;
  --text:#111720; --muted:#556070;
  --border:rgba(0,0,0,0.08);
  --border2:rgba(0,158,82,0.28);
  --nav:rgba(240,242,247,0.96);
  --sh:rgba(0,0,0,0.10);
  --dd:#ffffff;
  --green:#009e52; --green2:#007a3e;
  --blue:#1455cc;  --cyan:#0090a8;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

#bg-img{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background-image:url('Korita1.png');
  background-size:cover;background-position:center;
  z-index:-2;pointer-events:none;
  opacity:var(--hero-img-opacity,0.28);
  transition:opacity .3s;
}
#bg-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:-1;pointer-events:none;
  background:rgba(15,25,50,0.72);
  transition:background .3s;
}
[data-theme="light"] #bg-overlay{ background:rgba(220,228,242,0.78); }
body{min-height:100vh;}
body{background:rgba(20,32,60,0.88);transition:background .3s;color:var(--text);font-family:var(--fb);transition:background var(--trans),color var(--trans);}

/* ── NAV ───────────────────────────────────────────── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  background:var(--nav);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);
  padding:0 4%;
  transition:background var(--trans);
}
.nav-inner{
  max-width:1360px;margin:0 auto;
  display:flex;align-items:center;gap:8px;
  height:66px;
}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.logo-mark{
  width:34px;height:34px;border-radius:8px;
  background:linear-gradient(135deg,var(--green),var(--cyan));
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fh);font-weight:800;font-size:15px;color:#000;
}
.logo-name{font-family:var(--fh);font-weight:700;font-size:16px;color:var(--text);letter-spacing:-.2px;}
.logo-name em{font-style:normal;color:var(--green);}

.nav-links{display:flex;align-items:center;gap:2px;margin-left:8px;flex:1;}
.ni{position:relative;}
.nl{
  display:flex;align-items:center;gap:4px;
  padding:7px 13px;color:var(--muted);
  font-size:13.5px;font-weight:400;
  border-radius:7px;border:none;background:none;
  font-family:var(--fb);cursor:pointer;
  transition:color var(--trans),background var(--trans);
  text-decoration:none;white-space:nowrap;
}
.nl:hover,.nl.on{color:var(--text);background:rgba(128,128,128,0.09);}
.nl svg{width:11px;height:11px;transition:transform var(--trans);flex-shrink:0;}
.ni:hover>.nl svg{transform:rotate(180deg);}

.dd{
  position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);
  background:var(--dd);border:1px solid var(--border);border-radius:13px;
  padding:6px;min-width:240px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s,transform .18s;transform-origin:top center;
  box-shadow:0 16px 48px var(--sh);
}
.ni:hover>.dd{opacity:1;visibility:visible;pointer-events:all;}
.dd a{
  display:flex;align-items:center;gap:10px;
  padding:9px 13px;color:var(--muted);text-decoration:none;
  font-size:13px;border-radius:8px;transition:all .15s;
}
.dd a:hover{color:var(--text);background:rgba(128,128,128,0.07);}
.dd-icon{
  width:30px;height:30px;border-radius:7px;flex-shrink:0;
  background:rgba(0,232,122,0.09);
  display:flex;align-items:center;justify-content:center;font-size:15px;
}
.dd-text strong{display:block;color:var(--text);font-size:13px;font-weight:600;font-family:var(--fh);}
.dd-text span{font-size:11px;color:var(--muted);}

.nav-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0;}
.btn-ghost{
  padding:7px 15px;border:1px solid var(--border2);border-radius:8px;
  color:var(--green);font-size:12.5px;font-weight:500;
  text-decoration:none;transition:all var(--trans);font-family:var(--fb);
  white-space:nowrap;
}
.btn-ghost:hover{background:rgba(0,232,122,0.07);}
.btn-cta{
  padding:8px 18px;background:var(--green);border-radius:8px;
  color:#000;font-size:12.5px;font-weight:700;
  text-decoration:none;transition:all var(--trans);font-family:var(--fh);
  white-space:nowrap;
}
.btn-cta:hover{background:var(--green2);transform:translateY(-1px);}

/* ── THEME TOGGLE ─── */
.t-tog{
  width:42px;height:24px;border-radius:12px;
  background:rgba(128,128,128,0.15);border:1px solid var(--border);
  cursor:pointer;position:relative;flex-shrink:0;padding:0;
  transition:background var(--trans);
}
.t-tog::after{
  content:'';position:absolute;top:3px;left:3px;
  width:16px;height:16px;border-radius:50%;
  background:var(--green);transition:transform var(--trans),background var(--trans);
}
[data-theme="light"] .t-tog::after{transform:translateX(18px);background:var(--blue);}
.t-tog-icons{
  position:absolute;inset:0;display:flex;align-items:center;
  justify-content:space-between;padding:0 4px;font-size:8px;pointer-events:none;
}

/* ── LANG TOGGLE ─── */
.l-tog{
  display:flex;align-items:center;gap:0;
  border:1px solid var(--border);border-radius:8px;overflow:hidden;
  flex-shrink:0;
}
.l-tog button{
  padding:5px 10px;font-size:11.5px;font-weight:600;
  font-family:var(--fh);border:none;cursor:pointer;
  transition:all var(--trans);letter-spacing:.3px;
  background:transparent;color:var(--muted);
}
.l-tog button.active{background:var(--green);color:#000;}
.l-tog button:not(.active):hover{color:var(--text);}

/* ── HERO ────────────────────────────────────────────── */
.hero{
  height:100vh;display:flex;align-items:center;
  padding:66px 4% 0;position:relative;overflow:hidden;
}
.hero::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:var(--hero-overlay);
}
.hero-wrap,.glow-a,.glow-b{position:relative;z-index:1;}

.glow-a{position:absolute;top:10%;right:2%;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,212,255,0.055),transparent 70%);pointer-events:none;}
.glow-b{position:absolute;bottom:5%;left:8%;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,232,122,0.04),transparent 70%);pointer-events:none;}

.hero-wrap{max-width:1360px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}

.hero-left{min-width:0;overflow:hidden;}
.badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:5px 13px;border-radius:100px;margin-bottom:22px;
  background:rgba(77,184,255,0.08);border:1px solid rgba(77,184,255,0.20);
  font-size:11.5px;font-weight:500;color:var(--green);letter-spacing:.4px;
}
.badge i{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s infinite;flex-shrink:0;}
h1{
  font-family:var(--fh);font-size:clamp(34px,4.2vw,60px);
  font-weight:700;line-height:1.12;letter-spacing:-0.5px;margin-bottom:20px;
}
h1 em{font-style:normal;color:#a8d8ea;font-weight:600;}
.sub{
  font-size:16px;line-height:1.7;color:var(--muted);
  max-width:460px;margin-bottom:32px;font-weight:300;
}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px;}
.hb-primary{
  padding:13px 26px;background:var(--green);border-radius:10px;
  color:#000;font-size:14px;font-weight:700;text-decoration:none;
  font-family:var(--fh);transition:all var(--trans);
}
.hb-primary:hover{background:#2a9fd6;transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,232,122,.28);}
.hb-sec{
  padding:13px 26px;border:1px solid var(--border);border-radius:10px;
  color:var(--text);font-size:14px;font-weight:400;text-decoration:none;
  transition:all var(--trans);
}
.hb-sec:hover{border-color:var(--border2);background:rgba(0,232,122,.04);}

.kpis{display:flex;gap:20px;flex-wrap:wrap;}
.kpi span{font-family:var(--fh);font-size:26px;font-weight:600;letter-spacing:-0.5px;display:block;}
.kpi span em{font-style:normal;color:rgba(255,255,255,0.7);}
.kpi small{font-size:11px;color:var(--muted);margin-top:1px;display:block;}

.hero-right{position:relative;height:430px;}

.lp{position:absolute;bottom:0;left:0;right:0;}
.lp-screen{
  background:var(--bg3);border:1px solid var(--border);
  border-radius:10px 10px 0 0;padding:11px;
  aspect-ratio:16/9;overflow:hidden;
  box-shadow:0 -18px 70px var(--sh);
}
.lp-chin{
  height:9px;background:transparent;
  border-radius:0 0 8px 8px;
  border:1px solid var(--border);border-top:none;
}
.lp-chin::before{content:'';display:block;width:38px;height:3px;background:var(--border2);border-radius:2px;margin:3px auto;}

.tab{
  position:absolute;left:-14px;top:8px;width:162px;
  background:var(--card);border:1px solid var(--border);
  border-radius:13px;padding:5px;
  box-shadow:0 18px 50px var(--sh);z-index:5;
}
.tab-s{background:var(--bg3);border-radius:9px;padding:7px;min-height:115px;}

.ph{
  position:absolute;right:-18px;top:16px;width:114px;
  background:var(--card);border:1px solid var(--border);
  border-radius:20px;padding:7px;
  box-shadow:0 18px 50px var(--sh);z-index:10;
}
.ph-notch{width:32px;height:5px;background:transparent;border-radius:3px;margin:0 auto 7px;}
.ph-s{background:var(--bg3);border-radius:13px;padding:7px;min-height:185px;}

.fc{
  position:absolute;background:var(--card);border:1px solid var(--border2);
  border-radius:10px;padding:9px 13px;box-shadow:0 8px 28px var(--sh);z-index:20;
}
.fc-a{top:12px;right:105px;}
.fc-b{bottom:65px;left:2px;}
.fc label{font-size:8.5px;color:var(--muted);display:block;margin-bottom:2px;}
.fc strong{font-family:var(--fh);font-size:17px;font-weight:800;color:var(--green);display:block;}
.fc small{font-size:8px;color:var(--green);}
.fc.blue strong{color:var(--cyan);}
.fc.blue small{color:var(--cyan);}

.dh{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;}
.dh-t{font-size:8px;font-weight:600;color:var(--text);font-family:var(--fh);}
.live{font-size:6.5px;color:var(--green);display:flex;align-items:center;gap:3px;}
.live::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--green);animation:blink 2s infinite;}
.row2{display:flex;gap:4px;margin-bottom:4px;}
.kk{flex:1;background:rgba(26,124,255,.08);border:1px solid rgba(26,124,255,.15);border-radius:5px;padding:4px;}
.kk-v{font-size:9.5px;font-weight:700;color:var(--blue);font-family:var(--fh);}
.kk-l{font-size:5.5px;color:var(--muted);}
.mb{margin-bottom:4px;}
.mb-lbl{font-size:5.5px;color:var(--muted);margin-bottom:1px;display:flex;justify-content:space-between;}
.mb-tr{height:3.5px;background:rgba(128,128,128,.1);border-radius:2px;overflow:hidden;}
.mb-fl{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--green),var(--cyan));animation:grow 2.5s ease-out forwards;}
.bars{display:flex;align-items:flex-end;gap:2px;height:32px;margin-top:5px;}
.bar{flex:1;border-radius:2px 2px 0 0;}

.mc4{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:5px;}
.mc{background:rgba(0,232,122,.06);border:1px solid rgba(0,232,122,.1);border-radius:4px;padding:3px 5px;}
.mc-l{font-size:5.5px;color:var(--muted);}
.mc-v{font-size:10px;font-weight:700;color:var(--green);font-family:var(--fh);}
.mc-v2{font-size:8.5px;font-weight:700;color:var(--cyan);font-family:var(--fh);}
.lp-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:5px;}
.lp-box{background:rgba(128,128,128,.04);border:1px solid var(--border);border-radius:4px;padding:7px;}
.lp-box-t{font-size:6px;color:var(--muted);font-weight:600;margin-bottom:4px;}
.mini-ch{display:flex;align-items:flex-end;gap:2px;height:36px;}
.mc-bar{flex:1;background:rgba(0,232,122,.15);border-radius:2px 2px 0 0;}
.flow-row{display:flex;align-items:center;gap:5px;padding:3px 0;border-bottom:1px solid var(--border);}
.dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.flow-row span{font-size:6.5px;color:var(--muted);}

.pn{background:rgba(0,232,122,.07);border:1px solid rgba(0,232,122,.14);border-radius:5px;padding:4px 6px;margin-bottom:4px;}
.pn-t{font-size:6.5px;font-weight:600;color:var(--green);font-family:var(--fh);}
.pn-s{font-size:5.5px;color:var(--muted);margin-top:1px;}
.fl-step{display:flex;align-items:center;gap:4px;padding:3px 0;border-bottom:1px solid var(--border);}
.fl-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}

/* ── TICKER ─────────────────────────────────────────── */
.ticker{
  position:fixed;bottom:0;left:0;right:0;z-index:150;
  background:transparent;border-top:1px solid var(--border);
  padding:9px 0;overflow:hidden;
}
.ticker-lbl{
  position:absolute;left:0;top:0;bottom:0;z-index:2;
  background:linear-gradient(90deg,var(--bg2) 62%,transparent);
  padding:0 36px 0 18px;display:flex;align-items:center;gap:6px;
  font-size:10.5px;font-weight:600;color:var(--green);
  letter-spacing:1px;font-family:var(--fh);white-space:nowrap;
}
.ticker-lbl::before{content:'●';animation:blink 1.2s infinite;}
.ticker-track{display:flex;width:max-content;animation:tick 44s linear infinite;padding-left:170px;}
.ti{display:flex;align-items:center;gap:16px;padding:0 26px;white-space:nowrap;font-size:11.5px;color:var(--muted);}
.ti strong{color:var(--text);font-weight:500;}
.t-tag{padding:2px 7px;border-radius:100px;font-size:9.5px;font-weight:600;}
.t-n8n{background:rgba(0,232,122,.1);color:var(--green);}
.t-ai{background:rgba(0,212,255,.1);color:var(--cyan);}
.t-make{background:rgba(26,124,255,.1);color:var(--blue);}
.t-sep{color:var(--border);margin:0 4px;}

@keyframes blink{0%,100%{opacity:1;}50%{opacity:.35;}}
@keyframes tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes grow{from{width:0;}to{width:100%;}}
@keyframes up{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.fade{animation:up .55s ease both;}
.fade:nth-child(2){animation-delay:.08s;}
.fade:nth-child(3){animation-delay:.16s;}

.news-section{padding:60px 4% 80px;background:transparent;position:relative;overflow:hidden;}
.news-wrap{max-width:1360px;margin:0 auto;position:relative;z-index:1;}
.nc{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;text-decoration:none;display:block;color:var(--text);transition:all .22s;}
.nc:hover{border-color:var(--border2);transform:translateY(-3px);}
.feed-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--green);background:rgba(0,232,122,.06);border:1px solid rgba(0,232,122,.15);border-radius:100px;padding:4px 12px;margin-bottom:18px;font-family:var(--fh);}
.feed-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--green);animation:blink 1.5s infinite;}

.cal-modal{
  display:none;position:fixed;inset:0;z-index:500;
  background:rgba(10,15,28,0.88);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;
  opacity:0;transition:opacity .28s;
}
.cal-modal-inner{
  width:95%;max-width:960px;height:85vh;
  background:transparent;border:1px solid var(--border);
  border-radius:16px;display:flex;flex-direction:column;
  transform:scale(0.95);transition:transform .28s;
  overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,0.6);
}
.cal-modal-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;border-bottom:1px solid var(--border);
  font-family:var(--fh);font-weight:600;font-size:15px;color:var(--text);
  background:var(--bg3);flex-shrink:0;
}

[data-theme="dark"] body{ background:rgba(20,32,60,0.84); }
[data-theme="light"] body{ background:rgba(220,228,242,0.88); }

::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px;}

@media(max-width:960px){
  html,body{overflow:auto;}
  .hero-right{display:none;}
  .hero-wrap{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .nav-links{display:none;}
  h1{font-size:30px;letter-spacing:-1px;}
  .btn-ghost{display:none;}
}

/* ── PODSTRANI (skupno za vse 11 podstrani) ─────────────── */
.page{padding:100px 4% 60px;max-width:1360px;margin:0 auto;}
.pg-header{margin-bottom:48px;}
.lbl{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;font-family:var(--fh);}
.lbl::before{content:'';width:18px;height:1px;background:var(--green);}
h2{font-family:var(--fh);font-size:clamp(26px,3.2vw,44px);font-weight:700;letter-spacing:-0.3px;line-height:1.15;margin-bottom:14px;}
.pg-sub{font-size:15px;color:var(--muted);line-height:1.68;max-width:560px;font-weight:300;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.card{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:26px;transition:all .28s;}
.card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 16px 50px rgba(0,232,122,0.07);}
.card.feat{border-color:rgba(0,232,122,0.28);background:linear-gradient(135deg,rgba(0,232,122,0.04),var(--card));}
.c-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:16px;}
.ci-g{background:rgba(0,232,122,0.1);}
.ci-b{background:rgba(26,124,255,0.1);}
.ci-c{background:rgba(0,212,255,0.1);}
.card h3{font-family:var(--fh);font-size:17px;font-weight:600;margin-bottom:9px;letter-spacing:0px;}
.card p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:16px;font-weight:300;}
.c-list{list-style:none;}
.c-list li{font-size:13px;color:var(--muted);padding:4px 0;display:flex;align-items:center;gap:8px;}
.c-list li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0;}
.badge-sm{display:inline-block;padding:3px 9px;border-radius:100px;font-size:9.5px;font-weight:600;color:#000;background:var(--green);margin-bottom:10px;font-family:var(--fh);}
.mrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0;}
.mc{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:26px;text-align:center;transition:border-color .2s;}
.mc:hover{border-color:var(--border2);}
.mc-num{font-family:var(--fh);font-size:44px;font-weight:800;letter-spacing:-2px;line-height:1;}
.mc-num .u{font-size:24px;}
.mc-g{color:var(--green);}
.mc-c{color:var(--cyan);}
.mc-b{color:var(--blue);}
.mc-lbl{font-size:14px;font-weight:600;margin:9px 0 7px;font-family:var(--fh);}
.mc-d{font-size:13px;color:var(--muted);line-height:1.6;font-weight:300;}
.sec-alt{background:var(--bg2);padding:60px 0;}
.sec-alt .page{padding-top:60px;padding-bottom:60px;}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;position:relative;}
.steps::before{content:'';position:absolute;top:23px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,var(--border2),var(--border2),transparent);}
.step{text-align:center;padding:0 18px;}
.step-n{width:48px;height:48px;border-radius:50%;background:rgba(0,232,122,0.08);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-weight:800;font-size:17px;color:var(--green);margin:0 auto 18px;}
.step h3{font-family:var(--fh);font-size:16px;font-weight:700;margin-bottom:8px;}
.step p{font-size:13px;color:var(--muted);line-height:1.65;font-weight:300;}
.cta-box{background:var(--card);border:1px solid rgba(0,232,122,0.22);border-radius:18px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;margin-top:48px;}
.cta-box h3{font-family:var(--fh);font-size:24px;font-weight:800;margin-bottom:10px;letter-spacing:-.8px;}
.cta-box p{font-size:15px;color:var(--muted);font-weight:300;line-height:1.65;}
.cta-btns{display:flex;gap:10px;flex-shrink:0;}
.btn-p{padding:13px 24px;background:var(--green);border-radius:9px;color:#000;font-weight:700;font-size:14px;text-decoration:none;font-family:var(--fh);transition:all var(--trans);white-space:nowrap;}
.btn-p:hover{background:var(--green2);transform:translateY(-1px);}
.btn-s{padding:13px 24px;border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:14px;text-decoration:none;transition:all var(--trans);white-space:nowrap;}
.btn-s:hover{border-color:var(--border2);}
.pg-sub,.card p,.step p,.mc-d{overflow-wrap:break-word;word-break:break-word;}
.page{overflow-x:hidden;}
@media(max-width:900px){.grid3,.mrow,.steps{grid-template-columns:1fr 1fr;}.steps::before{display:none;}}
@media(max-width:600px){.grid3,.grid2,.mrow,.steps,.cta-box{grid-template-columns:1fr;}.cta-box{padding:28px;}}
.roi-wrap{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;max-width:700px;}
.roi-row{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
.roi-lbl{font-size:13px;color:var(--muted);width:220px;flex-shrink:0;}
.roi-input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-size:15px;font-family:var(--fb);outline:none;transition:border var(--trans);}
.roi-input:focus{border-color:var(--border2);}
.roi-result{background:linear-gradient(135deg,rgba(0,232,122,.08),rgba(0,212,255,.05));border:1px solid var(--border2);border-radius:12px;padding:28px;margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.rr-item{text-align:center;}
.rr-num{font-family:var(--fh);font-size:32px;font-weight:800;color:var(--green);display:block;letter-spacing:-1px;}
.rr-lbl{font-size:11px;color:var(--muted);margin-top:4px;display:block;}
.cal-wrap{background:var(--bg3);border-radius:14px;padding:24px;border:1px solid var(--border);}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:14px 0;}
.cal-dh{text-align:center;font-size:10px;color:var(--muted);padding:3px;}
.cal-d{text-align:center;font-size:12px;padding:6px 3px;border-radius:6px;cursor:pointer;transition:all .18s;}
.cal-d:hover{background:rgba(0,232,122,.1);color:var(--green);}
.cal-d.today{background:var(--green);color:#000;font-weight:700;}
.cal-d.taken{color:var(--border);cursor:default;}
.cal-link{display:block;text-align:center;padding:13px;background:var(--green);border-radius:9px;color:#000;font-weight:700;font-size:15px;text-decoration:none;font-family:var(--fh);margin-top:14px;transition:all var(--trans);}
.cal-link:hover{background:var(--green2);}
@media(max-width:600px){.roi-result{grid-template-columns:1fr;}.roi-row{flex-direction:column;align-items:flex-start;}.roi-lbl{width:auto;}}