:root {
  --bg: #050505;
  --panel: #0b0b0d;
  --panel-2: #101014;
  --text: #f7f5fa;
  --muted: #98949f;
  --line: rgba(255,255,255,.1);
  --purple: #9550e3;
  --purple-2: #b576ff;
  --max: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: "Figtree", Arial, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
button, [role="button"] { cursor: pointer; }
:focus-visible { outline: 2px solid var(--purple-2); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 1000; left: 18px; top: 12px; background: white; color: #111; padding: 10px 14px; border-radius: 6px; transform: translateY(-160%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
.container { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; }
#starfield { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -2; opacity: .72; pointer-events: none; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 50% 0%, rgba(110,43,177,.07), transparent 30%), linear-gradient(to bottom, transparent 70%, #050505); }

.site-header { position: absolute; z-index: 20; top: 0; left: 50%; transform: translateX(-50%); height: 92px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 12px; font-weight: 700; letter-spacing: .14em; }
.brand-mark { width: 25px; height: 25px; position: relative; display: inline-block; transform: rotate(45deg); }
.brand-mark span { position: absolute; width: 9px; height: 9px; background: var(--purple); border-radius: 2px; }
.brand-mark span:nth-child(1) { left: 0; top: 0; }
.brand-mark span:nth-child(2) { right: 0; top: 0; opacity: .68; }
.brand-mark span:nth-child(3) { right: 0; bottom: 0; opacity: .38; }
.header-cta { font-size: 14px; color: #ddd9e2; display: flex; gap: 8px; align-items: center; transition: color .25s; background: transparent; border: 0; padding: 8px 0; }
.header-cta:hover { color: var(--purple-2); }

.hero { min-height: 920px; height: 100vh; max-height: 1120px; position: relative; display: flex; align-items: center; }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 220px; background: linear-gradient(transparent, var(--bg)); pointer-events: none; }
.hero-copy { position: relative; z-index: 3; width: min(1030px, 100%); margin-top: 72px; }
.dual-pill { display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 13px; overflow: hidden; margin-bottom: 30px; backdrop-filter: blur(12px); }
.dual-pill span { padding: 7px 12px; }
.dual-pill span:first-child { background: linear-gradient(135deg, var(--purple-2), #7833c7); color: white; border-radius: inherit; }
.hero h1 { font-size: clamp(54px, 5.25vw, 80px); line-height: .98; letter-spacing: -.055em; max-width: 1120px; margin: 0 0 20px; font-weight: 600; }
.hero h1 em { font-style: normal; color: #b76cff; text-shadow: 0 0 28px rgba(168,85,247,.25); }
.hero-copy > p { color: #b5b1ba; font-size: clamp(17px, 1.35vw, 21px); line-height: 1.48; max-width: 780px; margin: 0 0 28px; letter-spacing: -.015em; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; background: linear-gradient(135deg, #a660eb, #8540d0); color: white; padding: 15px 20px; border-radius: 6px; font-size: 16px; font-weight: 600; box-shadow: 0 12px 36px rgba(137,59,209,.22), inset 0 1px rgba(255,255,255,.3); transition: transform .25s, box-shadow .25s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 18px 48px rgba(137,59,209,.35), inset 0 1px rgba(255,255,255,.35); }
.button span { font-size: 18px; }
.cta-note { display: block; color: #716d77; font-size: 12px; margin-top: 14px; }
.orb { position: absolute; z-index: 1; width: min(58vw, 760px); aspect-ratio: 1; left: 47%; top: 50%; transform: translate(-25%, -50%); border-radius: 50%; background: radial-gradient(circle at 38% 34%, rgba(100,79,117,.19), transparent 29%), radial-gradient(circle at 46% 48%, #151318 0, #070708 54%, #000 72%); border: 1px solid rgba(255,255,255,.33); box-shadow: inset -60px -40px 90px #000, inset 30px 18px 60px rgba(255,255,255,.05), 0 0 12px rgba(255,255,255,.5), 0 0 34px rgba(255,255,255,.18), 0 0 100px rgba(151,82,230,.12); opacity: .96; }
.orb::before { content: ""; position: absolute; inset: 7%; border-radius: 50%; background: repeating-radial-gradient(ellipse at 35% 48%, transparent 0 10px, rgba(255,255,255,.025) 11px 12px), radial-gradient(ellipse at 31% 38%, rgba(255,255,255,.1), transparent 17%), radial-gradient(ellipse at 66% 56%, rgba(255,255,255,.07), transparent 18%); filter: contrast(1.6); mask-image: radial-gradient(circle, #000 54%, transparent 72%); animation: globeSurface 26s ease-in-out infinite alternate; will-change: transform; }
.orb::after { content: ""; position: absolute; inset: -1px; border-radius: 50%; box-shadow: inset 12px 0 26px rgba(255,255,255,.15), inset -20px 0 26px rgba(149,80,227,.08); }
.orb-grid { position: absolute; inset: 15%; border-radius: 50%; overflow: hidden; opacity: .22; transform: rotate(-13deg); background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 13px 13px; mask-image: radial-gradient(circle, #000, transparent 70%); animation: globeGridDrift 34s linear infinite; will-change: transform, background-position; }
.orbit { position: absolute; inset: 7%; border: 1px solid rgba(176,110,255,.18); border-radius: 50%; transform: rotate(33deg) scaleY(.42); animation: orbitOne 22s linear infinite; will-change: transform; }
.orbit-two { inset: -5%; transform: rotate(-22deg) scaleY(.36); opacity: .5; animation: orbitTwo 31s linear infinite reverse; }
.orb-pin { position: absolute; width: 6px; height: 6px; background: #c792ff; border-radius: 50%; box-shadow: 0 0 12px #b76cff; }
.pin-one { left: 25%; top: 25%; animation: pinPulse 3.1s ease-in-out infinite; }.pin-two { right: 18%; top: 48%; animation: pinPulse 4.2s ease-in-out infinite .8s; }.pin-three { left: 43%; bottom: 16%; animation: pinPulse 3.7s ease-in-out infinite 1.5s; }
@keyframes globeGridDrift { to { transform: rotate(347deg); background-position: 52px 26px; } }
@keyframes globeSurface { from { transform: translateX(-1.5%) scale(1); } to { transform: translateX(1.5%) scale(1.025); } }
@keyframes orbitOne { to { transform: rotate(393deg) scaleY(.42); } }
@keyframes orbitTwo { to { transform: rotate(338deg) scaleY(.36); } }
@keyframes pinPulse { 0%,100% { opacity:.45; transform:scale(.75); } 50% { opacity:1; transform:scale(1.45); box-shadow:0 0 20px #c792ff; } }
.scroll-hint { position: absolute; bottom: 35px; z-index: 4; left: 0; color: #625e67; font-size: 11px; text-transform: uppercase; letter-spacing: .16em; display: flex; gap: 10px; align-items: center; }
.scroll-hint span { width: 1px; height: 28px; background: linear-gradient(var(--purple), transparent); }

.section { padding: 140px 0; position: relative; }
.section-head { text-align: center; max-width: 920px; margin: 0 auto 70px; }
.section-head.compact { max-width: 740px; }
.eyebrow { color: var(--purple-2); font-size: 13px; font-weight: 600; letter-spacing: .02em; display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; }
.eyebrow::before { content: ""; width: 20px; height: 1px; background: var(--purple); }
.section-head h2, .showcase-copy h2, .fit-copy h2 { margin: 0; font-size: clamp(42px, 4.55vw, 68px); letter-spacing: -.052em; line-height: 1.02; font-weight: 600; }
.section-head h2 span, .showcase-copy h2 span, .fit-copy h2 span { color: #77727e; }
.section-head p { color: var(--muted); line-height: 1.55; font-size: 17px; max-width: 620px; margin: 22px auto 0; }

.offer { background: linear-gradient(180deg, #050505, #09070b 54%, #050505); }
.offer-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; align-items: stretch; }
.scope-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.scope-card { min-height: 245px; padding: 28px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, #101014, #09090b); position: relative; overflow: hidden; }
.scope-card::after { content: ""; position: absolute; width: 170px; height: 170px; right: -80px; bottom: -90px; border-radius: 50%; background: rgba(149,80,227,.11); filter: blur(30px); }
.scope-card > span { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid rgba(181,118,255,.3); border-radius: 50%; color: var(--purple-2); font-size: 10px; margin-bottom: 52px; }
.scope-card h3 { font-size: 21px; letter-spacing: -.025em; margin: 0 0 10px; }
.scope-card p { color: var(--muted); font-size: 14px; line-height: 1.55; margin: 0; max-width: 320px; }
.scope-summary { border: 1px solid rgba(181,118,255,.2); border-radius: 14px; padding: 38px; background: radial-gradient(circle at 100% 0, rgba(149,80,227,.2), transparent 38%), #0f0c13; display: flex; flex-direction: column; }
.summary-tag { color: var(--purple-2); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.scope-summary h3 { font-size: 31px; line-height: 1.08; letter-spacing: -.04em; margin: 22px 0 26px; }
.scope-summary ul { list-style: none; padding: 0; margin: 0 0 24px; }
.scope-summary li { color: #c7c2cb; font-size: 14px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.07); display: flex; gap: 10px; }
.scope-summary li i { color: var(--purple-2); font-style: normal; }
.scope-summary > p { color: #827d88; line-height: 1.5; font-size: 12px; margin: auto 0 22px; padding-top: 20px; }
.scope-summary .button { width: 100%; }

.audience { background: linear-gradient(180deg, #050505, #080609 50%, #050505); }
.audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.feature-card { min-height: 490px; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: radial-gradient(circle at 80% 100%, rgba(136,55,209,.12), transparent 34%), linear-gradient(145deg, #101014, #09090b); padding: 36px; }
.feature-large { grid-column: 1/-1; min-height: 600px; display: grid; grid-template-columns: .8fr 1.25fr; align-items: center; }
.card-copy { position: relative; z-index: 3; max-width: 460px; }
.card-index { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(181,118,255,.28); color: var(--purple-2); border-radius: 50%; font-size: 11px; margin-bottom: 60px; }
.card-copy h3 { font-size: 28px; letter-spacing: -.035em; margin: 0 0 12px; font-weight: 600; }
.card-copy p { color: var(--muted); line-height: 1.55; font-size: 15px; margin: 0; }
.store-preview { background: #05080b; color: #fff; border: 1px solid rgba(255,255,255,.16); border-radius: 13px 13px 0 0; height: auto; width: 700px; max-width: 100%; position: absolute; right: -24px; bottom: -28px; transform: rotate(-1deg); transform-origin: 60% 100%; box-shadow: -24px 34px 90px rgba(0,0,0,.58), 0 0 55px rgba(147,78,222,.13); overflow: hidden; transition: transform .5s cubic-bezier(.2,.75,.25,1), box-shadow .5s ease; }
.preview-bar { height: 28px; background: #19171c; display: flex; align-items: center; padding: 0 11px; gap: 5px; color: #85818b; font-size: 8px; }
.preview-bar i { width: 5px; height: 5px; background: #5f5b64; border-radius: 50%; }.preview-bar span { margin-left: 13px; }
.pace-storefront { aspect-ratio: 1400/651; background: #041321; overflow: hidden; }
.pace-storefront img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (hover:hover) { .feature-large:hover .store-preview { transform: translateY(-6px) rotate(-.45deg); box-shadow: -24px 42px 105px rgba(0,0,0,.64), 0 0 65px rgba(147,78,222,.17); } }
.speed-widget, .growth-widget { position: absolute; right: -26px; bottom: -18px; width: 72%; height: 260px; border-radius: 14px 0 0; background: rgba(17,16,21,.94); border: 1px solid rgba(255,255,255,.1); box-shadow: -25px 25px 70px rgba(0,0,0,.5); }
.speed-widget { display: flex; align-items: center; justify-content: center; gap: 35px; }
.speed-ring { width: 145px; aspect-ratio: 1; border-radius: 50%; display: grid; place-content: center; text-align: center; background: radial-gradient(circle at center,#111 61%,transparent 62%), conic-gradient(#9d59e8 0 96%, #28242c 96%); box-shadow: 0 0 36px rgba(157,89,232,.15); }.speed-ring strong { font-size: 38px; }.speed-ring span { display: block; color: var(--muted); font-size: 10px; }.speed-lines { width: 100px; }.speed-lines span { display: block; height: 5px; border-radius: 4px; background: #29262f; margin: 18px 0; }.speed-lines span:nth-child(1){width:100%}.speed-lines span:nth-child(2){width:72%}.speed-lines span:nth-child(3){width:87%;background:#694090}
.growth-widget { padding: 25px 28px 0; }.widget-label { display: flex; justify-content: space-between; font-size: 12px; }.widget-label span{color:#aaa5ae}.widget-label b{color:#ac6cf2;font-weight:500}.growth-widget svg { position: absolute; inset: 80px 0 0; width: 100%; height: 160px; }.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#a35de9;stroke-width:3;filter:drop-shadow(0 0 7px #8d43dc)}
.center-action { text-align: center; margin-top: 36px; }
.section-cta-note { display: block; color: #68636d; font-size: 11px; margin-top: 13px; }

.method { overflow: hidden; }
.method::before { content:""; position:absolute; width:650px; height:650px; border-radius:50%; left:50%; top:43%; transform:translate(-50%,-50%); background:rgba(139,62,211,.1); filter:blur(150px); }
.process-shell { border: 1px solid var(--line); background: #0a090c; border-radius: 17px; overflow: hidden; position: relative; }
.process-rail { height: 86px; display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
.process-tab { border: 0; border-right: 1px solid var(--line); background: transparent; color: #706c75; display: flex; align-items: center; justify-content: center; gap: 12px; cursor: pointer; position: relative; }.process-tab:last-child{border-right:0}.process-tab i{font-style:normal;font-size:10px;border:1px solid #343038;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.process-tab.active{color:white;background:linear-gradient(180deg,rgba(154,80,226,.08),transparent)}.process-tab.active i{color:var(--purple-2);border-color:rgba(181,118,255,.5)}.process-tab.active::after{content:"";position:absolute;height:2px;background:var(--purple);bottom:-1px;left:0;right:0;box-shadow:0 0 14px var(--purple)}
.process-stage { min-height: 620px; display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 40px; padding: 70px; position: relative; }
.process-copy { align-self: center; }.process-kicker{font-size:12px;color:var(--purple-2);text-transform:uppercase;letter-spacing:.12em}.process-copy h3{font-size:36px;line-height:1.08;letter-spacing:-.04em;margin:16px 0}.process-copy p{color:var(--muted);line-height:1.6;margin:0;font-size:16px}.process-copy.swap{animation:copySwap .42s ease}@keyframes copySwap{0%{opacity:0;transform:translateY(9px)}100%{opacity:1;transform:none}}
.process-visual { min-width: 680px; width: 100%; height: 440px; overflow: hidden; border-radius: 14px; background: #000; border: 1px solid rgba(255,255,255,.08); box-shadow: -30px 40px 90px rgba(0,0,0,.48), 0 0 45px rgba(151,79,222,.08); }
.process-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; transform: scale(1.035); }
.dashboard { min-width: 680px; height: 425px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: #f4f3f5; color:#19171c; transform:perspective(1100px) rotateY(-5deg) rotateX(2deg); box-shadow:-35px 45px 100px rgba(0,0,0,.55),0 0 55px rgba(153,82,226,.12); display:flex; overflow:hidden; }
.dash-sidebar{width:62px;background:#161419;padding:16px;display:flex;align-items:center;flex-direction:column;gap:21px}.mini-logo{font-size:8px;color:white;border-bottom:1px solid #7545a1;padding-bottom:14px}.dash-sidebar i{display:block;width:15px;height:15px;border-radius:3px;background:#35313b}.dash-sidebar i.on{background:#8d4bd4;box-shadow:0 0 10px #8d4bd4}.dash-main{padding:25px;flex:1}.dash-top{display:flex;justify-content:space-between;font-weight:600}.dash-top b{font-size:9px;color:#fff;background:#111;padding:6px 9px;border-radius:4px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.dash-stats div{border:1px solid #dedbe0;border-radius:7px;padding:13px}.dash-stats small{color:#89848d;display:block;font-size:8px}.dash-stats strong{font-size:13px}.dash-content{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.dash-chart,.dash-list{border:1px solid #dedbe0;border-radius:7px;height:205px;padding:15px;font-size:9px}.dash-chart svg{width:100%;height:125px;margin-top:15px}.dash-chart path{fill:none;stroke:#9451dd;stroke-width:3}.dash-list p{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e5e2e6;padding:10px 0;margin:0;color:#6d6872}.dash-list i{width:7px;height:7px;border-radius:50%;background:#9c5ae4}

.results { background:linear-gradient(180deg,#050505,#0a070d,#050505); }
.result-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }
.result-card { min-height:420px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(155deg,#111014,#09090b);padding:26px;display:flex;flex-direction:column;position:relative;overflow:hidden; }
.result-card::after{content:"";position:absolute;width:180px;height:180px;background:rgba(151,77,225,.12);filter:blur(70px);top:70px;left:50%;transform:translateX(-50%)}.result-card>span{color:#56515b;font-size:11px}.result-icon{height:180px;display:grid;place-items:center;position:relative;z-index:2}.result-card h3{font-size:21px;letter-spacing:-.025em;margin:0 0 10px}.result-card p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.wireframe-icon{width:130px;margin:auto}.wireframe-icon i{position:absolute;border:1px solid rgba(181,118,255,.65);border-radius:7px}.wireframe-icon i:nth-child(1){width:95px;height:120px;transform:rotate(-9deg)}.wireframe-icon i:nth-child(2){width:82px;height:104px;transform:rotate(8deg)}.wireframe-icon i:nth-child(3){width:55px;height:74px;background:rgba(157,82,226,.1)}.bolt-icon{font-size:115px;color:transparent;-webkit-text-stroke:1px #ad67f2;text-shadow:0 0 25px rgba(167,91,237,.4);font-family:Georgia}.blocks-icon{grid-template-columns:repeat(2,43px);align-content:center;gap:5px}.blocks-icon i{height:43px;border:1px solid #a55de9;border-radius:5px;background:rgba(152,76,222,.08)}.blocks-icon i:nth-child(2),.blocks-icon i:nth-child(3){opacity:.45}.graph-icon{display:flex;align-items:flex-end;justify-content:center;gap:7px}.graph-icon i{width:25px;border:1px solid #a55de9;border-radius:3px 3px 0 0;background:linear-gradient(rgba(160,83,229,.3),transparent)}.graph-icon i:nth-child(1){height:48px}.graph-icon i:nth-child(2){height:87px}.graph-icon i:nth-child(3){height:126px;box-shadow:0 0 20px rgba(166,91,237,.2)}
.result-icon svg{width:66px;height:66px;padding:18px;box-sizing:content-box;fill:none;stroke:#b973f4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;border:1px solid rgba(181,115,244,.24);border-radius:22px;background:linear-gradient(145deg,rgba(169,87,236,.1),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 55px rgba(118,45,181,.18);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.result-icon svg .icon-muted{opacity:.42}
.result-card:hover .result-icon svg{transform:translateY(-4px);border-color:rgba(191,126,250,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 65px rgba(133,54,199,.28)}

.showcase { padding-top:180px;overflow:hidden }.showcase-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.showcase-copy{text-align:left}.showcase-copy p{color:var(--muted);line-height:1.6;font-size:16px;margin:25px 0}.showcase-copy ul{list-style:none;padding:0;margin:30px 0}.showcase-copy li{color:#c4c0c8;margin:14px 0;font-size:14px}.showcase-copy li i{font-style:normal;color:var(--purple-2);margin-right:10px}.text-link{display:inline-flex;gap:8px;color:var(--purple-2);font-weight:600;border-bottom:1px solid rgba(181,118,255,.3);padding-bottom:5px}.device-scene{height:650px;position:relative}.glow-disc{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#1c1423 0,#0b090d 55%,transparent 70%);border:1px solid rgba(255,255,255,.13);box-shadow:0 0 45px rgba(160,80,230,.14);left:50%;top:48%;transform:translate(-50%,-50%)}.phone{position:absolute;width:250px;height:505px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(4deg);border:6px solid #252229;border-radius:32px;background:#eee8df;overflow:hidden;box-shadow:0 40px 80px #000}.phone-top{height:22px;background:#111;position:relative}.phone-top::after{content:"";position:absolute;width:70px;height:13px;border-radius:0 0 10px 10px;background:#111;left:50%;transform:translateX(-50%)}.phone-store{height:310px;color:#fff;padding:65px 22px 20px;background:radial-gradient(circle at 70% 60%,rgba(198,161,133,.75),transparent 23%),linear-gradient(145deg,#8c7468,#302526);display:flex;flex-direction:column;align-items:flex-start}.phone-store small{font-size:7px;letter-spacing:.2em}.phone-store strong{font-family:Georgia;font-size:30px;line-height:.95;margin:10px 0 20px}.phone-store button{border:0;background:white;padding:8px 12px;font-size:7px}.phone-products{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:6px}.phone-products i{height:145px;background:linear-gradient(145deg,#cbbdb1,#88746a)}.edit-panel{position:absolute;width:210px;left:0;top:95px;background:rgba(22,20,25,.95);border:1px solid var(--line);border-radius:10px;padding:17px;box-shadow:0 24px 50px rgba(0,0,0,.45);font-size:10px}.edit-panel b{display:block;font-size:12px;margin-bottom:18px}.edit-panel span{display:block;color:#85808a;margin:12px 0 5px}.edit-panel div{height:55px;background:linear-gradient(145deg,#957b6b,#3a2b2b);border-radius:5px}.edit-panel p{border:1px solid #343039;padding:8px;border-radius:4px;margin:0}.edit-panel button{width:100%;border:0;background:#9550e3;color:white;padding:8px;border-radius:4px;margin-top:13px}.order-toast{position:absolute;right:-20px;bottom:130px;width:225px;background:rgba(19,18,22,.96);border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;align-items:center;gap:11px;box-shadow:0 20px 50px #000}.order-toast>i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(149,80,227,.18);color:#b974fa}.order-toast p{margin:0}.order-toast b,.order-toast span{display:block;font-size:10px}.order-toast span{color:#77727d;margin-top:3px}
.showcase-phone-image{position:absolute;z-index:2;width:295px;height:auto;max-height:610px;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%) rotate(2deg);filter:drop-shadow(0 40px 45px rgba(0,0,0,.8))}
.edit-panel,.order-toast{z-index:3}
.edit-panel .edit-image{overflow:hidden;background:#fff}
.edit-panel .edit-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 31%}

.text-link { border-left: 0; border-right: 0; border-top: 0; background: transparent; }
.fit-panel{border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(143,65,212,.13),transparent 34%),#0a090c;padding:70px}.fit-copy{text-align:center;margin-bottom:65px}.fit-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fit-columns>div{border:1px solid var(--line);border-radius:12px;padding:30px;background:rgba(255,255,255,.018)}.fit-columns h3{font-size:18px;margin:0 0 24px}.fit-columns p{color:#bbb6c0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06);padding:0 0 15px;margin:15px 0;display:flex;gap:11px}.fit-columns p:last-child{border-bottom:0}.fit-columns i{font-style:normal;color:var(--purple-2)}.fit-columns .muted{opacity:.62}

.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:start}.faq .section-head{text-align:left;margin:0;position:sticky;top:80px}.faq .section-head p{margin-left:0}.accordion details{border-top:1px solid var(--line);padding:24px 0}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;font-size:19px;display:flex;justify-content:space-between;gap:20px}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--purple-2);font-size:22px;transition:transform .25s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{color:var(--muted);line-height:1.6;margin:18px 50px 0 0;font-size:15px}

.final-cta{min-height:700px;position:relative;z-index:1;isolation:isolate;overflow:visible;clip-path:inset(-120px 0 0 0);display:flex;align-items:center;text-align:center;background:linear-gradient(180deg,#050505,transparent 18%)}.final-orb{position:absolute;z-index:0;width:min(1100px,110vw);aspect-ratio:1;border-radius:50%;left:50%;top:68%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 43%,#281637,#0a080c 48%,#020202 69%);border:1px solid rgba(255,255,255,.23);box-shadow:0 -4px 30px rgba(177,102,242,.15),inset 0 30px 80px rgba(255,255,255,.04)}.final-orb::before,.final-orb::after{content:"";position:absolute;inset:8%;border:1px solid rgba(173,98,239,.15);border-radius:50%;transform:scaleY(.34) rotate(12deg)}.final-orb::after{transform:scaleY(.26) rotate(-25deg);inset:0}.final-copy{position:relative;z-index:2;max-width:950px}.final-copy h2{font-size:clamp(47px,5vw,76px);line-height:1;letter-spacing:-.055em;margin:0}.final-copy p{max-width:650px;margin:23px auto 30px;color:#aaa5af;font-size:17px;line-height:1.55}.button-light{background:white;color:#17131a;box-shadow:0 15px 50px rgba(0,0,0,.35)}.final-copy small{display:block;color:#736e77;margin-top:16px}
.lead-modal { width: min(760px, calc(100% - 32px)); max-height: min(880px, calc(100vh - 32px)); padding: 0; color: var(--text); background: #0b0a0d; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; box-shadow: 0 40px 120px rgba(0,0,0,.75), 0 0 80px rgba(149,80,227,.12); overflow: auto; }
.modal-open { overflow: hidden; }
.lead-modal::backdrop { background: rgba(0,0,0,.78); backdrop-filter: blur(9px); }
.lead-modal[open] { animation: modalIn .28s ease both; }
@keyframes modalIn { from { opacity:0; transform:translateY(14px) scale(.98); } to { opacity:1; transform:none; } }
.lead-modal-shell { position: relative; padding: 34px; }
.modal-close { position: sticky; z-index: 3; top: 0; float: right; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #151218; color: white; font-size: 25px; line-height: 1; }
.modal-intro { padding: 12px 56px 25px 4px; }
.modal-intro h2 { font-size: 38px; letter-spacing: -.04em; line-height: 1.04; margin: 0; }
.modal-intro p { color: var(--muted); font-size: 14px; line-height: 1.55; max-width: 560px; margin: 14px 0 0; }
.form-frame { min-height: 610px; border-radius: 12px; overflow: hidden; background: white; }
.form-frame iframe { display: block; background: white; }
.mobile-cta { display: none; }
.hero-inactive .orb::before,.hero-inactive .orb-grid,.hero-inactive .orbit,.hero-inactive .orb-pin { animation-play-state: paused; }
footer{border-top:1px solid var(--line);background:#050505}.footer-inner{min-height:0;padding:24px 0 12px;display:grid;grid-template-columns:1fr 1.4fr auto auto;align-items:center;gap:35px}.footer-inner p,.footer-inner small{color:#6f6a73;font-size:12px}.footer-inner div{display:flex;gap:22px;font-size:12px}.footer-inner div a:hover{color:var(--purple-2)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}

@media (max-width: 980px){
  .hero{min-height:800px}.hero h1{font-size:58px}.orb{width:700px;left:47%;opacity:.7}.offer-layout{grid-template-columns:1fr}.feature-large{grid-template-columns:1fr;align-items:start}.feature-large .card-copy{max-width:420px}.store-preview{width:58%;height:365px}.process-stage{grid-template-columns:1fr;padding:55px}.process-copy{max-width:600px}.process-visual,.dashboard{min-width:0;width:100%}.result-grid{grid-template-columns:1fr 1fr}.showcase-grid{grid-template-columns:1fr;gap:40px}.showcase-copy{max-width:720px}.device-scene{max-width:700px;width:100%;margin:auto}.faq-layout{grid-template-columns:1fr;gap:55px}.faq .section-head{position:static;max-width:740px}.footer-inner{grid-template-columns:1fr auto;gap:12px;padding:20px 0 14px}.footer-inner p{grid-column:1/-1;grid-row:2}.footer-inner small{text-align:right}
}

@media (max-width: 700px){
  body{padding-bottom:76px}.container{width:min(calc(100% - 32px),var(--max))}.site-header{height:74px}.header-cta{font-size:12px}.brand{font-size:10px}.hero{height:auto;min-height:810px;max-height:none;padding:150px 0 110px;align-items:flex-end}.hero-copy{margin:0}.dual-pill{font-size:10px;margin-bottom:22px}.dual-pill span{padding:6px 9px}.hero h1{font-size:clamp(42px,12.5vw,60px);line-height:1.01}.hero-copy>p{font-size:16px;max-width:95%}.hero-copy>.button{width:100%;max-width:360px}.cta-note{max-width:340px;line-height:1.4}.button{font-size:14px;padding:14px 16px}.orb{width:540px;left:38%;top:40%;transform:translate(-28%,-50%);opacity:.55}.scroll-hint{display:none}.section{padding:90px 0}.section-head{margin-bottom:45px}.section-head h2,.showcase-copy h2,.fit-copy h2{font-size:41px}.section-head p{font-size:15px}.scope-grid{grid-template-columns:1fr}.scope-card{min-height:215px;padding:24px}.scope-card>span{margin-bottom:36px}.scope-summary{padding:28px 22px}.scope-summary h3{font-size:28px}.audience-grid{grid-template-columns:1fr}.feature-large{grid-column:auto;min-height:570px}.feature-card{min-height:490px;padding:26px}.card-index{margin-bottom:34px}.card-copy h3{font-size:24px}.store-preview{width:92%;height:300px;right:-42px;bottom:-20px}.preview-hero{height:190px;padding:30px}.preview-hero strong{font-size:25px}.product-row i{height:90px}.speed-widget,.growth-widget{width:90%;height:235px}.speed-widget{gap:20px}.speed-ring{width:125px}.process-rail{height:auto;grid-template-columns:1fr 1fr}.process-tab{min-height:58px;gap:8px;justify-content:flex-start;padding:0 14px;border-bottom:1px solid var(--line)}.process-tab i{width:25px;height:25px;flex:0 0 25px}.process-tab span{display:block;font-size:11px}.process-stage{padding:35px 22px;min-height:640px;display:block}.process-copy h3{font-size:29px}.process-visual,.dashboard{height:300px;margin-top:45px;transform:none}.process-visual img{object-position:50% 38%;transform:scale(1.02)}.dash-sidebar{width:45px;padding:10px}.dash-stats{gap:5px;margin:14px 0}.dash-stats div{padding:8px}.dash-content{grid-template-columns:1fr}.dash-chart{height:150px}.dash-list{display:none}.result-grid{grid-template-columns:1fr}.result-card{min-height:380px}.showcase{padding-top:110px}.showcase-copy p{font-size:15px}.device-scene{height:600px}.glow-disc{width:390px;height:390px}.phone{width:220px;height:470px}.edit-panel{width:170px;left:38%;top:60px;transform:translateX(-50%);}.order-toast{width:190px;right:-10px}.fit-panel{padding:45px 20px}.fit-columns{grid-template-columns:1fr}.faq-layout{gap:35px}.accordion summary{font-size:17px}.final-cta{min-height:720px}.final-orb{width:950px;top:62%}.lead-modal{width:calc(100% - 18px);max-height:calc(100vh - 18px);border-radius:14px}.lead-modal-shell{padding:18px}.modal-intro{padding:8px 42px 20px 2px}.modal-intro h2{font-size:29px}.form-frame{min-height:570px}.form-frame iframe{height:570px}.mobile-cta{display:block;position:fixed;z-index:40;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(5,5,5,.96) 26%);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity .25s,transform .25s,visibility .25s}.mobile-cta.is-visible{opacity:1;visibility:visible;transform:none}.mobile-cta .button{width:100%;pointer-events:auto;box-shadow:0 10px 35px rgba(137,59,209,.42)}.footer-inner{grid-template-columns:1fr}.footer-inner small{text-align:left}.footer-inner p{grid-column:auto;grid-row:auto}.footer-inner div{margin:8px 0}
}

@media (min-width:701px) and (max-width:980px){
  .store-preview{width:62%;height:auto;right:-20px;bottom:-26px}
}

@media (max-width:700px){
  .feature-large{min-height:570px}
  .store-preview{width:94%;height:auto;right:-18px;bottom:-18px;transform:rotate(-.7deg);border-radius:10px 10px 0 0}
  .preview-bar{height:24px}
}

@media (max-width:460px){.header-cta{display:none}}

@media (max-width:700px){.showcase-phone-image{width:245px;max-height:535px}.edit-panel{left:-5px;top:95px;transform:none}.order-toast{right:-5px}}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.mobile-cta,.store-preview{transition:none}.feature-large:hover .store-preview{transform:rotate(-1deg)}.lead-modal[open],.orb::before,.orb-grid,.orbit,.orb-pin{animation:none}}