/* SecOne4all homepage luxe layer. Loaded last so the legacy theme remains stable elsewhere. */
.home-page{
  --luxe-bg:#03080f;
  --luxe-panel:rgba(8,20,25,.78);
  --luxe-panel-strong:rgba(7,18,22,.94);
  --luxe-line:rgba(111,255,184,.13);
  --luxe-cyan:#63e6ff;
  --luxe-emerald:#39f58a;
  isolation:isolate;
  color:#edf8f4;
  background:
    radial-gradient(circle at 77% 7%,rgba(42,206,255,.08),transparent 27%),
    radial-gradient(circle at 12% 22%,rgba(48,245,138,.08),transparent 29%),
    linear-gradient(180deg,#02070d 0,#04100f 35%,#03090d 100%);
}
.home-page:before{
  content:"";
  position:absolute;
  z-index:-3;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.6) 22%,transparent 58%);
  mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.6) 22%,transparent 58%);
}
.home-cyber-grid{position:absolute;z-index:-2;inset:0 0 auto;height:900px;overflow:hidden;pointer-events:none}
.home-cyber-grid:before,.home-cyber-grid:after{content:"";position:absolute;border:1px solid rgba(99,230,255,.07);border-radius:50%}
.home-cyber-grid:before{width:520px;height:520px;right:-240px;top:90px;box-shadow:0 0 100px rgba(99,230,255,.035)}
.home-cyber-grid:after{width:340px;height:340px;left:-190px;top:430px;border-color:rgba(57,245,138,.08)}
.home-cyber-grid i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--luxe-emerald);box-shadow:0 0 18px rgba(57,245,138,.85);animation:luxeNode 7s ease-in-out infinite}
.home-cyber-grid i:nth-child(1){left:10%;top:23%}.home-cyber-grid i:nth-child(2){right:18%;top:14%;animation-delay:-2.1s}.home-cyber-grid i:nth-child(3){right:7%;top:56%;animation-delay:-4.6s}
.home-glow{filter:blur(18px);opacity:.8}
.navigation{border-color:rgba(95,255,178,.1)!important;background:rgba(2,9,12,.82)!important;box-shadow:0 12px 42px rgba(0,0,0,.18);backdrop-filter:blur(18px) saturate(1.25)}
.navigation>.container{max-width:1320px}
.home-page .hero{min-height:760px;gap:78px;padding-top:104px;padding-bottom:90px}
.hero-copy{position:relative;z-index:4}
.home-page .eyebrow{margin-bottom:22px;color:#8fffc0;font-size:.67rem;letter-spacing:.2em}
.home-page .eyebrow>span{position:relative;width:28px;background:linear-gradient(90deg,var(--luxe-emerald),var(--luxe-cyan));box-shadow:0 0 12px rgba(57,245,138,.7)}
.home-page .hero h1{font-size:clamp(3.4rem,5.7vw,5.8rem);text-wrap:balance;text-shadow:0 12px 44px rgba(0,0,0,.35)}
.home-page .hero h1 em{background:linear-gradient(90deg,var(--luxe-emerald),#7bf6c4 55%,var(--luxe-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.home-page .hero-lead{max-width:650px;color:#a9bdb8;font-size:1.03rem}
.home-button{position:relative;overflow:hidden;border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important}
.home-button:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.16),transparent 70%);transform:translateX(-120%);transition:transform .55s ease}
.home-button:hover:after{transform:translateX(120%)}
.home-button-primary{background:linear-gradient(135deg,#24d66f,#47f795)!important;box-shadow:0 16px 42px rgba(38,226,119,.19),inset 0 1px 0 rgba(255,255,255,.25)!important}
.home-button-secondary{border-color:rgba(119,237,255,.2)!important;background:rgba(9,25,29,.54)!important;backdrop-filter:blur(12px)}
.home-button:focus-visible,.feature-card:focus-visible,.intelligence-item:focus-visible,.platform-directory-card a:focus-visible{outline:2px solid var(--luxe-cyan)!important;outline-offset:4px}
.hero-proof{gap:0;margin-top:48px!important;padding:14px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.hero-proof>div{min-width:0;flex:1;padding-inline:20px!important}
.hero-proof strong{color:#f4fffa!important;font-size:.78rem!important}.hero-proof span{color:#718b86!important;font-size:.63rem!important}
.hero-visual{--parallax-x:0px;--parallax-y:0px;perspective:1200px}
.terminal-card{border-color:rgba(111,255,184,.22)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(12,31,30,.9),rgba(4,14,18,.88))!important;box-shadow:0 42px 110px rgba(0,0,0,.52),0 0 70px rgba(31,218,119,.055),inset 0 1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(18px) saturate(1.1);transform:perspective(1100px) rotateY(-2deg) rotateX(1deg)}
.terminal-card:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(99,230,255,.018),transparent),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.009) 4px)}
.terminal-topbar,.terminal-body{position:relative;z-index:1}
.terminal-topbar{height:52px;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.012)}
.terminal-dots i:nth-child(1){background:#ff6b77}.terminal-dots i:nth-child(2){background:#ffc85c}.terminal-dots i:nth-child(3){background:#3ee887}
.terminal-demo-note{display:flex;align-items:center;gap:8px;margin-bottom:18px!important;color:#718e89;font:600 .58rem/1.3 "DM Sans",sans-serif!important;letter-spacing:.04em}
.terminal-demo-note span{padding:4px 7px;border:1px solid rgba(99,230,255,.22);border-radius:5px;color:var(--luxe-cyan);background:rgba(99,230,255,.055);font-size:.52rem;letter-spacing:.12em}
.terminal-command-line{min-height:23px;color:#dae9e4}
.terminal-command-line [data-scenario-command]{display:inline-block;white-space:nowrap}
.terminal-command-line [data-scenario-command].is-typing{animation:luxeType .78s steps(18,end) both}
.terminal-type-cursor{display:inline-block;width:7px;height:14px;margin-inline-start:4px;vertical-align:-2px;background:var(--luxe-emerald);box-shadow:0 0 11px rgba(57,245,138,.7);animation:luxeCursor 1s steps(1) infinite}
.scenario-route:before{background:linear-gradient(90deg,rgba(57,245,138,.2),rgba(99,230,255,.16))}
.scenario-result{border-color:rgba(99,230,255,.13)!important;background:linear-gradient(110deg,rgba(57,245,138,.06),rgba(99,230,255,.03))!important}
.scenario-controls button{border-radius:8px!important;background:rgba(255,255,255,.018)!important}.scenario-controls button.is-active{border-color:rgba(57,245,138,.48)!important;box-shadow:inset 0 -2px 0 var(--luxe-emerald)}
.floating-badge{border-color:rgba(121,255,188,.16)!important;background:rgba(7,22,22,.84)!important;box-shadow:0 20px 55px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(16px)}
.hero-hacker-avatar{transform:none}
.hero-avatar-frame{transform:none;transition:none}
.daily-signal{border-color:rgba(99,230,255,.1)!important;background:linear-gradient(90deg,rgba(57,245,138,.045),rgba(99,230,255,.07),rgba(57,245,138,.04))!important}
.daily-signal p{color:#dceee9!important;font-size:clamp(.88rem,1.25vw,1.04rem)!important}
.home-page .section-kicker{color:#63f29b}
.home-page .section-heading h2,.home-page .newsletter-card h2{color:#f3fbf8!important}
.pentest-section,.features,.platform-directory,.home-process,.classic-community,.newsletter-wrap,.home-intelligence,.final-cta{position:relative;z-index:1;content-visibility:auto;contain-intrinsic-size:auto 820px}
.pentest-panel,.feature-card,.platform-directory-card,.classic-community-preview,.newsletter-card{border-color:var(--luxe-line)!important;background:linear-gradient(145deg,rgba(57,245,138,.045),rgba(99,230,255,.018) 52%,rgba(5,15,20,.78))!important;box-shadow:0 28px 80px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(15px)}
.feature-card{border-radius:16px!important}.feature-card:before{content:"";position:absolute;top:-70px;right:-70px;width:170px;height:170px;border:1px solid rgba(99,230,255,.07);border-radius:50%;transition:transform .35s ease,border-color .35s ease}.feature-card:hover:before{border-color:rgba(99,230,255,.2);transform:scale(1.1)}
.feature-icon{border-color:rgba(99,230,255,.17)!important;background:linear-gradient(145deg,rgba(57,245,138,.08),rgba(99,230,255,.055))!important}
.platform-directory-card{border-radius:16px!important}.platform-directory-card a{border-color:rgba(255,255,255,.05)!important}.platform-directory-card a:hover{background:linear-gradient(90deg,rgba(57,245,138,.06),rgba(99,230,255,.035))!important}
.home-intelligence{padding-top:108px;padding-bottom:115px;border-bottom:1px solid rgba(255,255,255,.06)}
.home-intelligence-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch}
.home-intelligence-feed{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
.intelligence-column{min-width:0;overflow:hidden;border:1px solid var(--luxe-line);border-radius:16px;background:rgba(5,17,20,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.intelligence-column>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.06)}
.intelligence-column>header span{color:#79958f;font-size:.57rem;font-weight:800;letter-spacing:.14em}.intelligence-column>header a{color:var(--luxe-emerald);font-size:.62rem;font-weight:700;text-decoration:none}
.intelligence-item{display:block;min-height:145px;padding:19px;border-bottom:1px solid rgba(255,255,255,.055);color:inherit;text-decoration:none;transition:background .2s ease,transform .2s ease}.intelligence-item:last-child{border-bottom:0}.intelligence-item:hover{color:inherit;background:linear-gradient(90deg,rgba(57,245,138,.055),rgba(99,230,255,.025));transform:translateX(3px)}
.intelligence-item small,.intelligence-item strong,.intelligence-item p{display:block}.intelligence-item small{color:#5f8077;font-size:.54rem;font-weight:700;letter-spacing:.08em}.intelligence-item strong{margin-top:9px;color:#e9f5f0;font:700 .82rem/1.42 "Space Grotesk",sans-serif}.intelligence-item p{margin:8px 0 0;color:#7f958e;font-size:.66rem;line-height:1.55}
.home-analyst-visual{position:relative;min-width:0;min-height:100%;margin:0;overflow:hidden;border:1px solid rgba(99,230,255,.14);border-radius:18px;background:radial-gradient(circle at 40% 35%,rgba(99,230,255,.1),transparent 38%),rgba(4,14,19,.86);box-shadow:0 32px 90px rgba(0,0,0,.3)}
.home-analyst-visual:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(2,8,12,.94) 100%)}
.home-analyst-visual img{display:block;width:100%;height:100%;min-height:470px;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.03);transition:transform .8s cubic-bezier(.2,.72,.2,1)}
.home-analyst-visual:hover img{transform:scale(1.025)}
.home-analyst-visual figcaption{position:absolute;z-index:3;right:26px;bottom:24px;left:26px;display:grid;gap:4px}.home-analyst-visual figcaption span{color:var(--luxe-cyan);font-size:.56rem;font-weight:800;letter-spacing:.13em}.home-analyst-visual figcaption span i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--luxe-emerald);box-shadow:0 0 11px var(--luxe-emerald)}.home-analyst-visual figcaption strong{color:#effaf6;font:700 1.18rem "Space Grotesk",sans-serif}.home-analyst-visual figcaption small{color:#819b94;font-size:.63rem}
.classic-community-preview>div,.classic-community-preview footer{border-color:rgba(99,230,255,.1)!important}.newsletter-card{border-radius:18px!important;background:radial-gradient(circle at 12% 40%,rgba(57,245,138,.1),transparent 34%),linear-gradient(125deg,rgba(99,230,255,.045),rgba(4,14,18,.9))!important}.newsletter-input-row{border-radius:10px!important;background:rgba(1,9,13,.82)!important}.newsletter-input-row:focus-within{border-color:var(--luxe-cyan)!important;box-shadow:0 0 0 3px rgba(99,230,255,.07)}
.final-cta{margin-bottom:38px;padding:28px 30px!important;border:1px solid var(--luxe-line);border-radius:15px;background:linear-gradient(90deg,rgba(57,245,138,.055),rgba(99,230,255,.025))}
[dir="rtl"] .home-page{text-align:right}[dir="rtl"] .eyebrow,[dir="rtl"] .hero-actions,[dir="rtl"] .service-assurance{flex-direction:row-reverse}[dir="rtl"] .hero-proof>div{border-right:0;border-left:1px solid var(--line)}[dir="rtl"] .hero-proof>div:last-child{border-left:0}[dir="rtl"] .intelligence-item:hover{transform:translateX(-3px)}[dir="rtl"] .platform-directory-card a:hover{transform:translateX(-3px)}
@keyframes luxeNode{0%,100%{opacity:.25;transform:translateY(0) scale(.8)}50%{opacity:1;transform:translateY(-16px) scale(1)}}
@keyframes luxeCursor{50%{opacity:0}}
@keyframes luxeType{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(min-width:981px){
  .home-page .hero{gap:48px;padding-top:64px;padding-bottom:48px}
  .hero-visual{display:block;min-width:0}
  .terminal-card{transform:none}
  .hero-support-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
  .hero-support-strip .floating-badge{position:static;min-width:0;width:100%;padding:12px;box-shadow:none!important}
  .hero-support-strip .hero-hacker-avatar{position:relative;inset:auto;width:100%;height:228px;grid-column:1/-1;display:flex;align-items:center;justify-content:center;margin:0;animation:none;filter:none;border:1px solid var(--luxe-line);border-radius:14px;background:radial-gradient(ellipse at 50% 100%,rgba(57,245,138,.09),transparent 65%)}
  .hero-avatar-frame{display:grid;place-items:center;width:210px;height:220px;border:0;background:transparent;box-shadow:none;overflow:visible}
  .hero-avatar-frame:before{display:none}
  .hero-avatar-frame img{width:190px;height:auto;max-height:214px;object-fit:contain}
}
@media(max-width:1100px){.home-page .hero{gap:48px}.home-intelligence-layout{grid-template-columns:1fr}.home-analyst-visual img{min-height:420px}.home-intelligence-feed{order:2}.home-analyst-visual{order:1}}
@media(max-width:980px){
  .home-page .hero{min-height:0;padding-top:72px!important;padding-bottom:0!important}
  .hero-copy{max-width:780px}.hero-visual{width:100%!important}
  .terminal-card{transform:none!important}
  .hero-hacker-avatar{width:100%!important;transform:none!important}
  .hero-avatar-frame{transform:none!important}
  .home-intelligence{padding-top:86px;padding-bottom:88px}
  .home-intelligence-feed{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .home-page:before{background-size:42px 42px}
  .home-cyber-grid{height:720px;opacity:.7}
  .home-page .hero{gap:28px;padding-top:50px!important}
  .home-page .hero h1{font-size:clamp(2.7rem,13vw,4rem);line-height:.98}
  .home-page .hero-lead{margin-top:22px;font-size:.93rem;line-height:1.68}
  .home-page .hero-actions{margin-top:28px}
  .hero-proof{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px!important}
  .hero-proof>div{padding-inline:8px!important;text-align:center}.hero-proof strong{font-size:.68rem!important}.hero-proof span{font-size:.54rem!important}
  .terminal-body{padding:22px 17px!important}.terminal-demo-note{font-size:.52rem!important}.terminal-command-line{display:flex;flex-wrap:wrap;gap:3px 5px}
  .hero-hacker-avatar{height:228px!important}.hero-avatar-frame{width:200px!important;height:220px!important}.hero-avatar-frame img{width:190px!important;max-height:214px!important}
  .home-intelligence{padding-top:70px;padding-bottom:72px}.home-intelligence-layout{gap:14px}.home-intelligence-feed{grid-template-columns:1fr}.home-analyst-visual img{min-height:330px;object-position:48% center}.home-analyst-visual figcaption{right:18px;bottom:17px;left:18px}
  .intelligence-item{min-height:0;padding:17px}.intelligence-column>header{padding:15px 17px}
  .feature-card,.platform-directory-card,.classic-community-preview,.newsletter-card{border-radius:14px!important}
  .final-cta{margin-bottom:24px;padding:22px!important}
}
@media(max-width:430px){
  .home-page .eyebrow{font-size:.57rem;letter-spacing:.14em}
  .hero-proof{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-proof>div{padding:6px!important;border-bottom:0}.hero-proof span{font-size:.62rem!important;line-height:1.5}
  .scenario-controls{gap:4px}.scenario-controls button{min-width:0}
  .home-analyst-visual img{min-height:285px}
}
/* Readable editorial cards and comfortable touch targets across viewports. */
.home-intelligence-layout{grid-template-columns:1fr}
.home-page .scenario-controls{grid-template-columns:44px repeat(3,minmax(0,1fr)) 44px}
.home-page .scenario-controls button{min-height:44px;font-size:.68rem}
.intelligence-item small{color:#96aaa5;font-size:.65rem;line-height:1.6;overflow-wrap:anywhere}
.intelligence-item strong{font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.intelligence-item p{color:#a3b6af;font-size:.78rem;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.intelligence-column>header a{display:inline-flex;align-items:center;min-height:44px}
.hero-proof span{color:#99afa8!important}
@media(max-width:680px){
  .home-page .hero{padding-top:36px!important}
  .home-page .hero-lead{margin-top:18px}
  .home-page .hero-actions{margin-top:22px}
  .hero-proof{margin-top:24px!important}
  .home-page .scenario-controls{gap:4px}
  .home-page .scenario-controls button{padding-inline:3px;font-size:.65rem}
  .home-intelligence{padding-top:48px;padding-bottom:48px}
}
@media(prefers-reduced-motion:reduce){
  .home-cyber-grid i,.terminal-type-cursor,.terminal-command-line [data-scenario-command].is-typing{animation:none!important;clip-path:none!important}
  .home-analyst-visual img,.hero-avatar-frame,.home-button:after{transition:none!important}
  .home-analyst-visual:hover img{transform:none}
}

/* Editorial cards for live security news and community research. */
.home-intelligence-feed{align-items:start}
.intelligence-column{position:relative}
.intelligence-column>header{background:linear-gradient(90deg,rgba(57,245,138,.045),rgba(99,230,255,.02))}
.intelligence-column>header span{display:flex;align-items:center;gap:8px}.intelligence-column>header span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--luxe-emerald);box-shadow:0 0 10px rgba(57,245,138,.55)}
.intelligence-item{display:grid!important;min-height:0!important;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:18px!important;transform:none!important}
.intelligence-item:hover{background:linear-gradient(90deg,rgba(57,245,138,.065),rgba(99,230,255,.028))!important}
.intelligence-sequence{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(100,228,170,.18);border-radius:10px;background:rgba(57,245,138,.045);color:#6feaa2;font:800 .57rem/1 "Space Grotesk",sans-serif;letter-spacing:.08em;transition:border-color .2s ease,background .2s ease,color .2s ease}
.intelligence-item-community .intelligence-sequence{border-color:rgba(99,230,255,.17);background:rgba(99,230,255,.04);color:#75ddea}
.intelligence-item:hover .intelligence-sequence{border-color:rgba(87,235,158,.42);background:rgba(57,245,138,.1);color:#a5f6c5}
.intelligence-item-copy{display:block;min-width:0}
.intelligence-item-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#708a82;font:700 .54rem/1.45 "DM Sans",sans-serif;letter-spacing:.07em;text-transform:uppercase}
.intelligence-item-meta b{color:#70dca0;font:inherit}.intelligence-item-community .intelligence-item-meta b{color:#76d8e5}.intelligence-item-meta time{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.intelligence-item .intelligence-item-copy>strong{display:-webkit-box;margin:0;color:#edf8f3;font-size:.92rem;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.intelligence-item .intelligence-item-copy>p{margin:8px 0 0;color:#8fa69e;font-size:.72rem;line-height:1.58;-webkit-line-clamp:2}
.intelligence-item-action{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#78e5a8;font-size:.62rem;font-weight:800}.intelligence-item-community .intelligence-item-action{color:#7adcea}.intelligence-item-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.intelligence-item:hover .intelligence-item-action svg{transform:translateX(3px)}
@media(max-width:680px){
  .intelligence-item{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:16px!important}
  .intelligence-sequence{width:34px;height:34px;border-radius:9px}
  .intelligence-item-meta{display:grid;justify-content:stretch;gap:3px}.intelligence-item-meta time{text-align:left}
  .intelligence-item .intelligence-item-copy>strong{font-size:.88rem;-webkit-line-clamp:3}
  .intelligence-item .intelligence-item-copy>p{font-size:.7rem}
}

/* Authentic, isolated attack traces in the hero lab. */
.attack-trace{display:grid;gap:7px;margin:16px 0 4px;padding:10px;border:1px solid rgba(99,230,255,.12);border-radius:10px;background:rgba(1,9,11,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.attack-request,.attack-response{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:9px;min-width:0}
.attack-request span,.attack-response span{display:inline-grid;min-height:24px;place-items:center;padding:0 7px;border:1px solid rgba(57,245,138,.23);border-radius:5px;background:rgba(57,245,138,.07);color:#70f6aa;font:800 .52rem/1 "DM Sans",sans-serif;letter-spacing:.08em;white-space:nowrap}
.attack-response span{border-color:rgba(99,230,255,.22);background:rgba(99,230,255,.06);color:#8cecf8}
.attack-trace code{min-width:0;overflow:hidden;color:#a9c0b9;font:600 .57rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace!important;text-overflow:ellipsis;white-space:nowrap}
.scenario-route{margin:13px 0 1px!important}
.scenario-route-labels{display:flex;justify-content:space-between;margin:0 1px 12px;color:#527069;font:700 .43rem/1 "DM Sans",sans-serif;letter-spacing:.13em}
.scenario-route-labels span:nth-child(2){transform:translateX(2px)}
.scenario-result{margin-bottom:13px!important}

/* Premium vector researcher: sharp at every density, animated without raster cost. */
.hero-avatar-frame .s1-attacker-svg{display:block;width:100%;height:auto;overflow:visible}
.s1-avatar-floor{fill:rgba(45,242,133,.11);filter:url(#s1Glow)}
.s1-avatar-network path{fill:none;stroke:rgba(92,230,194,.16);stroke-width:1;stroke-dasharray:4 8}
.s1-avatar-network path{animation:s1NetworkFlow 3.8s linear infinite}
.s1-avatar-network circle{fill:#55f2a0;filter:url(#s1Glow);animation:s1NodePulse 2.1s ease-in-out infinite}
.s1-avatar-network circle:nth-of-type(3n){animation-delay:-.9s}.s1-avatar-network circle:nth-of-type(3n+1){animation-delay:-1.8s}
.s1-avatar-panels rect{fill:rgba(5,24,22,.72);stroke:rgba(90,232,184,.22)}
.s1-avatar-panels path{fill:none;stroke:rgba(94,233,187,.35);stroke-width:1.4;stroke-linecap:round}
.s1-avatar-panels circle{fill:#5ef4a4;filter:url(#s1Glow)}
.s1-avatar-panels>g:first-child{animation:s1PanelFloat 3.6s ease-in-out infinite}.s1-avatar-panels>g:last-child{animation:s1PanelFloat 3.6s ease-in-out -1.8s infinite}
.s1-attacker-character{transform-origin:210px 310px;animation:s1AvatarBreathe 3.8s ease-in-out infinite}
.s1-avatar-shoulders{fill:url(#s1Hood);stroke:#235945;stroke-width:2}
.s1-avatar-hood{fill:url(#s1Hood);stroke:url(#s1Edge);stroke-width:2.2;filter:drop-shadow(0 0 7px rgba(52,239,137,.18))}
.s1-avatar-hood-edge{fill:#030a08;stroke:#246547;stroke-width:2}
.s1-avatar-face{fill:url(#s1Face);stroke:rgba(94,231,165,.16);stroke-width:1.5}
.s1-avatar-mask{fill:#030907;stroke:rgba(80,199,137,.18)}
.s1-avatar-eye{fill:none;stroke:#67f5ad;stroke-width:2.4;stroke-linecap:round;filter:url(#s1Glow);animation:s1Eyes 4.4s ease-in-out infinite}
.s1-avatar-hood-highlight{fill:none;stroke:rgba(111,255,184,.25);stroke-width:1.6;stroke-linecap:round}
.s1-avatar-hood-highlight{stroke-dasharray:170;animation:s1HoodTrace 4.2s ease-in-out infinite}
.s1-avatar-arm{fill:none;stroke:#1c4b36;stroke-width:22;stroke-linecap:round}
.s1-avatar-hands path{fill:none;stroke:#7d9e8d;stroke-width:6;stroke-linecap:round;opacity:.72}
.s1-avatar-hands path{transform-box:fill-box;transform-origin:center;will-change:transform}
.s1-avatar-hands path:nth-child(1){animation:s1TypeLeft .44s ease-in-out infinite alternate}.s1-avatar-hands path:nth-child(2){animation:s1TypeRight .38s ease-in-out infinite alternate-reverse}
.s1-avatar-screen{fill:url(#s1Laptop);animation:s1ScreenGlow 2.8s ease-in-out infinite}.s1-avatar-screen-edge{fill:none;stroke:url(#s1Edge);stroke-width:2.2;animation:s1EdgePulse 2.8s ease-in-out infinite}.s1-avatar-base{fill:#163a2b;stroke:#5ae89b;stroke-width:1.6}
.s1-avatar-code path{fill:none;stroke:rgba(103,246,170,.62);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:150;animation:s1CodeWrite 3.2s ease-in-out infinite}
.s1-avatar-code path:nth-child(2){animation-delay:-.7s}.s1-avatar-code path:nth-child(3){animation-delay:-1.4s}.s1-avatar-code path:nth-child(4){animation-delay:-2.1s}
.s1-avatar-shield{transform-box:fill-box;transform-origin:center;animation:s1ShieldPulse 2.4s ease-in-out infinite}.s1-avatar-shield path{fill:none;stroke:#70ffc0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:url(#s1Glow)}
.s1-avatar-scan{fill:#61f6a5;filter:url(#s1Glow);animation:s1LaptopScan 3s ease-in-out infinite}
.hero-hacker-avatar figcaption{position:absolute;right:8px;bottom:5px;z-index:5;margin:0!important;white-space:nowrap;box-shadow:0 10px 28px rgba(0,0,0,.3)}
@keyframes s1AvatarBreathe{0%,100%{transform:translateY(1px)}50%{transform:translateY(-7px)}}
@keyframes s1PanelFloat{0%,100%{transform:translateY(2px);opacity:.6}50%{transform:translateY(-10px);opacity:1}}
@keyframes s1NodePulse{0%,100%{opacity:.28;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
@keyframes s1Eyes{0%,42%,48%,100%{opacity:.95}45%{opacity:.16}}
@keyframes s1CodeWrite{0%{stroke-dashoffset:150;opacity:.3}45%,100%{stroke-dashoffset:0;opacity:.85}}
@keyframes s1LaptopScan{0%,100%{transform:translateY(0);opacity:0}18%{opacity:.9}72%{transform:translateY(49px);opacity:.55}85%{opacity:0}}
@keyframes s1NetworkFlow{to{stroke-dashoffset:-48}}
@keyframes s1HoodTrace{0%,100%{stroke-dashoffset:170;opacity:.22}48%,72%{stroke-dashoffset:0;opacity:.62}}
@keyframes s1TypeLeft{from{transform:translate3d(-2px,-1px,0) rotate(-1.1deg)}to{transform:translate3d(3px,4px,0) rotate(1.2deg)}}
@keyframes s1TypeRight{from{transform:translate3d(2px,-1px,0) rotate(1.1deg)}to{transform:translate3d(-3px,4px,0) rotate(-1.2deg)}}
@keyframes s1ScreenGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(53,242,122,0))}50%{filter:drop-shadow(0 0 8px rgba(53,242,122,.24))}}
@keyframes s1EdgePulse{0%,100%{opacity:.66}50%{opacity:1}}
@keyframes s1ShieldPulse{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@media(max-width:980px){
  .hero-avatar-frame .s1-attacker-svg{width:min(100%,290px)!important;height:auto!important}
  .s1-attacker-character{animation-duration:3.2s}
  .s1-avatar-hands path:nth-child(1){animation-duration:.48s}.s1-avatar-hands path:nth-child(2){animation-duration:.42s}
  .s1-avatar-scan{animation-duration:2.25s}
  .s1-avatar-code path{animation-duration:2.5s}
  .hero-hacker-avatar figcaption{right:14px;bottom:12px}
}
@media(max-width:430px){
  .attack-request,.attack-response{grid-template-columns:68px minmax(0,1fr);gap:7px}
  .attack-trace{padding:8px}.attack-trace code{font-size:.52rem}
  .scenario-route-labels{font-size:.39rem}
  .hero-avatar-frame .s1-attacker-svg{width:260px!important}
}
@media(max-width:680px){
  .terminal-topbar{grid-template-columns:auto minmax(0,1fr) auto!important;gap:9px;padding-inline:13px!important}
  .terminal-topbar .terminal-dots{justify-self:start}
  .terminal-topbar .scenario-drag{min-width:0;max-width:100%;justify-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .terminal-topbar .scenario-pause{grid-row:1;grid-column:3;justify-self:end;margin:0;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  /* Keep the self-contained avatar alive without moving page layout. */
  .s1-attacker-character,.s1-avatar-panels>g{animation:none!important}
  .s1-avatar-network path,.s1-avatar-network circle,.s1-avatar-eye,.s1-avatar-hood-highlight,.s1-avatar-hands path,.s1-avatar-screen,.s1-avatar-screen-edge,.s1-avatar-code path,.s1-avatar-shield,.s1-avatar-scan{animation-play-state:running!important}
}