:root { --bg:#05080c; --surface:#0b1218; --surface-2:#101a21; --line:rgba(153,207,226,.22); --accent:#16d8ef; --lime:#a7f22d; --text:#f5fbff; --muted:#aebdc6; --shadow:0 28px 80px rgba(0,0,0,.42); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:radial-gradient(circle at 77% 5%,rgba(22,216,239,.12),transparent 29rem),radial-gradient(circle at 10% 35%,rgba(167,242,45,.08),transparent 26rem),linear-gradient(180deg,#071017 0%,var(--bg) 70%); color:var(--text); font:400 16px/1.55 Inter,system-ui,sans-serif; }
body::before { position:fixed; inset:0; z-index:-1; content:""; pointer-events:none; background:linear-gradient(rgba(153,207,226,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(153,207,226,.035) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(#000,transparent 78%); }
a { color:inherit; text-decoration:none; } button,a { -webkit-tap-highlight-color:transparent; } button { font:inherit; } :focus-visible { outline:3px solid var(--lime); outline-offset:4px; }
.skip-link { position:fixed; top:10px; left:10px; z-index:100; padding:9px 12px; background:#fff; color:#000; transform:translateY(-160%); }.skip-link:focus { transform:translateY(0); }
.site-header,.hero,.proof-strip,.section,.engine-section,.activation-section,.faq-section,.final-cta,.site-footer { width:min(1160px,calc(100% - 32px)); margin-inline:auto; }
.site-header { position:sticky; top:12px; z-index:10; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; margin-top:12px; padding:10px 14px; border:1px solid var(--line); border-radius:12px; background:rgba(5,8,12,.8); backdrop-filter:blur(18px); }
.brand { display:inline-flex; align-items:center; gap:9px; font-weight:900; letter-spacing:-.04em; }.brand img { width:38px; height:38px; object-fit:contain; }.nav-links { display:flex; justify-content:center; gap:22px; color:var(--muted); font-size:.9rem; font-weight:700; }.nav-links a:hover,.nav-links a:focus-visible { color:var(--accent); }.header-cta,.primary-button,.secondary-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border-radius:7px; font-weight:900; transition:transform .2s,background .2s,border-color .2s; }.header-cta,.primary-button { border:1px solid rgba(167,242,45,.76); background:linear-gradient(135deg,#d6ff86,var(--lime)); color:#0b1800; box-shadow:0 10px 28px rgba(167,242,45,.16); }.secondary-button { border:1px solid rgba(22,216,239,.48); background:rgba(22,216,239,.08); color:var(--text); }.primary-button:not(:disabled):hover,.secondary-button:hover { transform:translateY(-2px); }.purchase-placeholder:disabled { cursor:not-allowed; opacity:.72; }.menu-button { display:none; }
.hero { display:grid; grid-template-columns:.86fr 1.14fr; align-items:center; gap:52px; min-height:calc(100vh - 90px); padding:70px 0 60px; }.eyebrow { margin:0 0 12px; color:var(--accent); font-size:.76rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }.hero h1,.section-heading h2,.engine-copy h2,.final-cta h2 { margin:0; letter-spacing:-.065em; line-height:.95; }.hero h1 { font-size:clamp(3.6rem,6vw,6.5rem); }.hero h1 span { color:var(--lime); }.hero-subtitle { max-width:580px; margin:25px 0 0; font-size:clamp(1.3rem,2.4vw,1.9rem); font-weight:700; line-height:1.18; }.hero-text,.section-heading>p,.engine-copy>p,.final-cta p { max-width:600px; color:var(--muted); }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }.purchase-note { margin:10px 0 0; color:var(--muted); font-size:.79rem; }.trust-row { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0; padding:0; list-style:none; }.trust-row li { padding:6px 10px; border:1px solid var(--line); border-radius:999px; color:#d2e0e7; font-size:.8rem; font-weight:700; }
.dashboard-frame { overflow:hidden; border:1px solid rgba(22,216,239,.45); border-radius:14px; box-shadow:var(--shadow),0 0 50px rgba(22,216,239,.09); background:#020609; transform:perspective(1500px) rotateY(-3deg) rotateX(1deg); }.dashboard-frame img { display:block; width:100%; height:auto; }.visual-caption { margin:12px 0 0; color:var(--muted); font-size:.78rem; text-align:center; }
.proof-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--line); }.proof-strip div { padding:20px 24px; background:rgba(11,18,24,.86); }.proof-strip strong,.proof-strip span { display:block; }.proof-strip strong { color:var(--lime); }.proof-strip span { color:var(--muted); font-size:.9rem; }
.section,.engine-section,.activation-section,.faq-section,.final-cta { padding:110px 0; }.section-heading { max-width:720px; }.section-heading h2,.engine-copy h2,.final-cta h2 { font-size:clamp(2.2rem,4.6vw,4.15rem); }.product-grid,.safety-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:36px; }.panel-card,.feature-card { min-height:230px; padding:26px; border:1px solid var(--line); border-radius:10px; background:linear-gradient(145deg,rgba(18,32,40,.95),rgba(7,12,17,.96)); box-shadow:0 18px 38px rgba(0,0,0,.17); }.panel-card:nth-child(2) { border-color:rgba(167,242,45,.3); }.card-label,.icon { display:inline-grid; min-width:42px; min-height:32px; place-items:center; padding:0 9px; border:1px solid rgba(22,216,239,.45); border-radius:5px; color:var(--accent); font-size:.75rem; font-weight:900; }.panel-card h3,.feature-card h3,.activation-steps h3 { margin:25px 0 8px; font-size:1.2rem; }.panel-card p,.feature-card p,.activation-steps p { color:var(--muted); }
.engine-section { display:grid; grid-template-columns:1fr .82fr; align-items:center; gap:64px; }.check-list { margin:28px 0 0; padding:0; list-style:none; }.check-list li { position:relative; padding:12px 0 12px 30px; border-bottom:1px solid var(--line); }.check-list li::before { position:absolute; left:0; color:var(--lime); content:"✓"; font-weight:900; }.engine-visual { position:relative; display:grid; min-height:370px; place-items:center; }.engine-orbit { position:absolute; width:min(34vw,340px); aspect-ratio:1; border:1px solid rgba(22,216,239,.38); border-radius:50%; box-shadow:0 0 0 24px rgba(22,216,239,.035),0 0 0 48px rgba(167,242,45,.025); animation:spin 18s linear infinite; }.engine-orbit::before { position:absolute; top:18%; left:0; width:12px; height:12px; border-radius:50%; content:""; background:var(--lime); box-shadow:0 0 18px var(--lime); }.engine-core { position:relative; display:grid; width:158px; aspect-ratio:1; place-content:center; border:1px solid rgba(167,242,45,.55); border-radius:50%; background:radial-gradient(circle,rgba(167,242,45,.17),rgba(5,8,12,.95) 66%); text-align:center; box-shadow:0 0 42px rgba(167,242,45,.18); }.engine-core span { color:var(--muted); font-size:.7rem; font-weight:900; letter-spacing:.13em; }.engine-core strong { color:var(--lime); font-size:2.25rem; line-height:1; }.engine-tag { position:absolute; padding:7px 10px; border:1px solid var(--line); border-radius:999px; background:var(--surface); color:var(--muted); font-size:.78rem; font-weight:800; }.tag-one { top:13%; left:5%; }.tag-two { right:1%; bottom:22%; }.tag-three { bottom:2%; left:20%; }
.activation-section { background:linear-gradient(180deg,transparent,rgba(22,216,239,.045),transparent); }.center { margin-inline:auto; text-align:center; }.center>p { margin-inline:auto; }.activation-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:42px 0 0; padding:0; list-style:none; counter-reset:steps; }.activation-steps li { padding:26px; border-top:2px solid rgba(22,216,239,.62); background:rgba(11,18,24,.8); }.activation-steps span { color:var(--lime); font-weight:900; }.faq-list { max-width:850px; margin-top:32px; }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { padding:19px 36px 19px 0; cursor:pointer; font-weight:800; }.faq-list summary::marker { color:var(--accent); }.faq-list p { max-width:720px; margin:0; padding:0 0 20px; color:var(--muted); }
.final-cta { padding-top:20px; }.final-cta-panel { padding:clamp(32px,7vw,78px); border:1px solid rgba(22,216,239,.32); border-radius:14px; background:radial-gradient(circle at 85% 20%,rgba(167,242,45,.13),transparent 30%),linear-gradient(135deg,#102027,#080f14); }.final-cta .primary-button { margin-top:14px; }.site-footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:22px; padding:28px 0 38px; border-top:1px solid var(--line); color:var(--muted); font-size:.88rem; }.site-footer p { margin:0; }.copyright { text-align:right; }
.reveal { opacity:0; transform:translateY(16px); transition:opacity .6s ease,transform .6s ease; }.reveal.visible { opacity:1; transform:none; }
.plans-section { width:min(1160px,calc(100% - 32px)); margin-inline:auto; padding:110px 0 72px; }.pricing-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:38px; }.pricing-card { position:relative; display:flex; min-height:420px; flex-direction:column; padding:24px; border:1px solid var(--line); border-radius:11px; background:linear-gradient(155deg,rgba(18,32,40,.96),rgba(7,12,17,.98)); box-shadow:0 18px 38px rgba(0,0,0,.17); }.pricing-card.featured { border-color:rgba(167,242,45,.65); box-shadow:0 24px 58px rgba(0,0,0,.32),0 0 36px rgba(167,242,45,.1); }.plan-kicker { margin:0; color:var(--accent); font-size:.76rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }.pricing-card h3 { margin:12px 0 0; font-size:1.3rem; }.price { margin:24px 0 2px; color:var(--lime); font-size:clamp(2.15rem,3vw,3rem); font-weight:900; letter-spacing:-.07em; line-height:1; }.price span { font-size:.92rem; letter-spacing:0; vertical-align:middle; }.price-detail { min-height:44px; margin:0; color:var(--muted); font-size:.86rem; }.pricing-card ul { display:grid; gap:10px; margin:20px 0 26px; padding:0; list-style:none; color:#d4e0e5; font-size:.86rem; }.pricing-card li { position:relative; padding-left:22px; }.pricing-card li::before { position:absolute; left:0; color:var(--lime); content:"✓"; font-weight:900; }.pricing-card button { width:100%; margin-top:auto; }.plan-badge { position:absolute; top:-13px; right:18px; margin:0; padding:5px 9px; border:1px solid rgba(167,242,45,.68); border-radius:999px; background:#18240a; color:var(--lime); font-size:.69rem; font-weight:900; }.license-rules { display:grid; grid-template-columns:auto 1fr; gap:7px 22px; align-items:start; margin:22px auto 0; padding:18px 20px; border:1px solid rgba(22,216,239,.25); border-radius:9px; background:rgba(22,216,239,.045); }.license-rules strong { color:var(--accent); }.license-rules p { margin:0; color:var(--muted); }.license-rules span { grid-column:2; color:#d6e4ea; font-size:.82rem; font-weight:700; }
@keyframes spin { to { transform:rotate(360deg); } }
@media (max-width:850px) { .site-header { grid-template-columns:1fr auto auto; }.menu-button { display:grid; width:42px; height:42px; place-content:center; gap:6px; border:1px solid var(--line); border-radius:7px; background:transparent; }.menu-button span { display:block; width:18px; height:2px; background:var(--text); }.nav-links { display:none; }.site-header.open .nav-links { position:absolute; top:calc(100% + 8px); right:0; left:0; display:grid; gap:0; padding:10px; border:1px solid var(--line); border-radius:10px; background:#0a1117; }.site-header.open .nav-links a { padding:12px; }.hero,.engine-section { grid-template-columns:1fr; }.hero { min-height:auto; padding-top:75px; }.hero-copy { order:1; }.hero-visual { order:2; }.dashboard-frame { transform:none; }.product-grid,.safety-grid,.activation-steps { grid-template-columns:1fr; }.proof-strip { grid-template-columns:1fr; }.site-footer { grid-template-columns:1fr; }.copyright { text-align:left; }.engine-visual { min-height:320px; }.engine-orbit { width:280px; } }
@media (max-width:540px) { .site-header { gap:9px; width:min(100% - 20px,1160px); padding:8px; }.brand span { font-size:.94rem; }.brand img { width:33px; height:33px; }.header-cta { min-height:40px; padding:0 10px; font-size:.78rem; }.hero,.proof-strip,.section,.engine-section,.activation-section,.faq-section,.final-cta,.site-footer { width:min(100% - 24px,1160px); }.hero { gap:34px; padding:50px 0; }.hero h1 { font-size:clamp(3.1rem,17vw,4.8rem); }.section,.engine-section,.activation-section,.faq-section { padding:75px 0; }.proof-strip div { padding:16px; }.engine-orbit { width:230px; }.engine-core { width:132px; }.tag-one { left:0; }.tag-two { right:0; }.tag-three { left:8%; }.visual-caption { text-align:left; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.reveal { opacity:1; transform:none; transition:none; }.engine-orbit { animation:none; } }

.checkout-dialog { width:min(100% - 28px,560px); padding:0; border:1px solid rgba(22,216,239,.42); border-radius:14px; background:linear-gradient(145deg,#102027,#070c11); color:var(--text); box-shadow:0 32px 100px rgba(0,0,0,.7); }.checkout-dialog::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(5px); }.checkout-form { position:relative; display:grid; gap:14px; padding:32px; }.checkout-form h2 { margin:0; font-size:2rem; letter-spacing:-.05em; }.checkout-form label { display:grid; gap:6px; color:#dce8ed; font-size:.86rem; font-weight:800; }.checkout-form input,.checkout-form textarea { width:100%; border:1px solid var(--line); border-radius:7px; padding:11px 12px; background:#071017; color:var(--text); font:inherit; }.checkout-form textarea { resize:vertical; }.checkout-plan { margin:0; color:var(--lime); font-weight:900; }.checkout-warning { margin:0; padding:10px 12px; border-left:2px solid var(--accent); background:rgba(22,216,239,.07); color:var(--muted); font-size:.84rem; }.dialog-close { position:absolute; top:13px; right:14px; width:34px; height:34px; border:0; border-radius:50%; background:transparent; color:var(--muted); cursor:pointer; font-size:1.6rem; line-height:1; }.dialog-close:hover { color:var(--text); background:rgba(255,255,255,.07); }.checkout-status { min-height:1.5em; margin:0; color:var(--muted); font-size:.88rem; }.pix-result { display:grid; gap:12px; padding-top:10px; border-top:1px solid var(--line); }.pix-result h3 { margin:0; }.pix-result img { width:min(100%,260px); margin-inline:auto; border-radius:8px; background:#fff; }.pix-result p { margin:0; color:var(--muted); font-size:.84rem; }

@media (max-width:850px) { .pricing-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:540px) { .plans-section { width:min(100% - 24px,1160px); padding:75px 0; }.pricing-grid { grid-template-columns:1fr; }.pricing-card { min-height:0; }.license-rules { grid-template-columns:1fr; gap:8px; }.license-rules span { grid-column:auto; } }