.lp-hero{position:relative;background:
  radial-gradient(1100px 520px at 78% -8%,rgba(59,155,255,.28),transparent 62%),
  linear-gradient(158deg,#07142A 0%,#0E2547 42%,#16386B 100%);
  color:#E9F1FA;overflow:hidden;padding:74px 0 0}

.lp-grid-bg{position:absolute;inset:0;opacity:.9;
  background-image:linear-gradient(rgba(120,170,230,.10) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(120,170,230,.10) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask-image:radial-gradient(880px 520px at 74% 26%,#000 12%,transparent 74%);mask-image:radial-gradient(880px 520px at 74% 26%,#000 12%,transparent 74%)}
.lp-hero .wrap{position:relative;z-index:2}
.lp-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:#8FC2FF;border:1px solid rgba(143,194,255,.32);
  background:rgba(143,194,255,.09);border-radius:100px;padding:6px 15px;margin-bottom:20px}
.lp-dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.22)}
.lp-hero h1{font-family:var(--disp);color:#fff;font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.02;
  letter-spacing:.004em;font-weight:600;max-width:20ch;margin:0 0 20px;text-wrap:balance}
.lp-hero h1 em{font-style:normal;color:#6FB4FF;display:block}
.lp-sub{font-size:1.13rem;line-height:1.6;color:#BFD4EA;max-width:60ch;margin:0 0 26px}
.lp-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.lp-btn{display:inline-flex;align-items:center;gap:9px;border-radius:8px;padding:13px 24px;
  font-weight:700;font-size:1rem;border:1px solid transparent;transition:transform .12s ease}
.lp-btn:hover{text-decoration:none;transform:translateY(-1px)}
.lp-btn.solid{background:#3B9BFF;color:#04203F!important}
.lp-btn.solid:hover{background:#63B1FF}
.lp-btn.ghost{border-color:rgba(160,200,245,.4);color:#DCEAFB!important}
.lp-btn.ghost:hover{background:rgba(160,200,245,.12)}
.lp-fine{font-size:.85rem;color:#8FA9C6;margin:14px 0 0}
.lp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:1px;
  background:rgba(150,190,235,.22);border:1px solid rgba(150,190,235,.22);border-radius:12px;
  overflow:hidden;margin:44px 0 0}
.lp-stats div{background:rgba(9,22,44,.72);padding:16px 18px;backdrop-filter:blur(2px)}
.lp-stats b{display:block;font-family:var(--disp);font-weight:600;color:#fff;font-size:1.85rem;line-height:1.08;
  font-variant-numeric:tabular-nums;letter-spacing:.006em}
.lp-stats span{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#8FA9C6;font-weight:600}
.lp-shot{position:relative;z-index:2;margin:46px auto 0;max-width:1040px;border-radius:12px 12px 0 0;
  overflow:hidden;border:1px solid rgba(150,190,235,.32);border-bottom:0;
  box-shadow:0 -2px 0 rgba(255,255,255,.06) inset,0 -26px 70px rgba(3,10,24,.55)}
.lp-shot img{display:block;width:100%;height:auto}
.shot-frame{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--navy);
  box-shadow:0 10px 34px rgba(10,24,48,.10)}
.shot-frame img{display:block;width:100%;height:auto}
.shot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin:26px 0 0}
.shot-grid figure{margin:0}
.shot-grid figcaption{font-size:.86rem;color:var(--muted);margin-top:10px}
.shot-grid figcaption b{display:block;font-family:var(--disp);font-weight:600;color:var(--ink);
  font-size:1.1rem;letter-spacing:.01em;margin-bottom:3px}

main.bleed{padding:0}
section.lp{padding:64px 0}
section.lp.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lp-head{max-width:64ch;margin:0 0 34px}
.kick{font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--accent);margin:0 0 9px}
.split h2{font-family:var(--disp);font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:.003em;margin:0 0 12px}
.lp-head h2{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:.003em;margin:0 0 12px}
.lp-head p{font-size:1.04rem;color:var(--body);margin:0}

.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:14px}
.mod{border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--surface);
  transition:border-color .15s ease,box-shadow .15s ease}
.mod:hover{border-color:var(--accent);box-shadow:0 6px 22px rgba(15,45,95,.09)}
.mod svg{width:26px;height:26px;color:var(--accent);margin-bottom:11px}
.mod b{display:block;font-family:var(--disp);font-weight:600;color:var(--ink);font-size:1.18rem;letter-spacing:.01em;margin-bottom:5px}
.mod p{font-size:.9rem;color:var(--body);margin:0 0 9px}
.mod .cnt{font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}

.roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:1px;
  background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.role{padding:20px 22px 22px;background:var(--bg)}
.role b{display:block;font-family:var(--disp);font-weight:600;color:var(--ink);font-size:1.34rem;
  letter-spacing:.01em;margin-bottom:7px}
.role p{font-size:.92rem;margin:0}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.layerlist{columns:2 150px;column-gap:20px;font-size:.92rem;margin:6px 0 0}
.layerlist span{display:block;padding:3px 0;break-inside:avoid;color:var(--body)}
.layerlist span::before{content:"▪";color:var(--accent);margin-right:8px}

.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:14px;align-items:stretch}
.tier-card{border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;
  background:var(--surface)}
.tier-card.pop{border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,95,191,.1)}
.tier-card .nm{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tier-card .pr{font-family:var(--disp);font-size:2.2rem;font-weight:600;color:var(--ink);
  letter-spacing:.008em;font-variant-numeric:tabular-nums;margin:4px 0 2px}
.tier-card .pr small{font-size:.8rem;font-weight:600;color:var(--muted)}
.tier-card .wt{font-size:.8rem;color:var(--accent);font-weight:700;margin-bottom:10px}
.tier-card ul{list-style:none;margin:0;padding:0;font-size:.88rem;flex:1}
.tier-card li{padding:4px 0 4px 18px;position:relative}
.tier-card li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.badge-pop{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  background:var(--accent);color:#fff;border-radius:3px;padding:2px 7px;margin-bottom:8px}

.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.trust div{border-top:2px solid var(--line);padding-top:13px}
.trust b{display:block;font-family:var(--disp);font-weight:600;color:var(--ink);margin-bottom:5px;font-size:1.16rem;letter-spacing:.01em}
.trust p{font-size:.9rem;margin:0}

pre.code{background:#0A182D;color:#D6E4F5;border-radius:9px;padding:16px 18px;overflow-x:auto;
  font-size:.85rem;line-height:1.62;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
pre.code .k{color:#7FC0FF}pre.code .s{color:#9FE0A8}pre.code .c{color:#7C93AE}

.lp-cta{background:linear-gradient(150deg,#0A1830,#173963 62%,#1F5FBF);color:#E7EEF7;
  border-radius:14px;padding:44px 40px;text-align:center;margin:8px 0 0}
.lp-cta h2{font-family:var(--disp);color:#fff;margin:0 0 10px;font-size:clamp(1.7rem,3vw,2.4rem)}
.lp-cta p{color:#C6D6E8;max-width:56ch;margin:0 auto 22px}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:26px}.lp-hero{padding-top:46px}
  section.lp{padding:44px 0}.layerlist{columns:1}}