/* ===== shared marketing frame ===== */
.sec-dark{background:var(--bg);color:var(--w);border-radius:28px}
.sec-light{background:var(--lt);color:var(--ltt);border-radius:28px}
.cover{position:relative;z-index:2;border-radius:28px 28px 0 0;overflow:hidden}
.sc-ctn{max-width:1120px;margin:0 auto;padding:0 24px}

.sc-eye{display:block;font-family:var(--m);font-size:11px;font-weight:500;letter-spacing:2.4px;text-transform:uppercase;color:var(--c);margin-bottom:22px}
.sc-eye-l{color:var(--c)}

/* ===== FIRST SECTION — statement + promise column (unique to security) ===== */
.sc-top{background:var(--bg);padding:clamp(140px,20vh,224px) clamp(24px,5vw,56px) clamp(72px,11vh,120px)}
.sc-top-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,6vw,88px);align-items:center}
.sc-top h1{font-size:clamp(40px,5.4vw,74px);font-weight:800;letter-spacing:-3px;line-height:1;color:var(--w);margin:0 0 24px;animation:heroIn 1s var(--ease) both .05s}
.sc-top h1 b{color:var(--c);font-weight:800}
.sc-top-sub{font-size:clamp(16px,1.8vw,18px);line-height:1.6;letter-spacing:-.2px;color:var(--w2);max-width:520px;margin:0 0 clamp(30px,4vh,40px);animation:heroIn 1s var(--ease) both .22s}
.sc-top-acts{display:flex;gap:22px;align-items:center;flex-wrap:wrap;animation:heroIn 1s var(--ease) both .4s}
.sc-top-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:-.2px;color:var(--c);transition:color .25s var(--ease)}
.sc-top-link svg{width:14px;height:14px;transition:transform .3s var(--ease)}
.sc-top-link:hover{color:var(--c2)}
.sc-top-link:hover svg{transform:translateX(3px)}
.sc-top-aside{display:flex;flex-direction:column;animation:heroIn 1s var(--ease) both .52s}
.sc-top-promise{padding:18px 0;border-top:1px solid var(--b)}
.sc-top-promise:last-child{border-bottom:1px solid var(--b)}
.sc-top-promise-k{display:block;font-family:var(--f);font-size:13px;font-weight:600;letter-spacing:-.1px;color:var(--c);margin-bottom:7px}
.sc-top-promise p{font-size:14.5px;line-height:1.55;letter-spacing:-.15px;color:var(--w2);margin:0}
@media(max-width:860px){.sc-top-inner{grid-template-columns:1fr;gap:clamp(36px,5vh,52px)}.sc-top-aside{max-width:520px}}
@media(max-width:600px){.sc-top h1{letter-spacing:-2px}}

.sc-section-head{text-align:center;margin-bottom:clamp(64px,8vh,96px);max-width:680px;margin-left:auto;margin-right:auto}
.sc-section-head .sc-eye{margin-bottom:18px}
.sc-section-head h2{font-size:clamp(34px,4.5vw,56px);font-weight:700;letter-spacing:-2.2px;line-height:1.05;margin-bottom:16px}
.sec-dark .sc-section-head h2{color:var(--w)}
.sec-light .sc-section-head h2{color:var(--ltt)}
.sc-section-head h2 b{color:var(--c);font-weight:700}
.sc-section-head p{font-size:15px;line-height:1.6;letter-spacing:-.2px}
.sec-dark .sc-section-head p{color:var(--w2)}
.sec-light .sc-section-head p{color:var(--ltt2)}


/* ===== ARCHITECTURE (light) — centered headline + diagram-centric ===== */
.sc-arch{padding:clamp(120px,15vh,180px) 0}
.sc-arch-head{text-align:center;max-width:760px;margin:0 auto clamp(64px,8vh,92px)}
.sc-arch-head .sc-eye{margin-bottom:18px}
.sc-arch-head h2{font-size:clamp(40px,5.5vw,72px);font-weight:700;letter-spacing:-2.8px;line-height:1;color:var(--ltt);margin-bottom:28px}
.sc-arch-lead{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.sc-arch-lead p{font-size:16px;line-height:1.7;letter-spacing:-.2px;color:var(--ltt2)}

/* legacy split kept for compliance section reuse */
.sc-edit-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,96px);align-items:start;margin-bottom:clamp(72px,9vh,108px)}
.sc-edit-l h2{font-size:clamp(36px,5vw,64px);font-weight:700;letter-spacing:-2.4px;line-height:1;color:var(--ltt)}
.sc-edit-r p{font-size:17px;line-height:1.65;letter-spacing:-.25px;color:var(--ltt2);margin-bottom:18px}
.sc-edit-r p:last-child{margin-bottom:0}
.sc-edit-r p strong{color:var(--ltt);font-weight:600}

/* === flow diagram === */
.sc-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;gap:0;align-items:center;max-width:1000px;margin:0 auto;padding:clamp(28px,4vh,48px) 0}
.sc-flow-node{text-align:center;padding:clamp(20px,2.5vh,30px) 16px}
.sc-flow-icon{width:54px;height:54px;border-radius:50%;background:var(--lt2);border:1.5px solid var(--c);display:grid;place-items:center;margin:0 auto 18px;color:var(--c);box-shadow:0 0 0 6px rgba(212,164,74,.06)}
.sc-flow-icon svg{width:22px;height:22px}
.sc-flow-name{font-size:16px;font-weight:600;letter-spacing:-.3px;color:var(--ltt);margin-bottom:6px}
.sc-flow-meta{font-size:12px;color:var(--ltt2);letter-spacing:-.1px;line-height:1.5}
.sc-flow-arrow{position:relative;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;padding:0 14px}
.sc-flow-arrow-line{position:relative;height:1px;width:100%;background:linear-gradient(90deg,rgba(212,164,74,.15),var(--c) 50%,rgba(212,164,74,.15))}
.sc-flow-arrow-line::after{content:'';position:absolute;right:-2px;top:50%;width:7px;height:7px;border-top:1.5px solid var(--c);border-right:1.5px solid var(--c);transform:translateY(-50%) rotate(45deg)}
.sc-flow-arrow-label{position:absolute;top:calc(50% - 24px);font-family:var(--m);font-size:10px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--c);background:var(--lt);padding:0 8px}
.sc-flow-tenant{position:relative;border:1.5px dashed rgba(212,164,74,.4);border-radius:18px;padding:14px 10px 10px;margin:0 4px}
.sc-flow-tenant-label{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-family:var(--m);font-size:10px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--c);background:var(--lt);padding:0 10px}
.sc-flow-node-tenant{padding-top:6px}
.sc-flow-caption{margin-top:36px;text-align:center;font-size:14px;color:var(--ltt2);line-height:1.6;letter-spacing:-.15px;max-width:720px;margin-left:auto;margin-right:auto}

/* ===== CONTROLS (dark) — defense-in-depth visualization ===== */
.sc-pillars{padding:clamp(120px,15vh,180px) 0}
.sc-shield-head{text-align:center;max-width:680px;margin:0 auto clamp(40px,5vh,64px)}
.sc-shield-head .sc-eye{margin-bottom:18px}
.sc-shield-head h2{font-size:clamp(34px,4.5vw,56px);font-weight:700;letter-spacing:-2.2px;line-height:1.05;margin-bottom:14px;color:var(--w)}
.sc-shield-head h2 b{color:var(--c);font-weight:700}
.sc-shield-head p{font-size:15px;line-height:1.6;letter-spacing:-.2px;color:var(--w2)}

/* === stream visualization === */
.sc-stream{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.sc-stream-head{display:flex;flex-direction:column;align-items:center;gap:12px}
.sc-stream-label{font-family:var(--m);font-size:11px;font-weight:500;letter-spacing:2.4px;text-transform:uppercase;color:var(--c)}
.sc-stream-underline{width:64px;height:1px;background:linear-gradient(90deg,transparent,var(--c) 50%,transparent)}
.sc-stream-bus{width:100%;height:60px;display:block}

/* spec grid 4x2 */
.sc-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;border-top:1px solid var(--b);border-left:1px solid var(--b)}
.sc-spec{display:flex;flex-direction:column;align-items:center;padding:30px 22px 22px;border-right:1px solid var(--b);border-bottom:1px solid var(--b);min-height:228px;position:relative;transition:background .3s var(--ease)}
.sc-spec:hover{background:rgba(212,164,74,.018)}
.sc-spec-viz{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:120px}
.sc-spec-viz > svg{width:100%;max-width:200px;height:auto}
.sc-spec-name{font-family:var(--m);font-size:10.5px;font-weight:500;letter-spacing:1.6px;color:var(--w);text-align:center;text-transform:uppercase;line-height:1.35;margin-top:18px;padding-top:14px;border-top:1px solid var(--b);width:100%}

/* SCIM provisioning list */
.sc-scim{display:flex;flex-direction:column;gap:6px;width:100%;max-width:180px;font-family:var(--m)}
.sc-scim-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.3px;line-height:1.3}
.sc-scim-name{color:rgba(255,255,255,.55)}
.sc-scim-state{font-size:7.5px;font-weight:600;letter-spacing:1.2px;padding:2px 6px;border-radius:3px}
.sc-state-on{color:#50d278;background:rgba(80,210,120,.08);border:1px solid rgba(80,210,120,.25)}
.sc-state-off{color:rgba(255,255,255,.35);background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08)}
.sc-state-new{color:#d4a44a;background:rgba(212,164,74,.08);border:1px solid rgba(212,164,74,.28)}

/* Encryption table */
.sc-enc{display:grid;grid-template-rows:auto repeat(3,auto) auto;gap:5px;width:100%;max-width:180px;font-family:var(--m)}
.sc-enc-head{display:grid;grid-template-columns:1fr 14px 1fr;gap:10px;align-items:baseline;color:var(--c);letter-spacing:1.2px;font-size:7.5px;font-weight:500;padding-bottom:6px;border-bottom:1px solid rgba(212,164,74,.2)}
.sc-enc-row{display:grid;grid-template-columns:1fr 14px 1fr;gap:10px;align-items:baseline;font-size:9px;letter-spacing:.3px;color:rgba(255,255,255,.55)}
.sc-enc-row span:nth-child(2){color:var(--c);text-align:center;font-size:10px}
.sc-enc-row span:last-child{color:rgba(255,255,255,.85);font-weight:500}
.sc-enc-foot{font-size:7.5px;letter-spacing:1.4px;color:rgba(255,255,255,.35);text-align:center;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}

/* Audit log */
.sc-audit{display:flex;flex-direction:column;gap:5px;width:100%;max-width:185px;font-family:var(--m)}
.sc-audit-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;font-size:9px;letter-spacing:.3px}
.sc-audit-time{color:var(--c);font-weight:500}
.sc-audit-actor{color:rgba(255,255,255,.55)}
.sc-audit-act{color:rgba(255,255,255,.85);text-transform:uppercase;font-size:7.5px;letter-spacing:1.2px;font-weight:600}
.sc-console-frame{border:1px solid var(--b);border-radius:20px;background:linear-gradient(180deg,rgba(212,164,74,.025),var(--s1) 30%);overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.02) inset}

/* topbar — "window chrome" */
.sc-console-topbar{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--b);background:rgba(8,8,10,.4)}
.sc-console-dots{display:flex;gap:6px}
.sc-console-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.1)}
.sc-console-dots span:nth-child(1){background:rgba(255,90,90,.45)}
.sc-console-dots span:nth-child(2){background:rgba(255,189,40,.45)}
.sc-console-dots span:nth-child(3){background:rgba(80,210,120,.5)}
.sc-console-title{font-family:var(--m);font-size:11px;font-weight:500;letter-spacing:1px;color:var(--w3);flex:1;text-align:center}
.sc-console-status{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:rgba(80,210,120,.06);border:1px solid rgba(80,210,120,.2)}
.sc-console-status-dot{width:6px;height:6px;border-radius:50%;background:#50d278;box-shadow:0 0 8px rgba(80,210,120,.6);animation:scStatusPulse 2.4s ease-in-out infinite}
@keyframes scStatusPulse{0%,100%{opacity:1}50%{opacity:.55}}
.sc-console-status-text{font-family:var(--m);font-size:10.5px;font-weight:500;letter-spacing:1.2px;color:#50d278;text-transform:uppercase}

/* group */
.sc-console-grp{padding:0 0 8px}
.sc-console-grp:not(.sc-console-grp-last){border-bottom:1px solid var(--b)}
.sc-console-grp-head{display:flex;align-items:center;gap:14px;padding:22px 24px 14px}
.sc-console-grp-num{font-family:var(--m);font-size:11px;font-weight:500;letter-spacing:1.8px;color:var(--c)}
.sc-console-grp-cat{font-family:var(--m);font-size:11.5px;font-weight:500;letter-spacing:2.2px;text-transform:uppercase;color:var(--w)}
.sc-console-grp-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(212,164,74,.25),transparent 80%);min-width:40px}
.sc-console-grp-meta{font-family:var(--m);font-size:10.5px;font-weight:500;letter-spacing:1.4px;color:var(--w3);text-transform:uppercase}

/* row */
.sc-console-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:16px;align-items:center;padding:14px 24px;border-top:1px solid rgba(255,255,255,.025);transition:background .25s var(--ease)}
.sc-console-row:first-of-type{border-top:none}
.sc-console-row:hover{background:rgba(212,164,74,.025)}
.sc-console-pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px rgba(212,164,74,.5)}
.sc-console-pulse::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:rgba(212,164,74,.4);animation:scRowPulse 2.6s ease-out infinite}
@keyframes scRowPulse{
  0%{transform:scale(.5);opacity:.7}
  70%{transform:scale(2.4);opacity:0}
  100%{transform:scale(2.4);opacity:0}
}
.sc-console-row:nth-child(3) .sc-console-pulse::before{animation-delay:.4s}
.sc-console-row:nth-child(4) .sc-console-pulse::before{animation-delay:.8s}
.sc-console-row:nth-child(5) .sc-console-pulse::before{animation-delay:1.2s}
.sc-console-icon{width:16px;height:16px;color:var(--c);stroke-width:1.5;opacity:.85}
.sc-console-body h4{font-size:14px;font-weight:600;letter-spacing:-.2px;color:var(--w);margin-bottom:4px;line-height:1.3}
.sc-console-body p{font-size:13px;color:var(--w2);line-height:1.55;letter-spacing:-.1px}
.sc-console-tag{font-family:var(--m);font-size:10px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--c);padding:5px 10px;border-radius:6px;background:rgba(212,164,74,.06);border:1px solid rgba(212,164,74,.18);white-space:nowrap;flex-shrink:0}

/* ===== COMPLIANCE (light) — editorial + 3-col cert grid (restored design) ===== */
.sc-compliance{padding:clamp(120px,15vh,180px) 0}
.sc-cert-list{margin-top:clamp(64px,8vh,96px);display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ltb);border-left:1px solid var(--ltb)}
.sc-cert{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:22px 24px;border-bottom:1px solid var(--ltb);border-right:1px solid var(--ltb);transition:background .25s var(--ease)}
.sc-cert:hover{background:rgba(212,164,74,.04)}
.sc-cert-name{font-size:15px;font-weight:600;letter-spacing:-.25px;color:var(--ltt)}
.sc-cert-via{font-family:var(--m);font-size:10.5px;font-weight:500;letter-spacing:.9px;color:var(--ltt2);text-transform:uppercase}

/* ===== STATEMENT (dark) — centered pull statement ===== */
.sc-statement{padding:clamp(120px,15vh,180px) 0;text-align:center;position:relative;overflow:hidden}
.sc-statement::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 400px at 50% 50%,rgba(212,164,74,.06),transparent 65%);pointer-events:none}
.sc-statement-inner{position:relative;z-index:1;max-width:840px;margin:0 auto}
.sc-statement h2{font-size:clamp(34px,4.8vw,60px);font-weight:700;letter-spacing:-2.4px;line-height:1.1;color:var(--w);margin-bottom:22px}
.sc-statement h2 b{color:var(--c);font-weight:700}
.sc-statement p{font-size:16px;color:var(--w2);line-height:1.7;letter-spacing:-.2px;max-width:640px;margin:0 auto 14px}
.sc-statement-foot{font-size:14px!important;color:var(--w3)!important}
.sc-statement-foot a{color:var(--c);border-bottom:1px solid rgba(212,164,74,.22);transition:border-color .25s}
.sc-statement-foot a:hover{border-color:var(--c)}

/* ===== STATS (light) — stacked rows: big number left, meta right ===== */
.sc-stats{padding:clamp(120px,15vh,180px) 0}
.sc-stats-stack{max-width:980px;margin:0 auto;display:flex;flex-direction:column}
.sc-stat-row{display:grid;grid-template-columns:minmax(220px,30%) 1fr;gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(36px,5vh,56px) 8px;border-bottom:1px solid var(--ltb)}
.sc-stat-row:first-child{border-top:1px solid var(--ltb)}
.sc-stat-big{font-size:clamp(80px,11vw,156px);font-weight:800;letter-spacing:-6px;line-height:.85;color:var(--ltt);display:flex;align-items:baseline}
.sc-stat-big > span:not(.sc-stat-pct){display:inline-block}
.sc-stat-pct{color:var(--c);font-size:.55em;letter-spacing:-3px;margin-left:4px}
.sc-stat-label{display:block;font-family:var(--m);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--c);margin-bottom:12px}
.sc-stat-meta p{font-size:16px;color:var(--ltt2);line-height:1.6;letter-spacing:-.2px;max-width:520px}

/* ===== CTA (light) ===== */
.sc-cta{padding:clamp(120px,16vh,180px) 24px;text-align:center}
.sc-cta-inner{max-width:720px;margin:0 auto}
.sc-cta h2{font-size:clamp(32px,4.5vw,52px);font-weight:700;letter-spacing:-2px;line-height:1.05;margin-bottom:14px;color:var(--ltt)}
.sc-cta p{font-size:16px;color:var(--ltt2);margin-bottom:32px;letter-spacing:-.2px;line-height:1.55}
.sc-cta-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ===== responsive ===== */
@media(max-width:960px){
  .sc-edit-grid{grid-template-columns:1fr;gap:32px}
  .sc-flow{grid-template-columns:1fr;gap:0}
  .sc-flow-arrow{height:48px;min-width:0;width:auto}
  .sc-flow-arrow-line{width:1px;height:100%;background:linear-gradient(180deg,rgba(212,164,74,.15),var(--c) 50%,rgba(212,164,74,.15))}
  .sc-flow-arrow-line::after{right:auto;top:auto;bottom:-2px;left:50%;border-top:none;border-right:1.5px solid var(--c);border-bottom:1.5px solid var(--c);transform:translateX(-50%) rotate(45deg)}
  .sc-flow-arrow-label{top:50%;transform:translateY(-50%);left:calc(50% + 18px);background:var(--lt);padding:0 8px;white-space:nowrap}
  .sc-cert-list{grid-template-columns:1fr}
  .sc-spec-grid{grid-template-columns:repeat(2,1fr)}
  .sc-spec:nth-child(4n){border-right:1px solid var(--b)}
  .sc-spec:nth-child(2n){border-right:none}
  .sc-stream-bus{display:none}
  .sc-cta-acts{flex-direction:column;align-items:center}
}
@media(max-width:600px){
  .sc-arch-head h2{letter-spacing:-1.8px}
  .sc-spec-grid{grid-template-columns:1fr}
  .sc-spec:nth-child(2n){border-right:none}
}