@font-face{font-family:Outfit;src:url('/assets/Outfit-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('/assets/Outfit-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/CormorantGaramond-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/CormorantGaramond-LightItalic.ttf') format('truetype');font-weight:300;font-style:italic;font-display:swap}

:root{
  --cyan:#00e5ff;
  --cyan-dim:#00b8d4;
  --purple:#7c4dff;
  --black:#06080c;
  --card:#0c1018;
  --card-hover:#111826;
  --surface:#141c2a;
  --text:#e8ecf2;
  --secondary:#8a95a8;
  --muted:#5a6478;
  --success:#69f0ae;
  --gradient:linear-gradient(135deg,var(--cyan) 0%,var(--purple) 100%);
  --shell:min(1180px,calc(100vw - 44px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--text);font:400 16px/1.65 Outfit,'Segoe UI',sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit}
.shell{width:var(--shell);margin-inline:auto}
.section-pad{padding:clamp(88px,10vw,145px) 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:10px 16px;background:var(--cyan);color:#041015;transform:translateY(-160%);transition:transform .2s;text-decoration:none;font-weight:600}
.skip-link:focus{transform:none}

.site-header{position:fixed;z-index:100;inset:0 0 auto;height:76px;background:rgba(6,8,12,.76);border-bottom:1px solid rgba(255,255,255,.055);backdrop-filter:blur(18px);transition:background .25s,box-shadow .25s}
.site-header.scrolled{background:rgba(6,8,12,.94);box-shadow:0 12px 34px rgba(0,0,0,.22)}
.header-inner{width:var(--shell);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,229,255,.16))}
.brand span{display:flex;flex-direction:column;line-height:1.15}
.brand strong{font-size:12px;letter-spacing:.18em;font-weight:600}
.brand small{margin-top:5px;color:var(--secondary);font-size:9px;letter-spacing:.2em}
.site-nav{display:flex;align-items:center;gap:32px}
.site-nav a{color:var(--secondary);font-size:13px;text-decoration:none;transition:color .2s}
.site-nav a:hover{color:var(--text)}
.site-nav .nav-cta{min-height:40px;display:inline-flex;align-items:center;padding:0 18px;border:1px solid rgba(0,229,255,.3);border-radius:5px;color:var(--cyan);background:rgba(0,229,255,.055)}
.site-nav .nav-cta:hover{background:rgba(0,229,255,.12);color:#fff}
.menu-button{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:transparent;padding:10px;cursor:pointer}
.menu-button span:not(.sr-only){display:block;height:1px;background:var(--text);margin:5px 0}

.eyebrow{margin:0 0 20px;color:var(--cyan);font-size:10px;font-weight:600;letter-spacing:.23em}
.pulse-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 rgba(105,240,174,.55);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(105,240,174,0)}100%{box-shadow:0 0 0 0 rgba(105,240,174,0)}}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-.025em}
h1{font-size:clamp(52px,5.5vw,74px);line-height:.94;margin:0 0 30px}
h2{font-size:clamp(45px,5.2vw,69px);line-height:1;margin-bottom:26px}
h1 em,h2 em{font-weight:300;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero{position:relative;min-height:940px;padding-top:clamp(150px,14vw,195px);display:flex;align-items:center;isolation:isolate;overflow:hidden}
.hero:after{content:"";position:absolute;z-index:-2;width:620px;height:620px;right:-250px;top:75px;border:1px solid rgba(0,229,255,.08);border-radius:50%;box-shadow:0 0 0 100px rgba(124,77,255,.025),0 0 0 200px rgba(0,229,255,.015)}
.ambient{position:absolute;z-index:-3;border-radius:50%;filter:blur(100px);opacity:.15}
.ambient-one{width:560px;height:560px;background:var(--purple);right:-140px;top:150px}
.ambient-two{width:420px;height:420px;background:var(--cyan);left:-270px;bottom:-70px;opacity:.09}
.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);align-items:center;gap:clamp(40px,6vw,85px)}
.hero-lede{max-width:630px;color:var(--secondary);font-size:clamp(16px,1.35vw,19px);line-height:1.75}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0 30px}
.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:12px;padding:0 25px;border-radius:5px;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.02em;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--gradient);color:#05070b;box-shadow:0 13px 34px rgba(0,229,255,.13)}
.button-primary:hover{box-shadow:0 15px 42px rgba(0,229,255,.22)}
.button-ghost{border:1px solid rgba(255,255,255,.1);color:var(--text);background:rgba(255,255,255,.025)}
.button-ghost:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}
.availability{display:flex;flex-wrap:wrap;gap:13px 24px;color:var(--secondary);font-size:12px}
.availability span{display:flex;align-items:center;gap:7px}
.availability svg{width:15px;fill:none;stroke:var(--success);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.product-window{margin:0;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(145deg,rgba(17,24,38,.95),rgba(8,11,18,.97));overflow:hidden;box-shadow:0 42px 100px rgba(0,0,0,.5),0 0 90px rgba(0,229,255,.05);transform:perspective(1500px) rotateY(-2deg) rotateX(1deg)}
.window-bar{height:50px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.065);color:var(--secondary);font-size:10px;letter-spacing:.08em}
.window-mark{display:flex;gap:6px}
.window-mark i{width:7px;height:7px;border-radius:50%;background:#263041}.window-mark i:nth-child(1){background:#ff5a5a}.window-mark i:nth-child(2){background:#ffab00}.window-mark i:nth-child(3){background:#69f0ae}
.live-chip{justify-self:end;display:flex;align-items:center;gap:7px;color:var(--success);font-size:8px;letter-spacing:.14em}
.live-chip i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
.shot-wrap{position:relative;height:480px;background:#080b12;overflow:hidden}
.shot-wrap:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px rgba(0,0,0,.26);pointer-events:none}
.shot-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-product figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;color:var(--secondary);font-size:10px;letter-spacing:.08em}
.hero-product figcaption strong{color:var(--text);font-weight:400}

.trust-strip{border-block:1px solid rgba(255,255,255,.055);background:rgba(12,16,24,.56)}
.trust-grid{min-height:115px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.trust-grid div{display:flex;align-items:baseline;gap:10px;padding:8px 28px;border-right:1px solid rgba(255,255,255,.06)}
.trust-grid div:first-child{padding-left:0}.trust-grid div:last-child{border:0}
.trust-grid strong{font:400 29px 'Cormorant Garamond',serif;color:var(--text)}
.trust-grid span{color:var(--muted);font-size:11px}

.section-heading{max-width:780px;margin-bottom:58px}
.section-heading>p:last-child{max-width:690px;color:var(--secondary);font-size:17px}
.section-heading.centered{text-align:center;margin-inline:auto}
.section-heading.centered>p:last-child{margin-inline:auto}
.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.outcome-card{position:relative;min-height:285px;padding:30px;background:linear-gradient(145deg,rgba(17,24,38,.68),rgba(12,16,24,.93));border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}
.outcome-card:after{content:"";position:absolute;width:120px;height:120px;right:-70px;bottom:-70px;border:1px solid rgba(0,229,255,.1);border-radius:50%;transition:transform .35s}
.outcome-card:hover{transform:translateY(-5px);border-color:rgba(0,229,255,.17);background:linear-gradient(145deg,rgba(17,24,38,.92),rgba(12,16,24,.98))}
.outcome-card:hover:after{transform:scale(1.3)}
.icon-box{display:grid;place-items:center;width:43px;height:43px;margin-bottom:38px;border:1px solid rgba(0,229,255,.2);border-radius:7px;background:rgba(0,229,255,.055);color:var(--cyan)}
.icon-box svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.card-number{position:absolute;right:25px;top:25px;color:rgba(255,255,255,.15);font:400 13px 'Cormorant Garamond',serif;letter-spacing:.1em}
.outcome-card h3{margin-bottom:10px;font-size:17px;font-weight:600}
.outcome-card>p:last-child{margin:0;color:var(--secondary);font-size:14px;line-height:1.7}

.product-section{background:radial-gradient(circle at 8% 60%,rgba(0,229,255,.06),transparent 30%),linear-gradient(180deg,rgba(12,16,24,.35),rgba(6,8,12,.2));border-block:1px solid rgba(255,255,255,.04)}
.product-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);gap:clamp(55px,8vw,110px);align-items:center}
.product-copy>p:not(.eyebrow){color:var(--secondary);font-size:17px}
.check-list{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:0}
.check-list li{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.07)}
.check-list li>span{color:var(--cyan);font-size:10px;letter-spacing:.12em;padding-top:3px}
.check-list div{display:flex;flex-direction:column}.check-list strong{font-size:14px}.check-list small{margin-top:4px;color:var(--secondary);font-size:12px}
.detail-stack{display:grid;grid-template-columns:.82fr 1.18fr;grid-template-rows:370px auto;gap:15px;transform:rotate(1.25deg)}
.detail-shot{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:10px;background-color:#0a0e15;background-image:linear-gradient(to bottom,transparent 75%,rgba(6,8,12,.88)),url('/product-shot.php');background-repeat:no-repeat;box-shadow:0 30px 75px rgba(0,0,0,.38);overflow:hidden}
.detail-shot-status{background-size:auto 640px;background-position:22% 3%}
.detail-shot-list{background-size:auto 680px;background-position:78% 70%}
.detail-shot span{position:absolute;left:18px;bottom:16px;color:var(--cyan);font-size:9px;letter-spacing:.18em}
.detail-stack>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px;text-align:right}

.suite-section{padding:0 0 clamp(88px,10vw,145px)}
.suite-card{position:relative;display:grid;grid-template-columns:1fr 310px;gap:60px;align-items:center;padding:clamp(40px,6vw,74px);background:radial-gradient(circle at 85% 30%,rgba(124,77,255,.16),transparent 33%),linear-gradient(145deg,rgba(17,24,38,.88),rgba(12,16,24,.96));border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}
.suite-card h2{font-size:clamp(42px,4.2vw,61px);margin-bottom:18px}
.suite-card>div:first-child>p:last-child{max-width:680px;margin:0;color:var(--secondary);font-size:16px}
.suite-badge{justify-self:end;width:280px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(0,229,255,.14);border-radius:50%;box-shadow:0 0 0 22px rgba(0,229,255,.025),0 0 0 44px rgba(124,77,255,.018)}
.suite-badge img{margin-bottom:14px}.suite-badge span{font-size:9px;letter-spacing:.2em;color:var(--secondary)}.suite-badge strong{font:400 22px 'Cormorant Garamond',serif;letter-spacing:.05em}.suite-badge small{margin-top:9px;color:var(--success);font-size:8px;letter-spacing:.18em}

.pricing-section{padding-top:110px;background:linear-gradient(180deg,rgba(12,16,24,.35),transparent 45%)}
.plan-grid{max-width:860px;margin:0 auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plan-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:310px;padding:32px;text-align:left;color:var(--text);background:linear-gradient(145deg,rgba(17,24,38,.68),rgba(12,16,24,.95));border:1px solid rgba(255,255,255,.08);border-radius:11px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.plan-card:hover{transform:translateY(-4px);border-color:rgba(0,229,255,.18)}
.plan-card.selected{border-color:rgba(0,229,255,.48);box-shadow:0 22px 60px rgba(0,0,0,.25),inset 0 0 40px rgba(0,229,255,.025)}
.plan-card.selected:after{content:"";position:absolute;top:20px;right:20px;width:16px;height:16px;border:4px solid var(--card);border-radius:50%;background:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 14px rgba(0,229,255,.5)}
.plan-card.featured{background:radial-gradient(circle at 80% 20%,rgba(124,77,255,.12),transparent 35%),linear-gradient(145deg,rgba(17,24,38,.85),rgba(12,16,24,.98))}
.best-value{position:absolute;right:20px;top:-13px;padding:6px 10px;border-radius:3px;background:var(--gradient);color:#05070b;font-size:8px;font-weight:600;letter-spacing:.15em}
.plan-kicker{color:var(--cyan);font-size:9px;letter-spacing:.2em}
.plan-price{margin:24px 0 2px;font:400 65px/1 'Cormorant Garamond',serif}.plan-price sup{font-size:26px;vertical-align:top;margin-right:3px}.plan-price small{font-size:33px}
.plan-term{color:var(--secondary);font-size:12px}.plan-saving{margin-top:13px;color:var(--success);font-size:11px}
.plan-select{width:100%;display:flex;justify-content:space-between;margin-top:auto;padding-top:21px;border-top:1px solid rgba(255,255,255,.08);font-size:12px}.plan-select b{color:var(--cyan);font-weight:400}
.checkout-shell{max-width:960px;margin:0 auto;padding:clamp(22px,4vw,40px);background:linear-gradient(145deg,rgba(17,24,38,.82),rgba(12,16,24,.97));border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.checkout-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid rgba(255,255,255,.07)}
.checkout-heading .eyebrow{margin-bottom:9px}.checkout-heading h3{margin:0;font-size:20px}.powered-by{color:var(--muted);font-size:10px}.powered-by strong{color:var(--secondary);font-size:12px}
.checkout-panel{min-height:510px;padding-top:10px}.checkout-panel[hidden]{display:none!important}
.checkout-panel>div{min-height:500px;overflow:hidden}
.checkout-note{margin:10px 0 0;text-align:center;color:var(--muted);font-size:10px}
.checkout-alert{margin:18px 0 4px;padding:14px 16px;border:1px solid rgba(105,240,174,.25);border-radius:6px;background:rgba(105,240,174,.07);color:var(--success);font-size:13px}
.checkout-alert.error{border-color:rgba(255,90,90,.3);background:rgba(255,90,90,.07);color:#ff8181}

.faq-section{border-top:1px solid rgba(255,255,255,.045)}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(55px,10vw,140px)}
.faq-list details{border-top:1px solid rgba(255,255,255,.09)}.faq-list details:last-child{border-bottom:1px solid rgba(255,255,255,.09)}
.faq-list summary{position:relative;list-style:none;padding:24px 42px 24px 0;cursor:pointer;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span:before,.faq-list summary span:after{content:"";position:absolute;right:6px;top:33px;width:13px;height:1px;background:var(--cyan);transition:transform .2s}.faq-list summary span:after{transform:rotate(90deg)}.faq-list details[open] summary span:after{transform:rotate(0)}
.faq-list details p{max-width:660px;margin:-7px 0 24px;color:var(--secondary);font-size:14px}.faq-list details a{color:var(--cyan)}

.final-cta{position:relative;padding:clamp(95px,12vw,165px) 0;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(124,77,255,.13),transparent 28%)}
.final-cta:before{content:"";position:absolute;left:50%;top:50%;width:540px;height:540px;transform:translate(-50%,-50%);border:1px solid rgba(0,229,255,.08);border-radius:50%;box-shadow:0 0 0 75px rgba(0,229,255,.018),0 0 0 150px rgba(124,77,255,.014)}
.final-cta-inner{position:relative}.final-cta h2{font-size:clamp(52px,6vw,80px)}
.site-footer{padding:60px 0 28px;border-top:1px solid rgba(255,255,255,.055);background:#05070a}
.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:42px}
.footer-links{display:flex;flex-wrap:wrap;gap:25px}.footer-links a{color:var(--secondary);font-size:12px;text-decoration:none}.footer-links a:hover{color:var(--cyan)}
.footer-legal{display:flex;justify-content:space-between;gap:30px;padding-top:23px;border-top:1px solid rgba(255,255,255,.055);color:var(--muted);font-size:9px}.footer-legal p{margin:0}.footer-legal p:last-child{max-width:620px;text-align:right}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-one{transition-delay:.09s}.delay-two{transition-delay:.18s}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.pulse-dot{animation:none}}

@media(max-width:1050px){
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:800px}.hero-product{max-width:820px;transform:none}.hero h1{font-size:clamp(64px,10vw,94px)}
  .product-grid{grid-template-columns:1fr}.product-copy{max-width:750px}.detail-stack{max-width:800px;grid-template-rows:410px auto}
  .trust-grid{grid-template-columns:repeat(2,1fr);padding:20px 0}.trust-grid div{padding:18px 24px}.trust-grid div:nth-child(2){border:0}
}

@media(max-width:800px){
  :root{--shell:min(100% - 32px,1180px)}
  .site-header{height:68px}.menu-button{display:block}.site-nav{position:absolute;left:16px;right:16px;top:61px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:rgba(12,16,24,.98);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 24px 50px rgba(0,0,0,.5)}.site-nav.open{display:flex}.site-nav a{padding:13px 12px}.site-nav .nav-cta{justify-content:center;margin-top:5px}
  .hero{padding-top:130px}.hero-grid{gap:55px}.hero-lede{font-size:16px}.shot-wrap{height:auto;aspect-ratio:1.28}.product-window{border-radius:8px}
  .outcome-grid{grid-template-columns:1fr 1fr}.suite-card{grid-template-columns:1fr}.suite-badge{justify-self:center}
  .faq-grid{grid-template-columns:1fr;gap:15px}.faq-grid .section-heading{margin-bottom:20px}
  .footer-main,.footer-legal{align-items:flex-start;flex-direction:column}.footer-legal p:last-child{text-align:left}
}

@media(max-width:600px){
  .section-pad{padding:82px 0}.brand strong{font-size:10px}.hero{padding-top:118px}.hero h1{font-size:54px}.hero-actions .button{width:100%}.availability{display:grid}
  .window-bar{grid-template-columns:1fr 1fr}.window-bar>span:nth-child(2){display:none}.hero-product figcaption{align-items:flex-start;flex-direction:column}
  .trust-grid{grid-template-columns:1fr 1fr}.trust-grid div{display:grid;gap:0;padding:16px 12px}.trust-grid strong{font-size:25px}.trust-grid span{font-size:9px}
  .outcome-grid{grid-template-columns:1fr}.outcome-card{min-height:245px}.section-heading{margin-bottom:40px}.section-heading>p:last-child{font-size:15px}
  .detail-stack{grid-template-columns:1fr;grid-template-rows:245px 310px auto;transform:none}.detail-stack>p{grid-column:auto}.detail-shot-status{background-size:auto 500px}.detail-shot-list{background-size:auto 560px}
  .suite-card{padding:34px 24px}.suite-badge{width:215px}.suite-badge strong{font-size:18px}
  .plan-grid{grid-template-columns:1fr}.plan-card{min-height:280px}.checkout-shell{padding:18px 10px}.checkout-heading{padding-inline:8px;align-items:flex-start;flex-direction:column}.checkout-panel{min-height:560px}.checkout-panel>div{min-height:550px}.powered-by{align-self:flex-end}
  .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px}
}
