/* Separate identities within one KnightVerse product family. */
html:has(body[data-product-motion="skit"]){background:#f7f5ef!important}
body[data-product-motion="skit"],body[data-product-motion="skit"] .page{background:#e4e0d4!important;color:#1d2439!important}
body[data-product-motion="skit"] nav{background:#f7f5eff5!important;border-color:#242b411c!important}
body[data-product-motion="skit"] nav .brand,body[data-product-motion="skit"] nav .brand em,body[data-product-motion="skit"] nav a{color:#29324e!important}
body[data-product-motion="skit"] .ep-hero h1{color:#141b2e}
body[data-product-motion="skit"] .ep-hero h1 em{color:#3f3c86}
body[data-product-motion="skit"] .ep-copy,body[data-product-motion="skit"] .ep-caption{color:#5c6478}
body[data-product-motion="skit"] .ep-kicker{color:#5555a4}
body[data-product-motion="skit"] .ep-action,body[data-product-motion="skit"] .nav-cta,body[data-product-motion="skit"] .button.primary{background:#242c49!important;color:#fff!important;border-color:#242c49!important}
body[data-product-motion="skit"] .ep-action.secondary{background:transparent!important;color:#39395e!important;border-color:#b7b4cc!important}
body[data-product-motion="skit"] .ep-strip{border-color:#d6d4df}
body[data-product-motion="skit"] .ep-strip div{border-color:#d6d4df}
body[data-product-motion="skit"] .ep-strip strong{color:#32374d}
body[data-product-motion="skit"] .ep-strip span{color:#655dad}
body[data-product-motion="skit"] .section-heading,body[data-product-motion="skit"] .suite-head h2,body[data-product-motion="skit"] .split h2{color:#242b41}
body[data-product-motion="skit"] .section-copy,body[data-product-motion="skit"] .logo-row{color:#60667b}
body[data-product-motion="skit"] .signal,body[data-product-motion="skit"] .step,body[data-product-motion="skit"] .suite-card{background:#fdfcf8!important;border:1px solid #d3cfbe!important;color:#34394e!important;box-shadow:0 10px 34px #2a24150f!important}
body[data-product-motion="skit"] .signal p,body[data-product-motion="skit"] .step p,body[data-product-motion="skit"] .suite-card p{color:#646a7d!important}
body[data-product-motion="skit"] footer{color:#414760;border-color:#d7d4df}
body[data-product-motion="skit"] footer a,body[data-product-motion="skit"] footer p,body[data-product-motion="skit"] footer small{color:#62677e!important}
.ep-skit-hero .ep-sculpture{pointer-events:auto;height:672px}
.ep-skit-hero .ep-hiring-preview{animation:none!important;background:#fff;border:1px solid #d9d7e9;color:#242b41;box-shadow:12px 14px 0 -5px #eeebf5,12px 14px 0 -4px #d7d3e7,0 24px 60px #31315e0e;inset:5px 0 15px 20px}
.ep-skit-hero .ep-hiring-preview h3{color:#292b48;font-size:28px;margin:20px 0;min-height:72px}
.ep-skit-hero .ep-preview-head{color:#6255a7;font-size:9px}
.skit-step-number{margin-top:28px;font:10px monospace;color:#736793;text-transform:uppercase;letter-spacing:.08em}
.skit-step-copy{font-size:13px;line-height:1.85;color:#687087;min-height:98px}
.ep-skit-hero .ep-preview-foot{font-size:9px;letter-spacing:0;line-height:1.6;color:#61579b;padding:12px;background:#f4f2fa;border-radius:6px;margin-top:16px}
.skit-step-dots,.skit-step-controls{display:flex;justify-content:space-between;gap:6px;margin-top:18px}
.skit-step-dots button,.skit-step-controls button{border:1px solid #dbd7ea;border-radius:6px;background:#fff;color:#5a5280;padding:8px 10px;font:11px Manrope,Arial,sans-serif;cursor:pointer}
.skit-step-dots button[aria-current="true"]{background:#57509c;color:white;border-color:#57509c}
.skit-step-controls button:hover{background:#eeebf6}.skit-step-controls button:focus-visible,.skit-step-dots button:focus-visible{outline:2px solid #6554be;outline-offset:3px}
.skit-tour-note{display:block;margin-top:15px;color:#89859b;font-size:9px;line-height:1.5}
body[data-product-motion="redteam"]{--void:#071426;--bg:#091a2c;--panel:#10233a;--teal:#8cc8f1;background:#071426!important}
body[data-product-motion="redteam"] nav{background:#071426f2!important}
body[data-product-motion="redteam"] .ep-video-backdrop{background:#071426}
body[data-product-motion="redteam"] .ep-video-backdrop video{opacity:.72;filter:saturate(1.08) contrast(1.05) brightness(.9)}
body[data-product-motion="redteam"] .ep-video-backdrop:after{background:linear-gradient(90deg,#071426e8 0%,#071426b8 24%,#07142635 62%,#07142618 100%),linear-gradient(0deg,#071426 0%,transparent 28%,transparent 72%,#071426c7 100%)}
body[data-product-motion="redteam"] .ep-hero h1 em{color:#8fc3ea}
body[data-product-motion="redteam"] .ep-action,body[data-product-motion="redteam"] .btn.primary{background:#b7ddf6!important;border-color:#b7ddf6!important;color:#10263b!important}
body[data-product-motion="redteam"] .ep-security-visual .ep-callout{background:#102236e8;border-color:#6aa7d455;box-shadow:0 18px 44px #020a14aa;backdrop-filter:blur(12px);animation:ep-float 6s ease-in-out infinite}
body[data-product-motion="redteam"] .ep-security-visual .ep-callout.two{animation-delay:-2.5s}
body[data-product-motion="redteam"] .ep-security-visual .ep-object{animation:ep-drift 14s ease-in-out infinite}
@keyframes ep-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes ep-drift{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(1deg) translateY(-12px)}}
html:has(body[data-product-motion="skit"]),body[data-product-motion="skit"]{background:#e4e0d4!important}
body[data-product-motion="skit"] .page{background:radial-gradient(ellipse at 86% -4%,#cfd8cd 0%,transparent 50%),radial-gradient(ellipse at 2% 98%,#e8d9c6 0%,transparent 46%),radial-gradient(ellipse at 50% 45%,#f3f0e6 0%,transparent 60%),linear-gradient(160deg,#eeebe0 0%,#e4e0d4 50%,#d9ddd2 100%)!important}
body[data-product-motion="skit"] nav{background:#eeebe0f2!important;border-color:#1d243922!important}
body[data-product-motion="skit"] nav .menu-toggle{color:#242b41!important}
body[data-product-motion="redteam"] .ep-video-backdrop{z-index:0}
body[data-product-motion="redteam"] .ep-dragon-hero>div:not(.ep-video-backdrop){position:relative;z-index:1}
body[data-product-motion="redteam"] .ep-video-backdrop video{opacity:1;filter:saturate(1.1) brightness(1.15)}
body[data-product-motion="redteam"] .ep-security-visual .ep-callout{display:none}
body[data-motion-paused="true"] .ep-security-visual .ep-object{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.ep-security-visual .ep-object,.ep-security-visual .ep-callout{animation:none!important}}
/* Continuous SKIT surfaces: avoid legacy dark sections beneath light text overrides. */
body[data-product-motion="skit"] .suite{background:#dcdfd4!important;border-color:#c6c8b9}
body[data-product-motion="skit"] footer{background:#dedbcd!important;padding:48px 24px 28px;border-radius:18px;border:1px solid #c7c3b2!important}
body[data-product-motion="skit"] footer:before,body[data-product-motion="skit"] footer:after{display:none!important}
body[data-product-motion="skit"] footer b,body[data-product-motion="skit"] .footer-col h3{color:#243451!important}
body[data-product-motion="skit"] .footer-contact{background:#edeae0;border-color:#c7c3b2}
body[data-product-motion="skit"] .footer-bottom{border-color:#c7c3b2;color:#4a5063}
body[data-product-motion="skit"] .cta-band{background:linear-gradient(120deg,#1d2439,#2c3350)!important;color:#f6f4ee!important}
body[data-product-motion="skit"] .ep-hiring-preview{background:linear-gradient(150deg,#f8f6ef,#eae6d9);border-color:#cfc7b4;transform-origin:center;transform:none;animation:none!important;box-shadow:0 44px 88px #2a241533,0 2px 0 #fffc inset}

/* ---- 3D walkthrough deck ------------------------------------------------ */
/* The stage owns the perspective; cards are absolutely positioned siblings
   inside it so they can overlap in Z without affecting layout. */
.skit-stage{position:relative;height:322px;margin-top:20px;perspective:1250px;perspective-origin:58% 42%;transform-style:preserve-3d}
.skit-card{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;padding:24px 26px;border-radius:14px;background:linear-gradient(157deg,#ffffff,#f7f4ec);border:1px solid #ddd4c1;box-shadow:0 24px 48px #2a24151f,0 1px 0 #fff inset;transform-origin:14% 50%;backface-visibility:hidden;will-change:transform,opacity;transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .52s ease}
.skit-card h3{margin:13px 0 0;font-size:23px;line-height:1.18;letter-spacing:-.02em;color:#141b2e}
.skit-card .skit-step-copy{margin:13px 0 0;min-height:0;flex:0 0 auto}
/* The flow chain reads as discrete handoffs rather than one run-on line. */
.skit-card .ep-preview-foot{display:flex;flex-wrap:wrap;align-items:center;gap:7px;background:transparent;padding:0;margin-top:auto;padding-top:14px}
.skit-hop{background:#242c49;color:#f5f2ea;border-radius:999px;padding:5px 11px;font:9px/1.5 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.skit-hop-arrow{color:#9c917a;font-style:normal;font-size:11px}
@media(max-width:540px){.skit-stage{height:360px}.skit-card{padding:20px}.skit-card h3{font-size:20px}}
body[data-product-motion="skit"][data-motion-paused="true"] .skit-card{transition:none!important}
body[data-product-motion="redteam"] .ep-video-backdrop:after{background:linear-gradient(90deg,#071426f2 0%,#071426db 30%,#07142675 57%,#07142622 82%),linear-gradient(0deg,#071426,transparent 30%,transparent 80%,#07142666)}
body[data-product-motion="redteam"] .ep-copy{color:#d0ddeb}
body[data-product-motion="redteam"] .ep-hero h1 em{color:#b7ddf6}
body[data-product-motion="redteam"] .ep-action.secondary{background:#0e2135bb!important;color:#e7f3ff!important;border-color:#81a7c4!important}
body[data-product-motion="redteam"] .ep-video-backdrop video{filter:saturate(.8) brightness(.95)}
@media(prefers-reduced-motion:reduce){.skit-card{transition:none!important}}
.kv-product-footer{border-top:1px solid #ffffff20;margin-top:38px;padding:25px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;font:12px/1.8 Arial,sans-serif;color:#a6b8cb}.kv-product-footer nav{position:static;border:0!important;padding:0!important;display:flex;gap:22px;background:transparent!important}.kv-product-footer a{color:#c8d9e9}
@media(max-width:540px){.ep-skit-hero .ep-sculpture{height:726px}.ep-skit-hero .ep-hiring-preview{inset:5px 0 20px;padding:22px}.ep-skit-hero .ep-hiring-preview h3{font-size:25px}.skit-step-dots button{padding:8px}.skit-step-copy{min-height:110px}}

/* Route back to the parent brand from a product page. Outlined rather than
   filled, so it never competes with the product's own primary CTA. */
.nav-home{border:1px solid currentColor;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;white-space:nowrap;opacity:.78;transition:opacity .2s ease,background .2s ease}
.nav-home:hover{opacity:1;background:#1d24390f}
body[data-product-motion="skit"] .nav-home{color:#242c49!important;border-color:#242c4959}
body[data-product-motion="redteam"] .nav-home{color:#cfe5f7!important;border-color:#cfe5f75c}
body[data-product-motion="redteam"] .nav-home:hover{background:#cfe5f71a}

/* ---- AI red teaming attack-surface canvas ------------------------------- */
body[data-product-motion="redteam"] .ep-security-visual{position:relative;min-height:430px;display:block}
/* Its own pool of darkness, so the wireframe is not competing with the
   video footage for the same pixels. */
body[data-product-motion="redteam"] .ep-security-visual:after{content:"";position:absolute;inset:-12% -8%;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#04101fdd 0%,#04101fa8 42%,transparent 72%)}
.rt-canvas,.rt-legend,.rt-readout{position:absolute;z-index:1}
.rt-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rt-legend{position:absolute;left:0;bottom:8px;display:flex;flex-direction:column;gap:7px;font:11px/1.4 'DM Mono',monospace;color:#a9c6dd;letter-spacing:.04em}
.rt-legend-row{display:flex;align-items:center;gap:8px}
.rt-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.rt-dot-ok{background:#78e2d6;box-shadow:0 0 9px #78e2d6aa}
.rt-dot-hit{background:#ff5c54;box-shadow:0 0 9px #ff5c54aa}
/* The live probe label, so the motion is legible as testing, not decoration. */
.rt-readout{position:absolute;right:0;top:6px;max-width:230px;text-align:right;font:11px/1.5 'DM Mono',monospace;letter-spacing:.04em;color:#a9c6dd;border-right:2px solid #8cc8f155;padding-right:10px;transition:color .3s ease,border-color .3s ease}
.rt-readout[data-state="hit"]{color:#ffb3ae;border-right-color:#ff5c54aa}
.rt-readout[data-state="ok"]{color:#9fe7dd;border-right-color:#78e2d688}
@media(max-width:900px){body[data-product-motion="redteam"] .ep-security-visual{display:block!important;min-height:340px;margin-top:26px}.rt-legend{font-size:10px}.rt-readout{font-size:10px;max-width:170px}}

/* ---- SKIT identity v3: midnight indigo ground --------------------------------
   The porcelain ground read as off-white on most displays, which is exactly what
   was asked against. SKIT's brand ink is indigo, so the ground now IS the brand:
   a deep indigo field with light glass cards on it. Cards keep their own light
   surfaces and dark text, so the 3D interview deck stays fully legible. */
html:has(body[data-product-motion="skit"]),body[data-product-motion="skit"]{background:#11152b!important}
body[data-product-motion="skit"],body[data-product-motion="skit"] .page{color:#e6e8f5!important}
body[data-product-motion="skit"] .page{background:radial-gradient(ellipse at 84% -6%,#3b3a8a 0%,transparent 48%),radial-gradient(ellipse at 0% 100%,#1f5a6b 0%,transparent 44%),radial-gradient(ellipse at 50% 40%,#1c2150 0%,transparent 62%),linear-gradient(165deg,#161a36 0%,#11152b 55%,#0d1124 100%)!important}
body[data-product-motion="skit"] nav{background:#12162ceb!important;border-color:#ffffff14!important;backdrop-filter:blur(14px)}
body[data-product-motion="skit"] nav .brand,body[data-product-motion="skit"] nav .brand em,body[data-product-motion="skit"] nav a,body[data-product-motion="skit"] nav .menu-toggle{color:#e6e8f5!important}
body[data-product-motion="skit"] .nav-home{color:#e6e8f5!important;border-color:#ffffff33}
body[data-product-motion="skit"] .ep-hero h1{color:#f5f6ff}
body[data-product-motion="skit"] .ep-hero h1 em{color:#b3a9ff}
body[data-product-motion="skit"] .ep-copy,body[data-product-motion="skit"] .ep-caption{color:#aab0cc}
body[data-product-motion="skit"] .ep-kicker{color:#9d95ff}
body[data-product-motion="skit"] .ep-action,body[data-product-motion="skit"] .nav-cta,body[data-product-motion="skit"] .button.primary{background:#8b80ff!important;color:#0f1230!important;border-color:#8b80ff!important}
body[data-product-motion="skit"] .ep-action.secondary{background:#ffffff0d!important;color:#e6e8f5!important;border-color:#ffffff33!important}
body[data-product-motion="skit"] .ep-strip,body[data-product-motion="skit"] .ep-strip div{border-color:#ffffff1f}
body[data-product-motion="skit"] .ep-strip strong{color:#eef0ff}
body[data-product-motion="skit"] .ep-strip span{color:#a99fff}
body[data-product-motion="skit"] .section-heading,body[data-product-motion="skit"] .suite-head h2,body[data-product-motion="skit"] .split h2{color:#f2f3ff}
body[data-product-motion="skit"] .section-copy,body[data-product-motion="skit"] .logo-row{color:#a3a9c4}
body[data-product-motion="skit"] .suite{background:#ffffff08!important;border-color:#ffffff17}
body[data-product-motion="skit"] .ep-hiring-preview{background:linear-gradient(150deg,#1b2046,#141838);border-color:#ffffff1f;box-shadow:0 44px 88px #0009,0 1px 0 #ffffff14 inset;color:#e6e8f5}
body[data-product-motion="skit"] .ep-preview-head{color:#a99fff}
body[data-product-motion="skit"] .skit-tour-note{color:#8d93b3}
body[data-product-motion="skit"] .skit-step-dots button,body[data-product-motion="skit"] .skit-step-controls button{background:#ffffff0d;border-color:#ffffff26;color:#d8dbf0}
body[data-product-motion="skit"] .skit-step-controls button:hover{background:#ffffff1f}
body[data-product-motion="skit"] .skit-step-dots button[aria-current="true"]{background:#8b80ff;border-color:#8b80ff;color:#0f1230}
body[data-product-motion="skit"] footer{background:#0f1328!important;border-color:#ffffff17!important;color:#b9bdd6}
body[data-product-motion="skit"] footer a,body[data-product-motion="skit"] footer p,body[data-product-motion="skit"] footer small{color:#9ea4c2!important}
body[data-product-motion="skit"] footer b,body[data-product-motion="skit"] .footer-col h3{color:#eef0ff!important}
body[data-product-motion="skit"] .footer-contact{background:#ffffff08;border-color:#ffffff1f}
body[data-product-motion="skit"] .footer-bottom{border-color:#ffffff17;color:#8d93b3}
body[data-product-motion="skit"] .cta-band{background:linear-gradient(120deg,#3b347f,#1f5a6b)!important;color:#f6f4ee!important}
/* Section cards go dark glass on the indigo ground. The cream cards carried the
   page's original neon accents (lime #b9ff65, cyan #37ddff) at ~1.2:1 contrast;
   those accents were designed for a dark surface, so the surface returns to one.
   The hero's 3D interview deck (.skit-card) stays light as the focal object. */
body[data-product-motion="skit"] .signal,body[data-product-motion="skit"] .step,body[data-product-motion="skit"] .suite-card{background:linear-gradient(160deg,#1c2148f2,#151936f2)!important;border:1px solid #ffffff1c!important;color:#e6e8f5!important;box-shadow:0 18px 44px #0006,0 1px 0 #ffffff12 inset!important}
body[data-product-motion="skit"] .signal h3,body[data-product-motion="skit"] .step h3,body[data-product-motion="skit"] .suite-card h3{color:#f4f5ff!important}
body[data-product-motion="skit"] .signal p,body[data-product-motion="skit"] .step p,body[data-product-motion="skit"] .suite-card p{color:#a9afcb!important}
body[data-product-motion="skit"] .suite-card:hover{border-color:#8b80ff66!important}