:root{--night:#0B0720;--night2:#160F35;--pink:#FF2E63;--violet:#7B2FFF;--cyan:#00D1FF;--sun:#FFC93C;--paper:#F6F3FF;--mute:#A79FCF;
--grad:linear-gradient(120deg,#FF2E63,#7B2FFF 50%,#00D1FF);--hot:linear-gradient(120deg,#FF2E63,#FF8A3C,#FFC93C);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--paper);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.03em;line-height:1.02;margin:0}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.g{background:var(--grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:200% center}}
nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px);background:rgba(11,7,32,.6);border-bottom:1px solid rgba(255,255,255,.06)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}nav img{height:34px}
nav .links a{margin-left:28px;color:var(--mute);font-weight:500;font-size:15px;transition:color .2s}nav .links a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:700;font-size:16px;transition:transform .3s var(--ease),box-shadow .3s}
.btn-hot{background:var(--hot);color:var(--night);box-shadow:0 10px 40px -10px #FF2E63}.btn-hot:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 50px -10px #FF2E63}
.btn-ghost{border:1.5px solid rgba(255,255,255,.2);color:#fff}.btn-ghost:hover{border-color:var(--cyan);box-shadow:0 0 30px -6px var(--cyan)}
.btn .arr{transition:transform .3s}.btn:hover .arr{transform:translateX(4px)}
nav .btn{padding:10px 20px;font-size:14px}
/* hero */
.hero{position:relative;padding:150px 0 90px;overflow:hidden}
.mesh{position:absolute;inset:-20%;z-index:0;filter:blur(90px);opacity:.75}
.blob{position:absolute;border-radius:50%;animation:drift 20s ease-in-out infinite alternate}
.b1{width:620px;height:620px;background:#7B2FFF;left:5%;top:0}.b2{width:520px;height:520px;background:#FF2E63;right:8%;top:10%;animation-delay:-6s}
.b3{width:440px;height:440px;background:#00D1FF;left:35%;top:45%;animation-delay:-12s;opacity:.7}.b4{width:300px;height:300px;background:#FFC93C;right:30%;top:60%;animation-delay:-3s;opacity:.5}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(120px,-60px) scale(1.15)}100%{transform:translate(-80px,80px) scale(.9)}}
.grain{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,transparent 30%,var(--night) 85%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600}
.dot{width:8px;height:8px;border-radius:50%;background:var(--sun);box-shadow:0 0 12px var(--sun);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.3}}
.hero h1{font-size:clamp(46px,7vw,92px);font-weight:800;margin:22px 0}
.hero p.lead{font-size:20px;color:#D9D3F5;max-width:540px}.ctas{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 26px}
.trust{display:flex;gap:22px;flex-wrap:wrap;color:var(--mute);font-size:14px}.trust b{color:#fff}
.phones{position:relative;height:600px}
.phone{position:absolute;width:250px;aspect-ratio:9/19.5;border-radius:42px;padding:9px;background:linear-gradient(160deg,#2a2160,#0e0a24);box-shadow:0 40px 90px -20px rgba(123,47,255,.7),inset 0 0 0 1.5px rgba(255,255,255,.18);animation:float 7s ease-in-out infinite}
.phone video,.phone img{width:100%;height:100%;object-fit:cover;border-radius:34px;display:block;background:#000}
.phone:before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:76px;height:20px;border-radius:20px;background:#000;z-index:2}
.p1{left:40px;top:20px;z-index:2}.p2{left:230px;top:90px;transform:rotate(7deg);animation-delay:-3.5s;width:230px}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -18px}}
.tag{position:absolute;z-index:3;padding:10px 14px;border-radius:14px;background:rgba(22,15,53,.85);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:600;animation:float 6s ease-in-out infinite}
.tag b{font-size:20px;display:block;font-family:'Bricolage Grotesque'}.t1{left:-10px;top:360px;animation-delay:-2s}.t1 b{color:var(--sun)}.t2{right:-10px;top:30px;animation-delay:-4s}.t2 b{color:var(--cyan)}
/* marquee */
.marquee{border-block:1px solid rgba(255,255,255,.08);background:var(--night2);overflow:hidden;padding:18px 0}
.track{display:flex;gap:48px;width:max-content;animation:mq 30s linear infinite;font:800 28px 'Bricolage Grotesque';white-space:nowrap}
.track span:nth-child(3n+1){color:var(--pink)}.track span:nth-child(3n+2){color:var(--cyan)}.track span:nth-child(3n){color:var(--sun)}.track i{color:rgba(255,255,255,.25);font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:110px 0}.eyebrow{font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.sh{font-size:clamp(36px,5vw,60px);font-weight:800;margin:12px 0 18px}.sub{color:var(--mute);font-size:18px;max-width:620px}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:0}
.stat{padding:28px;border-radius:22px;background:var(--night2);border:1px solid rgba(255,255,255,.07)}
.stat b{font:800 52px 'Bricolage Grotesque';display:block;line-height:1}.stat:nth-child(1) b{color:var(--pink)}.stat:nth-child(2) b{color:var(--sun)}.stat:nth-child(3) b{color:var(--cyan)}.stat:nth-child(4) b{color:#B48CFF}
.stat span{color:var(--mute);font-size:14px}
/* samples */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px;max-width:980px}.note{color:var(--mute);font-size:13px;margin:18px 0 0;opacity:.8}
.card{position:relative;border-radius:24px;overflow:hidden;background:var(--night2);transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .4s;will-change:transform}
.card:hover{box-shadow:0 30px 70px -20px var(--glow,#7B2FFF)}
.card:after{content:"";position:absolute;inset:0;border-radius:24px;padding:1.5px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;transition:opacity .3s;pointer-events:none}.card:hover:after{opacity:1}
.card video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#000}
.card .meta{position:absolute;left:0;right:0;bottom:0;padding:50px 16px 16px;background:linear-gradient(transparent,rgba(11,7,32,.95))}
.card .meta b{font-family:'Bricolage Grotesque';font-size:19px;display:block}.card .meta span{font-size:13px;color:var(--mute)}
.chip{position:absolute;top:14px;left:14px;padding:5px 11px;border-radius:999px;background:var(--hot);color:var(--night);font-size:12px;font-weight:700;z-index:2}
/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.step{padding:30px;border-radius:24px;background:linear-gradient(180deg,rgba(123,47,255,.14),rgba(22,15,53,.6));border:1px solid rgba(255,255,255,.08);transition:transform .4s var(--ease),border-color .3s}.step:hover{transform:translateY(-6px);border-color:var(--violet)}
.ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--grad);margin-bottom:20px}.ic svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.step small{color:var(--sun);font-weight:700}.step h3{font-size:24px;margin:6px 0 10px}.step p{color:var(--mute);margin:0;font-size:15px}
/* pricing */
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;align-items:stretch}
.price{position:relative;padding:36px 30px;border-radius:28px;background:var(--night2);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;transition:transform .4s var(--ease)}.price:hover{transform:translateY(-6px)}
.price.hot{background:linear-gradient(var(--night2),var(--night2)) padding-box,var(--grad) border-box;border:2px solid transparent;transform:scale(1.04);box-shadow:0 40px 90px -30px #7B2FFF}.price.hot:hover{transform:scale(1.04) translateY(-6px)}
.badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:999px;background:var(--hot);color:var(--night);font-weight:800;font-size:12px;white-space:nowrap}
.price h3{font-size:22px}.amt{font:800 56px 'Bricolage Grotesque';margin:14px 0 4px}.amt small{font:500 16px Inter;color:var(--mute)}
.price ul{list-style:none;padding:0;margin:18px 0 28px;flex:1}.price li{padding:8px 0 8px 30px;position:relative;color:#DCD6F7;font-size:15px}
.price li:before{content:"";position:absolute;left:0;top:11px;width:18px;height:18px;border-radius:6px;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' stroke='black' stroke-width='3' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;background:var(--cyan)}
.price .btn{justify-content:center}
.pnote{margin:-14px 0 22px;font-size:13px;color:var(--mute)}.perad{text-align:center;margin:30px auto 0;max-width:760px;color:var(--mute);font-size:15px}.guar p.terms{font-size:15px;margin-top:18px;opacity:.9}
.addon{margin-top:26px;padding:22px 28px;border-radius:20px;border:1px dashed rgba(0,209,255,.45);display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;background:rgba(0,209,255,.05)}
/* guarantee */
.guar{position:relative;border-radius:36px;padding:70px 60px;overflow:hidden;background:var(--grad);background-size:200% 200%;animation:gshift 12s ease infinite}
@keyframes gshift{50%{background-position:100% 100%}}
.guar h2{font-size:clamp(34px,4.6vw,58px);font-weight:800;max-width:760px}.guar p{font-size:19px;max-width:620px;color:#fff;opacity:.92}
.seal{position:absolute;right:60px;top:50%;width:170px;height:170px;margin-top:-85px;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* faq */
.faq{max-width:820px;margin:40px auto 0}details{border-bottom:1px solid rgba(255,255,255,.1);padding:22px 0}
summary{cursor:pointer;list-style:none;font:700 21px 'Bricolage Grotesque';display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--pink);font-size:28px;line-height:1;transition:transform .3s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--mute);margin:12px 0 0}
.final{text-align:center}.final .sh{font-size:clamp(42px,6.5vw,84px)}
footer{border-top:1px solid rgba(255,255,255,.08);padding:40px 0;color:var(--mute);font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
/* brief form */
.brief{position:relative}.brief .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.brief aside{position:sticky;top:100px}.brief aside ul{list-style:none;padding:0;margin:26px 0 0}.brief aside li{padding:10px 0 10px 34px;position:relative;color:#DCD6F7}
.brief aside li b{color:#fff}.brief aside li:before{content:"";position:absolute;left:0;top:13px;width:20px;height:20px;border-radius:7px;background:var(--grad)}
.fcard{position:relative;padding:38px;border-radius:30px;background:linear-gradient(var(--night2),var(--night2)) padding-box,var(--grad) border-box;border:1.5px solid transparent;box-shadow:0 40px 100px -40px #7B2FFF}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fgrid .full{grid-column:1/-1}
.fld label,.fld legend{display:block;font-weight:600;font-size:14px;margin-bottom:8px;color:#fff}.fld label i,.fld legend i{font-style:normal;color:var(--pink)}.fld small{color:var(--mute);font-weight:400}
.fld input,.fld textarea,.fld select{width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid rgba(255,255,255,.12);background:rgba(11,7,32,.7);color:#fff;font:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s;outline:none}
.fld input[type=date]{color-scheme:dark}.fld textarea{min-height:92px;resize:vertical}.fld input::placeholder,.fld textarea::placeholder{color:#6f6896}
.fld input:focus,.fld textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,209,255,.15)}
.fld.bad input,.fld.bad textarea{border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,46,99,.15)}.fld .err{display:none;color:var(--pink);font-size:13px;margin-top:6px}.fld.bad .err{display:block}
fieldset.fld{border:0;padding:0;margin:0;min-width:0}
.pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pkgs label,.chips label{margin:0;cursor:pointer}
.pkgs input,.chips input{position:absolute;opacity:0;pointer-events:none}
.pkgs span{display:block;height:100%;padding:12px 10px;border-radius:14px;border:1.5px solid rgba(255,255,255,.12);text-align:center;font-weight:700;font-size:14px;line-height:1.25;transition:all .2s;background:rgba(11,7,32,.6)}
.pkgs span em{display:block;font-style:normal;font-weight:500;font-size:12px;color:var(--mute);margin-top:3px}
.pkgs input:checked+span{border-color:transparent;background:var(--hot);color:var(--night)}.pkgs input:checked+span em{color:var(--night2)}
.pkgs input:focus-visible+span,.chips input:focus-visible+span{box-shadow:0 0 0 3px var(--cyan)}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{display:inline-block;padding:9px 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.14);font-size:14px;font-weight:600;transition:all .2s}
.chips input:checked+span{border-color:var(--cyan);background:rgba(0,209,255,.14);color:#fff;box-shadow:0 0 20px -6px var(--cyan)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.fsub{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}.fsub .btn{border:0;cursor:pointer;font-family:inherit}.fsub .btn[disabled]{opacity:.6;cursor:wait;transform:none}
.fsub p{margin:0;color:var(--mute);font-size:13px;flex:1;min-width:200px}.ferr{display:none;margin-top:16px;padding:12px 16px;border-radius:12px;background:rgba(255,46,99,.12);border:1px solid rgba(255,46,99,.4);font-size:14px}
.spin{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(11,7,32,.3);border-top-color:var(--night);animation:spin .8s linear infinite;display:none}.busy .spin{display:inline-block}.busy .arr{display:none}
.done{display:none;text-align:center;padding:30px 10px}.fcard.ok form{display:none}.fcard.ok .done{display:block;animation:pop .6s var(--ease)}
@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.done .tick{width:84px;height:84px;margin:0 auto 22px;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 20px 60px -15px #7B2FFF}
.done .tick svg{width:40px;height:40px;stroke:#fff;stroke-width:3;fill:none;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .6s .25s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}
.done h3{font-size:34px;margin-bottom:10px}.done p{color:var(--mute);max-width:440px;margin:0 auto 22px}.done .ref{font-size:13px;color:var(--mute)}
.pay[hidden]{display:none!important}
@media(max-width:960px){.brief .wrap{grid-template-columns:1fr}.brief aside{position:static}.pkgs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.fcard{padding:24px 18px}.fgrid{grid-template-columns:1fr}.pkgs{grid-template-columns:repeat(3,1fr);gap:8px}.pkgs span{padding:12px 6px}}
/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.rv.in{opacity:1;transform:none}
@media(max-width:960px){.hero .wrap{grid-template-columns:1fr}.phones{height:520px;max-width:470px;margin:0 auto;width:100%}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(3,1fr);gap:14px}.steps{grid-template-columns:1fr 1fr}.prices{grid-template-columns:1fr}.price.hot{transform:none}nav .links{display:none}.seal{display:none}.guar{padding:44px 28px}}
@media(max-width:520px){.hero{padding-top:110px}.phones{height:470px}.phone{width:200px}.p1{left:0}.p2{left:auto;right:0;width:185px;top:70px}.t1{left:0;top:390px}.t2{right:0;top:0}.steps{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}.card{border-radius:18px}.card:after{border-radius:18px}.card .chip{top:10px;left:10px;font-size:10.5px;padding:4px 9px}.card .meta{padding:40px 10px 10px;padding-right:10px}.card .meta b{font-size:14.5px;line-height:1.2}.card .meta span{font-size:11px;line-height:1.3;display:block;margin-top:2px}.card .snd{width:32px;height:32px;right:8px;top:8px;bottom:auto}.card .snd svg{width:16px;height:16px}.stat b{font-size:40px}section{padding:76px 0}.hero p.lead{font-size:18px}}
.snd{position:absolute;right:14px;bottom:14px;z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(11,7,32,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s,transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.snd:hover{background:rgba(255,46,99,.85);transform:scale(1.06)}.snd:focus-visible{outline:none;box-shadow:0 0 0 3px var(--cyan)}
.snd svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.snd .spk{fill:currentColor}.snd .on{display:none}.snd[aria-pressed=true] .on{display:inline}.snd[aria-pressed=true] .off{display:none}
.snd[aria-pressed=true]{background:var(--pink);border-color:transparent;box-shadow:0 0 22px -4px var(--pink)}
.phone .snd{right:20px;bottom:22px}.card .meta{padding-right:62px}
.snd:before{content:"";position:absolute;inset:-6px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.paylater{display:block;text-align:center;margin-top:12px;color:var(--mute);font-size:14px;text-decoration:underline;text-underline-offset:3px}.paylater:hover{color:#fff}
.flinks{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px}.flinks a:hover{color:#fff}

/* ---- sub pages (2026-10-22) ---- */
body.sub-page{padding-top:68px}
.sub-page section{padding:70px 0}
.art{padding:46px 0 40px}.narrow{max-width:820px}
.art h1{font-size:clamp(36px,5.2vw,58px);font-weight:800;margin:12px 0 10px}
.art h2{font-size:clamp(26px,3.2vw,34px);font-weight:800;margin:46px 0 12px}
.art h3{font-size:21px;font-weight:700;margin:28px 0 8px;letter-spacing:-.01em}
.art p,.art li{color:#D9D3F5;font-size:17.5px;line-height:1.7}.art li{margin:6px 0}
.art a:not(.btn):not(.rel){color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.art strong,.art b{color:#fff}
.crumb{font-size:14px!important;color:var(--mute)!important;margin:0 0 18px}.crumb a{color:var(--mute)!important;text-decoration:none!important}
.byline{font-size:14px!important;color:var(--mute)!important}
.lede{font-size:20px!important;color:#fff!important}
.answer{background:var(--night2);border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--cyan);border-radius:14px;padding:18px 22px;margin:22px 0}
.answer p{margin:0}
.tbl{width:100%;border-collapse:collapse;margin:16px 0;font-size:15.5px}.tbl th,.tbl td{text-align:left;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top;color:#D9D3F5}.tbl th{color:var(--cyan);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.tblw{overflow-x:auto}
.hk{list-style:none;padding:0;margin:12px 0}.hk li{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04);margin:8px 0;border:1px solid rgba(255,255,255,.06)}
.hk li i{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--sun);margin-right:8px;text-transform:uppercase}
.ctabox{margin:50px 0 10px;padding:28px;border-radius:24px;background:linear-gradient(135deg,rgba(255,46,99,.16),rgba(123,47,255,.2),rgba(0,209,255,.12));border:1px solid rgba(255,255,255,.12);display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ctabox b{font-family:'Bricolage Grotesque';font-size:24px;color:#fff}.ctabox p{margin:6px 0 0;font-size:15.5px!important;max-width:440px}
.ctas2{display:flex;gap:12px;flex-wrap:wrap}
.rels{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.rel{display:block;padding:18px;border-radius:16px;background:var(--night2);border:1px solid rgba(255,255,255,.08);transition:border-color .2s}.rel:hover{border-color:var(--cyan)}.rel b{display:block;font-family:'Bricolage Grotesque';font-size:19px;color:#fff}.rel span{font-size:14px;color:var(--mute)}
.ex{display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:start;margin:30px 0;padding:22px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.ex .card{max-width:240px}.ex h3{margin-top:0}
.ex dl{margin:10px 0 0;display:grid;grid-template-columns:110px 1fr;gap:6px 12px;font-size:15.5px}.ex dt{color:var(--mute);font-weight:600}.ex dd{margin:0;color:#D9D3F5}
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.wcap{padding:12px 4px 0}.wcap b{font-family:'Bricolage Grotesque';font-size:18px;display:block}.wcap p b{display:inline;font-family:inherit;font-size:inherit}.wcap p{margin:4px 0;color:#D9D3F5;font-size:14.5px;line-height:1.55}.wcap .hl{color:var(--sun);font-weight:600}
.offer{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:start}
.pbox{background:var(--night2);border-radius:26px;padding:30px;border:1.5px solid rgba(255,46,99,.5);box-shadow:0 30px 80px -30px #FF2E63;position:sticky;top:90px}
.pbox .amt{font:800 54px 'Bricolage Grotesque';margin:8px 0}.pbox .amt small{font:500 16px Inter;color:var(--mute)}
.pbox ul{padding-left:20px;color:#D9D3F5}.pbox .btn{width:100%;justify-content:center;margin-top:14px}
.fine{font-size:13px!important;color:var(--mute)!important}
.foot2{padding:50px 0 30px}.foot2 .wrap{display:block}.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:26px}.fcols b{display:block;color:#fff;margin-bottom:8px}.fcols a{display:block;color:var(--mute);margin:5px 0;font-size:14px}.fcols a:hover{color:#fff}.fcols p{margin:8px 0;font-size:14px}.legal{margin-top:26px;font-size:13px;opacity:.8}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pills span{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07);font-size:13px;font-weight:600}
@media(max-width:860px){.offer{grid-template-columns:1fr}.pbox{position:static}.wgrid{grid-template-columns:repeat(2,1fr)}.fcols{grid-template-columns:1fr 1fr}.ex{grid-template-columns:1fr}.ex .card{max-width:260px;margin:0 auto}.rels{grid-template-columns:1fr}nav .links{display:none}}
@media(max-width:520px){.wgrid{grid-template-columns:1fr}.fcols{grid-template-columns:1fr}.art p,.art li{font-size:16.5px}}
/* ---- answers hubs (2026-10-22 AEO) ---- */
.qblock{scroll-margin-top:90px}
.qa{background:var(--night2);border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--cyan);border-radius:14px;padding:16px 20px;margin:14px 0}
.qsrc{display:block;margin-top:8px;font-size:13.5px;color:var(--mute)}
.toc{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 22px;margin:26px 0}
.toc ol{margin:8px 0 0;padding-left:20px}.toc li{font-size:15.5px!important;margin:4px 0}
.srcs li{font-size:15px!important}
/* ---- one page per question (2026-10-22) ---- */
.also{font-size:14.5px!important;color:var(--mute)!important;margin:-4px 0 18px}
.soft{margin:34px 0 0;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:16px!important}
.qitem{padding:4px 0 6px;border-bottom:1px solid rgba(255,255,255,.07)}.qitem h2{font-size:clamp(20px,2.4vw,24px);margin:26px 0 6px}.qitem h2 a{color:#fff!important;text-decoration:none!important}.qitem h2 a:hover{color:var(--cyan)!important}.qitem p{margin:4px 0 10px;font-size:16px!important}
.qpage .tbl td,.qpage .tbl th{font-size:15px}