:root{--px-shell:1080px;--px-content:1080px;--px-read:720px;--maxw:1080px;--radius:18px;--radius-sm:12px;--ease:cubic-bezier(.22,.61,.36,1);--px-ink:#f3f4f6;--px-muted:#9ca3af;--px-line:#262933;--px-paper:#14151a;--px-card:#1e2028;--px-blue:#0071e3;--px-blue-soft:#172554;--px-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 30px rgba(0,0,0,.06);--hero-grid-color:rgba(17,18,15,.038)}
html[data-theme="dark"]{--hero-grid-color:rgba(255,255,255,.048)}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--hero-grid-color:rgba(255,255,255,.048)}}
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important;line-height:1.55!important}
.hero,.section,.authority-hero,.breadcrumbs,.topbar-shell{max-width:var(--maxw,1080px)}
.hero{padding:clamp(56px,11vw,120px) 24px clamp(40px,7vw,72px);text-align:center}
.hero,.authority-hero,.concept-hero,.glossary-hero,.pricing-hero,.news-hero,.news-hub-hero,.px-pricing-hero,.px-scope-hero{position:relative;overflow:hidden}
.hero:before,.authority-hero:before,.concept-hero:before,.glossary-hero:before,.pricing-hero:before,.news-hero:before,.news-hub-hero:before,.px-pricing-hero:before,.px-scope-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--hero-grid-color,rgba(17,18,15,.038)) 1px,transparent 1px),linear-gradient(to bottom,var(--hero-grid-color,rgba(17,18,15,.038)) 1px,transparent 1px);background-size:48px 48px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 42% 40% at 50% 42%,#000 0%,#000 16%,rgba(0,0,0,.6) 42%,rgba(0,0,0,.15) 68%,transparent 84%);mask-image:radial-gradient(ellipse 42% 40% at 50% 42%,#000 0%,#000 16%,rgba(0,0,0,.6) 42%,rgba(0,0,0,.15) 68%,transparent 84%);pointer-events:none;z-index:0}
.hero>*,.authority-hero>*,.concept-hero>*,.glossary-hero>*,.pricing-hero>*,.news-hero>*,.news-hub-hero>*,.px-pricing-hero>*,.px-scope-hero>*{position:relative;z-index:1}
.hero .kicker,.eyebrow{justify-content:center;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:.72rem!important;font-weight:600!important;color:var(--accent,#0071e3)!important;margin-bottom:12px!important}
.hero h1,.authority-hero h1{max-width:840px;margin-inline:auto;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:clamp(2.4rem,7vw,4.4rem)!important;line-height:1.04!important;letter-spacing:-.03em!important;font-weight:700!important;text-wrap:balance;margin-bottom:20px!important}
.hero h1 em{display:block;font-style:normal!important;font-size:clamp(1.05rem,2.4vw,1.3rem)!important;font-weight:400!important;line-height:1.55!important;letter-spacing:-.015em!important;color:var(--theme-text-secondary,#9ca3af)!important;margin-top:14px}
.hero>p,.authority-hero>p,.hero-answer{max-width:60ch;margin-inline:auto;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:clamp(1.05rem,2.4vw,1.3rem)!important;line-height:1.55!important;letter-spacing:-.012em!important;color:var(--theme-text-secondary,#9ca3af)!important;margin-bottom:36px!important}
.scanbox{width:min(760px,100%);margin-inline:auto;border-radius:999px;padding:0;background:transparent;border:none;box-shadow:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.scanbox .field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 7px 7px 18px;box-shadow:var(--shadow);background:var(--theme-bg-surface, #181a22)!important;align-items:center;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.scanbox .field:focus-within{border-color:var(--accent,#0071e3);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#0071e3) 18%,transparent)!important}
.scanbox .field input{min-width:0;width:100%;height:46px;padding:0 8px 0 0;border:none!important;border-width:0!important;outline:none!important;outline-width:0!important;box-shadow:none!important;border-radius:0!important;-webkit-appearance:none!important;appearance:none!important;font-size:1.05rem!important;background:transparent!important;color:var(--theme-text-strong, #ffffff)!important}
.scanbox .field input:focus,.scanbox .field input:focus-visible,.scanbox .field input:active{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}
.scanbox .field button{height:46px;max-width:188px;padding:0 24px!important;border:none!important;border-radius:999px!important;background:var(--accent,#0071e3)!important;color:#ffffff!important;font-weight:600!important;font-size:1rem!important;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s var(--ease),filter .2s var(--ease)}
.scanbox .field button[type="submit"]:hover{background:#0052cc!important;transform:scale(1.01)}
.scanbox .field button[type="submit"]:hover .btn-arrow{transform:translateX(3px)}
.scanbox .field button[type="submit"] b{font-size:1rem;font-weight:600}
.scanbox .field button[type="submit"] .btn-arrow{font-size:15px;display:inline-block;transition:transform .15s ease}
.scan-chips{overflow:hidden;display:flex;flex-wrap:wrap;gap:8px}
.signals{max-width:820px;margin-inline:auto}
.scanbox .field input:-webkit-autofill,
.scanbox .field input:-webkit-autofill:hover,
.scanbox .field input:-webkit-autofill:focus,
.scanbox .field input:-webkit-autofill:active,
#domainInput:-webkit-autofill,
#domainInput:-webkit-autofill:hover,
#domainInput:-webkit-autofill:focus,
#domainInput:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #0f172a !important;
  transition: background-color 99999s ease-in-out 0s, color 99999s ease-in-out 0s !important;
  background-color: transparent !important;
  border-radius: 999px !important;
}
.px-section{width:min(var(--px-content),calc(100% - 48px));margin:0 auto;padding:56px 0 20px}.px-section-head{max-width:720px;margin:0 auto 32px;text-align:center}.px-section-head .eyebrow{font-size:.72rem!important;letter-spacing:.12em!important;font-weight:600!important;text-transform:uppercase!important;color:var(--accent,#0071e3)!important}.px-section-head h2{font-size:1.5rem!important;line-height:1.25!important;letter-spacing:-.01em!important;font-weight:700!important;margin:8px 0 12px}.px-section-head p{font-size: 1.05rem!important;line-height:1.55!important;color:var(--px-muted);margin:0}
.px-tool-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}.px-tool-flow:before{content:"";position:absolute;left:7%;right:7%;top:38px;height:2px;background:linear-gradient(90deg,var(--px-line),var(--px-blue),var(--px-line));z-index:0}.px-flow-card{position:relative;z-index:1;border:1px solid var(--px-line);border-radius:18px;background:var(--px-card);padding:28px!important;min-height:196px}.px-flow-card .node{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--px-ink);color:var(--theme-text-strong, #fff);font-size: 15px;font-weight:950;margin-bottom:22px;box-shadow:0 0 0 7px var(--px-paper)}.px-flow-card h3{font-size:1.12rem!important;line-height:1.35!important;letter-spacing:-.01em!important;font-weight:600!important;margin:0 0 8px}.px-flow-card p{font-size: 1.05rem!important;line-height:1.55!important;color:var(--px-muted);margin:0}.px-lenses{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:16px}.px-lens{border:1px solid var(--px-line);background:var(--px-paper);border-radius:14px;padding:14px}.px-lens b{display:block;font-size: 15px;letter-spacing:.07em;margin-bottom:6px}.px-lens span{font-size: 15px;line-height:1.45;color:var(--px-muted)}.px-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.px-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;border:1px solid var(--px-ink);text-decoration:none;font-weight:900;color:var(--px-ink)}.px-actions a.primary{background:var(--px-blue,#2563eb);color:var(--theme-text-strong, #fff);border-color:var(--px-blue,#2563eb)}
.px-engine-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.px-engine-phase{border:1px solid var(--px-line);border-radius:18px;background:var(--px-card);padding:24px;position:relative;overflow:hidden}.px-engine-phase:after{content:"→";position:absolute;right:10px;top:10px;color:#a5a59f;font-weight:900}.px-engine-phase:last-child:after{display:none}.px-engine-phase>span{font-size: 15px;font-weight:900;letter-spacing:.1em}.px-engine-phase h3{font-size:1.12rem!important;letter-spacing:-.01em!important;font-weight:600!important;margin:8px 0 12px}.px-engine-phase ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.px-engine-phase li{display:flex;gap:8px;align-items:flex-start;font-size: 15px;line-height:1.45;color:var(--px-muted)}.px-engine-phase li b{color:var(--px-ink);font-size: 15px;min-width:22px}.px-engine-outcome{margin-top:18px;padding-top:15px;border-top:1px solid var(--px-line);font-size: 14px;font-weight:850;line-height:1.45;color:var(--px-ink)}
.px-knowledge-flow,.px-three-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.px-knowledge-step,.px-three-step{border:1px solid var(--px-line);border-radius:18px;background:var(--px-card);padding:24px;min-height:190px;display:flex;flex-direction:column}.px-knowledge-step .num,.px-three-step .num{font-size: 15px;letter-spacing:.1em;font-weight:900;color:var(--px-muted)}.px-knowledge-step h3,.px-three-step h3{font-size:1.12rem!important;line-height:1.35!important;letter-spacing:-.01em!important;font-weight:600!important;margin:10px 0 8px}.px-knowledge-step p,.px-three-step p{font-size: 1.05rem!important;line-height:1.55!important;color:var(--px-muted);margin:0 0 14px}.px-knowledge-step a,.px-three-step a{margin-top:auto;text-decoration:none;font-weight:900;color:var(--px-ink)}.px-three-flow{grid-template-columns:repeat(3,1fr);position:relative}.px-three-flow:before{content:"";position:absolute;top:26px;left:16%;right:16%;height:2px;background:linear-gradient(90deg,var(--px-ink),var(--px-blue),var(--px-ink));z-index:0}.px-three-step{position:relative;z-index:1}.px-three-step .num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--px-ink);color:var(--theme-text-strong, #fff);box-shadow:0 0 0 6px var(--px-paper)}.px-three-step.paid{background:var(--px-ink);color:var(--theme-text-strong, #fff)}.px-three-step.paid p{color:#d4d5cf}.px-three-step.paid a{color:var(--theme-text-strong, #fff)}.px-three-step.paid .num{background:#38bdf8;color:#121316}
.px-report-split{width:min(var(--px-content),calc(100% - 48px));margin:34px auto 0;display:grid;grid-template-columns:1fr 44px 1fr;border:1px solid var(--px-line);border-radius:18px;background:var(--px-card);overflow:hidden;box-shadow:0 18px 52px rgba(20,20,16,.06)}.px-report-split article{padding:28px}.px-report-split .bridge{display:grid;place-items:center;border-inline:1px solid var(--px-line);background:var(--px-paper);font-weight:900}.px-report-split h3{font-size:1.35rem!important;letter-spacing:-.01em!important;margin:8px 0 11px}.px-report-split p{color:var(--px-muted);line-height:1.62}.px-report-split ul{display:grid;gap:8px;padding-left:18px;color:var(--px-muted);line-height:1.5}.px-report-split .paid{background:var(--px-ink);color:var(--theme-text-strong, #fff)}.px-report-split .paid p,.px-report-split .paid ul{color:#d5d6d0}.px-report-split .price{display:inline-flex;margin-top:12px;padding:8px 11px;border-radius:999px;background:#0066ff;color:var(--theme-text-strong, #ffffff);font-weight:950}
.px-pricing{width:min(var(--px-shell),calc(100% - 48px));margin:0 auto;padding:66px 0 88px}.px-pricing-hero{text-align:center;max-width:870px;margin:0 auto 40px}.px-pricing-hero h1{font-size:clamp(44px,5.3vw,68px);line-height:.99;letter-spacing:-.06em;margin:12px 0 18px;text-wrap:balance}.px-pricing-hero p{max-width:720px;margin:0 auto;color:var(--px-muted);font-size:18px;line-height:1.66}.px-trust-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}.px-trust-row span{border:1px solid var(--px-line);background:var(--px-card);border-radius:999px;padding:9px 12px;font-size: 14px;font-weight:850}.px-price-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:16px}.px-price-card{border:1px solid var(--px-line);border-radius:18px;background:var(--px-card);padding:28px;display:flex;flex-direction:column;box-shadow:0 20px 55px rgba(20,20,16,.05)}.px-price-card.featured{background:var(--px-ink);color:var(--theme-text-strong, #fff);box-shadow:var(--px-shadow)}.px-price-card .tag{font-size: 15px;letter-spacing:.12em;font-weight:900}.px-price-card .amount{font-size:60px;line-height:1;font-weight:950;letter-spacing:-.07em;margin:16px 0 5px}.px-price-card .sub{color:var(--px-muted);line-height:1.6}.px-price-card.featured .sub{color:#d1d2cc}.px-price-card ul{display:grid;gap:11px;padding-left:20px;line-height:1.52;margin:24px 0 28px}.px-price-card a{margin-top:auto;min-height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:600;font-size:1rem;border:1px solid var(--px-ink);color:var(--px-ink)}.px-price-card.featured a{background:var(--accent,#0071e3);color:var(--theme-text-strong, #fff);border-color:var(--accent,#0071e3)}.px-delivery{margin-top:18px;border:1px solid var(--px-line);border-radius:18px;background:var(--px-paper);padding:28px}.px-delivery h2{font-size:1.5rem!important;letter-spacing:-.01em!important;margin:3px 0 10px}.px-delivery p{max-width:760px;color:var(--px-muted);line-height:1.65}.px-files{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}.px-file{min-height:122px;border:1px solid var(--px-line);border-radius:12px;background:var(--px-card);padding:14px;display:flex;flex-direction:column;justify-content:space-between}.px-file b{font-size: 15px;letter-spacing:.07em}.px-file span{font-size: 15px;color:var(--px-muted);line-height:1.4}.px-buy-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.px-buy-flow article{border:1px solid var(--px-line);border-radius:12px;padding:18px;background:var(--px-card)}.px-buy-flow strong{font-size: 15px;letter-spacing:.09em}.px-buy-flow h3{font-size:1.12rem!important;margin:9px 0 7px}.px-buy-flow p{font-size: 15px;line-height:1.5;color:var(--px-muted);margin:0}.px-note{max-width:800px;margin:20px auto 0;text-align:center;color:var(--px-muted);font-size: 15px;line-height:1.6}
@media(max-width:860px){.px-tool-flow{grid-template-columns:1fr}.px-tool-flow:before,.px-three-flow:before{display:none}.px-lenses{grid-template-columns:repeat(2,1fr)}.px-engine-rail,.px-knowledge-flow{grid-template-columns:1fr}.px-files{grid-template-columns:repeat(2,1fr)}.px-buy-flow{grid-template-columns:1fr}.px-report-split{grid-template-columns:1fr}.topbar-shell{flex-wrap:wrap;gap:10px}.topbar nav{order:3;width:100%;display:flex;overflow-x:auto;gap:5px;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center}.nav-actions{margin-left:auto}}
@media(max-width:640px){html,body{max-width:100%;overflow-x:hidden}.hero,.section,.authority-hero{padding-left:14px!important;padding-right:14px!important}.px-section,.px-pricing,.px-report-split{width:calc(100% - 28px)}.hero h1,.authority-hero h1{font-size:clamp(2rem,8.5vw,3rem)!important;line-height:1.04!important}.hero>p,.authority-hero>p{font-size: 1.05rem!important;line-height:1.55!important}.scanbox{padding:0!important;border-radius:18px}.scanbox .field{grid-template-columns:1fr}.scanbox .field{border-radius:18px!important;padding:10px!important}.scanbox .field input{width:100%;height:44px;text-align:center;padding:0!important}.scanbox .field button[type="submit"]{width:100%;max-width:none;height:46px;justify-content:center;padding:12px!important}.scan-chips{display:none}.signals{justify-content:flex-start;overflow-x:auto;white-space:nowrap;gap:7px;padding-bottom:5px}.px-tool-flow,.px-lenses,.px-engine-rail,.px-knowledge-flow,.px-three-flow,.px-price-grid,.px-files,.px-buy-flow{grid-template-columns:1fr}.px-flow-card,.px-engine-phase,.px-knowledge-step,.px-three-step{min-height:auto}.px-report-split{grid-template-columns:1fr}.px-report-split .bridge{height:38px;border-inline:0;border-block:1px solid var(--px-line);transform:none}.px-pricing{padding-top:42px}.px-price-card,.px-delivery{padding:20px}.px-price-card .amount{font-size:48px}.px-section{padding-top:48px;padding-bottom:48px}.topbar-shell{padding-left:14px!important;padding-right:14px!important}.topbar nav{margin:0 -2px;gap:14px!important}.topbar nav a{font-size: 1rem!important;padding:0 8px}.brand-logo{max-width:122px;height:auto}.langs button,.langs a{min-width:36px;min-height:36px}.result-columns{grid-template-columns:1fr}.results{padding-left:14px!important;padding-right:14px!important}.result-head{gap:14px;align-items:flex-start}.total-score strong{font-size:44px}.score-grid{grid-template-columns:1fr}.finding{padding:16px 18px!important}.mandate-card{position:static}.footer-grid{grid-template-columns:1fr!important;gap:24px}.footer-bottom{display:grid;gap:8px}.breadcrumbs{padding-left:14px!important;padding-right:14px!important;overflow-x:auto;white-space:nowrap}}

/* Dark Theme Harmonization (Clone llms-txt-validator.dev) */
html[data-theme="dark"]{
  --px-ink:#f3f4f6;
  --px-muted:#9ca3af;
  --px-line:#262933;
  --px-paper:#14151a;
  --px-card:#1e2028;
  --px-blue:#3b82f6;
  --px-blue-soft:#172554;
  --px-shadow:0 20px 50px rgba(0,0,0,.5);
}
html[data-theme="dark"] .scanbox{background:transparent!important;border:none!important;box-shadow:none!important}
html[data-theme="dark"] .scanbox .field{background:var(--theme-bg-surface, #181a22)!important;border:2px solid #0066ff!important;box-shadow:0 4px 24px rgba(0,102,255,.25)!important}
html[data-theme="dark"] .scanbox .field input{background:transparent!important;color:var(--theme-text-strong, #ffffff)!important}
html[data-theme="dark"] .scanbox .field input::placeholder{color:#6b7280!important}
html[data-theme="light"] .scanbox{background:transparent!important;border:none!important;box-shadow:none!important}
html[data-theme="light"] .scanbox .field{background:#ffffff!important;border:2px solid #0066ff!important;box-shadow:0 4px 20px rgba(0,102,255,.12)!important}
html[data-theme="light"] .scanbox .field input{background:transparent!important;color:#0f172a!important}
html[data-theme="light"] .scanbox .field input::placeholder{color:#94a3b8!important}
html[data-theme="dark"] .px-flow-card,
html[data-theme="dark"] .px-knowledge-step,
html[data-theme="dark"] .px-three-step,
html[data-theme="dark"] .px-price-card,
html[data-theme="dark"] .px-delivery,
html[data-theme="dark"] .px-report-split,
html[data-theme="dark"] .px-lens,
html[data-theme="dark"] .px-file,
html[data-theme="dark"] .px-buy-flow article{background:linear-gradient(175deg, rgba(30, 33, 42, 0.9) 0%, rgba(22, 24, 32, 0.98) 100%)!important;border:1px solid var(--theme-border, rgba(255, 255, 255, 0.1))!important;color:#f3f4f6!important;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.12), 0 12px 32px -8px rgba(0, 0, 0, 0.5)!important}
html[data-theme="dark"] .px-flow-card .node,
html[data-theme="dark"] .px-three-step .num{background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%)!important;color:#38bdf8!important;border:1.5px solid rgba(56, 189, 248, 0.4)!important;box-shadow:0 0 0 4px #1a1c24, 0 0 16px -2px rgba(56, 189, 248, 0.35), inset 0 1px 1px 0 rgba(255, 255, 255, 0.2)!important;font-family:-apple-system, BlinkMacSystemFont, "SF Mono", "Fira Code", monospace!important}
html[data-theme="dark"] .px-flow-card h3,
html[data-theme="dark"] .px-knowledge-step h3,
html[data-theme="dark"] .px-three-step h3,
html[data-theme="dark"] .px-delivery h2{color:var(--theme-text-strong, #ffffff)!important;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif!important}
html[data-theme="dark"] .px-flow-card p,
html[data-theme="dark"] .px-knowledge-step p,
html[data-theme="dark"] .px-three-step p,
html[data-theme="dark"] .px-delivery p{color:var(--theme-text-secondary, #94a3b8)!important;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif!important}
html[data-theme="dark"] .px-price-card.featured{background:linear-gradient(145deg,#1c2333 0%,#181a22 100%)!important;border-color:#3b82f6!important;box-shadow:0 20px 60px rgba(0,102,255,.2)!important}
html[data-theme="dark"] .px-price-card .amount{color:var(--theme-text-strong, #ffffff)!important}
html[data-theme="dark"] .px-price-card .sub{color:#9ca3af!important}
html[data-theme="dark"] .px-price-card ul{border-color:#262933!important;color:#d1d5db!important}
html[data-theme="dark"] .px-price-card a{background:linear-gradient(135deg,#0066ff 0%,#0052cc 100%)!important;color:var(--theme-text-strong, #ffffff)!important;border:1px solid rgba(255,255,255,.15)!important}
html[data-theme="dark"] .px-report-split .bridge{background:var(--theme-bg-surface, #181a22)!important;border-color:#262933!important;color:#9ca3af!important}
html[data-theme="dark"] .px-trust-row span{background:var(--theme-bg-surface, #1e2028)!important;border-color:#262933!important;color:#9ca3af!important}

/* --------------------------------------------------------------------------
   13. 4-PILLAR EXECUTIVE HEALTH EVALUATION DECK (SYMMETRIC 4-COLOR SYSTEM)
   -------------------------------------------------------------------------- */
.result-pillars-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 28px;
}
.pillar-card {
  border-radius: 18px;
  padding: 22px 20px;
  background: linear-gradient(175deg, rgba(20, 24, 35, 0.92) 0%, rgba(11, 14, 21, 0.98) 100%) !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.1)) !important;
  color: var(--theme-text-primary, #f8fafc) !important;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pillar-card:hover {
  transform: translateY(-2px);
}
.pillar-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 12px;
}
.pillar-tag {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Mono", monospace;
}
.pillar-score {
  font-size: 28px;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1;
}
.pillar-score span {
  font-size: 14px;
  color: var(--px-muted);
  font-weight: 600;
  margin-left: 2px;
}
.pillar-card h4 {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
  color: var(--theme-text-strong, #ffffff) !important;
}
.pillar-card p {
  font-size: 15px;
  line-height: 1.5;
  color: var(--theme-text-secondary, #cbd5e1) !important;
  margin: 0 0 16px;
  flex-grow: 1;
}
.pillar-meter {
  height: 5px;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px;
  overflow: hidden;
  margin-top: auto;
}
.pillar-meter i {
  display: block;
  height: 100%;
  border-radius: 999px;
  transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Pillar 1: Blue (Keşfedilirlik) */
.pillar-blue {
  border: 1.5px solid rgba(0, 102, 255, 0.4) !important;
  border-top: 3.5px solid #0066ff !important;
  box-shadow: 0 0 24px -4px rgba(0, 102, 255, 0.28) !important;
}
.pillar-blue .pillar-tag {
  color: #0066ff;
  background: rgba(0, 102, 255, 0.1);
  border: 1px solid rgba(0, 102, 255, 0.3);
}
.pillar-blue .pillar-score {
  color: #0066ff;
}
.pillar-blue .pillar-meter i {
  background: linear-gradient(90deg, #0066ff, #38bdf8);
}

/* Pillar 2: Purple (Anlamlandırma) */
.pillar-purple {
  border: 1.5px solid rgba(139, 92, 246, 0.4) !important;
  border-top: 3.5px solid #8b5cf6 !important;
  box-shadow: 0 0 24px -4px rgba(139, 92, 246, 0.28) !important;
}
.pillar-purple .pillar-tag {
  color: #8b5cf6;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.pillar-purple .pillar-score {
  color: #8b5cf6;
}
.pillar-purple .pillar-meter i {
  background: linear-gradient(90deg, #8b5cf6, #c084fc);
}

/* Pillar 3: Green (Güven & Kalite) */
.pillar-green {
  border: 1.5px solid rgba(16, 185, 129, 0.4) !important;
  border-top: 3.5px solid #10b981 !important;
  box-shadow: 0 0 24px -4px rgba(16, 185, 129, 0.28) !important;
}
.pillar-green .pillar-tag {
  color: #059669;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.pillar-green .pillar-score {
  color: #059669;
}
.pillar-green .pillar-meter i {
  background: linear-gradient(90deg, #059669, #34d399);
}

/* Pillar 4: Amber (Ticari Yol) */
.pillar-amber {
  border: 1.5px solid rgba(245, 158, 11, 0.4) !important;
  border-top: 3.5px solid #f59e0b !important;
  box-shadow: 0 0 24px -4px rgba(245, 158, 11, 0.28) !important;
}
.pillar-amber .pillar-tag {
  color: #d97706;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.pillar-amber .pillar-score {
  color: #d97706;
}
.pillar-amber .pillar-meter i {
  background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

/* Dark Mode 4 Pillars */
html[data-theme="dark"] .pillar-card {
  background: linear-gradient(175deg, rgba(20, 24, 35, 0.92) 0%, rgba(11, 14, 21, 0.98) 100%) !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.08)) !important;
  box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .pillar-card h4 {
  color: var(--theme-text-strong, #ffffff) !important;
}
html[data-theme="dark"] .pillar-card p {
  color: var(--theme-text-secondary, #94a3b8) !important;
}
html[data-theme="dark"] .pillar-meter {
  background: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .pillar-blue {
  border-top: 3px solid #0066ff !important;
  box-shadow: 0 0 24px -4px rgba(0, 102, 255, 0.25), 0 12px 32px -8px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .pillar-blue .pillar-tag {
  color: #38bdf8 !important;
  background: rgba(0, 102, 255, 0.15) !important;
  border-color: rgba(56, 189, 248, 0.35) !important;
}
html[data-theme="dark"] .pillar-blue .pillar-score {
  color: #38bdf8 !important;
}

html[data-theme="dark"] .pillar-purple {
  border-top: 3px solid #8b5cf6 !important;
  box-shadow: 0 0 24px -4px rgba(139, 92, 246, 0.25), 0 12px 32px -8px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .pillar-purple .pillar-tag {
  color: #c084fc !important;
  background: rgba(139, 92, 246, 0.15) !important;
  border-color: rgba(192, 132, 252, 0.35) !important;
}
html[data-theme="dark"] .pillar-purple .pillar-score {
  color: #c084fc !important;
}

html[data-theme="dark"] .pillar-green {
  border-top: 3px solid #10b981 !important;
  box-shadow: 0 0 24px -4px rgba(16, 185, 129, 0.25), 0 12px 32px -8px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .pillar-green .pillar-tag {
  color: #34d399 !important;
  background: rgba(16, 185, 129, 0.15) !important;
  border-color: rgba(52, 211, 153, 0.35) !important;
}
html[data-theme="dark"] .pillar-green .pillar-score {
  color: #34d399 !important;
}

html[data-theme="dark"] .pillar-amber {
  border-top: 3px solid #f59e0b !important;
  box-shadow: 0 0 24px -4px rgba(245, 158, 11, 0.25), 0 12px 32px -8px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .pillar-amber .pillar-tag {
  color: #fbbf24 !important;
  background: rgba(245, 158, 11, 0.15) !important;
  border-color: rgba(251, 191, 36, 0.35) !important;
}
html[data-theme="dark"] .pillar-amber .pillar-score {
  color: #fbbf24 !important;
}

/* Light Mode 4 Pillars */
html[data-theme="light"] .pillar-card {
  background: #090a0d !important;
  background-color: #090a0d !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .pillar-card h4 {
  color: #0f172a !important;
}
html[data-theme="light"] .pillar-card p {
  color: #475569 !important;
}
html[data-theme="light"] .pillar-meter {
  background: #e2e8f0 !important;
}
html[data-theme="light"] .pillar-score span {
  color: #64748b !important;
}
html[data-theme="light"] .pillar-blue {
  border-top: 3.5px solid #0066ff !important;
  box-shadow: 0 4px 20px rgba(0, 102, 255, 0.08) !important;
}
html[data-theme="light"] .pillar-blue .pillar-tag {
  color: #0066ff !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
}
html[data-theme="light"] .pillar-blue .pillar-score {
  color: #0066ff !important;
}
html[data-theme="light"] .pillar-purple {
  border-top: 3.5px solid #8b5cf6 !important;
  box-shadow: 0 4px 20px rgba(139, 92, 246, 0.08) !important;
}
html[data-theme="light"] .pillar-purple .pillar-tag {
  color: #7c3aed !important;
  background: #f5f3ff !important;
  border: 1px solid #ddd6fe !important;
}
html[data-theme="light"] .pillar-purple .pillar-score {
  color: #7c3aed !important;
}
html[data-theme="light"] .pillar-green {
  border-top: 3.5px solid #10b981 !important;
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.08) !important;
}
html[data-theme="light"] .pillar-green .pillar-tag {
  color: #059669 !important;
  background: #ecfdf5 !important;
  border: 1px solid #a7f3d0 !important;
}
html[data-theme="light"] .pillar-green .pillar-score {
  color: #059669 !important;
}
html[data-theme="light"] .pillar-amber {
  border-top: 3.5px solid #f59e0b !important;
  box-shadow: 0 4px 20px rgba(245, 158, 11, 0.08) !important;
}
html[data-theme="light"] .pillar-amber .pillar-tag {
  color: #d97706 !important;
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
}
html[data-theme="light"] .pillar-amber .pillar-score {
  color: #d97706 !important;
}

/* 18-Engine Score Grid Enhancement */
.score-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  border: none !important;
  background: transparent !important;
  margin-bottom: 28px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
@media(max-width: 960px) {
  .score-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media(max-width: 640px) {
  .score-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}
@media(max-width: 380px) {
  .score-grid {
    grid-template-columns: 1fr !important;
  }
}
.score-item {
  border-radius: 14px !important;
  background: linear-gradient(175deg, rgba(20, 26, 40, 0.9) 0%, rgba(11, 15, 24, 0.96) 100%) !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.08)) !important;
  padding: 14px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.score-item-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.score-item-top span {
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  min-width: 0 !important;
}
.score-item-top .engine-num {
  flex-shrink: 0 !important;
}
.score-item:hover {
  transform: translateY(-2px) !important;
}
.score-item.tier-green {
  border: 1.5px solid rgba(16, 185, 129, 0.45) !important;
  box-shadow: inset 0 0 10px rgba(16, 185, 129, 0.08), 0 0 16px -2px rgba(16, 185, 129, 0.22) !important;
}
.score-item.tier-blue {
  border: 1.5px solid rgba(0, 102, 255, 0.45) !important;
  box-shadow: inset 0 0 10px rgba(0, 102, 255, 0.08), 0 0 16px -2px rgba(0, 102, 255, 0.22) !important;
}
.score-item.tier-yellow, .score-item.tier-orange, .score-item.tier-amber {
  border: 1.5px solid rgba(245, 158, 11, 0.45) !important;
  box-shadow: inset 0 0 10px rgba(245, 158, 11, 0.08), 0 0 16px -2px rgba(245, 158, 11, 0.22) !important;
}
.score-item.tier-red {
  border: 1.5px solid rgba(239, 68, 68, 0.45) !important;
  box-shadow: inset 0 0 10px rgba(239, 68, 68, 0.08), 0 0 16px -2px rgba(239, 68, 68, 0.22) !important;
}
.score-item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.engine-num {
  font-size: 15px;
  font-weight: 850;
  font-family: monospace;
  padding: 2px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--px-muted);
  border: 1px solid var(--px-line);
}
.score-item.tier-green strong { color: #10b981 !important; }
.score-item.tier-yellow strong { color: #eab308 !important; }
.score-item.tier-orange strong, .score-item.tier-amber strong { color: #f97316 !important; }
.score-item.tier-red strong { color: #ef4444 !important; }
.score-item.tier-blue strong { color: #38bdf8 !important; }

.score-item.tier-green .bar-green, .meter i.bar-green {
  background: linear-gradient(90deg, #059669, #10b981) !important;
}
.score-item.tier-yellow .bar-yellow, .meter i.bar-yellow {
  background: linear-gradient(90deg, #ca8a04, #eab308) !important;
}
.score-item.tier-orange .bar-orange, .meter i.bar-orange {
  background: linear-gradient(90deg, #ea580c, #f97316) !important;
}
.score-item.tier-amber .bar-amber, .meter i.bar-amber {
  background: linear-gradient(90deg, #d97706, #f59e0b) !important;
}
.score-item.tier-red .bar-red, .meter i.bar-red {
  background: linear-gradient(90deg, #dc2626, #ef4444) !important;
}
.score-item.tier-blue .bar-blue, .meter i.bar-blue {
  background: linear-gradient(90deg, #0066ff, #38bdf8) !important;
}

/* Light Mode 18-Engine Score Items */
html[data-theme="light"] .score-item {
  background: #090a0d !important;
  background-color: #090a0d !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}
html[data-theme="light"] .score-item span {
  color: #475569 !important;
}
html[data-theme="light"] .engine-num {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
}
html[data-theme="light"] .score-item.tier-green {
  background: #f0fdf4 !important;
  border: 1.5px solid #86efac !important;
  box-shadow: 0 2px 10px rgba(16, 185, 129, 0.08) !important;
}
html[data-theme="light"] .score-item.tier-green strong { color: #059669 !important; }

html[data-theme="light"] .score-item.tier-blue {
  background: #f0f9ff !important;
  border: 1.5px solid #bae6fd !important;
  box-shadow: 0 2px 10px rgba(0, 102, 255, 0.08) !important;
}
html[data-theme="light"] .score-item.tier-blue strong { color: #0284c7 !important; }

html[data-theme="light"] .score-item.tier-yellow,
html[data-theme="light"] .score-item.tier-orange,
html[data-theme="light"] .score-item.tier-amber {
  background: #fffbeb !important;
  border: 1.5px solid #fde68a !important;
  box-shadow: 0 2px 10px rgba(245, 158, 11, 0.08) !important;
}
html[data-theme="light"] .score-item.tier-yellow strong { color: #ca8a04 !important; }
html[data-theme="light"] .score-item.tier-orange strong,
html[data-theme="light"] .score-item.tier-amber strong { color: #d97706 !important; }

html[data-theme="light"] .score-item.tier-red {
  background: #fef2f2 !important;
  border: 1.5px solid #fecaca !important;
  box-shadow: 0 2px 10px rgba(239, 68, 68, 0.08) !important;
}
html[data-theme="light"] .score-item.tier-red strong { color: #dc2626 !important; }

/* Findings Filter Bar */
.findings-filter-bar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.filter-btn {
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 14.5px;
  font-weight: 800;
  border: 1px solid var(--px-line);
  background: var(--px-card);
  color: var(--px-muted);
  cursor: pointer;
  transition: all 0.15s ease;
}
.filter-btn:hover {
  color: var(--px-ink);
  border-color: var(--px-blue);
}
.filter-btn.active {
  background: #0066ff !important;
  color: var(--theme-text-strong, #ffffff) !important;
  border-color: #0066ff !important;
  box-shadow: 0 0 16px rgba(0, 102, 255, 0.4) !important;
}

/* Findings Cards 4-Tier Accent */
.finding-tier-critical {
  border-left: 4px solid #ef4444 !important;
}
.finding-tier-high {
  border-left: 4px solid #f59e0b !important;
}
.finding-tier-medium {
  border-left: 4px solid #0066ff !important;
}
.finding-tier-low,
.finding-tier-info {
  border-left: 4px solid #10b981 !important;
}

html[data-theme="dark"] .finding-tier-critical {
  box-shadow: 0 4px 24px -4px rgba(239, 68, 68, 0.18) !important;
}
html[data-theme="dark"] .finding-tier-high {
  box-shadow: 0 4px 24px -4px rgba(245, 158, 11, 0.18) !important;
}
html[data-theme="dark"] .finding-tier-medium {
  box-shadow: 0 4px 24px -4px rgba(0, 102, 255, 0.18) !important;
}
html[data-theme="dark"] .finding-tier-low,
html[data-theme="dark"] .finding-tier-info {
  box-shadow: 0 4px 24px -4px rgba(16, 185, 129, 0.18) !important;
}

/* 4-Color Active Badges for Homepage Infographics */
html[data-theme="dark"] .px-engine-phase:nth-child(1) {
  border-top: 3px solid #0066ff !important;
  box-shadow: 0 0 20px -4px rgba(0, 102, 255, 0.2) !important;
}
html[data-theme="dark"] .px-engine-phase:nth-child(1) > span {
  color: #38bdf8 !important;
}
html[data-theme="dark"] .px-engine-phase:nth-child(1) .px-engine-outcome {
  color: #38bdf8 !important;
  border-top-color: rgba(56, 189, 248, 0.2) !important;
}

html[data-theme="dark"] .px-engine-phase:nth-child(2) {
  border-top: 3px solid #8b5cf6 !important;
  box-shadow: 0 0 20px -4px rgba(139, 92, 246, 0.2) !important;
}
html[data-theme="dark"] .px-engine-phase:nth-child(2) > span {
  color: #c084fc !important;
}
html[data-theme="dark"] .px-engine-phase:nth-child(2) .px-engine-outcome {
  color: #c084fc !important;
  border-top-color: rgba(192, 132, 252, 0.2) !important;
}

html[data-theme="dark"] .px-engine-phase:nth-child(3) {
  border-top: 3px solid #10b981 !important;
  box-shadow: 0 0 20px -4px rgba(16, 185, 129, 0.2) !important;
}
html[data-theme="dark"] .px-engine-phase:nth-child(3) > span {
  color: #34d399 !important;
}
html[data-theme="dark"] .px-engine-phase:nth-child(3) .px-engine-outcome {
  color: #34d399 !important;
  border-top-color: rgba(52, 211, 153, 0.2) !important;
}

html[data-theme="dark"] .px-engine-phase:nth-child(4) {
  border-top: 3px solid #f59e0b !important;
  box-shadow: 0 0 20px -4px rgba(245, 158, 11, 0.2) !important;
}
html[data-theme="dark"] .px-engine-phase:nth-child(4) > span {
  color: #fbbf24 !important;
}
html[data-theme="dark"] .px-engine-phase:nth-child(4) .px-engine-outcome {
  color: #fbbf24 !important;
  border-top-color: rgba(251, 191, 36, 0.2) !important;
}

/* 4 Lenses in Tool Directory */
html[data-theme="light"] .px-lens {
  background: #090a0d !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .px-lens:hover {
  background: #f8fafc !important;
  box-shadow: 0 6px 18px rgba(0, 102, 255, 0.08) !important;
}
html[data-theme="light"] .px-lens span {
  color: #475569 !important;
}
html[data-theme="light"] .px-lens:nth-child(1) {
  border-left: 3.5px solid #0066ff !important;
}
html[data-theme="light"] .px-lens:nth-child(1) b {
  color: #0284c7 !important;
}
html[data-theme="light"] .px-lens:nth-child(2) {
  border-left: 3.5px solid #8b5cf6 !important;
}
html[data-theme="light"] .px-lens:nth-child(2) b {
  color: #7c3aed !important;
}
html[data-theme="light"] .px-lens:nth-child(3) {
  border-left: 3.5px solid #10b981 !important;
}
html[data-theme="light"] .px-lens:nth-child(3) b {
  color: #059669 !important;
}
html[data-theme="light"] .px-lens:nth-child(4) {
  border-left: 3.5px solid #f59e0b !important;
}
html[data-theme="light"] .px-lens:nth-child(4) b {
  color: #d97706 !important;
}

html[data-theme="dark"] .px-lens:nth-child(1) {
  border-left: 3px solid #0066ff !important;
}
html[data-theme="dark"] .px-lens:nth-child(1) b {
  color: #38bdf8 !important;
}
html[data-theme="dark"] .px-lens:nth-child(2) {
  border-left: 3px solid #8b5cf6 !important;
}
html[data-theme="dark"] .px-lens:nth-child(2) b {
  color: #c084fc !important;
}
html[data-theme="dark"] .px-lens:nth-child(3) {
  border-left: 3px solid #10b981 !important;
}
html[data-theme="dark"] .px-lens:nth-child(3) b {
  color: #34d399 !important;
}
html[data-theme="dark"] .px-lens:nth-child(4) {
  border-left: 3px solid #f59e0b !important;
}
html[data-theme="dark"] .px-lens:nth-child(4) b {
  color: #fbbf24 !important;
}

/* 4 Steps in Technical Knowledge Flow */
html[data-theme="dark"] .px-knowledge-step:nth-child(1) {
  border-top: 3px solid #0066ff !important;
}
html[data-theme="dark"] .px-knowledge-step:nth-child(1) .num {
  color: #38bdf8 !important;
}
html[data-theme="dark"] .px-knowledge-step:nth-child(2) {
  border-top: 3px solid #8b5cf6 !important;
}
html[data-theme="dark"] .px-knowledge-step:nth-child(2) .num {
  color: #c084fc !important;
}
html[data-theme="dark"] .px-knowledge-step:nth-child(3) {
  border-top: 3px solid #f59e0b !important;
}
html[data-theme="dark"] .px-knowledge-step:nth-child(3) .num {
  color: #fbbf24 !important;
}
html[data-theme="dark"] .px-knowledge-step:nth-child(4) {
  border-top: 3px solid #10b981 !important;
}
html[data-theme="dark"] .px-knowledge-step:nth-child(4) .num {
  color: #34d399 !important;
}

/* Responsive adjustment for 4-Pillars */
@media(max-width:900px){
  .result-pillars-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media(max-width:640px){
  .result-pillars-grid {
    grid-template-columns: 1fr !important;
  }
}

.pillars-deep-link {
  margin: 16px 0 24px;
  text-align: center;
  max-width: 100%;
  box-sizing: border-box;
}
.pillars-deep-link a {
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}
.pillars-deep-link a span {
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

/* ==========================================================================
   ENTERPRISE FINDING DOSSIER CARD (FIX VERTICAL ELEVATOR SHAFT & BEIGE CODE)
   ========================================================================== */
.findings {
  max-height: 820px !important;
  overflow-y: auto !important;
  padding-right: 10px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(56, 189, 248, 0.35) rgba(10, 15, 26, 0.5) !important;
}
.findings::-webkit-scrollbar {
  width: 6px !important;
}
.findings::-webkit-scrollbar-track {
  background: rgba(10, 15, 26, 0.5) !important;
  border-radius: 999px !important;
}
.findings::-webkit-scrollbar-thumb {
  background: rgba(56, 189, 248, 0.35) !important;
  border-radius: 999px !important;
}
.findings::-webkit-scrollbar-thumb:hover {
  background: rgba(56, 189, 248, 0.7) !important;
}
.finding {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 18px 22px !important;
  border-radius: 16px !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.1)) !important;
  background: linear-gradient(175deg, rgba(20, 26, 40, 0.9) 0%, rgba(11, 15, 24, 0.96) 100%) !important;
  margin-bottom: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.finding:hover {
  transform: translateY(-2px) !important;
}
html[data-theme="dark"] .finding {
  background: linear-gradient(175deg, rgba(20, 26, 40, 0.9) 0%, rgba(11, 15, 24, 0.96) 100%) !important;
  border-color: var(--theme-border, rgba(255, 255, 255, 0.1)) !important;
}
.mandate-card {
  position: sticky !important;
  top: 96px !important;
  align-self: start !important;
  background: linear-gradient(175deg, rgba(16, 22, 34, 0.95) 0%, rgba(8, 12, 20, 0.98) 100%) !important;
  border: 1.5px solid rgba(16, 185, 129, 0.45) !important;
  border-top: 3.5px solid #10b981 !important;
  border-radius: 20px !important;
  padding: 26px 24px !important;
  box-shadow: 0 0 28px -4px rgba(16, 185, 129, 0.25), 0 16px 40px rgba(0, 0, 0, 0.6) !important;
  color: var(--theme-text-strong, #ffffff) !important;
}

/* FIX SEVERITY: Compact top pill with icon, NEVER a 250px vertical block! */
.finding > .severity {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}

.finding > .severity.critical {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239, 68, 68, 0.4) !important;
}
html[data-theme="dark"] .finding > .severity.critical {
  background: rgba(239, 68, 68, 0.22) !important;
  color: #f87171 !important;
}

.finding > .severity.high {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #f59e0b !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
}
html[data-theme="dark"] .finding > .severity.high {
  background: rgba(245, 158, 11, 0.22) !important;
  color: #fbbf24 !important;
}

.finding > .severity.medium {
  background: rgba(0, 102, 255, 0.12) !important;
  color: #0066ff !important;
  border: 1px solid rgba(0, 102, 255, 0.4) !important;
}
html[data-theme="dark"] .finding > .severity.medium {
  background: rgba(0, 102, 255, 0.22) !important;
  color: #38bdf8 !important;
}

.finding > .severity.low,
.finding > .severity.info {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #10b981 !important;
  border: 1px solid rgba(16, 185, 129, 0.4) !important;
}
html[data-theme="dark"] .finding > .severity.low,
html[data-theme="dark"] .finding > .severity.info {
  background: rgba(16, 185, 129, 0.22) !important;
  color: #34d399 !important;
}

/* 4-Tier Left & Top Border Accents with Ambient Glow */
.finding.finding-tier-critical {
  border-left: 4.5px solid #ef4444 !important;
  border-top: 1.5px solid rgba(239, 68, 68, 0.4) !important;
  box-shadow: 0 0 24px -4px rgba(239, 68, 68, 0.25), 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}
.finding.finding-tier-high {
  border-left: 4.5px solid #f59e0b !important;
  border-top: 1.5px solid rgba(245, 158, 11, 0.4) !important;
  box-shadow: 0 0 24px -4px rgba(245, 158, 11, 0.25), 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}
.finding.finding-tier-medium {
  border-left: 4.5px solid #0066ff !important;
  border-top: 1.5px solid rgba(0, 102, 255, 0.4) !important;
  box-shadow: 0 0 24px -4px rgba(0, 102, 255, 0.25), 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}
.finding.finding-tier-low,
.finding.finding-tier-info {
  border-left: 4.5px solid #10b981 !important;
  border-top: 1.5px solid rgba(16, 185, 129, 0.4) !important;
  box-shadow: 0 0 24px -4px rgba(16, 185, 129, 0.25), 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

/* Finding Tags */
.finding-tags {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 10px !important;
}
.finding-tags span {
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  border: 1px solid var(--hh-line, #cbd5e1) !important;
  background: var(--hh-paper, #f1f5f9) !important;
  color: var(--hh-muted, #475569) !important;
}
html[data-theme="dark"] .finding-tags span {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--theme-border, rgba(255, 255, 255, 0.12)) !important;
  color: var(--theme-text-secondary, #cbd5e1) !important;
}

.finding h4 {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: var(--hh-ink, #0f172a) !important;
  margin: 0 0 8px !important;
}
html[data-theme="dark"] .finding h4 {
  color: var(--theme-text-strong, #ffffff) !important;
}

.finding p{font-size:15px!important;
  line-height: 1.65 !important;
  color: var(--hh-muted, #475569) !important;
  margin: 0 0 10px !important;
}
html[data-theme="dark"] .finding p {
  color: var(--theme-text-secondary, #94a3b8) !important;
}

.finding-url {
  display: inline-block !important;
  font-size: 15px !important;
  color: #0066ff !important;
  word-break: break-all !important;
  margin: 4px 0 10px !important;
  text-decoration: none !important;
}
html[data-theme="dark"] .finding-url {
  color: #38bdf8 !important;
}

/* FIX CODE SNIPPET: NEVER LIGHT BEIGE! DARK HIGH-TECH TERMINAL ONLY! */
.finding code{font-size: 15px!important;
  display: block !important;
  background: #14151c !important;
  color: #38bdf8 !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.1)) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  line-height: 1.6 !important;
  margin: 10px 0 !important;
  word-break: break-all !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

/* Locked Fix Button */
.locked-fix {
  margin-top: 12px !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  background: rgba(0, 102, 255, 0.08) !important;
  border: 1px dashed rgba(0, 102, 255, 0.35) !important;
  color: #0066ff !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
}
html[data-theme="dark"] .locked-fix {
  background: rgba(0, 102, 255, 0.15) !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
  color: #38bdf8 !important;
}

/* Light Mode Findings, Mandate Card & Filter Controls */
html[data-theme="light"] .finding {
  background: #090a0d !important;
  background-color: #090a0d !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}
html[data-theme="light"] .finding:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
}
html[data-theme="light"] .finding h4 {
  color: #0f172a !important;
}
html[data-theme="light"] .finding p {
  color: #334155 !important;
}
html[data-theme="light"] .finding code {
  background: #f1f5f9 !important;
  background-color: #f1f5f9 !important;
  color: #0369a1 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
html[data-theme="light"] .finding-url {
  color: #0066ff !important;
}
html[data-theme="light"] .mandate-card {
  background: #090a0d !important;
  border: 1.5px solid #86efac !important;
  border-top: 3.5px solid #10b981 !important;
  box-shadow: 0 4px 24px rgba(16, 185, 129, 0.12), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .mandate-card h3,
html[data-theme="light"] .mandate-card strong {
  color: #0f172a !important;
}
html[data-theme="light"] .mandate-card p,
html[data-theme="light"] .mandate-card li {
  color: #334155 !important;
}
html[data-theme="light"] .finding-tags span {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
}
html[data-theme="light"] .finding-tags .tag-id {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-theme="light"] .filter-btn {
  background: #090a0d !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
}
html[data-theme="light"] .filter-btn.active,
html[data-theme="light"] .filter-btn:hover {
  background: #0066ff !important;
  color: #ffffff !important;
  border-color: #0066ff !important;
}
html[data-theme="light"] .locked-fix {
  background: rgba(0, 102, 255, 0.06) !important;
  border: 1px dashed rgba(0, 102, 255, 0.3) !important;
  color: #0066ff !important;
}

/* ==========================================================================
   ENTERPRISE DARK POOL VECTORS (ULTRA-PREMIUM SILICON VALLEY CLASSIFIED DOSSIER)
   ========================================================================== */
.classified-section {
  position: relative !important;
  margin-top: 36px !important;
  margin-bottom: 36px !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
  border-radius: 22px !important;
  background: radial-gradient(circle at 50% -10%, rgba(245, 158, 11, 0.12) 0%, transparent 60%),
              linear-gradient(180deg, #1a1e2a 0%, #14161f 100%) !important;
  padding: 30px 26px !important;
  box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.8), 
              0 0 30px -10px rgba(245, 158, 11, 0.15), 
              inset 0 1px 0 rgba(245, 158, 11, 0.3) !important;
  overflow: hidden !important;
}

.classified-header {
  text-align: center !important;
  margin-bottom: 24px !important;
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.classified-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 14px !important;
  border-radius: 999px !important;
  background: rgba(245, 158, 11, 0.12) !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  box-shadow: 0 0 16px -2px rgba(245, 158, 11, 0.25) !important;
  color: #fbbf24 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.classified-badge .badge-dot {
  color: #f59e0b !important;
  font-size: 9px !important;
  animation: radarPulse 1.8s infinite ease-in-out !important;
}

@keyframes radarPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.25); }
}

.classified-header h2 {
  font-size: 26px !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
  color: var(--theme-text-strong, #ffffff) !important;
  background: linear-gradient(180deg, #ffffff 40%, #cbd5e1 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin: 0 0 10px !important;
}

.classified-header p {
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: var(--theme-text-secondary, #94a3b8) !important;
  margin: 0 !important;
}

.classified-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

@media (max-width: 1060px) {
  .classified-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 680px) {
  .classified-section {
    padding: 24px 16px !important;
  }
  .classified-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .classified-card {
    padding: 15px 16px !important;
  }
  .classified-file-meta {
    padding: 6px 10px !important;
  }
  .classified-file-meta .file-badge {
    font-size: 15px !important;
  }
  .classified-file-meta .lock-pill {
    font-size: 9.5px !important;
    padding: 2px 6px !important;
  }
  .vector-metric-pill {
    font-size: 9.5px !important;
    padding: 2px 6px !important;
  }
}

.classified-card {
  position: relative !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
  background: linear-gradient(175deg, rgba(17, 23, 38, 0.95) 0%, rgba(10, 14, 24, 0.98) 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 12px !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease !important;
  color: var(--theme-text-primary, #f8fafc) !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.1)) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.classified-card:hover {
  transform: translateY(-3px) !important;
}

.classified-card.vector-blue {
  border-color: rgba(56, 189, 248, 0.3) !important;
  border-top: 3px solid #38bdf8 !important;
  box-shadow: 0 8px 24px -6px rgba(0, 102, 255, 0.2) !important;
}
.classified-card.vector-purple {
  border-color: rgba(168, 85, 247, 0.3) !important;
  border-top: 3px solid #a855f7 !important;
  box-shadow: 0 8px 24px -6px rgba(168, 85, 247, 0.2) !important;
}
.classified-card.vector-green {
  border-color: rgba(52, 211, 153, 0.3) !important;
  border-top: 3px solid #10b981 !important;
  box-shadow: 0 8px 24px -6px rgba(16, 185, 129, 0.2) !important;
}
.classified-card.vector-amber {
  border-color: rgba(251, 191, 36, 0.3) !important;
  border-top: 3px solid #f59e0b !important;
  box-shadow: 0 8px 24px -6px rgba(245, 158, 11, 0.2) !important;
}
.classified-card.vector-cyan {
  border-color: rgba(34, 211, 238, 0.3) !important;
  border-top: 3px solid #06b6d4 !important;
  box-shadow: 0 8px 24px -6px rgba(6, 182, 212, 0.2) !important;
}
.classified-card.vector-rose {
  border-color: rgba(251, 113, 133, 0.3) !important;
  border-top: 3px solid #f43f5e !important;
  box-shadow: 0 8px 24px -6px rgba(244, 63, 94, 0.2) !important;
}

.classified-card-head {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.vector-meta-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
}

.vector-tag {
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  padding: 2.5px 7px !important;
  border-radius: 5px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--theme-text-secondary, #cbd5e1) !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.12)) !important;
  flex-shrink: 0 !important;
}

.vector-metric-pill {
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 2.5px 9px !important;
  border-radius: 999px !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
}
.vector-blue .vector-metric-pill { background: rgba(56, 189, 248, 0.12) !important; color: #38bdf8 !important; border: 1px solid rgba(56, 189, 248, 0.3) !important; }
.vector-purple .vector-metric-pill { background: rgba(168, 85, 247, 0.12) !important; color: #c084fc !important; border: 1px solid rgba(168, 85, 247, 0.3) !important; }
.vector-green .vector-metric-pill { background: rgba(16, 185, 129, 0.12) !important; color: #34d399 !important; border: 1px solid rgba(16, 185, 129, 0.3) !important; }
.vector-amber .vector-metric-pill { background: rgba(245, 158, 11, 0.12) !important; color: #fbbf24 !important; border: 1px solid rgba(245, 158, 11, 0.3) !important; }
.vector-cyan .vector-metric-pill { background: rgba(6, 182, 212, 0.12) !important; color: #22d3ee !important; border: 1px solid rgba(6, 182, 212, 0.3) !important; }
.vector-rose .vector-metric-pill { background: rgba(244, 63, 94, 0.12) !important; color: #fb7185 !important; border: 1px solid rgba(244, 63, 94, 0.3) !important; }

.classified-card h4 {
  font-size: 15.5px !important;
  font-weight: 750 !important;
  color: var(--theme-text-strong, #ffffff) !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em !important;
  word-break: break-word !important;
}

.vector-desc {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: var(--theme-text-secondary, #94a3b8) !important;
  margin: 0 !important;
  flex-grow: 1 !important;
}

/* Compact Cyber Spec Pill (replaces giant code terminal & lock overlay) */
.classified-file-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.45) !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.08)) !important;
  margin-top: auto !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.classified-file-meta .file-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: 15px !important;
  color: var(--theme-text-secondary, #cbd5e1) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 1 auto !important;
}

.classified-file-meta .file-badge code {
  font-family: inherit !important;
  color: var(--theme-text-secondary, #cbd5e1) !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
}

.classified-file-meta .lock-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  letter-spacing: 0.04em !important;
  color: #fbbf24 !important;
  background: rgba(245, 158, 11, 0.12) !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.classified-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 18px 24px !important;
  border-radius: 14px !important;
  background: rgba(245, 158, 11, 0.06) !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  flex-wrap: wrap !important;
}

.classified-footer-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  max-width: 650px !important;
}

.classified-footer-info strong {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--theme-text-primary, #f8fafc) !important;
}

.classified-footer-info span {
  font-size: 14.5px !important;
  color: var(--theme-text-secondary, #94a3b8) !important;
  line-height: 1.45 !important;
}

.classified-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: #000000 !important;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%) !important;
  border: 1px solid #f59e0b !important;
  box-shadow: 0 4px 18px -2px rgba(245, 158, 11, 0.5) !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.classified-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px -2px rgba(245, 158, 11, 0.65) !important;
  color: #000000 !important;
}

.arch-pill {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: rgba(56, 189, 248, 0.12) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  letter-spacing: 0.02em !important;
}

/* ==========================================================================
   DEFINITIVE OVERRIDE: EXECUTIVE WHITEPAPER PRINT ENGINE (@media print)
   RULE: Plain white page with pure black text for findings and report export.
   ========================================================================== */
@media print {
  @page {
    margin: 1.2cm 1cm !important;
    size: A4 portrait !important;
  }

  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  html,
  html[data-theme],
  html[data-theme="dark"],
  html[data-theme="light"],
  body,
  html[data-theme] body,
  html[data-theme="dark"] body,
  html[data-theme="light"] body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #0f172a !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 9.5pt !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 1. Hide All Non-Report Chrome & Interactive UI */
  header,
  .topbar,
  footer,
  .hero,
  .kicker,
  .scanbox,
  .signals,
  .px-section,
  .faq,
  .btn-pdf-export,
  .theme-switch,
  .langs,
  .nav-scan-cta,
  .nav-actions,
  .primary-nav,
  .skip,
  .mandate-card,
  .status,
  .scan-chips,
  .breadcrumbs,
  .finding-conversion-teaser,
  .findings-filter-bar,
  #findingsFilterBar,
  .health-roadmap-deck,
  #homepageIntelligence,
  .tool-intelligence,
  .pillars-deep-link,
  .intel-bridge-banner,
  .intel-filter-bar,
  .ai-decision-map,
  .ai-decision-lock,
  .ai-opportunity {
    display: none !important;
    visibility: hidden !important;
  }

  /* 2. Full-Width Clean Report Shell */
  #result.results,
  .results,
  html[data-theme] #result.results,
  html[data-theme="dark"] #result.results,
  html[data-theme="light"] #result.results {
    display: block !important;
    visibility: visible !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 3. Report Header */
  .result-head,
  html[data-theme] .result-head,
  html[data-theme="dark"] .result-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    border-bottom: 2pt solid #0f172a !important;
    padding-bottom: 8pt !important;
    margin-bottom: 12pt !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .result-head .eyebrow {
    font-size: 8pt !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #0284c7 !important;
    display: block !important;
    margin-bottom: 2pt !important;
  }

  #resultDomain {
    font-size: 18pt !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    margin: 0 0 3pt 0 !important;
    line-height: 1.1 !important;
  }

  #resultMeta {
    font-size: 8.5pt !important;
    color: #475569 !important;
    margin: 0 !important;
  }

  .total-score,
  html[data-theme] .total-score,
  html[data-theme="dark"] .total-score {
    width: auto !important;
    height: auto !important;
    border: 1.5pt solid #0f172a !important;
    border-radius: 4pt !important;
    padding: 4pt 10pt !important;
    display: flex !important;
    align-items: baseline !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
  }

  .total-score strong,
  #overallScore {
    font-size: 20pt !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    line-height: 1 !important;
  }

  .total-score span {
    font-size: 9pt !important;
    color: #475569 !important;
    font-weight: 700 !important;
  }

  /* 4. Executive Health Summary Deck */
  .health-executive-summary,
  #healthExecutiveDeck,
  html[data-theme] .health-executive-summary,
  html[data-theme="dark"] .health-executive-summary,
  html[data-theme="light"] .health-executive-summary {
    display: block !important;
    background: #090a0d !important;
    background-color: #090a0d !important;
    background-image: none !important;
    border: 1.5pt solid #cbd5e1 !important;
    border-radius: 4pt !important;
    padding: 8pt 12pt !important;
    margin-bottom: 10pt !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .health-executive-badge {
    display: inline-block !important;
    padding: 2.5pt 7pt !important;
    border-radius: 3pt !important;
    font-size: 7.5pt !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 4pt !important;
    border: 1pt solid #cbd5e1 !important;
    background: #f8fafc !important;
    color: #0f172a !important;
  }
  .health-badge-critical {
    border-color: #f87171 !important;
    background: #fef2f2 !important;
    color: #b91c1c !important;
  }
  .health-badge-warning {
    border-color: #fcd34d !important;
    background: #fffbeb !important;
    color: #b45309 !important;
  }
  .health-badge-healthy {
    border-color: #6ee7b7 !important;
    background: #ecfdf5 !important;
    color: #047857 !important;
  }

  .health-headline {
    font-size: 11pt !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 3pt 0 !important;
    line-height: 1.25 !important;
  }

  .health-subtext {
    font-size: 8pt !important;
    color: #475569 !important;
    line-height: 1.35 !important;
    margin: 0 0 6pt 0 !important;
  }

  .health-counts-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 5pt !important;
    margin: 0 !important;
  }

  .health-count-card {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    border-radius: 3pt !important;
    padding: 3pt 5pt !important;
    text-align: center !important;
  }

  .health-count-card strong {
    font-size: 12pt !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin-bottom: 1pt !important;
    display: block !important;
  }
  .health-count-critical strong { color: #dc2626 !important; }
  .health-count-high strong { color: #d97706 !important; }
  .health-count-medium strong { color: #0284c7 !important; }
  .health-count-low strong { color: #16a34a !important; }

  .health-count-card span {
    font-size: 6.5pt !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
    color: #475569 !important;
  }

  /* 5. 4-Pillars Summary Grid */
  .result-pillars-grid,
  html[data-theme] .result-pillars-grid,
  html[data-theme="dark"] .result-pillars-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 4pt !important;
    margin-bottom: 10pt !important;
    background: transparent !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .result-pillars-grid .pillar-card,
  html[data-theme] .result-pillars-grid .pillar-card,
  html[data-theme="dark"] .result-pillars-grid .pillar-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    border-radius: 3pt !important;
    padding: 4pt 5pt !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    overflow: hidden !important;
  }

  .result-pillars-grid .pillar-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 2pt !important;
    margin-bottom: 3pt !important;
    width: 100% !important;
  }

  .result-pillars-grid .pillar-tag {
    font-size: 5.5pt !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .result-pillars-grid .pillar-score,
  .result-pillars-grid strong {
    font-size: 9pt !important;
    color: #0f172a !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
  }

  .result-pillars-grid .pillar-score span {
    font-size: 6.5pt !important;
    font-weight: 700 !important;
    color: #64748b !important;
    white-space: nowrap !important;
    display: inline !important;
  }

  .result-pillars-grid h4 {
    font-size: 7pt !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    margin: 1pt 0 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .result-pillars-grid p {
    font-size: 5.8pt !important;
    color: #334155 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  .pillar-meter {
    display: none !important;
  }

  /* 6. Score Grid (12-18 Engines) */
  .score-grid,
  html[data-theme] .score-grid,
  html[data-theme="dark"] .score-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 3pt !important;
    border: 1pt solid #cbd5e1 !important;
    background: #ffffff !important;
    margin-bottom: 10pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    letter-spacing: -0.02em !important;
  }

  .score-item,
  html[data-theme] .score-item,
  html[data-theme="dark"] .score-item {
    padding: 3pt 4pt !important;
    border: 0.5pt solid #e2e8f0 !important;
    background: #ffffff !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    overflow: hidden !important;
  }

  .score-item-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1pt !important;
    margin-bottom: 2pt !important;
    width: 100% !important;
  }

  .score-item-top span.engine-num {
    font-size: 5.5pt !important;
    font-weight: 800 !important;
    color: #0284c7 !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
  }

  .score-item-top span:not(.engine-num),
  .score-item span {
    font-size: 5.8pt !important;
    color: #334155 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    max-width: 100% !important;
    line-height: 1.15 !important;
  }

  .score-item strong,
  html[data-theme] .score-item strong,
  html[data-theme="dark"] .score-item strong,
  html[data-theme="light"] .score-item strong {
    font-size: 11pt !important;
    color: #0f172a !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    display: block !important;
  }

  .meter {
    display: none !important;
  }

  .scan-disclosure {
    font-size: 7pt !important;
    color: #64748b !important;
    border-top: 1pt solid #e2e8f0 !important;
    padding-top: 3pt !important;
    margin-bottom: 10pt !important;
    background: transparent !important;
  }

  /* 7. Priority Summary */
  .priority-summary,
  html[data-theme] .priority-summary,
  html[data-theme="dark"] .priority-summary {
    display: block !important;
    border: 1.5pt solid #0f172a !important;
    border-left: 4pt solid #0284c7 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    padding: 6pt 10pt !important;
    margin-bottom: 10pt !important;
    border-radius: 3pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    box-shadow: none !important;
  }

  .priority-summary h3 {
    font-size: 8.5pt !important;
    color: #0f172a !important;
    font-weight: 900 !important;
    margin: 0 0 3pt 0 !important;
  }

  .priority-item {
    font-size: 7.5pt !important;
    color: #0f172a !important;
    padding: 2pt 0 !important;
    border-bottom: 1pt solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5pt !important;
    background: transparent !important;
  }

  .priority-item span,
  .priority-item span b {
    color: #0f172a !important;
  }

  /* 8. Findings List (Full Width, Never Split Card Across Pages) */
  .result-columns,
  html[data-theme] .result-columns,
  html[data-theme="dark"] .result-columns {
    display: block !important;
    width: 100% !important;
  }
  .result-columns > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  .result-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    border-bottom: 1.5pt solid #0f172a !important;
    padding-bottom: 3pt !important;
    margin-bottom: 8pt !important;
  }

  .result-title h3 {
    font-size: 11pt !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    margin: 0 !important;
  }

  #findingCount {
    font-size: 8.5pt !important;
    color: #475569 !important;
    font-weight: 700 !important;
  }

  .findings,
  #findingsList,
  .result-columns,
  .results,
  #result {
    display: block !important;
    background: transparent !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
  }

  .findings::-webkit-scrollbar,
  ::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .finding,
  article.finding,
  html[data-theme] .finding,
  html[data-theme="dark"] .finding {
    display: block !important;
    position: static !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    border-left: 3.5pt solid #0284c7 !important;
    border-radius: 4pt !important;
    padding: 8pt 10pt !important;
    margin-bottom: 8pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    box-shadow: none !important;
  }
  .finding.finding-tier-critical,
  article.finding[data-severity="critical"] {
    border-left-color: #dc2626 !important;
  }
  .finding.finding-tier-high,
  article.finding[data-severity="high"] {
    border-left-color: #ea580c !important;
  }
  .finding.finding-tier-medium,
  article.finding[data-severity="medium"] {
    border-left-color: #0284c7 !important;
  }
  .finding.finding-tier-low,
  article.finding[data-severity="low"],
  article.finding[data-severity="info"] {
    border-left-color: #16a34a !important;
  }

  .finding h4,
  .finding-content h4 {
    font-size: 9.5pt !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 3pt 0 !important;
    line-height: 1.25 !important;
  }

  .finding p,
  .finding-content p {
    font-size: 8pt !important;
    color: #1e293b !important;
    margin: 0 0 3pt 0 !important;
    line-height: 1.35 !important;
  }

  .finding-url {
    font-size: 7.5pt !important;
    color: #0284c7 !important;
    word-break: break-all !important;
    font-family: monospace !important;
    display: block !important;
    margin: 2pt 0 3pt !important;
    text-decoration: underline !important;
  }

  .finding code {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border: 1pt solid #cbd5e1 !important;
    color: #0f172a !important;
    font-family: monospace !important;
    font-size: 7.5pt !important;
    padding: 3pt 5pt !important;
    display: block !important;
    white-space: pre-wrap !important;
    word-break: break-all !important;
    margin-top: 3pt !important;
    border-radius: 3pt !important;
  }

  .finding-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3pt !important;
    margin-bottom: 4pt !important;
  }

  .finding-tags span {
    background: #f1f5f9 !important;
    border: 1pt solid #cbd5e1 !important;
    color: #0f172a !important;
    padding: 1.5pt 4pt !important;
    font-size: 7pt !important;
    border-radius: 2pt !important;
    font-weight: 700 !important;
  }

  .finding-tags .severity {
    border: 1.5pt solid #0f172a !important;
    font-weight: 900 !important;
    color: #0f172a !important;
  }

  .health-dossier-box {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    border: 1pt solid #e2e8f0 !important;
    padding: 4pt 6pt !important;
    border-radius: 3pt !important;
  }

  .health-dossier-label {
    font-size: 7pt !important;
    font-weight: 800 !important;
    color: #0284c7 !important;
    display: block !important;
    margin-bottom: 1pt !important;
  }

  .health-dossier-text {
    font-size: 7.5pt !important;
    color: #334155 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }

  .health-dossier-meta {
    font-size: 7pt !important;
    color: #475569 !important;
    border-top: 0.5pt solid #cbd5e1 !important;
    margin-top: 4pt !important;
    padding-top: 3pt !important;
    display: flex !important;
    gap: 8pt !important;
  }

  .health-dossier-meta strong {
    color: #0f172a !important;
  }

  /* 9. Sample Report Pages in Print */
  .sample-report-deck,
  .sample-report-deck * {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
  }
  .sample-report-deck {
    border: 1.5pt solid #cbd5e1 !important;
    padding: 12pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .sample-code-block {
    background: #f8fafc !important;
    border: 1pt solid #cbd5e1 !important;
    color: #0f172a !important;
  }
  /* 10. Locked Paywall Fix in Print: Clean Executive Box */
  .locked-fix {
    display: block !important;
    visibility: visible !important;
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border: 1pt dashed #cbd5e1 !important;
    border-radius: 4pt !important;
    padding: 6pt 10pt !important;
    margin-top: 6pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .locked-fix-blurred {
    display: none !important;
  }
  .locked-fix-overlay {
    position: static !important;
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8pt !important;
  }
  .locked-fix-overlay span {
    font-size: 7.5pt !important;
    font-weight: 700 !important;
    color: #475569 !important;
  }
  .locked-fix-btn {
    display: inline-block !important;
    font-size: 7pt !important;
    font-weight: 800 !important;
    padding: 2.5pt 7pt !important;
    background: #0284c7 !important;
    color: #ffffff !important;
    border-radius: 3pt !important;
    text-decoration: none !important;
  }

  /* 11. Decks & Labs in Print: Clean Executive Whitepaper Standards */
  .vector-attention-deck,
  .remediation-console-deck,
  .executive-simulation-deck,
  .competitive-benchmark-deck,
  .n8n-dag-container {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    margin-bottom: 12pt !important;
  }
  .vector-title,
  .executive-deck-title,
  .benchmark-row-header {
    color: #0f172a !important;
    font-weight: 800 !important;
  }
  .vector-desc,
  .executive-deck-desc {
    color: #475569 !important;
  }
  .colbert-matrix-wrapper,
  .cross-encoder-grid,
  .rag-waterfall-container {
    background: #ffffff !important;
    border: 1pt solid #cbd5e1 !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .colbert-matrix-table th {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
  }
  .colbert-matrix-table td {
    border-color: #cbd5e1 !important;
    color: #334155 !important;
  }
  .colbert-q-token {
    background: #eff6ff !important;
    color: #0284c7 !important;
  }
  .colbert-cell.colbert-max {
    background: #ecfdf5 !important;
    color: #047857 !important;
    border: 1.5pt solid #10b981 !important;
  }
  .ce-row,
  .wf-step-row {
    background: #ffffff !important;
    border: 1pt solid #cbd5e1 !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .ce-label,
  .wf-step-title {
    color: #0f172a !important;
  }
  .ce-bar-track,
  .wf-track {
    background: #e2e8f0 !important;
  }
  .ce-val {
    color: #0f172a !important;
  }
  .wf-step-time {
    color: #0284c7 !important;
  }
  .wf-cutoff-banner {
    background: #fef2f2 !important;
    border: 1pt solid #fecaca !important;
    color: #991b1b !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .vector-tabs-nav,
  .multicloud-selector,
  .console-tabs-nav,
  .n8n-dag-actions {
    display: none !important;
  }
}



/* ==========================================================================
   HEALTH REPORT REDESIGN (HASTANE RAPORU METAFORU)
   ========================================================================== */
.finding-health-dossier {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 12px 0 14px;
}
.health-dossier-box {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.08));
  border-radius: 10px;
  padding: 12px 14px;
}
.health-dossier-label {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--theme-text-secondary, #94a3b8);
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.health-dossier-text {
  font-size: 15px;
  line-height: 1.55;
  color: var(--theme-text-secondary, #cbd5e1);
}
.health-dossier-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding-top: 10px;
  border-top: 1px solid var(--theme-border, rgba(255, 255, 255, 0.07));
  font-size: 14.5px;
  color: var(--theme-text-secondary, #94a3b8);
  margin-top: 10px;
}
.health-dossier-meta strong {
  color: var(--theme-text-primary, #f8fafc);
}
@media (max-width: 640px) {
  .finding-health-dossier {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   ENTERPRISE HOSPITAL HEALTH DOSSIER & 99 ROADMAP
   ========================================================================== */
.health-executive-summary {
  background: linear-gradient(175deg, rgba(26, 32, 48, 0.95) 0%, rgba(15, 18, 28, 0.98) 100%);
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.12));
  border-radius: 20px;
  padding: 24px 28px;
  margin-bottom: 24px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}
.health-executive-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 14px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.health-badge-critical {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.health-badge-warning {
  background: rgba(245, 158, 11, 0.2);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.health-badge-healthy {
  background: rgba(16, 185, 129, 0.2);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.health-headline {
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--theme-text-strong, #ffffff);
  margin-bottom: 10px;
}
.health-subtext {
  font-size: 15px;
  line-height: 1.6;
  color: var(--theme-text-secondary, #cbd5e1);
  max-width: 820px;
  margin-bottom: 18px;
}
.health-counts-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.health-count-card {
  border-radius: 12px;
  padding: 12px 14px;
  text-align: center;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.08));
}
.health-count-card strong {
  display: block;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 4px;
}
.health-count-card span {
  font-size: 15px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.health-count-critical { background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.3); }
.health-count-critical strong { color: #ef4444; }
.health-count-critical span { color: #fca5a5; }

.health-count-high { background: rgba(245, 158, 11, 0.12); border-color: rgba(245, 158, 11, 0.3); }
.health-count-high strong { color: #f59e0b; }
.health-count-high span { color: #fde68a; }

.health-count-medium { background: rgba(56, 189, 248, 0.12); border-color: rgba(56, 189, 248, 0.3); }
.health-count-medium strong { color: #38bdf8; }
.health-count-medium span { color: #bae6fd; }

.health-count-low { background: rgba(16, 185, 129, 0.12); border-color: rgba(16, 185, 129, 0.3); }
.health-count-low strong { color: #10b981; }
.health-count-low span { color: #a7f3d0; }

/* 99 Roadmap Package Preview in Report */
.health-roadmap-deck {
  background: linear-gradient(175deg, rgba(20, 24, 35, 0.96) 0%, rgba(12, 15, 22, 0.98) 100%);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 20px;
  padding: 28px;
  margin-top: 28px;
  box-shadow: 0 16px 48px rgba(0, 102, 255, 0.15);
}
.health-roadmap-deck h3 {
  font-size: 22px;
  font-weight: 850;
  color: var(--theme-text-strong, #ffffff);
  margin-bottom: 8px;
}
.health-roadmap-deck p {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--theme-text-secondary, #94a3b8);
  margin-bottom: 20px;
}
.health-roadmap-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 22px;
}
.health-roadmap-step {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.08));
  border-radius: 14px;
  padding: 16px;
}
.health-roadmap-step h4 {
  font-size: 14px;
  font-weight: 800;
  color: #38bdf8;
  margin-bottom: 6px;
}
.health-roadmap-step p {
  font-size: 15px;
  line-height: 1.5;
  color: var(--theme-text-secondary, #cbd5e1);
  margin: 0;
}
.health-pkg-badges {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 22px;
}
.health-pkg-badge {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.07));
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}
.health-pkg-badge strong {
  display: block;
  font-size: 20px;
  font-weight: 900;
  color: var(--theme-text-strong, #ffffff);
}
.health-pkg-badge small {
  font-size: 15px;
  color: var(--theme-text-secondary, #94a3b8);
}

@media (max-width: 768px) {
  .health-counts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .health-roadmap-steps {
    grid-template-columns: 1fr;
  }
  .health-pkg-badges {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Light Mode Health Report Dossier & Executive Summary */
html[data-theme="light"] .health-dossier-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .health-dossier-label {
  color: #64748b !important;
}
html[data-theme="light"] .health-dossier-text {
  color: #1e293b !important;
}
html[data-theme="light"] .health-dossier-meta {
  border-top-color: #e2e8f0 !important;
  color: #64748b !important;
}
html[data-theme="light"] .health-dossier-meta strong {
  color: #0f172a !important;
}

html[data-theme="light"] .health-executive-summary {
  background: #090a0d !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}
html[data-theme="light"] .health-headline {
  color: #0f172a !important;
}
html[data-theme="light"] .health-subtext {
  color: #475569 !important;
}
html[data-theme="light"] .health-count-card {
  border: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .health-count-critical {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
}
html[data-theme="light"] .health-count-critical strong { color: #dc2626 !important; }
html[data-theme="light"] .health-count-critical span { color: #991b1b !important; }

html[data-theme="light"] .health-count-high {
  background: #fffbeb !important;
  border-color: #fde68a !important;
}
html[data-theme="light"] .health-count-high strong { color: #d97706 !important; }
html[data-theme="light"] .health-count-high span { color: #92400e !important; }

html[data-theme="light"] .health-count-medium {
  background: #f0f9ff !important;
  border-color: #bae6fd !important;
}
html[data-theme="light"] .health-count-medium strong { color: #0284c7 !important; }
html[data-theme="light"] .health-count-medium span { color: #075985 !important; }

html[data-theme="light"] .health-count-low {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
}
html[data-theme="light"] .health-count-low strong { color: #16a34a !important; }
html[data-theme="light"] .health-count-low span { color: #166534 !important; }

html[data-theme="light"] .health-roadmap-deck {
  background: #090a0d !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 4px 24px rgba(0, 102, 255, 0.08) !important;
}
html[data-theme="light"] .health-roadmap-deck h3 {
  color: #0f172a !important;
}
html[data-theme="light"] .health-roadmap-deck p {
  color: #475569 !important;
}
html[data-theme="light"] .health-roadmap-step {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .health-roadmap-step h4 {
  color: #0284c7 !important;
}
html[data-theme="light"] .health-roadmap-step p {
  color: #334155 !important;
}
html[data-theme="light"] .health-pkg-badge {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .health-pkg-badge strong {
  color: #0f172a !important;
}
html[data-theme="light"] .health-pkg-badge small {
  color: #64748b !important;
}

html[data-theme="light"] .health-dossier-box {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
html[data-theme="light"] .health-dossier-label {
  color: #0284c7 !important;
}
html[data-theme="light"] .health-dossier-text {
  color: #334155 !important;
}
html[data-theme="light"] .health-dossier-meta {
  color: #475569 !important;
  border-color: #e2e8f0 !important;
}
html[data-theme="light"] .health-dossier-meta strong {
  color: #0f172a !important;
}

/* ==========================================================================
   END-TO-END AUTONOMOUS INTELLIGENCE PIPELINE INFOGRAPHIC
   ========================================================================== */
.px-pipeline-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr);
  align-items: stretch;
  gap: 12px;
  margin: 28px 0 10px;
}
.pipeline-flow-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--px-blue, #3b82f6);
  font-size: 20px;
  font-weight: 900;
  user-select: none;
}
.px-pipeline-card {
  position: relative;
  background: var(--px-card, #1e2028);
  border: 1px solid var(--px-line, #262933);
  border-radius: 18px;
  padding: 22px 18px;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.px-pipeline-card:hover {
  transform: translateY(-2px);
  border-color: rgba(56, 189, 248, 0.4);
}
.px-pipeline-card-highlight {
  border-color: rgba(0, 102, 255, 0.6) !important;
  background: linear-gradient(175deg, rgba(30, 45, 75, 0.45) 0%, rgba(20, 25, 40, 0.85) 100%) !important;
  box-shadow: 0 8px 32px rgba(0, 102, 255, 0.18) !important;
}
.pipeline-step-badge {
  display: inline-block;
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #38bdf8;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}
.pipeline-step-badge.highlight {
  background: #0066ff;
  color: #ffffff;
}
.px-pipeline-card h3 {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 8px;
  color: var(--theme-text-strong, #ffffff);
}
.px-pipeline-card p {
  font-size: 15px;
  line-height: 1.55;
  color: var(--px-muted, #9ca3af);
  margin: 0 0 16px;
  flex-grow: 1;
}
.pipeline-micro-stream {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 12px;
  border-top: 1px solid var(--theme-border, rgba(255, 255, 255, 0.08));
}
.pipeline-micro-stream span {
  font-family: -apple-system, BlinkMacSystemFont, "SF Mono", "Fira Code", monospace;
  font-size: 15px;
  color: #cbd5e1;
  background: rgba(0, 0, 0, 0.25);
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
html[data-theme="light"] .px-pipeline-card {
  background: #090a0d !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}
html[data-theme="light"] .px-pipeline-card h3 {
  color: #0f172a !important;
}
html[data-theme="light"] .px-pipeline-card p {
  color: #475569 !important;
}
html[data-theme="light"] .pipeline-micro-stream span {
  background: #f1f5f9 !important;
  color: #334155 !important;
  border-color: #e2e8f0 !important;
}
html[data-theme="light"] .pipeline-step-badge {
  background: #e0f2fe !important;
  color: #0284c7 !important;
}
@media (max-width: 1024px) {
  .px-pipeline-flow {
    grid-template-columns: 1fr 1fr;
  }
  .pipeline-flow-arrow {
    display: none;
  }
}
@media (max-width: 640px) {
  .px-pipeline-flow {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .pipeline-flow-arrow {
    display: none;
  }
}

/* ==========================================================================
   LOCKED & BLURRED REMEDIATION FIX CARDS (PAYWALL INTEGRITY)
   ========================================================================== */
.locked-fix {
  position: relative !important;
  overflow: hidden !important;
  margin-top: 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(56, 189, 248, 0.25) !important;
  background: rgba(15, 23, 42, 0.6) !important;
}
.locked-fix-blurred {
  filter: blur(3.2px) !important;
  -webkit-filter: blur(3.2px) !important;
  user-select: none !important;
  pointer-events: none !important;
  opacity: 0.78 !important;
  padding: 16px !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Mono", "Fira Code", monospace !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #334155 !important;
}
.locked-fix-overlay {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: rgba(15, 23, 42, 0.75) !important;
  backdrop-filter: blur(6px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(160%) !important;
  padding: 14px !important;
  text-align: center !important;
}
.locked-fix-overlay span {
  font-size: 15px !important;
  font-weight: 750 !important;
  color: #f8fafc !important;
  letter-spacing: -0.01em !important;
}
.locked-fix-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: linear-gradient(135deg, #0066ff 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  padding: 8px 18px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 102, 255, 0.4) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.locked-fix-btn:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 6px 20px rgba(0, 102, 255, 0.6) !important;
}
html[data-theme="light"] .locked-fix {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}
html[data-theme="light"] .locked-fix-overlay {
  background: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(6px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(160%) !important;
}
html[data-theme="light"] .locked-fix-overlay span {
  color: #0f172a !important;
}

/* ==========================================================================
   EXECUTIVE TRANSLATION & CLOSING INTERVENTION PROTOCOL (PAGE 7)
   ========================================================================== */
.executive-translation-box {
  background: rgba(14, 165, 233, 0.08);
  border: 1px solid rgba(14, 165, 233, 0.25);
  border-left: 4px solid #0ea5e9;
  border-radius: 8px;
  padding: 10px 14px;
  margin: 10px 0 12px;
}
.executive-translation-label {
  display: block;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #38bdf8;
  margin-bottom: 4px;
}
.executive-translation-text {
  font-size: 15px;
  line-height: 1.55;
  color: #f1f5f9;
  font-weight: 500;
  margin: 0;
}
html[data-theme="light"] .executive-translation-box {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  border-left: 4px solid #0284c7 !important;
}
html[data-theme="light"] .executive-translation-label {
  color: #0369a1 !important;
}
html[data-theme="light"] .executive-translation-text {
  color: #0f172a !important;
}

.closing-intervention-deck {
  margin: 36px 0 24px;
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.85) 0%, rgba(15, 23, 42, 0.95) 100%);
  border: 2px solid rgba(245, 158, 11, 0.5);
  border-radius: 20px;
  padding: 32px 36px;
  box-shadow: 0 20px 48px -10px rgba(0, 0, 0, 0.5), 0 0 24px rgba(245, 158, 11, 0.15);
  position: relative;
  overflow: hidden;
}
.closing-deck-inner {
  position: relative;
  z-index: 2;
}
.closing-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
  color: #fbbf24;
  font-size: 15px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
}
.closing-title {
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 14px;
  letter-spacing: -0.02em;
}
.closing-pitch {
  font-size: 16px;
  line-height: 1.7;
  color: #cbd5e1;
  max-width: 820px;
  margin: 0 0 22px;
}
.closing-guarantees {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 26px;
}
.closing-pill {
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.closing-pill strong {
  font-size: 15px;
  color: #f8fafc;
}
.closing-pill span {
  font-size: 14px;
  color: #94a3b8;
}
.closing-cta-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.closing-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: #0f172a !important;
  font-size: 15px;
  font-weight: 850;
  padding: 14px 28px;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.closing-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(245, 158, 11, 0.5);
}
.closing-sub {
  font-size: 14px;
  color: #94a3b8;
}

html[data-theme="light"] .closing-intervention-deck {
  background: #090a0d !important;
  border: 2px solid #0284c7 !important;
  box-shadow: 0 12px 32px rgba(2, 132, 199, 0.1) !important;
}
html[data-theme="light"] .closing-badge {
  background: #eff6ff !important;
  border-color: #93c5fd !important;
  color: #1d4ed8 !important;
}
html[data-theme="light"] .closing-title {
  color: #0f172a !important;
}
html[data-theme="light"] .closing-pitch {
  color: #334155 !important;
}
html[data-theme="light"] .closing-pill {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
}
html[data-theme="light"] .closing-pill strong {
  color: #0f172a !important;
}
html[data-theme="light"] .closing-pill span {
  color: #64748b !important;
}
html[data-theme="light"] .closing-cta-btn {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(2, 132, 199, 0.3) !important;
}
html[data-theme="light"] .closing-sub {
  color: #64748b !important;
}

@media print {
  .executive-translation-box {
    background: #ffffff !important;
    border: 1pt solid #cbd5e1 !important;
    border-left: 3pt solid #0284c7 !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .executive-translation-label {
    color: #0284c7 !important;
  }
  .executive-translation-text {
    color: #0f172a !important;
  }
  .closing-intervention-deck {
    page-break-before: always !important;
    break-before: page !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    background: #ffffff !important;
    border: 1.5pt solid #0284c7 !important;
    box-shadow: none !important;
    margin-top: 0 !important;
  }
  .closing-badge {
    background: #eff6ff !important;
    border: 1pt solid #93c5fd !important;
    color: #1d4ed8 !important;
  }
  .closing-title {
    color: #0f172a !important;
  }
  .closing-pitch {
    color: #0f172a !important;
  }
  .closing-pill {
    background: #f8fafc !important;
    border: 1pt solid #cbd5e1 !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .closing-pill strong,
  .closing-pill span {
    color: #0f172a !important;
  }
  .closing-cta-btn {
    border: 1.5pt solid #0284c7 !important;
    color: #0284c7 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }
  .closing-sub {
    color: #475569 !important;
  }
}

/* ==========================================================================
   SAAS EDGE PROXY & REVENUE LOSS CTA STYLES
   ========================================================================== */
.arr-cta-action-wrap {
  margin: 20px 0 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
.btn-stop-loss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  background: linear-gradient(135deg, #10b981 0%, #0284c7 100%);
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none !important;
  border-radius: 999px;
  box-shadow: 0 8px 24px -4px rgba(16, 185, 129, 0.4);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  max-width: 100%;
  box-sizing: border-box;
}
.btn-stop-loss:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 12px 32px -4px rgba(16, 185, 129, 0.6);
  color: #ffffff !important;
}
.arr-cta-sub {
  font-size: 14px;
  color: #94a3b8;
  font-weight: 600;
  letter-spacing: 0.01em;
}
html[data-theme="light"] .arr-cta-sub {
  color: #64748b;
}

/* Cloudflare Worker SaaS Edge Proxy Dashboard */
.saas-edge-dashboard {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 16px;
  margin-top: 14px;
}
html[data-theme="light"] .saas-edge-dashboard {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.saas-edge-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.saas-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 999px;
  color: #34d399;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.saas-status-pulse {
  width: 7px;
  height: 7px;
  background: #10b981;
  border-radius: 50%;
  animation: saasPulse 1.8s infinite;
}
@keyframes saasPulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}
.saas-grid-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.saas-card {
  padding: 14px;
  border-radius: 12px;
  background: rgba(30, 41, 59, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
html[data-theme="light"] .saas-card {
  background: #ffffff;
  border-color: #e2e8f0;
}
.saas-card-title {
  font-size: 14px;
  font-weight: 800;
  color: #38bdf8;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.saas-card-desc {
  font-size: 15px;
  color: #94a3b8;
  line-height: 1.45;
  margin: 0;
}
html[data-theme="light"] .saas-card-desc {
  color: #475569;
}
.saas-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: rgba(15, 23, 42, 0.8);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 15px;
  font-weight: 600;
  color: #f1f5f9;
}
html[data-theme="light"] .saas-toggle-row {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #0f172a;
}
.saas-toggle-active {
  color: #10b981;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0.04em;
}

/* llms.txt Spec-v2 Single-Panel Manager */
.llms-v2-manager {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(168, 85, 247, 0.25);
  border-radius: 16px;
  margin-top: 14px;
}
html[data-theme="light"] .llms-v2-manager {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.llms-v2-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.llms-v2-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.4);
  border-radius: 999px;
  color: #c084fc;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
}
.llms-preview-box {
  background: #090d16;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 14px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 14px;
  line-height: 1.6;
  color: #93c5fd;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 220px;
  overflow-y: auto;
}
html[data-theme="light"] .llms-preview-box {
  background: #ffffff;
  border-color: #cbd5e1;
  color: #0369a1;
}

/* Interactive Remediation In-Browser Modal */
.saas-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}
.saas-modal-dialog {
  background: #0f172a;
  border: 1px solid #38bdf8;
  border-radius: 20px;
  width: min(540px, 100%);
  padding: 28px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.7), 0 0 40px -10px rgba(56, 189, 248, 0.4);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
  animation: saasModalIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes saasModalIn {
  from { opacity: 0; transform: scale(0.92) translateY(10px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}
html[data-theme="light"] .saas-modal-dialog {
  background: #ffffff;
  border-color: #0284c7;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.2);
}
.saas-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.saas-modal-badge {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.1);
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(56, 189, 248, 0.3);
}
.saas-modal-close {
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  transition: color 0.15s ease;
}
.saas-modal-close:hover {
  color: #f1f5f9;
}
html[data-theme="light"] .saas-modal-close:hover {
  color: #0f172a;
}
.saas-modal-title {
  font-size: 20px;
  font-weight: 800;
  color: #f8fafc;
  margin: 0;
  line-height: 1.3;
}
html[data-theme="light"] .saas-modal-title {
  color: #0f172a;
}
.saas-modal-desc {
  font-size: 14px;
  color: #94a3b8;
  line-height: 1.6;
  margin: 0;
}
html[data-theme="light"] .saas-modal-desc {
  color: #475569;
}
.saas-modal-guarantees {
  display: grid;
  gap: 8px;
  padding: 12px;
  background: rgba(15, 23, 42, 0.6);
  border-radius: 10px;
  font-size: 15px;
  color: #34d399;
  font-weight: 600;
}
html[data-theme="light"] .saas-modal-guarantees {
  background: #f1f5f9;
  color: #059669;
}
.saas-modal-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 6px;
}
.saas-modal-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  background: linear-gradient(135deg, #10b981 0%, #0284c7 100%);
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none !important;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 8px 20px -4px rgba(16, 185, 129, 0.4);
  transition: transform 0.15s ease;
}
.saas-modal-cta:hover {
  transform: translateY(-1px);
  color: #ffffff !important;
}
.saas-modal-secondary {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #94a3b8;
  font-size: 15px;
  font-weight: 700;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s ease;
}
html[data-theme="light"] .saas-modal-secondary {
  border-color: #cbd5e1;
  color: #64748b;
}
.saas-modal-secondary:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #f1f5f9;
}
html[data-theme="light"] .saas-modal-secondary:hover {
  background: #f8fafc;
  color: #0f172a;
}

/* Inline Credit Card & SaaS Checkout Form */
.saas-checkout-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 4px;
}
.saas-summary-box {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html[data-theme="light"] .saas-summary-box {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.saas-summary-plan {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.saas-summary-title {
  font-size: 15px;
  font-weight: 800;
  color: #f8fafc;
}
html[data-theme="light"] .saas-summary-title {
  color: #0f172a;
}
.saas-summary-sub {
  font-size: 15px;
  color: #94a3b8;
}
html[data-theme="light"] .saas-summary-sub {
  color: #64748b;
}
.saas-summary-price {
  font-size: 22px;
  font-weight: 900;
  color: #38bdf8;
  letter-spacing: -0.02em;
}
html[data-theme="light"] .saas-summary-price {
  color: #0284c7;
}
.saas-form-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.saas-form-label {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #94a3b8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html[data-theme="light"] .saas-form-label {
  color: #475569;
}
.saas-card-icons {
  display: flex;
  gap: 6px;
  font-size: 15px;
  font-weight: 800;
  color: #38bdf8;
}
.saas-form-input {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #334155;
  background: #0b1120;
  color: #f8fafc;
  padding: 0 12px;
  font-size: 15px;
  font-family: inherit;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.saas-form-input:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);
}
html[data-theme="light"] .saas-form-input {
  background: #ffffff;
  border-color: #cbd5e1;
  color: #0f172a;
}
html[data-theme="light"] .saas-form-input:focus {
  border-color: #0284c7;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
}
.saas-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.saas-security-guarantee {
  font-size: 15px;
  color: #64748b;
  line-height: 1.4;
  text-align: center;
  margin-top: 2px;
}
html[data-theme="light"] .saas-security-guarantee {
  color: #64748b;
}
.saas-direct-checkout-link {
  font-size: 14px;
  color: #38bdf8;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
}
html[data-theme="light"] .saas-direct-checkout-link {
  color: #0284c7;
}

/* Modal Multi-Step Tabs */
.saas-modal-tabs {
  display: flex;
  gap: 6px;
  background: rgba(2, 6, 23, 0.6);
  padding: 4px;
  border-radius: 12px;
  border: 1px solid rgba(56, 189, 248, 0.2);
}
html[data-theme="light"] .saas-modal-tabs {
  background: #f1f5f9;
  border-color: #cbd5e1;
}
.saas-modal-tab-btn {
  flex: 1;
  background: transparent;
  border: none;
  border-radius: 8px;
  padding: 8px 6px;
  font-size: 15px;
  font-weight: 700;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: center;
}
html[data-theme="light"] .saas-modal-tab-btn {
  color: #64748b;
}
.saas-modal-tab-btn.active {
  background: #0284c7;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.4);
}
html[data-theme="light"] .saas-modal-tab-btn.active {
  background: #0284c7;
  color: #ffffff;
}

/* Card Issuer Badges */
.saas-card-issuer-pill {
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.05);
  color: #64748b;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
.saas-card-issuer-pill.active {
  background: rgba(56, 189, 248, 0.2);
  color: #38bdf8;
  border-color: rgba(56, 189, 248, 0.5);
}

/* ARR Scenario Pills */
.arr-scenario-pills {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
}
.arr-scenario-btn {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #94a3b8;
  font-size: 15px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.15s ease;
}
html[data-theme="light"] .arr-scenario-btn {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #64748b;
}
.arr-scenario-btn.active {
  background: rgba(56, 189, 248, 0.15);
  border-color: #38bdf8;
  color: #38bdf8;
}
html[data-theme="light"] .arr-scenario-btn.active {
  background: #e0f2fe;
  border-color: #0284c7;
  color: #0369a1;
}

/* ARR Impact Trio */
.arr-impact-trio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 14px 0;
}
@media (max-width: 640px) {
  .arr-impact-trio {
    grid-template-columns: 1fr;
  }
}
.arr-impact-card {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
html[data-theme="light"] .arr-impact-card {
  background: #ffffff;
  border-color: #e2e8f0;
}
.arr-impact-card-label {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #94a3b8;
}
html[data-theme="light"] .arr-impact-card-label {
  color: #64748b;
}
.arr-impact-card-val {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.arr-impact-red { color: #f87171; }
.arr-impact-amber { color: #fbbf24; }
.arr-impact-emerald { color: #34d399; }

/* Edge Telemetry Bar */
.saas-edge-telemetry-strip {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px 12px;
  background: rgba(2, 6, 23, 0.8);
  border: 1px solid rgba(56, 189, 248, 0.2);
  border-radius: 8px;
  margin: 10px 0;
  font-size: 15px;
  color: #94a3b8;
}
html[data-theme="light"] .saas-edge-telemetry-strip {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
}
.saas-edge-telemetry-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.saas-edge-telemetry-item strong {
  color: #38bdf8;
}
html[data-theme="light"] .saas-edge-telemetry-item strong {
  color: #0284c7;
}

/* DAG Node Telemetry Badge */
.dag-node-telemetry {
  display: inline-block;
  font-size: 9px;
  font-weight: 800;
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.1);
  padding: 1px 5px;
  border-radius: 4px;
  margin-top: 3px;
}
html[data-theme="light"] .dag-node-telemetry {
  color: #0284c7;
  background: #e0f2fe;
}

/* Linter Items */
.llms-linter-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  font-size: 14px;
  color: #e2e8f0;
}
html[data-theme="light"] .llms-linter-item {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #0f172a;
}
.llms-linter-badge {
  font-size: 15px;
  font-weight: 800;
  color: #34d399;
  background: rgba(16, 185, 129, 0.15);
  padding: 2px 8px;
  border-radius: 999px;
}

/* Industry Category Selector Pills */
.industry-pills-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0 14px;
}
.industry-pills-label {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #94a3b8;
  margin-right: 4px;
}
html[data-theme="light"] .industry-pills-label {
  color: #64748b;
}
.industry-pill-btn {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
  font-size: 15px;
  font-weight: 700;
  padding: 5px 11px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
html[data-theme="light"] .industry-pill-btn {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
}
.industry-pill-btn:hover {
  border-color: rgba(56, 189, 248, 0.4);
  color: #ffffff;
}
html[data-theme="light"] .industry-pill-btn:hover {
  background: #f1f5f9;
  color: #0f172a;
}
.industry-pill-btn.active {
  background: rgba(2, 132, 199, 0.2);
  border-color: #38bdf8;
  color: #38bdf8;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.2);
}
html[data-theme="light"] .industry-pill-btn.active {
  background: #e0f2fe;
  border-color: #0284c7;
  color: #0369a1;
}

/* Live AST Before / After Diff Studio */
.ast-diff-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 14px 0;
}
@media (max-width: 768px) {
  .ast-diff-container {
    grid-template-columns: 1fr;
  }
}
.ast-diff-pane {
  background: rgba(10, 15, 28, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
html[data-theme="light"] .ast-diff-pane {
  background: #ffffff;
  border-color: #cbd5e1;
}
.ast-diff-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  background: rgba(2, 6, 23, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
html[data-theme="light"] .ast-diff-head {
  background: #f8fafc;
  border-color: #e2e8f0;
}
.ast-diff-title {
  font-size: 14px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ast-diff-badge-red {
  font-size: 15px;
  font-weight: 800;
  color: #f87171;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  padding: 2px 8px;
  border-radius: 999px;
}
.ast-diff-badge-green {
  font-size: 15px;
  font-weight: 800;
  color: #34d399;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  padding: 2px 8px;
  border-radius: 999px;
}
.ast-diff-code {
  margin: 0;
  padding: 14px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  line-height: 1.6;
  color: #94a3b8;
  max-height: 280px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-all;
}
html[data-theme="light"] .ast-diff-code {
  color: #334155;
  background: #fdfdfd;
}
.ast-diff-impact-note {
  padding: 10px 14px;
  font-size: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.2);
}
html[data-theme="light"] .ast-diff-impact-note {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

/* 1-Page Executive Board Memo Modal */
.btn-board-memo {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: #38bdf8;
  font-size: 14px;
  font-weight: 750;
  padding: 8px 16px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s ease;
  text-decoration: none;
}
html[data-theme="light"] .btn-board-memo {
  background: #ffffff;
  border-color: #0284c7;
  color: #0369a1;
}
.btn-board-memo:hover {
  background: rgba(56, 189, 248, 0.15);
  box-shadow: 0 4px 12px rgba(56, 189, 248, 0.25);
}
.board-memo-modal {
  position: fixed;
  inset: 0;
  background: rgba(2, 6, 23, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 20px;
}
.board-memo-paper {
  background: #ffffff;
  color: #0f172a;
  width: 100%;
  max-width: 680px;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 16px;
  padding: 32px 36px;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.6);
  border: 1px solid #e2e8f0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  position: relative;
}
.board-memo-close {
  position: absolute;
  top: 18px;
  right: 20px;
  background: #f1f5f9;
  border: none;
  border-radius: 999px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  font-size: 16px;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}
.board-memo-close:hover {
  background: #e2e8f0;
  color: #0f172a;
}
.board-memo-header {
  border-bottom: 2px solid #0f172a;
  padding-bottom: 16px;
  margin-bottom: 20px;
}
.board-memo-title {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #0f172a;
  margin: 0 0 6px;
}
.board-memo-meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  font-size: 14px;
  color: #475569;
  margin-top: 12px;
}
.board-memo-meta-item strong {
  color: #0f172a;
}
.board-memo-section-title {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #0284c7;
  margin: 18px 0 8px;
}
.board-memo-p {
  font-size: 15px;
  line-height: 1.6;
  color: #334155;
  margin: 0 0 10px;
}
.board-memo-highlight {
  background: #f0fdf4;
  border-left: 4px solid #10b981;
  padding: 10px 14px;
  font-size: 15px;
  line-height: 1.55;
  color: #166534;
  margin: 12px 0;
  border-radius: 0 8px 8px 0;
}
.board-memo-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #e2e8f0;
}

/* Live Cloudflare Edge Terminal Debugger */
.edge-terminal-box {
  background: #020617;
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 12px;
  overflow: hidden;
  margin: 14px 0;
}
.edge-terminal-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px;
  background: #090d1a;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 15px;
  color: #94a3b8;
}
.edge-terminal-dots {
  display: flex;
  gap: 5px;
}
.edge-terminal-dots span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
}
.edge-terminal-dots span:nth-child(1) { background: #ef4444; }
.edge-terminal-dots span:nth-child(2) { background: #f59e0b; }
.edge-terminal-dots span:nth-child(3) { background: #10b981; }
.edge-terminal-out {
  margin: 0;
  padding: 14px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  line-height: 1.65;
  color: #38bdf8;
  max-height: 220px;
  overflow-y: auto;
  white-space: pre-wrap;
}
.btn-edge-term-run {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  border: none;
  color: #ffffff;
  font-size: 15px;
  font-weight: 750;
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.btn-edge-term-run:hover {
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.4);
}

/* Agentic Commerce AAO Studio */
.aao-readiness-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 14px 0;
}
@media (max-width: 640px) {
  .aao-readiness-grid {
    grid-template-columns: 1fr;
  }
}
.aao-agent-card {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
html[data-theme="light"] .aao-agent-card {
  background: #ffffff;
  border-color: #e2e8f0;
}
.aao-agent-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aao-agent-name {
  font-size: 14px;
  font-weight: 800;
  color: #f1f5f9;
}
html[data-theme="light"] .aao-agent-name {
  color: #0f172a;
}
.aao-agent-score {
  font-size: 15px;
  font-weight: 900;
  padding: 2px 7px;
  border-radius: 999px;
}
.aao-score-locked {
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.aao-score-edge {
  background: rgba(16, 185, 129, 0.15);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.aao-agent-desc {
  font-size: 15px;
  line-height: 1.5;
  color: #94a3b8;
  margin: 0;
}
html[data-theme="light"] .aao-agent-desc {
  color: #64748b;
}

/* ========================================================================= */
/* MISSION BAR & FROSTED RESOLUTION RECIPES (FREE VS PAID TIER)              */
/* ========================================================================= */
.mission-bar {
  background: linear-gradient(90deg, rgba(0, 212, 255, 0.08), rgba(139, 92, 246, 0.08));
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 14px;
  padding: 16px 22px;
  margin: 20px 0 24px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}
html[data-theme="light"] .mission-bar {
  background: linear-gradient(90deg, #f0f9ff, #f5f3ff);
  border-color: #bae6fd;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}
.mission-bar svg {
  width: 24px;
  height: 24px;
  color: #38bdf8;
  flex-shrink: 0;
}
html[data-theme="light"] .mission-bar svg {
  color: #0284c7;
}
.mission-bar p {
  color: #cbd5e1;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}
html[data-theme="light"] .mission-bar p {
  color: #334155;
}
.mission-bar p strong {
  color: #f8fafc;
  font-weight: 700;
}
html[data-theme="light"] .mission-bar p strong {
  color: #0f172a;
}

/* Frosted Recipe Section */
.recipe-section {
  position: relative;
  margin: 18px 0 10px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #0f172a;
  box-sizing: border-box;
}
html[data-theme="light"] .recipe-section {
  background: #f8fafc;
  border-color: #e2e8f0;
}
.recipe-section.locked .recipe-content {
  filter: blur(10px);
  opacity: 0.38;
  user-select: none;
  pointer-events: none;
  transform: scale(0.985);
  transition: all 0.5s ease;
}
.recipe-section.unlocked .recipe-content {
  filter: blur(0);
  opacity: 1;
  user-select: auto;
  pointer-events: auto;
  transform: scale(1);
}
.recipe-section.unlocked .recipe-overlay {
  opacity: 0;
  pointer-events: none;
  display: none !important;
}
.recipe-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.recipe-content h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14.5px;
  font-weight: 800;
  color: #38bdf8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 8px;
}
html[data-theme="light"] .recipe-content h4 {
  color: #0284c7;
}
.recipe-steps {
  display: grid;
  gap: 10px;
}
.recipe-step {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
html[data-theme="light"] .recipe-step {
  background: #ffffff;
  border-color: #e2e8f0;
}
.recipe-step-num {
  width: 24px;
  height: 24px;
  background: #1e293b;
  border: 1px solid #38bdf8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
  color: #38bdf8;
  flex-shrink: 0;
}
html[data-theme="light"] .recipe-step-num {
  background: #e0f2fe;
  color: #0284c7;
  border-color: #0284c7;
}
.recipe-step p {
  font-size: 15px;
  color: #cbd5e1;
  line-height: 1.6;
  margin: 0;
}
html[data-theme="light"] .recipe-step p {
  color: #334155;
}
.recipe-code {
  background: #090d16;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 16px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  color: #94a3b8;
  overflow-x: auto;
  line-height: 1.7;
}
html[data-theme="light"] .recipe-code {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #334155;
}

/* Frosted Lock Overlay */
.recipe-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: linear-gradient(180deg, rgba(10, 14, 26, 0.3) 0%, rgba(10, 14, 26, 0.88) 55%, rgba(10, 14, 26, 0.97) 100%);
  border-radius: 16px;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  padding: 24px;
  text-align: center;
}
html[data-theme="light"] .recipe-overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.92) 55%, rgba(255, 255, 255, 0.98) 100%);
}
.recipe-glow {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  box-shadow: inset 0 0 50px rgba(245, 158, 11, 0.08);
  pointer-events: none;
  z-index: 5;
}
.recipe-lock-icon {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 28px rgba(245, 158, 11, 0.35);
  animation: lockPulse 2.5s ease-in-out infinite;
}
.recipe-lock-icon svg {
  width: 24px;
  height: 24px;
  color: #ffffff;
}
@keyframes lockPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 20px rgba(245, 158, 11, 0.25); }
  50% { transform: scale(1.06); box-shadow: 0 0 35px rgba(245, 158, 11, 0.45); }
}
.recipe-overlay h4 {
  font-size: 15px;
  font-weight: 800;
  color: #f8fafc;
  margin: 0;
}
html[data-theme="light"] .recipe-overlay h4 {
  color: #0f172a;
}
.recipe-overlay p {
  font-size: 15px;
  color: #94a3b8;
  max-width: 380px;
  line-height: 1.5;
  margin: 0;
}
html[data-theme="light"] .recipe-overlay p {
  color: #475569;
}
.recipe-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 100px;
  font-size: 15px;
  font-weight: 700;
  color: #f59e0b;
}
.recipe-cta {
  padding: 10px 24px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border: none;
  border-radius: 100px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 18px rgba(245, 158, 11, 0.3);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.recipe-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.45);
}

/* Frosted Content Funnel for Homepage */
.hhtml-funnel-section {
  padding: 70px 20px;
  position: relative;
  overflow: hidden;
  background: #080c14;
}
html[data-theme="light"] .hhtml-funnel-section {
  background: #f8fafc;
}
.hhtml-funnel-wrap {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
}
.hhtml-funnel-hero {
  text-align: center;
  margin-bottom: 48px;
}
.hhtml-funnel-badge {
  display: inline-block;
  padding: 6px 18px;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(139, 92, 246, 0.12));
  border: 1px solid rgba(245, 158, 11, 0.25);
  border-radius: 100px;
  color: #f59e0b;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 16px;
}
.hhtml-funnel-hero h2 {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 14px;
  line-height: 1.25;
  color: #f8fafc;
}
html[data-theme="light"] .hhtml-funnel-hero h2 {
  color: #0f172a;
}
.hhtml-funnel-hero p {
  color: #94a3b8;
  font-size: 16px;
  max-width: 660px;
  margin: 0 auto;
  line-height: 1.65;
}
html[data-theme="light"] .hhtml-funnel-hero p {
  color: #475569;
}
.hhtml-funnel-flow {
  display: flex;
  align-items: stretch;
  gap: 16px;
  margin-bottom: 48px;
}
@media (max-width: 900px) {
  .hhtml-funnel-flow {
    flex-direction: column;
  }
}
.hhtml-funnel-step {
  flex: 1;
  background: #0f172a;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
html[data-theme="light"] .hhtml-funnel-step {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}
.hhtml-funnel-step:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}
.hhtml-funnel-step[data-step="free"]::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #10b981;
}
.hhtml-funnel-step[data-step="frosted"]::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #38bdf8;
}
.hhtml-funnel-step[data-step="premium"]::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #f59e0b;
}
.hhtml-funnel-icon {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
.hhtml-funnel-icon.free-icon {
  background: linear-gradient(135deg, #10b981, #059669);
}
.hhtml-funnel-icon.frosted-icon {
  background: linear-gradient(135deg, #0284c7, #2563eb);
}
.hhtml-funnel-icon.premium-icon {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}
.hhtml-funnel-step h4 {
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 8px;
  color: #f8fafc;
}
html[data-theme="light"] .hhtml-funnel-step h4 {
  color: #0f172a;
}
.hhtml-funnel-step p {
  font-size: 15px;
  color: #94a3b8;
  line-height: 1.6;
  margin: 0 0 16px;
  flex: 1;
}
html[data-theme="light"] .hhtml-funnel-step p {
  color: #64748b;
}
.hhtml-funnel-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}
.hhtml-tag {
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
}
.hhtml-tag-open {
  background: rgba(16, 185, 129, 0.12);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.hhtml-tag-frosted {
  background: rgba(56, 189, 248, 0.12);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.3);
}
.hhtml-tag-premium {
  background: rgba(245, 158, 11, 0.12);
  color: #fbbf24;
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.hhtml-funnel-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
}
@media (max-width: 900px) {
  .hhtml-funnel-arrow {
    transform: rotate(90deg);
  }
}
.hhtml-compare-table {
  background: #0f172a;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 36px;
}
html[data-theme="light"] .hhtml-compare-table {
  background: #ffffff;
  border-color: #e2e8f0;
}
.hhtml-compare-header {
  display: grid;
  grid-template-columns: 2.2fr 1fr 1fr;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #64748b;
}
html[data-theme="light"] .hhtml-compare-header {
  background: #f1f5f9;
  border-color: #e2e8f0;
}
.hhtml-compare-row {
  display: grid;
  grid-template-columns: 2.2fr 1fr 1fr;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  align-items: center;
  font-size: 15px;
}
html[data-theme="light"] .hhtml-compare-row {
  border-color: #f1f5f9;
}
.hhtml-compare-row:last-child {
  border-bottom: none;
}
.hhtml-compare-col {
  color: #cbd5e1;
  font-weight: 600;
}
html[data-theme="light"] .hhtml-compare-col {
  color: #334155;
}
.hhtml-compare-free, .hhtml-compare-premium {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hhtml-price-tag {
  margin-left: 6px;
  padding: 2px 8px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border-radius: 999px;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
}
.hhtml-blur-demo {
  padding: 4px 10px;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.2);
  border-radius: 6px;
  font-size: 15px;
  font-weight: 700;
  color: #38bdf8;
  filter: blur(0.5px);
}
html[data-theme="light"] .hhtml-tag-open {
  background: #ecfdf5 !important;
  color: #059669 !important;
  border-color: #a7f3d0 !important;
}
html[data-theme="light"] .hhtml-tag-frosted {
  background: #eff6ff !important;
  color: #0284c7 !important;
  border-color: #bfdbfe !important;
}
html[data-theme="light"] .hhtml-tag-premium {
  background: #fffbeb !important;
  color: #b45309 !important;
  border-color: #fde68a !important;
}
html[data-theme="light"] .hhtml-blur-demo {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #0284c7 !important;
}

/* ==========================================================================
   SEMANTIC SAAS BANNERS & ACCENT CONTRAST SYSTEM
   ========================================================================== */
.saas-modal-mission-banner {
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #cbd5e1;
  margin: 4px 0 10px;
}
html[data-theme="light"] .saas-modal-mission-banner {
  background: #f0f9ff !important;
  border-color: #bae6fd !important;
  color: #0f172a !important;
}
html[data-theme="light"] .saas-modal-mission-banner strong {
  color: #0369a1 !important;
}

.pillars-deep-link-btn {
  color: #38bdf8;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 999px;
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  text-align: center;
  transition: all 0.2s ease;
}
.pillars-deep-link-btn:hover {
  background: rgba(56, 189, 248, 0.16);
  border-color: #38bdf8;
}
html[data-theme="light"] .pillars-deep-link-btn {
  color: #0284c7 !important;
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}
html[data-theme="light"] .pillars-deep-link-btn:hover {
  background: #dbeafe !important;
  border-color: #93c5fd !important;
  color: #0369a1 !important;
}

.saas-edge-title {
  margin: 8px 0 2px;
  font-size: 16px;
  font-weight: 800;
  color: #38bdf8;
}
html[data-theme="light"] .saas-edge-title {
  color: #0369a1 !important;
}
.saas-edge-desc {
  margin: 0;
  font-size: 14px;
  color: #94a3b8;
}
html[data-theme="light"] .saas-edge-desc {
  color: #475569 !important;
}

.ast-diff-head-banner {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 4px;
}
.ast-diff-title {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 800;
  color: #38bdf8;
}
html[data-theme="light"] .ast-diff-title {
  color: #0369a1 !important;
}
.ast-diff-desc {
  margin: 0;
  font-size: 14px;
  color: #94a3b8;
}
html[data-theme="light"] .ast-diff-desc {
  color: #475569 !important;
}

.aao-header-title {
  margin: 8px 0 2px;
  font-size: 16px;
  font-weight: 800;
  color: #f59e0b;
}
html[data-theme="light"] .aao-header-title {
  color: #b45309 !important;
}
.aao-header-desc {
  margin: 0;
  font-size: 14px;
  color: #94a3b8;
}
html[data-theme="light"] .aao-header-desc {
  color: #475569 !important;
}

.llms-v2-title {
  margin: 8px 0 2px;
  font-size: 16px;
  font-weight: 800;
  color: #c084fc;
}
html[data-theme="light"] .llms-v2-title {
  color: #7e22ce !important;
}
.llms-v2-desc {
  margin: 0;
  font-size: 14px;
  color: #94a3b8;
}
html[data-theme="light"] .llms-v2-desc {
  color: #475569 !important;
}
.llms-v2-validated {
  font-size: 15px;
  font-weight: 800;
  color: #34d399;
  background: rgba(16, 185, 129, 0.15);
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
html[data-theme="light"] .llms-v2-validated {
  background: #ecfdf5 !important;
  color: #059669 !important;
  border-color: #a7f3d0 !important;
}

.saas-banner-bar {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 14px;
}
.saas-banner-text {
  font-size: 14px;
  line-height: 1.5;
  flex: 1;
  min-width: 260px;
}
.saas-banner-blue {
  background: rgba(2, 132, 199, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: #e0f2fe;
}
.saas-banner-amber {
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #fef3c7;
}
.saas-banner-purple {
  background: rgba(168, 85, 247, 0.12);
  border: 1px solid rgba(168, 85, 247, 0.3);
  color: #f3e8ff;
}
html[data-theme="light"] .saas-banner-blue {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1e3a8a !important;
}
html[data-theme="light"] .saas-banner-blue strong {
  color: #1d4ed8 !important;
}
html[data-theme="light"] .saas-banner-amber {
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  color: #78350f !important;
}
html[data-theme="light"] .saas-banner-amber strong {
  color: #b45309 !important;
}
html[data-theme="light"] .saas-banner-purple {
  background: #faf5ff !important;
  border: 1px solid #e9d5ff !important;
  color: #581c87 !important;
}
html[data-theme="light"] .saas-banner-purple strong {
  color: #7e22ce !important;
}

.btn-stop-loss-amber {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  box-shadow: 0 8px 20px -4px rgba(217, 119, 6, 0.4) !important;
  color: #ffffff !important;
}
.btn-stop-loss-purple {
  background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%) !important;
  box-shadow: 0 8px 20px -4px rgba(147, 51, 234, 0.4) !important;
  color: #ffffff !important;
}

/* Light Mode Terminal Overrides (Zero Dark Areas) */
html[data-theme="light"] .edge-terminal-box {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html[data-theme="light"] .edge-terminal-bar {
  background: #f1f5f9 !important;
  border-bottom-color: #e2e8f0 !important;
  color: #334155 !important;
}
html[data-theme="light"] .edge-terminal-title {
  color: #1e293b !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .edge-terminal-out {
  background: #090a0d !important;
  color: #0369a1 !important;
}
html[data-theme="light"] .btn-edge-term-run {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  color: #ffffff !important;
}

/* Light Mode Board Memo Button Overrides */
html[data-theme="light"] .btn-board-memo {
  background: #090a0d !important;
  border: 1px solid #0284c7 !important;
  color: #0369a1 !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.08) !important;
}
html[data-theme="light"] .btn-board-memo:hover {
  background: #f0f9ff !important;
  border-color: #0284c7 !important;
  color: #0284c7 !important;
}
html[data-theme="light"] .closing-cta-wrap .btn-board-memo {
  background: #ffffff !important;
  border: 1.5px solid #0284c7 !important;
  color: #0284c7 !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.12) !important;
  padding: 12px 22px !important;
  font-size: 15px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .closing-cta-wrap .btn-board-memo:hover {
  background: #eff6ff !important;
  color: #0369a1 !important;
  border-color: #0369a1 !important;
}

/* Light Mode Simulation Tags High-Contrast */
html[data-theme="light"] .sim-tag-red {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border-color: #fecaca !important;
}
html[data-theme="light"] .sim-tag-amber {
  background: #fffbeb !important;
  color: #b45309 !important;
  border-color: #fde68a !important;
}
html[data-theme="light"] .sim-tag-blue {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border-color: #bfdbfe !important;
}

/* ==========================================================================
   ENTERPRISE N8N NODE INSPECTOR & TELEMETRY SYSTEM
   ========================================================================== */
.dag-inspector-panel {
  background: rgba(10, 15, 30, 0.7);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 14px;
  padding: 16px 18px;
  margin-top: 16px;
  font-size: 14.5px;
  color: #cbd5e1;
  line-height: 1.55;
  transition: all 0.2s ease;
}
html[data-theme="light"] .dag-inspector-panel {
  background: #090a0d !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}
.dag-inspector-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
html[data-theme="light"] .dag-inspector-header {
  border-bottom-color: #e2e8f0 !important;
}
.dag-inspector-title {
  font-size: 15px;
  font-weight: 800;
  color: #38bdf8;
  display: flex;
  align-items: center;
  gap: 8px;
}
html[data-theme="light"] .dag-inspector-title {
  color: #0284c7 !important;
}
.dag-node-type-badge {
  font-size: 15px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.35);
  color: #c084fc;
  padding: 3px 9px;
  border-radius: 6px;
}
html[data-theme="light"] .dag-node-type-badge {
  background: #faf5ff !important;
  border-color: #d8b4fe !important;
  color: #7e22ce !important;
}
.dag-inspector-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.dag-insp-tab-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #94a3b8;
  font-size: 15px;
  font-weight: 750;
  padding: 5px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.dag-insp-tab-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8fafc;
}
.dag-insp-tab-btn.active {
  background: rgba(56, 189, 248, 0.15);
  border-color: #38bdf8;
  color: #38bdf8;
}
html[data-theme="light"] .dag-insp-tab-btn {
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  color: #64748b !important;
}
html[data-theme="light"] .dag-insp-tab-btn:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-theme="light"] .dag-insp-tab-btn.active {
  background: #eff6ff !important;
  border-color: #0284c7 !important;
  color: #0284c7 !important;
}
.dag-inspector-body {
  font-size: 14.5px;
}
.dag-json-box {
  background: #090d16;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 12px 14px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 15px;
  line-height: 1.6;
  color: #38bdf8;
  max-height: 220px;
  overflow-y: auto;
  white-space: pre-wrap;
  margin: 0;
}
html[data-theme="light"] .dag-json-box {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #0369a1 !important;
}
.dag-dlq-box {
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.25);
  border-left: 4px solid #ef4444;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  color: #fca5a5;
  line-height: 1.55;
}
html[data-theme="light"] .dag-dlq-box {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  border-left: 4px solid #dc2626 !important;
  color: #991b1b !important;
}

/* Finding Telemetry Strip (Deterministic Math & Evidence) */
.finding-telemetry-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 8px 0 10px;
  padding: 8px 12px;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 8px;
  font-size: 15px;
}
html[data-theme="light"] .finding-telemetry-strip {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
.finding-telemetry-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #94a3b8;
}
html[data-theme="light"] .finding-telemetry-item {
  color: #64748b !important;
}
.finding-telemetry-item strong {
  color: #f1f5f9;
  font-weight: 750;
}
html[data-theme="light"] .finding-telemetry-item strong {
  color: #0f172a !important;
}

/* ==========================================================================
   SILICON VALLEY / NYC EXECUTIVE DASHBOARD TABS & SINGLE-LICENSE CLARITY
   ========================================================================== */

.dash-view-nav-wrapper {
  margin: 24px 0 20px;
  position: sticky;
  top: 10px;
  z-index: 40;
}
.dash-view-tabs {
  display: flex;
  gap: 6px;
  background: #090a0d !important;
  padding: 5px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.4);
  overflow-x: auto;
  scrollbar-width: none;
}
.dash-view-tabs::-webkit-scrollbar {
  display: none;
}
.dash-view-btn {
  flex: 1;
  min-width: 170px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 16px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #a1a1aa !important;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}
.dash-view-btn:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
}
.dash-view-btn.active {
  background: #18181b !important;
  color: #38bdf8 !important;
  border-color: rgba(56, 189, 248, 0.3) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.dash-view-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #a1a1aa !important;
}
.dash-view-btn.active .dash-view-badge {
  background: rgba(56, 189, 248, 0.18) !important;
  color: #38bdf8 !important;
}

/* Master Single-License Clarity Banner */
.master-single-license-banner {
  margin: 16px 0 24px;
  padding: 22px 24px;
  background: linear-gradient(135deg, #090a0d 0%, #0c121e 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  border-radius: 16px;
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.6);
  position: relative;
  overflow: hidden;
}
.master-license-header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
.master-license-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: rgba(56, 189, 248, 0.15) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.master-license-title-wrap h3 {
  font-size: 18px;
  font-weight: 850;
  color: #ffffff !important;
  margin: 0 0 6px;
  letter-spacing: -0.01em;
}
.master-license-title-wrap p {
  font-size: 14px;
  color: #a1a1aa !important;
  margin: 0;
  line-height: 1.55;
}
.master-license-deliverables-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin: 16px 0;
  padding: 14px;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px;
}
.master-deliv-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  color: #e2e8f0 !important;
  line-height: 1.45;
}
.master-deliv-item svg {
  width: 18px;
  height: 18px;
  color: #10b981;
  flex-shrink: 0;
  margin-top: 2px;
}
.master-license-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.master-license-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 800;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.35);
  transition: all 0.2s ease;
}
.master-license-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(2, 132, 199, 0.45);
}
.master-license-guarantee-note {
  font-size: 14.5px;
  color: #94a3b8 !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Dashboard Tab Panes */
.dash-pane {
  display: none;
  animation: fadeInPane 0.25s ease-out;
}
.dash-pane.active {
  display: block;
}
@keyframes fadeInPane {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* High-Impact Frosted Glass / Blurred Recipe Area */
.recipe-section.locked {
  position: relative;
  background: #090a0d !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
}
.recipe-section.locked .recipe-content {
  filter: blur(3.2px) !important;
  -webkit-filter: blur(3.2px) !important;
  opacity: 0.7 !important;
  user-select: none;
  pointer-events: none;
  transform: scale(0.998);
}
.recipe-section.locked .recipe-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: linear-gradient(180deg, rgba(9, 10, 13, 0.75) 0%, rgba(9, 10, 13, 0.92) 50%, #000000 100%) !important;
  backdrop-filter: blur(8px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(160%) !important;
  padding: 24px 20px;
  text-align: center;
}
.recipe-lock-icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.35) !important;
}
.recipe-badge-single-license {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background: rgba(2, 132, 199, 0.15) !important;
  border: 1px solid rgba(2, 132, 199, 0.35) !important;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 800;
  color: #38bdf8 !important;
  letter-spacing: 0.02em;
}
.recipe-overlay-title {
  font-size: 16px;
  font-weight: 850;
  color: #ffffff !important;
  margin: 0;
}
.recipe-overlay-sub {
  font-size: 15px;
  color: #a1a1aa !important;
  max-width: 460px;
  line-height: 1.5;
  margin: 0;
}
.recipe-cta-unlock {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 24px;
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 800;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3);
  transition: all 0.2s ease;
}
.recipe-cta-unlock:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(2, 132, 199, 0.42);
}

/* ==========================================================================
   ENTERPRISE ANALYZER SHOWCASE SECTION (Ultra-Premium Suite)
   ========================================================================== */
.ea-showcase-section {
  padding: 88px 24px 72px;
  position: relative;
  background: radial-gradient(ellipse at 50% -10%, rgba(0, 212, 255, 0.09) 0%, rgba(139, 92, 246, 0.05) 45%, transparent 70%),
              linear-gradient(180deg, rgba(10, 14, 26, 0.6) 0%, rgba(15, 22, 41, 0.9) 100%);
  border-top: 1px solid rgba(0, 212, 255, 0.18);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

html[data-theme="light"] .ea-showcase-section {
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

.ea-container {
  max-width: 1220px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.ea-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 42px;
}

.ea-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: rgba(0, 212, 255, 0.12);
  color: #00d4ff;
  border: 1px solid rgba(0, 212, 255, 0.32);
  box-shadow: 0 0 20px rgba(0, 212, 255, 0.2);
  margin-bottom: 18px;
}

html[data-theme="light"] .ea-eyebrow {
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #bbf7d0;
  box-shadow: 0 1px 4px rgba(22, 163, 74, 0.08);
}

.ea-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 8px #10b981;
  animation: eaLivePulse 1.8s infinite ease-in-out;
}

@keyframes eaLivePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.3); }
}

.ea-header h2 {
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 850;
  letter-spacing: -0.035em;
  line-height: 1.15;
  margin-bottom: 16px;
  color: var(--theme-text-strong, #ffffff);
}

html[data-theme="light"] .ea-header h2 {
  color: #0f172a;
}

.ea-header p {
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.68;
  color: var(--theme-text-secondary, #94a3b8);
  margin: 0;
}

html[data-theme="light"] .ea-header p {
  color: #475569;
}

/* Metric Ribbon */
.ea-ribbon {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 36px;
}

@media (max-width: 960px) {
  .ea-ribbon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 540px) {
  .ea-ribbon {
    grid-template-columns: 1fr;
  }
}

.ea-ribbon-item {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(8px);
}

.ea-ribbon-item:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(0, 212, 255, 0.35);
  transform: translateY(-2px);
}

html[data-theme="light"] .ea-ribbon-item {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 6px 16px -4px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .ea-ribbon-item:hover {
  border-color: #0284c7;
  box-shadow: 0 10px 24px -4px rgba(2, 132, 199, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.ea-ribbon-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(0, 212, 255, 0.1);
  color: #00d4ff;
  border: 1px solid rgba(0, 212, 255, 0.2);
}

html[data-theme="light"] .ea-ribbon-icon {
  background: #f0fdf4;
  color: #16a34a;
  border: 1px solid #bbf7d0;
}

.ea-ribbon-item:nth-child(2) html[data-theme="light"] .ea-ribbon-icon,
html[data-theme="light"] .ea-ribbon-item:nth-child(2) .ea-ribbon-icon {
  background: #eff6ff;
  color: #2563eb;
  border-color: #bfdbfe;
}

.ea-ribbon-item:nth-child(3) html[data-theme="light"] .ea-ribbon-icon,
html[data-theme="light"] .ea-ribbon-item:nth-child(3) .ea-ribbon-icon {
  background: #fffbeb;
  color: #d97706;
  border-color: #fde68a;
}

.ea-ribbon-item:nth-child(4) html[data-theme="light"] .ea-ribbon-icon,
html[data-theme="light"] .ea-ribbon-item:nth-child(4) .ea-ribbon-icon {
  background: #fdf4ff;
  color: #a855f7;
  border-color: #f5d0fe;
}

.ea-ribbon-item:nth-child(5) html[data-theme="light"] .ea-ribbon-icon,
html[data-theme="light"] .ea-ribbon-item:nth-child(5) .ea-ribbon-icon {
  background: #f0fdfa;
  color: #0d9488;
  border-color: #99f6e4;
}

.ea-ribbon-item div strong {
  display: block;
  font-size: 15px;
  font-weight: 750;
  color: var(--theme-text-strong, #ffffff);
  line-height: 1.35;
  letter-spacing: -0.01em;
}

html[data-theme="light"] .ea-ribbon-item div strong {
  color: #0f172a;
}

.ea-ribbon-item div span {
  display: block;
  font-size: 14px;
  color: var(--theme-text-secondary, #94a3b8);
  margin-top: 3px;
  line-height: 1.4;
}

html[data-theme="light"] .ea-ribbon-item div span {
  color: #64748b;
}

/* Console Grid */
.ea-console-grid {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 24px;
  margin-bottom: 32px;
  align-items: stretch;
}

@media (max-width: 980px) {
  .ea-console-grid {
    grid-template-columns: 1fr;
  }
}

/* Left Card: Telemetry & Score Matrix */
.ea-telemetry-card {
  background: linear-gradient(175deg, rgba(20, 29, 53, 0.85) 0%, rgba(13, 19, 36, 0.95) 100%);
  border: 1px solid rgba(30, 42, 74, 0.8);
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45);
  position: relative;
  overflow: hidden;
}

.ea-telemetry-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #00d4ff, #8b5cf6, #f59e0b);
}

html[data-theme="light"] .ea-telemetry-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02);
}

html[data-theme="light"] .ea-telemetry-card::before {
  background: linear-gradient(90deg, #0284c7, #6366f1, #10b981);
}

.ea-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.ea-card-head h3 {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #00d4ff;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

html[data-theme="light"] .ea-card-head h3 {
  color: #0f172a;
}

.ea-badge-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.12);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.25);
}

html[data-theme="light"] .ea-badge-status {
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #bbf7d0;
}

/* Score Dial Section */
.ea-score-box {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 18px 20px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  margin-bottom: 22px;
}

html[data-theme="light"] .ea-score-box {
  background: linear-gradient(145deg, #0d0f14 0%, #060709 100%);
  border: 1px solid #e2e8f0;
  border-radius: 14px;
}

.ea-dial-wrap {
  position: relative;
  width: 92px;
  height: 92px;
  flex-shrink: 0;
}

.ea-dial-wrap svg {
  transform: rotate(-90deg);
  width: 92px;
  height: 92px;
}

.ea-dial-bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 8;
}

html[data-theme="light"] .ea-dial-bg {
  stroke: #e2e8f0;
}

.ea-dial-bar {
  fill: none;
  stroke-width: 8;
  stroke-linecap: round;
  stroke: url(#eaDialGrad);
  stroke-dasharray: 239;
  stroke-dashoffset: 239;
  transition: stroke-dashoffset 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.ea-dial-bar.ea-animated {
  stroke-dashoffset: 71;
}

.ea-dial-value {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.ea-dial-num {
  font-size: 26px;
  font-weight: 900;
  color: var(--theme-text-strong, #ffffff);
  line-height: 1;
}

html[data-theme="light"] .ea-dial-num {
  color: #0f172a;
}

.ea-dial-max {
  font-size: 15px;
  color: var(--theme-text-secondary, #94a3b8);
  letter-spacing: 0.05em;
  margin-top: 2px;
}

.ea-score-meta h4 {
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #f59e0b;
  display: flex;
  align-items: center;
  gap: 6px;
}

html[data-theme="light"] .ea-score-meta h4 {
  color: #b45309;
}

.ea-score-meta p {
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--theme-text-secondary, #94a3b8);
  margin: 0;
}

html[data-theme="light"] .ea-score-meta p {
  color: #475569;
}

/* Pillar Progress Bars */
.ea-pillars-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}

@media (max-width: 480px) {
  .ea-pillars-grid {
    grid-template-columns: 1fr;
  }
}

.ea-pillar-cell {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 12px 14px;
}

html[data-theme="light"] .ea-pillar-cell {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.ea-pillar-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  color: var(--theme-text-secondary, #cbd5e1);
  margin-bottom: 6px;
}

html[data-theme="light"] .ea-pillar-label {
  color: #334155;
}

.ea-pillar-label span.num {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-weight: 800;
  color: #38bdf8;
}

html[data-theme="light"] .ea-pillar-label span.num {
  color: #0284c7;
}

.ea-meter-track {
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  overflow: hidden;
}

html[data-theme="light"] .ea-meter-track {
  background: #e2e8f0;
}

.ea-meter-fill {
  height: 100%;
  border-radius: 999px;
}

.ea-fill-cyan { background: linear-gradient(90deg, #00d4ff, #0284c7); }
.ea-fill-blue { background: linear-gradient(90deg, #3b82f6, #60a5fa); }
.ea-fill-amber { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.ea-fill-emerald { background: linear-gradient(90deg, #10b981, #34d399); }

/* Quick Telemetry Strip */
.ea-telemetry-strip {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  font-size: 15px;
}

html[data-theme="light"] .ea-telemetry-strip {
  border-top-color: #f1f5f9;
}

.ea-telemetry-item {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 8px 10px;
}

html[data-theme="light"] .ea-telemetry-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.ea-telemetry-item span {
  display: block;
  color: var(--theme-text-secondary, #94a3b8);
  margin-bottom: 2px;
}

html[data-theme="light"] .ea-telemetry-item span {
  color: #64748b;
}

.ea-telemetry-item strong {
  display: block;
  color: var(--theme-text-strong, #ffffff);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 15px;
}

html[data-theme="light"] .ea-telemetry-item strong {
  color: #0f172a;
}

/* Right Card: Interactive Terminal & Frosted Recipe */
.ea-terminal-card {
  background: linear-gradient(175deg, rgba(15, 22, 41, 0.95) 0%, rgba(10, 14, 26, 0.98) 100%);
  border: 1px solid rgba(0, 212, 255, 0.25);
  border-radius: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  position: relative;
  overflow: hidden;
}

html[data-theme="light"] .ea-terminal-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02);
}

.ea-terminal-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

html[data-theme="light"] .ea-terminal-topbar {
  border-bottom-color: #f1f5f9;
}

.ea-mac-dots {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ea-mac-dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.ea-dot-red { background: #ef4444; }
.ea-dot-yellow { background: #f59e0b; }
.ea-dot-green { background: #10b981; }

.ea-terminal-title {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 15px;
  color: var(--theme-text-secondary, #94a3b8);
  letter-spacing: 0.04em;
}

/* Tabs */
.ea-tab-bar {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.ea-tab {
  padding: 7px 14px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--theme-text-secondary, #94a3b8);
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}

.ea-tab:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--theme-text-primary, #f8fafc);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-1px);
}

.ea-tab.active {
  background: rgba(0, 212, 255, 0.15);
  border-color: rgba(0, 212, 255, 0.45);
  color: #00d4ff;
  box-shadow: 0 0 16px rgba(0, 212, 255, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

.ea-tab:focus-visible {
  outline: 2px solid #00d4ff;
  outline-offset: 2px;
}

html[data-theme="light"] .ea-tab {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #64748b;
}

html[data-theme="light"] .ea-tab:hover {
  background: #f1f5f9;
  color: #0f172a;
  border-color: #cbd5e1;
}

html[data-theme="light"] .ea-tab.active {
  background: #f0fdf4;
  border-color: #86efac;
  color: #15803d;
  box-shadow: 0 1px 4px rgba(22, 163, 74, 0.12);
}

/* Fluid Finding Content Fade */
@keyframes eaTabFade {
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0); }
}

.ea-tab-content-anim {
  animation: eaTabFade 0.24s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Wire Evidence Header */
.ea-finding-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.ea-finding-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 800;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  background: rgba(245, 158, 11, 0.12);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.25);
}

html[data-theme="light"] .ea-finding-badge {
  background: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
}

.ea-standard-tag {
  font-size: 15px;
  color: var(--theme-text-secondary, #94a3b8);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

html[data-theme="light"] .ea-standard-tag {
  color: #64748b;
}

.ea-finding-summary {
  font-size: 15px;
  font-weight: 700;
  color: var(--theme-text-strong, #ffffff);
  margin-bottom: 12px;
  line-height: 1.4;
}

html[data-theme="light"] .ea-finding-summary {
  color: #0f172a;
}

.ea-evidence-block {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(239, 68, 68, 0.25);
  border-radius: 10px;
  padding: 12px 14px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 15px;
  color: #f87171;
  margin-bottom: 16px;
  line-height: 1.5;
  position: relative;
}

html[data-theme="light"] .ea-evidence-block {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  color: #9f1239;
  border-radius: 10px;
}

.ea-evidence-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #f87171;
  opacity: 0.85;
}

html[data-theme="light"] .ea-evidence-head {
  color: #be123c;
  opacity: 1;
  font-weight: 700;
}

.ea-copy-btn {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #cbd5e1;
  border-radius: 5px;
  padding: 3px 8px;
  font-size: 15px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  cursor: pointer;
  transition: all 0.18s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

html[data-theme="light"] .ea-copy-btn {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #475569;
}

html[data-theme="light"] .ea-copy-btn:hover {
  background: #f8fafc;
  color: #0f172a;
  border-color: #94a3b8;
}

.ea-copy-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}

.ea-copy-btn.copied {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #34d399;
}

/* Frosted Code Sandbox */
.ea-code-sandbox {
  position: relative;
  background: #080c16;
  border: 1px solid rgba(30, 42, 74, 0.8);
  border-radius: 12px;
  padding: 16px;
  overflow: hidden;
  margin-top: auto;
}

html[data-theme="light"] .ea-code-sandbox {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.ea-code-underlay {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 15px;
  line-height: 1.6;
  color: #64748b;
  filter: blur(3.5px);
  user-select: none;
  pointer-events: none;
}

.ea-frosted-cover {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 14, 26, 0.4) 0%, rgba(10, 14, 26, 0.95) 75%);
  backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  text-align: center;
  gap: 10px;
}

html[data-theme="light"] .ea-frosted-cover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(248, 250, 252, 0.95) 75%);
}

.ea-lock-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.15));
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #f59e0b;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.ea-frosted-cover p {
  font-size: 14px;
  color: var(--theme-text-secondary, #cbd5e1);
  margin: 0;
  max-width: 380px;
  line-height: 1.45;
}

html[data-theme="light"] .ea-frosted-cover p {
  color: #475569;
}

/* Action Footer */
.ea-actions-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.ea-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 28px;
  border-radius: 10px;
  background: #0284c7;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 4px 14px rgba(2, 132, 199, 0.28);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.ea-btn-primary:hover {
  background: #0369a1;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 8px 22px rgba(2, 132, 199, 0.38);
}

.ea-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 26px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: var(--theme-text-primary, #f8fafc) !important;
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
  transition: all 0.2s ease;
  backdrop-filter: blur(8px);
}

.ea-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(0, 212, 255, 0.4);
  color: #00d4ff !important;
  transform: translateY(-1px);
}

html[data-theme="light"] .ea-btn-primary {
  background: #0284c7;
  color: #ffffff !important;
  border: 1px solid #0284c7;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 14px rgba(2, 132, 199, 0.25);
}

html[data-theme="light"] .ea-btn-primary:hover {
  background: #0369a1;
  border-color: #0369a1;
  box-shadow: 0 6px 20px rgba(2, 132, 199, 0.35);
  transform: translateY(-1px);
}

html[data-theme="light"] .ea-btn-secondary {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  color: #0f172a !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .ea-btn-secondary:hover {
  background: #f8fafc;
  border-color: #94a3b8;
  color: #0f172a !important;
  transform: translateY(-1px);
}

.ea-footnote {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
  font-size: 14px;
  color: var(--theme-text-secondary, #94a3b8);
  text-align: center;
}

html[data-theme="light"] .ea-footnote {
  color: #64748b;
}

.ea-footnote svg {
  color: #10b981;
  flex-shrink: 0;
}

/* Mobile Responsive Polish for Enterprise Analyzer Showcase */
@media (max-width: 768px) {
  .ea-showcase-section {
    padding: 60px 16px 48px;
  }
  .ea-telemetry-card, .ea-terminal-card {
    padding: 24px 18px;
    border-radius: 16px;
  }
  .ea-actions-bar {
    flex-direction: column;
    width: 100%;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    gap: 12px;
  }
  .ea-btn-primary, .ea-btn-secondary {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
    padding: 14px 20px;
    font-size: 15px;
  }
  .ea-tab-bar {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    padding-bottom: 8px;
    scrollbar-width: thin;
  }
  .ea-tab {
    flex-shrink: 0;
    white-space: nowrap;
  }
}

@keyframes domainPulseGlow {
  0% { box-shadow: 0 0 0 0 rgba(0, 212, 255, 0.7); }
  50% { box-shadow: 0 0 0 8px rgba(0, 212, 255, 0.35); }
  100% { box-shadow: 0 0 0 0 rgba(0, 212, 255, 0); }
}
.domain-pulse-highlight {
  animation: domainPulseGlow 1.2s ease-in-out 2 !important;
  border-color: #00d4ff !important;
}

/* ==========================================================================
   21ST.DEV PREMIER UPGRADE — ZERO-OVERHEAD SURGICAL ENHANCEMENT
   Mevcut HTML DOM yapısına ve SEO/GEO bütçesine 0 hasar garantilidir.
   ========================================================================== */

/* 1. HERO SPOTLIGHT — Derinlik ve Odak Işığı */
.hero {
  position: relative !important;
  overflow: hidden !important;
}

.hero::before {
  content: "" !important;
  position: absolute !important;
  top: -120px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 650px !important;
  height: 450px !important;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.15) 0%, rgba(168, 85, 247, 0.05) 50%, transparent 70%) !important;
  filter: blur(80px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* 2. KICKER BADGE — Canlı Pulse ve Glassmorphism */
.hero .kicker {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  border-radius: 9999px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
}

.hero .kicker:hover {
  border-color: rgba(99, 102, 241, 0.4) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.hero .kicker span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 10px #10b981 !important;
  animation: pulse-dot 2s infinite !important;
}

@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}

/* 3. SCANBOX (TARAYICI KUTUSU) — Modern Neon Kontur ve Yumuşak Gölge */
.scanbox {
  position: relative !important;
  z-index: 1 !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

/* 4. ULTRA-LUXURY SCANBOX & SPOTLIGHT SEARCH FRAME (APPLE / LINEAR TIER) */
.scanbox {
  max-width: 720px !important;
  margin: 36px auto 0 !important;
  position: relative !important;
}

.scanbox::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 90% !important;
  height: 60px !important;
  background: radial-gradient(ellipse at center, rgba(37, 99, 235, 0.18) 0%, transparent 75%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  filter: blur(16px) !important;
}

.scanbox .field {
  position: relative !important;
  z-index: 1 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1.5px solid rgba(203, 213, 225, 0.9) !important;
  box-shadow: 0 16px 40px -10px rgba(15, 23, 42, 0.09), 0 2px 6px rgba(0, 0, 0, 0.02), inset 0 1px 0 rgba(255, 255, 255, 1) !important;
  padding: 6px 6px 6px 24px !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html[data-theme="dark"] .scanbox .field {
  background: rgba(15, 23, 42, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 20px 48px -10px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.scanbox .field:focus-within {
  border-color: #2563eb !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.15), 0 20px 48px -8px rgba(37, 99, 235, 0.2) !important;
  transform: translateY(-2px) scale(1.008) !important;
}

html[data-theme="dark"] .scanbox .field:focus-within {
  background: rgba(15, 23, 42, 0.98) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 5px rgba(56, 189, 248, 0.2), 0 24px 56px -8px rgba(0, 0, 0, 0.8) !important;
}

#domainInput {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  color: #0f172a !important;
  flex-grow: 1 !important;
  height: 48px !important;
  padding: 0 12px 0 0 !important;
}

html[data-theme="dark"] #domainInput {
  color: #f8fafc !important;
}

#domainInput::placeholder {
  color: #94a3b8 !important;
  font-weight: 400 !important;
}

/* Lüks Metalik Arama / Kontrol Butonu */
#scanButton {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  padding: 13px 28px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

#scanButton:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
  transform: translateY(-1px) scale(1.02) !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  filter: brightness(1.06) !important;
}

#scanButton:active {
  transform: translateY(0) scale(0.98) !important;
}

/* Örnek Çipler — Apple Pill Formatı */
.scan-chips {
  margin-top: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.scan-chips span {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  margin-right: 4px !important;
}

.chip-btn {
  background: rgba(241, 245, 249, 0.85) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 999px !important;
  padding: 5px 14px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html[data-theme="dark"] .chip-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
}

.chip-btn:hover {
  background: #ffffff !important;
  color: #2563eb !important;
  border-color: rgba(37, 99, 235, 0.4) !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.15) !important;
  transform: translateY(-1px) !important;
}

html[data-theme="dark"] .chip-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #38bdf8 !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
}

.scanbox small {
  display: block !important;
  margin-top: 14px !important;
  font-size: 14.5px !important;
  color: #94a3b8 !important;
  text-align: center !important;
}

/* 5. PIPELINE SPOTLIGHT GLASS CARDS — Süreç Akışı Mimarisi */
#pipeline .px-tool-flow {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  position: relative !important;
}

#pipeline .px-tool-flow::before {
  content: "" !important;
  position: absolute !important;
  left: 10% !important;
  right: 10% !important;
  top: 48px !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.1), rgba(37, 99, 235, 0.6), rgba(37, 99, 235, 0.1)) !important;
  z-index: 0 !important;
}

#pipeline .px-flow-card {
  position: relative !important;
  z-index: 1 !important;
  background: var(--theme-bg-surface, #ffffff) !important;
  border: 1px solid rgba(226, 232, 240, 0.85) !important;
  border-radius: 20px !important;
  padding: 32px 26px !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  overflow: hidden !important;
}

#pipeline .px-flow-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #2563eb, #38bdf8) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

#pipeline .px-flow-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(37, 99, 235, 0.35) !important;
  box-shadow: 0 16px 36px -8px rgba(37, 99, 235, 0.12), 0 0 0 1px rgba(37, 99, 235, 0.15) !important;
}

#pipeline .px-flow-card:hover::before {
  opacity: 1 !important;
}

#pipeline .px-flow-card .node {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3), 0 0 0 4px rgba(239, 246, 255, 0.9) !important;
}

#pipeline .px-flow-card h3 {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: var(--theme-text-strong, #0f172a) !important;
  margin: 0 0 10px !important;
  letter-spacing: -0.02em !important;
  line-height: 1.35 !important;
}

#pipeline .px-flow-card p {
  font-size: 15px !important;
  color: var(--theme-text-secondary, #475569) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* 6. macOS FLOATING GLASS DOCK — Ultra-Lüks Apple Navigasyon Doku */
.hh-floating-dock {
  position: fixed !important;
  bottom: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 99999 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 14px !important;
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(32px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 999px !important;
  box-shadow: 0 20px 48px -10px rgba(15, 23, 42, 0.16), 0 4px 16px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html[data-theme="dark"] .hh-floating-dock {
  background: rgba(15, 23, 42, 0.75) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 24px 56px -12px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.1) inset !important;
}

.hh-floating-dock:hover {
  box-shadow: 0 28px 60px -12px rgba(15, 23, 42, 0.22), 0 0 0 1px rgba(37, 99, 235, 0.25) !important;
}

.hh-dock-item {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #475569 !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  border: none !important;
  background: transparent !important;
}

.hh-dock-item:hover {
  color: #0f172a !important;
  background: rgba(0, 0, 0, 0.05) !important;
  transform: translateY(-4px) scale(1.08) !important;
}

.hh-dock-item:active {
  transform: translateY(-1px) scale(0.96) !important;
}

html[data-theme="dark"] .hh-dock-item {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .hh-dock-item:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.hh-dock-item.primary {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.25) inset !important;
}

.hh-dock-item.primary:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.35) inset !important;
  transform: translateY(-5px) scale(1.1) !important;
}

.hh-dock-divider {
  width: 1px !important;
  height: 22px !important;
  background: rgba(203, 213, 225, 0.8) !important;
  margin: 0 2px !important;
}

html[data-theme="dark"] .hh-dock-divider {
  background: rgba(255, 255, 255, 0.15) !important;
}

@media (max-width: 640px) {
  .hh-floating-dock {
    bottom: 16px !important;
    padding: 6px 10px !important;
    gap: 4px !important;
    width: calc(100% - 32px) !important;
    max-width: 400px !important;
    justify-content: space-around !important;
  }
  .hh-dock-item {
    padding: 6px 10px !important;
    font-size: 14px !important;
  }
  .hh-dock-item:hover {
    transform: translateY(-2px) scale(1.04) !important;
  }
}

/* 7. ULTRA-PREMIUM ENTERPRISE FOOTER OVERRIDE */
body footer,
html body footer,
.site-footer {
  position: relative !important;
  border-top: 1px solid rgba(226, 232, 240, 0.9) !important;
  background: #000000 !important; background-color: #000000 !important; border-top-color: rgba(255,255,255,0.08) !important;
  padding: 72px 24px 110px !important;
  margin-top: 56px !important;
  overflow: hidden !important;
}

body footer::before,
html body footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.45), transparent) !important;
}

html[data-theme="dark"] body footer {
  background: linear-gradient(180deg, #090d16 0%, #030712 100%) !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

body footer .footer-grid {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 2.2fr 1fr 1fr 1fr 1.1fr !important;
  gap: 48px !important;
}

body footer .brand-logo {
  height: 26px !important;
  width: auto !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.04)) !important;
}

body footer p,
body footer .footer-brand p {
  font-size: 15px !important;
  line-height: 1.68 !important;
  color: #64748b !important;
  margin-top: 14px !important;
  max-width: 360px !important;
}

html[data-theme="dark"] body footer p,
html[data-theme="dark"] body footer .footer-brand p {
  color: #94a3b8 !important;
}

body footer h4,
body footer .footer-col h4 {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #0284c7 !important;
  margin: 0 0 18px !important;
}

html[data-theme="dark"] body footer h4,
html[data-theme="dark"] body footer .footer-col h4 {
  color: #38bdf8 !important;
}

body footer ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
}

body footer a,
body footer .footer-col a {
  color: #475569 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
}

html[data-theme="dark"] body footer a,
html[data-theme="dark"] body footer .footer-col a {
  color: #94a3b8 !important;
}

body footer a:hover,
body footer .footer-col a:hover {
  color: #2563eb !important;
  transform: translateX(4px) !important;
}

html[data-theme="dark"] body footer a:hover,
html[data-theme="dark"] body footer .footer-col a:hover {
  color: #60a5fa !important;
}

body footer .footer-bottom {
  max-width: 1240px !important;
  margin: 48px auto 0 !important;
  border-top: 1px solid rgba(226, 232, 240, 0.8) !important;
  padding-top: 28px !important;
  font-size: 14.5px !important;
  color: #64748b !important;
  line-height: 1.65 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

html[data-theme="dark"] body footer .footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

@media (max-width: 960px) {
  body footer .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 36px !important;
  }
  body footer .footer-brand {
    grid-column: span 2 !important;
  }
}

@media (max-width: 600px) {
  body footer {
    padding: 48px 16px 100px !important;
  }
  body footer .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  body footer .footer-brand {
    grid-column: span 1 !important;
  }
}

/* 8. ULTRA-PREMIUM GLOBAL HEADER & TOPBAR (APPLE / LINEAR TIER) */
header.topbar,
.topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  height: 60px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html[data-theme="dark"] header.topbar,
html[data-theme="dark"] .topbar {
  background: rgba(9, 13, 22, 0.82) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 24px -2px rgba(0, 0, 0, 0.4) !important;
}

.topbar-shell {
  max-width: 1240px !important;
  height: 60px !important;
  margin: 0 auto !important;
  padding: 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

.brand-logo {
  height: 28px !important;
  width: auto !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease !important;
}

.brand-logo:hover {
  transform: scale(1.02) !important;
  opacity: 0.95 !important;
}

.primary-nav,
.topbar nav {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.primary-nav a,
.topbar nav a {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: #475569 !important;
  text-decoration: none !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html[data-theme="dark"] .primary-nav a,
html[data-theme="dark"] .topbar nav a {
  color: #94a3b8 !important;
}

.primary-nav a:hover,
.topbar nav a:hover {
  color: #0f172a !important;
  background: rgba(0, 0, 0, 0.04) !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

html[data-theme="dark"] .primary-nav a:hover,
html[data-theme="dark"] .topbar nav a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Lüks Metalik CTA Butonu */
.nav-scan-cta {
  position: relative !important;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  padding: 7px 18px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  box-shadow: 0 2px 10px rgba(37, 99, 235, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow: hidden !important;
}

.nav-scan-cta:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
  transform: translateY(-1px) scale(1.02) !important;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Apple Segmented Dil Değiştirici */
.langs {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  border-radius: 999px !important;
  padding: 2px !important;
  height: 28px !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"] .langs {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.langs span {
  display: none !important;
}

.langs button {
  padding: 3px 10px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border: none !important;
  background: transparent !important;
  color: #64748b !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  line-height: 1 !important;
}

html[data-theme="dark"] .langs button {
  color: #94a3b8 !important;
}

.langs button.active {
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="dark"] .langs button.active {
  background: #1e293b !important;
  color: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

@media (max-width: 820px) {
  .primary-nav,
  .topbar nav {
    display: none !important;
  }
}

/* 8. MASTER SUITE ULTRA-MOBILE WOW & PUREBRED ERGONOMICS (APPLE / LINEAR TIER) */
@media (max-width: 640px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Ultra-Clean Hero */
  .hero, .authority-hero {
    padding-top: 36px !important;
    padding-bottom: 24px !important;
  }

  .hero h1, .authority-hero h1 {
    font-size: clamp(26px, 7.8vw, 34px) !important;
    letter-spacing: -0.04em !important;
    line-height: 1.12 !important;
    text-wrap: balance !important;
  }

  .hero > p, .authority-hero > p {
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    color: #64748b !important;
    margin-top: 10px !important;
  }

  /* Raycast / Spotlight Mobile Capsule */
  .scanbox {
    margin: 20px auto 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .scanbox .field {
    display: flex !important;
    flex-direction: column !important;
    padding: 8px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1.5px solid rgba(37, 99, 235, 0.22) !important;
    box-shadow: 0 12px 36px -4px rgba(37, 99, 235, 0.12), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    gap: 8px !important;
  }

  html[data-theme="dark"] .scanbox .field {
    background: rgba(18, 20, 26, 0.95) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    box-shadow: 0 12px 36px -4px rgba(0, 0, 0, 0.6) !important;
  }

  .scanbox .field input {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 16px !important; /* Prevents iOS auto-zoom */
    padding: 0 16px !important;
    border-radius: 14px !important;
    background: transparent !important;
    text-align: left !important;
    font-weight: 500 !important;
  }

  .scanbox .field button[type="submit"],
  #scanButton {
    height: 48px !important;
    min-height: 48px !important;
    width: 100% !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35) !important;
  }

  .scanbox .field button[type="submit"]:active,
  #scanButton:active {
    transform: scale(0.98) !important;
  }

  /* One-Tap Pill Chips */
  .scan-chips {
    display: flex !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 6px !important;
    padding: 8px 2px 2px !important;
    margin-top: 4px !important;
  }

  .scan-chips::-webkit-scrollbar {
    display: none !important;
  }

  .scan-chips .chip {
    flex: 0 0 auto !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    min-height: 32px !important;
    background: rgba(241, 245, 249, 0.9) !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
  }

  html[data-theme="dark"] .scan-chips .chip {
    background: rgba(30, 41, 59, 0.8) !important;
    border-color: rgba(51, 65, 85, 0.8) !important;
    color: #e2e8f0 !important;
  }

  /* Purge Mobile Clutter */
  .desktop-only-decor,
  .px-report-split .bridge,
  .badge-matrix-desktop {
    display: none !important;
  }

  /* Lüks Floating Thumb Dock */
  .hh-floating-dock {
    position: fixed !important;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: calc(100% - 28px) !important;
    max-width: 380px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 12px 32px -4px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }

  html[data-theme="dark"] .hh-floating-dock {
    background: rgba(15, 23, 42, 0.92) !important;
    border-color: rgba(51, 65, 85, 0.8) !important;
    box-shadow: 0 12px 32px -4px rgba(0, 0, 0, 0.5) !important;
  }

  .hh-dock-item {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
  }

  .hh-dock-item:active {
    transform: scale(0.94) !important;
  }

  /* Spacing Guard */
  body {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  }
}



/* ==========================================================================
   📱 100/100 MOBILE ULTIMATE CWV & WCAG 2.2 AA OPTIMIZATION PACK
   ========================================================================== */

/* 1. Touch Target Standard 48x48px (Apple Human Interface & Google CWV) */
@media (max-width: 768px) {
  .langs button, .langs a, .theme-toggle, .topbar nav a, button, a.btn, .hh-dock-item {
    min-height: 44px !important;
    min-width: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  
  /* 2. Text Auto-fit & Zero Horizontal Overflow */
  body, html {
    overflow-x: hidden !important;
    width: 100% !important;
    -webkit-text-size-adjust: 100% !important;
  }
  
  /* 3. Smooth Scrolling & Responsive Images */
  img, svg, video, iframe {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* 4. Instant Input Focus & Zoom Prevention */
  input, textarea, select {
    font-size: 16px !important; /* iOS safari auto-zoom prevention */
  }

  /* 5. Safe Area Inset Support (iPhone X/12/13/14/15 Dynamic Island & Home Bar) */
  .topbar {
    padding-top: max(8px, env(safe-area-inset-top, 8px)) !important;
  }
  
  .hh-floating-dock {
    bottom: max(16px, env(safe-area-inset-bottom, 16px)) !important;
  }
}
@media (min-width: 769px) {
  .hh-mobile-menu-btn,
  .hh-cyber-drawer,
  .hh-input-radar-icon,
  .hh-input-clear-btn,
  .hh-input-paste-btn,
  .hh-ea-mobile-switcher,
  .hh-floating-dock {
    display: none !important;
  }
  .hh-input-wrapper {
    display: block;
    width: 100%;
  }
}


/* ==========================================================================
   RADICAL DARK POOL INTELLIGENCE REDESIGN (SILICON VALLEY ENTERPRISE TIER)
   CASCADE FORTRESS & ULTRA-HIGH CONTRAST TEXT VISIBILITY
   ========================================================================== */
#dark-pool-intelligence,
html body #dark-pool-intelligence,
html[data-theme="light"] body #dark-pool-intelligence,
html[data-theme="dark"] body #dark-pool-intelligence {
  background: #030712 !important;
  color: #f8fafc !important;
  border-radius: 32px !important;
  padding: 80px 56px !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 64px auto !important;
  max-width: 1200px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 0 120px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#dark-pool-intelligence::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
  mask-image: radial-gradient(ellipse at top, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at top, black 0%, transparent 80%);
}

#dark-pool-intelligence .px-section-head { 
  text-align: center !important; 
  margin-bottom: 64px !important; 
  position: relative !important; 
  z-index: 2 !important; 
}

#dark-pool-intelligence .px-section-head h2,
html body #dark-pool-intelligence .px-section-head h2,
html[data-theme="light"] body #dark-pool-intelligence .px-section-head h2,
html[data-theme="dark"] body #dark-pool-intelligence .px-section-head h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(32px, 4.5vw, 52px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.04em !important;
  margin: 20px 0 !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6) !important;
}

#dark-pool-intelligence .px-section-head p,
html body #dark-pool-intelligence .px-section-head p,
html[data-theme="light"] body #dark-pool-intelligence .px-section-head p,
html[data-theme="dark"] body #dark-pool-intelligence .px-section-head p {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  font-weight: 400 !important;
}

#dark-pool-intelligence .eyebrow,
html body #dark-pool-intelligence .eyebrow,
html[data-theme="light"] body #dark-pool-intelligence .eyebrow {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  font-size: 13px !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  background: rgba(56, 189, 248, 0.1) !important;
  padding: 6px 16px !important;
  border-radius: 99px !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  display: inline-block !important;
}

.dp-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  position: relative !important;
  z-index: 2 !important;
}

.dp-card,
html body #dark-pool-intelligence .dp-card,
html[data-theme="light"] body #dark-pool-intelligence .dp-card,
html[data-theme="dark"] body #dark-pool-intelligence .dp-card {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 24px !important;
  padding: 36px 32px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.dp-card::before {
  content: '' !important; 
  position: absolute !important; 
  inset: 0 !important;
  border-radius: 24px !important; 
  padding: 1px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important; 
  mask-composite: exclude !important;
  pointer-events: none !important;
}

.dp-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  background: rgba(15, 23, 42, 0.9) !important;
  box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.6) !important;
}

.dp-glow {
  position: absolute;
  top: 0; left: 50%;
  width: 200px; height: 200px;
  filter: blur(60px);
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.dp-card:hover .dp-glow { opacity: 1; }
.dp-p0 .dp-glow { background: rgba(239, 68, 68, 0.3); }
.dp-p1 .dp-glow { background: rgba(249, 115, 22, 0.3); }
.dp-p2 .dp-glow { background: rgba(56, 189, 248, 0.3); }

.dp-header { 
  display: flex !important; 
  justify-content: space-between !important; 
  align-items: center !important; 
  margin-bottom: 24px !important; 
}

.dp-num,
html body #dark-pool-intelligence .dp-num,
html[data-theme="light"] body #dark-pool-intelligence .dp-num { 
  font-family: 'SF Mono', ui-monospace, monospace !important; 
  font-size: 15px !important; 
  color: #94a3b8 !important; 
  -webkit-text-fill-color: #94a3b8 !important;
  font-weight: 800 !important; 
}

.dp-badge { 
  font-size: 11.5px !important; 
  font-weight: 800 !important; 
  padding: 5px 12px !important; 
  border-radius: 8px !important; 
  letter-spacing: 0.06em !important; 
  font-family: 'SF Mono', ui-monospace, monospace !important; 
}

.dp-p0 .dp-badge,
html body #dark-pool-intelligence .dp-p0 .dp-badge { 
  color: #fca5a5 !important; 
  -webkit-text-fill-color: #fca5a5 !important;
  background: rgba(239, 68, 68, 0.15) !important; 
  border: 1px solid rgba(239, 68, 68, 0.35) !important; 
}

.dp-p1 .dp-badge,
html body #dark-pool-intelligence .dp-p1 .dp-badge { 
  color: #fdba74 !important; 
  -webkit-text-fill-color: #fdba74 !important;
  background: rgba(249, 115, 22, 0.15) !important; 
  border: 1px solid rgba(249, 115, 22, 0.35) !important; 
}

.dp-p2 .dp-badge,
html body #dark-pool-intelligence .dp-p2 .dp-badge { 
  color: #7dd3fc !important; 
  -webkit-text-fill-color: #7dd3fc !important;
  background: rgba(56, 189, 248, 0.15) !important; 
  border: 1px solid rgba(56, 189, 248, 0.35) !important; 
}

/* KART BAŞLIKLARI - ASLA SİYAH OLAMAZ */
.dp-title,
#dark-pool-intelligence .dp-title,
#dark-pool-intelligence h3.dp-title,
#dark-pool-intelligence article h3,
html body #dark-pool-intelligence h3,
html[data-theme="light"] body #dark-pool-intelligence h3,
html[data-theme="dark"] body #dark-pool-intelligence h3 { 
  font-size: 21px !important; 
  font-weight: 800 !important; 
  color: #ffffff !important; 
  -webkit-text-fill-color: #ffffff !important;
  margin-bottom: 16px !important; 
  line-height: 1.35 !important; 
  letter-spacing: -0.02em !important; 
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* KART AÇIKLAMALARI - KRİSTAL NETLİKTE OKUNUR */
.dp-desc,
#dark-pool-intelligence .dp-desc,
#dark-pool-intelligence p.dp-desc,
#dark-pool-intelligence article p,
html body #dark-pool-intelligence p.dp-desc,
html[data-theme="light"] body #dark-pool-intelligence p.dp-desc,
html[data-theme="dark"] body #dark-pool-intelligence p.dp-desc { 
  font-size: 15px !important; 
  color: #cbd5e1 !important; 
  -webkit-text-fill-color: #cbd5e1 !important;
  line-height: 1.65 !important; 
  margin-bottom: 30px !important; 
  flex-grow: 1 !important; 
  font-weight: 400 !important; 
}

/* ÇÖZÜM KUTUSU */
.dp-fix,
html body #dark-pool-intelligence .dp-fix,
html[data-theme="light"] body #dark-pool-intelligence .dp-fix {
  background: rgba(2, 6, 23, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 16px 20px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  line-height: 1.5 !important;
  box-shadow: inset 0 2px 10px rgba(0,0,0,0.5) !important;
}

.dp-fix span,
html body #dark-pool-intelligence .dp-fix span,
html[data-theme="light"] body #dark-pool-intelligence .dp-fix span {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

.dp-fix svg { 
  flex-shrink: 0 !important; 
  width: 18px !important; 
  height: 18px !important; 
  margin-top: 2px !important; 
}
.dp-p0 .dp-fix svg { color: #f87171 !important; }
.dp-p1 .dp-fix svg { color: #fb923c !important; }
.dp-p2 .dp-fix svg { color: #38bdf8 !important; }

/* TİCARİ DEĞER KUTUSU (AYLIK 5.000$ AJANS MASRAFI) */
.dp-callout,
html body #dark-pool-intelligence .dp-callout,
html[data-theme="light"] body #dark-pool-intelligence .dp-callout,
html[data-theme="dark"] body #dark-pool-intelligence .dp-callout {
  margin-top: 64px !important;
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.9) 0%, rgba(2, 6, 23, 0.95) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 24px !important;
  padding: 48px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 40px !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 2 !important;
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.dp-callout::before {
  content: '' !important; 
  position: absolute !important; 
  top: 0 !important; 
  right: 0 !important; 
  bottom: 0 !important; 
  left: 0 !important;
  background: radial-gradient(circle at 100% 50%, rgba(56, 189, 248, 0.18) 0%, transparent 60%) !important;
  pointer-events: none !important;
}

.dp-callout-text h3,
#dark-pool-intelligence .dp-callout-text h3,
html body #dark-pool-intelligence .dp-callout-text h3,
html[data-theme="light"] body #dark-pool-intelligence .dp-callout-text h3,
html[data-theme="dark"] body #dark-pool-intelligence .dp-callout-text h3 { 
  color: #ffffff !important; 
  -webkit-text-fill-color: #ffffff !important;
  font-size: 26px !important; 
  margin: 14px 0 16px !important; 
  font-weight: 800 !important; 
  letter-spacing: -0.02em !important; 
  line-height: 1.3 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.dp-callout-text p,
#dark-pool-intelligence .dp-callout-text p,
html body #dark-pool-intelligence .dp-callout-text p,
html[data-theme="light"] body #dark-pool-intelligence .dp-callout-text p,
html[data-theme="dark"] body #dark-pool-intelligence .dp-callout-text p { 
  color: #cbd5e1 !important; 
  -webkit-text-fill-color: #cbd5e1 !important;
  font-size: 16px !important; 
  margin: 0 !important; 
  max-width: 650px !important; 
  line-height: 1.65 !important;
  font-weight: 400 !important;
}

.dp-callout-text span,
#dark-pool-intelligence .dp-callout-text span,
html body #dark-pool-intelligence .dp-callout-text span,
html[data-theme="light"] body #dark-pool-intelligence .dp-callout-text span { 
  font-size: 12.5px !important; 
  font-weight: 800 !important; 
  color: #38bdf8 !important; 
  -webkit-text-fill-color: #38bdf8 !important;
  letter-spacing: 0.08em !important; 
  background: rgba(56, 189, 248, 0.12) !important; 
  padding: 5px 12px !important; 
  border-radius: 6px !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  display: inline-block !important;
}

.dp-callout-action .btn-scan-trigger,
html body #dark-pool-intelligence .dp-callout-action .btn-scan-trigger {
  background: #ffffff !important; 
  color: #020617 !important; 
  -webkit-text-fill-color: #020617 !important;
  padding: 16px 34px !important; 
  border-radius: 12px !important; 
  font-weight: 800 !important; 
  text-decoration: none !important; 
  display: inline-flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  font-size: 15.5px !important; 
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; 
  white-space: nowrap !important; 
  box-shadow: 0 0 25px rgba(255,255,255,0.25) !important;
}

.dp-callout-action .btn-scan-trigger:hover { 
  transform: translateY(-2px) scale(1.03) !important; 
  box-shadow: 0 0 35px rgba(255,255,255,0.45) !important; 
}

.dp-callout-action span,
html body #dark-pool-intelligence .dp-callout-action span,
html[data-theme="light"] body #dark-pool-intelligence .dp-callout-action span { 
  display: block !important; 
  margin-top: 14px !important; 
  font-size: 13.5px !important; 
  color: #94a3b8 !important; 
  -webkit-text-fill-color: #94a3b8 !important;
  text-align: center !important; 
  font-weight: 500 !important;
}

@media (max-width: 1024px) {
  .dp-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 768px) {
  #dark-pool-intelligence { padding: 48px 24px !important; border-radius: 0 !important; border-left: none !important; border-right: none !important; margin: 0 !important; }
  .dp-grid { grid-template-columns: 1fr !important; }
  .dp-callout { flex-direction: column !important; text-align: center !important; padding: 40px 24px !important; }
}


/* ==========================================================================
   RADICAL AI PIPELINE REDESIGN (AURORA GLASS & DATA FLOW)
   ========================================================================== */
#pipeline {
  position: relative;
  padding: 80px 40px;
  border-radius: 32px;
  margin: 64px auto;
  max-width: 1200px;
  background: linear-gradient(180deg, #090a0d 0%, #000000 100%);
  border: 1px solid rgba(0,0,0,0.04);
  box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* Aurora Gradient Mesh Background */
#pipeline::before {
  content: '';
  position: absolute;
  top: -50%; left: -50%; width: 200%; height: 200%;
  background: 
    radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.1) 0%, transparent 40%),
    radial-gradient(circle at 80% 20%, rgba(168, 85, 247, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 20% 80%, rgba(34, 197, 94, 0.05) 0%, transparent 40%);
  filter: blur(60px);
  z-index: 0;
  animation: aurora-shift 15s infinite alternate ease-in-out;
  pointer-events: none;
}
@keyframes aurora-shift {
  0% { transform: rotate(0deg) scale(1); }
  100% { transform: rotate(5deg) scale(1.05); }
}

#pipeline .px-section-head { text-align: center; margin-bottom: 64px; position: relative; z-index: 2; }
#pipeline .px-section-head h2 {
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.03em;
  margin: 16px 0;
}
#pipeline .px-section-head p { color: #475569; font-size: 18px; max-width: 800px; margin: 0 auto; line-height: 1.6; }

.pl-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  gap: 16px;
}

.pl-step {
  flex: 1;
  position: relative;
  min-width: 0; /* allows flex shrinking */
}

/* Card Styling */
.pl-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 24px;
  padding: 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 24px -6px rgba(0, 0, 0, 0.03), inset 0 1px 0 rgba(255,255,255,1);
  position: relative;
}
.pl-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255,255,255,1);
  border-color: rgba(0, 102, 255, 0.2);
}

/* Step Badge */
.pl-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'SF Mono', ui-monospace, monospace;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 6px 14px;
  border-radius: 99px;
  margin-bottom: 20px;
  background: #f1f5f9;
  color: #0f172a;
  border: 1px solid #e2e8f0;
}
.pl-card.highlight .pl-badge {
  background: linear-gradient(135deg, #0ea5e9, #6366f1);
  color: #fff;
  border: none;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}
.pl-card.highlight {
  border: 1.5px solid rgba(99, 102, 241, 0.3);
  background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(238,242,255,0.5) 100%);
}

.pl-card h3 { font-size: 19px; font-weight: 800; color: #0f172a; margin: 0 0 12px; line-height: 1.3; }
.pl-card p { font-size: 15px; color: #475569; margin: 0 0 24px; line-height: 1.6; flex-grow: 1; }

.pl-micro {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pl-micro span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: #334155;
  background: rgba(241, 245, 249, 0.6);
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.03);
}

/* Connecting Flow Lines */
.pl-connector {
  flex-shrink: 0;
  width: 32px;
  height: 2px;
  background: rgba(0,0,0,0.08);
  position: relative;
  overflow: hidden;
  border-radius: 2px;
}
.pl-connector::after {
  content: '';
  position: absolute;
  top: 0; left: -32px;
  width: 32px; height: 100%;
  background: linear-gradient(90deg, transparent, #38bdf8, #6366f1, transparent);
  animation: data-flow 2s infinite linear;
}
@keyframes data-flow {
  0% { left: -32px; }
  100% { left: 100%; }
}

@media (max-width: 1024px) {
  .pl-flow { flex-wrap: wrap; justify-content: center; }
  .pl-step { min-width: 40%; }
  .pl-connector { display: none; }
}
@media (max-width: 768px) {
  #pipeline { padding: 48px 24px; border-radius: 0; border-left: none; border-right: none; margin: 0; }
  .pl-step { min-width: 100%; }
}


/* ==========================================================================
   RADICAL MATRIX REDESIGN (AWE-INSPIRING COMPARISON)
   ========================================================================== */
.v3-capability-contract {
  position: relative;
  z-index: 10;
  margin: 80px auto;
  max-width: 1200px;
}

.v3-contract-head {
  text-align: center;
  margin-bottom: 64px;
}
.v3-contract-head span {
  font-family: 'SF Mono', ui-monospace, monospace;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #3b82f6;
  text-transform: uppercase;
  background: rgba(59, 130, 246, 0.1);
  padding: 6px 12px;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 16px;
}
.v3-contract-head h2 {
  font-size: clamp(32px, 4vw, 44px);
  font-weight: 800;
  line-height: 1.2;
  color: #0f172a;
  max-width: 900px;
  margin: 0 auto 24px;
  letter-spacing: -0.02em;
}
.v3-contract-head p {
  font-size: 18px;
  color: #475569;
  max-width: 800px;
  margin: 0 auto 32px;
  line-height: 1.6;
}
.v3-decision-line {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(248,250,252,1) 100%);
  border: 1px solid rgba(0,0,0,0.06);
  padding: 12px 24px;
  border-radius: 99px;
  box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);
}
.v3-decision-line b {
  color: #059669;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.v3-decision-line b::before {
  content: '';
  display: inline-block;
  width: 8px; height: 8px;
  background: #10b981;
  border-radius: 50%;
  box-shadow: 0 0 12px #10b981;
}
.v3-decision-line span {
  font-size: 14.5px;
  color: #334155;
  font-weight: 500;
}

/* Radical Matrix Grid */
.v3-radical-matrix {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.v3-rm-head {
  display: grid;
  grid-template-columns: 280px 1fr 1fr;
  gap: 16px;
  padding: 0 24px 16px;
  align-items: end;
  border-bottom: 2px solid rgba(0,0,0,0.05);
  margin-bottom: 8px;
}
.v3-rm-head > div {
  font-family: 'SF Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #64748b;
  text-transform: uppercase;
}
.v3-rm-head .v3-rm-paid {
  color: #4f46e5;
  position: relative;
  text-align: center;
}

/* Rows */
.v3-rm-row {
  display: grid;
  grid-template-columns: 280px 1fr 1fr;
  gap: 16px;
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.04);
  border-radius: 16px;
  padding: 20px 24px;
  box-shadow: 0 2px 12px -4px rgba(0,0,0,0.02);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.v3-rm-row:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px -8px rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.08);
}

.v3-rm-feature {
  display: flex;
  align-items: center;
  gap: 12px;
}
.v3-rm-feature .rm-icon {
  font-size: 20px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}
.v3-rm-feature h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}

.v3-rm-free {
  font-size: 14.5px;
  color: #64748b;
  line-height: 1.5;
  padding-right: 24px;
}

/* Paid Column Highlight Overlay */
.v3-rm-paid {
  font-size: 14.5px;
  font-weight: 600;
  color: #1e1b4b;
  background: linear-gradient(90deg, rgba(238, 242, 255, 0.5) 0%, rgba(224, 231, 255, 0.8) 100%);
  padding: 16px 20px;
  border-radius: 12px;
  position: relative;
  line-height: 1.5;
  display: flex;
  align-items: center;
  border: 1px solid rgba(99, 102, 241, 0.1);
  height: 100%;
}
.v3-rm-paid .arr {
  color: #6366f1;
  margin: 0 6px;
  font-family: monospace;
}

/* Mobile Responsive */
@media (max-width: 900px) {
  .v3-rm-head { display: none; }
  .v3-rm-row {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px;
  }
  .v3-rm-feature { margin-bottom: 8px; border-bottom: 1px solid #eee; padding-bottom: 12px; }
  .v3-rm-free { padding-right: 0; }
  .v3-rm-paid { margin-top: 8px; }
  .v3-decision-line { flex-direction: column; text-align: center; }
}

.v3-boundary {
  margin-top: 48px;
  font-size: 13.5px;
  color: #64748b;
  text-align: center;
  background: #f8fafc;
  padding: 16px;
  border-radius: 12px;
  border: 1px dashed #cbd5e1;
}


/* ==========================================================================
   RADICAL SIGNALS ARRAY REDESIGN (AWE-INSPIRING RADAR BAND)
   ========================================================================== */
.signals {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;
  background: rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: 12px 32px !important;
  border-radius: 99px !important;
  max-width: fit-content !important;
  margin: 48px auto 0 !important;
  box-shadow: 0 12px 40px -12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255,255,255,1) !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  position: relative !important;
  z-index: 10 !important;
}
.signals::-webkit-scrollbar {
  display: none !important;
}

.signals span {
  font-family: 'SF Mono', ui-monospace, monospace !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  color: #475569 !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: color 0.3s ease !important;
  cursor: default !important;
}
.signals span:hover {
  color: #0f172a !important;
}

/* Glowing Neon Radar Dots */
.signals span::before {
  content: '' !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #38bdf8 !important;
  box-shadow: 0 0 10px #38bdf8, 0 0 20px #38bdf8 !important;
  animation: radar-pulse 2s infinite alternate ease-in-out !important;
}

/* Add different colors for different domains */
.signals span:nth-child(1)::before { background: #f43f5e !important; box-shadow: 0 0 10px #f43f5e !important; }
.signals span:nth-child(3)::before { background: #8b5cf6 !important; box-shadow: 0 0 10px #8b5cf6 !important; }
.signals span:nth-child(5)::before { background: #10b981 !important; box-shadow: 0 0 10px #10b981 !important; }
.signals span:nth-child(7)::before { background: #eab308 !important; box-shadow: 0 0 10px #eab308 !important; }
.signals span:nth-child(9)::before { background: #3b82f6 !important; box-shadow: 0 0 10px #3b82f6 !important; }

@keyframes radar-pulse {
  0% { transform: scale(0.8); opacity: 0.6; }
  100% { transform: scale(1.4); opacity: 1; }
}

/* Hide old dots */
.signals i {
  display: none !important;
}

@media (max-width: 900px) {
  .signals {
    justify-content: flex-start !important;
    padding: 12px 24px !important;
    margin: 32px 16px 0 !important;
    max-width: calc(100vw - 32px) !important;
    gap: 20px !important;
    border-radius: 20px !important;
    -webkit-overflow-scrolling: touch !important;
  }
}


/* PREMIUM HOMEPAGE DECISION / ARCHITECTURE / PIPELINE V2 */
#pipeline.px-pipeline-premium{background:#000000 !important; border:1px solid rgba(255,255,255,0.08) !important; color:#ffffff !important; box-shadow:none !important; 
  padding:88px 40px;
  border-radius:36px;
  background:
    radial-gradient(circle at 10% 10%,rgba(59,130,246,.08),transparent 34%),
    radial-gradient(circle at 90% 0%,rgba(99,102,241,.09),transparent 32%),
    linear-gradient(180deg,#090a0d 0%,#000000 100%);
  border:1px solid rgba(148,163,184,.16);
  overflow:hidden;
}
.px-section-head--center{text-align:center;margin-left:auto;margin-right:auto}
.px-pipeline-premium .pl-flow--premium{align-items:stretch;gap:14px}
.px-pipeline-premium .pl-step{display:flex}
.px-pipeline-premium .pl-card{
  min-height:470px;
  width:100%;
  padding:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92));
  box-shadow:0 18px 50px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.95);
}
.px-pipeline-premium .pl-card p{min-height:92px}
.px-pipeline-premium .pl-micro{margin-top:auto}
.px-pipeline-premium .pl-micro span{min-height:44px}
.pipeline-outcome-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:22px 0 74px;
}
.pipeline-outcome-strip>div{
  padding:18px 20px;
  border:1px solid #dbe5f2;
  border-radius:16px;
  background:rgba(255,255,255,.84);
  box-shadow:0 10px 30px rgba(15,23,42,.04);
}
.pipeline-outcome-strip span{
  display:block;
  margin-bottom:5px;
  color:#2563eb;
  font:800 11px/1.2 'SF Mono',ui-monospace,monospace;
  letter-spacing:.12em;
}
.pipeline-outcome-strip strong{display:block;color:#172033;font-size:16px}
.pillar-heading{margin-top:0!important;margin-bottom:30px!important}
.five-pillars-grid--premium{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.five-pillars-grid--premium .five-pillar-card{
  display:flex;
  min-width:0;
  min-height:330px;
  flex-direction:column;
  padding:24px;
  border:1px solid #dbe4f0;
  border-radius:22px;
  background:#090a0d !important; border:1px solid rgba(255,255,255,0.08) !important; color:#ffffff !important;
  box-shadow:0 16px 44px rgba(15,23,42,.055);
}
.five-pillars-grid--premium .pillar-badge{
  display:block;
  margin-bottom:18px;
  color:#64748b;
  font:800 12px/1.2 'SF Mono',ui-monospace,monospace;
  letter-spacing:.11em;
}
.five-pillars-grid--premium h3{margin:0 0 12px;font-size:20px;line-height:1.22;color:#111827}
.five-pillars-grid--premium p{margin:0;color:#536176;font-size:14px;line-height:1.65}
.pillar-proof{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:22px}
.pillar-proof span{
  padding:7px 9px;
  border:1px solid #dbe4f0;
  border-radius:999px;
  background:#f6f9fd;
  color:#536176;
  font-size:11px;
  font-weight:700;
}
.result-decision-guide--premium{
  max-width:1120px;
  margin-inline:auto;
  padding:86px 0;
}
.result-decision-guide--premium .px-section-head{max-width:790px;margin:0 auto 30px}
.result-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.result-action-card{
  min-height:245px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto 1fr auto;
  column-gap:14px;
  padding:24px;
  border:1px solid #dbe4ef;
  border-radius:22px;
  background:#090a0d !important; border:1px solid rgba(255,255,255,0.08) !important; color:#ffffff !important;
  box-shadow:0 16px 42px rgba(15,23,42,.055);
}
.result-action-card>span{
  grid-row:1/span 2;
  display:flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#edf4ff;
  color:#2563eb;
  font:900 13px/1 'SF Mono',ui-monospace,monospace;
}
.result-action-card>b{align-self:center;color:#64748b;font:800 12px/1.2 'SF Mono',ui-monospace,monospace;letter-spacing:.09em}
.result-action-card h3{grid-column:2;margin:8px 0 8px;color:#111827;font-size:21px}
.result-action-card p{grid-column:1/-1;margin:14px 0 0;color:#536176;line-height:1.65}
.result-action-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.result-action-meta em{
  padding:7px 10px;
  border:1px solid #dbe4ef;
  border-radius:999px;
  background:#f6f9fd;
  color:#607089;
  font-size:11px;
  font-style:normal;
  font-weight:700;
}
.result-action-footer{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:18px;
}
.result-action-footer a{
  padding:10px 14px;
  border:1px solid #dbe4ef;
  border-radius:12px;
  background:#fff;
  color:#1d4ed8;
  font-weight:800;
  text-decoration:none;
}
@media(max-width:1180px){
  .five-pillars-grid--premium{grid-template-columns:repeat(3,minmax(0,1fr))}
  .px-pipeline-premium .pl-flow--premium{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .px-pipeline-premium .pl-connector{display:none}
}
@media(max-width:760px){
  #pipeline.px-pipeline-premium{background:#000000 !important; border:1px solid rgba(255,255,255,0.08) !important; color:#ffffff !important; box-shadow:none !important; padding:56px 18px;border-radius:24px}
  .px-pipeline-premium .pl-flow--premium,
  .five-pillars-grid--premium,
  .pipeline-outcome-strip,
  .result-action-grid{grid-template-columns:1fr}
  .px-pipeline-premium .pl-card,
  .five-pillars-grid--premium .five-pillar-card,
  .result-action-card{min-height:auto}
  .result-decision-guide--premium{padding:64px 18px}
  .result-action-footer{flex-direction:column;align-items:stretch}
  .result-action-footer a{text-align:center}
}



/* PDF-INSPIRED CUSTOMER STORY V1 */
.story-shell{
  --story-blue:#1237e8;
  --story-blue-2:#1d4ed8;
  --story-ink:#0f172a;
  --story-muted:#5f6f89;
  --story-soft:#eef2ff;
  --story-line:#dfe6f1;
  width:min(1280px,calc(100% - 32px));
  margin:32px auto 96px;
}
.story-section{
  position:relative;
  padding:76px 72px;
  margin:0 0 28px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:34px;
  background:
    radial-gradient(circle at 92% 8%,rgba(79,70,229,.055),transparent 30%),
    linear-gradient(180deg,#090a0d 0%,#000000 100%);
  box-shadow:0 24px 70px rgba(15,23,42,.055);
  overflow:hidden;
}
.story-index{
  position:absolute;
  top:30px;
  right:34px;
  color:#8aa0c4;
  font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.12em;
}
.story-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:64px;
  align-items:center;
}
.story-grid--intro{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.story-grid--demo{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.story-grid--why{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.story-kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  margin-bottom:18px;
  border-radius:8px;
  background:#eef3ff;
  color:#1764df;
  font:850 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
}
.story-section h2{
  max-width:780px;
  margin:0 0 22px;
  color:var(--story-ink);
  font-size:clamp(30px,3.4vw,52px);
  line-height:1.06;
  letter-spacing:-.038em;
}
.story-section h3{color:var(--story-ink)}
.story-lead,
.story-head>p{
  max-width:760px;
  margin:0;
  color:var(--story-muted);
  font-size:18px;
  line-height:1.65;
}
.story-copy-stack{display:grid;gap:14px}
.story-copy-stack p{
  margin:0;
  padding:18px 20px;
  border-radius:18px;
  background:#eef2ff;
  color:#263c68;
  font-size:16px;
  line-height:1.62;
}
.story-blue-panel{
  min-height:330px;
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.13),transparent 32%),
    linear-gradient(135deg,#1746f6 0%,#1237d9 52%,#0b2eb7 100%);
  box-shadow:0 30px 70px rgba(26,61,210,.2);
}
.story-panel-label{
  margin-bottom:14px;
  color:#cfe0ff;
  font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
}
.story-blue-panel h3{
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(26px,2.8vw,40px);
  line-height:1.08;
}
.story-blue-panel p{
  margin:0;
  color:#e3ebff;
  font-size:17px;
  line-height:1.6;
}
.story-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px;
}
.story-proof-row span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:12px;
  font-weight:750;
}
.story-head{
  max-width:820px;
  margin-bottom:34px;
}
.story-numbered-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 18px;
}
.story-numbered-grid article{
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-rows:auto 1fr;
  gap:4px 12px;
  min-height:124px;
  padding:18px 20px;
  border-radius:18px;
  background:#eef2ff;
}
.story-numbered-grid b{
  grid-row:1/span 2;
  color:#1547dc;
  font:900 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.story-numbered-grid span{
  color:#17223b;
  font-weight:850;
  font-size:15px;
}
.story-numbered-grid p{
  margin:4px 0 0;
  color:#5b6b86;
  font-size:13.5px;
  line-height:1.5;
}
.story-checks{display:grid;gap:10px;margin-top:26px}
.story-checks>div{display:flex;align-items:flex-start;gap:10px}
.story-checks i{
  display:grid;
  place-items:center;
  width:22px;height:22px;flex:0 0 22px;
  border-radius:999px;
  background:#e6f9ef;
  color:#0a9d5b;
  font-style:normal;
  font-size:12px;
  font-weight:900;
}
.story-checks span{color:#43516a;line-height:1.55}
.story-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.story-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border:1px solid #d8e1ee;
  border-radius:14px;
  background:#fff;
  color:#15325f;
  font-weight:850;
  text-decoration:none;
}
.story-btn--primary{
  border-color:#1764e8;
  background:#1764e8;
  color:#fff;
  box-shadow:0 12px 28px rgba(23,100,232,.18);
}
.story-report-preview{
  border:1px solid #d9e2ef;
  border-radius:28px;
  background:#fff;
  box-shadow:0 30px 70px rgba(15,23,42,.10);
  overflow:hidden;
}
.story-browser-bar{
  display:flex;
  align-items:center;
  gap:7px;
  padding:14px 18px;
  border-bottom:1px solid #e5eaf2;
  background:#f7f9fc;
}
.story-browser-bar>span{width:9px;height:9px;border-radius:50%}
.story-browser-bar>span:nth-child(1){background:#ff5f57}
.story-browser-bar>span:nth-child(2){background:#febc2e}
.story-browser-bar>span:nth-child(3){background:#28c840}
.story-browser-bar em{
  margin-left:7px;
  color:#6b7890;
  font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.1em;
  font-style:normal;
}
.story-report-body{padding:30px}
.story-report-tag{
  display:inline-flex;
  padding:7px 10px;
  border:1px solid #f6cf7a;
  border-radius:8px;
  background:#fff8e8;
  color:#b56b00;
  font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.story-report-body h3{margin:18px 0 8px;font-size:26px}
.story-report-body>p{margin:0 0 22px;color:#5c6b83;line-height:1.6}
.story-evidence,.story-fix{
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:16px;
}
.story-evidence{
  margin-bottom:12px;
  border:1px solid #ffd3d9;
  background:#fff2f4;
}
.story-evidence b{color:#c32746;font-size:11px;letter-spacing:.1em}
.story-evidence code{color:#9f2440;white-space:normal}
.story-fix{
  border:1px solid #bcebd5;
  background:#eefbf5;
}
.story-fix b{color:#058a50;font-size:11px;letter-spacing:.1em}
.story-fix span{color:#1e6b4c;font-weight:800}
.story-process{
  background:
    radial-gradient(circle at 15% 18%,rgba(68,166,255,.10),transparent 30%),
    linear-gradient(180deg,#f7fbff 0%,#eff6ff 100%);
}
.story-step-list{display:grid;gap:12px}
.story-step-list article{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:16px;
  align-items:start;
  padding:18px 20px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dfe7f3;
}
.story-step-list b{
  display:grid;
  place-items:center;
  width:42px;height:42px;
  border-radius:12px;
  background:#1746e8;
  color:#fff;
  font:900 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.story-step-list h3{margin:1px 0 4px;font-size:18px}
.story-step-list p{margin:0;color:#5e6e87;line-height:1.5}
.story-trust-panel{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  padding:26px;
  border-radius:30px;
  background:
    radial-gradient(circle at 80% 10%,rgba(43,121,255,.22),transparent 30%),
    linear-gradient(145deg,#0d1a33 0%,#102648 100%);
  box-shadow:0 28px 64px rgba(15,23,42,.18);
}
.story-trust-panel article{
  min-height:220px;
  padding:20px 17px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.06);
}
.story-trust-panel span{
  color:#7ec8ff;
  font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.story-trust-panel h3{margin:18px 0 10px;color:#fff;font-size:17px}
.story-trust-panel p{margin:0;color:#c2cce0;font-size:13px;line-height:1.55}
.story-why-visual{
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:44px;
  text-align:center;
  border-radius:50% 38% 46% 42%;
  background:linear-gradient(135deg,#dfe7ff 0%,#bfcfff 100%);
  color:#17358a;
}
.story-why-visual span{font:850 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
.story-why-visual strong{max-width:290px;margin:18px 0 8px;font-size:34px;line-height:1.08}
.story-why-visual p{margin:0;font-size:17px}
.story-reasons{display:grid;gap:10px}
.story-reasons p{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  margin:0;
  padding:11px 14px;
  border-radius:12px;
  background:#eef2ff;
  color:#42516a;
  line-height:1.5;
}
.story-reasons b{color:#1746e8}
.story-close{
  min-height:470px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);
  gap:48px;
  align-items:center;
  color:#fff;
  background:
    radial-gradient(circle at 78% 45%,rgba(66,184,255,.28),transparent 22%),
    radial-gradient(circle at 90% 20%,rgba(255,255,255,.12),transparent 35%),
    linear-gradient(135deg,#0f36d8 0%,#132ca8 62%,#0c2185 100%);
}
.story-close .story-index{color:#b9ccff}
.story-close .story-kicker{background:rgba(255,255,255,.12);color:#dce7ff}
.story-close h2{color:#fff;max-width:700px}
.story-close p{max-width:720px;color:#dce6ff;font-size:18px;line-height:1.65}
.story-btn--light{background:#fff;color:#1237d9;border-color:#fff}
.story-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.story-close-orbit{
  position:relative;
  min-height:310px;
}
.story-close-orbit::before,
.story-close-orbit::after{
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
}
.story-close-orbit::before{inset:22px 8px 12px 38px}
.story-close-orbit::after{inset:72px 58px 60px 88px}
.story-close-orbit span{
  position:absolute;
  display:grid;
  place-items:center;
  min-width:92px;
  min-height:54px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
  font-weight:800;
}
.story-close-orbit span:nth-child(1){left:4%;top:18%}
.story-close-orbit span:nth-child(2){right:4%;top:8%}
.story-close-orbit span:nth-child(3){left:34%;top:42%}
.story-close-orbit span:nth-child(4){right:7%;bottom:10%}
.story-close-orbit span:nth-child(5){left:7%;bottom:7%}

@media(max-width:1100px){
  .story-section{padding:66px 46px}
  .story-grid,.story-grid--intro,.story-grid--demo,.story-grid--why{grid-template-columns:1fr;gap:36px}
  .story-numbered-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .story-trust-panel{grid-template-columns:repeat(3,minmax(0,1fr))}
  .story-close{grid-template-columns:1fr}
  .story-close-orbit{min-height:240px}
  .story-why-visual{min-height:280px;border-radius:28px}
}
@media(max-width:720px){
  .story-shell{width:min(100% - 18px,1280px);margin-top:18px}
  .story-section{padding:54px 22px;border-radius:24px}
  .story-index{top:20px;right:22px}
  .story-section h2{font-size:clamp(30px,10vw,42px)}
  .story-numbered-grid,.story-trust-panel{grid-template-columns:1fr}
  .story-trust-panel{padding:16px}
  .story-trust-panel article{min-height:auto}
  .story-blue-panel{padding:28px;min-height:auto}
  .story-report-body{padding:22px}
  .story-actions{flex-direction:column}
  .story-btn{width:100%}
  .story-close-orbit{display:none}
  .story-close{min-height:auto}
}



/* CUSTOMER DECISION HOMEPAGE V2 */
:root{
  --decision-ink:#ffffff;
  --decision-muted:#d4d4d8;
  --decision-blue:#2048f4;
  --decision-blue-deep:#1433c9;
  --decision-blue-soft:#0d152a;
  --decision-blue-mid:#c9d6ff;
  --decision-line:rgba(255,255,255,0.08);
  --decision-green:#118a55;
  --decision-green-soft:rgba(16,185,129,0.12);
  --decision-red:#b32645;
  --decision-red-soft:rgba(239,68,68,0.12);
}
.decision-hero{
  max-width:1320px;
  margin:0 auto 34px;
  padding-top:74px;
}
.decision-hero .kicker b{letter-spacing:.16em}
.decision-hero h1{
  max-width:1050px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(44px,5.4vw,78px);
  line-height:1.02;
  letter-spacing:-.05em;
}
.decision-hero .hero-answer{
  max-width:900px;
  font-size:clamp(18px,1.7vw,25px);
  line-height:1.52;
}
.decision-hero-proof{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:24px auto 20px;
}
.decision-hero-proof span{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:0 15px;
  border:1px solid rgba(255,255,255,0.12) !important;
  border-radius:999px;
  background:rgba(255,255,255,0.08) !important;
  color:#ffffff !important;
  font-size:14px;
  font-weight:700;
  box-shadow:none !important;
}
.decision-signals{
  max-width:940px;
  margin:26px auto 0;
  justify-content:center;
}
.decision-signals span{
  color:#4e6383;
  font-size:12px;
  letter-spacing:.11em;
}

.decision-shell{
  width:min(1320px,calc(100% - 32px));
  margin:38px auto 96px;
}
.decision-section{
  position:relative;
  margin:0 0 30px;
  padding:78px 70px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:40px;
  background:#000000 !important;
  background-color:#000000 !important;
  box-shadow:none !important;
  color:#ffffff !important;
}
.decision-section-no{
  position:absolute;
  top:28px;
  right:34px;
  color:#91a4c4;
  font:850 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
}
.decision-heading{
  max-width:960px;
  margin-bottom:38px;
}
.decision-heading--split{
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
  gap:56px;
  align-items:end;
}
.decision-kicker{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 12px;
  margin-bottom:17px;
  border-radius:9px;
  background:rgba(255,255,255,0.08) !important;
  color:#ffffff !important; border:1px solid rgba(255,255,255,0.12);
  font:850 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;
}
.decision-section h2{
  max-width:980px;
  margin:0;
  color:var(--decision-ink);
  font-size:clamp(34px,4vw,58px);
  line-height:1.05;
  letter-spacing:-.045em;
}
.decision-heading>p,
.decision-heading--split>p{
  margin:18px 0 0;
  color:var(--decision-muted);
  font-size:19px;
  line-height:1.62;
}
.decision-heading--split>p{
  margin:0 0 4px;
  padding:22px 24px;
  border-radius:24px;
  background:#0d0f14 !important;
  color:#d4d4d8 !important; border:1px solid rgba(255,255,255,0.08);
}
.decision-question-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.decision-question-grid article{
  min-height:255px;
  padding:24px 20px 20px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,0.08) !important;
  border-radius:28px;
  background:#090a0d !important;
  box-shadow:none !important;
  color:#ffffff !important;
}
.decision-question-grid article:nth-child(3){
  background:#0d0f14 !important;
  border-color:rgba(59,130,246,0.3) !important;
}
.decision-question-grid b{
  color:#2860ed;
  font:900 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.12em;
}
.decision-question-grid h3{
  margin:20px 0 12px;
  color:#ffffff !important;
  font-size:23px;
  letter-spacing:-.02em;
}
.decision-question-grid p{
  margin:0;
  color:#a1a1aa !important;
  font-size:16px;
  line-height:1.5;
  font-weight:800;
}
.decision-question-grid span{
  margin-top:auto;
  padding-top:22px;
  color:#71809a;
  font-size:14px;
  line-height:1.5;
}
.decision-bridge{
  display:grid;
  grid-template-columns:repeat(9,auto);
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:120px;
  padding:24px;
  border-radius:34px;
  background:linear-gradient(135deg,#1639df 0%,#214af7 68%,#2a7cff 100%);
  box-shadow:0 24px 55px rgba(32,72,244,.18);
}
.decision-bridge span{
  min-width:120px;
  padding:13px 18px;
  text-align:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.11);
  color:#fff;
  font-weight:850;
}
.decision-bridge i{color:#d8e3ff;font-style:normal;font-weight:900}
.decision-output-grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:56px;
  align-items:center;
}
.decision-output-grid>div:first-child>h2{
  margin-bottom:26px;
}
.decision-checks{
  display:grid;
  gap:8px;
  margin-top:18px;
}
.decision-checks p{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:12px;
  margin:0;
  padding:13px 15px;
  border-radius:14px;
  background:#0d0f14 !important;
  border:1px solid rgba(255,255,255,0.08) !important;
}
.decision-checks b{color:#ffffff !important}
.decision-checks span{color:#a1a1aa !important}
.decision-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.decision-btn{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border:1px solid #d4deee;
  border-radius:15px;
  background:#fff;
  color:#193459;
  text-decoration:none;
  font-weight:850;
}
.decision-btn--primary{
  background:#1765eb;
  border-color:#1765eb;
  color:#fff;
  box-shadow:0 12px 26px rgba(23,101,235,.18);
}
.decision-report-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.08) !important;
  border-radius:30px;
  background:#090a0d !important;
  box-shadow:none !important;
  color:#ffffff !important;
}
.decision-report-top{
  display:flex;
  align-items:center;
  gap:7px;
  padding:16px 20px;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
  background:#0d0f14 !important;
}
.decision-report-top span{width:9px;height:9px;border-radius:50%}
.decision-report-top span:nth-child(1){background:#ff5f57}
.decision-report-top span:nth-child(2){background:#febc2e}
.decision-report-top span:nth-child(3){background:#28c840}
.decision-report-top em{
  margin-left:8px;
  color:#77879f;
  font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.12em;
  font-style:normal;
}
.decision-report-body{padding:32px}
.decision-severity{
  display:inline-flex;
  padding:8px 11px;
  border:1px solid rgba(245,158,11,0.3) !important;
  border-radius:9px;
  background:rgba(245,158,11,0.15) !important;
  color:#fbbf24 !important;
  font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.decision-report-body h3{
  margin:18px 0 8px;
  color:var(--decision-ink);
  font-size:30px;
  letter-spacing:-.025em;
}
.decision-report-body>p{
  margin:0 0 22px;
  color:#60718b;
  line-height:1.6;
}
.decision-evidence,.decision-paid{
  display:grid;
  gap:8px;
  padding:19px;
  border-radius:17px;
}
.decision-evidence{
  margin-bottom:12px;
  border:1px solid #ffcbd4;
  background:var(--decision-red-soft);
}
.decision-evidence b{color:var(--decision-red);font-size:11px;letter-spacing:.12em}
.decision-evidence code{color:#8e203a;white-space:normal}
.decision-paid{
  border:1px solid #b9e6d0;
  background:var(--decision-green-soft);
}
.decision-paid b{color:var(--decision-green);font-size:11px;letter-spacing:.12em}
.decision-paid span{color:#196847;font-weight:850}
.decision-offer{
  background:
    radial-gradient(circle at 15% 12%,rgba(35,110,255,.09),transparent 25%),
    linear-gradient(180deg,#090a0d 0%,#000000 100%);
}
.decision-offer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.decision-offer-card{
  min-height:390px;
  padding:34px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,0.08) !important;
  border-radius:32px;
  background:#090a0d !important;
  color:#ffffff !important;
}
.decision-offer-card>span{
  color:#2b63ea;
  font:900 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
}
.decision-offer-card h3{
  margin:18px 0 20px;
  color:var(--decision-ink);
  font-size:31px;
  line-height:1.12;
}
.decision-offer-card ul{
  margin:0 0 28px;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.decision-offer-card li{
  position:relative;
  padding-left:24px;
  color:#5b6b84;
  font-size:16px;
}
.decision-offer-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#17a36a;
  font-weight:900;
}
.decision-offer-card>a{
  margin-top:auto;
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,0.08) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.15) !important;
  font-weight:700;
  text-decoration:none;
}
.decision-offer-card--paid{
  background:linear-gradient(145deg,#1539df 0%,#2048f4 60%,#236ef2 100%);
  border-color:transparent;
  box-shadow:0 30px 65px rgba(32,72,244,.19);
}
.decision-offer-card--paid>span,
.decision-offer-card--paid h3{color:#fff}
.decision-offer-card--paid li{color:#e7edff}
.decision-offer-card--paid>a{background:#fff;color:#173fd4}
.decision-trust{
  background:#000000 !important;
  color:#ffffff !important;
}
.decision-trust-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);
  gap:54px;
  align-items:center;
}
.decision-trust-copy p{
  max-width:760px;
  margin:20px 0 0;
  color:#667791;
  font-size:17px;
  line-height:1.65;
}
.decision-trust-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:20px;
  border-radius:32px;
  background:#132b5c;
}
.decision-trust-points article{
  min-height:150px;
  padding:20px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(255,255,255,.07);
}
.decision-trust-points b{
  color:#82c9ff;
  font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.decision-trust-points span{
  margin-top:auto;
  color:#fff;
  font-size:15px;
  line-height:1.5;
  font-weight:760;
}
.decision-close{
  min-height:430px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);
  gap:50px;
  align-items:center;
  background:
    radial-gradient(circle at 82% 32%,rgba(75,205,255,.3),transparent 22%),
    linear-gradient(135deg,#1233cd 0%,#1d48ed 58%,#1766e9 100%);
}
.decision-close .decision-section-no{color:#b9ccff}
.decision-close .decision-kicker{background:rgba(255,255,255,.13);color:#dce8ff}
.decision-close h2{color:#fff}
.decision-close p{max-width:760px;color:#e1eaff;font-size:19px;line-height:1.6}
.decision-btn--light{background:#fff;color:#1540d4;border-color:#fff}
.decision-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
.decision-orbits{
  position:relative;
  min-height:280px;
}
.decision-orbits::before,.decision-orbits::after{
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
}
.decision-orbits::before{inset:10px 0 0 32px}
.decision-orbits::after{inset:58px 50px 48px 82px}
.decision-orbits span{
  position:absolute;
  display:grid;
  place-items:center;
  min-width:96px;
  min-height:52px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.13);
  color:#fff;
  font-weight:850;
}
.decision-orbits span:nth-child(1){left:2%;top:18%}
.decision-orbits span:nth-child(2){right:5%;top:9%}
.decision-orbits span:nth-child(3){left:33%;top:43%}
.decision-orbits span:nth-child(4){right:7%;bottom:8%}
.decision-orbits span:nth-child(5){left:5%;bottom:6%}

/* --------------------------------------------------------------------------
   PAY'NKOLAY PDF INSPIRED CORPORATE PRESENTATION & DECISION SYSTEM
   -------------------------------------------------------------------------- */
.pdf-hero-badges{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:24px auto 0;max-width:860px}
.pdf-hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,0.9);border:1px solid #dce4f2;box-shadow:0 4px 14px rgba(18,35,65,.05);font-size:13px;font-weight:700;color:#1e293b}
html[data-theme="dark"] .pdf-hero-badge{background:rgba(30,33,42,0.9);border-color:rgba(255,255,255,0.12);color:#f3f4f6}
.pdf-hero-badge i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0284c7;color:#fff;font-size:12px;font-style:normal;font-weight:900}

/* Block 2: About & Ecosystem Split */
.pdf-about-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:24px;align-items:stretch}
.pdf-about-cards{display:grid;gap:14px}
.pdf-card-capsule{padding:22px 26px;border-radius:20px;background: #090a0d !important; border: 1px solid rgba(255,255,255,0.08) !important;border:1px solid #dce4f2;box-shadow:0 6px 20px rgba(18,35,65,.04)}
html[data-theme="dark"] .pdf-card-capsule{background:#181a22;border-color:rgba(255,255,255,.08)}
.pdf-card-capsule h3{margin:0 0 6px;font-size:18px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:10px}
html[data-theme="dark"] .pdf-card-capsule h3{color:#f8fafc}
.pdf-card-capsule p{margin:0;font-size:14px;line-height:1.55;color:#475569}
html[data-theme="dark"] .pdf-card-capsule p{color:#94a3b8}

.pdf-ecosystem-box{padding:30px 28px;border-radius:24px;background:linear-gradient(145deg, #0b1528 0%, #060b16 100%);color:#ffffff;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 48px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:space-between}
.pdf-ecosystem-title{font-size:19px;font-weight:800;letter-spacing:-0.01em;margin-bottom:12px;color:#ffffff}
.pdf-ecosystem-desc{font-size:13.5px;line-height:1.55;color:#94a3b8;margin-bottom:24px}
.pdf-ecosystem-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pdf-eco-logo{padding:14px 10px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);text-align:center;font-size:13px;font-weight:700;color:#e2e8f0;display:flex;flex-direction:column;align-items:center;gap:6px}
.pdf-eco-logo span{font-size:10.5px;color:#38bdf8;font-weight:600}

/* Block 3: 15 Capabilities Menu */
.pdf-caps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.pdf-cap-pill{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background: #090a0d !important; border: 1px solid rgba(255,255,255,0.08) !important;border:1px solid #dce4f2;box-shadow:0 4px 14px rgba(18,35,65,.03);transition:all .18s ease}
html[data-theme="dark"] .pdf-cap-pill{background:#181a22;border-color:rgba(255,255,255,.08)}
.pdf-cap-pill:hover{transform:translateY(-2px);border-color:#0284c7;box-shadow:0 8px 24px rgba(2,132,199,.12)}
.pdf-cap-num{min-width:32px;height:32px;border-radius:10px;background:#e0f2fe;color:#0284c7;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;font-weight:900;display:grid;place-items:center}
html[data-theme="dark"] .pdf-cap-num{background:#0369a1;color:#ffffff}
.pdf-cap-text{font-size:13.5px;font-weight:750;color:#0f172a;line-height:1.35}
html[data-theme="dark"] .pdf-cap-text{color:#f1f5f9}
.pdf-cap-desc{display:block;font-size:11.5px;font-weight:500;color:#64748b;margin-top:2px}
html[data-theme="dark"] .pdf-cap-desc{color:#94a3b8}

/* Block 4: 3x3 Bot Compatibility Network */
.pdf-net-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.pdf-net-card{padding:20px;border-radius:20px;background: #090a0d !important; border: 1px solid rgba(255,255,255,0.08) !important;border:1px solid #dce4f2;box-shadow:0 6px 20px rgba(18,35,65,.04);display:flex;flex-direction:column;gap:8px}
html[data-theme="dark"] .pdf-net-card{background:#181a22;border-color:rgba(255,255,255,.08)}
.pdf-net-header{display:flex;justify-content:space-between;align-items:center}
.pdf-net-name{font-size:16px;font-weight:800;color:#0f172a}
html[data-theme="dark"] .pdf-net-name{color:#f8fafc}
.pdf-net-badge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.pdf-net-desc{font-size:13px;line-height:1.5;color:#64748b}

/* Block 5: 6 Infrastructure & Security Pillars */
.pdf-security-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:28px}
.pdf-sec-card{padding:22px 16px;border-radius:18px;background: #090a0d !important; border: 1px solid rgba(255,255,255,0.08) !important;border:1px solid #dce4f2;box-shadow:0 6px 20px rgba(18,35,65,.04);display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
html[data-theme="dark"] .pdf-sec-card{background:#181a22;border-color:rgba(255,255,255,.08)}
.pdf-sec-icon{width:44px;height:44px;border-radius:12px;background:#f0f7ff;color:#0284c7;display:grid;place-items:center;font-size:20px}
html[data-theme="dark"] .pdf-sec-icon{background:#0c4a6e;color:#38bdf8}
.pdf-sec-title{font-size:14px;font-weight:800;color:#0f172a}
html[data-theme="dark"] .pdf-sec-title{color:#f8fafc}
.pdf-sec-desc{font-size:12px;line-height:1.45;color:#64748b}
html[data-theme="dark"] .pdf-sec-desc{color:#94a3b8}

/* Block 6: 4 Steps Flow */
.pdf-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.pdf-step-card{padding:26px 22px;border-radius:22px;background: #090a0d !important; border: 1px solid rgba(255,255,255,0.08) !important;border:1px solid #dce4f2;box-shadow:0 8px 24px rgba(18,35,65,.04);display:flex;flex-direction:column}
html[data-theme="dark"] .pdf-step-card{background:#181a22;border-color:rgba(255,255,255,.08)}
.pdf-step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#0284c7;color:#ffffff;font-size:15px;font-weight:900;margin-bottom:16px}
.pdf-step-card h3{margin:0 0 8px;font-size:17px;font-weight:800;color:#0f172a}
html[data-theme="dark"] .pdf-step-card h3{color:#f8fafc}
.pdf-step-card p{margin:0;font-size:13.5px;line-height:1.55;color:#64748b}
html[data-theme="dark"] .pdf-step-card p{color:#94a3b8}

/* Block 7: Why Us Split Layout */
.pdf-why-split{display:grid;grid-template-columns:0.85fr 1.15fr;gap:28px;align-items:center;margin-top:24px}
.pdf-why-focal{padding:38px 30px;border-radius:28px;background:linear-gradient(135deg, #0284c7 0%, #0052cc 60%, #003399 100%);color:#ffffff;text-align:center;box-shadow:0 24px 60px rgba(0,82,204,.25)}
.pdf-why-focal h3{font-size:28px;font-weight:900;line-height:1.2;margin:12px 0}
.pdf-why-focal p{font-size:15px;line-height:1.6;color:#e0f2fe;margin:0 0 20px}
.pdf-why-badge-pill{display:inline-block;padding:8px 18px;border-radius:999px;background:#ffffff;color:#0052cc;font-weight:800;font-size:13px}
.pdf-why-list{display:grid;gap:10px}
.pdf-why-item{display:flex;align-items:flex-start;gap:14px;padding:15px 18px;border-radius:16px;background: #090a0d !important; border: 1px solid rgba(255,255,255,0.08) !important;border:1px solid #dce4f2;box-shadow:0 4px 14px rgba(18,35,65,.03)}
html[data-theme="dark"] .pdf-why-item{background:#181a22;border-color:rgba(255,255,255,.08)}
.pdf-why-num{min-width:28px;height:28px;border-radius:50%;background:#0284c7;color:#ffffff;font-size:13px;font-weight:900;display:grid;place-items:center}
.pdf-why-item span{font-size:13.5px;font-weight:650;color:#1e293b;line-height:1.45}
html[data-theme="dark"] .pdf-why-item span{color:#e2e8f0}

/* Block 8: Trust & Reference Logos */
.pdf-refs-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}
.pdf-ref-card{padding:16px 12px;border-radius:14px;background: #090a0d !important; border: 1px solid rgba(255,255,255,0.08) !important;border:1px solid #dce4f2;box-shadow:0 4px 12px rgba(18,35,65,.03);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
html[data-theme="dark"] .pdf-ref-card{background:#181a22;border-color:rgba(255,255,255,.08)}
.pdf-ref-card b{font-size:13.5px;font-weight:800;color:#0f172a}
html[data-theme="dark"] .pdf-ref-card b{color:#f8fafc}
.pdf-ref-card span{font-size:11px;color:#64748b}
html[data-theme="dark"] .pdf-ref-card span{color:#94a3b8}

@media(max-width:1024px){
  .pdf-caps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdf-security-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pdf-net-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdf-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdf-why-split{grid-template-columns:1fr}
  .pdf-refs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pdf-about-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .pdf-caps-grid,.pdf-security-grid,.pdf-net-grid,.pdf-steps-grid,.pdf-refs-grid{grid-template-columns:1fr}
  .pdf-hero-badges{flex-direction:column;align-items:stretch}
}

@media(max-width:1180px){
  .decision-question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .decision-question-grid article:last-child{grid-column:1/-1;min-height:180px}
  .decision-heading--split,.decision-output-grid,.decision-trust-grid{grid-template-columns:1fr;gap:34px}
  .decision-bridge{grid-template-columns:1fr;gap:7px}
  .decision-bridge i{transform:rotate(90deg);text-align:center}
}
@media(max-width:760px){
  .decision-shell{width:calc(100% - 18px);margin-top:18px}
  .decision-section{padding:58px 22px 30px;border-radius:28px}
  .decision-section-no{top:18px;right:22px}
  .decision-section h2{font-size:clamp(30px,10vw,44px)}
  .decision-question-grid,.decision-offer-grid,.decision-trust-points{grid-template-columns:1fr}
  .decision-question-grid article:last-child{grid-column:auto}
  .decision-question-grid article{min-height:auto}
  .decision-checks p{grid-template-columns:92px 1fr}
  .decision-actions{flex-direction:column}
  .decision-btn{width:100%}
  .decision-offer-card{min-height:auto;padding:28px 22px}
  .decision-close{grid-template-columns:1fr;min-height:auto}
  .decision-orbits{display:none}
  .decision-hero h1{font-size:clamp(42px,13vw,58px)}
  .decision-hero-proof{justify-content:flex-start;padding:0 10px}
}



/* PREMIUM MOBILE EXPERIENCE V2 — no-overflow + touch-safe */
html,body{width:100%;max-width:100%;overflow-x:clip}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
pre,code,a,p,h1,h2,h3,h4,li,span{overflow-wrap:anywhere;word-break:normal}
main,section,article,aside,header,footer,div{min-width:0}

html[data-theme="light"] .decision-offer-card--paid,
html[data-theme="dark"] .decision-offer-card--paid,
.decision-offer-card--paid{color:#fff!important}
html[data-theme="light"] .decision-offer-card--paid h2,
html[data-theme="light"] .decision-offer-card--paid h3,
html[data-theme="light"] .decision-offer-card--paid p,
html[data-theme="light"] .decision-offer-card--paid li,
html[data-theme="light"] .decision-offer-card--paid span,
html[data-theme="dark"] .decision-offer-card--paid h2,
html[data-theme="dark"] .decision-offer-card--paid h3,
html[data-theme="dark"] .decision-offer-card--paid p,
html[data-theme="dark"] .decision-offer-card--paid li,
html[data-theme="dark"] .decision-offer-card--paid span,
.decision-offer-card--paid h2,
.decision-offer-card--paid h3,
.decision-offer-card--paid p,
.decision-offer-card--paid li,
.decision-offer-card--paid span{color:#fff!important}
html[data-theme="light"] .decision-close,
html[data-theme="dark"] .decision-close,
.decision-close{color:#fff!important}
html[data-theme="light"] .decision-close h2,
html[data-theme="light"] .decision-close h3,
html[data-theme="light"] .decision-close p,
html[data-theme="light"] .decision-close span,
html[data-theme="dark"] .decision-close h2,
html[data-theme="dark"] .decision-close h3,
html[data-theme="dark"] .decision-close p,
html[data-theme="dark"] .decision-close span,
.decision-close h2,.decision-close h3,.decision-close p,.decision-close span{color:#fff!important}

.reference-premium{
  width:min(1120px,calc(100% - 40px));
  margin:0 auto 88px;
  display:grid;
  gap:20px;
}
.reference-premium__intro{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
  gap:20px;
}
.reference-premium__card{
  padding:30px;
  border:1px solid var(--theme-border,#dbe4f0);
  border-radius:28px;
  background:var(--theme-bg-surface,#fff);
  box-shadow:0 18px 50px rgba(15,23,42,.06);
}
.reference-premium__card--blue{
  background:linear-gradient(145deg,#1737d5 0%,#2351f5 65%,#2876f7 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
}
.reference-premium__card--blue h2,
.reference-premium__card--blue h3,
.reference-premium__card--blue p,
.reference-premium__card--blue span,
.reference-premium__card--blue strong{color:#fff!important}
.reference-premium__eyebrow{
  display:inline-flex;
  padding:7px 10px;
  margin-bottom:14px;
  border-radius:999px;
  background:#eef3ff;
  color:#1f56e6;
  font:850 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.11em;
}
.reference-premium__card--blue .reference-premium__eyebrow{
  background:rgba(255,255,255,.14);
  color:#e8efff;
}
.reference-premium h2{
  margin:0 0 14px;
  color:var(--theme-text-strong,#0f172a);
  font-size:clamp(30px,4vw,48px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.reference-premium h3{
  margin:0 0 10px;
  color:var(--theme-text-strong,#0f172a);
  font-size:22px;
  line-height:1.2;
}
.reference-premium p{margin:0;color:var(--theme-text-secondary,#64748b);font-size:17px;line-height:1.65}
.reference-premium__who{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.reference-premium__who article{
  padding:24px;
  min-height:180px;
  border:1px solid var(--theme-border,#dbe4f0);
  border-radius:22px;
  background:var(--theme-bg-surface,#fff);
}
.reference-premium__who b{
  display:block;
  margin-bottom:24px;
  color:#2563eb;
  font:900 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.reference-premium__flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:22px;
}
.reference-premium__flow span{
  display:flex;
  min-height:76px;
  align-items:center;
  justify-content:center;
  padding:14px;
  text-align:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:18px;
  background:rgba(255,255,255,.1);
  color:#fff!important;
  font-weight:800;
}
.reference-premium__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.reference-premium__actions a{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:14px;
  text-decoration:none;
  font-weight:850;
}
.reference-premium__actions .primary{background:#fff;color:#1639d9}
.reference-premium__actions .secondary{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08)}
.reference-premium__note{
  padding:18px 20px;
  border-radius:18px;
  background:#f5f7fb;
  color:#64748b;
  font-size:14px;
  line-height:1.55;
}

.concept-body .term-blocks section,
.ai-value-chain article,
.ai-market-evidence article{
  box-shadow:0 10px 30px rgba(15,23,42,.045);
}
.term-sources{
  padding:24px!important;
  border:1px solid var(--theme-border,#dbe4f0)!important;
  border-radius:22px!important;
  background:var(--theme-bg-surface,#fff)!important;
}
.term-sources ul{display:grid;gap:9px!important}
.term-sources a{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}

@media(max-width:900px){
  .reference-premium__intro{grid-template-columns:1fr}
  .reference-premium__who{grid-template-columns:1fr}
  .reference-premium__flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-value-chain,.ai-market-evidence>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:640px){
  :root{--mobile-gutter:16px}
  body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .topbar{position:sticky!important;top:0;z-index:1000}
  .topbar-shell{width:100%!important;max-width:100%!important;padding-left:var(--mobile-gutter)!important;padding-right:var(--mobile-gutter)!important}
  .brand-logo{max-width:118px!important}
  .nav-actions{min-width:0!important;gap:6px!important}
  .langs,.langs a,.langs button{flex:0 0 auto}

  .hero,.authority-hero,.concept-hero,.glossary-hero{
    width:100%!important;
    max-width:100%!important;
    padding:40px var(--mobile-gutter) 28px!important;
    overflow:hidden!important;
  }
  .hero h1,.authority-hero h1,.concept-hero h1,.glossary-hero h1{
    max-width:100%!important;
    font-size:clamp(34px,10.5vw,46px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    text-wrap:balance;
  }
  .hero>p,.authority-hero>p,.concept-hero>p,.glossary-hero>p{
    max-width:100%!important;
    font-size:17px!important;
    line-height:1.55!important;
  }
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:10px!important;
  }
  .hero-actions a{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:12px 14px!important;
    white-space:normal!important;
    text-align:center!important;
  }

  .decision-shell,.reference-premium,.concept-body,.ai-opportunity-shell{
    width:calc(100% - (var(--mobile-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .decision-section{
    padding:50px 18px 24px!important;
    border-radius:24px!important;
  }
  .decision-section h2{
    max-width:100%!important;
    font-size:clamp(30px,9vw,42px)!important;
    line-height:1.04!important;
  }
  .decision-heading>p,.decision-heading--split>p,.decision-close p{font-size:16px!important;line-height:1.55!important}
  .decision-question-grid,
  .decision-offer-grid,
  .decision-trust-points,
  .decision-output-grid,
  .decision-heading--split{grid-template-columns:1fr!important}
  .decision-question-grid article{min-height:0!important;padding:20px!important}
  .decision-question-grid span{margin-top:16px!important;padding-top:0!important}
  .decision-bridge{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  .decision-bridge span{width:100%!important;min-width:0!important;white-space:normal!important}
  .decision-report-body{padding:22px 18px!important}
  .decision-report-body h3{font-size:25px!important}
  .decision-evidence code{font-size:13px!important;overflow-wrap:anywhere!important}
  .decision-offer-card{padding:24px 20px!important;border-radius:24px!important}
  .decision-offer-card h3{font-size:27px!important}
  .decision-trust-points{padding:14px!important}
  .decision-trust-points article{min-height:120px!important}
  .decision-close{grid-template-columns:1fr!important;min-height:0!important}
  .decision-close .decision-actions{display:grid!important;grid-template-columns:1fr!important}
  .decision-orbits{display:none!important}

  .reference-premium{gap:14px!important;margin-bottom:52px!important}
  .reference-premium__card{padding:22px 18px!important;border-radius:24px!important}
  .reference-premium__who{grid-template-columns:1fr!important;gap:10px!important}
  .reference-premium__who article{min-height:0!important;padding:20px!important}
  .reference-premium__flow{grid-template-columns:1fr!important;gap:8px!important}
  .reference-premium__flow span{min-height:58px!important}
  .reference-premium__actions{display:grid!important;grid-template-columns:1fr!important}
  .reference-premium__actions a{width:100%!important;min-height:52px!important}
  .reference-premium__note{padding:16px!important}

  .concept-body{padding:18px 0 52px!important}
  .concept-body .term-blocks{grid-template-columns:1fr!important;gap:10px!important}
  .concept-body .term-blocks section{padding:20px!important;border-radius:20px!important}
  .concept-body .term-blocks h2{font-size:18px!important}
  .concept-body .term-blocks p{font-size:16px!important;line-height:1.58!important}
  .term-sources{padding:20px 18px!important;margin-top:14px!important}
  .term-sources ul{padding-left:18px!important}
  .term-sources a{font-size:14px!important;line-height:1.45!important}

  .ai-opportunity{padding:48px var(--mobile-gutter)!important}
  .ai-opportunity h2{font-size:clamp(30px,9vw,42px)!important;line-height:1.05!important}
  .ai-opportunity-lead{font-size:16px!important;line-height:1.58!important}
  .ai-term-strip{overflow:visible!important;flex-wrap:wrap!important;padding-bottom:0!important;scrollbar-width:auto}
  .ai-term-strip a{flex:0 1 auto!important;white-space:normal!important;min-height:44px!important}
  .brand{min-height:44px!important;padding-block:10px!important}
  .langs a,.langs button,.hh-mobile-menu-btn,.hh-mobile-toggle,.hh-dock-item{min-width:44px!important;min-height:44px!important}
  .hh-mobile-menu-btn,.hh-mobile-toggle{width:44px!important;height:44px!important}
  .hh-dock-item{padding:8px 12px!important}
  .hh-mobile-toggle{right:max(10px,env(safe-area-inset-right))!important;left:auto!important;transform:none!important}
  .ai-value-chain,.ai-market-evidence>div{grid-template-columns:1fr!important}
  .ai-value-chain article,.ai-market-evidence article{min-height:0!important;padding:20px!important;border-radius:20px!important}
  .ai-opportunity-actions{display:grid!important;grid-template-columns:1fr!important}
  .ai-opportunity-actions a{width:100%!important;min-width:0!important;min-height:52px!important;white-space:normal!important;text-align:center!important}
  .ai-opportunity-guard{font-size:14px!important}

  .scanbox,.scanbox form,.scanbox .field,.hh-input-wrapper{max-width:100%!important;min-width:0!important}
  .scanbox .field{display:grid!important;grid-template-columns:1fr!important}
  #domainInput{min-width:0!important;max-width:100%!important}
  #scanButton{width:100%!important;max-width:none!important;min-height:50px!important}

  a,button,input,select,textarea{max-width:100%}
  button,.decision-btn,.nav-scan-cta,.hero-actions a,.ai-opportunity-actions a,.reference-premium__actions a{touch-action:manipulation}
}

@media(max-width:390px){
  .hero h1,.authority-hero h1,.concept-hero h1,.glossary-hero h1{font-size:clamp(31px,10vw,39px)!important}
  .decision-section{padding-left:16px!important;padding-right:16px!important}
  .decision-section h2{font-size:clamp(28px,9vw,36px)!important}
  .reference-premium h2{font-size:30px!important}
}


/* --------------------------------------------------------------------------
   PROFOUND PITCH BLACK & CHARCOAL DESIGN IDENTITY (#000000 / #090a0d)
   -------------------------------------------------------------------------- */
.decision-shell {
  background: #000000 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}
.pdf-card-capsule {
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-left: 4px solid #2563eb !important;
  background: #090a0d !important;
  color: #ffffff !important;
}
.pdf-cap-pill {
  border-radius: 999px !important;
  padding: 12px 20px !important;
  background: #090a0d !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}
.pdf-cap-num {
  border-radius: 50% !important;
  background: #1d4ed8 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
}
.pdf-sec-card {
  border-top: 3px solid #2563eb !important;
  border-radius: 20px !important;
  background: #090a0d !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}
.pdf-sec-icon {
  background: rgba(37, 99, 235, 0.15) !important;
  color: #60a5fa !important;
}
.pdf-step-card {
  border-top: 3px solid #2563eb !important;
  border-radius: 22px !important;
  background: #090a0d !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}
.pdf-step-num {
  background: #2563eb !important;
  color: #ffffff !important;
}
.pdf-why-focal {
  background: linear-gradient(135deg, #090a0d 0%, #0d152a 100%) !important;
  border: 1px solid rgba(37, 99, 235, 0.3) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}
.decision-question-grid article {
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-left: 3px solid #2563eb !important;
  background: #090a0d !important;
  color: #ffffff !important;
}


/* === SUPREME LOGO REINFORCEMENT === */

/* ==========================================================================
   SUPREME LOGO HIGH-CONTRAST INVERSION & VISIBILITY REINFORCEMENT
   ========================================================================== */
html[data-theme="dark"] body .brand-logo,
html[data-theme="dark"] body .brand img,
html:not([data-theme="light"]) body .brand-logo,
html:not([data-theme="light"]) body .brand img,
html body .brand-logo,
html body .brand img,
html body header .brand-logo,
html body footer .brand-logo,
html body .footer-brand .brand-logo,
html body #hhCyberDrawer .brand-logo,
.brand-logo {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: invert(1) brightness(2) drop-shadow(0 0 1px rgba(255, 255, 255, 0.8)) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  max-width: 180px !important;
  height: 28px !important;
  width: auto !important;
  object-fit: contain !important;
}

html[data-theme="light"] body .brand-logo,
html[data-theme="light"] body .brand img,
html[data-theme="light"] body header .brand-logo,
html[data-theme="light"] body footer .brand-logo,
html[data-theme="light"] .brand-logo {
  filter: none !important;
}

html body footer .brand-logo,
html body .footer-brand .brand-logo {
  height: 24px !important;
}


/* === PROFOUND PITCH BLACK & APPLE TYPOGRAPHY SYSTEM === */

/* ==========================================================================
   PROFOUND PITCH BLACK & APPLE TYPOGRAPHY SYSTEM (CASCADE FORTRESS)
   Silicon Valley & London Tier (M+) Pure Pitch Black (#000000) Theme
   Eradicates ALL white backgrounds, light cards, and pale elements.
   Applies Apple.com SF Pro high-contrast large typography.
   ========================================================================== */

/* 1. Universal Container & Section Pitch Black Backgrounds */
html,
html body,
body,
.decision-shell,
.decision-section,
.decision-about,
.decision-capabilities,
.decision-ai-network,
.decision-security-pillars,
.decision-workflow,
.decision-why-us,
.decision-references,
.decision-output,
.decision-offer,
.decision-trust,
.decision-diagnosis,
.profound-workbench-section,
section.decision-section {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

/* 2. Apple.com Typography & Large High-Contrast Headings */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  letter-spacing: -0.022em !important;
}

.decision-section h2,
.decision-heading h2,
.hero h1,
.authority-hero h1,
h1, h2 {
  color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.15 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8) !important;
}

.decision-section-no {
  color: #71717a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

.decision-kicker {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  text-transform: uppercase !important;
}

.decision-heading p,
.decision-section p,
.hero p,
.hero-answer,
p {
  color: #d4d4d8 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
}

/* 3. Pure Pitch Black Card Architecture (#090a0d & Glowing Borders) */
.pdf-cap-pill,
.pdf-net-card,
.pdf-sec-card,
.pdf-step-card,
.pdf-why-item,
.pdf-ref-card,
.pdf-card-capsule,
.pdf-ecosystem-box,
.decision-question-grid article,
.decision-checks p,
.decision-report-card,
.decision-offer-card,
.decision-trust-point,
.ea-executive-summary,
.ea-executive-grid,
.card,
article {
  background: #090a0d !important;
  background-color: #090a0d !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.pdf-cap-pill:hover,
.pdf-net-card:hover,
.pdf-sec-card:hover,
.pdf-step-card:hover,
.pdf-why-item:hover,
.pdf-ref-card:hover,
.decision-question-grid article:hover,
.decision-offer-card:hover {
  border-color: rgba(255, 255, 255, 0.28) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 255, 255, 0.05) !important;
}

/* 4. Card Titles, Numbers, and Text Elements */
.pdf-cap-text,
.pdf-net-name,
.pdf-sec-title,
.pdf-step-card h3,
.pdf-why-item b,
.pdf-ref-card b,
.decision-question-grid h3,
.decision-checks b,
.decision-offer-card h3,
.decision-report-card h3 {
  color: #ffffff !important;
  font-size: 16.5px !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
}

.pdf-cap-desc,
.pdf-net-desc,
.pdf-sec-desc,
.pdf-step-card p,
.pdf-why-item span,
.pdf-ref-card span,
.decision-question-grid p,
.decision-question-grid span,
.decision-checks span,
.decision-offer-card li,
.decision-report-card p {
  color: #a1a1aa !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* Number Badges (Apple Style Glass Circles) */
.pdf-cap-num,
.pdf-step-num,
.pdf-why-num {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  font-weight: 700 !important;
}

/* 5. Section 07 Focal Block (Dark Electric Blue) */
.pdf-why-focal {
  background: linear-gradient(135deg, #091224 0%, #0c1a36 60%, #081020 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.3) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.8), 0 0 30px rgba(37, 99, 235, 0.15) !important;
}

.pdf-why-badge-pill {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.pdf-why-focal h3 {
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

.pdf-why-focal p {
  color: #cbd5e1 !important;
  font-size: 15px !important;
}

.pdf-why-focal a.decision-btn {
  background: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  font-weight: 700 !important;
}

/* 6. Section 09 & 10 Cards */
.decision-report-top {
  background: #0d0f14 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #a1a1aa !important;
}

.decision-report-body {
  background: #060709 !important;
  color: #ffffff !important;
}

.decision-severity {
  background: rgba(245, 158, 11, 0.15) !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
  color: #fbbf24 !important;
}

.decision-evidence {
  background: rgba(239, 68, 68, 0.12) !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

.decision-evidence b {
  color: #f87171 !important;
}

.decision-evidence code {
  color: #fecaca !important;
}

.decision-paid {
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

.decision-paid b,
.decision-paid span {
  color: #34d399 !important;
}

.decision-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 600 !important;
}

.decision-btn:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

.decision-btn--primary {
  background: #ffffff !important;
  color: #000000 !important;
  border: none !important;
}

.decision-offer-card--paid {
  background: linear-gradient(135deg, #0d152a 0%, #111e3d 100%) !important;
  border: 1px solid rgba(59, 130, 246, 0.35) !important;
}

.decision-offer-card--paid a {
  background: #ffffff !important;
  color: #000000 !important;
  border-radius: 999px !important;
}