:root{
  --bg:#080512;
  --bg-soft:#0d0719;
  --panel:rgba(18,10,31,.78);
  --panel-strong:rgba(21,11,37,.92);
  --text:#f8f5fc;
  --muted:#a9a1b3;
  --muted-2:#756d80;
  --purple:#8d42ff;
  --violet:#c86cff;
  --line:rgba(182,112,255,.18);
  --line-strong:rgba(191,104,255,.36);
  --max:1180px;
  --shadow:0 24px 80px rgba(104,32,190,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(900px 600px at 78% 12%,rgba(101,34,185,.15),transparent 70%),
    radial-gradient(700px 500px at 12% 52%,rgba(75,27,132,.11),transparent 70%),
    linear-gradient(180deg,#07040e 0%,#090512 45%,#07040d 100%);
  font-family:Manrope,Arial,sans-serif;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(163,91,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(163,91,255,.035) 1px,transparent 1px);
  background-size:120px 120px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
a{color:inherit;text-decoration:none}
button,a{cursor:pointer}
.cursor-glow{
  position:fixed;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(148,65,255,.11),transparent 67%);
  pointer-events:none;transform:translate(-50%,-50%);z-index:1;
}
.nav{
  height:82px;display:flex;align-items:center;justify-content:space-between;
  max-width:1280px;margin:auto;padding:0 30px;position:fixed;top:0;left:0;right:0;z-index:30;
  background:linear-gradient(180deg,rgba(7,4,14,.94),rgba(7,4,14,.72),transparent);
  backdrop-filter:blur(12px);
}
.brand{display:flex;align-items:center;gap:11px;font-family:Montserrat,sans-serif}
.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid #a34fff;border-radius:10px;background:linear-gradient(145deg,#8736ff,#220b40);box-shadow:0 0 28px rgba(145,54,255,.32);font-weight:900}
.brand b{display:block;font-size:15px;letter-spacing:2px}
.brand small{display:block;color:#a993bf;font-size:8px;font-weight:700;letter-spacing:4px;margin-top:2px}
.nav-links{display:flex;gap:32px;color:#b9b0c3;font-size:13px;font-weight:700}
.nav-links a{transition:.2s}.nav-links a:hover{color:#fff}
.nav-cta{border:1px solid var(--line-strong);padding:11px 17px;border-radius:12px;background:rgba(132,47,255,.1);font-weight:800;font-size:12px;box-shadow:inset 0 0 25px rgba(132,48,255,.06),0 0 24px rgba(120,30,255,.08);transition:.2s}
.nav-cta:hover{background:rgba(143,53,255,.18);transform:translateY(-2px)}
.section{max-width:var(--max);margin:auto;padding:125px 28px;position:relative;z-index:2}
.hero{
  min-height:900px;max-width:none;position:relative;display:flex;align-items:center;
  padding:155px max(28px,calc((100vw - var(--max))/2));isolation:isolate;overflow:hidden;
  background:
    radial-gradient(700px 620px at 74% 45%,rgba(117,39,224,.18),transparent 68%),
    radial-gradient(500px 420px at 45% 50%,rgba(73,27,128,.10),transparent 72%);
}
.hero-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(137,75,218,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(137,75,218,.08) 1px,transparent 1px);background-size:105px 105px;mask-image:linear-gradient(to right,transparent 0%,black 25%,black 80%,transparent 100%);}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:240px;background:linear-gradient(transparent,#08040f);z-index:1;pointer-events:none}
.hero-content{width:54%;position:relative;z-index:5}
.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#c793ff}
.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(134,50,255,.07);margin-bottom:25px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#9cffbd;box-shadow:0 0 12px #69ff9a}
.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(58px,7.4vw,102px);font-weight:900;line-height:.91;letter-spacing:-4px;margin:0 0 27px;text-shadow:0 0 45px rgba(151,60,255,.20)}
.hero h1 em{font-style:normal;color:#c56bff;text-shadow:0 0 30px rgba(199,84,255,.34)}
.hero-sub{max-width:580px;color:#bdb5c7;font-size:17px;line-height:1.72}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 21px;border-radius:13px;font-weight:800;font-size:13px;transition:.25s;position:relative;overflow:hidden}
.btn-primary{background:linear-gradient(110deg,#7626ff,#bd55ff);box-shadow:0 12px 45px rgba(130,38,255,.23)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 55px rgba(130,38,255,.38)}
.btn-ghost{border:1px solid rgba(190,121,255,.30);background:rgba(255,255,255,.022)}
.btn-ghost:hover{background:rgba(148,56,255,.09);transform:translateY(-3px)}
.hero-stats{display:flex;gap:34px;margin-top:50px}
.hero-stats div{border-left:1px solid #3a2254;padding-left:16px}
.hero-stats strong{display:block;font-family:Montserrat,sans-serif;font-size:16px;font-weight:800}
.hero-stats span{display:block;color:#8d8498;font-size:11px;margin-top:5px}
.hero-character{position:absolute;z-index:3;right:-1%;bottom:-25px;width:min(54vw,800px);height:850px;display:flex;justify-content:flex-end;align-items:flex-end;pointer-events:none}
.hero-character img{
  height:100%;width:auto;max-width:none;object-fit:cover;object-position:center;
  filter:saturate(1.02) contrast(1.02);
  mask-image:linear-gradient(to right,transparent 0%,black 13%,black 84%,transparent 100%),linear-gradient(to bottom,black 0%,black 76%,transparent 100%);
  mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 13%,black 84%,transparent 100%),linear-gradient(to bottom,black 0%,black 76%,transparent 100%);-webkit-mask-composite:source-in;
  opacity:.94;
}
.orb{position:absolute;border-radius:50%;filter:blur(2px)}
.orb-a{width:500px;height:500px;right:110px;bottom:130px;background:radial-gradient(circle,rgba(151,57,255,.20),transparent 68%)}
.orb-b{width:180px;height:180px;right:80px;top:150px;background:radial-gradient(circle,rgba(213,126,255,.18),transparent 68%)}
.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:4px;color:#777080;z-index:6}.scroll-cue span{display:inline-block;width:1px;height:28px;background:#9950ff;vertical-align:middle;margin-right:10px}
.section-label{color:#756580;font:700 10px Montserrat;letter-spacing:3px;border-top:1px solid #241631;padding-top:13px;margin-bottom:60px}
.intro-layout,.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.intro h2,.section-head h2,.device-panel h2,.faq h2{font:800 clamp(46px,5.8vw,76px)/.98 Montserrat,sans-serif;letter-spacing:-2.5px;margin:12px 0 26px}
.intro h2 span,.section-head h2 span,.device-panel h2 span,.faq h2 span span{color:#bd64ff}
.intro-copy>p:not(.kicker),.section-head>p,.device-panel p:not(.kicker),.faq p:not(.kicker),.final-copy>p:not(.kicker){color:#9e95aa;line-height:1.8;font-size:15px;max-width:560px}
.text-link{display:inline-flex;gap:12px;margin-top:25px;color:#d09aff;font-weight:800;font-size:13px}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(5px)}
.intro-visual{position:relative}.visual-frame{padding:8px;border:1px solid rgba(167,79,255,.22);background:rgba(132,38,255,.035);box-shadow:0 0 80px rgba(100,25,255,.11);transform:rotate(1deg)}
.visual-frame img{display:block;width:100%;height:530px;object-fit:cover;object-position:center;border-radius:4px;filter:saturate(.92) contrast(1.03)}
.visual-tag{position:absolute;right:-15px;bottom:30px;padding:9px 13px;border:1px solid #9a47ff;background:#0d0419;font:800 9px Montserrat;letter-spacing:2px;color:#d391ff}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:55px}.section-head>p{max-width:350px;margin:0}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-card{position:relative;min-height:300px;padding:26px;border:1px solid rgba(166,84,255,.14);background:linear-gradient(145deg,rgba(28,9,49,.68),rgba(12,4,22,.78));overflow:hidden;transition:.3s}
.benefit-card:before{content:"";position:absolute;width:150px;height:150px;right:-70px;top:-70px;background:radial-gradient(circle,rgba(155,52,255,.20),transparent 65%)}.benefit-card:hover{transform:translateY(-7px);border-color:rgba(189,93,255,.38);box-shadow:0 20px 55px rgba(105,27,180,.12)}
.icon{font:700 32px Montserrat;color:#ca6fff}.num{position:absolute;right:22px;top:25px;font:700 10px Montserrat;color:#6e607b}.benefit-card h3{font:800 18px Montserrat;margin-top:70px}.benefit-card p{color:#8f879a;font-size:13px;line-height:1.7}
.pricing{position:relative}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{position:relative;padding:30px;border:1px solid rgba(167,79,255,.16);background:linear-gradient(155deg,rgba(28,9,50,.70),rgba(10,3,18,.86));min-height:470px;display:flex;flex-direction:column}
.price-card.featured{border-color:#9c4cff;box-shadow:0 0 65px rgba(135,42,255,.16);transform:translateY(-12px)}.popular{position:absolute;top:0;right:0;background:#9d43ff;padding:8px 13px;font:800 8px Montserrat;letter-spacing:1px}.price-top{display:flex;justify-content:space-between;color:#796b88;font:800 10px Montserrat;letter-spacing:2px}
.price-card h3{font:800 27px Montserrat;margin:50px 0 0}.price{display:flex;align-items:flex-start;margin:8px 0}.price b{font:900 66px Montserrat;letter-spacing:-4px}.price small{font:800 18px Montserrat;color:#b66cff;margin:12px 0 0 6px}.price-card>p{font-size:12px;color:#80768c;margin:0 0 24px}.price-card ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:11px;color:#b6adbf;font-size:12px}.price-card li:before{content:"✓";color:#b55cff;font-weight:900;margin-right:9px}.price-btn{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(180,93,255,.30);padding:14px;border-radius:10px;background:rgba(130,44,255,.07);font-size:12px;font-weight:900}.price-btn:hover{background:rgba(148,53,255,.13)}
.trial-cta{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 22px;border:1px solid rgba(176,86,255,.22);border-radius:16px;background:linear-gradient(100deg,rgba(92,27,161,.18),rgba(25,7,45,.34));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);transition:transform .25s ease,border-color .25s ease,background .25s ease}.trial-cta:hover{transform:translateY(-2px);border-color:rgba(194,107,255,.42);background:linear-gradient(100deg,rgba(104,30,183,.25),rgba(25,7,45,.42))}.trial-copy{display:flex;flex-direction:column;gap:5px}.trial-copy strong{font:800 16px Manrope,Arial,sans-serif;color:#fff}.trial-copy small{font:500 12px Manrope,Arial,sans-serif;color:#92879f}.trial-action{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;background:rgba(161,65,255,.13);border:1px solid rgba(190,103,255,.28);color:#d890ff;font:800 12px Manrope,Arial,sans-serif;white-space:nowrap}.trial-action b{font-size:14px}@media(max-width:600px){.trial-cta{align-items:flex-start;flex-direction:column;padding:17px}.trial-action{width:100%;justify-content:space-between}}
.devices{padding-top:30px}.device-panel{position:relative;padding:65px;border:1px solid rgba(170,85,255,.17);background:radial-gradient(circle at 10% 10%,rgba(146,44,255,.12),transparent 35%),linear-gradient(120deg,rgba(28,9,48,.80),rgba(10,3,18,.90));display:grid;grid-template-columns:1fr 1fr;gap:60px;overflow:hidden}
.device-panel:after{content:"U";position:absolute;right:-60px;bottom:-180px;font:900 400px Montserrat;color:rgba(144,54,255,.025)}.device-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.device-list div{border:1px solid rgba(161,78,255,.13);padding:18px;background:rgba(255,255,255,.012);font-size:20px;color:#bd67ff}.device-list b{display:block;color:#eee7f4;font-size:13px;margin-top:12px}.device-list small{display:block;color:#766d80;font-size:10px;margin-top:5px}
.faq{padding-bottom:150px}.faq-layout{align-items:start}.faq-list{border-top:1px solid #291636}.faq-list details{border-bottom:1px solid #291636;padding:21px 0}.faq-list summary{list-style:none;cursor:pointer;font:700 15px Montserrat}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:#c267ff;font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:14px 30px 0 0;font-size:13px;line-height:1.7;color:#8f8698}

@media(max-width:900px){.nav-links{display:none}.hero{min-height:850px;padding-top:145px}.hero-content{width:70%}.hero-character{right:-23%;opacity:.75;width:70vw}.benefit-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.section-head{display:block}.section-head>p{margin-top:20px}.intro-layout,.faq-layout,.device-panel{grid-template-columns:1fr;gap:45px}.visual-frame img{height:430px}.device-panel{padding:45px 30px}.final-character{right:-140px;opacity:.45}.footer{flex-wrap:wrap}}
@media(max-width:600px){.nav{padding:0 16px}.nav-cta{padding:9px 12px;font-size:10px}.hero{min-height:820px;padding:125px 20px 80px}.hero-content{width:100%;position:relative;z-index:5}.hero h1{font-size:51px;letter-spacing:-2.8px}.hero-sub{font-size:14px;max-width:360px}.hero-character{right:-47%;width:105vw;opacity:.52}

/* v3 — cleaner visual direction based on supplied ULTRA assets */
body{
  background:
    radial-gradient(900px 600px at 78% 12%,rgba(116,47,255,.10),transparent 68%),
    linear-gradient(180deg,#07030f 0%,#090412 48%,#07030e 100%);
}
body:before{opacity:.18;background-size:150px 150px;mask-image:linear-gradient(to bottom,black,transparent 70%);}
.hero{
  background-image:
    linear-gradient(90deg,rgba(7,3,15,.94) 0%,rgba(7,3,15,.76) 42%,rgba(7,3,15,.30) 68%,rgba(7,3,15,.55) 100%),
    url('assets/site-background.jpg');
  background-size:cover;
  background-position:center;
}
.hero-grid{opacity:.10}
.hero:after{height:190px;background:linear-gradient(transparent,#08040f)}
.hero h1,.intro h2,.section-head h2,.device-panel h2,.faq h2{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-3px}
.hero h1{font-size:clamp(58px,7vw,94px);line-height:.94}
.hero h1 em{font-weight:800}
.brand,.brand b,.price-top,.price-card h3,.price b,.popular,.device-panel h2,.faq-list summary{font-family:Manrope,Arial,sans-serif}
.benefit-card h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.4px}

@media(max-width:600px){.hero{background-position:58% center}.hero h1{letter-spacing:-2px}}

/* v5 — supplied transparent character, clean hero background, no promo banner/scroll cue */
body{background:
  radial-gradient(900px 600px at 78% 18%,rgba(137,57,255,.13),transparent 65%),
  radial-gradient(700px 500px at 20% 65%,rgba(79,28,150,.08),transparent 68%),
  linear-gradient(180deg,#05020b 0%,#090411 52%,#05020a 100%);
}
body:before{display:none}
.hero{
  background-image:
    radial-gradient(700px 500px at 78% 48%,rgba(124,45,255,.12),transparent 68%),
    linear-gradient(90deg,rgba(5,2,11,.98) 0%,rgba(7,3,15,.93) 48%,rgba(8,3,17,.76) 72%,rgba(6,2,13,.92) 100%);
  background-size:cover;
  background-position:center;
}
.hero-grid{display:none!important}
.scroll-cue{display:none!important}
.hero-character{width:min(58vw,720px);right:2%;bottom:-10px;top:auto;height:auto;overflow:visible;display:flex;justify-content:center;align-items:flex-end;z-index:4}
.hero-character img{display:block;width:100%;height:auto;max-height:820px;object-fit:contain;object-position:center bottom;opacity:1;filter:drop-shadow(0 28px 60px rgba(119,45,255,.18));mask-image:linear-gradient(to bottom,black 0%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 88%,transparent 100%)}
.orb-a{width:520px;height:520px;right:50px;bottom:70px;background:radial-gradient(circle,rgba(142,53,255,.18),transparent 68%)}
.orb-b{width:210px;height:210px;right:160px;top:130px;background:radial-gradient(circle,rgba(207,118,255,.13),transparent 68%)}
.intro-layout{grid-template-columns:1.15fr .85fr}
.intro-side{display:flex;justify-content:flex-end;align-items:center}
.intro-side-card{width:min(390px,100%);padding:42px;border:1px solid rgba(173,87,255,.18);border-radius:20px;background:linear-gradient(145deg,rgba(30,10,53,.58),rgba(10,3,18,.72));box-shadow:0 25px 70px rgba(90,28,180,.12)}
.intro-side-card span{display:block;color:#b967ff;font:800 10px Manrope,Arial,sans-serif;letter-spacing:3px;margin-bottom:18px}
.intro-side-card strong{display:block;font:800 34px/1.05 Manrope,Arial,sans-serif;letter-spacing:-1.2px}
.intro-side-card small{display:block;color:#8f879a;font:500 13px/1.7 Manrope,Arial,sans-serif;margin-top:14px}
@media(max-width:900px){.hero-character{right:-18%;width:76vw;opacity:.9}.intro-layout{grid-template-columns:1fr}}
@media(max-width:600px){.hero-character{right:-39%;width:115vw;opacity:.62}.hero{min-height:820px}}