:root {
  --bg:#080b0d; --bg2:#0b1012; --card:#101618; --card2:#17131b; --text:#f3f5ef; --muted:#98929e;
  --accent:#a855f7; --accent-bright:#d8b4fe; --border:rgba(229,210,245,.12); --display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;
  --body:'DM Sans',Arial,sans-serif;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:100px}
body {margin:0;background:var(--bg);color:var(--text);font:400 15px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a {color:inherit;text-decoration:none}
button,input {font:inherit}
button {cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible {outline:2px solid var(--accent);outline-offset:4px}
img,svg {max-width:100%}
[hidden] {display:none!important}
::selection {background:var(--accent);color:#09070a}
.container {width:min(1240px,calc(100% - 92px));margin-inline:auto}
.noise {position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.announcement {height:32px;background:var(--accent);color:#0c0710;display:flex;align-items:center;justify-content:center;gap:10px;font:800 11px/1 var(--body);letter-spacing:2px;position:relative}
.ann-dot {height:6px;width:6px;border-radius:50%;background:#100619}
.announcement-tail {position:absolute;right:45px;opacity:.5;letter-spacing:1px}
.site-header {position:sticky;top:0;background:rgba(12,8,23,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid var(--border)}
.header-inner {height:88px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.brand {display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font:900 28px/1 var(--display);letter-spacing:.25px}
.brand img {flex-shrink:0;box-shadow:0 0 28px rgba(168,85,247,.1);border-radius:11px}
.brand-muted {font-weight:500}
.brand-tm {font:600 10px var(--body);vertical-align:top;position:relative;top:-9px;margin-left:2px;color:var(--accent)}
.desktop-nav {display:flex;align-items:center;gap:37px;margin-left:auto;margin-right:26px}
.desktop-nav a,.footer-links a,.footer-links button {font:800 11px var(--body);letter-spacing:1.15px;color:#aab6b1;transition:color .2s}
.desktop-nav a:hover,.footer-links a:hover,.footer-links button:hover {color:var(--accent)}
.header-actions {display:flex;align-items:center;gap:17px}
.cart-trigger {position:relative;width:43px;height:42px;display:grid;place-items:center;background:#1e1a22;color:#f5f7f0;border:1px solid var(--border)}
.cart-trigger svg {width:20px}
.cart-count {position:absolute;right:-7px;top:-8px;border-radius:50%;background:var(--accent);color:#090010;font:800 10px/20px var(--body);width:20px;height:20px;text-align:center}
.menu-trigger {display:none;background:none;border:0;width:35px;height:35px;padding:7px}
.menu-trigger span {display:block;width:23px;height:2px;background:white;margin:6px 0;transition:transform .2s}
.mobile-nav {display:none}
.hero {position:relative;isolation:isolate;overflow:hidden;min-height:722px;background:radial-gradient(circle at 78% 37%,rgba(58,29,83,.16),transparent 34%),linear-gradient(140deg,#110b1e 3%,#090713 70%)}
.hero-grid {position:absolute;inset:0;opacity:.22;background-image:linear-gradient(90deg,rgba(159,121,193,.15) 1px,transparent 1px),linear-gradient(rgba(159,121,193,.12) 1px,transparent 1px);background-size:71px 71px;mask-image:linear-gradient(90deg,transparent 0%,black 47%,black 100%)}
.hero-beam {position:absolute;width:650px;height:650px;top:-370px;left:37%;transform:rotate(-28deg);background:linear-gradient(90deg,transparent 0%,rgba(178,89,255,.08) 50%,transparent 100%);filter:blur(25px);pointer-events:none}
.hero-inner {display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;min-height:650px;position:relative;z-index:1}
.hero-copy {padding-bottom:28px;padding-top:34px}
.eyebrow,.section-kicker,.cta-kicker {font:800 11px var(--body);letter-spacing:2.2px;color:var(--accent);display:flex;align-items:center;gap:12px}
.eyebrow-square {width:8px;height:8px;background:var(--accent);box-shadow:0 0 0 5px rgba(168,85,247,.1)}
.hero-title {font:900 clamp(76px,7.7vw,119px)/.86 var(--display);letter-spacing:-1px;margin:29px 0 25px;white-space:nowrap}
.accent-outline {color:var(--accent);text-shadow:0 0 56px rgba(168,85,247,.13)}
.hero-desc {color:#a5b0ac;max-width:465px;font-size:15px;line-height:1.9;margin:0 0 32px}
.hero-actions {display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.btn {min-height:52px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;font:800 12px var(--body);letter-spacing:.9px;transition:transform .25s,background .25s,color .25s}
.btn:hover {transform:translateY(-3px)}
.btn-accent {background:var(--accent);color:#0a070d;box-shadow:0 10px 40px rgba(168,85,247,.08)}
.btn-accent:hover {background:#c084fc}
.btn svg {width:20px;height:20px}
.btn-text {color:#e7ebdf;padding-left:14px;background:transparent;gap:25px}
.btn-text:hover {color:var(--accent)}
.text-arrow {color:var(--accent);font-size:22px;line-height:1}
.hero-points {display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:58px;color:#b2bbb5;font:700 10px var(--body);letter-spacing:.65px}
.hero-points b {color:var(--accent);margin-right:3px}
.hero-points i {height:3px;width:3px;border-radius:50%;background:#716c75}
.hero-art {min-height:640px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px}
.orb {position:absolute;border-radius:50%;pointer-events:none}
.orb-large {width:530px;height:530px;background:radial-gradient(circle at 43% 40%,#34283f 0%,#1e1922 29%,#11191b 55%,#090f10 70%,transparent 75%);box-shadow:inset -18px -20px 45px rgba(0,0,0,.5),-30px 10px 90px rgba(133,49,207,.06);top:46px;left:50%;transform:translateX(-50%)}
.orb-large:after {content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(184,103,255,.09)}
.orb-small {height:180px;width:180px;right:-26px;bottom:18px;background:radial-gradient(circle at 42% 34%,#3c2a4c,#19151d 57%,transparent 75%);opacity:.7}
.radial-ring {position:absolute;border:1px solid rgba(189,113,255,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(30deg)}
.ring-one {height:592px;width:592px;box-shadow:0 0 30px rgba(179,93,255,.025)}
.ring-two {height:470px;width:470px;border-style:dashed;opacity:.4}
.interface-card {position:relative;z-index:3;width:408px;height:445px;background:linear-gradient(138deg,rgba(34,27,40,.95),rgba(10,16,17,.99) 70%);border:1px solid rgba(202,142,255,.32);box-shadow:4px 15px 0 rgba(6,12,13,.6),0 30px 85px rgba(0,0,0,.58),0 0 90px rgba(166,85,237,.07);transform:rotate(-5deg) rotateY(-7deg);overflow:hidden;animation:floatCard 7s ease-in-out infinite}
.interface-card:before {content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.07) 0,transparent 35%),repeating-linear-gradient(0deg,transparent,transparent 36px,rgba(202,142,255,.033) 37px);pointer-events:none}
.interface-top {height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid rgba(194,125,254,.18);position:relative}
.interface-logo {display:flex;align-items:center;gap:7px;font:800 14px var(--body);letter-spacing:1px}
.interface-logo>span:last-child {font:600 10px var(--body);color:#89828f;letter-spacing:1px}
.interface-cube {width:25px;height:25px;display:grid;place-items:center;background:var(--accent);color:#140e1a;font:900 20px var(--display)}
.interface-index {font:700 10px var(--body);color:#797180}
.interface-mid {padding:43px 34px 35px;position:relative}
.interface-small {font:700 10px var(--body);color:#bb86fc;letter-spacing:1.7px}
.interface-mid strong {display:block;font:900 93px/.82 var(--display);letter-spacing:-1px;margin:28px 0 30px;color:#ebe1f4}
.mid-sub {display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid rgba(193,123,255,.2);font:800 10px var(--body);letter-spacing:1.5px;color:#a49aac}
.interface-bottom {height:51px;position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(202,142,255,.2);display:flex;align-items:center;gap:10px;padding:0 30px;font:800 9px var(--body);letter-spacing:1.1px;color:#bdb0c8}
.small-led,.green-flash {height:6px;width:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.viz-bars {display:flex;align-items:flex-end;gap:3px;height:18px;margin-left:auto}
.viz-bars i {width:3px;background:var(--accent);opacity:.8;height:8px}
.viz-bars i:nth-child(2n) {height:14px}.viz-bars i:nth-child(3n) {height:6px}.viz-bars i:nth-child(5n) {height:18px}
.floating-label {position:absolute;z-index:4;border:1px solid rgba(179,109,240,.23);background:rgba(14,11,17,.93);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.float-top {top:105px;right:6px;display:flex;gap:9px;align-items:center;padding:11px 17px;font:800 11px var(--body);letter-spacing:1.2px;transform:rotate(5deg)}
.float-top .label-light {color:#7d7584}
.float-bottom {bottom:102px;left:7px;padding:18px 22px;width:173px;transform:rotate(4deg)}
.float-bottom>span {font:800 9px var(--body);letter-spacing:1.6px;display:block;color:#9a87aa}
.float-bottom small {display:block}
.float-bottom strong {font:900 38px var(--display);line-height:1}
.float-bottom strong span {color:var(--accent)}
.art-corner {position:absolute;height:24px;width:24px;border-color:var(--accent);opacity:.7}
.corner-a {top:72px;left:10px;border-top:2px solid;border-left:2px solid}
.corner-b {right:0;bottom:65px;border-right:2px solid;border-bottom:2px solid}
@keyframes floatCard {0%,100%{transform:translateY(0) rotate(-5deg) rotateY(-7deg)}50%{transform:translateY(-13px) rotate(-4deg) rotateY(-7deg)}}
.hero-bottom {height:60px;display:flex;align-items:center;gap:16px;position:relative;z-index:2;color:#777f7a;font:700 10px var(--body);letter-spacing:1.9px}
.scroll-line {flex:1;height:1px;background:linear-gradient(90deg,#463b50,transparent)}
.ticker {height:69px;width:100%;max-width:100%;overflow:hidden;background:var(--accent);color:#120b19;display:flex;align-items:center;position:relative;direction:ltr;isolation:isolate}
.ticker-track {display:flex;align-items:center;flex:0 0 auto;width:max-content;white-space:nowrap;animation:marquee 24s linear infinite;font:900 29px var(--display);letter-spacing:.2px;will-change:transform}
.ticker-segment {display:flex;align-items:center;flex:0 0 auto;gap:43px;padding-inline-end:43px;width:max-content}
.ticker-track b {font:900 22px var(--body);line-height:1}
@keyframes marquee {from {transform:translate3d(0,0,0)} to {transform:translate3d(-10%,0,0)}}
.section {padding:130px 0}
.plans-section {background:radial-gradient(ellipse at 92% 25%,rgba(155,60,238,.035),transparent 40%),var(--bg)}
.section-top {display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:47px}
.section-kicker {margin:0 0 21px;font-size:11px}
.section-kicker span:first-child {color:#e2d2f0}
.section-title {font:900 clamp(54px,6vw,84px)/.94 var(--display);letter-spacing:-.5px;margin:0}
.section-title em {font-style:normal;color:var(--accent)}
.section-aside {max-width:328px;font:400 15px/1.85 var(--body);color:#9aa5a1;margin:0 0 6px}
.plans-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.plan-card {min-height:467px;display:flex;flex-direction:column;background:linear-gradient(155deg,#141a1d,#0d1214 75%);border:1px solid #2c2731;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.plan-card:hover {transform:translateY(-7px);border-color:rgba(168,85,247,.65);box-shadow:0 18px 80px rgba(0,0,0,.15)}
.plan-card.featured {background:linear-gradient(147deg,#241d2a,#130f17 71%);border-color:rgba(168,85,247,.72);box-shadow:inset 0 1px 0 rgba(168,85,247,.22)}
.plan-card.featured:before {content:"";position:absolute;height:360px;width:360px;right:-170px;top:-200px;border-radius:50%;background:rgba(168,85,247,.12);filter:blur(40px)}
.plan-top {min-height:92px;border-bottom:1px solid rgba(229,216,240,.1);display:flex;align-items:center;justify-content:space-between;padding:22px 27px;gap:12px;position:relative}
.plan-icon {font:900 53px/.8 var(--display);color:rgba(173,84,251,.17)}
.plan-label {font:800 10px var(--body);letter-spacing:1.4px;color:#c0b8c7;text-align:right}
.plan-body {padding:33px 27px 22px;position:relative}
.plan-duration {display:block;font:700 11px var(--body);letter-spacing:2px;color:var(--accent)}
.plan-name {font:900 45px/.95 var(--display);letter-spacing:-.25px;margin:14px 0 11px}
.plan-subtitle {color:#a49daa;margin:0 0 28px;font:400 13px var(--body)}
.price-line {display:flex;align-items:baseline;gap:7px;border-top:1px solid rgba(220,205,234,.11);padding-top:18px}
.price-currency {font:800 25px var(--display);color:var(--accent);align-self:flex-start;margin-top:9px}
.price-value {font:900 69px/.95 var(--display);letter-spacing:-1px}
.price-period {font:500 11px var(--body);color:#908996}
.plan-footer {margin-top:auto;padding:14px 27px 28px}
.plan-button {height:52px;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:left;padding:0 17px;border:1px solid rgba(228,211,243,.22);background:#1f1a24;color:#f6f9f0;font:800 12px var(--body);letter-spacing:.9px;transition:.2s}
.plan-button:hover {background:var(--accent);border-color:var(--accent);color:#100b15}
.featured .plan-button {background:var(--accent);color:#0c0710;border-color:var(--accent)}
.featured .plan-button:hover {background:#e9d5ff}
.plan-button span:last-child {font-size:21px;font-weight:400}
.plan-includes {display:flex;align-items:center;gap:8px;margin-top:18px;color:#98929e;font:500 11px var(--body)}
.plan-includes:before {content:'✳';color:var(--accent);font-size:15px}
.demo-note {display:flex;align-items:center;gap:9px;color:#918b97;font-size:11px;line-height:1.6;margin:23px 0 0}
.note-icon {color:var(--accent);font-size:17px;line-height:1}
.experience-section {padding-top:105px;background:#100b1a;border-top:1px solid rgba(221,201,238,.07);border-bottom:1px solid rgba(221,201,238,.08)}
.feature-grid {display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.feature-card {background:#131a1b;min-height:460px;border:1px solid rgba(229,211,245,.11);overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-color .2s}
.feature-card:hover {border-color:rgba(168,85,247,.37)}
.feature-header {padding:23px 25px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.feature-number {font:800 10px var(--body);letter-spacing:1.5px;color:var(--accent)}
.feature-icon {color:#cbc2d3;font-size:27px}
.feature-art {height:280px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.feature-art:before {content:"";width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.16),transparent 64%);position:absolute}
.access-card {width:260px;height:178px;background:linear-gradient(130deg,#c084fc,#a855f7);border:1px solid #e9d5ff;color:#191220;box-shadow:19px 20px 0 #2b2233,0 25px 65px rgba(166,67,252,.08);transform:rotate(-11deg);padding:21px;position:relative;z-index:1}
.access-card>span {font:900 20px var(--display)}
.access-card strong {font:900 48px/.85 var(--display);display:block;margin-top:9px}
.access-card strong span {color:#fff}
.access-card small {display:block;margin-top:9px;font:800 7px var(--body);letter-spacing:1px}
.access-card>i {font:900 48px var(--display);font-style:normal;position:absolute;right:18px;top:8px;opacity:.25}
.access-orbit {position:absolute;inset:18px;border:1px dashed rgba(168,85,247,.2);border-radius:50%;transform:rotateX(55deg)}
.feature-bottom {padding:14px 25px 27px;margin-top:auto;position:relative;z-index:2}
.feature-bottom h3 {font:800 22px/1.2 var(--body);letter-spacing:-.65px;margin:0 0 12px}
.feature-bottom p {font:400 13px/1.8 var(--body);color:#9c95a2;margin:0;max-width:320px}
.feature-mini-art {height:270px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.feature-mini-art:before {content:"";width:250px;height:250px;border-radius:50%;position:absolute;background:radial-gradient(circle,rgba(168,85,247,.12),transparent 71%)}
.mini-lines {width:82%;position:absolute;top:50%;transform:translateY(-50%);display:grid;gap:24px}
.mini-lines i {height:1px;background:linear-gradient(90deg,transparent,rgba(205,169,236,.18),transparent)}
.mini-8 {position:relative;font:900 174px/.9 var(--display);letter-spacing:-10px;color:#a855f7;text-shadow:0 8px 0 #472564,0 28px 60px rgba(168,85,247,.19);transform:rotate(-7deg)}
.checkout-visual {height:270px;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:0 26px}
.checkout-line {display:flex;justify-content:space-between;color:#90849a;font:800 10px var(--body);letter-spacing:1px;padding-bottom:13px;border-bottom:1px solid rgba(185,116,246,.16)}
.checkout-line.bottom {border:0;border-top:1px solid rgba(185,116,246,.16);padding-top:13px}
.payment-visual-row {display:flex;align-items:center;gap:12px}
.payment-visual-row span,.payment-visual-row button {height:75px;min-width:0;display:grid;place-items:center;flex:1;background:#231d29;border:1px solid #463a51}
.visa-type {color:white;font:italic 900 31px Arial,sans-serif;letter-spacing:-2px}
.visa-demo-trigger {cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.visa-demo-trigger:hover,.visa-demo-trigger:focus-visible {background:#352442;border-color:var(--accent);color:var(--accent-bright)}
.pp-type {font:italic 800 24px Georgia,serif;color:#ece2f5}
.steps-section {background:#0a0e10;padding:135px 0}
.steps-layout {display:grid;grid-template-columns:1fr 1fr;gap:80px}
.steps-heading>p:not(.section-kicker) {max-width:345px;color:#a099a6;font-size:14px;line-height:1.9;margin:27px 0}
.text-link {display:inline-flex;gap:34px;align-items:center;padding:0 0 9px;border-bottom:1px solid var(--accent);color:var(--accent);font:800 12px var(--body);letter-spacing:1px}
.text-link span:last-child {font-size:23px}
.steps-list {border-top:1px solid rgba(232,213,249,.16)}
.steps-list article {display:flex;align-items:flex-start;gap:27px;padding:32px 0;border-bottom:1px solid rgba(232,213,249,.16)}
.step-count {width:64px;flex-shrink:0;font:900 46px/.95 var(--display);color:var(--accent)}
.steps-list h3 {margin:0 0 8px;font:700 19px/1.3 var(--body);letter-spacing:-.3px}
.steps-list p {margin:0;color:#968f9d;font-size:13px;line-height:1.8}
.step-arrow {margin-left:auto;color:var(--accent);font-size:22px}
.faq-section {background:#0d1213;padding-top:118px;padding-bottom:125px}
.faq-layout {display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.faq-heading>p:not(.section-kicker) {color:#9d95a4;margin-top:25px}
.faq-list {border-top:1px solid rgba(227,209,243,.19)}
.faq-list details {border-bottom:1px solid rgba(227,209,243,.19)}
.faq-list summary {list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;color:#ebeee7;cursor:pointer;font:700 16px var(--body)}
.faq-list summary::-webkit-details-marker {display:none}
.faq-plus {font:400 29px/1 var(--body);color:var(--accent);transition:transform .2s}
.faq-list details[open] .faq-plus {transform:rotate(45deg)}
.faq-list details p {font:400 13px/1.9 var(--body);color:#9f96a6;max-width:535px;margin:0 30px 25px 0}
.cta-section {padding:0 0 94px;background:#0d1213}
.cta-box {min-height:279px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:50px 66px;background:var(--accent);color:#0e0814}
.cta-box:before {content:"";position:absolute;right:20%;top:-170px;width:470px;height:470px;border:1px solid rgba(29,8,47,.22);border-radius:50%;box-shadow:0 0 0 70px rgba(29,8,47,.05),0 0 0 150px rgba(29,8,47,.035);pointer-events:none}
.cta-stars {position:absolute;right:32%;bottom:-95px;font-size:290px;line-height:1;color:rgba(24,0,45,.07);pointer-events:none}
.cta-kicker {color:#251335;letter-spacing:1.5px;position:relative}
.cta-box h2 {font:900 clamp(54px,6.4vw,88px)/.92 var(--display);letter-spacing:-.8px;margin:17px 0 8px;position:relative}
.cta-box h2 em {font-style:normal;color:#eedbff}
.cta-box p:not(.cta-kicker) {margin:0;font:500 14px var(--body);color:#381b52}
.btn-dark {background:#151019;color:#f4e8ff;white-space:nowrap;position:relative}
.btn-dark:hover {background:#2c1b3a}
.btn-dark span:last-child {font-size:23px;font-weight:400}
.footer {background:#070a0b}
.footer-top {padding:61px 0 75px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.footer-brand {font-size:31px}
.footer-top p {color:#898290;font-size:13px;margin-top:15px}
.footer-links {display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-top:12px}
.footer-links button {border:none;background:none;padding:0}
.footer-bottom {border-top:1px solid var(--border);min-height:78px;display:flex;align-items:center;gap:20px;justify-content:space-between;color:#7a7380;font:700 10px var(--body);letter-spacing:.4px}
.back-top {color:var(--accent);white-space:nowrap}
.drawer-backdrop {position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:199;backdrop-filter:blur(5px)}
.cart-drawer {position:fixed;z-index:200;top:0;right:0;height:100dvh;max-height:100dvh;width:min(440px,100%);background:#0e1415;border-left:1px solid #3a3340;box-shadow:-25px 0 100px rgba(0,0,0,.5);display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform .35s ease,visibility .35s}
.cart-drawer.open {transform:translateX(0);visibility:visible}
.drawer-head {padding:36px 33px 24px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border)}
.drawer-kicker {font:800 10px var(--body);color:var(--accent);letter-spacing:1.4px}
.drawer-head h2 {font:900 47px/.95 var(--display);margin:13px 0 0}
.icon-close {background:#221c27;color:white;border:1px solid var(--border);height:39px;width:39px;font-size:26px;line-height:1}
.drawer-body {padding:26px 33px;overflow:auto;flex:1}
.empty-cart {height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#dfe9dc}
.empty-cart>div {font:200 75px/1 var(--body);color:var(--accent);margin-bottom:20px}
.empty-cart h3 {margin:0 0 10px;font-size:20px}
.empty-cart p {color:var(--muted);font-size:13px}
.empty-cart .btn {margin-top:20px}
.selected-plan {border:1px solid rgba(168,85,247,.35);background:linear-gradient(125deg,#221b29,#16111b);padding:24px;position:relative;overflow:hidden}
.selected-plan:after {content:'08';position:absolute;right:8px;bottom:-40px;font:900 154px var(--display);opacity:.045;pointer-events:none}
.selected-label {font:800 10px var(--body);color:var(--accent);letter-spacing:1.4px}
.selected-name {font:900 42px/1 var(--display);margin:18px 0 8px}
.selected-desc {font-size:12px;color:#a8a1af;margin:0 0 25px}
.selected-bottom {display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(168,85,247,.18);padding-top:17px}
.selected-bottom strong {font:900 42px var(--display)}
.remove-plan {background:none;border:0;color:#b9b1c0;font:800 10px var(--body);letter-spacing:1px;text-decoration:underline;padding:10px 0}
.drawer-footer {padding:25px 33px 32px;border-top:1px solid var(--border)}
.cart-subtotal {display:flex;justify-content:space-between;align-items:center;font:800 12px var(--body);letter-spacing:1px}
.cart-subtotal strong {font:900 40px var(--display);letter-spacing:0}
.checkout-explain,.checkout-footnote {color:#8d8495;font:400 11px/1.65 var(--body);margin:9px 0 18px}
.checkout-footnote {text-align:center;margin:14px 0 0}
.checkout-button {height:53px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 19px;margin-top:10px;border:1px solid rgba(255,255,255,.2);font:800 12px var(--body);letter-spacing:.5px;transition:opacity .2s,transform .2s}
.checkout-button:hover {transform:translateY(-2px)}
.checkout-button span:last-child {font-size:24px}
.paypal-button {background:#f2f7e7;color:#133984}
.paypal-button span:first-child {font:bold italic 26px Georgia,serif;letter-spacing:-1px}
.card-button {background:var(--accent);color:#0c0710;border-color:var(--accent)}
.toast {position:fixed;left:50%;bottom:31px;transform:translate(-50%,40px);opacity:0;pointer-events:none;z-index:300;background:#c084fc;color:#0f0815;border:1px solid #e9d5ff;box-shadow:0 22px 80px rgba(0,0,0,.5);max-width:min(480px,calc(100% - 32px));padding:15px 23px;font:800 12px/1.6 var(--body);text-align:center;transition:opacity .25s,transform .25s}
.toast.show {opacity:1;transform:translate(-50%,0)}
body.modal-open {overflow:hidden}


@media(max-width:1100px){
  .container {width:min(100% - 64px,1240px)}
  .desktop-nav {gap:20px;margin-right:4px}
  .hero-title {font-size:clamp(72px,8vw,102px)}
  .hero-inner {gap:5px}
  .interface-card {width:365px;height:412px}
  .interface-mid strong {font-size:78px}
  .orb-large {width:470px;height:470px}
  .ring-one {width:500px;height:500px}
  .float-bottom {bottom:72px}
  .feature-grid {grid-template-columns:1.1fr 1fr 1fr}
  .feature-bottom h3 {font-size:19px}
  .faq-layout {gap:50px}
}
@media(max-width:800px){
  .container {width:calc(100% - 44px)}
  .announcement-tail {display:none}
  .header-inner {height:73px}
  .desktop-nav {display:none}
  .menu-trigger {display:block}
  .mobile-nav:not([hidden]) {display:flex;flex-direction:column;gap:2px;padding:14px 22px 20px;background:#110d14;border-top:1px solid var(--border)}
  .mobile-nav a {padding:13px 0;font:800 12px var(--body);letter-spacing:1px}
  .hero {min-height:auto}
  .hero-inner {grid-template-columns:1fr;gap:0;min-height:auto}
  .hero-copy {padding:73px 0 12px}
  .hero-title {font-size:clamp(76px,13vw,119px);margin:24px 0}
  .hero-desc {max-width:640px}
  .hero-points {margin-top:40px}
  .hero-art {min-height:570px;max-width:610px;width:100%;margin:auto}
  .hero-bottom {height:70px}
  .section {padding:95px 0}
  .section-title {font-size:clamp(58px,9.5vw,78px)}
  .plans-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan-card:last-child {grid-column:1/-1}
  .plan-card {min-height:445px}
  .feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-wide {grid-column:1/-1;min-height:400px}
  .feature-wide .feature-art {height:265px}
  .steps-layout,.faq-layout {grid-template-columns:1fr;gap:48px}
  .steps-section,.faq-section {padding:100px 0}
  .cta-box {padding:38px 36px}
  .cta-box h2 {font-size:60px}
  .footer-top {flex-direction:column}
  .footer-links {margin-top:0}
  .footer-bottom {flex-wrap:wrap;justify-content:flex-start;padding:25px 0;gap:12px 20px}
  .footer-bottom .back-top {margin-left:auto}
}
@media(max-width:550px){
  .container {width:calc(100% - 36px)}
  .announcement {font-size:9px;letter-spacing:1.1px;height:30px}
  .header-inner {height:67px}
  .brand {font-size:25px;gap:8px}
  .brand img {width:35px;height:35px}
  .header-actions {gap:9px}
  .cart-trigger {width:39px;height:39px}
  .hero-copy {padding-top:70px}
  .eyebrow {font-size:9px;letter-spacing:1px}
  .hero-title {font-size:clamp(63px,15.3vw,91px);line-height:.89;white-space:normal}
  .hero-desc {font-size:14px;line-height:1.85}
  .hero-actions {gap:6px}
  .btn {min-height:52px;padding:0 17px;gap:15px;font-size:11px}
  .hero-points {margin-top:41px;gap:8px 12px;font-size:9px}
  .hero-art {min-height:430px}
  .orb-large {width:365px;height:365px;top:28px}
  .ring-one {width:370px;height:370px}.ring-two {width:300px;height:300px}
  .interface-card {width:270px;height:328px;transform:rotate(-5deg);animation:none}
  .interface-top {height:47px;padding:0 19px}.interface-logo {font-size:11px}.interface-index {font-size:8px}
  .interface-mid {padding:28px 23px}.interface-small {font-size:8px}
  .interface-mid strong {font-size:59px;margin:19px 0 20px}
  .mid-sub {font-size:8px}
  .interface-bottom {height:39px;padding:0 19px;font-size:7px}
  .viz-bars {height:15px}.viz-bars i {width:2px}
  .float-top {top:41px;right:0;font-size:9px;padding:9px 11px}
  .float-bottom {left:-2px;bottom:41px;width:130px;padding:13px}.float-bottom>span {font-size:7px}.float-bottom strong {font-size:30px}
  .corner-a {top:15px}.corner-b {bottom:12px}
  .hero-bottom {height:52px;font-size:9px}
  .ticker {height:60px}.ticker-track {font-size:25px}.ticker-segment {gap:28px;padding-inline-end:28px}
  .section {padding:80px 0}
  .section-top {display:block;margin-bottom:31px}
  .section-kicker {font-size:10px}
  .section-title {font-size:clamp(57px,13.5vw,75px)}
  .section-aside {margin-top:23px;line-height:1.75;font-size:14px}
  .plans-grid,.feature-grid {grid-template-columns:1fr;gap:15px}
  .plan-card:last-child,.feature-wide {grid-column:auto}
  .plan-card {min-height:0}
  .plan-top {min-height:73px}.plan-body {padding-top:28px}.plan-name {font-size:42px}.plan-subtitle {margin-bottom:24px}
  .price-value {font-size:62px}.plan-footer {padding-top:4px}
  .demo-note {align-items:flex-start}
  .feature-card {min-height:400px}
  .feature-wide .feature-art {height:260px}
  .feature-bottom h3 {font-size:20px}
  .steps-section,.faq-section {padding:86px 0}
  .steps-layout,.faq-layout {gap:38px}
  .steps-list article {gap:14px;padding:24px 0}
  .step-count {width:43px;font-size:37px}.steps-list h3 {font-size:16px}.step-arrow {font-size:18px}
  .faq-list summary {font-size:14px;padding:23px 0}.faq-list details p {font-size:12px}
  .cta-section {padding-bottom:64px}
  .cta-box {min-height:0;display:block;padding:36px 27px}
  .cta-box h2 {font-size:clamp(55px,11.5vw,77px)}
  .cta-box .btn {margin-top:28px}
  .footer-top {padding:48px 0}
  .footer-links {display:grid;grid-template-columns:repeat(2,max-content);gap:20px 35px}
  .footer-bottom {font-size:9px}
  .drawer-head,.drawer-body,.drawer-footer {padding-left:24px;padding-right:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Banner/header containment: prevents narrow screen bar overlap and layout spill. */
.announcement {padding:0 170px;min-width:0;white-space:nowrap;text-align:center;overflow:hidden}
.announcement > [data-i18n="announcement"] {overflow:hidden;text-overflow:ellipsis}
.ann-dot {flex-shrink:0}
.header-inner,.header-actions {min-width:0}
.header-actions {flex-shrink:0}
.desktop-nav {min-width:0;flex-wrap:nowrap}
.desktop-nav a {white-space:nowrap}
@media(max-width:1100px){.header-inner {gap:18px}.desktop-nav {gap:17px;margin-right:7px}}
@media(max-width:800px){.announcement {padding-inline:20px}.header-inner {gap:12px}}
@media(max-width:550px){.announcement {padding-inline:10px;gap:7px}.ticker-segment {gap:28px;padding-inline-end:28px}}
/* Visa preview modal — informational only, with no collection of card data. */
.coming-backdrop {position:fixed;inset:0;z-index:390;background:rgba(4,2,11,.82);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.coming-dialog {position:fixed;z-index:391;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 30px));padding:48px 33px 35px;background:radial-gradient(circle at 83% 12%,rgba(168,85,247,.24),transparent 49%),linear-gradient(150deg,#20132e,#100a19 70%);color:var(--text);border:1px solid rgba(205,147,255,.55);box-shadow:0 30px 100px rgba(0,0,0,.72),0 0 100px rgba(168,85,247,.14);text-align:center}
.coming-close {position:absolute;right:14px;top:12px;color:#e7d8fc;border:0;background:transparent;font:400 30px/1 var(--body);padding:5px 9px}
.coming-icon {width:62px;height:62px;border:1px solid rgba(216,180,254,.5);border-radius:50%;display:grid;place-items:center;margin:0 auto 23px;font-size:33px;color:var(--accent-bright);box-shadow:0 0 35px rgba(168,85,247,.15)}
.coming-eyebrow {display:block;color:var(--accent-bright);font:800 11px var(--body);letter-spacing:2px}
.coming-dialog h2 {font:900 clamp(44px,9vw,64px)/1 var(--display);letter-spacing:1px;margin:18px 0 15px;color:#fff}
.coming-dialog p {font:400 14px/1.8 var(--body);color:#c9b7d5;margin:0 0 26px}
.coming-ok {padding:15px 30px;background:var(--accent);color:#0e071a;font:800 12px var(--body);letter-spacing:1px;border:1px solid var(--accent);min-width:170px}
.coming-ok:hover {background:var(--accent-bright)}
@media(prefers-reduced-motion:reduce){.ticker-track {animation:none;will-change:auto}}

/* Backend-enabled, non-payment access request form */
.order-request-box{border:1px solid rgba(183,132,255,.24);background:rgba(97,47,131,.1);padding:17px 16px 15px;margin-top:20px;color:#e4d9f2}
.order-request-label{font:800 12px var(--body);color:#d8b4fe;letter-spacing:1.1px}
.order-request-box p{font-size:12px;line-height:1.6;color:#afa0bd;margin:9px 0}
.order-request-box label{display:block;font-size:11px;font-weight:800;letter-spacing:1px;margin:11px 0 7px}
.order-request-box input[type=email]{background:#100c19;border:1px solid rgba(193,147,255,.32);border-radius:4px;color:#fff;width:100%;height:44px;padding:0 12px;outline-offset:2px}
.order-request-box input[type=email]:focus{outline:2px solid #a855f7}
.order-request-box .request-submit{width:100%;background:#ac65f2;border:0;margin-top:10px;padding:12px;color:#11071a;font-weight:800;letter-spacing:.6px}
.order-request-box .request-submit:disabled{opacity:.55;cursor:wait}
.order-request-box .request-result{font-size:12px;overflow-wrap:anywhere;color:#e5c8ff}
.request-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
/* Allow the entire checkout drawer to scroll on short/mobile screens. */
.cart-drawer{overflow-y:auto;overscroll-behavior:contain}
.cart-drawer .drawer-body{flex:0 0 auto;overflow:visible}
.cart-drawer .drawer-footer{flex:0 0 auto}