:root{--bg:#080e23;--card:#121b39;--text:#f5f7ff;--muted:#afbcda;--a:#8c74ff;--b:#28d4d3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}header{position:sticky;top:0;z-index:20;background:#0a1026ed;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff19}.nav{display:flex;align-items:center;gap:20px;justify-content:space-between;min-height:80px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;line-height:1.15}.mark{background:linear-gradient(135deg,var(--a),var(--b));padding:12px;border-radius:13px;color:#081028}.brand small{display:block;font-size:10px;color:var(--muted)}nav{display:flex;gap:17px;flex-wrap:wrap}nav a{font-size:13px;color:#d9e1fb}nav a:hover{color:#58e6e0}.actions{display:flex;gap:8px}.btn{display:inline-block;padding:12px 19px;border-radius:11px;font-weight:750;background:linear-gradient(120deg,#7564f9,#2acdd0);color:#fff;border:1px solid #ffffff24;transition:transform .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #6a60ff4a}.btn.outline{background:transparent;border:1px solid #8c93bf}.section{padding:90px 0;scroll-margin-top:85px}.section:nth-of-type(even){background:#0d1530}.grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{color:#52e4d9;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:2px}h1{font-size:clamp(40px,5vw,72px);line-height:1.1;letter-spacing:-2px;margin:16px 0}h2{font-size:clamp(29px,3.5vw,44px);line-height:1.15;margin:14px 0 18px}h3{font-size:21px;margin:12px 0 6px}p{color:var(--muted)}.hero{min-height:680px;background:radial-gradient(circle at 80% 15%,#38277799,transparent 35%),radial-gradient(circle at 20% 90%,#106c7770,transparent 32%)}.visual{width:100%;filter:drop-shadow(0 30px 40px #0006);animation:float 6s ease-in-out infinite}.cta-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px}.pill{display:inline-block;background:#1b2853;padding:8px 14px;border-radius:50px;color:#d9eaff;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.card{background:linear-gradient(145deg,#182247,#101934);padding:26px;border:1px solid #ffffff18;border-radius:20px;transition:transform .2s}.card:hover{transform:translateY(-5px)}.icon{font-size:30px}.mini{max-width:520px}.steps{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}.step{background:#1b2750;color:#fff;border:1px solid #6571b2;border-radius:12px;padding:12px 18px;cursor:pointer}.step.active{background:linear-gradient(120deg,#7763ec,#1a9eaa)}.step-panel{min-height:80px;background:#152045;border-radius:15px;padding:18px}.price{font-size:39px;font-weight:850;color:white}.card.featured{border-color:#39d7d5;box-shadow:0 0 35px #2bc7c725}details{background:#172143;border:1px solid #ffffff1c;border-radius:12px;padding:16px 20px;margin:12px 0}summary{cursor:pointer;font-weight:700}footer{padding:45px 0 20px;border-top:1px solid #ffffff20}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:35px}.copyright{border-top:1px solid #ffffff1a;margin-top:25px;padding-top:20px;font-size:12px;color:#9ca9ce}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.reveal.show{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:960px){.nav{flex-wrap:wrap;padding:12px 0}nav{order:3;width:100%;justify-content:center}.grid2{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.actions .btn{padding:9px 12px;font-size:12px}h1{letter-spacing:-1px}}

/* Responsive navigation enhancement */
.menu-toggle{display:none;border:1px solid #ffffff35;border-radius:12px;background:#1b2853;color:white;font-size:26px;padding:4px 13px;cursor:pointer}
.nav-panel{display:contents}
@media(max-width:960px){
 .nav{flex-wrap:nowrap;min-height:70px;position:relative}
 .menu-toggle{display:block;margin-left:auto}
 .nav-panel{display:flex;position:fixed;top:70px;right:0;width:min(340px,88vw);height:calc(100dvh - 70px);background:#111a37;box-shadow:-15px 15px 45px #0009;z-index:30;flex-direction:column;padding:24px;gap:24px;overflow-y:auto;transform:translateX(110%);visibility:hidden;transition:transform .28s ease,visibility .28s}
 .nav-panel.open{transform:translateX(0);visibility:visible}
 .nav-panel nav{order:0;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}
 .nav-panel nav a{font-size:16px;padding:12px 8px;border-bottom:1px solid #ffffff16}
 .nav-panel .actions{display:flex;flex-direction:column}
 .nav-panel .actions a{text-align:center}
}
@media(prefers-reduced-motion:reduce){.nav-panel{transition:none}}

/* 2026 premium refresh: desktop navigation and accessible mobile drawer */
:root{--bg:#f8f9ff;--card:#fff;--text:#16143c;--muted:#626782;--a:#7047f6;--b:#ec58b8}
body{background:var(--bg);color:var(--text)}p{color:var(--muted)}
header{background:rgba(255,255,255,.95);border-bottom:1px solid #e9e6fa;box-shadow:0 8px 30px #3122780b}
.brand small{color:#74728d}.mark{color:white}nav a{color:#343054}nav a:hover{color:#7145f2}
.btn{background:linear-gradient(120deg,#7047f6,#e44fc1);border:0;box-shadow:0 8px 22px #7047f62b}.btn.outline{color:#6843d9;background:white;border:1px solid #d8d0f6;box-shadow:none}
.hero{background:radial-gradient(ellipse at 82% 25%,#e9d7ff 0,transparent 48%),radial-gradient(ellipse at 12% 90%,#d9f3ff 0,transparent 44%),#fbfaff}
.section:nth-of-type(even){background:#f0efff}.section{position:relative}.section h2{letter-spacing:-1px}.eyebrow{color:#7542e6}.pill{background:#ede6ff;color:#6841d3}
.card{background:#fff;border:1px solid #e9e5fa;box-shadow:0 14px 38px #24125c0d}.card:hover{transform:translateY(-8px);box-shadow:0 22px 48px #6536c21d}
.step{background:#fff;color:#483575;border:1px solid #d9d1fa}.step.active{background:linear-gradient(120deg,#7047f6,#e44fc1);color:white}.step-panel{background:white;box-shadow:0 10px 35px #42207812}.price{color:#6b42ed}.card.featured{border-color:#b698ff;box-shadow:0 12px 40px #8e5cff25}
details{background:#fff;border:1px solid #e5def7}footer{background:#171232;color:#fff}footer p,footer .brand small{color:#b9b4d0}
.nav{flex-wrap:nowrap}.nav-panel{display:flex;align-items:center;gap:18px;min-width:0}.nav-panel nav{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(7px,1vw,16px);width:auto}.nav-panel nav a{white-space:nowrap;font-size:clamp(11px,.95vw,13px)}.nav-panel .actions{display:flex;flex-shrink:0;gap:8px}.nav-panel .actions .btn{white-space:nowrap;padding:10px 13px;font-size:12px}.brand{flex-shrink:0;font-size:14px}
.menu-toggle{display:none!important}
@media(max-width:1100px){.nav{min-height:72px;position:relative;flex-wrap:nowrap}.menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto;width:46px;height:46px;border:1px solid #ddd4fa;background:#f0eaff;color:#673de3;font-size:26px;z-index:61}.nav-panel{display:flex;position:fixed;top:72px;right:0;width:min(390px,92vw);height:calc(100dvh - 72px);height:calc(100vh - 72px);background:#fff;box-shadow:-18px 20px 60px #25134c40;z-index:60;flex-direction:column;align-items:stretch;padding:26px;gap:20px;overflow-y:auto;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .3s ease,visibility .3s}.nav-panel.open{transform:translateX(0);visibility:visible;pointer-events:auto}.nav-panel nav{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}.nav-panel nav a{font-size:16px;padding:13px 6px;border-bottom:1px solid #eee8fa}.nav-panel .actions{display:flex;flex-direction:column}.nav-panel .actions .btn{text-align:center;padding:13px}.grid2{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cards{grid-template-columns:1fr}.brand{font-size:13px}.section{padding:68px 0}.hero{min-height:auto}.visual{max-height:390px}.footer-grid{grid-template-columns:1fr}}
@media(min-width:1101px){.nav-panel{position:static!important;transform:none!important;visibility:visible!important;pointer-events:auto!important;height:auto!important;width:auto!important;background:transparent!important;box-shadow:none!important;padding:0!important;flex-direction:row!important}.menu-toggle{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Fix: prevent continuous movement of all section illustrations */
.visual,.hero .visual{animation:none!important;transform:none!important;}