*{box-sizing:border-box;margin:0;padding:0}
:root{
  --blue:#4A9FD4;
  --blue-d:#2B7BC4;
  --blue-l:#6BB7E8;
  --blue-xl:rgba(74,159,212,0.15);
  --blue-dim:rgba(74,159,212,0.15);
  --blue-mid:rgba(74,159,212,0.24);
  --teal:#00D4AA;
  --red:#FF4B6E;
  --amber:#F59E0B;
  --bg:#070D1A;
  --bg-soft:#0C1728;
  --bg-mid:#0C1728;
  --bg-card:#121E32;
  --bg-panel:#101F38;
  --border:rgba(255,255,255,0.08);
  --border-strong:rgba(74,159,212,0.26);
  --border-blue:rgba(74,159,212,0.22);
  --txt:#F0F4FF;
  --txt-sec:#8DA4C8;
  --txt-muted:#4A6080;
  --shadow-sm:0 2px 10px rgba(0,0,0,0.26);
  --shadow-md:0 8px 26px rgba(0,0,0,0.34);
  --shadow-lg:0 18px 54px rgba(0,0,0,0.48);
  --font-head:'Montserrat','Noto Sans KR','Noto Sans JP','Noto Sans SC',sans-serif;
  --font:'Plus Jakarta Sans','Noto Sans KR','Noto Sans JP','Noto Sans SC',sans-serif;
  --radius:12px;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--txt);overflow-x:hidden;font-size:16px;line-height:1.6}

/* ── NAV ── */
nav{
  position:sticky;top:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 52px;height:68px;
  background:rgba(255,255,255,0.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
  box-shadow:0 1px 12px rgba(30,60,100,0.07);
}
.logo{display:flex;align-items:center;cursor:pointer;text-decoration:none}
.logo img{height:36px;width:auto;object-fit:contain}
.nav-links{display:flex;gap:4px;list-style:none}
.nav-links>li{position:relative}
.nav-links>li>a,.nav-links>li>span{
  display:flex;align-items:center;gap:4px;
  padding:7px 14px;border-radius:8px;
  color:var(--txt-sec);text-decoration:none;font-size:14px;font-weight:600;
  cursor:pointer;transition:all .2s;font-family:var(--font);
}
.nav-links>li>a:hover,.nav-links>li>span:hover{color:var(--blue);background:var(--blue-xl)}
.dropdown{
  display:none;position:absolute;top:calc(100%+6px);left:0;
  background:#fff;border:1px solid var(--border);
  border-radius:10px;min-width:175px;overflow:hidden;
  box-shadow:var(--shadow-md);
}
.nav-links>li:hover .dropdown{display:block}
.dropdown a{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--txt-sec);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s}
.dropdown a:hover{background:var(--blue-xl);color:var(--blue)}
.dd-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.nav-right{display:flex;align-items:center;gap:12px}
.lang-toggle{display:flex;background:var(--bg-soft);border:1px solid var(--border);border-radius:7px;overflow:hidden}
.lang-btn{padding:5px 13px;font-size:12px;font-weight:700;cursor:pointer;border:none;background:transparent;color:var(--txt-muted);transition:all .2s;font-family:var(--font)}
.lang-btn.active{background:var(--blue);color:#fff}
.nav-cta{padding:8px 22px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .2s;box-shadow:0 2px 8px rgba(43,127,196,0.3)}
.nav-cta:hover{background:var(--blue-d);transform:translateY(-1px);box-shadow:0 4px 14px rgba(43,127,196,0.4)}

/* ── HERO ── */
.hero{
  position:relative;min-height:620px;
  display:flex;align-items:center;
  padding:100px 52px 90px;
  overflow:hidden;
  background:linear-gradient(135deg,#EBF4FB 0%,#F0F7FD 40%,#E8F2FA 100%);
}
.hero-dots{
  position:absolute;inset:0;opacity:.35;
  background-image:radial-gradient(circle,rgba(43,127,196,0.25) 1.5px,transparent 1.5px);
  background-size:32px 32px;
}
.hero-blob{
  position:absolute;right:-80px;top:-100px;
  width:600px;height:600px;
  background:radial-gradient(circle at 60% 40%,rgba(74,159,212,0.2) 0%,rgba(43,127,196,0.06) 50%,transparent 70%);
  pointer-events:none;
}
.hero-blob2{
  position:absolute;left:-40px;bottom:-80px;
  width:350px;height:350px;
  background:radial-gradient(circle,rgba(0,168,150,0.08) 0%,transparent 70%);
  pointer-events:none;
}
.hero-content{position:relative;max-width:580px;z-index:2}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-strong);border-radius:20px;padding:6px 16px;margin-bottom:28px;font-size:11px;color:var(--blue);font-weight:700;letter-spacing:.8px;text-transform:uppercase;box-shadow:var(--shadow-sm)}
.hero-eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--blue);animation:pdot 2s infinite}
@keyframes pdot{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:52px;font-weight:800;line-height:1.1;letter-spacing:-2px;margin-bottom:22px;font-family:var(--font-head);color:var(--txt)}
.hero h1 em{color:var(--blue);font-style:normal;display:block}
.hero-sub{font-size:17px;color:var(--txt-sec);line-height:1.75;margin-bottom:38px;max-width:500px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn-p{padding:14px 30px;background:var(--blue);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .2s;box-shadow:0 4px 16px rgba(43,127,196,0.35)}
.btn-p:hover{background:var(--blue-d);transform:translateY(-2px);box-shadow:0 6px 22px rgba(43,127,196,0.45)}
.btn-g{padding:14px 30px;background:#fff;color:var(--txt);border:1.5px solid var(--border-strong);border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .2s;box-shadow:var(--shadow-sm)}
.btn-g:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}

/* Hero visual panel */
.hero-visual{
  position:absolute;right:32px;top:50%;transform:translateY(-50%);
  width:560px;z-index:2;
}
.hero-panel{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  box-shadow:var(--shadow-lg);overflow:hidden;
}
.hp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg-soft)}
.hp-title{font-size:12px;font-weight:700;color:var(--txt-sec);letter-spacing:.5px;text-transform:uppercase}
.hp-live{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--teal)}
.hp-live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pdot 1.5s infinite}
.hp-dots{display:flex;gap:5px}
.hpdot{width:9px;height:9px;border-radius:50%}
.d-r{background:#FF5F57}.d-y{background:#FFBD2E}.d-g{background:#28C840}
.hp-body{padding:16px}
.policy-row{display:flex;align-items:center;padding:10px 12px;border-radius:8px;margin-bottom:7px;background:var(--bg-soft);border:1px solid var(--border);transition:all .2s}
.policy-row:hover{border-color:var(--blue-l);background:var(--blue-xl)}
.p-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-right:11px}
.s-g{background:var(--teal)}
.s-r{background:var(--red)}
.s-a{background:var(--amber)}
.p-name{flex:1;font-size:12px;color:var(--txt-sec);font-family:monospace;font-weight:500}
.p-pid{font-size:11px;color:var(--txt-muted);margin-right:10px}
.p-act{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}
.allow{background:rgba(0,168,150,0.12);color:var(--teal)}
.deny{background:rgba(232,72,85,0.12);color:var(--red)}
.hp-alert{margin:10px 0 2px;padding:10px 12px;background:rgba(232,72,85,0.06);border:1px solid rgba(232,72,85,0.2);border-radius:8px;font-size:12px;color:var(--red)}
.hp-footer{padding:11px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:12px;color:var(--txt-muted);background:var(--bg-soft)}

/* ── STAT BAR ── */
.stat-bar{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm)}
.stat-item{flex:1;padding:26px 32px;border-right:1px solid var(--border);text-align:center}
.stat-item:last-child{border-right:none}
.stat-num{font-size:34px;font-weight:800;color:var(--blue);letter-spacing:-1.5px;font-family:var(--font-head)}
.stat-lbl{font-size:13px;color:var(--txt-sec);margin-top:5px}

/* ── SECTION COMMON ── */
section{padding:90px 52px}
.sec-alt{background:var(--bg-soft)}
.tag{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}
.sec-title{font-size:38px;font-weight:800;letter-spacing:-1.2px;line-height:1.15;margin-bottom:16px;font-family:var(--font-head);color:var(--txt)}
.sec-sub{font-size:16px;color:var(--txt-sec);line-height:1.75;max-width:580px;margin-bottom:52px}
.sec-anchor{display:block;position:relative;top:-68px}

/* ── PLATFORM GRID ── */
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.platform-card{
  background:#fff;border:1.5px solid var(--border);
  border-radius:16px;padding:36px 28px;
  transition:all .3s;position:relative;overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.platform-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s;border-radius:16px 16px 0 0}
.c-defender::before{background:linear-gradient(90deg,var(--blue),var(--blue-l))}
.c-oma::before{background:linear-gradient(90deg,var(--teal),#00D4AA)}
.c-ocm::before{background:linear-gradient(90deg,#6366F1,#818CF8)}
.platform-card:hover{border-color:transparent;box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.platform-card:hover::before{opacity:1}
.pc-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}
.ic-blue{background:var(--blue-xl)}
.ic-teal{background:rgba(0,168,150,0.1)}
.ic-purple{background:rgba(99,102,241,0.1)}
.platform-card h3{font-size:22px;font-weight:700;margin-bottom:8px;font-family:var(--font-head)}
.platform-card .desc{font-size:14px;color:var(--txt-sec);line-height:1.7;margin-bottom:20px}
.pc-feats{list-style:none;display:grid;gap:6px}
.pc-feats li{font-size:13px;color:var(--txt-sec);padding-left:16px;position:relative}
.pc-feats li::before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:700;font-size:11px}
.pc-link{display:inline-flex;align-items:center;gap:6px;margin-top:22px;font-size:13px;font-weight:700;text-decoration:none;transition:gap .2s}
.lk-b{color:var(--blue)}
.lk-t{color:var(--teal)}
.lk-p{color:#6366F1}
.pc-link:hover{gap:10px}

/* ── DEFENDER SECTION ── */
.defender-section{
  display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
  padding:90px 52px;background:#fff;
  border-top:1px solid var(--border);
  position:relative;overflow:hidden;
}
.defender-section::before{
  content:'';position:absolute;right:-100px;top:-100px;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(43,127,196,0.06) 0%,transparent 70%);
  pointer-events:none;
}
.def-features{display:grid;gap:16px;margin-top:32px}
.def-feat{display:flex;gap:16px;padding:20px;background:var(--bg-soft);border:1.5px solid var(--border);border-radius:12px;transition:all .3s}
.def-feat:hover{border-color:var(--blue-l);box-shadow:var(--shadow-sm);background:#fff}
.feat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}
.fi-b{background:var(--blue-xl)}
.fi-t{background:rgba(0,168,150,0.1)}
.fi-r{background:rgba(232,72,85,0.08)}
.def-feat h4{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--txt)}
.def-feat p{font-size:13px;color:var(--txt-sec);line-height:1.6}
.def-panel{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md)}
.dp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-soft);border-bottom:1px solid var(--border)}
.dp-title{font-size:12px;font-weight:700;color:var(--txt-sec);text-transform:uppercase;letter-spacing:.5px}
.dp-live{font-size:11px;font-weight:700;color:var(--teal);display:flex;align-items:center;gap:4px}
.dp-live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pdot 1.5s infinite}
.dp-body{padding:16px}
.dp-alert{margin:8px 0;padding:10px 12px;background:rgba(232,72,85,0.07);border:1px solid rgba(232,72,85,0.2);border-radius:8px;font-size:12px;color:var(--red);font-weight:500}
.dp-footer{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:12px;color:var(--txt-muted);background:var(--bg-soft)}

/* ── OMA SECTION ── */
.oma-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.oma-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.metric-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);transition:all .3s}
.metric-card:hover{border-color:var(--blue-l);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.m-label{font-size:11px;color:var(--txt-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.m-val{font-size:28px;font-weight:800;color:var(--blue);letter-spacing:-1px;font-family:var(--font-head)}
.m-val.teal{color:var(--teal)}
.m-val.amber{color:var(--amber)}
.m-sub{font-size:12px;color:var(--txt-muted);margin-top:4px}
.oma-img{border-radius:12px;overflow:hidden;border:1.5px solid var(--border);position:relative;height:180px;box-shadow:var(--shadow-sm)}
.oma-img img{width:100%;height:100%;object-fit:cover;opacity:0.75}
.oma-img-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(235,244,251,0.92) 0%,rgba(235,244,251,0.3) 100%);display:flex;align-items:center;padding:20px}
.oma-img-txt .oi-tag{font-size:10px;font-weight:700;color:var(--blue);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}
.oma-img-txt .oi-title{font-size:14px;font-weight:700;color:var(--txt);line-height:1.4}
.oma-list{list-style:none;display:grid;gap:14px}
.oma-list li{display:flex;gap:14px;padding:18px;background:#fff;border:1.5px solid var(--border);border-radius:12px;transition:all .3s;box-shadow:var(--shadow-sm)}
.oma-list li:hover{border-color:var(--blue-l);box-shadow:var(--shadow-md)}
.li-icon{font-size:22px;flex-shrink:0}
.li-body h4{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--txt)}
.li-body p{font-size:13px;color:var(--txt-sec);line-height:1.55}

/* ── OCM SECTION ── */
.ocm-flow{display:flex;align-items:center;gap:0;margin-bottom:36px;background:#fff;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}
.flow-box{flex:1;padding:18px 20px;text-align:center;border-right:1px solid var(--border)}
.flow-box:last-child{border-right:none}
.fb-label{font-size:10px;color:var(--txt-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.fb-name{font-size:15px;font-weight:700;color:var(--txt)}
.flow-box.fb-ocm{background:var(--blue);}
.flow-box.fb-ocm .fb-label{color:rgba(255,255,255,0.7)}
.flow-box.fb-ocm .fb-name{color:#fff}
.flow-arrow{flex-shrink:0;color:var(--txt-muted);font-size:18px;padding:0 4px;background:#fff;z-index:1}
.ocm-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.scenario-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:22px 20px;box-shadow:var(--shadow-sm);transition:all .3s}
.scenario-card:hover{border-color:var(--blue-l);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sc-num{font-size:10px;font-weight:700;color:var(--txt-muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}
.scenario-card h4{font-size:15px;font-weight:700;margin-bottom:10px;color:var(--txt)}
.sc-flow{font-size:12px;color:var(--txt-muted);line-height:1.9;font-family:monospace}
.sc-flow span{color:var(--blue);font-weight:600}
.ocm-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.level-card{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:16px;text-align:center;box-shadow:var(--shadow-sm)}
.lv-num{font-size:11px;color:var(--txt-muted);margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.lv-name{font-size:15px;font-weight:700}
.lv-w{color:#22C55E}.lv-m{color:var(--amber)}.lv-a{color:#F97316}.lv-c{color:var(--red)}

/* ── AGENT SECTION ── */
.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.agent-spec-table{background:#fff;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}
.agent-spec-table table{width:100%;border-collapse:collapse}
.agent-spec-table th{padding:12px 18px;text-align:left;font-size:11px;font-weight:700;color:var(--txt-muted);border-bottom:1px solid var(--border);background:var(--bg-soft);text-transform:uppercase;letter-spacing:.5px}
.agent-spec-table td{padding:13px 18px;font-size:14px;border-bottom:1px solid var(--border)}
.agent-spec-table tr:last-child td{border-bottom:none}
.agent-spec-table td:last-child{color:var(--blue);font-weight:600}
.agent-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.af-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);transition:all .3s}
.af-card:hover{border-color:var(--blue-l);box-shadow:var(--shadow-md)}
.af-icon{font-size:24px;margin-bottom:12px}
.af-card h4{font-size:14px;font-weight:700;margin-bottom:6px;color:var(--txt)}
.af-card p{font-size:13px;color:var(--txt-sec);line-height:1.55}
.agent-strip{
  margin-top:44px;border-radius:14px;overflow:hidden;
  border:1.5px solid var(--border);position:relative;height:200px;
  box-shadow:var(--shadow-md);
}
.agent-strip img{width:100%;height:100%;object-fit:cover;opacity:0.3;display:block;filter:hue-rotate(190deg) saturate(0.8)}
.agent-strip-overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--blue-xl) 0%,rgba(235,244,251,0.7) 100%);display:flex;align-items:center;justify-content:center;gap:48px;padding:0 52px}
.as-stat{text-align:center}
.as-val{font-size:32px;font-weight:800;color:var(--blue);font-family:var(--font-head);letter-spacing:-1px}
.as-lbl{font-size:12px;color:var(--txt-sec);margin-top:4px}
.as-div{width:1px;height:50px;background:var(--border-strong)}

/* ── BENEFITS ── */
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}
.benefit-card{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:all .3s}
.benefit-card:hover{border-color:var(--blue-l);box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.b-num{font-size:54px;font-weight:800;letter-spacing:-3px;font-family:var(--font-head);margin-bottom:10px}
.b-y .b-num{color:var(--blue)}
.b-t .b-num{color:var(--teal)}
.b-a .b-num{color:#6366F1}
.benefit-card h4{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--txt)}
.benefit-card p{font-size:13px;color:var(--txt-sec);line-height:1.6}

.def-impact-panel{margin:2px 0 44px;padding:30px;border:1px solid var(--border-blue);border-radius:16px;background:linear-gradient(135deg,rgba(74,159,212,.16) 0%,rgba(16,31,56,.96) 58%,rgba(7,13,26,.98) 100%);box-shadow:var(--shadow-md);position:relative;overflow:hidden}
.def-impact-panel::before{content:'';position:absolute;right:-80px;top:-90px;width:260px;height:260px;background:radial-gradient(circle,rgba(74,159,212,.22) 0%,transparent 70%);pointer-events:none}
.def-impact-kicker{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:10px;position:relative}
.def-impact-title{font-size:24px;font-weight:800;line-height:1.35;margin-bottom:10px;color:var(--txt);font-family:var(--font-head);position:relative}
.def-impact-desc{font-size:14px;color:var(--txt-sec);line-height:1.75;max-width:900px;margin-bottom:22px;position:relative}
.def-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}
.def-impact-item{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.035);transition:all .25s}
.def-impact-item:hover{border-color:var(--border-blue);background:rgba(74,159,212,.07);transform:translateY(-2px)}
.def-impact-num{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(74,159,212,.16);color:var(--blue);font-size:13px;font-weight:800;font-family:var(--font-head)}
.def-impact-item h4{font-size:16px;font-weight:800;margin-bottom:5px;color:var(--txt)}
.def-impact-item p{font-size:13px;color:var(--txt-sec);line-height:1.65}
.def-evidence{position:relative;margin-top:18px;padding:18px;border:1px solid rgba(74,159,212,.26);border-radius:13px;background:rgba(7,13,26,.34)}
.def-evidence-title{font-size:14px;font-weight:800;color:var(--txt);margin-bottom:6px}
.def-evidence-desc{font-size:13px;color:var(--txt-sec);line-height:1.7;margin-bottom:14px;max-width:980px}
.def-evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.def-evidence-card{padding:14px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.035)}
.def-evidence-num{font-size:26px;font-weight:800;color:var(--blue);font-family:var(--font-head);letter-spacing:-.8px;margin-bottom:3px}
.def-evidence-label{font-size:12px;color:var(--txt);font-weight:700;line-height:1.45;margin-bottom:4px}
.def-evidence-src{font-size:11px;color:var(--txt-muted);line-height:1.45}
.def-evidence-src a{color:var(--blue-l);text-decoration:none}
.def-evidence-src a:hover{text-decoration:underline}
.roi-wrap{background:#fff;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}
.roi-table{width:100%;border-collapse:collapse}
.roi-table th{padding:14px 20px;font-size:12px;font-weight:700;color:var(--txt-muted);border-bottom:1px solid var(--border);text-align:left;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-soft)}
.roi-table td{padding:14px 20px;font-size:14px;border-bottom:1px solid var(--border)}
.roi-table tr:last-child td{border-bottom:none}
.roi-table .val-b{color:var(--teal);font-weight:700}
.roi-table .val-a{color:var(--blue);font-weight:700}

/* ── COMPARE ── */
.compare-wrap{background:#fff;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-md)}
.compare-table{width:100%;border-collapse:collapse}
.compare-table th{padding:15px 16px;font-size:12px;font-weight:700;border-bottom:1.5px solid var(--border);text-align:center;color:var(--txt-muted);background:var(--bg-soft)}
.compare-table th:first-child{text-align:left}
.compare-table th.hl{color:var(--blue);background:var(--blue-xl)}
.compare-table td{padding:13px 16px;font-size:14px;border-bottom:1px solid var(--border);text-align:center}
.compare-table td:first-child{text-align:left;color:var(--txt-sec);font-size:13px}
.compare-table td.hl-col{background:var(--blue-xl)}
.compare-table tr:hover td{background:var(--bg-soft)}
.compare-table tr:hover td.hl-col{background:#D6EAFA}
.chk{color:var(--teal);font-size:17px;font-weight:700}
.xmark{color:var(--txt-muted)}
.partial{color:var(--amber);font-weight:700}
.cmp-legend{font-size:12px;color:var(--txt-muted);margin-top:12px}

/* ── FAQ ── */
.faq-tabs{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}
.faq-tab{padding:8px 22px;border:1.5px solid var(--border);border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;background:#fff;color:var(--txt-sec);font-family:var(--font);transition:all .2s;box-shadow:var(--shadow-sm)}
.faq-tab.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 2px 10px rgba(43,127,196,0.3)}
.faq-list{display:grid;gap:10px}
.faq-item{background:#fff;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .2s}
.faq-item.open{border-color:var(--blue-l)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;font-size:15px;font-weight:600;gap:16px;color:var(--txt)}
.faq-q:hover{color:var(--blue)}
.faq-toggle{color:var(--txt-muted);font-size:20px;flex-shrink:0;transition:transform .3s;line-height:1}
.faq-item.open .faq-toggle{transform:rotate(45deg);color:var(--blue)}
.faq-a{display:none;padding:0 22px 20px;font-size:14px;color:var(--txt-sec);line-height:1.75}
.faq-a p{padding-top:16px;border-top:1px solid var(--border)}
.faq-item.open .faq-a{display:block}

/* ── CLIENTS ── */
.clients-sec{padding:60px 52px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}
.clients-lbl{font-size:12px;color:var(--txt-muted);text-align:center;margin-bottom:28px;letter-spacing:2px;text-transform:uppercase;font-weight:600}
.clients-row{display:flex;justify-content:center;flex-wrap:wrap;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.client-tag{padding:16px 28px;font-size:14px;font-weight:700;color:var(--txt-muted);border-right:1px solid var(--border);transition:all .2s;cursor:default}
.client-tag:last-child{border-right:none}
.client-tag:hover{color:var(--blue);background:var(--blue-xl)}

/* ── CTA ── */
.cta-sec{
  text-align:center;padding:100px 52px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#EBF4FB 0%,#E4F0F8 50%,#EBF4FB 100%);
}
.cta-blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(43,127,196,0.12) 0%,transparent 70%);pointer-events:none}
.cta-sec h2{font-size:42px;font-weight:800;letter-spacing:-1.5px;margin-bottom:16px;font-family:var(--font-head);color:var(--txt)}
.cta-sec p{font-size:17px;color:var(--txt-sec);margin-bottom:40px}
.cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.cta-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;max-width:700px;margin-left:auto;margin-right:auto}
.contact-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:22px;text-align:center;box-shadow:var(--shadow-sm);transition:all .3s}
.contact-card:hover{border-color:var(--blue-l);box-shadow:var(--shadow-md)}
.cc-icon{font-size:26px;margin-bottom:10px}
.contact-card h4{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--txt)}
.contact-card p{font-size:13px;color:var(--txt-sec)}
.contact-card a{color:var(--blue);text-decoration:none;font-weight:600}

/* ── FOOTER ── */
footer{background:var(--txt);padding:48px 52px}
.footer-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:36px;flex-wrap:wrap;gap:32px}
.footer-logo-area .fl-desc{font-size:13px;color:rgba(255,255,255,0.5);max-width:280px;line-height:1.6;margin-top:10px}
.footer-cols{display:flex;gap:60px;flex-wrap:wrap}
.footer-col h5{font-size:11px;font-weight:700;color:rgba(255,255,255,0.4);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,0.6);text-decoration:none;margin-bottom:8px;transition:color .2s}
.footer-col a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid rgba(255,255,255,0.1);flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:13px;color:rgba(255,255,255,0.4)}
.footer-logo-img{height:30px;width:auto;filter:brightness(10)}

/* Responsive */
@media(max-width:960px){
  nav{padding:0 24px}
  .nav-links{display:none}
  .hero{padding:80px 24px 70px;min-height:auto}
  .hero h1{font-size:36px}
  .hero-visual{display:none}
  section{padding:60px 24px}
  .platform-grid,.oma-grid,.agent-grid,.ocm-scenarios,.ocm-levels,.benefits-grid,.cta-contact{grid-template-columns:1fr}
  .def-evidence-grid{grid-template-columns:1fr}
  .defender-section{grid-template-columns:1fr;padding:60px 24px}
  .stat-bar{flex-wrap:wrap}
  .stat-item{min-width:50%;border-bottom:1px solid var(--border)}
  .footer-top{flex-direction:column}
  .agent-feats{grid-template-columns:1fr}
  .agent-strip-overlay{gap:24px;padding:0 24px}
  .def-impact-grid{grid-template-columns:1fr}
}


/* ─────────────────────────────────────────────
   Dark blue AMCLab/HoneyBee v3 visual theme
   Content source: amclab_honeybee_v2.html
   Color/design reference: honeybee_platform_v3.html
───────────────────────────────────────────── */
html{background:var(--bg);}
body{background:var(--bg);color:var(--txt);}
body::before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 70% 45% at 72% 8%,rgba(74,159,212,.11),transparent 62%),radial-gradient(ellipse 45% 32% at 15% 68%,rgba(0,212,170,.06),transparent 70%),var(--bg);pointer-events:none;}
nav{background:rgba(6,12,23,.95)!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important;}
.logo img{filter:brightness(1.08) contrast(1.05);}
.nav-links>li>a,.nav-links>li>span{color:var(--txt-sec)!important;}
.nav-links>li>a:hover,.nav-links>li>span:hover{color:var(--txt)!important;background:rgba(255,255,255,.05)!important;}
.dropdown{background:var(--bg-panel)!important;border:1px solid var(--border)!important;box-shadow:0 16px 40px rgba(0,0,0,.5)!important;}
.dropdown a{color:var(--txt-sec)!important;}
.dropdown a:hover{background:rgba(255,255,255,.06)!important;color:var(--txt)!important;}
.lang-toggle{background:var(--bg-panel)!important;border:1px solid var(--border)!important;}
.lang-btn{color:var(--txt-muted)!important;}
.lang-btn.active,.nav-cta,.btn-p,.faq-tab.active{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important;box-shadow:0 3px 14px rgba(74,159,212,.28)!important;}
.nav-cta:hover,.btn-p:hover{background:var(--blue-d)!important;box-shadow:0 5px 20px rgba(74,159,212,.36)!important;}
.btn-g{background:rgba(255,255,255,.03)!important;color:var(--txt)!important;border:1px solid var(--border)!important;box-shadow:none!important;}
.btn-g:hover{border-color:var(--border-blue)!important;color:var(--blue)!important;background:rgba(74,159,212,.07)!important;}
.hero{background:radial-gradient(ellipse 80% 60% at 70% 45%,rgba(13,28,55,.95) 0%,var(--bg) 72%)!important;}
.hero-dots{opacity:.07!important;background-image:linear-gradient(rgba(74,159,212,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(74,159,212,.8) 1px,transparent 1px)!important;background-size:52px 52px!important;}
.hero-blob{background:radial-gradient(circle at 60% 40%,rgba(74,159,212,.18) 0%,rgba(43,123,196,.08) 46%,transparent 70%)!important;}
.hero-blob2{background:radial-gradient(circle,rgba(0,212,170,.08) 0%,transparent 70%)!important;}
.hero-eyebrow{background:var(--blue-dim)!important;border:1px solid var(--border-blue)!important;color:var(--blue)!important;box-shadow:none!important;}
.hero h1,.sec-title,.platform-card h3,.def-feat h4,.li-body h4,.af-card h4,.benefit-card h4,.scenario-card h4,.contact-card h4,.fb-name,.lv-name{color:var(--txt)!important;}
.hero-sub,.sec-sub,.platform-card .desc,.def-feat p,.li-body p,.af-card p,.benefit-card p,.cmp-legend,.contact-card p,.fl-desc{color:var(--txt-sec)!important;}
section,.defender-section{background:var(--bg)!important;}
.sec-alt,.clients-sec{background:var(--bg-mid)!important;}
.tag,.stat-num,.m-val,.as-val,.val-a,.contact-card a{color:var(--blue)!important;}
.stat-bar{background:var(--bg-panel)!important;border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important;}
.stat-item{border-right:1px solid var(--border)!important;}
.stat-lbl{color:var(--txt-sec)!important;}
.hero-panel,.platform-card,.def-panel,.def-feat,.metric-card,.oma-list li,.ocm-flow,.scenario-card,.level-card,.agent-spec-table,.af-card,.benefit-card,.roi-wrap,.compare-wrap,.faq-item,.clients-row,.contact-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;}
.hero-panel:hover,.platform-card:hover,.def-feat:hover,.metric-card:hover,.oma-list li:hover,.scenario-card:hover,.af-card:hover,.benefit-card:hover,.contact-card:hover{border-color:var(--border-blue)!important;box-shadow:var(--shadow-md)!important;}
.hp-header,.hp-footer,.dp-header,.dp-footer,.agent-spec-table th,.roi-table th,.compare-table th{background:var(--bg-panel)!important;border-color:var(--border)!important;color:var(--txt-sec)!important;}
.hp-title,.dp-title,.m-label,.fb-label,.lv-num,.sc-num,.as-lbl,.clients-lbl,.footer-col h5{color:var(--txt-muted)!important;}
.policy-row{background:rgba(255,255,255,.035)!important;border:1px solid var(--border)!important;}
.policy-row:hover{background:rgba(74,159,212,.07)!important;border-color:var(--border-blue)!important;}
.p-name,.p-pid,.sc-flow,.roi-table td,.compare-table td,.agent-spec-table td{color:var(--txt-sec)!important;}
.hp-alert,.dp-alert{background:rgba(255,75,110,.10)!important;border:1px solid rgba(255,75,110,.24)!important;color:var(--red)!important;}
.ic-blue,.fi-b{background:rgba(74,159,212,.13)!important;}
.ic-teal,.fi-t{background:rgba(0,212,170,.10)!important;}
.ic-purple{background:rgba(99,102,241,.12)!important;}
.fi-r{background:rgba(255,75,110,.10)!important;}
.platform-card::before,.c-defender::before{background:linear-gradient(90deg,var(--blue),var(--blue-l))!important;}
.c-oma::before{background:linear-gradient(90deg,var(--teal),#00D4AA)!important;}
.c-ocm::before{background:linear-gradient(90deg,#3A8EF5,#6BB7E8)!important;}
.oma-img{border-color:var(--border)!important;box-shadow:var(--shadow-sm)!important;}
.oma-img-overlay{background:linear-gradient(90deg,rgba(7,13,26,.92) 0%,rgba(7,13,26,.45) 100%)!important;}
.oi-title{color:var(--txt)!important;}
.ocm-flow{overflow:hidden!important;}
.flow-box{background:var(--bg-card)!important;border-right:1px solid var(--border)!important;}
.flow-box.fb-ocm{background:linear-gradient(135deg,var(--blue-d),var(--blue))!important;border-color:var(--border-blue)!important;}
.flow-arrow{background:var(--bg-card)!important;color:var(--txt-muted)!important;}
.agent-strip{border-color:var(--border)!important;box-shadow:var(--shadow-md)!important;}
.agent-strip-overlay{background:linear-gradient(90deg,rgba(12,23,40,.96) 0%,rgba(12,23,40,.74) 100%)!important;}
.as-div{background:var(--border)!important;}
.roi-table th,.roi-table td,.compare-table th,.compare-table td,.agent-spec-table th,.agent-spec-table td{border-color:var(--border)!important;}
.compare-table th.hl,.compare-table td.hl-col{background:rgba(74,159,212,.09)!important;color:var(--blue)!important;}
.compare-table tr:hover td{background:rgba(255,255,255,.03)!important;}
.compare-table tr:hover td.hl-col{background:rgba(74,159,212,.13)!important;}
.faq-tab{background:var(--bg-card)!important;border:1px solid var(--border)!important;color:var(--txt-sec)!important;box-shadow:none!important;}
.faq-q{color:var(--txt)!important;}
.faq-q:hover{color:var(--blue)!important;}
.faq-toggle{color:var(--txt-muted)!important;}
.faq-a{color:var(--txt-sec)!important;}
.faq-a p{border-color:var(--border)!important;}
.client-tag{color:var(--txt-muted)!important;border-right:1px solid var(--border)!important;}
.client-tag:hover{background:rgba(74,159,212,.07)!important;color:var(--blue)!important;}
.cta-sec{background:linear-gradient(180deg,rgba(7,13,28,.96) 0%,rgba(5,10,22,.98) 100%)!important;}
.cta-blob{background:radial-gradient(ellipse,rgba(74,159,212,.16) 0%,transparent 70%)!important;}
footer{background:var(--bg-panel)!important;border-top:1px solid var(--border)!important;}
.footer-bottom{border-color:var(--border)!important;}
.footer-col a{color:var(--txt-sec)!important;}
.footer-col a:hover{color:var(--blue)!important;}
.footer-bottom p{color:var(--txt-muted)!important;}
.footer-logo-img{filter:none!important;}
.chk{color:var(--teal)!important}.xmark{color:var(--txt-muted)!important}.partial{color:var(--amber)!important}.teal{color:var(--teal)!important}.amber{color:var(--amber)!important}
@media(max-width:960px){.stat-item{border-bottom:1px solid var(--border)!important;}}


/* ── V7 visual refinement: logo, glow outlines, balanced sections, OS table ── */
.site-logo-img{height:40px!important;width:auto!important;object-fit:contain!important;filter:none!important;display:block;}
.logo{min-width:188px;}
.footer-logo-img{height:34px!important;width:auto!important;filter:none!important;display:block;}
.visual-glow-card{border:1px solid rgba(107,183,232,.46)!important;background:rgba(16,31,56,.88)!important;box-shadow:0 0 0 1px rgba(74,159,212,.12),0 0 30px rgba(74,159,212,.22),0 18px 56px rgba(0,0,0,.52)!important;}
.visual-glow-card::after{content:'';position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;box-shadow:0 0 34px rgba(74,159,212,.22),0 0 70px rgba(74,159,212,.10);}
.hero-visual-card{position:relative!important;}
.hero-visual-card img{max-height:390px;object-fit:cover;object-position:top left;}
.defender-section{grid-template-columns:minmax(0,1.08fr) minmax(340px,.86fr)!important;gap:54px!important;}
.defender-visual-col{max-width:510px;width:100%;margin-left:auto;align-self:center;}
.defender-visual-card{position:relative!important;}
.defender-visual-card img{width:100%!important;max-height:340px!important;object-fit:cover!important;object-position:top left!important;display:block!important;}
.defender-visual-col > div:nth-child(3),.defender-visual-col > div:last-child{box-shadow:0 0 0 1px rgba(74,159,212,.10),0 0 22px rgba(74,159,212,.12)!important;background:rgba(12,23,40,.78)!important;border-color:rgba(74,159,212,.20)!important;}
.def-impact-panel{display:flex;flex-direction:column;}
.def-evidence{order:1;margin-top:4px;margin-bottom:18px;background:linear-gradient(135deg,rgba(7,13,26,.48),rgba(74,159,212,.08))!important;}
.def-impact-grid{order:2;}
.oma-grid{align-items:stretch!important;}
.oma-grid>div{display:flex;flex-direction:column;}
.oma-metrics{flex:0 0 auto;}
.oma-img{height:auto!important;min-height:226px!important;flex:1;border-color:rgba(74,159,212,.18)!important;}
.oma-list{height:100%;display:grid!important;grid-template-rows:repeat(4,1fr);gap:14px!important;}
.oma-list li{height:100%;align-items:flex-start;}
.os-table-wrap{background:linear-gradient(180deg,rgba(16,31,56,.98),rgba(12,23,40,.98))!important;border:1px solid rgba(74,159,212,.24)!important;box-shadow:0 0 0 1px rgba(74,159,212,.08),0 18px 42px rgba(0,0,0,.38)!important;}
.os-table{background:transparent!important;}
.os-table thead tr{background:linear-gradient(90deg,rgba(43,123,196,.62),rgba(16,31,56,.96))!important;color:var(--txt)!important;}
.os-table th{color:var(--txt)!important;border-color:rgba(255,255,255,.10)!important;}
.os-table tbody tr{background:rgba(255,255,255,.018)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
.os-table tbody tr:nth-child(even){background:rgba(74,159,212,.045)!important;}
.os-table td{color:var(--txt-sec)!important;border-color:rgba(255,255,255,.07)!important;}
.os-table td[rowspan]{background:linear-gradient(180deg,rgba(74,159,212,.48),rgba(43,123,196,.26))!important;color:#fff!important;border-color:rgba(74,159,212,.24)!important;letter-spacing:.3px;}
.os-table td:has(+ td){ }
.os-table-wrap + p{color:var(--txt-sec)!important;}
.os-table-wrap + p strong{color:var(--txt)!important;}
@media(max-width:960px){.logo{min-width:auto}.site-logo-img{height:34px!important}.defender-section{grid-template-columns:1fr!important}.defender-visual-col{max-width:100%;margin-left:0}.oma-list{grid-template-rows:none}.oma-img{min-height:190px!important}.hero-visual-card img{max-height:none}.defender-visual-card img{max-height:none!important}}


/* ── V8 OMA dashboard background replacement ── */
.oma-img img.oma-dashboard-screenshot{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top left!important;
  opacity:.62!important;
  filter:saturate(.92) contrast(.98) brightness(.82)!important;
}
.oma-img-overlay{
  background:linear-gradient(90deg,rgba(7,13,26,.86) 0%,rgba(7,13,26,.42) 48%,rgba(7,13,26,.22) 100%)!important;
}
.oma-img{
  background:linear-gradient(135deg,rgba(7,13,26,.96),rgba(16,31,56,.92))!important;
}



/* ── V9 monitoring screenshot & OS comparison-table refinement ── */
.oma-img{
  min-height:248px!important;
  border-color:rgba(74,159,212,.28)!important;
  box-shadow:0 0 0 1px rgba(74,159,212,.10),0 0 30px rgba(74,159,212,.16),0 18px 46px rgba(0,0,0,.42)!important;
}
.oma-img img.oma-dashboard-screenshot{
  object-fit:cover!important;
  object-position:center top!important;
  opacity:.72!important;
  filter:saturate(.96) contrast(1.02) brightness(.90)!important;
}
.oma-img-overlay{
  background:linear-gradient(90deg,rgba(7,13,26,.82) 0%,rgba(7,13,26,.45) 44%,rgba(7,13,26,.14) 100%)!important;
}
.os-compare-wrap{
  background:var(--bg-card)!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:var(--shadow-md)!important;
}
.os-compare-table th,
.os-compare-table td{
  border-color:var(--border)!important;
  padding:13px 16px!important;
  text-align:center!important;
}
.os-compare-table th{
  background:var(--bg-panel)!important;
  color:var(--txt-sec)!important;
  font-size:12px!important;
  font-weight:700!important;
}
.os-compare-table th:first-child,
.os-compare-table td.os-row-label{
  text-align:left!important;
}
.os-compare-table th.hl,
.os-compare-table td.hl-col{
  background:rgba(74,159,212,.09)!important;
  color:var(--blue)!important;
}
.os-compare-table td.hl-col{
  font-weight:700!important;
}
.os-compare-table td{
  background:transparent!important;
  color:var(--txt-sec)!important;
  font-size:13px!important;
}
.os-compare-table tbody tr:nth-child(even) td:not(.hl-col):not(.os-row-label){
  background:rgba(255,255,255,.018)!important;
}
.os-compare-table td.os-row-label{
  background:var(--bg-panel)!important;
  color:var(--txt-sec)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.3px!important;
}
.os-compare-table tr:hover td{
  background:rgba(255,255,255,.03)!important;
}
.os-compare-table tr:hover td.hl-col{
  background:rgba(74,159,212,.13)!important;
}
@media(max-width:960px){
  .oma-img{min-height:210px!important;}
  .os-compare-wrap{overflow-x:auto!important;}
  .os-compare-table{min-width:820px!important;}
}


/* ── V10 OMA network dashboard replacement ── */
.oma-img{
  min-height:236px!important;
  background:linear-gradient(135deg,rgba(7,13,26,.96),rgba(16,31,56,.92))!important;
}
.oma-img > img.oma-dashboard-screenshot{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:.76!important;
  filter:saturate(.98) contrast(1.03) brightness(.92)!important;
}
.oma-img-overlay{
  background:linear-gradient(90deg,rgba(7,13,26,.80) 0%,rgba(7,13,26,.42) 38%,rgba(7,13,26,.12) 100%)!important;
}
@media(max-width:960px){
  .oma-img{min-height:200px!important;}
  .oma-img > img.oma-dashboard-screenshot{object-fit:cover!important;}
}


/* v11: Defender Map screenshot refinement */
.defender-visual-card img{
  width:100%!important;
  max-height:360px!important;
  object-fit:cover!important;
  object-position:top center!important;
  display:block!important;
}


/* ── V12 visual tone-down: reduce brightness of right-side dashboard screenshots ── */
.hero-visual-card img,
.defender-visual-card img{
  opacity:.82!important;
  filter:saturate(.92) contrast(.96) brightness(.80)!important;
}
.hero-visual-card::before,
.defender-visual-card::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(7,13,26,.14),rgba(7,13,26,.34));
  mix-blend-mode:multiply;
}
.hero-visual-card img,
.defender-visual-card img{position:relative;z-index:0;}
.oma-img > img.oma-dashboard-screenshot{
  opacity:.62!important;
  filter:saturate(.90) contrast(.96) brightness(.80)!important;
}
.oma-img-overlay{
  background:linear-gradient(90deg,rgba(7,13,26,.86) 0%,rgba(7,13,26,.50) 38%,rgba(7,13,26,.22) 100%)!important;
}
.visual-glow-card{
  box-shadow:0 0 0 1px rgba(74,159,212,.10),0 0 24px rgba(74,159,212,.16),0 16px 46px rgba(0,0,0,.50)!important;
}



/* ── V14 refinement: OCM font consistency, severity colors, Defender Impact spacing ── */
.scenario-card,
.scenario-card *,
.ocm-levels,
.ocm-levels *{
  font-family:var(--font)!important;
}
.sc-flow{
  font-family:var(--font)!important;
  font-size:13px!important;
  line-height:1.85!important;
  letter-spacing:-.05px!important;
  color:var(--txt-sec)!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere!important;
}
.sc-flow span{
  font-family:var(--font)!important;
  color:var(--blue-l)!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.ocm-levels{
  gap:16px!important;
  align-items:stretch!important;
}
.level-card{
  min-height:104px!important;
  padding:22px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  background:linear-gradient(180deg,rgba(18,30,50,.98),rgba(16,31,56,.95))!important;
  border:1px solid rgba(74,159,212,.18)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.26)!important;
}
.lv-num{
  font-size:12px!important;
  margin-bottom:10px!important;
  color:var(--txt-muted)!important;
  letter-spacing:1px!important;
}
.lv-name{
  font-size:21px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
}
.level-card:has(.lv-w){border-color:rgba(250,204,21,.36)!important;background:linear-gradient(180deg,rgba(250,204,21,.10),rgba(18,30,50,.96))!important;}
.level-card:has(.lv-m){border-color:rgba(245,158,11,.38)!important;background:linear-gradient(180deg,rgba(245,158,11,.10),rgba(18,30,50,.96))!important;}
.level-card:has(.lv-a){border-color:rgba(249,115,22,.42)!important;background:linear-gradient(180deg,rgba(249,115,22,.12),rgba(18,30,50,.96))!important;}
.level-card:has(.lv-c){border-color:rgba(255,75,110,.48)!important;background:linear-gradient(180deg,rgba(255,75,110,.14),rgba(18,30,50,.96))!important;}
.lv-w{color:#FACC15!important;text-shadow:0 0 18px rgba(250,204,21,.18)!important;}
.lv-m{color:#F59E0B!important;text-shadow:0 0 18px rgba(245,158,11,.18)!important;}
.lv-a{color:#F97316!important;text-shadow:0 0 18px rgba(249,115,22,.20)!important;}
.lv-c{color:var(--red)!important;text-shadow:0 0 20px rgba(255,75,110,.22)!important;}
.def-impact-panel{
  margin:16px 0 58px!important;
  padding:34px!important;
  overflow:visible!important;
}
.def-evidence{
  margin-top:20px!important;
  margin-bottom:26px!important;
  padding:20px!important;
  clear:both!important;
}
.def-impact-grid{
  margin-top:0!important;
  gap:22px!important;
  clear:both!important;
}
.def-impact-item{
  min-height:150px!important;
  padding:22px!important;
  align-items:start!important;
}
.def-impact-title,
.def-impact-desc,
.def-evidence-title,
.def-evidence-desc,
.def-impact-item h4,
.def-impact-item p,
.def-evidence-card,
.def-evidence-card *{
  overflow-wrap:anywhere!important;
  word-break:keep-all!important;
}
.def-evidence-grid{
  gap:16px!important;
}
.def-evidence-card{
  min-width:0!important;
}
@media(max-width:960px){
  .ocm-levels{grid-template-columns:1fr!important;}
  .level-card{min-height:92px!important;}
  .def-impact-panel{padding:24px!important;margin-bottom:44px!important;}
  .def-impact-grid{grid-template-columns:1fr!important;}
  .def-evidence-grid{grid-template-columns:1fr!important;}
}



/* ── V15 event severity colors aligned with product UI screenshot ── */
:root{
  --sev-warning:#F59E0B;
  --sev-minor:#F1C40F;
  --sev-major:#E74C3C;
  --sev-critical:#BB080B;
}
.ocm-levels .level-card{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(184,227,243,.28)!important;
}
.ocm-levels .level-card::before{
  content:'';
  position:absolute;
  left:0;
  top:20px;
  bottom:20px;
  width:3px;
  border-radius:0 4px 4px 0;
  box-shadow:0 0 14px currentColor;
}
.ocm-levels .level-card:has(.lv-w){
  border-color:rgba(245,158,11,.42)!important;
  background:linear-gradient(180deg,rgba(245,158,11,.085),rgba(18,30,50,.96))!important;
}
.ocm-levels .level-card:has(.lv-m){
  border-color:rgba(241,196,15,.42)!important;
  background:linear-gradient(180deg,rgba(241,196,15,.085),rgba(18,30,50,.96))!important;
}
.ocm-levels .level-card:has(.lv-a){
  border-color:rgba(231,76,60,.46)!important;
  background:linear-gradient(180deg,rgba(231,76,60,.10),rgba(18,30,50,.96))!important;
}
.ocm-levels .level-card:has(.lv-c){
  border-color:rgba(187,8,11,.54)!important;
  background:linear-gradient(180deg,rgba(187,8,11,.13),rgba(18,30,50,.96))!important;
}
.ocm-levels .level-card:has(.lv-w)::before{background:var(--sev-warning);color:var(--sev-warning);}
.ocm-levels .level-card:has(.lv-m)::before{background:var(--sev-minor);color:var(--sev-minor);}
.ocm-levels .level-card:has(.lv-a)::before{background:var(--sev-major);color:var(--sev-major);}
.ocm-levels .level-card:has(.lv-c)::before{background:var(--sev-critical);color:var(--sev-critical);}
.ocm-levels .lv-w{color:var(--sev-warning)!important;text-shadow:0 0 16px rgba(245,158,11,.24)!important;}
.ocm-levels .lv-m{color:var(--sev-minor)!important;text-shadow:0 0 16px rgba(241,196,15,.22)!important;}
.ocm-levels .lv-a{color:var(--sev-major)!important;text-shadow:0 0 18px rgba(231,76,60,.26)!important;}
.ocm-levels .lv-c{color:var(--sev-critical)!important;text-shadow:0 0 20px rgba(187,8,11,.34)!important;}



/* ── V16 image polish: restore visibility while keeping premium dark-blue tone ── */
.visual-glow-card{
  border-color:rgba(107,183,232,.42)!important;
  background:linear-gradient(180deg,rgba(18,35,62,.96),rgba(7,13,26,.98))!important;
  box-shadow:
    0 0 0 1px rgba(107,183,232,.13),
    0 0 28px rgba(74,159,212,.20),
    0 18px 52px rgba(0,0,0,.48)!important;
}
.visual-glow-card::after{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(74,159,212,.08),
    0 0 34px rgba(74,159,212,.18),
    0 0 78px rgba(0,212,170,.05)!important;
}
.hero-visual-card img,
.defender-visual-card img{
  opacity:.94!important;
  filter:saturate(1.04) contrast(1.04) brightness(.96)!important;
}
.hero-visual-card::before,
.defender-visual-card::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(7,13,26,.06) 0%,rgba(74,159,212,.06) 46%,rgba(7,13,26,.12) 100%),
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.10),transparent 34%);
  mix-blend-mode:normal!important;
}
.hero-visual-card .hp-header,
.hero-visual-card > div:first-child,
.defender-visual-card .dp-header{
  background:linear-gradient(90deg,rgba(16,31,56,.98),rgba(12,23,40,.94))!important;
  border-bottom:1px solid rgba(107,183,232,.20)!important;
}
.oma-img{
  border-color:rgba(107,183,232,.36)!important;
  background:linear-gradient(135deg,rgba(18,35,62,.95),rgba(7,13,26,.98))!important;
  box-shadow:
    0 0 0 1px rgba(107,183,232,.10),
    0 0 26px rgba(74,159,212,.18),
    0 18px 48px rgba(0,0,0,.42)!important;
}
.oma-img > img.oma-dashboard-screenshot{
  opacity:.80!important;
  filter:saturate(1.05) contrast(1.05) brightness(.96)!important;
}
.oma-img-overlay{
  background:
    linear-gradient(90deg,rgba(7,13,26,.70) 0%,rgba(7,13,26,.34) 42%,rgba(74,159,212,.06) 100%)!important;
}
.oma-img::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(74,159,212,.08);
}



/* ── VBG unified cloud-infrastructure background image refinement ── */
:root{--amc-cloud-bg:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIj4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYmciIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDcxMzI5Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC40OCIgc3RvcC1jb2xvcj0iIzA2MTEyNiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMjA3MTMiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9ImJsdWVHbG93IiBjeD0iMC43OCIgY3k9IjAuNTIiIHI9IjAuNTIiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwOGE4ZmYiIHN0b3Atb3BhY2l0eT0iMC40MiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNDIiIHN0b3AtY29sb3I9IiMxNzY4ZmYiIHN0b3Atb3BhY2l0eT0iMC4xOCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDEwMmEiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9yYWRpYWxHcmFkaWVudD4KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iY2xvdWRHbG93IiBjeD0iMC44MyIgY3k9IjAuMjIiIHI9IjAuMjIiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyZmM1ZmYiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwYTVlYzQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9yYWRpYWxHcmFkaWVudD4KICAgIDxmaWx0ZXIgaWQ9ImJsdXJHbG93IiB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIj4KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNiIgcmVzdWx0PSJibHVyIi8+CiAgICAgIDxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0iYmx1ciIvPjxmZU1lcmdlTm9kZSBpbj0iU291cmNlR3JhcGhpYyIvPjwvZmVNZXJnZT4KICAgIDwvZmlsdGVyPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJyYWNrIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzEwMmQ1OCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA3MTcyZSIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZmxvdyIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjAiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwYzdjZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxNjhjZmYiIHN0b3Atb3BhY2l0eT0iMC40MiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0MmQ0ZmYiIHN0b3Atb3BhY2l0eT0iMC45NSIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2JnKSIvPgogIDxyZWN0IHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgZmlsbD0idXJsKCNibHVlR2xvdykiLz4KICA8cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjY2xvdWRHbG93KSIvPgogIDxnIG9wYWNpdHk9IjAuMjIiPgogICAgPHBhdGggZD0iTTQyMCA2NDAgQzYxMCA1NjAgNzkwIDU3NSA5NTAgNTEwIEMxMDcwIDQ2MiAxMjAwIDQ1NSAxMzYwIDQxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2ZjOWZmIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDxwYXRoIGQ9Ik0zMTAgNzgwIEM2MDAgNjQ1IDc3MiA2MDAgOTUyIDU1MiBDMTE0MCA1MDIgMTMwNSA0NDUgMTU2MCAzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFkN2NmZiIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8cGF0aCBkPSJNMCA4NjUgQzQzMCA3MDAgNjYwIDYzNSA5NDAgNTcyIEMxMTMwIDUzMCAxMzEwIDQ3MCAxNjAwIDQyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDRkNWZmIiBzdHJva2Utd2lkdGg9IjEiLz4KICA8L2c+CiAgPGcgb3BhY2l0eT0iMC43NSIgZmlsdGVyPSJ1cmwoI2JsdXJHbG93KSI+CiAgICA8cGF0aCBkPSJNNTIwIDgyMCBDNzIwIDY5MCA4ODUgNjIwIDEwNzAgNTc0IEMxMjM1IDUzMiAxMzkwIDQ2MCAxNjAwIDQzMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI2Zsb3cpIiBzdHJva2Utd2lkdGg9IjMiLz4KICAgIDxwYXRoIGQ9Ik02MjAgODQ1IEM3ODAgNzEwIDkzMCA2MzUgMTEwMCA1OTIgQzEyODAgNTQ1IDE0MzAgNDg4IDE2MDAgNDYzIiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjZmxvdykiIHN0cm9rZS13aWR0aD0iMi4yIi8+CiAgICA8cGF0aCBkPSJNNDIwIDg1MCBDNzAwIDcwNSA5MDUgNjUwIDExMTAgNjEwIEMxMzA1IDU3MCAxNDUwIDUyMyAxNjAwIDUwNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI2Zsb3cpIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxwYXRoIGQ9Ik03MzUgODcwIEM4NTAgNzI1IDEwMDUgNjY1IDExNTUgNjI1IEMxMzMwIDU3OCAxNDgwIDU0MCAxNjAwIDUzMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI2Zsb3cpIiBzdHJva2Utd2lkdGg9IjEuOCIvPgogIDwvZz4KICA8ZyBvcGFjaXR5PSIwLjUyIj4KICAgIDxsaW5lIHgxPSIxMDQwIiB5MT0iMzE1IiB4Mj0iMTQwMCIgeTI9IjI2MCIgc3Ryb2tlPSIjMGY3NGZmIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDxsaW5lIHgxPSI5NDAiIHkxPSI1NzUiIHgyPSIxMzk1IiB5Mj0iMjcwIiBzdHJva2U9IiMxNmE5ZmYiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPGxpbmUgeDE9IjEwMTAiIHkxPSI2MTAiIHgyPSIxMjM1IiB5Mj0iMjEwIiBzdHJva2U9IiMyYmM4ZmYiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPGNpcmNsZSBjeD0iMTA0MCIgY3k9IjMxNSIgcj0iMyIgZmlsbD0iIzJmYzVmZiIvPjxjaXJjbGUgY3g9IjEyMzUiIGN5PSIyMTAiIHI9IjMiIGZpbGw9IiMyZmM1ZmYiLz48Y2lyY2xlIGN4PSIxMzk1IiBjeT0iMjcwIiByPSIzIiBmaWxsPSIjMmZjNWZmIi8+CiAgPC9nPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMjUgMzUwKSIgb3BhY2l0eT0iMC44MyI+CiAgICA8ZyBmaWx0ZXI9InVybCgjYmx1ckdsb3cpIj4KICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjExMiIgaGVpZ2h0PSIyNTAiIHJ4PSIyIiBmaWxsPSJ1cmwoI3JhY2spIiBzdHJva2U9IiMxYzlkZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjU1Ii8+CiAgICAgIDxyZWN0IHg9IjEyOCIgeT0iLTE4IiB3aWR0aD0iMTEyIiBoZWlnaHQ9IjI2OCIgcng9IjIiIGZpbGw9InVybCgjcmFjaykiIHN0cm9rZT0iIzFjOWRmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNTUiLz4KICAgICAgPHJlY3QgeD0iMjU2IiB5PSItMzYiIHdpZHRoPSIxMTIiIGhlaWdodD0iMjg2IiByeD0iMiIgZmlsbD0idXJsKCNyYWNrKSIgc3Ryb2tlPSIjMWM5ZGZmIiBzdHJva2Utb3BhY2l0eT0iMC41NSIvPgogICAgICA8cmVjdCB4PSIzODQiIHk9Ii01OCIgd2lkdGg9IjExMiIgaGVpZ2h0PSIzMDgiIHJ4PSIyIiBmaWxsPSJ1cmwoI3JhY2spIiBzdHJva2U9IiMxYzlkZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjU1Ii8+CiAgICAgIDxyZWN0IHg9IjUxMiIgeT0iLTgwIiB3aWR0aD0iMTEyIiBoZWlnaHQ9IjMzMCIgcng9IjIiIGZpbGw9InVybCgjcmFjaykiIHN0cm9rZT0iIzFjOWRmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNDgiLz4KICAgIDwvZz4KICAgIDxnIG9wYWNpdHk9IjAuOSI+CiAgICAgIDxnIGZpbGw9IiMwYmM3ZmYiPgogICAgICAgIDxjaXJjbGUgY3g9IjIyIiBjeT0iMzAiIHI9IjEuNiIvPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjEuNiIvPjxjaXJjbGUgY3g9IjgyIiBjeT0iNzAiIHI9IjEuNiIvPjxjaXJjbGUgY3g9IjM4IiBjeT0iMTAyIiByPSIxLjYiLz48Y2lyY2xlIGN4PSI5MiIgY3k9IjEzMCIgcj0iMS42Ii8+CiAgICAgICAgPGNpcmNsZSBjeD0iMTUwIiBjeT0iMjAiIHI9IjEuNiIvPjxjaXJjbGUgY3g9IjE4OCIgY3k9IjQ1IiByPSIxLjYiLz48Y2lyY2xlIGN4PSIyMjAiIGN5PSI4MCIgcj0iMS42Ii8+PGNpcmNsZSBjeD0iMTcwIiBjeT0iMTIwIiByPSIxLjYiLz48Y2lyY2xlIGN4PSIyMjQiIGN5PSIxNTAiIHI9IjEuNiIvPgogICAgICAgIDxjaXJjbGUgY3g9IjI3OCIgY3k9IjE0IiByPSIxLjciLz48Y2lyY2xlIGN4PSIzMjAiIGN5PSI0OCIgcj0iMS43Ii8+PGNpcmNsZSBjeD0iMzUwIiBjeT0iODAiIHI9IjEuNyIvPjxjaXJjbGUgY3g9IjMwMiIgY3k9IjEyNiIgcj0iMS43Ii8+PGNpcmNsZSBjeD0iMzUwIiBjeT0iMTcwIiByPSIxLjciLz4KICAgICAgICA8Y2lyY2xlIGN4PSI0MTAiIGN5PSIxMCIgcj0iMS44Ii8+PGNpcmNsZSBjeD0iNDQ4IiBjeT0iNDQiIHI9IjEuOCIvPjxjaXJjbGUgY3g9IjQ4MCIgY3k9Ijg2IiByPSIxLjgiLz48Y2lyY2xlIGN4PSI0MzAiIGN5PSIxNDAiIHI9IjEuOCIvPjxjaXJjbGUgY3g9IjQ4OCIgY3k9IjE5MCIgcj0iMS44Ii8+CiAgICAgIDwvZz4KICAgICAgPGcgc3Ryb2tlPSIjMGI4ZmZmIiBzdHJva2Utb3BhY2l0eT0iMC4zOCI+CiAgICAgICAgPGxpbmUgeDE9IjE4IiB5MT0iOTQiIHgyPSIxMDAiIHkyPSI5NCIvPjxsaW5lIHgxPSIxOCIgeTE9IjE1NiIgeDI9IjEwMCIgeTI9IjE1NiIvPjxsaW5lIHgxPSIxNDYiIHkxPSIxMDAiIHgyPSIyMzAiIHkyPSIxMDAiLz48bGluZSB4MT0iMjc0IiB5MT0iMTI0IiB4Mj0iMzYwIiB5Mj0iMTI0Ii8+PGxpbmUgeDE9IjQwMiIgeTE9IjE0OCIgeDI9IjQ5MiIgeTI9IjE0OCIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9nPgogIDxnIG9wYWNpdHk9IjAuNzgiIGZpbHRlcj0idXJsKCNibHVyR2xvdykiPgogICAgPHBhdGggZD0iTTExNzUgMjM1IEMxMTY1IDE5MSAxMTk4IDE1OCAxMjQ2IDE1OCBDMTI2NSAxMTYgMTMxMiA5OSAxMzUyIDEyMiBDMTM3OCA4OCAxNDM1IDkzIDE0NTcgMTM0IEMxNDkyIDEzMCAxNTMwIDE1MyAxNTMyIDE5MyBDMTU3MiAxOTkgMTU5NSAyMjggMTU5MCAyNjMgTDExNzAgMjYzIEMxMTQ1IDI1OCAxMTQ3IDI0MCAxMTc1IDIzNVoiIGZpbGw9IiMwYjRjYTQiIGZpbGwtb3BhY2l0eT0iMC40NSIgc3Ryb2tlPSIjMmJjOGZmIiBzdHJva2Utb3BhY2l0eT0iMC41MCIvPgogICAgPHBhdGggZD0iTTEyOTUgMzE1IEMxMjg4IDI4OCAxMzExIDI2NyAxMzQxIDI2NyBDMTM1NSAyNDQgMTM5MCAyMzYgMTQxNSAyNTUgQzE0MzYgMjQ4IDE0NjUgMjYyIDE0NzIgMjkwIEMxNDk2IDI5MiAxNTE0IDMwOCAxNTEyIDMzMCBMMTI5MyAzMzAgQzEyNzggMzI4IDEyNzggMzE3IDEyOTUgMzE1WiIgZmlsbD0iIzBjNWJjOCIgZmlsbC1vcGFjaXR5PSIwLjMyIiBzdHJva2U9IiMzMWM2ZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjM2Ii8+CiAgICA8ZyBmaWxsPSIjMzVkNmZmIj4KICAgICAgPGNpcmNsZSBjeD0iMTI5MCIgY3k9IjE2NiIgcj0iMi41Ii8+PGNpcmNsZSBjeD0iMTM3MCIgY3k9IjE0MCIgcj0iMi40Ii8+PGNpcmNsZSBjeD0iMTQ1OCIgY3k9IjE2NiIgcj0iMi42Ii8+PGNpcmNsZSBjeD0iMTIyNiIgY3k9IjI1MCIgcj0iMi41Ii8+PGNpcmNsZSBjeD0iMTQ4OCIgY3k9IjI1NSIgcj0iMi41Ii8+CiAgICA8L2c+CiAgICA8ZyBzdHJva2U9IiMzNWQ2ZmYiIHN0cm9rZS1vcGFjaXR5PSIwLjQyIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICA8bGluZSB4MT0iMTIzNSIgeTE9IjI2MyIgeDI9IjEyMzUiIHkyPSIzNzAiLz48bGluZSB4MT0iMTMzMiIgeTE9IjI2MyIgeDI9IjEzMzIiIHkyPSIzOTAiLz48bGluZSB4MT0iMTQyMCIgeTE9IjI2MyIgeDI9IjE0MjAiIHkyPSIzNTAiLz48bGluZSB4MT0iMTUxMCIgeTE9IjI2MyIgeDI9IjE1MTAiIHkyPSI0MjAiLz4KICAgIDwvZz4KICA8L2c+CiAgPGcgb3BhY2l0eT0iMC4zNCIgZmlsbD0iIzI2YzdmZiI+CiAgICA8Y2lyY2xlIGN4PSI4ODAiIGN5PSI2MjUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMDA2IiBjeT0iNTkwIiByPSI0Ii8+PGNpcmNsZSBjeD0iMTExMCIgY3k9IjYzMCIgcj0iMyIvPjxjaXJjbGUgY3g9IjEyMjAiIGN5PSI1ODUiIHI9IjQiLz48Y2lyY2xlIGN4PSIxMzEyIiBjeT0iNTQ4IiByPSIzIi8+PGNpcmNsZSBjeD0iMTQzMCIgY3k9IjUxNSIgcj0iNCIvPjxjaXJjbGUgY3g9IjE1MjYiIGN5PSI0ODAiIHI9IjMiLz4KICA8L2c+CiAgPHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2JnKSIgb3BhY2l0eT0iMC4wOCIvPgo8L3N2Zz4=");}
html{background:#070D1A!important;}
body{background:#070D1A!important;}
body::before{
  content:''!important;
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(7,13,26,.98) 0%,rgba(7,13,26,.92) 36%,rgba(7,13,26,.76) 66%,rgba(7,13,26,.68) 100%),
    var(--amc-cloud-bg) center right/cover no-repeat!important;
  opacity:.80!important;
}
body::after{
  content:''!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse 60% 36% at 76% 18%,rgba(74,159,212,.16),transparent 64%),
    radial-gradient(ellipse 38% 28% at 16% 70%,rgba(0,212,170,.055),transparent 72%);
  opacity:1!important;
}
section{position:relative;}
section::selection{background:rgba(74,159,212,.35);}

.hero{background:linear-gradient(90deg,rgba(7,13,26,.98) 0%,rgba(7,13,26,.92) 42%,rgba(7,13,26,.74) 67%,rgba(7,13,26,.62) 100%),var(--amc-cloud-bg) center right/cover no-repeat!important;}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 52% 42% at 78% 44%,rgba(74,159,212,.18),transparent 68%);}
.hero-content,.hero-visual,.hero-dots,.hero-blob,.hero-blob2{position:relative;z-index:1;}
.sec-alt,.clients-sec{background:linear-gradient(180deg,rgba(12,23,40,.92),rgba(7,13,26,.98)),var(--amc-cloud-bg) center right/cover no-repeat fixed!important;}
.cta-sec{background:linear-gradient(90deg,rgba(7,13,26,.96),rgba(7,13,26,.86),rgba(7,13,26,.72)),var(--amc-cloud-bg) center right/cover no-repeat!important;}
.visual-glow-card,.def-panel,.compare-wrap,.roi-wrap,.faq-item,.platform-card,.benefit-card{backdrop-filter:blur(10px) saturate(1.05);}



/* ── V19 hero height restoration: keep first page full-size across desktop/tablet ── */
.hero{
  min-height:calc(100vh - 68px)!important;
  min-height:max(760px, calc(100vh - 68px))!important;
  padding-top:clamp(110px, 11vh, 150px)!important;
  padding-bottom:clamp(105px, 10vh, 140px)!important;
  align-items:center!important;
}
.hero-content{max-width:620px!important;}
.hero-visual{top:50%!important;transform:translateY(-50%)!important;}
@media(min-width:961px) and (max-height:760px){
  .hero{min-height:720px!important;padding-top:100px!important;padding-bottom:100px!important;}
}
@media(max-width:960px){
  .hero{
    min-height:calc(100vh - 68px)!important;
    padding:104px 24px 92px!important;
    align-items:center!important;
  }
}
@media(max-width:560px){
  .hero{min-height:calc(100vh - 64px)!important;padding:92px 20px 78px!important;}
}


/* ── V20 hero layout fix: remove left blank area caused by decorative layers becoming flex items ── */
.hero{
  justify-content:flex-start!important;
  gap:0!important;
  padding-left:clamp(52px,6vw,88px)!important;
  padding-right:clamp(52px,5vw,76px)!important;
}
.hero-dots{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
}
.hero-blob{
  position:absolute!important;
  right:-80px!important;
  top:-100px!important;
  z-index:0!important;
  pointer-events:none!important;
}
.hero-blob2{
  position:absolute!important;
  left:-40px!important;
  bottom:-80px!important;
  z-index:0!important;
  pointer-events:none!important;
}
.hero-content{
  position:relative!important;
  z-index:2!important;
  margin-left:0!important;
  flex:0 0 min(620px,44vw)!important;
  max-width:620px!important;
}
.hero-visual{
  position:absolute!important;
  right:clamp(32px,4vw,64px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  width:min(560px,38vw)!important;
}
@media(max-width:1180px){
  .hero-content{flex-basis:min(560px,48vw)!important;}
  .hero-visual{width:min(500px,40vw)!important;right:28px!important;}
}
@media(max-width:960px){
  .hero{padding-left:24px!important;padding-right:24px!important;}
  .hero-content{flex:1 1 auto!important;max-width:720px!important;}
  .hero-visual{display:none!important;}
}
@media(max-width:560px){
  .hero{padding-left:20px!important;padding-right:20px!important;}
}



/* ── V21 hero balance: match left content height and right dashboard height ── */
@media(min-width:961px){
  .hero{
    display:grid!important;
    grid-template-columns:minmax(420px,560px) minmax(420px,560px)!important;
    column-gap:clamp(48px,5vw,86px)!important;
    justify-content:center!important;
    align-items:center!important;
    min-height:max(760px, calc(100vh - 68px))!important;
    padding:clamp(104px,10vh,136px) clamp(56px,6vw,92px) clamp(94px,9vh,126px)!important;
  }
  .hero-content,
  .hero-visual{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:560px!important;
    min-height:520px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-self:center!important;
    z-index:2!important;
  }
  .hero-content{
    flex:unset!important;
    flex-basis:auto!important;
    justify-self:end!important;
    margin-left:0!important;
    padding:0!important;
  }
  .hero-visual{
    justify-self:start!important;
    align-items:stretch!important;
  }
  .hero-visual-card{
    width:100%!important;
    min-height:520px!important;
    height:520px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:stretch!important;
  }
  .hero-visual-card > div:first-child{
    flex:0 0 auto!important;
  }
  .hero-visual-card > img{
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:top left!important;
    display:block!important;
  }
  .hero h1{
    font-size:clamp(50px,4.5vw,68px)!important;
    line-height:1.08!important;
  }
  .hero-sub{
    max-width:520px!important;
  }
}
@media(min-width:961px) and (max-width:1180px){
  .hero{
    grid-template-columns:minmax(390px,1fr) minmax(360px,500px)!important;
    column-gap:38px!important;
    padding-left:36px!important;
    padding-right:36px!important;
  }
  .hero-content,
  .hero-visual,
  .hero-visual-card{
    min-height:500px!important;
  }
  .hero-visual-card{
    height:500px!important;
  }
  .hero h1{
    font-size:clamp(42px,4.4vw,56px)!important;
  }
}
@media(max-width:960px){
  .hero{
    display:flex!important;
  }
}



/* ── V22 Defender section balance: match left and right column heights ── */
.defender-section{
  align-items:stretch!important;
  gap:60px!important;
}
.defender-section > div:first-child{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.defender-section > div:first-child .def-features{
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-rows:repeat(3,1fr)!important;
  gap:16px!important;
}
.defender-section > div:first-child .def-feat{
  height:100%!important;
  min-height:0!important;
  align-items:center!important;
}
.defender-visual-col{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:stretch!important;
  min-height:0!important;
}
.defender-visual-card{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.defender-visual-card > div:first-child{
  flex:0 0 auto!important;
}
.defender-visual-card img{
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:top center!important;
}
.defender-visual-col > div:last-child{
  flex:0 0 auto!important;
  margin-top:16px!important;
}
@media(max-width:960px){
  .defender-section{align-items:start!important;gap:32px!important;}
  .defender-section > div:first-child .def-features{grid-template-rows:none!important;}
  .defender-section > div:first-child .def-feat{align-items:flex-start!important;}
  .defender-visual-card{flex:none!important;}
  .defender-visual-card img{height:auto!important;max-height:none!important;}
}



/* ── V23 Agent section height alignment ── */
#agent .agent-grid{
  align-items:stretch!important;
  gap:52px!important;
}
#agent .agent-grid > div{
  min-width:0!important;
  height:100%!important;
  display:flex!important;
}
#agent .agent-spec-table{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
#agent .agent-spec-table table{
  height:100%!important;
}
#agent .agent-spec-table tbody tr{
  height:calc(100% / 7)!important;
}
#agent .agent-spec-table th,
#agent .agent-spec-table td{
  vertical-align:middle!important;
}
#agent .agent-feats{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,1fr)!important;
  gap:14px!important;
}
#agent .af-card{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#agent .af-card p{
  margin-top:6px!important;
  overflow-wrap:anywhere!important;
  word-break:keep-all!important;
}
@media(max-width:960px){
  #agent .agent-grid > div,
  #agent .agent-spec-table,
  #agent .agent-feats{height:auto!important;min-height:0!important;}
  #agent .agent-feats{grid-template-columns:1fr!important;grid-template-rows:none!important;}
  #agent .af-card{min-height:150px!important;justify-content:flex-start!important;}
}



/* ── V24 requested content/style refinements ── */
.os-compare-table th.hl,
.os-compare-table td.hl-col,
.os-compare-table td.os-primary-col{
  color:#fff!important;
}
.os-compare-table td.os-row-label,
#os-ver-label{
  white-space:nowrap!important;
  word-break:keep-all!important;
  color:#fff!important;
}
.os-compare-table col:first-child{width:110px!important;}
.os-compare-table{
  table-layout:auto!important;
}
.cta-contact{
  display:none!important;
}


/* ── V25 wording refinement: keep long Defender Map feature text readable ── */
.pc-feats li{
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
  word-break:keep-all!important;
}



/* split-site navigation */
.nav-links>li>a.active-page{color:#fff!important;background:rgba(74,159,212,.14)!important;border:1px solid rgba(74,159,212,.20)!important;}
.split-page-shell{position:relative;min-height:calc(100vh - 68px);}
.split-page-shell::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 78% 18%,rgba(74,159,212,.10),transparent 68%),radial-gradient(ellipse 45% 35% at 16% 74%,rgba(0,212,170,.05),transparent 72%);}
.split-page-shell>*{position:relative;z-index:1;}
.split-home-note{display:none;}
@media(max-width:960px){.nav-links>li>a.active-page{border:none!important;}}
  

/* ─────────────────────────────────────────────
   V28/V4 responsive refinement: mobile navigation and mobile layout
───────────────────────────────────────────── */
.mobile-menu-btn{
  display:none;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:10px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.045);
  color:var(--txt);
  font-size:22px;
  line-height:1;
  cursor:pointer;
  transition:all .2s ease;
  margin-left:4px;
}
.mobile-menu-btn:hover{border-color:var(--border-blue);background:rgba(74,159,212,.10)}
.mobile-menu-btn[aria-expanded="true"]{background:rgba(74,159,212,.16);border-color:var(--border-blue);color:#fff}
.mobile-nav-backdrop{
  display:none;
  position:fixed;
  inset:68px 0 0 0;
  z-index:260;
  background:rgba(0,0,0,.44);
  backdrop-filter:blur(3px);
}
.mobile-nav-panel{
  position:fixed;
  top:68px;
  right:0;
  width:min(360px,92vw);
  max-height:calc(100vh - 68px);
  overflow:auto;
  z-index:270;
  transform:translateX(110%);
  transition:transform .24s ease;
  padding:18px;
  background:linear-gradient(180deg,rgba(12,23,40,.98),rgba(7,13,26,.99));
  border-left:1px solid var(--border);
  box-shadow:-18px 0 44px rgba(0,0,0,.45);
}
.mobile-nav-panel.open{transform:translateX(0)}
.mobile-nav-backdrop.open{display:block}
.mobile-nav-section{display:grid;gap:8px;margin-bottom:14px}
.mobile-nav-title{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue-l);padding:6px 4px}
.mobile-nav-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 14px;
  border-radius:12px;
  color:var(--txt-sec);
  text-decoration:none;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
  font-size:14px;
  font-weight:700;
}
.mobile-nav-link:hover{color:#fff;background:rgba(74,159,212,.11);border-color:var(--border-blue)}
.mobile-nav-link.sub{padding-left:28px;font-size:13px;font-weight:650;color:var(--txt-muted)}
.mobile-nav-link::after{content:'›';opacity:.45;font-size:18px;line-height:1}
.responsive-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
img,svg,video{max-width:100%;height:auto}

@media(max-width:1180px){
  nav{padding:0 22px!important;gap:10px!important}
  .nav-links{display:none!important}
  .mobile-menu-btn{display:flex!important}
  .nav-right{margin-left:auto!important}
  .nav-cta{display:none!important}
  .hero-visual{right:20px!important;width:46vw!important;max-width:520px!important}
  .hero-content{max-width:52vw!important}
}

@media(max-width:960px){
  body{font-size:15px!important}
  section{padding:58px 22px!important}
  .hero{padding:76px 22px 64px!important;min-height:auto!important;display:block!important}
  .hero-content{max-width:100%!important;width:100%!important}
  .hero h1{font-size:clamp(34px,8vw,44px)!important;letter-spacing:-1.2px!important}
  .hero-sub{font-size:16px!important;max-width:100%!important}
  .hero-actions{width:100%!important}
  .hero-actions .btn-p,.hero-actions .btn-g{flex:1 1 220px;text-align:center!important}
  .hero-visual{display:none!important}
  .sec-title{font-size:clamp(28px,6.8vw,36px)!important;letter-spacing:-.9px!important}
  .sec-sub{font-size:15px!important;margin-bottom:34px!important;max-width:100%!important}
  .platform-grid,.defender-section,.oma-grid,.agent-grid,.ocm-scenarios,.ocm-levels,.benefits-grid,.cta-contact,
  .def-impact-grid,.def-evidence-grid,.contact-grid,.partner-grid,.info-grid,.product-grid,.process-grid,.about-grid,
  .value-grid,.values-grid,.roadmap-grid,.cert-grid,.feature-grid,.cards-grid,.page-grid,.split-grid,.hero-grid{
    grid-template-columns:1fr!important;
  }
  .defender-section{padding:58px 22px!important;gap:30px!important}
  .defender-visual-col{max-width:100%!important;margin-left:0!important;width:100%!important}
  .defender-visual-card img{max-height:none!important}
  .oma-list{grid-template-rows:none!important;height:auto!important}
  .oma-img{min-height:210px!important}
  .agent-feats{grid-template-columns:1fr!important}
  .agent-grid{gap:28px!important;align-items:stretch!important}
  .agent-spec-table,.compare-wrap,.roi-wrap,.os-compare-wrap,.agent-spec-table,.table-wrap,.cert-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .compare-table,.roi-table,.os-compare-table,.agent-spec-table table{min-width:720px!important}
  .stat-bar{display:grid!important;grid-template-columns:1fr 1fr!important}
  .stat-item{min-width:0!important;padding:22px 14px!important;border-bottom:1px solid var(--border)!important}
  .b-num{font-size:42px!important}
  .cta-sec{padding:72px 22px!important}
  .cta-sec h2{font-size:clamp(30px,7vw,38px)!important}
  .footer-top,.footer-bottom{display:grid!important;grid-template-columns:1fr!important;text-align:left!important}
  .footer-cols{display:grid!important;grid-template-columns:1fr 1fr!important;gap:26px!important}
}

@media(max-width:640px){
  nav{height:auto!important;min-height:76px!important;padding:9px 14px!important;flex-wrap:wrap!important;align-content:center!important}
  .logo{min-width:0!important;flex:1 1 auto!important}
  .logo img,.site-logo-img{height:30px!important;max-width:170px!important;object-fit:contain!important}
  .mobile-menu-btn{width:40px!important;height:40px!important;margin-left:auto!important;order:2!important}
  .nav-right{order:3!important;width:100%!important;justify-content:flex-end!important;margin-top:8px!important;gap:8px!important}
  .lang-toggle{max-width:100%!important;overflow:auto!important}
  .lang-btn{padding:6px 8px!important;font-size:11px!important;white-space:nowrap!important}
  .mobile-nav-backdrop{top:118px!important}
  .mobile-nav-panel{top:118px!important;width:100vw!important;max-height:calc(100vh - 118px)!important;border-left:none!important}
  section{padding:46px 16px!important}
  .hero{padding:54px 16px 48px!important}
  .hero-eyebrow{font-size:10px!important;padding:6px 12px!important;margin-bottom:20px!important;max-width:100%;white-space:normal!important}
  .hero h1{font-size:clamp(30px,11vw,38px)!important;line-height:1.12!important}
  .hero-sub{font-size:15px!important;line-height:1.65!important}
  .btn-p,.btn-g{width:100%!important;padding:13px 18px!important}
  .stat-bar{grid-template-columns:1fr!important}
  .platform-card,.benefit-card,.def-feat,.metric-card,.af-card,.scenario-card,.level-card,.contact-card,.def-impact-panel{padding:22px 18px!important}
  .def-impact-item{grid-template-columns:1fr!important;min-height:auto!important}
  .def-impact-num{width:34px!important;height:34px!important}
  .ocm-flow{display:grid!important;grid-template-columns:1fr!important}
  .flow-arrow{display:none!important}
  .flow-box{border-right:none!important;border-bottom:1px solid var(--border)!important}
  .footer-cols{grid-template-columns:1fr!important}
  .clients-row{display:grid!important;grid-template-columns:1fr 1fr!important}
  .client-tag{border-right:none!important;border-bottom:1px solid var(--border)!important;text-align:center!important;padding:13px 10px!important}
  .compare-table,.roi-table,.os-compare-table,.agent-spec-table table{min-width:640px!important}
}

@media(max-width:420px){
  .lang-btn{padding:5px 6px!important;font-size:10px!important}
  .logo img,.site-logo-img{max-width:145px!important}
  .mobile-nav-panel{padding:14px!important}
  .mobile-nav-link{padding:12px 13px!important;font-size:13px!important}
  .sec-title{font-size:27px!important}
  .hero h1{font-size:29px!important}
}


/* ── Unified HoneyBee footer v2026 ── */
footer.hb-footer{
  background:#121e32!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  padding:44px 52px 30px!important;
  color:#8DA4C8!important;
  font-family:var(--font,'Plus Jakarta Sans','Noto Sans KR','Noto Sans JP','Noto Sans SC',sans-serif)!important;
}
.hb-footer-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:56px!important;max-width:1440px!important;margin:0 auto 42px!important;}
.hb-footer-brand{max-width:420px!important;min-width:260px!important;}
.hb-footer-logo{display:inline-flex!important;align-items:center!important;text-decoration:none!important;margin-bottom:18px!important;}
.hb-footer-logo img{height:34px!important;width:auto!important;object-fit:contain!important;display:block!important;filter:none!important;}
.hb-footer-brand p{font-size:14px!important;line-height:1.75!important;color:#8DA4C8!important;margin:0!important;word-break:keep-all!important;overflow-wrap:anywhere!important;}
.hb-footer-cols{display:grid!important;grid-template-columns:repeat(3,minmax(130px,1fr))!important;gap:58px!important;min-width:min(680px,100%)!important;}
.hb-footer-col h5{font-size:12px!important;font-weight:800!important;color:#4A6080!important;letter-spacing:.08em!important;margin:0 0 16px!important;}
.hb-footer-col a{display:block!important;font-size:14px!important;line-height:1.7!important;margin:0 0 8px!important;color:#8DA4C8!important;text-decoration:none!important;transition:color .18s ease!important;word-break:keep-all!important;}
.hb-footer-col a:hover{color:#6BB7E8!important;}
.hb-footer-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;max-width:1440px!important;margin:0 auto!important;padding-top:28px!important;border-top:1px solid rgba(255,255,255,.08)!important;}
.hb-footer-bottom p{font-size:13px!important;line-height:1.6!important;color:#4A6080!important;margin:0!important;}
#hb-footer-tagline{text-align:right!important;}
@media(max-width:960px){
  footer.hb-footer{padding:36px 24px 28px!important;}
  .hb-footer-top{flex-direction:column!important;gap:32px!important;margin-bottom:32px!important;}
  .hb-footer-brand{max-width:100%!important;}
  .hb-footer-cols{grid-template-columns:1fr!important;gap:24px!important;min-width:0!important;width:100%!important;}
  .hb-footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;}
  #hb-footer-tagline{text-align:left!important;}
}



/* ── v30/v8 unified link, OS table, and footer contact refinements ── */
.os-compare-table th#os-th0,
.os-compare-table td.os-row-label,
#os-ver-label{
  text-align:center!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  display:table-cell!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
  line-height:1.45!important;
}
.os-compare-table th,
.os-compare-table td{
  vertical-align:middle!important;
}
.os-compare-table td.os-row-label,
#os-ver-label{
  padding:12px 10px!important;
}
.os-compare-table col:first-child{width:112px!important;}



/* ── V31 full screenshot visibility + mobile responsive visuals ── */
.hero-visual-card,
.defender-visual-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:block!important;
  overflow:hidden!important;
}
.hero-visual-card > img,
.defender-visual-card > img{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center top!important;
  display:block!important;
}
.hero-visual-card::before,
.defender-visual-card::before{
  background:linear-gradient(135deg,rgba(7,13,26,.04),rgba(74,159,212,.05))!important;
  mix-blend-mode:normal!important;
}
@media(min-width:961px){
  .hero{
    grid-template-columns:minmax(420px,580px) minmax(500px,640px)!important;
    align-items:center!important;
  }
  .hero-content,
  .hero-visual{
    min-height:0!important;
    height:auto!important;
    justify-content:center!important;
  }
  .hero-visual{
    align-self:center!important;
  }
  .hero-visual-card{
    width:100%!important;
  }
  .defender-section{
    align-items:center!important;
  }
  .defender-visual-col{
    align-self:center!important;
    justify-content:center!important;
  }
  .defender-visual-card{
    flex:none!important;
    width:100%!important;
  }
}
@media(max-width:960px){
  .hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    min-height:auto!important;
    padding:92px 24px 64px!important;
  }
  .hero-content{
    width:100%!important;
    max-width:720px!important;
    min-height:0!important;
  }
  .hero-visual{
    display:block!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:720px!important;
    min-height:0!important;
    height:auto!important;
    margin:32px auto 0!important;
    z-index:2!important;
  }
  .hero-visual-card{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
  }
  .defender-section{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:34px!important;
  }
  .defender-visual-col{
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
    align-self:start!important;
  }
  .defender-visual-card{
    width:100%!important;
    height:auto!important;
  }
  .defender-visual-col > div:last-child{
    grid-template-columns:1fr!important;
  }
  .defender-visual-col > div:last-child > div{
    border-left:none!important;
    border-right:none!important;
    border-top:1px solid var(--border)!important;
    padding-top:12px!important;
  }
  .defender-visual-col > div:last-child > div:first-child{
    border-top:none!important;
    padding-top:0!important;
  }
}
@media(max-width:560px){
  .hero{padding-left:18px!important;padding-right:18px!important;}
  .hero h1{font-size:clamp(36px,12vw,48px)!important;}
  .hero-sub{font-size:15px!important;}
  .visual-glow-card{border-radius:12px!important;}
  .hero-visual-card > div:first-child,
  .defender-visual-card > div:first-child{padding:10px 12px!important;}
  .hero-visual-card > div:first-child div,
  .defender-visual-card > div:first-child div{font-size:12px!important;}
}



/* ── v10: Mobile footer shows copyright only ── */
@media (max-width: 960px){
  footer.hb-footer,
  .hb-footer{
    display:block!important;
    padding:16px 20px!important;
    background:#121e32!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
  footer.hb-footer > *:not(.hb-footer-bottom),
  .hb-footer > *:not(.hb-footer-bottom),
  .hb-footer-bottom > *:not(#hb-footer-copy){
    display:none!important;
  }
  .hb-footer-bottom{
    display:block!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border-top:none!important;
    text-align:center!important;
  }
  #hb-footer-copy{
    display:block!important;
    margin:0!important;
    color:#8DA4C8!important;
    font-size:12px!important;
    line-height:1.6!important;
    text-align:center!important;
  }
  body{
    padding-bottom:0!important;
  }
}
/* ── Mobile nav vertical alignment fix ── */
@media(max-width:640px){
  nav,
  nav.hb-global-nav{
    min-height:64px!important;
    height:auto!important;
    padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    align-content:center!important;
    gap:8px!important;
  }
  nav .logo,
  nav.hb-global-nav .logo{
    flex:0 1 auto!important;
    min-width:0!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
  }
  nav .logo img,
  nav .site-logo-img,
  nav.hb-global-nav .site-logo-img{
    height:32px!important;
    max-height:32px!important;
    max-width:132px!important;
    object-fit:contain!important;
  }
  nav .nav-right,
  nav.hb-global-nav .nav-right{
    order:0!important;
    width:auto!important;
    max-width:calc(100vw - 206px)!important;
    margin-left:auto!important;
    margin-top:0!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    min-width:0!important;
  }
  nav .lang-toggle,
  nav.hb-global-nav .lang-toggle{
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  nav .lang-btn,
  nav.hb-global-nav .lang-btn{
    padding:5px 7px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  .mobile-menu-btn{
    order:0!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    align-self:center!important;
    line-height:1!important;
  }
  .mobile-nav-backdrop{
    inset:calc(64px + env(safe-area-inset-top,0px)) 0 0 0!important;
    top:calc(64px + env(safe-area-inset-top,0px))!important;
  }
  .mobile-nav-panel{
    top:calc(64px + env(safe-area-inset-top,0px))!important;
    max-height:calc(100vh - 64px - env(safe-area-inset-top,0px))!important;
  }
}
/* ── Mobile language selector no-scroll refinement ── */
@media(max-width:420px){
  html,body{overflow-x:hidden!important;}
  nav,
  nav.hb-global-nav{
    padding-left:10px!important;
    padding-right:10px!important;
    gap:5px!important;
  }
  nav .logo,
  nav.hb-global-nav .logo{
    flex:0 1 88px!important;
    max-width:88px!important;
  }
  nav .logo img,
  nav .site-logo-img,
  nav.hb-global-nav .site-logo-img{
    max-width:88px!important;
    height:26px!important;
    max-height:26px!important;
  }
  nav .nav-right,
  nav.hb-global-nav .nav-right{
    flex:1 1 auto!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
  }
  nav .lang-toggle,
  nav.hb-global-nav .lang-toggle{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  nav .lang-btn,
  nav.hb-global-nav .lang-btn{
    min-width:0!important;
    width:100%!important;
    padding:5px 3px!important;
    font-size:9.5px!important;
    letter-spacing:-.2px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .mobile-menu-btn{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    font-size:18px!important;
  }
}

/* ── Scroll to top button ── */
.scroll-top-btn{
  position:fixed!important;
  right:22px!important;
  bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;
  z-index:320!important;
  width:46px!important;
  height:46px!important;
  border-radius:999px!important;
  border:1px solid rgba(74,159,212,.34)!important;
  background:rgba(16,31,56,.92)!important;
  color:#F0F4FF!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 18px rgba(74,159,212,.18)!important;
  font:800 11px/1 var(--font,'Plus Jakarta Sans','Noto Sans KR','Noto Sans JP','Noto Sans SC',sans-serif)!important;
  letter-spacing:.04em!important;
  cursor:pointer!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(10px)!important;
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease!important;
}
.scroll-top-btn.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.scroll-top-btn:hover{background:rgba(74,159,212,.94)!important;}
@media(max-width:640px){
  .scroll-top-btn{
    right:16px!important;
    bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
    width:42px!important;
    height:42px!important;
    font-size:10px!important;
  }
}
/* ── Desktop nav no-wrap and earlier mobile switch ── */
.nav-links{
  flex-wrap:nowrap!important;
  align-items:center!important;
}
.nav-links>li,
.nav-links>li>a,
.nav-links>li>span,
.nav-solution-wrap,
.dropdown a{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  flex-shrink:0!important;
}
@media(max-width:1280px){
  .nav-links{display:none!important;}
  .mobile-menu-btn{display:flex!important;}
  .nav-cta{display:none!important;}
}
@media(min-width:1281px){
  .mobile-menu-btn{display:none!important;}
}
/* ── Desktop index hero compact spacing ── */
@media(min-width:961px){
  .hero{
    min-height:640px!important;
    padding-top:76px!important;
    padding-bottom:72px!important;
  }
  .hero-content,
  .hero-visual,
  .hero-visual-card{
    min-height:440px!important;
  }
  .hero-visual-card{
    height:440px!important;
  }
}
@media(min-width:961px) and (max-height:760px){
  .hero{
    min-height:600px!important;
    padding-top:64px!important;
    padding-bottom:60px!important;
  }
  .hero-content,
  .hero-visual,
  .hero-visual-card{
    min-height:400px!important;
  }
  .hero-visual-card{
    height:400px!important;
  }
}
/* ── Desktop hero image card fits HoneyBee Defender image ── */
@media(min-width:961px){
  .hero-visual{
    min-height:0!important;
    height:auto!important;
    align-self:center!important;
  }
  .hero-visual-card{
    height:auto!important;
    min-height:0!important;
    display:block!important;
  }
  .hero-visual-card > img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center top!important;
    display:block!important;
  }
}
/* ── Index stat bar to footer spacing reset ── */
.split-page-shell{
  display:flex!important;
  flex-direction:column!important;
}
.split-page-shell > .hero{
  flex:1 1 auto!important;
}
.split-page-shell > .stat-bar{
  width:100%!important;
  margin-top:auto!important;
  margin-bottom:0!important;
  flex:0 0 auto!important;
}
.split-page-shell + footer.hb-footer{
  margin-top:0!important;
}
@media(max-width:960px){
  .split-page-shell > .hero{
    flex:0 0 auto!important;
  }
  .split-page-shell > .stat-bar{
    margin-top:0!important;
  }
}
/* ── Center hero within available index viewport ── */
@media(min-width:961px){
  .split-page-shell > .hero{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    align-content:center!important;
    align-items:center!important;
  }
}