:root {
  --ink: #161442;
  --paper: #f8f7fc;
  --white: #ffffff;
  --purple: #7b3fe4;
  --purple-deep: #4a2398;
  --blue: #159fe5;
  --gold: #f6b11a;
  --muted: #67657b;
  --line: rgba(22, 20, 66, 0.12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; min-height: 100vh; color: var(--ink);
  background:
    radial-gradient(circle at 8% 14%, rgba(123,63,228,.14), transparent 28rem),
    radial-gradient(circle at 90% 88%, rgba(21,159,229,.11), transparent 30rem),
    linear-gradient(135deg, #fff 0%, var(--paper) 58%, #f1f6fc 100%);
  font-family: "DM Sans", system-ui, sans-serif;
}
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.22; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.065'/%3E%3C/svg%3E"); }
.page-shell { min-height:100vh; width:min(1440px,100%); margin:0 auto; padding:28px clamp(22px,5vw,80px) 24px; display:grid; grid-template-rows:auto 1fr auto; gap:40px; }
.site-header,.site-footer { display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; text-decoration:none; }
.header-logo { display:block; width:clamp(210px,22vw,320px); height:auto; }
.powered-by { color:var(--muted); font-size:12px; letter-spacing:.04em; }
.powered-by b { color:var(--ink); }
.hero { align-self:center; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr); gap:clamp(48px,8vw,120px); align-items:center; }
.hero-copy { max-width:740px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:24px; color:#545168; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow span { width:34px; height:3px; background:linear-gradient(90deg,var(--purple),var(--blue)); border-radius:999px; }
h1 { margin:0; max-width:800px; font:800 clamp(50px,6.7vw,94px)/.96 "Manrope",sans-serif; letter-spacing:-.066em; }
.hero-text { max-width:670px; margin:30px 0 28px; color:var(--muted); font-size:clamp(17px,1.55vw,21px); line-height:1.7; }
.promise-row { display:flex; flex-wrap:wrap; gap:10px; }
.promise-row span { padding:9px 13px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.66); color:#4f4b69; font-size:12px; font-weight:700; }
.insight-card { position:relative; min-height:590px; overflow:hidden; border-radius:34px; background:linear-gradient(145deg,#191748 0%,#10102f 68%,#161442 100%); color:var(--white); box-shadow:0 34px 90px rgba(29,22,76,.27); isolation:isolate; }
.card-grid { position:absolute; inset:0; opacity:.19; background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,#000,transparent 86%); }
.orb { position:absolute; border-radius:50%; filter:blur(2px); }
.orb-one { width:330px; height:330px; right:-95px; top:-95px; background:linear-gradient(135deg,var(--purple),var(--blue)); opacity:.92; }
.orb-two { width:220px; height:220px; left:-100px; bottom:-70px; border:42px solid rgba(246,177,26,.2); }
.card-icon { position:absolute; z-index:1; width:min(78%,440px); height:auto; left:52%; top:34%; transform:translate(-50%,-50%); opacity:.32; filter:drop-shadow(0 28px 42px rgba(0,0,0,.25)); }
.card-content { position:relative; z-index:2; min-height:590px; padding:clamp(32px,5vw,58px); display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(to top,rgba(16,16,47,.99) 0%,rgba(16,16,47,.85) 46%,rgba(16,16,47,0) 73%); }
.card-label { margin:0 0 auto; font-size:12px; font-weight:800; letter-spacing:.18em; color:#ddc7ff; }
.signal { display:flex; align-items:end; gap:6px; height:52px; margin-bottom:22px; }
.signal span { width:8px; border-radius:999px; background:linear-gradient(to top,var(--purple),var(--blue)); animation:pulse 1.8s ease-in-out infinite alternate; }
.signal span:nth-child(1){height:22%;animation-delay:-.2s}.signal span:nth-child(2){height:50%;animation-delay:-.6s}.signal span:nth-child(3){height:100%;animation-delay:-.9s}.signal span:nth-child(4){height:68%;animation-delay:-.4s}.signal span:nth-child(5){height:38%;animation-delay:-.7s}
.card-content h2 { margin:0; max-width:480px; font:750 clamp(31px,3.4vw,49px)/1.03 "Manrope",sans-serif; letter-spacing:-.045em; }
.card-content>p:not(.card-label) { max-width:445px; margin:20px 0 28px; color:rgba(255,255,255,.69); line-height:1.62; }
.card-points { border-top:1px solid rgba(255,255,255,.15); }
.card-points div { display:grid; grid-template-columns:46px 1fr; gap:8px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.card-points b { color:#bba1ff; font-size:12px; letter-spacing:.1em; }
.card-points span { font-size:14px; font-weight:600; }
.site-footer { padding-top:6px; color:#77738b; font-size:12px; gap:18px; }
.site-footer p { margin:0; }
.domain { font-weight:700; color:var(--ink); }
.status { display:flex; align-items:center; gap:8px; }
.status span { width:8px; height:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 5px rgba(21,159,229,.15); }
@keyframes pulse { from{transform:scaleY(.82);opacity:.65} to{transform:scaleY(1.08);opacity:1} }
@media(max-width:980px){.page-shell{gap:58px}.hero{grid-template-columns:1fr}.hero-copy{max-width:820px}.insight-card,.card-content{min-height:540px}}
@media(max-width:680px){.page-shell{padding:18px;gap:44px}.site-header{align-items:flex-start}.powered-by{display:none}.header-logo{width:235px}h1{font-size:clamp(46px,15vw,66px)}.eyebrow{font-size:11px;line-height:1.4}.insight-card,.card-content{min-height:520px}.card-content{padding:30px 26px}.card-icon{width:95%;top:33%}.site-footer{align-items:flex-start;gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}