:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#191936;background:#f8f8ff;font-size:16px;line-height:1.55;--night:#191649;--ink:#1d1b40;--muted:#565572;--lav:#f1edff;--green:#baf588;--line:#deddf0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:3px solid #8a68f2;outline-offset:5px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.07;letter-spacing:-.047em}
h1{font-size:clamp(2.7rem,6.1vw,5.75rem);font-weight:850}
h1 em{font-style:normal;color:var(--green)}
h2{font-size:clamp(2rem,4.3vw,3.85rem);font-weight:800}
h3{font-size:1.48rem}
.wrap{width:min(1160px,calc(100% - 64px));margin:auto}
.skip{position:absolute;left:1rem;top:-5rem;z-index:9;background:#fff;color:#171531;padding:.5rem 1rem}
.skip:focus{top:1rem}
.header,.hero{color:#fff;background:var(--night)}
.header{border-bottom:1px solid #ffffff26}
.navbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:850;text-decoration:none;letter-spacing:-.04em}
.lite{color:#c7b5ff}
.logo{display:inline-grid;place-items:center;width:49px;height:37px;border-radius:10px;background:linear-gradient(145deg,#1769e0,#7048e8);box-shadow:0 5px 14px #15133c38;color:#fff;font:900 19px/1 ui-monospace,monospace;letter-spacing:-.08em;transform:rotate(-3deg)}
.logo.mini{width:38px;height:30px;font-size:15px}
nav{display:flex;gap:26px;color:#e1dafa}
nav a,.footer a{text-decoration:none}
nav a:hover,.footer a:hover{text-decoration:underline}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:.83rem 1.22rem;border-radius:10px;text-decoration:none;font-weight:750;background:#e8ddff;color:#211745;line-height:1.3;transition:transform .16s,filter .16s}
.button:hover{filter:brightness(.94);transform:translateY(-2px)}
.button.small{padding:.55rem .8rem;font-size:.88rem}
.button.green{color:#18321a;background:var(--green)}
.hero{background:radial-gradient(ellipse at 90% 22%,#3f2a83 0%,transparent 56%),var(--night);padding-block:clamp(48px,8vw,114px) clamp(54px,7vw,92px)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(25px,4vw,60px)}
.eyebrow{font-weight:800;font-size:.75rem;letter-spacing:.13em;color:#d4c6ff;margin-bottom:12px}
.eyebrow.ink{color:#5f3da3}
.dot{width:8px;height:8px;background:var(--green);border-radius:50%;display:inline-block;margin-right:7px}
.intro{font-size:clamp(1.05rem,2vw,1.26rem);color:#e6e1f5;max-width:54ch;margin-top:20px}
.actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin:25px 0 12px}
.text-link{color:#eee4ff;text-underline-offset:.22em}
.price-note{color:#ded2ff;font-size:.92rem}
.preview{min-width:0}
.panel{background:#fcfbff;color:var(--ink);border:1px solid #ccc1ed;border-radius:16px;box-shadow:0 20px 55px #0c072c8a;overflow:hidden}
.panel-top{display:flex;align-items:center;gap:9px;padding:12px 14px;background:#fff}
.session-pill{margin-left:auto;font-size:.72rem;border-radius:999px;background:#eee6ff;color:#533a94;padding:4px 9px}
.panel-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:8px 12px;border-block:1px solid var(--line)}
.panel-tabs span{font-weight:650;font-size:.68rem;padding:4px 6px;color:#504475}
.panel-tabs span:first-child{border-radius:6px;background:#ebe4ff}
.panel-body{padding:14px}
.panel-title{display:grid;gap:3px;padding:9px 11px;background:var(--lav);border-radius:8px;margin-bottom:10px}
.panel-title small,.panel-rows small{color:#625982;font-size:.7rem;display:block}
.panel-rows{display:grid;gap:5px}
.panel-rows>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px;display:flex;gap:8px;align-items:center;font-size:.8rem}
.item-icon{display:grid;place-items:center;background:#f2edff;border-radius:7px;width:29px;height:29px;flex-shrink:0;color:#584093;font-weight:800}
.tick{margin-left:auto;padding-inline:4px;color:#207451}
.panel-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:12px;font-size:.72rem;color:#5c5374}
.fake-button{padding:6px 8px;background:#4e3aaa;color:white;border-radius:6px;font-weight:700}
figcaption{font-size:.75rem;text-align:center;color:#d8caff;margin-top:11px}
.section{padding-block:clamp(48px,7vw,86px);scroll-margin-top:12px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:27px}
.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(16px,3vw,29px)}
.number{display:inline-block;color:#6543a9;background:var(--lav);font-size:.85rem;font-weight:850;padding:5px 8px;border-radius:7px;margin-bottom:14px}
.feature-grid p,.price-desc,.questions p,.benefits p:not(.eyebrow){color:var(--muted);margin-top:10px}
.highlights{background:var(--lav)}
.highlights code{overflow-wrap:anywhere;color:#533a94}
.benefits{padding:clamp(40px,6vw,72px) 0;background:#e9f8e2}
.split,.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,6vw,78px);align-items:center}
.inline-link{display:inline-block;color:#46318c;font-weight:750;margin-top:15px;text-underline-offset:.2em}
.offer{padding:clamp(19px,4vw,34px);background:var(--night);color:white;border-radius:18px;box-shadow:0 15px 38px #1d174322}
.offer .regular,.offer .contact{color:#ddd2fa;font-size:.9rem}
.amount{font-size:clamp(3rem,7vw,5.8rem);font-weight:900;letter-spacing:-.065em;line-height:1.15;color:var(--green)}
.amount span{font-size:1rem;letter-spacing:.05em}
.offer .button{margin-top:16px}
.offer .contact{margin-top:9px}
.faq{background:#f0edfb}
.faq .split{align-items:start}
.questions details{border-bottom:1px solid #d8cfea;padding:13px 2px}
summary{cursor:pointer;font-weight:750}
.footer{background:var(--night);color:#eee7ff}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px 22px;padding-block:10px;text-align:right;font-size:.9rem}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.preview{max-width:540px}.feature-grid{grid-template-columns:1fr}.split,.price-grid{gap:20px}.panel{max-width:520px}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}nav{display:none}.navbar{min-height:65px;gap:8px}.brand{font-size:1.2rem}.logo{width:41px;height:33px;font-size:17px}.split,.price-grid{grid-template-columns:1fr}.footer .navbar>a:last-child{font-size:.85rem}.hero{padding-top:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}