/* Header */
.site-header { position: fixed; inset: 0 0 auto; z-index: 50; padding: 15px 0; transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease; }
.site-header.scrolled { background: rgba(7, 12, 23, .72); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.nav-wrap { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand-mark { width: 38px; height: 38px; position: relative; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle, rgba(90,207,220,.1), transparent 70%); }
.brand-orbit { position: absolute; inset: 4px; border: 1px solid rgba(90,207,220,.56); border-radius: 50%; transform: rotate(-20deg) scaleY(.54); }
.brand-orbit::after { content:""; position:absolute; width:6px; height:6px; border-radius:50%; top:-3px; left:11px; background:var(--pink); box-shadow:0 0 12px var(--pink); }
.brand-dot { width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(135deg, var(--green), var(--cyan)); box-shadow: 0 0 20px rgba(90,207,220,.7); }
.brand-copy { display: grid; line-height: 1.05; }
.brand-copy strong { font-size: 17px; letter-spacing: -.02em; }
.brand-copy small { margin-top: 4px; color: var(--muted); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.main-nav { display: flex; align-items: center; gap: 26px; font-size: 13px; font-weight: 700; }
.main-nav > a:not(.nav-cta) { color: #bdd0df; transition: color .2s ease; }
.main-nav > a:not(.nav-cta):hover { color: white; }
.nav-cta { padding: 11px 14px; border: 1px solid var(--line-strong); border-radius: 12px; background: rgba(90,207,220,.07); }
.menu-toggle { display: none; background: transparent; border: 0; padding: 8px; }
.menu-toggle span { display: block; width: 24px; height: 2px; margin: 5px; background: var(--text); border-radius: 10px; transition: transform .25s ease, opacity .25s ease; }

/* Hero */
.hero { min-height: 100vh; padding-top: 150px; display: flex; flex-direction: column; justify-content: center; }
.hero-grid { display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 72px; }
.hero-copy h1 { max-width: 680px; margin: 0 0 24px; font-size: clamp(55px, 7.2vw, 94px); line-height: .9; letter-spacing: -.06em; }
.hero-lead { max-width: 620px; margin: 0; color: var(--muted); font-size: clamp(17px, 2vw, 20px); }
.hero-actions { display: flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; }
.trust-row { display: flex; flex-wrap: wrap; gap: 18px 25px; margin-top: 28px; color: #a9bdcc; font-size: 12px; font-weight: 700; }
.trust-row span { display: inline-flex; align-items: center; gap: 8px; }
.trust-row i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(114,229,147,.7); }

.hero-visual { position: relative; min-height: 580px; display: grid; place-items: center; perspective: 1000px; }
.radar-card { position: relative; width: min(100%, 500px); min-height: 550px; padding: 20px; border-radius: 30px; overflow: hidden; transform-style: preserve-3d; }
.radar-card::before { content:""; position:absolute; inset:0; background: linear-gradient(120deg, rgba(90,207,220,.09), transparent 42%, rgba(239,106,181,.06)); pointer-events:none; }
.hud-top { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; color: #8ba8bb; font-size: 10px; letter-spacing: .15em; font-weight: 800; }
.live-badge { display: inline-flex; align-items: center; gap: 7px; color: var(--green); }
.live-badge b { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.radar-stage { position: relative; width: 380px; max-width: 90%; aspect-ratio: 1; margin: 30px auto 18px; display: grid; place-items:center; }
.radar-stage::before, .radar-stage::after { content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:linear-gradient(transparent, rgba(90,207,220,.18), transparent); }
.radar-stage::after { transform: rotate(90deg); }
.radar-ring { position:absolute; inset:0; border-radius:50%; border:1px solid rgba(90,207,220,.14); box-shadow: inset 0 0 30px rgba(90,207,220,.025); }
.ring-2 { inset: 14%; border-color: rgba(243,175,126,.19); }
.ring-3 { inset: 29%; border-color: rgba(239,106,181,.2); }
.radar-grid { position:absolute; inset:3%; border-radius:50%; background: repeating-radial-gradient(circle at center, transparent 0 31px, rgba(90,207,220,.055) 32px 33px); }
.radar-sweep { position:absolute; inset:0; border-radius:50%; background: conic-gradient(from 0deg, transparent 0 310deg, rgba(90,207,220,.03) 320deg, rgba(90,207,220,.35) 356deg, transparent 360deg); filter: drop-shadow(0 0 15px rgba(90,207,220,.3)); }
.core-logo { position:relative; z-index:3; width:116px; aspect-ratio:1; display:grid; place-items:center; align-content:center; border-radius:50%; border:1px solid rgba(90,207,220,.4); background: radial-gradient(circle, rgba(90,207,220,.13), rgba(10,16,31,.8) 65%); box-shadow: 0 0 45px rgba(90,207,220,.13), inset 0 0 25px rgba(90,207,220,.08); }
.core-logo span { font-size: 32px; line-height:1; font-weight:900; letter-spacing:-.06em; color:var(--cyan-soft); }
.core-logo small { margin-top:5px; color:#7995a8; font-size:7px; letter-spacing:.22em; }
.signal { position:absolute; width:8px; height:8px; border-radius:50%; border:2px solid var(--cyan-soft); background:var(--bg); box-shadow:0 0 12px var(--cyan); z-index:4; }
.signal::after { content:""; position:absolute; inset:-8px; border:1px solid currentColor; border-radius:50%; opacity:.35; }
.signal-1 { top:16%; left:23%; color:var(--cyan); }
.signal-2 { top:24%; right:15%; color:var(--pink); border-color:var(--pink); box-shadow:0 0 12px var(--pink); }
.signal-3 { bottom:18%; right:28%; color:var(--green); border-color:var(--green); box-shadow:0 0 12px var(--green); }
.signal-4 { bottom:30%; left:14%; color:var(--orange); border-color:var(--orange); box-shadow:0 0 12px var(--orange); }
.metric-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; position:relative; z-index:2; }
.metric-card { padding:14px; border:1px solid rgba(255,255,255,.055); border-radius:14px; background:rgba(5,10,19,.35); }
.metric-card > span { display:block; color:#7894a8; font-size:9px; letter-spacing:.16em; font-weight:800; }
.metric-card strong { font-size:26px; line-height:1.4; letter-spacing:-.04em; }
.metric-card em { color:var(--cyan); font-style:normal; font-size:12px; margin-left:2px; }
.metric-line { height:2px; background:rgba(255,255,255,.06); overflow:hidden; border-radius:10px; }
.metric-line span { display:block; width:var(--w); height:100%; background:linear-gradient(90deg,var(--cyan),var(--green)); box-shadow:0 0 10px var(--cyan); }
.float-chip { position:absolute; z-index:4; display:flex; align-items:center; gap:10px; min-width:135px; padding:11px 13px; border-radius:14px; }
.float-chip small { display:block; color:#7895aa; font-size:8px; letter-spacing:.15em; }
.float-chip strong { display:block; font-size:12px; }
.chip-icon { display:grid; place-items:center; width:29px; height:29px; border-radius:9px; background:rgba(90,207,220,.1); border:1px solid rgba(90,207,220,.19); color:var(--cyan-soft); }
.chip-a { left:-22px; top:15%; }
.chip-b { right:-22px; top:48%; }
.chip-c { left:4%; bottom:5%; }
.ticker-wrap { margin-top: 60px; }
.ticker { overflow:hidden; border-block:1px solid var(--line); background:rgba(255,255,255,.015); }
.ticker-track { display:flex; align-items:center; gap:28px; width:max-content; padding:13px 0; white-space:nowrap; color:#6f899c; font-size:10px; font-weight:800; letter-spacing:.14em; }
.ticker-track b { color:var(--pink); }

/* Services */
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.service-card { position:relative; min-height:390px; padding:24px; border-radius:22px; overflow:hidden; transition:transform .25s ease,border-color .25s ease,background .25s ease; }
.service-card:hover { transform:translateY(-7px); border-color:rgba(90,207,220,.34); background:linear-gradient(145deg,rgba(29,57,85,.76),rgba(10,18,32,.82)); }
.service-card::after { content:""; position:absolute; width:180px; height:180px; border-radius:50%; right:-100px; bottom:-100px; background:var(--cyan); filter:blur(70px); opacity:.08; }
.service-index { position:absolute; top:24px; right:24px; color:#557084; font-size:10px; letter-spacing:.12em; font-weight:800; }
.service-icon { width:60px; height:60px; margin-bottom:36px; border-radius:17px; border:1px solid var(--line); display:grid; place-items:center; background:rgba(90,207,220,.045); position:relative; overflow:hidden; }
.service-icon i { display:block; position:relative; }
.icon-scan i { width:28px; height:28px; border:1px solid var(--cyan); border-radius:50%; }
.icon-scan i::after { content:""; position:absolute; width:36px; height:1px; background:var(--orange); top:14px; left:-4px; box-shadow:0 0 10px var(--orange); }
.icon-wave i { width:34px; height:18px; border-top:2px solid var(--cyan); border-radius:50%; transform:rotate(-8deg); box-shadow:0 -6px 0 -5px var(--pink); }
.icon-node i { width:30px; height:30px; border:1px dashed var(--cyan); border-radius:50%; }
.icon-node i::before,.icon-node i::after { content:""; position:absolute; width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green); }
.icon-node i::before { top:-2px; left:4px; }.icon-node i::after{right:-2px;bottom:5px;}
.icon-chat i { width:30px; height:21px; border:1px solid var(--pink); border-radius:8px; }
.icon-chat i::after { content:""; position:absolute; width:7px;height:7px;border-left:1px solid var(--pink);border-bottom:1px solid var(--pink);bottom:-4px;left:5px;transform:rotate(-35deg);background:#14233a; }
.service-card h3 { margin:0 0 12px; font-size:22px; letter-spacing:-.03em; }
.service-card p { color:var(--muted); font-size:14px; margin:0 0 22px; }
.service-card ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:7px; }
.service-card li { padding:6px 9px; border:1px solid rgba(255,255,255,.06); border-radius:30px; color:#91aabc; background:rgba(255,255,255,.02); font-size:10px; font-weight:700; }

/* Method */
.method-section { overflow:hidden; }
.method-section::before { content:"";position:absolute;inset:10% -20% 8% 48%;border:1px solid rgba(90,207,220,.06);border-radius:50%;transform:rotate(-16deg); }
.method-grid { display:grid; grid-template-columns:.83fr 1.17fr; gap:90px; align-items:start; }
.method-copy { position:sticky; top:130px; }
.text-link { display:inline-flex;gap:8px;margin-top:26px;color:var(--cyan-soft);font-weight:800;font-size:13px; }
.timeline { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.timeline li { position:relative; display:grid;grid-template-columns:56px 1fr;gap:20px;padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.018); }
.timeline li::before { content:""; position:absolute; left:50px; top:100%; height:13px; width:1px; background:var(--line); }
.timeline li:last-child::before { display:none; }
.step-num { width:48px;height:48px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(90,207,220,.22);color:var(--cyan-soft);font-size:11px;font-weight:900;letter-spacing:.08em;background:rgba(90,207,220,.05); }
.timeline h3 { margin:0 0 5px; font-size:20px; }
.timeline p { margin:0;color:var(--muted);font-size:14px; }

/* Pricing */
.section-heading-split { max-width:none; display:grid;grid-template-columns:1fr .68fr; gap:50px; align-items:end; }
.section-heading-split p { font-size:15px; }
.pricing-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }
.price-card { position:relative; min-height:510px; display:flex;flex-direction:column;padding:25px;border-radius:22px;overflow:hidden; }
.price-card.popular { border-color:rgba(90,207,220,.45); transform:translateY(-8px); }
.popular-glow { position:absolute;width:220px;height:220px;border-radius:50%;background:var(--cyan);filter:blur(90px);opacity:.1;top:-140px;left:50%;transform:translateX(-50%); }
.price-top { display:flex;justify-content:space-between;align-items:center;color:#718da0;font-size:9px;font-weight:900;letter-spacing:.16em; }
.price-tag { border:1px solid rgba(255,255,255,.07);padding:5px 8px;border-radius:30px;color:var(--cyan-soft); }
.price-card h3 { margin:36px 0 9px;font-size:24px;letter-spacing:-.04em; }
.price-card > p { min-height:66px;margin:0;color:var(--muted);font-size:13px; }
.price { margin:25px 0;display:grid; }
.price small { color:#7893a7;font-size:9px;letter-spacing:.14em;text-transform:uppercase; }
.price strong { margin-top:3px;font-size:32px;letter-spacing:-.05em; }
.check-list { list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px;flex:1;color:#afc1cf;font-size:12px; }
.check-list li::before { content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:rgba(114,229,147,.08);color:var(--green);font-size:10px; }
.payment-strip { margin-top:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 20px;border-radius:18px; }
.payment-icon { width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(90,207,220,.07);border:1px solid var(--line);color:var(--cyan);font-size:24px; }
.payment-strip strong,.payment-strip span { display:block; }.payment-strip > div:nth-child(2) span{color:var(--muted);font-size:12px;margin-top:2px;}
.status-pill { color:var(--green)!important;font-size:9px!important;font-weight:900;letter-spacing:.12em;white-space:nowrap; }
.status-pill i { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 10px var(--green); }

/* FAQ */
.faq-grid { display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start; }
.faq-grid .section-heading { position:sticky;top:130px; }
.accordion { display:grid;gap:10px; }
details { border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018);overflow:hidden; }
summary { list-style:none;cursor:pointer;padding:19px 21px;font-weight:800;font-size:14px;display:flex;justify-content:space-between;gap:20px; }
summary::-webkit-details-marker{display:none;} summary span{color:var(--cyan);font-size:20px;font-weight:400;transition:transform .25s ease;} details[open] summary span{transform:rotate(45deg);}
details p { margin:0;padding:0 21px 20px;color:var(--muted);font-size:13px; }

/* CTA + footer */
.cta-card { position:relative;text-align:center;padding:80px 28px;border-radius:30px;overflow:hidden; }
.cta-card::before { content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(90,207,220,.12),transparent 44%),linear-gradient(120deg,transparent,rgba(239,106,181,.035)); }
.cta-card .eyebrow,.cta-card h2,.cta-card p,.cta-card .btn { position:relative;z-index:2; }
.cta-card h2 { max-width:780px;margin-inline:auto; }.cta-card p{max-width:620px;margin:0 auto 26px;}
.cta-orbit { position:absolute;left:50%;top:49%;width:800px;max-width:95%;aspect-ratio:2/1;border:1px solid rgba(90,207,220,.09);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg); }
.cta-orbit span,.cta-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);}.cta-orbit span{left:16%;top:11%;}.cta-orbit i{right:18%;bottom:8%;background:var(--pink);box-shadow:0 0 15px var(--pink);}
.site-footer { position:relative;z-index:2;border-top:1px solid var(--line);padding:50px 0 22px;background:rgba(4,8,16,.3); }
.footer-grid { display:grid;grid-template-columns:1fr .7fr 1.3fr;gap:50px;align-items:start; }
.brand-footer { margin-bottom:14px; }.footer-grid > div:first-child p{color:var(--muted);font-size:12px;margin:0;}
.footer-links { display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;color:#9bb0c0; }
.footer-links a:hover{color:white}.footer-note{color:#6f8799;font-size:10px;line-height:1.7;}
.copyright { margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;gap:20px;color:#637c8f;font-size:9px;letter-spacing:.08em;text-transform:uppercase; }