/* Ancient Mysteries AI — visual system */
:root {
  --ink: #071a34;
  --navy: #020c1d;
  --blue: #008cff;
  --cyan: #2ad8ff;
  --gold: #f2bd4c;
  --cream: #fff8e8;
  --mist: #eaf8ff;
  --line: rgba(15, 111, 178, .17);
  --shadow: 0 24px 70px rgba(6, 55, 97, .13);
  --radius: 28px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: linear-gradient(135deg, #eefbff 0%, #d9f3ff 46%, #f8fdff 100%);
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 17px;
  line-height: 1.72;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; }
a { color: inherit; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 100; background: white; padding: .7rem 1rem; border-radius: 9px; }
.skip-link:focus { top: 1rem; }

/* Header — archaeological AI command center */
.site-header {
  position: relative;
  min-height: 100svh;
  color: white;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 76%, rgba(0, 162, 255, .35), transparent 25%),
    radial-gradient(circle at 16% 28%, rgba(0, 110, 210, .2), transparent 24%),
    radial-gradient(circle at 84% 38%, rgba(242, 189, 76, .15), transparent 23%),
    linear-gradient(145deg, #010812 0%, #03172d 48%, #020b19 100%);
}
.site-header::before {
  content: ""; position: absolute; inset: 0; z-index: -2; opacity: .35;
  background-image: repeating-linear-gradient(90deg, transparent 0 79px, rgba(35, 171, 255, .09) 80px), repeating-linear-gradient(0deg, transparent 0 79px, rgba(35, 171, 255, .07) 80px);
  mask-image: linear-gradient(to bottom, black, transparent 86%);
}
.site-header::after {
  content: ""; position: absolute; left: 50%; bottom: -46vw; width: 92vw; aspect-ratio: 1; transform: translateX(-50%); border: 1px solid rgba(43, 216, 255, .19); border-radius: 50%; box-shadow: 0 0 100px rgba(0, 145, 255, .11), inset 0 0 100px rgba(0, 145, 255, .08); z-index: -1;
}
.nav-shell {
  position: relative; z-index: 20; width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 23px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.12);
}
.brand { width: 190px; }
.brand img { width: 100%; height: 60px; object-fit: contain; object-position: left center; }
.nav-links { display: flex; align-items: center; gap: 30px; }
.nav-links a { text-decoration: none; font-size: .83rem; font-weight: 650; color: rgba(255,255,255,.72); transition: color .25s, transform .25s; }
.nav-links a:hover { color: white; transform: translateY(-2px); }
.nav-links .nav-cta { color: var(--navy); background: linear-gradient(135deg, #ffe397, #eeb441); padding: 11px 18px; border-radius: 999px; box-shadow: 0 0 25px rgba(242,189,76,.2); }
.menu-toggle { display: none; width: 43px; height: 43px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: transparent; }
.menu-toggle span { display: block; width: 17px; height: 1px; background: white; margin: 5px auto; }
.hero-grid { position: absolute; inset: 95px 0 0; z-index: -1; background: linear-gradient(115deg, transparent 49.8%, rgba(255,255,255,.05) 50%, transparent 50.2%); }
.hero-orbit { position: absolute; z-index: -1; border: 1px solid rgba(241,192,85,.17); border-radius: 50%; animation: spin 24s linear infinite; }
.hero-orbit::before, .hero-orbit::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 18px var(--gold); }
.orbit-one { width: 500px; height: 500px; left: -220px; top: 180px; }
.orbit-one::before { right: 50px; top: 50px; }
.orbit-two { width: 340px; height: 340px; right: -150px; top: 250px; animation-direction: reverse; animation-duration: 18s; }
.orbit-two::after { left: 20px; bottom: 85px; background: var(--cyan); box-shadow: 0 0 18px var(--cyan); }
@keyframes spin { to { transform: rotate(360deg); } }
.hero-content { position: relative; width: min(1100px, calc(100% - 40px)); margin: 0 auto; padding: 84px 0 36px; text-align: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 13px; font-size: .7rem; letter-spacing: .24em; font-weight: 750; color: #8eeaff; }
.eyebrow span { width: 34px; height: 1px; background: linear-gradient(90deg, transparent, currentColor); }
.eyebrow span:last-child { transform: scaleX(-1); }
.hero-content h1 { max-width: 950px; margin: 18px auto 16px; font-size: clamp(3.1rem, 8vw, 5.7rem); line-height: .87; font-weight: 750; text-wrap: balance; }
.hero-content h1 em { display: inline-block; color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(255,255,255,.8); text-shadow: 0 0 30px rgba(255,255,255,.08); }
.hero-content h1 strong { color: var(--cyan); text-shadow: 0 0 36px rgba(0,189,255,.55); }
.hero-copy { max-width: 925px; margin: 26px auto; color:#fff; font-size: clamp(1rem, 1.6vw, 1.22rem); line-height: 1.65; text-wrap: balance; }
.hero-copy mark { position: relative; color: #ffe28b; background: none; font-weight: 700; }
.primary-button { display: inline-flex; align-items: center; gap: 22px; margin-top: 6px; padding: 8px 8px 8px 24px; border: 1px solid rgba(105,225,255,.5); border-radius: 999px; background: rgba(2,31,56,.75); color: white; text-decoration: none; font-size: .88rem; font-weight: 700; backdrop-filter: blur(12px); box-shadow: 0 13px 38px rgba(0,0,0,.24); transition: transform .3s, border-color .3s; }
.primary-button b { display: grid; place-items: center; width: 41px; height: 41px; border-radius: 50%; color: var(--navy); background: linear-gradient(135deg, #51e4ff, #008ef3); font-size: 1.05rem; }
.primary-button:hover { transform: translateY(-4px); border-color: var(--cyan); }
.product-stage { position: relative; width: min(850px, 90%); margin: 45px auto -8px; }
.product-stage img { position: relative; z-index: 3; width: 100%; filter: drop-shadow(0 30px 35px rgba(0,0,0,.58)); }
.stage-glow { position: absolute; inset: 20% 15% 6%; border-radius: 50%; background: radial-gradient(ellipse, rgba(0,171,255,.38), transparent 65%); filter: blur(28px); animation: pulse 3s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .55; transform: scale(.94); } }
.scan-line { position: absolute; z-index: 4; left: 16%; right: 12%; top: 24%; height: 1px; background: linear-gradient(90deg, transparent, #57e8ff, transparent); box-shadow: 0 0 14px #36dcff; animation: scan 4.5s ease-in-out infinite; opacity: .55; }
@keyframes scan { 50% { top: 80%; opacity: .12; } }
.data-chip { position: absolute; z-index: 5; display: flex; align-items: center; gap: 10px; padding: 9px 13px; border: 1px solid rgba(89,222,255,.32); border-radius: 10px; background: rgba(1,19,37,.72); backdrop-filter: blur(10px); color: #9feeff; font-size: .55rem; letter-spacing: .13em; text-align: left; box-shadow: 0 9px 28px rgba(0,0,0,.3); }
.data-chip i { width: 7px; height: 7px; border-radius: 50%; background: #57ffb0; box-shadow: 0 0 13px #57ffb0; animation: blink 1.8s infinite; }
.data-chip b { color: white; font-size: .65rem; }
.chip-left { left: 2%; top: 47%; }.chip-right { right: -1%; top: 33%; }
@keyframes blink { 50% { opacity: .28; } }
.scroll-cue { position: absolute; right: 32px; bottom: 28px; display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.4); font-size: .62rem; letter-spacing: .16em; text-transform: uppercase; transform: rotate(90deg); transform-origin: right bottom; }
.scroll-cue span { width: 30px; height: 1px; background: currentColor; }
.hero-reveal { opacity: 0; animation: heroIn .75s cubic-bezier(.2,.7,.2,1) forwards; }
.hero-reveal:nth-child(2) { animation-delay: .12s; }.hero-reveal:nth-child(3) { animation-delay: .24s; }.hero-reveal:nth-child(4) { animation-delay: .36s; }.hero-reveal:nth-child(5) { animation-delay: .5s; }
@keyframes heroIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }

/* Shared section system */
.section { position: relative; padding: clamp(80px, 10vw, 60px) 0; }
.section:nth-child(even) { background: linear-gradient(135deg, rgba(255,255,255,.8), rgba(213,242,255,.55)); }
.container { width: min(1180px, calc(100% - 44px)); margin: 0 auto; }
.narrow { width: min(1010px, calc(100% - 44px)); }
.section-number { position: absolute; left: max(22px, calc((100% - 1180px)/2)); top: 62px; color: rgba(0,111,187,.1); font-size: clamp(5rem, 13vw, 11rem); font-weight: 800; line-height: 1; pointer-events: none; }
.kicker { margin: 0 0 10px; color: #0076bc; font-size: .72rem; font-weight: 750; letter-spacing: .19em; text-transform: uppercase; }
h2 { margin: 0 0 24px; color: #061b36; font-size: clamp(2.25rem, 5vw, 4.6rem); line-height: 1.02; letter-spacing: -.055em; }
h3 { line-height: 1.2; }
p { margin: 0 0 1.2em; }
.lead { font-size: clamp(1.2rem, 2.3vw, 1.22rem); line-height: 1.55; font-weight: 550; letter-spacing: -.02em; }
.centered { text-align: center; }
.section-heading { margin-bottom: 45px; }
.section-heading.centered { max-width: 800px; margin-left: auto; margin-right: auto; }
.split-layout { display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: clamp(45px, 7vw, 95px); }
.split-layout.reverse { grid-template-columns: .9fr 1.1fr; }
.split-layout.compact { gap: 70px; }
.split-copy p:last-child { margin-bottom: 0; }
.intro-section { text-align: center; background: linear-gradient(160deg, #f8fdff, #d9f5ff); }
.intro-section .container { position: relative; }
.cursor-glow { position: fixed; z-index: 999; width: 260px; height: 260px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(32,188,255,.1), transparent 68%); transform: translate(-50%,-50%); opacity: 0; transition: opacity .3s; }
.js .reveal { opacity: 0; transform: translateY(30px); transition: opacity .72s ease, transform .72s cubic-bezier(.2,.7,.2,1); }
.js .reveal.in-view { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } .js .reveal { opacity: 1; transform: none; } }

/* Software placeholders */
.image-placeholder { position: relative; min-height: 505px; padding: 20px; border: 1px solid rgba(28,142,207,.22); border-radius: var(--radius); background: rgba(255,255,255,.62); box-shadow: var(--shadow); overflow: hidden; }
.image-placeholder::before { content: ""; position: absolute; width: 260px; height: 260px; right: -80px; top: -60px; border-radius: 50%; background: rgba(0,172,255,.13); filter: blur(4px); }
.image-placeholder::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(0,123,198,.12) 1px, transparent 1px); background-size: 15px 15px; mask-image: linear-gradient(135deg, black, transparent 65%); }
.placeholder-ui { position: relative; z-index: 2; height: 465px; display: flex; flex-direction: column; border: 1px solid rgba(87,214,255,.32); border-radius: 18px; overflow: hidden; background: linear-gradient(145deg, #03162a, #062e4d); box-shadow: inset 0 0 55px rgba(0,118,193,.15); }
.ui-top { height: 48px; display: flex; align-items: center; gap: 7px; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(158,229,255,.55); font-size: .58rem; letter-spacing: .15em; }
.ui-top i { width: 6px; height: 6px; border-radius: 50%; background: #1aa5d9; }.ui-top i:nth-child(2) { background: var(--gold); }.ui-top i:nth-child(3) { background: #39e9a4; }
.ui-top span { margin-left: auto; }
.ui-body { position: relative; flex: 1; display: grid; place-content: center; text-align: center; color: white; }
.ui-body::before, .ui-body::after { content: ""; position: absolute; inset: 18% 27%; border: 1px solid rgba(38,210,255,.13); transform: rotate(45deg); animation: softSpin 18s linear infinite; }
.ui-body::after { inset: 26% 35%; border-color: rgba(242,189,76,.22); animation-direction: reverse; }
@keyframes softSpin { to { transform: rotate(405deg); } }
.glyph { color: var(--gold); font-size: 3rem; line-height: 1; text-shadow: 0 0 28px rgba(242,189,76,.36); }
.ui-body strong { position: relative; z-index: 1; margin-top: 12px; font-size: 1.45rem; line-height: 1.05; letter-spacing: .08em; }
.ui-body span { position: relative; z-index: 1; margin-top: 10px; color: rgba(196,231,247,.56); font-size: .68rem; }
.ui-tags { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; padding: 11px; }
.ui-tags b { padding: 8px 3px; border: 1px solid rgba(60,208,255,.25); border-radius: 7px; color: #71ddff; font-size: .5rem; letter-spacing: .04em; text-align: center; }
.placeholder-ui.alt { background: linear-gradient(145deg, #061832, #064568); }
.signal-bars { height: 52px; display: flex; align-items: end; justify-content: center; gap: 9px; padding-bottom: 12px; }
.signal-bars i { width: 27px; height: 10px; border-radius: 4px 4px 1px 1px; background: #14bfe9; animation: bars 1.7s ease-in-out infinite; }.signal-bars i:nth-child(2){height:24px;animation-delay:.2s}.signal-bars i:nth-child(3){height:35px;animation-delay:.4s}.signal-bars i:nth-child(4){height:20px;animation-delay:.6s}.signal-bars i:nth-child(5){height:29px;animation-delay:.8s}
@keyframes bars { 50% { height: 40px; background: var(--gold); } }

/* Stats and benefits */
.stats-section { background: linear-gradient(135deg, #d5f4ff, #f6fdff 45%, #caefff) !important; }
.stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.stat-grid article { position: relative; min-height: 155px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(13,130,199,.16); border-radius: 18px; background: rgba(255,255,255,.75); box-shadow: 0 15px 50px rgba(4,84,131,.08); transition: transform .3s, border-color .3s; overflow: hidden; }
.stat-grid article::after { content: ""; position: absolute; width: 70px; height: 70px; right: -30px; top: -30px; border: 13px solid rgba(20,164,224,.08); border-radius: 50%; }
.stat-grid article:hover { transform: translateY(-7px); border-color: rgba(11,145,220,.38); }
.stat-grid span { color: #3283ad; font-size: .62rem; letter-spacing: .13em; font-weight: 750; }
.stat-grid strong { color: #06254a; font-size: clamp(1.2rem, 2.3vw, 1.75rem); line-height: 1.12; }
.notice { margin: 28px 0 0; padding: 19px 21px; border-left: 3px solid var(--gold); border-radius: 0 12px 12px 0; background: rgba(255,255,255,.62); color: #48667a; font-size: .82rem; }
.benefit-list { list-style: none; padding: 0; margin: 27px 0; }
.benefit-list li { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding: 17px 0; border-top: 1px solid var(--line); line-height: 1.5; }
.benefit-list li:last-child { border-bottom: 1px solid var(--line); }
.benefit-list li > span { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(0,139,214,.28); border-radius: 50%; color: #0085ce; font-size: .62rem; font-weight: 800; }
.closing-note { padding: 22px; border-radius: 15px; background: #062442; color: rgba(236,249,255,.86); box-shadow: 0 15px 35px rgba(5,49,84,.16); }

/* Funnel and offer stack */
.funnel-section { color: #e4f8ff; background: radial-gradient(circle at 80% 20%, rgba(0,150,238,.22), transparent 30%), linear-gradient(140deg, #020c1d, #052847) !important; }
.funnel-section h2 { color: white; }.funnel-section .kicker { color: #5fdfff; }
.table-wrap { border: 1px solid rgba(100,220,255,.18); border-radius: 20px; overflow-x: auto; background: rgba(4,29,52,.62); box-shadow: 0 30px 80px rgba(0,0,0,.2); }
table { width: 100%; border-collapse: collapse; min-width: 850px; }
th, td { padding: 20px 18px; text-align: left; border-bottom: 1px solid rgba(124,216,255,.11); }
th { color: #76dfff; font-size: .66rem; letter-spacing: .13em; text-transform: uppercase; }
td { color: rgba(234,248,255,.76); font-size: .86rem; }
td:nth-child(2) { color: white; font-weight: 650; } td b { color: #ffe18b; }
tbody tr { transition: background .22s; } tbody tr:hover { background: rgba(53,192,255,.07); }
.step-pill { display: inline-block; min-width: 48px; padding: 5px 8px; border: 1px solid rgba(61,212,255,.35); border-radius: 99px; color: #5ce0ff; font-size: .67rem; font-weight: 800; text-align: center; }
.offer-section { background: linear-gradient(145deg, #eaf9ff, #ccefff) !important; }
.offer-stack { max-width: 940px; margin: 0 auto; }
.offer-card { position: sticky; top: 110px; display: grid; grid-template-columns: 86px 1fr; gap: 28px; align-items: start; margin-bottom: 18px; padding: clamp(25px, 4vw, 42px); border: 1px solid rgba(36,144,205,.18); border-radius: 25px; background: rgba(255,255,255,.94); box-shadow: 0 20px 55px rgba(7,76,118,.11); }
.offer-card:nth-child(2) { top: 126px; }.offer-card:nth-child(3) { top: 142px; }.offer-card:nth-child(4) { top: 158px; }.offer-card:nth-child(5) { top: 174px; }
.offer-index { display: grid; place-items: center; width: 67px; height: 67px; border-radius: 19px; color: white; background: linear-gradient(145deg, #082a4e, #007dca); font-weight: 800; box-shadow: inset 0 0 0 1px rgba(113,225,255,.24), 0 12px 25px rgba(0,96,159,.18); }
.offer-card:nth-child(odd) .offer-index { color: #09213b; background: linear-gradient(145deg, #ffe79b, #edb844); }
.offer-card h3 { margin: 2px 0 9px; color: #08284a; font-size: clamp(1.25rem, 2.2vw, 1.65rem); }.offer-card p { margin: 0; color: #49677b; }

/* Contest, timeline and tools */
.contest-section { overflow: hidden; }
.contest-section::before { content: ""; position: absolute; width: 500px; height: 500px; left: -280px; top: 5%; border: 70px solid rgba(0,145,218,.05); border-radius: 50%; }
.prize-board { position: relative; padding: 15px; border-radius: 24px; background: linear-gradient(145deg, #041528, #07365b); box-shadow: var(--shadow); }
.prize-board::after { content: "TOP 10"; position: absolute; right: 22px; top: -16px; padding: 7px 13px; border-radius: 99px; color: #091d33; background: var(--gold); font-size: .58rem; letter-spacing: .12em; font-weight: 800; }
.prize-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px; border-bottom: 1px solid rgba(124,218,255,.12); color: rgba(229,246,255,.72); }
.prize-row:last-child { border-bottom: 0; }.prize-row strong { color: white; font-size: .9rem; }.prize-row.first { color: #ffe29b; }
.timeline-labels { display: flex; justify-content: space-between; margin: 0 4px 18px; color: #3086af; font-size: .64rem; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.timeline { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.timeline::before { content: ""; position: absolute; left: 6%; right: 6%; top: 34px; height: 1px; background: linear-gradient(90deg, transparent, #36bfe9, transparent); }
.timeline-item { position: relative; min-height: 210px; padding: 24px; border: 1px solid rgba(16,131,195,.17); border-radius: 20px; background: rgba(255,255,255,.76); box-shadow: 0 16px 38px rgba(4,82,128,.07); transition: transform .3s, background .3s; }
.timeline-item:hover { transform: translateY(-6px); background: white; }
.timeline-item > span { position: relative; z-index: 1; display: grid; place-items: center; width: 38px; height: 38px; margin: -9px 0 30px; border-radius: 50%; color: white; background: #087dc2; box-shadow: 0 0 0 7px #d9f4ff; font-size: .65rem; font-weight: 750; }
.timeline-item small { color: #4492b8; font-size: .61rem; letter-spacing: .13em; text-transform: uppercase; }
.timeline-item h3 { margin: 7px 0 11px; color: #082949; font-size: 1.05rem; }.timeline-item p { margin: 0; color: #0075af; font-size: .8rem; font-weight: 700; }
.tools-ui { background: linear-gradient(145deg, #082345, #075678); }.asset-lines { padding: 14px 20px; }.asset-lines i { display: block; width: 100%; height: 5px; margin: 7px 0; border-radius: 9px; background: linear-gradient(90deg, #12bce4 40%, rgba(255,255,255,.08) 40%); }.asset-lines i:nth-child(2){background:linear-gradient(90deg,#eebd55 68%,rgba(255,255,255,.08) 68%)}.asset-lines i:nth-child(3){background:linear-gradient(90deg,#12bce4 82%,rgba(255,255,255,.08) 82%)}
.tool-list { list-style: none; padding: 0; margin: 28px 0 0; }
.tool-list li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); }
.tool-list li > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: #daf4ff; color: #007fc2; font-size: .63rem; font-weight: 800; }.tool-list b { color: #0074af; }

/* FAQ and vendor contact */
.faq-section { background: linear-gradient(145deg, #d6f3ff, #f6fdff) !important; }
.accordion { border-top: 1px solid rgba(7,105,166,.2); }
.faq-item { border-bottom: 1px solid rgba(7,105,166,.2); }
.faq-item button { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 2px; border: 0; color: #082849; background: transparent; font: 700 1.06rem/1.3 "Bricolage Grotesque", sans-serif; text-align: left; cursor: pointer; }
.faq-item button i { position: relative; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid rgba(0,119,184,.26); border-radius: 50%; }
.faq-item button i::before, .faq-item button i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1px; background: #087cb9; transform: translate(-50%,-50%); transition: transform .25s; }.faq-item button i::after { transform: translate(-50%,-50%) rotate(90deg); }.faq-item.open button i::after { transform: translate(-50%,-50%) rotate(0); }
.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }.faq-answer > p { overflow: hidden; margin: 0; color: #4d6b7d; }.faq-item.open .faq-answer { grid-template-rows: 1fr; }.faq-item.open .faq-answer > p { margin: 0 45px 24px 0; }
.contact-section { color: white; background: radial-gradient(circle at 75% 40%, rgba(8,149,230,.24), transparent 27%), linear-gradient(145deg, #020b19, #052b4b) !important; }
.contact-card { position: relative; display: grid; grid-template-columns: 1fr 250px; gap: 60px; align-items: center; padding: clamp(35px, 7vw, 80px); border: 1px solid rgba(93,213,255,.19); border-radius: 32px; background: rgba(4,29,51,.74); box-shadow: 0 35px 90px rgba(0,0,0,.26); overflow: hidden; }
.contact-card::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(120deg, transparent 49.8%, rgba(62,204,255,.25) 50%, transparent 50.2%); }
.contact-copy { position: relative; z-index: 1; }.contact-copy h2 { color: white; }.contact-copy h3 { margin: 35px 0 4px; color: #ffe18c; font-size: 1.65rem; }.contact-copy > p { color: rgba(224,244,255,.69); }
.contact-meta { margin: 26px 0; padding: 19px 22px; border-left: 2px solid #2ad8ff; background: rgba(0,141,213,.09); }.contact-meta p { margin: 5px 0; color: #d7f4ff; font-size: 1.25rem; }.contact-meta span { color: #6edfff; font-weight: 700; }
.contact-seal { position: relative; width: 220px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(242,189,76,.45); border-radius: 50%; animation: spin 22s linear infinite; }.contact-seal::before,.contact-seal::after { content:"";position:absolute;border-radius:50%;inset:14px;border:1px dashed rgba(81,218,255,.35)}.contact-seal::after{inset:31px;border-style:solid;border-color:rgba(242,189,76,.22)}
.contact-seal > div { text-align: center; animation: spin 22s linear infinite reverse; }.contact-seal span { display: block; color: var(--gold); font-size: 4rem; font-weight: 800; line-height: 1; }.contact-seal small { color: #86e4ff; font-size: .57rem; letter-spacing: .2em; }
.signoff { margin-top: 50px; text-align: center; }.signoff p { margin-bottom: 5px; color: rgba(255,255,255,.75); font-size: 1.2rem; }.signoff strong { color: var(--gold); }

/* Footer */
.site-footer { padding: 38px 0; color: rgba(230,247,255,.61); background: #010713; border-top: 1px solid rgba(85,209,255,.13); }
.footer-inner { width: min(1240px, calc(100% - 44px)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.footer-logo { width: 150px; }.footer-logo img { height: 50px; object-fit: contain; object-position: left; }.site-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 20px; }.site-footer nav a,.back-top { text-decoration: none; font-size: .68rem; transition: color .2s; }.site-footer a:hover { color: white; }.back-top { white-space: nowrap; color: #65dafb; }

/* Responsive behavior */
@media (max-width: 900px) {
  .nav-links { position: absolute; left: 0; right: 0; top: 88px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(2,15,29,.96); backdrop-filter: blur(20px); }
  .nav-links.open { display: flex; }.nav-links a { padding: 12px; }.nav-links .nav-cta { margin-top: 7px; text-align: center; }.menu-toggle { display: block; }
  .hero-content { padding-top: 70px; }.product-stage { width: 100%; }.data-chip { display: none; }
  .split-layout,.split-layout.reverse,.split-layout.compact { grid-template-columns: 1fr; gap: 45px; }.why-section .image-placeholder { order: 2; }
  .stat-grid { grid-template-columns: repeat(2,1fr); }.timeline { grid-template-columns: repeat(2,1fr); }.timeline::before { display: none; }
  .contact-card { grid-template-columns: 1fr; }.contact-seal { width: 170px; margin: 0 auto; }.footer-inner { flex-direction: column; text-align: center; }.footer-logo img { object-position: center; }
}
@media (max-width: 560px) {
  body { font-size: 16px; }.nav-shell { width: calc(100% - 28px); }.brand { width: 150px; }.hero-content { width: calc(100% - 28px); padding-top: 56px; }.hero-content h1 { font-size: 3.15rem; }.hero-copy { font-size: .97rem; }.product-stage { margin-top: 36px; }.scroll-cue { display: none; }
  .section { padding: 75px 0; }.container,.narrow { width: calc(100% - 30px); }.section-number { display: none; }.image-placeholder { min-height: 410px; padding: 10px; }.placeholder-ui { height: 390px; }.ui-tags { grid-template-columns: repeat(2,1fr); }
  .stat-grid,.timeline { grid-template-columns: 1fr; }.stat-grid article { min-height: 125px; }.offer-card { position: relative !important; top: auto !important; grid-template-columns: 1fr; gap: 18px; }.offer-index { width: 54px; height: 54px; border-radius: 15px; }
  .prize-row { align-items: flex-start; flex-direction: column; gap: 3px; }.contact-card { padding: 27px 20px; border-radius: 23px; }.contact-meta { padding: 15px; overflow-wrap: anywhere; }.site-footer nav { flex-direction: column; }
}
.video-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
  }

  .video-wrapper video {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  @media (max-width: 768px) {
    .video-wrapper {
      width: 100%;
      border-radius: 8px;
    }
  }





  .stats-scene {
      position: relative;
      min-height: 100svh;
      isolation: isolate;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: clamp(38px, 4vw, 64px) clamp(22px, 6.4vw, 108px) clamp(44px, 4vw, 68px);
      overflow: hidden;
      background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.98) 0 17%, rgba(246,253,255,.84) 45%, transparent 70%),
        radial-gradient(circle at 15% 25%, rgba(73,214,240,.13), transparent 28%),
        radial-gradient(circle at 87% 72%, rgba(65,194,230,.1), transparent 30%),
        linear-gradient(145deg, #e7f9fd, #f9fdff 48%, #e1f6fb);
    }
    .stats-scene::before {
      content: "";
      position: absolute; inset: 0; z-index: -4; opacity: .4;
      background-image: radial-gradient(rgba(28,151,187,.19) .7px, transparent .7px);
      background-size: 22px 22px;
      mask-image: radial-gradient(circle, transparent 25%, #000 90%);
    }
    .stats-scene::after {
      content: "";
      position: absolute; inset: 0; z-index: -3; pointer-events: none;
      background: linear-gradient(112deg, transparent 47%, rgba(255,255,255,.55) 50%, transparent 53%);
      transform: translateX(-110%);
      animation: ambientSweep 8s ease-in-out 1.6s infinite;
    }
    @keyframes ambientSweep { 0%,55% { transform: translateX(-110%); } 82%,100% { transform: translateX(110%); } }

    

    .orbit { position: absolute; z-index: -1; border: 1px solid rgba(28,183,218,.18); border-radius: 50%; pointer-events: none; }
    .orbit-a { width: 120vw; aspect-ratio: 1; left: -10vw; top: -101vw; transform: rotate(8deg); }
    .orbit-b { width: 94vw; aspect-ratio: 1; right: -51vw; bottom: -76vw; }
    .orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 13px rgba(239,187,57,.65); animation: nodePulse 2.2s ease-in-out infinite; }
    .orbit i:nth-child(1) { left: 18%; bottom: 18%; }.orbit i:nth-child(2) { left: 46%; bottom: 2%; background: var(--cyan); animation-delay: .7s; }.orbit i:nth-child(3) { right: 16%; bottom: 21%; animation-delay: 1.2s; }
    .orbit-b i:nth-child(1) { left: 1%; top: 42%; }.orbit-b i:nth-child(2) { left: 15%; top: 13%; background: var(--cyan); }
    @keyframes nodePulse { 50% { transform: scale(1.8); opacity: .48; } }

    .compass { position: absolute; z-index: -1; width: 158px; aspect-ratio: 1; border: 1px solid rgba(42,168,200,.13); border-radius: 50%; opacity: .38; }
    .compass::before, .compass::after { content: ""; position: absolute; inset: 13%; border: 1px solid rgba(42,168,200,.2); border-radius: 50%; }
    .compass::after { inset: 32%; }
    .compass-left { left: -31px; top: 6%; }.compass-right { right: -35px; top: 7%; }
    .compass span { position: absolute; color: rgba(18,121,157,.5); font: 700 12px/1 sans-serif; }.compass span:nth-child(1){left:48%;top:-16px}.compass span:nth-child(2){right:-15px;top:47%}.compass span:nth-child(3){left:48%;bottom:-16px}.compass span:nth-child(4){left:-16px;top:47%}
    .compass b { position: absolute; left: 49%; top: 7%; width: 2px; height: 86%; background: linear-gradient(transparent, #4bbbd3 45%, transparent 46%); transform: rotate(26deg); transform-origin: center; animation: compassTurn 18s linear infinite; }
    .compass b::after { content:""; position:absolute; left:-29px; top:25px; border-left:30px solid transparent; border-right:30px solid transparent; border-bottom:62px solid rgba(66,186,210,.13); }
    @keyframes compassTurn { to { transform: rotate(386deg); } }

    .scene-heading { position: relative; z-index: 2; margin: 0 auto clamp(68px, 5.2vw, 84px); text-align: center; animation: headingIn .8s cubic-bezier(.2,.75,.2,1) both; }
    @keyframes headingIn { from { opacity: 0; transform: translateY(-24px); } }
    .eyebrow { display: flex; align-items: center; justify-content: center; gap: 20px; margin: 0 0 9px; color: #158ab5; font-size: clamp(.7rem, 1.3vw, 1.14rem); font-weight: 800; letter-spacing: .31em; }
    .eyebrow span { width: 46px; height: 2px; background: linear-gradient(90deg, transparent, var(--cyan)); }
    .eyebrow span:last-child { transform: scaleX(-1); }
    h1 { margin: 0; color: #061c42; font-size: clamp(4rem, 7.4vw, 5.05rem); line-height: .83;font-weight: 800; text-shadow: 0 5px 0 rgba(6,28,66,.04); }
    .heading-streak { width: 38%; height: 5px; margin: 12px auto 0; border-radius: 50%; background: linear-gradient(90deg, transparent, #29d1ea, transparent); filter: blur(1px); animation: streak 2.5s ease-in-out infinite; }
    @keyframes streak { 50% { width: 23%; opacity: .3; } }

    .stats-grid { position: relative; z-index: 2; width: min(1180px, 100%); margin: 0 auto; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: clamp(24px, 2vw, 34px); }
    .connector { position: absolute; left: 3.5%; right: 3.5%; top: 82px; height: 2px; z-index: -1; background: linear-gradient(90deg, transparent, var(--cyan) 8%, var(--cyan) 92%, transparent); box-shadow: 0 0 10px rgba(36,199,236,.55); transform: scaleX(0); transform-origin: left; animation: connectLine 1.1s ease-out .85s forwards; }
    @keyframes connectLine { to { transform: scaleX(1); } }
    .connector i { position: absolute; top: 50%; width: 10px; height: 10px; border: 2px solid white; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 1px var(--cyan),0 0 15px var(--cyan); transform: translate(-50%,-50%); }
    .connector i:nth-child(1){left:22.5%}.connector i:nth-child(2){left:50%}.connector i:nth-child(3){left:77.5%}.connector i:nth-child(4){left:100%}

    .stat-card {
      position: relative;
      min-height: clamp(270px, 22vw, 270px);
      padding: clamp(76px, 7vw, 100px) 22px 27px;
      display: flex; flex-direction: column; align-items: center;
      border: 2px solid rgba(39,166,200,.38);
      border-radius: 18px 18px 25px 25px;
      background: linear-gradient(155deg, rgba(255,255,255,.85), rgba(240,251,254,.72));
      box-shadow: 0 16px 28px rgba(18,145,175,.09), inset 0 0 0 5px rgba(255,255,255,.58), inset 0 0 45px rgba(91,215,235,.07);
      opacity: 0;
      transform: translateY(34px) scale(.96);
      animation: cardIn .75s cubic-bezier(.2,.8,.2,1) var(--delay) forwards;
      transition: transform .3s ease, box-shadow .3s ease;
    }
    @keyframes cardIn { to { opacity: 1; transform: translateY(0) scale(1); } }
    .stat-card:hover { transform: translateY(-9px); box-shadow: 0 25px 45px rgba(16,149,183,.18), inset 0 0 0 5px rgba(255,255,255,.72), inset 0 0 55px rgba(91,215,235,.13); }
    .stat-card::before { content: ""; position: absolute; inset: 7px; z-index: -1; border: 1px solid rgba(49,165,196,.25); border-radius: 12px 12px 19px 19px; }
    .card-notch { position: absolute; left: 50%; bottom: -1px; width: 58px; height: 7px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, var(--gold), transparent); border-radius: 100% 100% 0 0; box-shadow: 0 0 12px rgba(239,187,57,.45); }

    .icon-medallion {
      position: absolute; left: 50%; top: 0; width: clamp(90px, 8vw, 116px); aspect-ratio: 1; display: grid; place-items: center;
      border: 4px solid #fff; border-radius: 50%;
      background: radial-gradient(circle at 40% 30%, #124974, #062449 68%);
      box-shadow: 0 0 0 3px var(--gold), 0 0 0 6px rgba(46,203,229,.2), 0 10px 25px rgba(4,93,137,.25), inset 0 0 24px rgba(30,197,231,.18);
      transform: translate(-50%,-46%);
      animation: medallionFloat 3.4s ease-in-out infinite;
    }
    .stat-card:nth-child(3) .icon-medallion { animation-delay: .4s; }.stat-card:nth-child(4) .icon-medallion { animation-delay: .8s; }.stat-card:nth-child(5) .icon-medallion { animation-delay: 1.2s; }
    @keyframes medallionFloat { 50% { transform: translate(-50%,-51%); box-shadow: 0 0 0 3px var(--gold),0 0 0 8px rgba(46,203,229,.12),0 17px 30px rgba(4,93,137,.18),inset 0 0 30px rgba(30,197,231,.25); } }
    .icon-medallion svg { width: 56%; height: 56%; overflow: visible; }
    .icon-medallion path,.icon-medallion circle,.icon-medallion rect { fill: none; stroke: var(--gold); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
    .funnel-icon path { stroke: var(--cyan); }.commission-icon path,.commission-icon circle { stroke: var(--cyan); }.commission-icon path:last-child,.niche-icon path { stroke: var(--gold); }
    .niche-icon rect { stroke: var(--cyan); }.niche-icon text { fill: var(--cyan); font: 800 9px sans-serif; }

    .stat-label { width: 100%; display: flex; align-items: center; justify-content: center; gap: 13px; margin: 2px 0 19px; }
    .stat-label span { flex: 1; max-width: 52px; height: 1px; background: linear-gradient(90deg, transparent, rgba(19,150,191,.65)); }
    .stat-label span:last-child { transform: scaleX(-1); }
    .stat-label h2 { margin: 0; color: #0a2b58; font-size: clamp(.65rem, 1.2vw, 1.02rem); font-weight: 800; letter-spacing: .19em; white-space: nowrap; }
    .stat-value { color: #061b40; font-size: clamp(2.2rem, 3.1vw, 2.15rem); line-height: 1.05; letter-spacing: -.055em; font-weight: 800; white-space: nowrap; filter: drop-shadow(0 3px 0 rgba(6,27,64,.04)); }
    .price-value { font-size: clamp(1.85rem, 2.8vw, 2.15rem); }.price-value b { color: var(--cyan); font-weight: 600; }.commission-value { font-size: clamp(2.15rem, 5vw, 2.15rem); }.niche-value { margin-top: 9px; font-size: clamp(1.65rem, 2.45vw, 2.15rem); }

    .mini-chart { width: 56%; display: flex; align-items: end; gap: 7px; margin-top: auto; color: var(--cyan); }
    .mini-chart span { flex: 1; height: 1px; margin-bottom: 4px; background: linear-gradient(90deg, transparent, rgba(29,159,194,.35)); }.mini-chart span:last-child { transform: scaleX(-1); }
    .mini-chart svg { width: 72px; overflow: visible; }.mini-chart path { fill:none; stroke:var(--cyan); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:130; stroke-dashoffset:130; animation: drawChart 1.1s ease-out 1s forwards; }
    @keyframes drawChart { to { stroke-dashoffset: 0; } }

    .funnel-track { width: 82%; display: flex; align-items: center; justify-content: center; margin-top: auto; }
    .funnel-track i { flex: 0 0 17px; height: 17px; border: 2px solid #22a9cc; border-radius: 50%; background: white; box-shadow: inset 0 0 0 4px white; }
    .funnel-track i.active { width: 24px; height: 24px; background: var(--cyan); box-shadow: inset 0 0 0 5px var(--cyan),0 0 0 2px rgba(9,117,154,.55); }.funnel-track i.gold { width: 25px; height: 25px; border-color: #c79216; background: var(--gold); box-shadow: inset 0 0 0 5px var(--gold),0 0 0 2px rgba(199,146,22,.5); }
    .funnel-track b { flex: 1; height: 2px; background: #28b6d7; }
    .track-lines { width: 82%; display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; margin-top: 10px; }.track-lines i { width: 24px; height: 6px; justify-self: center; border-top: 1px solid rgba(19,130,164,.45); border-bottom: 1px solid rgba(19,130,164,.2); }

    .pulse-rule,.temple-rule { width: 60%; display: flex; align-items: center; gap: 10px; margin-top: auto; }
    .pulse-rule span,.temple-rule span { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(27,161,197,.5)); }.pulse-rule span:last-child,.temple-rule span:last-child{transform:scaleX(-1)}
    .pulse-rule i { width: 9px; height: 9px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 3px rgba(239,187,57,.17); animation: nodePulse 1.7s infinite; }
    .temple-rule svg { width: 34px; }.temple-rule path { fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round; }

    .disclosure {
      position: relative; z-index: 2; width: min(1180px,100%); min-height: 92px; margin: clamp(42px, 4vw, 65px) auto 0; padding: 20px 28px 20px 38px; display: flex; align-items: center;
      border: 1px solid rgba(45,165,196,.28); border-radius: 15px;
      background: rgba(255,255,255,.6);
      box-shadow: 0 11px 25px rgba(22,126,157,.06), inset 0 0 24px rgba(99,213,233,.05);
      opacity: 0; animation: noteIn .7s ease-out .9s forwards;
    }
    @keyframes noteIn { from { transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
    .disclosure > span { position: absolute; left: 8px; top: 0; bottom: 0; width: 4px; border-radius: 9px; background: linear-gradient(transparent, var(--gold) 15% 85%, transparent); box-shadow: 0 0 8px rgba(239,187,57,.35); }
    .disclosure p { margin: 0; color: #355c83; font-size: clamp(.72rem, 1.18vw, 1rem); line-height: 1.7; }

    @media (max-width: 1050px) {
      .stats-scene { justify-content: flex-start; padding-top: 70px; }
      .scene-heading { margin-bottom: 92px; }
      .stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 92px; }
      .connector { display: none; }
      .stat-card { min-height: 320px; }
      .compass-right { top: 48%; }
    }
    @media (max-width: 620px) {
      .stats-scene { padding: 54px 16px 48px; }
      .scene-heading { margin-bottom: 86px; }
      .eyebrow { font-size: .65rem; gap: 10px; letter-spacing: .23em; }.eyebrow span { width: 28px; }
      h1 { font-size: clamp(3.7rem, 19vw, 5.2rem); }
      .heading-streak { width: 58%; }
      .stats-grid { grid-template-columns: 1fr; gap: 88px; padding-inline: 4px; }
      .stat-card { min-height: 310px; padding-top: 87px; }
      .stat-label h2 { font-size: .83rem; }
      .stat-value { font-size: 2.75rem; }.price-value { font-size: 2.6rem; }.commission-value { font-size: 4.7rem; }.niche-value { font-size: 2.35rem; }
      .icon-medallion { width: 104px; }
      .disclosure { margin-top: 48px; padding: 22px 20px 22px 29px; }.disclosure p { font-size: .75rem; }
      .compass { transform: scale(.7); }.compass-left { left: -60px; }.orbit-a { top: -72vw; }
    }
    @media (prefers-reduced-motion: reduce) {
      *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    }

    .update h2 {
  margin: 0 0 24px;
  color: #061b36;
  font-size: clamp(2.25rem, 5vw, 2.6rem);
  line-height: 1.02;
  letter-spacing: -.055em;
}