.hero{position:relative;min-height:100vh;padding:120px 0 90px;display:flex;align-items:center;overflow:hidden;z-index:1;background:var(--bg-void)}.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 70% 40%,rgba(0,163,255,.14) 0%,transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(139,92,246,.12) 0%,transparent 55%),linear-gradient(180deg,#02040a,#050a1c 55%,#02040a)}.hero-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02040ad9,#02040a59 55%,#02040a26)}.hero-bg:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(34,211,255,.02) 3px,rgba(34,211,255,.02) 4px);pointer-events:none}.scan-line{position:absolute;left:0;right:0;height:120px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(34,211,255,.06) 50%,transparent);animation:scan 12s linear infinite;mix-blend-mode:screen}@keyframes scan{0%{transform:translateY(-120px)}to{transform:translateY(100vh)}}.hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;width:100%}.tagbar{display:inline-flex;align-items:center;gap:12px;padding:7px 14px;margin-bottom:24px;border:1px solid rgba(34,211,255,.3);background:#22d3ff0f;font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-elec);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.tagbar-dot{width:6px;height:6px;background:var(--blue-elec);border-radius:50%;box-shadow:0 0 10px var(--blue-elec);animation:dotPulse 1.6s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.4}50%{opacity:1}}.hero h1{font-family:var(--ff-display);font-weight:500;font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.025em;margin-bottom:22px;color:var(--ink)}.hero h1 .line1{display:block;color:var(--ink);font-weight:300}.hero h1 .line2{display:block;color:var(--blue-elec);font-weight:600;text-shadow:0 0 22px rgba(34,211,255,.4),0 0 50px rgba(0,163,255,.2)}.hero h1 em{font-style:italic;font-family:var(--ff-serif);font-weight:400;color:var(--blue-elec)}.hero-lede{font-size:17px;line-height:1.65;color:var(--ink-dim);max-width:540px;margin-bottom:30px;font-weight:400}.hero-lede strong{color:var(--ink);font-weight:500}.hero-ctas{display:flex;gap:14px;margin-bottom:36px;flex-wrap:wrap}.hero-meta{display:flex;gap:36px;padding-top:22px;border-top:1px solid var(--line);max-width:540px;font-family:var(--ff-body);font-size:12.5px;color:var(--ink-mute)}.hero-meta strong{display:block;font-family:var(--ff-display);font-weight:500;font-size:21px;color:var(--blue-elec);letter-spacing:-.01em;margin-bottom:3px}.hero-meta small{display:block;color:var(--ink-dim);font-size:12.5px}.dash-wrap{position:relative;justify-self:end;width:100%;max-width:480px}.dash{background:var(--bg-panel);backdrop-filter:blur(14px);border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;box-shadow:0 28px 72px #02040a99,0 0 0 1px #22d3ff14}.dash-hd{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff0a,#ffffff03)}.dash-title{font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.dash-title strong{color:var(--ink);font-weight:600}.dash-title em{color:var(--blue-elec);font-style:normal}.dash-live{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ok);font-weight:500}.live-dot{width:7px;height:7px;background:var(--ok);border-radius:50%;box-shadow:0 0 8px var(--ok);animation:dotPulse 1.6s ease-in-out infinite}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--line)}.kpi{padding:14px 12px;border-right:1px solid var(--line);text-align:left}.kpi:last-child{border-right:none}.kpi-l{font-family:var(--ff-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-weight:500;margin-bottom:4px;line-height:1.2}.kpi-v{font-family:var(--ff-display);font-weight:500;font-size:18px;color:var(--ink);letter-spacing:-.01em;line-height:1}.kpi-v.elec{color:var(--blue-elec);text-shadow:0 0 12px rgba(34,211,255,.35)}.kpi-v.warn{color:var(--amber)}.kpi-v.ok{color:var(--ok)}.dash-list{padding:8px 14px 14px}.dash-head,.dash-row{display:grid;grid-template-columns:50px 50px 1fr 40px;gap:10px;padding:8px 6px;align-items:center;font-family:var(--ff-mono);font-size:11px}.dash-head{color:var(--ink-mute);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;border-bottom:1px solid var(--line);margin-bottom:4px}.dash-row{border-bottom:1px dashed rgba(120,180,255,.08);color:var(--ink-dim);transition:background .2s}.dash-row:last-child{border-bottom:none}.dash-row.active{background:#22d3ff0d;color:var(--ink)}.dash-time{color:var(--ink-mute);font-size:10.5px}.dash-summary{font-family:var(--ff-body);font-size:11.5px;color:var(--ink);letter-spacing:-.005em}.src{color:var(--blue-elec);font-size:10.5px;font-weight:500;text-align:right}.sev{display:inline-block;padding:2px 6px;border-radius:2px;font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sev.high{background:#ffb02029;color:var(--amber)}.sev.crit{background:#ff2e5c29;color:var(--red-alert)}.sev.med{background:#00a3ff24;color:var(--blue)}.sev.info{background:#22d3ff24;color:var(--blue-elec)}.section{padding:100px 0;position:relative;z-index:2}.section h2{font-family:var(--ff-display);font-weight:500;font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.025em;color:var(--ink-light);max-width:760px}.section h2 em{font-style:italic;font-family:var(--ff-serif);font-weight:400;color:var(--accent-dark);text-shadow:0 0 12px rgba(3,105,161,.15)}.distinguenti{background:linear-gradient(180deg,var(--bg-light),var(--bg-light-2));border-top:1px solid rgba(0,40,90,.1)}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.pillar{padding:36px 30px;background:var(--card-light);border:1px solid rgba(0,40,90,.1);position:relative;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:transform .3s,border-color .3s,box-shadow .3s}.pillar:hover{transform:translateY(-3px);border-color:var(--accent-dark);box-shadow:0 0 0 1px #0369a11a,0 14px 36px #0369a114}.pillar-num{font-family:var(--ff-mono);font-size:11px;color:var(--accent-dark);letter-spacing:.08em;font-weight:500;margin-bottom:14px}.pillar h3{font-family:var(--ff-display);font-weight:500;font-size:21px;line-height:1.25;letter-spacing:-.015em;color:var(--ink-light);margin-bottom:14px}.pillar h3 em{font-style:italic;font-family:var(--ff-serif);font-weight:400;color:var(--accent-dark)}.pillar p{font-size:14.5px;color:var(--ink-body);line-height:1.7}.pillar p strong{color:var(--ink-light);font-weight:500}.proof{background:linear-gradient(180deg,var(--bg-light-2),var(--bg-light));border-top:1px solid rgba(0,40,90,.1);border-bottom:1px solid rgba(0,40,90,.1)}.kill-chain{background:linear-gradient(180deg,#050a1c,#07122a);color:var(--ink);border-top:1px solid var(--line)}.kill-chain .kicker{color:var(--blue-elec)}.kill-chain .kicker:before{background:var(--blue-elec);box-shadow:0 0 6px var(--blue-elec)}.kill-chain h2{color:var(--ink)}.kill-chain h2 em{color:var(--blue-elec);text-shadow:0 0 24px rgba(34,211,255,.4)}.kill-chain .section-lede{color:var(--ink-dim)}.kill-chain .section-lede strong{color:var(--ink)}.flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}.flow-step{position:relative;padding:26px 22px;background:var(--bg-panel);border:1px solid var(--line-strong);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:transform .3s,border-color .3s,box-shadow .3s}.flow-step:hover{transform:translateY(-3px);border-color:#22d3ff66;box-shadow:0 0 0 1px #22d3ff33,0 14px 36px #02040a80}.flow-step.flow-highlight{background:#22d3ff0f;border-color:#22d3ff66}.flow-step:not(:last-child):after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--blue-elec);text-shadow:0 0 8px rgba(34,211,255,.5);z-index:2;font-family:var(--ff-mono)}.flow-tag{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-elec);font-weight:500;margin-bottom:12px}.flow-step h3{font-family:var(--ff-display);font-weight:500;font-size:16px;line-height:1.25;letter-spacing:-.01em;color:var(--ink);margin-bottom:10px}.flow-step p{font-size:13px;color:var(--ink-dim);line-height:1.6}.flow-step p strong{color:var(--ink);font-weight:500}.includes-section{background:var(--bg-light)}.del-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px}.del-card{padding:32px 30px;background:var(--card-light);border:1px solid rgba(0,40,90,.1);position:relative;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:transform .3s,border-color .3s,box-shadow .3s}.del-card:hover{transform:translateY(-3px);border-color:var(--accent-dark);box-shadow:0 0 0 1px #0369a11a,0 14px 36px #0369a114}.del-card:before{content:"";position:absolute;left:0;top:0;bottom:14px;width:3px;background:var(--accent-dark)}.del-num{font-family:var(--ff-mono);font-size:11px;color:var(--accent-dark);letter-spacing:.08em;font-weight:500;margin-bottom:14px}.del-card h3{font-family:var(--ff-display);font-weight:500;font-size:20px;line-height:1.25;letter-spacing:-.015em;color:var(--ink-light);margin-bottom:12px}.del-card p{font-size:14.5px;color:var(--ink-body);line-height:1.7}.del-card p strong{color:var(--ink-light);font-weight:500}.compare-section{background:linear-gradient(180deg,#050a1c,#02040a);color:var(--ink);border-top:1px solid var(--line)}.compare-section .kicker{color:var(--blue-elec)}.compare-section .kicker:before{background:var(--blue-elec);box-shadow:0 0 6px var(--blue-elec)}.compare-section h2{color:var(--ink)}.compare-section h2 em{color:var(--blue-elec);text-shadow:0 0 22px rgba(34,211,255,.4)}.compare{margin-top:32px;border:1px solid var(--line-strong);background:var(--bg-panel);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));overflow:hidden}.compare-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;padding:14px 22px;border-bottom:1px dashed rgba(120,180,255,.12);align-items:center;font-size:14px;color:var(--ink-dim)}.compare-row:last-child{border-bottom:none}.compare-row>div:first-child{color:var(--ink);font-family:var(--ff-display);font-weight:500;font-size:14.5px}.compare-row.compare-head{background:#22d3ff0a;font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);padding:14px 22px;font-weight:500}.compare-row.compare-head>div:first-child{color:var(--blue-elec);font-family:var(--ff-mono);font-size:11px;font-weight:500}.compare-feat{color:var(--blue-elec)!important;font-weight:600}.compare-no{color:var(--red-alert);font-family:var(--ff-mono);font-size:13px}.compare-yes{color:var(--ok);font-family:var(--ff-mono);font-size:13px}.audience-section{background:linear-gradient(180deg,var(--bg-light-2),var(--bg-light))}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.audience-grid.grid-4{grid-template-columns:repeat(4,1fr)}.audience-card{padding:24px 22px;background:var(--card-light);border:1px solid rgba(0,40,90,.1);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:transform .3s,border-color .3s,box-shadow .3s}.audience-card:hover{transform:translateY(-3px);border-color:var(--accent-dark);box-shadow:0 0 0 1px #0369a11a,0 14px 36px #0369a114}.audience-tag{display:inline-block;padding:3px 9px;font-family:var(--ff-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dark);background:#0369a114;border:1px solid rgba(3,105,161,.2);margin-bottom:12px;font-weight:500}.audience-card h3{font-family:var(--ff-display);font-weight:500;font-size:17px;line-height:1.2;letter-spacing:-.015em;color:var(--ink-light);margin-bottom:8px}.audience-card p{font-size:13px;color:var(--ink-body);line-height:1.6}.audience-card p strong{color:var(--ink-light);font-weight:500}.correlati{background:linear-gradient(180deg,var(--bg-light),var(--bg-light-2))}.corr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.corr-card{display:flex;flex-direction:column;padding:28px 26px;background:var(--card-light);border:1px solid rgba(0,40,90,.1);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:transform .3s,border-color .3s,box-shadow .3s;color:inherit}.corr-card:hover{transform:translateY(-3px);border-color:var(--accent-dark);box-shadow:0 0 0 1px #0369a11a,0 14px 36px #0369a114}.corr-tag{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:14px;font-weight:500}.corr-card h3{font-family:var(--ff-display);font-weight:500;font-size:19px;line-height:1.25;letter-spacing:-.015em;color:var(--ink-light);margin-bottom:10px}.corr-card p{font-size:14px;color:var(--ink-body);line-height:1.65;margin-bottom:16px;flex:1}.corr-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);font-weight:500;padding-top:14px;border-top:1px dashed rgba(0,40,90,.12);transition:gap .2s;min-height:32px}.corr-card:hover .corr-cta{gap:14px}.faq-section{background:linear-gradient(180deg,var(--bg-light-2),var(--bg-light));border-top:1px solid rgba(0,40,90,.1)}.faq-list{max-width:880px;margin:32px auto 0}.faq-item{background:var(--card-light);margin-bottom:8px;border:1px solid rgba(0,40,90,.1);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.faq-q{padding:18px 22px;font-family:var(--ff-display);font-weight:500;font-size:15.5px;color:var(--ink-light);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:color .2s}.faq-q::-webkit-details-marker{display:none}.faq-q:hover{color:var(--accent-dark)}.faq-q:after{content:"+";font-size:22px;font-weight:300;color:var(--accent-dark);flex-shrink:0;transition:transform .3s}.faq-item[open] .faq-q:after{transform:rotate(45deg)}.faq-a{padding:0 22px 20px}.faq-a p{font-size:14.5px;color:var(--ink-body);line-height:1.7}.faq-a strong{color:var(--ink-light);font-weight:500}@media (max-width:1080px){.hero-inner{grid-template-columns:1fr;gap:40px}.dash-wrap{max-width:100%;justify-self:stretch}.pillars-grid,.del-grid,.corr-grid{grid-template-columns:1fr}.audience-grid,.audience-grid.grid-4{grid-template-columns:1fr 1fr}.flow-grid{grid-template-columns:repeat(2,1fr)}.flow-step:not(:last-child):after{display:none}.compare-row{grid-template-columns:1.4fr 1fr 1fr;font-size:13px}}@media (max-width:720px){.hero{min-height:auto;padding:110px 0 70px}.section{padding:72px 0}.audience-grid,.audience-grid.grid-4,.flow-grid{grid-template-columns:1fr}.dash-kpis{grid-template-columns:repeat(2,1fr)}.kpi:nth-child(2){border-right:none}.kpi:nth-child(3),.kpi:nth-child(4){border-top:1px solid var(--line)}.compare-row{grid-template-columns:1fr;gap:6px;padding:14px 18px}.compare-row.compare-head{display:none}.compare-row>div:before{font-family:var(--ff-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);display:block;margin-bottom:2px}.compare-row>div:nth-child(2):before{content:"Generic SOC"}.compare-row>div:nth-child(3):before{content:"Fortgale Financial"}.hero-meta{flex-wrap:wrap;gap:18px}}
