:root{
  --bg:#06101d;--bg2:#0b1728;--panel:#0d1c30;--panel2:#10233b;
  --line:#1c3550;--line-strong:#2e5278;--text:#f7f9fc;--muted:#aebdd0;
  --accent:#75adff;--accent2:#b9d6ff;--green:#6ee7b7;--amber:#ffd479;
  --danger:#ff9b9b;--max:1160px;--radius:20px;--shadow:0 26px 70px rgba(0,0,0,.24)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);background:
    radial-gradient(circle at 83% -8%,#1a3c68 0,transparent 35rem),
    radial-gradient(circle at -12% 32%,#103052 0,transparent 32rem),var(--bg);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.65;-webkit-font-smoothing:antialiased
}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:8px;background:white;color:#07101d;padding:10px 14px;border-radius:8px;z-index:100}
.skip-link:focus{left:12px}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(6,16,29,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;font-size:1.2rem;letter-spacing:-.025em}
.mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;border:1px solid #436d9f;background:linear-gradient(145deg,#193960,#0d223c);color:var(--accent2);font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
nav{display:flex;gap:23px;align-items:center;flex-wrap:wrap}
nav a{color:var(--muted);text-decoration:none;font-size:.94rem;transition:color .16s ease,border-color .16s ease,background .16s ease}
nav a:hover{color:var(--text)}
.nav-cta{padding:9px 15px;border:1px solid #426f9f;border-radius:10px;background:#132c4b;color:var(--text)!important;font-weight:700}
.hero{padding:108px 0 92px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #2b4e75;background:rgba(19,44,75,.55);border-radius:999px;color:var(--accent2);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
h1{max-width:980px;margin:26px 0 24px;font-size:clamp(3rem,7vw,6.35rem);line-height:.97;letter-spacing:-.058em}
h2{margin:0 0 18px;font-size:clamp(2rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.04em}
h3{margin-top:0;letter-spacing:-.025em}
.lead{max-width:800px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.3rem)}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border:1px solid #4c7db7;border-radius:11px;background:linear-gradient(180deg,#356fb4,#27578e);box-shadow:0 12px 30px rgba(0,0,0,.18);text-decoration:none;font-weight:780;transition:transform .16s ease,border-color .16s ease,filter .16s ease}
.button:hover{transform:translateY(-1px);filter:brightness(1.05)}
.button.secondary{background:rgba(15,29,49,.72);border-color:var(--line);color:var(--muted)}
.micro-proof{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font-size:.82rem}
.micro-proof span{display:inline-flex;align-items:center;gap:7px}
.micro-proof span:before{content:"✓";color:var(--green);font-weight:900}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center}
.product-preview{border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(160deg,rgba(15,33,56,.98),rgba(8,20,36,.98));box-shadow:var(--shadow);overflow:hidden}
.preview-top{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.preview-title{font-weight:800}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--amber);display:inline-block;margin-right:8px}
.preview-body{padding:18px}.preview-alert{padding:15px;border:1px solid #6b5633;border-radius:14px;background:rgba(83,59,23,.22)}
.preview-alert strong{display:block;margin-bottom:4px}.preview-alert span{color:#ead9b6;font-size:.9rem}
.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.preview-metric{padding:13px;border:1px solid var(--line);border-radius:12px;background:#0a1829}
.preview-metric small{display:block;color:var(--muted)}.preview-metric b{font-size:1.3rem}
.journey{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:54px;padding-top:8px}
.journey:before{content:"";position:absolute;left:4%;right:4%;top:25px;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong) 8%,var(--line-strong) 92%,transparent)}
.journey-step{position:relative;padding:44px 18px 0 0;min-height:132px}
.journey-step:before{content:"";position:absolute;top:11px;left:0;width:28px;height:28px;border-radius:50%;border:1px solid #4a77a7;background:var(--bg);box-shadow:0 0 0 6px rgba(117,173,255,.05)}
.journey-number{position:absolute;top:14px;left:7px;font-size:.66rem;font-weight:850;color:var(--accent2);z-index:1}
.journey-step strong{display:block;margin-bottom:7px;font-size:1rem}
.journey-step>span:last-child{display:block;max-width:155px;color:var(--muted);font-size:.84rem;line-height:1.5}
.section{padding:86px 0;border-top:1px solid rgba(255,255,255,.055)}
.compact-section{padding-bottom:30px}
.section-intro{max-width:760px;margin-bottom:40px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}
.card{padding:28px;border:1px solid #172b42;border-radius:var(--radius);background:linear-gradient(145deg,rgba(16,31,52,.96),rgba(10,23,40,.93));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.card p,.card li{color:var(--muted)}
.number{margin-bottom:9px;color:var(--accent2);font-size:.76rem;font-weight:850;letter-spacing:.09em}
.icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:18px;border:1px solid #365d89;border-radius:12px;background:#0e2744;color:var(--accent2);font-weight:900}
.action-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:0 46px;border-top:1px solid var(--line)}
.action-step{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}
.action-step:nth-child(odd){padding-right:20px}.action-step:nth-child(even){padding-left:20px}
.action-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(117,173,255,.08);color:var(--accent2);font-weight:900;font-size:1rem}
.action-step h3{margin:0 0 5px}.action-step p{margin:0;color:var(--muted)}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.audience{padding:28px 26px 30px 0}
.audience+.audience{padding-left:26px;border-left:1px solid var(--line)}
.audience>span{display:block;margin-bottom:18px;color:var(--accent2);font-size:.72rem;font-weight:850;letter-spacing:.08em}
.audience h3{margin-bottom:8px}.audience p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.comparison{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(10,24,41,.8)}
.comparison.success{border-color:#275f51}.comparison.warning{border-color:#6b5633}
.comparison .label{font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.comparison .state{font-size:1.45rem;font-weight:850;margin:12px 0}.comparison p{color:var(--muted)}
.check{color:var(--green)}.warn{color:var(--amber)}
.boundary-note{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-top:20px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(10,24,41,.58);color:var(--muted)}
.boundary-note strong{color:var(--text);white-space:nowrap}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.trust-item{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(11,25,43,.72)}
.trust-item strong{display:block;margin-bottom:5px}.trust-item span{color:var(--muted);font-size:.88rem}
.cta-box{padding:42px;border:1px solid #365d89;border-radius:24px;background:linear-gradient(145deg,#102846,#0a1d32);box-shadow:var(--shadow)}
.page{min-height:70vh;padding:82px 0 105px}.page h1{max-width:900px;font-size:clamp(2.7rem,6vw,4.8rem)}
.copy{max-width:850px}.copy h2{margin-top:48px;font-size:1.6rem;letter-spacing:-.025em}.copy h3{margin-top:28px}.copy p,.copy li{color:var(--muted)}
.notice{padding:5px 0 5px 18px;border-left:3px solid var(--accent);color:var(--muted)}
.warning-note{padding:16px 18px;border:1px solid #6b5633;border-radius:14px;background:rgba(83,59,23,.18);color:#ead9b6}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
table{width:100%;border-collapse:collapse;background:rgba(10,24,41,.66)}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.82rem;color:var(--accent2);letter-spacing:.04em}td{color:var(--muted)}
tr:last-child td{border-bottom:0}
details{border:1px solid var(--line);border-radius:14px;background:rgba(10,24,41,.66);padding:17px 18px;margin:12px 0}
summary{cursor:pointer;font-weight:780}details p{color:var(--muted)}
footer{padding:38px 0 58px;border-top:1px solid rgba(255,255,255,.07);color:var(--muted)}
.footer-row{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:var(--muted)}.small{font-size:.87rem}
.external{color:var(--accent2)}
@media(max-width:960px){.hero-grid,.split{grid-template-columns:1fr}.grid.four,.trust-strip{grid-template-columns:1fr 1fr}.grid,.grid.two{grid-template-columns:1fr}.journey{grid-template-columns:repeat(3,1fr);row-gap:28px}.journey:before{display:none}.journey-step{padding-top:42px}.action-steps{grid-template-columns:1fr}.action-step:nth-child(odd),.action-step:nth-child(even){padding-left:0;padding-right:0}.audience-grid{grid-template-columns:repeat(2,1fr)}.audience:nth-child(3){border-left:0;border-top:1px solid var(--line)}.audience:nth-child(4){border-top:1px solid var(--line)}nav{gap:12px}nav a:nth-child(4),nav a:nth-child(5){display:none}.hero{padding:78px 0 66px}h1{letter-spacing:-.045em}.boundary-note{grid-template-columns:1fr}}
@media(max-width:680px){nav a:not(.nav-cta):not(:first-child){display:none}.nav{gap:14px}.nav-cta{padding:8px 11px;font-size:.86rem}}
@media(max-width:560px){.trust-strip,.grid.four,.preview-metrics,.journey,.audience-grid{grid-template-columns:1fr}.journey-step{min-height:0;padding:38px 0 14px;border-bottom:1px solid var(--line)}.audience,.audience+.audience,.audience:nth-child(3),.audience:nth-child(4){padding:24px 0;border-left:0;border-top:1px solid var(--line)}.audience:first-child{border-top:0}.container{width:min(calc(100% - 28px),var(--max))}.cta-box{padding:28px}}


/* Premium commercial homepage */
.premium-hero{padding-top:116px;padding-bottom:72px}
.premium-hero .hero-grid{grid-template-columns:1.05fr .95fr;gap:54px}
.hero-copy h1{max-width:720px;font-size:clamp(3.55rem,6.4vw,6.2rem);line-height:.96}
.hero-copy .lead{max-width:690px;font-size:clamp(1.16rem,1.7vw,1.34rem);line-height:1.58}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;color:var(--muted);font-size:.91rem}
.hero-trust span{display:inline-flex;align-items:center;gap:7px}
.hero-trust span:before{content:"✓";color:var(--green);font-weight:900}

.premium-preview{transform:translateY(8px);border-color:#315d8c;box-shadow:0 34px 90px rgba(0,0,0,.3)}
.preview-status{font-size:.9rem;color:#e7d4aa}
.preview-levels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.preview-levels>div{padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(7,18,32,.72)}
.preview-levels small{display:block;margin-bottom:2px;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.06em}
.preview-levels strong{font-size:1rem}

.value-panel{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border:1px solid var(--line-strong);border-radius:20px;background:linear-gradient(145deg,rgba(13,28,48,.9),rgba(8,21,37,.86));box-shadow:0 22px 60px rgba(0,0,0,.14);overflow:hidden}
.value-item{padding:26px 30px 28px}
.value-item+.value-item{border-left:1px solid var(--line)}
.value-kicker{display:block;margin-bottom:8px;color:var(--accent2);font-size:.72rem;font-weight:900;letter-spacing:.12em}
.value-item strong{display:block;margin-bottom:6px;font-size:1.12rem}
.value-item p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.55}

.section-head{max-width:880px;margin-bottom:36px}
.section-head h2{max-width:850px}
.section-head .section-intro{margin-bottom:0;font-size:1.08rem;line-height:1.62}

.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.signal-card{position:relative;padding:34px 36px;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(145deg,rgba(15,32,54,.97),rgba(9,22,39,.95));box-shadow:0 18px 55px rgba(0,0,0,.12)}
.signal-run{border-color:#2b6c5a}.signal-outcome{border-color:#6d5834}
.signal-level{display:block;margin-bottom:16px;color:var(--accent2);font-size:.76rem;font-weight:900;letter-spacing:.1em}
.signal-card h3{margin-bottom:10px;font-size:1.42rem}
.signal-state{display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:1.08rem;font-weight:820}
.signal-card p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}

.lifecycle-panel{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(145deg,rgba(14,31,52,.94),rgba(8,21,37,.92));overflow:hidden}
.lifecycle-step{padding:32px 28px 34px;min-height:190px}
.lifecycle-step+.lifecycle-step{border-left:1px solid var(--line)}
.lifecycle-step>span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:26px;border-radius:50%;background:#102a49;border:1px solid #3f6c9b;color:var(--accent2);font-size:.75rem;font-weight:900}
.lifecycle-step h3{margin-bottom:8px;font-size:1.25rem}
.lifecycle-step p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.58}

.capability-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.capability{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:28px 26px 30px 0}
.capability+.capability{padding-left:28px;border-left:1px solid var(--line)}
.cap-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(117,173,255,.08);border:1px solid #2c5278;color:var(--accent2);font-weight:900}
.capability h3{margin:0 0 7px;font-size:1.16rem}
.capability p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.6}

.compact-commercial{padding-top:66px;padding-bottom:66px}
.role-band{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:46px}
.role-band h2{margin-top:18px;margin-bottom:0;font-size:clamp(2rem,3.5vw,3rem)}
.role-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.role-list span{padding:10px 14px;border-radius:999px;border:1px solid var(--line-strong);background:rgba(12,27,46,.7);color:var(--accent2);font-size:.94rem;font-weight:720}

.trust-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;padding:42px;border:1px solid #2d5074;border-radius:24px;background:linear-gradient(145deg,rgba(15,34,58,.95),rgba(8,23,40,.95));box-shadow:0 22px 65px rgba(0,0,0,.14)}
.trust-copy h2{margin-top:18px;font-size:clamp(2rem,3.4vw,3.15rem)}
.trust-copy p{max-width:650px;color:var(--muted);font-size:1.04rem}
.trust-checks{display:grid;gap:13px}
.trust-checks span{padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.97rem}
.trust-checks span:last-child{border-bottom:0}

.sales-cta{padding:52px 50px}
.sales-cta h2{max-width:780px;margin-top:18px}
.sales-cta .lead{max-width:720px}

@media(max-width:960px){
  .premium-hero .hero-grid,.signal-grid,.role-band,.trust-panel{grid-template-columns:1fr}
  .value-panel{grid-template-columns:1fr}
  .value-item+.value-item{border-left:0;border-top:1px solid var(--line)}
  .lifecycle-panel{grid-template-columns:1fr 1fr}
  .lifecycle-step:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .lifecycle-step:nth-child(4){border-top:1px solid var(--line)}
  .capability-panel{grid-template-columns:1fr}
  .capability,.capability+.capability{padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}
  .capability:last-child{border-bottom:0}
  .role-list{justify-content:flex-start}
}
@media(max-width:560px){
  .premium-hero{padding-top:74px}
  .hero-copy h1{font-size:clamp(3rem,15vw,4rem)}
  .value-item{padding:23px}
  .signal-card{padding:27px 24px}
  .lifecycle-panel{grid-template-columns:1fr}
  .lifecycle-step,.lifecycle-step:nth-child(3){min-height:0;border-left:0;border-top:1px solid var(--line)}
  .lifecycle-step:first-child{border-top:0}
  .trust-panel{padding:28px 24px}
  .sales-cta{padding:34px 26px}
}