/* ═══════════════════════════════════════════════════════════════
   PSO TÜRKİYE — Public CSS
   v7 tasarım dilini korur; başlık puntoları büyütüldü.
   ═══════════════════════════════════════════════════════════════ */

*{margin:0;padding:0;box-sizing:border-box}

:root{
  --bg:#DDDDDD;
  --surface:#CACACA;
  --surface2:#BEBEBE;
  --card:#E8E8E8;
  --white:#F4F4F4;
  --lime:#5a9a10;
  --lime2:#6aaa1e;
  --lime-bg:rgba(90,154,16,0.09);
  --blue:#2a5aaa;
  --amber:#b07010;
  --steel:#3a4d6e;
  --steel-light:#4a5e82;
  --text:#1a2030;
  --text2:#2e3a50;
  --muted:#6a7890;
  --border:rgba(30,40,60,0.13);
  --border2:rgba(30,40,60,0.07);
  --shadow:0 2px 12px rgba(0,0,0,0.08);
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',sans-serif;
  font-size:15px;             /* v7: 14px → 15px (gövde de bir pt büyütüldü) */
  line-height:1.65;
  overflow-x:hidden;
}
.page{display:none;min-height:100vh;flex-direction:column}
.page.active{display:flex}

/* ─── NAV ──────────────────────────────────────────────────── */
nav.site-nav{
  position:sticky;top:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 48px;
  background:rgba(221,221,221,0.97);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);
  flex-shrink:0;
}
.nav-logo img{height:46px;cursor:pointer}              /* v7: 40 → 46 */
.nav-links{display:flex;gap:26px;list-style:none}
.nav-links a{
  color:var(--muted);text-decoration:none;
  font-size:12px;font-weight:600;letter-spacing:2.2px;
  text-transform:uppercase;font-family:'Rajdhani',sans-serif;
  transition:color .2s;cursor:pointer;
}
.nav-links a:hover, .nav-links a.active{color:var(--lime)}

.nav-actions{display:flex;align-items:center;gap:12px}
.nav-cta,.nav-ghost,.lang-switch{
  font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;cursor:pointer;
  padding:10px 22px;border:none;transition:opacity .2s,color .2s,border-color .2s;
}
.nav-cta{
  background:var(--lime);color:#fff;
  clip-path:polygon(7px 0%,100% 0%,calc(100% - 7px) 100%,0% 100%);
}
.nav-cta:hover{opacity:.85}
.nav-ghost{
  background:transparent;color:var(--steel);
  border:1px solid var(--border);
}
.nav-ghost:hover{color:var(--lime);border-color:var(--lime)}
.lang-switch{
  background:transparent;color:var(--muted);
  border:1px solid var(--border);
  padding:8px 12px;font-size:11px;
}
.lang-switch:hover{color:var(--lime);border-color:var(--lime)}
.lang-switch.active{color:var(--lime);border-color:var(--lime)}

.back-bar{
  padding:11px 48px;border-bottom:1px solid var(--border);
  background:var(--surface);display:flex;align-items:center;gap:10px;
  cursor:pointer;font-family:'Rajdhani',sans-serif;
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  color:var(--muted);transition:color .2s;flex-shrink:0;
}
.back-bar:hover{color:var(--lime)}
.back-bar::before{content:'←';font-size:15px}

/* ─── SHARED HERO ──────────────────────────────────────────── */
.eyebrow{
  font-family:'Rajdhani',sans-serif;font-size:11px;
  letter-spacing:4px;text-transform:uppercase;font-weight:700;
  display:flex;align-items:center;gap:12px;margin-bottom:20px;
}
.eyebrow::before{content:'';width:22px;height:2px}

.section-hero{
  padding:72px 48px 60px;position:relative;overflow:hidden;
  border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;
}
.sh-bg{position:absolute;inset:0;pointer-events:none}
.sh-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(90,154,16,0.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(90,154,16,0.05) 1px,transparent 1px);
  background-size:48px 48px;pointer-events:none;
}
.sh-inner{position:relative;z-index:1;max-width:880px}
.sh-inner h1{
  font-family:'Rajdhani',sans-serif;
  font-size:clamp(46px,6.4vw,76px);   /* v7 38-64 → 46-76 */
  font-weight:700;line-height:.92;letter-spacing:-1px;
  color:var(--text);margin-bottom:22px;
}
.sh-inner p{
  font-size:15.5px;color:var(--muted);max-width:660px;
  line-height:1.85;font-weight:300;margin-bottom:30px;
}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tag{
  background:var(--card);border:1px solid var(--border);
  padding:6px 14px;font-family:'Rajdhani',sans-serif;
  font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:var(--steel);font-weight:600;
}

/* ─── BENEFITS ────────────────────────────────────────────── */
.benefits-bar{padding:0 48px;display:grid;gap:1px;background:var(--steel);flex-shrink:0}
.benefits-bar.col4{grid-template-columns:repeat(4,1fr)}
.benefits-bar.col3{grid-template-columns:repeat(3,1fr)}
.ben{padding:26px 22px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:5px}
.ben:last-child{border-right:none}
.ben-icon{font-size:22px;margin-bottom:6px}
.ben-title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:#fff}
.ben-desc{font-size:12px;color:rgba(255,255,255,.55);line-height:1.55;font-weight:300}

/* ─── SECTION HEADER ──────────────────────────────────────── */
.sec-header{padding:56px 48px 30px;background:var(--bg)}
.sec-eyebrow{
  font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:4px;
  text-transform:uppercase;font-weight:700;color:var(--lime);
  display:flex;align-items:center;gap:12px;margin-bottom:14px;
}
.sec-eyebrow::before{content:'';width:18px;height:2px;background:var(--lime)}
.sec-title{
  font-family:'Rajdhani',sans-serif;
  font-size:clamp(32px,4.6vw,52px);    /* v7 26-42 → 32-52 */
  font-weight:700;color:var(--text);line-height:.95;letter-spacing:-.5px;
}

/* ─── ACCORDION ───────────────────────────────────────────── */
.acc-wrap{padding:0 48px 64px;background:var(--bg);display:flex;flex-direction:column;gap:1px}
.acc{background:var(--card);border:1px solid var(--border);overflow:hidden;transition:box-shadow .2s}
.acc:hover{box-shadow:var(--shadow)}
.acc-head{padding:28px 30px;display:flex;align-items:flex-start;gap:20px;cursor:pointer;position:relative}
.acc-head::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;transform:scaleY(0);transform-origin:top;transition:transform .3s}
.acc.open .acc-head::after{transform:scaleY(1)}
.acc-num{font-family:'Rajdhani',sans-serif;font-size:12px;letter-spacing:3px;color:var(--muted);font-weight:600;min-width:30px;margin-top:3px}
.acc-icon{font-size:30px;flex-shrink:0}
.acc-texts{flex:1}
.acc-tag{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin-bottom:6px;display:block}
.acc-texts h3{
  font-family:'Rajdhani',sans-serif;
  font-size:23px;            /* v7: 19 → 23 */
  font-weight:700;color:var(--text);margin-bottom:7px;line-height:1.15;
}
.acc-texts p{font-size:14px;color:var(--muted);font-weight:300;line-height:1.7;max-width:760px}
.acc-toggle{font-size:24px;color:var(--muted);transition:transform .3s;flex-shrink:0;margin-top:2px;font-weight:300}
.acc.open .acc-toggle{transform:rotate(45deg)}
.acc-body{display:none;border-top:1px solid var(--border2);padding:26px 30px 32px 84px}
.acc.open .acc-body{display:block}

.vendor-bar{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;
  padding-top:18px;border-top:1px dashed var(--border);
}
.vendor-bar a{
  font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;font-weight:700;text-decoration:none;
  background:var(--white);border:1px solid var(--border);
  padding:7px 14px;color:var(--steel);transition:all .2s;
}
.vendor-bar a:hover{color:var(--lime);border-color:var(--lime)}

/* ─── GRID BLOCKS ─────────────────────────────────────────── */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.block{background:var(--white);border:1px solid var(--border);padding:20px 22px}
.block h4{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;color:var(--text);margin-bottom:9px}
.block p,.block-p{font-size:13px;color:var(--muted);line-height:1.7;font-weight:300}
.block ul{list-style:none;display:flex;flex-direction:column;gap:4px;margin-top:7px}
.block ul li{font-size:13px;color:var(--muted);padding-left:16px;position:relative;line-height:1.6;font-weight:300}
.block ul li::before{content:'→';position:absolute;left:0;color:var(--lime);font-size:11px;top:2px}
.block-num{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin-bottom:8px;display:block}

.cert-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.cert{
  background:var(--lime-bg);border:1px solid rgba(90,154,16,.2);
  padding:5px 12px;font-family:'Rajdhani',sans-serif;
  font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:var(--lime);font-weight:700;
}
.param-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.param{
  background:var(--white);border:1px solid var(--border);
  padding:11px 15px;font-size:13px;color:var(--text2);
  display:flex;align-items:center;gap:9px;
}
.param::before{content:'◆';color:var(--lime);font-size:8px;flex-shrink:0}

.info-box{
  background:var(--white);border:1px solid var(--border);
  border-left:3px solid var(--lime);padding:20px 22px;margin-top:16px;
  font-size:14px;color:var(--muted);line-height:1.8;font-weight:300;
}

/* ─── HOME ────────────────────────────────────────────────── */
.home-hero{
  flex:1;display:flex;flex-direction:column;justify-content:center;
  align-items:center;padding:90px 48px 70px;position:relative;
  overflow:hidden;text-align:center;min-height:55vh;background:var(--bg);
}
.hh-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(90,154,16,0.06) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(90,154,16,0.06) 1px,transparent 1px);
  background-size:50px 50px;pointer-events:none;
}
.hh-glow{
  position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);
  width:680px;height:340px;
  background:radial-gradient(ellipse,rgba(58,77,110,0.08) 0%,transparent 70%);
  pointer-events:none;
}
.hh-content{position:relative;z-index:1}
.hh-logo{height:104px;margin-bottom:34px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}  /* v7: 88 → 104 */
.hh-tagline{
  font-family:'Rajdhani',sans-serif;font-size:13px;
  letter-spacing:6px;text-transform:uppercase;
  color:var(--muted);margin-bottom:14px;font-weight:600;
}
.hh-title{
  font-family:'Rajdhani',sans-serif;
  font-size:clamp(42px,6.2vw,76px);    /* v7 34-62 → 42-76 */
  font-weight:700;line-height:.95;letter-spacing:-1px;
  margin-bottom:18px;color:var(--text);
}
.hh-title span{color:var(--lime)}
.hh-desc{font-size:15.5px;color:var(--muted);max-width:540px;margin:0 auto 44px;line-height:1.85;font-weight:300}
.scroll-hint{
  font-size:11px;color:var(--muted);letter-spacing:3px;
  text-transform:uppercase;font-family:'Rajdhani',sans-serif;
  display:flex;align-items:center;gap:11px;justify-content:center;
}
.scroll-hint::before,.scroll-hint::after{content:'';width:26px;height:1px;background:var(--border)}

/* ─── DIVISION CARDS ─────────────────────────────────────── */
.div-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);flex-shrink:0}
.dc{background:var(--card);padding:48px 38px;position:relative;overflow:hidden;cursor:pointer;transition:background .3s;border-top:1px solid var(--border)}
.dc:hover{background:var(--white)}
.dc-bar{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.dc:hover .dc-bar{transform:scaleX(1)}
.dc1 .dc-bar{background:linear-gradient(90deg,var(--lime),#a0d840)}
.dc2 .dc-bar{background:linear-gradient(90deg,var(--blue),#5080cc)}
.dc3 .dc-bar{background:linear-gradient(90deg,var(--amber),#d09030)}
.dc-num{font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:4px;color:var(--muted);margin-bottom:22px;font-weight:600}
.dc-icon{font-size:36px;margin-bottom:18px;display:block}
.dc h3{
  font-family:'Rajdhani',sans-serif;
  font-size:24px;            /* v7: 20 → 24 */
  font-weight:700;margin-bottom:14px;line-height:1.1;
}
.dc1 h3{color:var(--lime)}.dc2 h3{color:var(--blue)}.dc3 h3{color:var(--amber)}
.dc p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:26px;font-weight:300}
.dc-btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;padding:11px 22px;
  border:none;cursor:pointer;
  clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
  color:#fff;transition:opacity .2s;
}
.dc-btn:hover{opacity:.85}
.dc1 .dc-btn{background:var(--lime)}
.dc2 .dc-btn{background:var(--blue)}
.dc3 .dc-btn{background:var(--amber)}

/* ─── HOME STATS ──────────────────────────────────────────── */
.home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);flex-shrink:0}
.hs{background:var(--surface);padding:24px;text-align:center;border-right:1px solid var(--border)}
.hs:last-child{border-right:none}
.hs-n{font-family:'Rajdhani',sans-serif;font-size:38px;font-weight:700;color:var(--lime);line-height:1;display:block}
.hs-l{font-size:11px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:5px;display:block}

/* ─── İLETİŞİM ────────────────────────────────────────────── */
.i-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}
.itab{padding:18px 42px;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;transition:all .25s;display:flex;align-items:center;gap:8px}
.itab.active{color:var(--lime);border-bottom-color:var(--lime);background:var(--bg)}
.tab-panel{display:none;background:var(--bg)}
.tab-panel.active{display:block}
.t-wrap{padding:60px 48px;display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.t-info h2,.g-info h2{font-family:'Rajdhani',sans-serif;font-size:34px;font-weight:700;line-height:.95;margin-bottom:14px;color:var(--text)}
.t-info h2 span,.g-info h2 span{color:var(--lime)}
.t-info p,.g-info p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:26px;font-weight:300}

.bc-wrap{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.bc{background:var(--card);padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:background .2s;border-left:3px solid transparent}
.bc:hover{background:var(--white)}
.bc-icon{font-size:20px;flex-shrink:0}
.bc-lbl{font-size:10px;color:var(--muted);letter-spacing:3px;text-transform:uppercase;font-family:'Rajdhani',sans-serif;font-weight:600;display:block}
.bc-name{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;color:var(--text2)}
.bc-chk{margin-left:auto;opacity:0;transition:opacity .2s;font-size:14px}
.bc.sel .bc-chk{opacity:1}
.bc1.sel{border-left-color:var(--lime);background:rgba(90,154,16,.05)}
.bc1.sel .bc-chk{color:var(--lime)}
.bc2.sel{border-left-color:var(--blue);background:rgba(42,90,170,.05)}
.bc2.sel .bc-chk{color:var(--blue)}
.bc3.sel{border-left-color:var(--amber);background:rgba(176,112,16,.05)}
.bc3.sel .bc-chk{color:var(--amber)}

.t-form,.g-form{background:var(--card);border:1px solid var(--border);padding:30px;box-shadow:var(--shadow)}
.tf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.tf-head h3{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;color:var(--text)}
.sb{font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:5px 11px;font-weight:700}
#sb-r{background:var(--lime-bg);color:var(--lime)}
#sb-y{background:rgba(42,90,170,.1);color:var(--blue)}
#sb-a{background:rgba(176,112,16,.1);color:var(--amber)}

.fr{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:13px}
.fg{margin-bottom:13px}
label{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:'Rajdhani',sans-serif;font-weight:600;color:var(--muted);margin-bottom:6px}
input[type=text],input[type=email],input[type=tel],input[type=password],textarea,select{
  width:100%;background:#fff;border:1px solid var(--border);color:var(--text);
  padding:10px 13px;font-size:14px;font-family:'Inter',sans-serif;
  outline:none;transition:border-color .2s;border-radius:0;
}
input:focus,textarea:focus,select:focus{border-color:var(--lime)}
textarea{resize:vertical;min-height:88px}

.fsub{
  margin-top:18px;width:100%;padding:13px;
  font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;
  background:var(--lime);color:#fff;
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  transition:opacity .2s;
}
.fsub:hover{opacity:.85}
.fnote{font-size:12px;color:var(--muted);margin-top:8px;text-align:center}
.suc-msg{
  display:none;margin-top:11px;padding:10px 13px;
  background:var(--lime-bg);border:1px solid rgba(90,154,16,.2);
  font-family:'Rajdhani',sans-serif;font-size:13px;color:var(--lime);
  letter-spacing:1px;text-align:center;
}
.err-msg{
  display:none;margin-top:11px;padding:10px 13px;
  background:rgba(200,40,40,.07);border:1px solid rgba(200,40,40,.2);
  font-family:'Rajdhani',sans-serif;font-size:13px;color:#c03030;
  letter-spacing:1px;text-align:center;
}

.g-wrap{padding:60px 48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.cc-wrap{display:flex;flex-direction:column;gap:1px;background:var(--border);margin-bottom:22px}
.cc{background:var(--card);padding:18px 22px;display:flex;align-items:center;gap:14px}
.cc-icon{width:38px;height:38px;background:var(--lime-bg);border:1px solid rgba(90,154,16,.15);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.cc-lbl{font-size:10px;color:var(--muted);letter-spacing:3px;text-transform:uppercase;font-family:'Rajdhani',sans-serif;font-weight:600;display:block}
.cc-val{font-size:14px;color:var(--text);display:block;margin-top:3px}

.wh-box{background:var(--card);border:1px solid var(--border);padding:22px;border-left:3px solid var(--lime)}
.wh-title{font-family:'Rajdhani',sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime);margin-bottom:14px;font-weight:700}
.wh-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border2);font-size:13px}
.wh-row:last-child{border-bottom:none}
.wh-d{color:var(--muted)}
.wh-t{color:var(--text2);font-weight:500}

/* ─── CTA ─────────────────────────────────────────────────── */
.cta{padding:72px 48px;text-align:center;background:var(--bg);position:relative;overflow:hidden}
.cta-inner{position:relative;z-index:1;max-width:600px;margin:0 auto}
.cta h2{
  font-family:'Rajdhani',sans-serif;
  font-size:clamp(34px,4.6vw,56px);   /* v7 28-48 → 34-56 */
  font-weight:700;line-height:.95;letter-spacing:-.5px;
  margin-bottom:16px;color:var(--text);
}
.cta h2 span{color:var(--lime)}
.cta p{font-size:15.5px;color:var(--muted);line-height:1.8;margin-bottom:30px;font-weight:300}
.cta-btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
.btn-lime{background:var(--lime);color:#fff;padding:14px 30px;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:opacity .2s}
.btn-lime:hover{opacity:.85}
.btn-ghost{background:transparent;color:var(--steel);padding:14px 30px;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:1px solid var(--border);transition:all .2s}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}

/* ─── FOOTER ──────────────────────────────────────────────── */
.site-footer{padding:28px 48px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;background:var(--surface);flex-shrink:0}
.site-footer img{height:34px}
.ft-copy{font-size:11px;color:var(--muted);letter-spacing:1px}
.ft-links{display:flex;gap:22px}
.ft-links a,.ft-links span{font-size:11px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-family:'Rajdhani',sans-serif;font-weight:600;cursor:pointer;transition:color .2s;text-decoration:none}
.ft-links a:hover,.ft-links span:hover{color:var(--lime)}

/* ─── FLOATING & MODAL ────────────────────────────────────── */
.float-btn{
  position:fixed;bottom:30px;right:30px;z-index:500;
  width:54px;height:54px;border-radius:50%;background:var(--steel);
  border:none;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .3s;box-shadow:0 4px 16px rgba(58,77,110,.3);
}
.float-btn:hover{background:var(--lime);box-shadow:0 4px 20px rgba(90,154,16,.35);transform:translateY(-2px)}
.float-btn svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.float-tip{position:absolute;right:62px;top:50%;transform:translateY(-50%);background:var(--text);color:#fff;padding:7px 13px;white-space:nowrap;font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s;border-radius:2px}
.float-btn:hover .float-tip{opacity:1}

.overlay{position:fixed;inset:0;z-index:999;background:rgba(20,30,50,.55);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.overlay.open{opacity:1;pointer-events:all}
.modal{
  width:100%;max-width:460px;background:var(--bg);
  border:1px solid var(--border);box-shadow:0 8px 48px rgba(0,0,0,.18);
  position:relative;overflow:hidden;
  transform:translateY(20px) scale(.98);
  transition:transform .35s cubic-bezier(.22,.68,0,1.2);
  max-height:92vh;overflow-y:auto;
}
.overlay.open .modal{transform:translateY(0) scale(1)}
.m-topbar{height:3px;background:linear-gradient(90deg,var(--lime),var(--blue))}
.m-head{padding:28px 32px 22px;border-bottom:1px solid var(--border);background:var(--card)}
.m-head-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.m-head-top img{height:38px}
.m-close{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;transition:color .2s;padding:2px 6px;line-height:1}
.m-close:hover{color:var(--text)}
.m-badge{display:inline-flex;align-items:center;gap:8px;font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--lime);font-weight:700;margin-bottom:9px}
.m-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.m-title{font-family:'Rajdhani',sans-serif;font-size:28px;font-weight:700;line-height:.92;color:var(--text)}
.m-title span{color:var(--lime)}
.m-sub{font-size:13px;color:var(--muted);margin-top:6px;font-weight:300;line-height:1.5}
.m-body{padding:24px 32px 30px;background:var(--bg)}
.m-fg{margin-bottom:14px}
.m-fg label{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:'Rajdhani',sans-serif;font-weight:600;color:var(--muted);margin-bottom:6px}
.m-inp{width:100%;background:#fff;border:1px solid var(--border);color:var(--text);padding:11px 13px;font-size:14px;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;border-radius:0}
.m-inp:focus{border-color:var(--lime)}
.m-opts{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:8px}
.m-rem{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}
.m-rem input{width:14px;height:14px;accent-color:var(--lime);cursor:pointer}
.m-forgot,.m-toggle{background:none;border:none;font-family:'Rajdhani',sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);cursor:pointer;font-weight:600;transition:color .2s;text-decoration:none}
.m-forgot:hover,.m-toggle:hover{color:var(--lime)}
.m-submit{
  width:100%;padding:13px;font-family:'Rajdhani',sans-serif;
  font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  cursor:pointer;border:none;background:var(--lime);color:#fff;
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:10px;
}
.m-submit:hover{opacity:.85}
.m-err,.m-suc{
  display:none;margin-top:12px;padding:10px 13px;
  font-family:'Rajdhani',sans-serif;font-size:13px;
  letter-spacing:1px;text-align:center;
}
.m-err{background:rgba(200,40,40,.07);border:1px solid rgba(200,40,40,.18);color:#c03030}
.m-suc{background:var(--lime-bg);border:1px solid rgba(90,154,16,.2);color:var(--lime)}
.m-foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:flex-start;gap:12px}
.m-foot-icon{width:32px;height:32px;background:var(--lime-bg);border:1px solid rgba(90,154,16,.15);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.m-foot-txt{font-size:12px;color:var(--muted);line-height:1.6;font-weight:300}
.m-foot-txt strong{color:var(--steel-light);font-weight:500}
.m-switch{margin-top:14px;text-align:center;font-size:13px;color:var(--muted)}
.m-switch a{color:var(--lime);font-weight:600;text-decoration:none;cursor:pointer}

/* ─── ACCENT COLORS PER DIVISION ─────────────────────────── */
.acc.lime .acc-head::after{background:var(--lime)}
.acc.lime .acc-tag{color:var(--lime)}
.acc.lime.open .acc-toggle{color:var(--lime)}
.acc.blue .acc-head::after{background:var(--blue)}
.acc.blue .acc-tag{color:var(--blue)}
.acc.blue.open .acc-toggle{color:var(--blue)}
.acc.blue .block ul li::before,.acc.blue .param::before{color:var(--blue)}
.acc.blue .info-box{border-left-color:var(--blue)}
.acc.blue .cert{background:rgba(42,90,170,.08);border-color:rgba(42,90,170,.2);color:var(--blue)}
.acc.amber .acc-head::after{background:var(--amber)}
.acc.amber .acc-tag{color:var(--amber)}
.acc.amber.open .acc-toggle{color:var(--amber)}
.acc.amber .block ul li::before,.acc.amber .param::before{color:var(--amber)}
.acc.amber .info-box{border-left-color:var(--amber)}
.acc.amber .cert{background:rgba(176,112,16,.08);border-color:rgba(176,112,16,.2);color:var(--amber)}

/* ─── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 980px){
  nav.site-nav{padding:12px 22px;flex-wrap:wrap;gap:10px}
  .nav-links{display:none}
  .section-hero,.sec-header,.acc-wrap,.cta,.t-wrap,.g-wrap,.home-hero{padding-left:22px;padding-right:22px}
  .div-cards{grid-template-columns:1fr}
  .home-stats{grid-template-columns:repeat(2,1fr)}
  .benefits-bar.col4{grid-template-columns:repeat(2,1fr);padding:0 22px}
  .grid2,.grid3,.t-wrap,.g-wrap,.param-grid{grid-template-columns:1fr}
  .acc-body{padding-left:30px;padding-right:22px}
  .site-footer{padding:22px}
}