*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}:root{--bg:#101015;--alt:#15151d;--panel:#181821;--field:#121219;--text:#f7f2ea;--muted:#aaa5a0;--line:#2a2932;--accent:#f3eee4;--accentText:#121217;--band:#1d1c26;--shadow:0 18px 50px rgba(0,0,0,.22)}
.header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:5}.brand{font-weight:850;letter-spacing:-.035em;font-size:23px}.nav{display:flex;gap:26px;font-size:14px}.nav a{opacity:.72}.nav a:hover{opacity:1}.tg,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:0;background:var(--accent);color:var(--accentText);font-weight:780;font-size:14px;box-shadow:none;outline:none}.tg{min-height:42px}.btn.secondary{background:#1d1d26;color:var(--text)}
.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(12,12,18,.96),rgba(12,12,18,.72)),url("assets/hero.webp") center/cover}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.05fr .78fr;align-items:center;gap:68px}.kicker,.modal-kicker,.service-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:850;opacity:.62;margin-bottom:17px}.hero h1{font-size:clamp(46px,5.45vw,77px);line-height:.97;letter-spacing:-.058em;margin:0 0 25px;max-width:760px}.hero-copy>p{font-size:19px;max-width:625px;color:#c4bfb9;margin:0 0 31px}.actions{display:flex;gap:10px;flex-wrap:wrap}.leadbox{padding:30px;border-radius:22px;background:rgba(20,20,29,.84);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.lead-badge{font-size:10px;font-weight:850;letter-spacing:.13em;margin-bottom:13px;opacity:.62}.leadbox h3{font-size:27px;line-height:1.05;margin:0 0 11px;letter-spacing:-.035em}.leadbox p{font-size:14px;color:#b5b0aa;margin:0 0 19px}.leadfields{display:grid;gap:8px}.leadfields div{height:50px;padding:0 14px;display:flex;align-items:center;border-radius:8px;background:#111118;color:#817d79;font-size:13px}.leadbox .btn{width:100%;margin-top:11px}.leadbox small{display:block;margin-top:11px;color:#69656a;font-size:10px;text-align:center}
.section{padding:94px 0}.section.alt{background:var(--alt)}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:38px}.section-head h2,.process-copy h2,.story-copy h2,.final-cta h2{font-size:clamp(35px,4vw,55px);letter-spacing:-.046em;line-height:1.01;margin:0}.section-head p{max-width:505px;margin:0;color:var(--muted);font-size:15px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:var(--panel);border-radius:17px;overflow:hidden;min-width:0;transition:transform .18s ease,background .18s ease}.card:hover{transform:translateY(-2px);background:#1c1c25}.product-card img{width:100%;height:132px;object-fit:cover;opacity:.88}.card-body{padding:20px;display:flex;flex-direction:column;min-height:225px}.card h3{font-size:21px;line-height:1.08;letter-spacing:-.03em;margin:0 0 9px}.card p{font-size:13px;line-height:1.48;color:var(--muted);margin:0 0 18px}.card-foot{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:12px}.price{font-weight:850;font-size:17px}.card-link,.text-link{font-size:12px;font-weight:780;opacity:.68}.card-link:hover,.text-link:hover{opacity:1}
.process-section{background:#14141b}.process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;margin-bottom:48px}.process-copy p{font-size:17px;color:var(--muted);max-width:500px;margin:20px 0 25px}.process-image img{width:100%;height:330px;object-fit:cover;border-radius:20px;opacity:.75}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:22px 18px;border-top:1px solid var(--line)}.step b{display:block;font-size:11px;opacity:.4;margin-bottom:20px}.step h3{font-size:19px;margin:0 0 8px}.step p{color:var(--muted);font-size:13px;margin:0}
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.story-image img{width:100%;height:500px;object-fit:cover;border-radius:22px;opacity:.86}.story-copy p{font-size:17px;line-height:1.62;color:var(--muted);margin:18px 0}.story-copy .text-link{display:inline-block;margin-top:9px;font-size:14px}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.review{padding:25px;background:var(--panel);border-radius:16px;min-height:220px}.review-no{font-size:11px;font-weight:850;opacity:.35;margin-bottom:38px}.review h3{font-size:21px;margin:0 0 9px}.review p{font-size:14px;color:var(--muted);margin:0;line-height:1.55}.telegram-band{padding:36px;border-radius:23px;background:var(--band);display:flex;justify-content:space-between;gap:35px;align-items:center}.telegram-band h3{font-size:31px;line-height:1.05;margin:0 0 9px;letter-spacing:-.035em}.telegram-band p{margin:0;color:var(--muted);max-width:630px}.telegram-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.telegram-points span{font-size:11px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.055)}
.final-cta{padding:20px 0 86px}.cta-grid{background:#181821;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr .72fr;align-items:stretch}.cta-grid>div{padding:48px}.cta-grid p{color:var(--muted);max-width:540px;font-size:16px;margin:18px 0 25px}.cta-grid img{width:100%;height:100%;min-height:390px;object-fit:cover;opacity:.78}.footer{padding:38px 0 46px;border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-note{margin-top:7px;color:var(--muted);font-size:12px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.page-hero{padding:80px 0 62px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(43px,5vw,68px);line-height:1;letter-spacing:-.052em;margin:0 0 20px;max-width:950px}.page-hero p{font-size:18px;color:var(--muted);max-width:760px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-rich{background:var(--panel);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:180px 1fr;min-height:245px}.service-rich img{width:100%;height:100%;object-fit:cover;opacity:.8}.service-rich>div{padding:24px}.service-rich h2{font-size:25px;line-height:1.05;margin:0 0 10px}.service-rich p{font-size:13px;color:var(--muted);margin:0 0 20px}.service-rich p strong{color:#d9d4cd}.service-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.service-bottom .btn{min-height:38px;padding:0 14px;font-size:12px}.legal{max-width:820px;padding:70px 0}.legal h1{font-size:44px;letter-spacing:-.04em}.legal h2{margin-top:34px}.legal p,.legal li{color:var(--muted)}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}
.modal:target{display:flex}
.modal-bg{position:absolute;inset:0;background:rgba(3,7,12,.82);backdrop-filter:blur(12px) saturate(.9)}
.modal-card{position:relative;width:min(590px,100%);max-height:calc(100vh - 48px);overflow:auto;color:#f2f0ec;border-radius:18px;padding:34px;background:linear-gradient(180deg,rgba(15,27,40,.985),rgba(8,17,27,.995)),url("assets/about-universe-wide.webp") center/cover no-repeat;box-shadow:0 34px 110px rgba(0,0,0,.62);border:1px solid rgba(210,223,237,.15)}
.modal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 84% 10%,rgba(240,207,187,.12),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.035),transparent 45%)}
.modal-card>*{position:relative;z-index:1}
.modal-close{position:absolute;right:16px;top:14px;z-index:4;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(216,226,237,.15);background:rgba(5,13,22,.48);color:#c7d0d9;font-size:20px;line-height:1;backdrop-filter:blur(7px)}
.modal-kicker{font-size:10px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;color:#a7b3c0;margin-bottom:9px}
.modal-card h2{font-size:38px;line-height:1.02;letter-spacing:-.045em;margin:0 42px 10px 0}
.modal-lead{font-size:16px;color:#b7c1cc;margin:0 0 23px;line-height:1.5}
.modal-list{margin:5px 0 0;border-top:1px solid rgba(210,223,237,.12);border-bottom:1px solid rgba(210,223,237,.12)}
.modal-list>div{padding-top:15px;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#8796a5}
.modal-list p{font-size:14px;line-height:1.56;color:#c8d0d8;margin:6px 0 16px}
.modal-buy{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:23px}
.modal-buy strong{font-size:27px;font-weight:850;letter-spacing:-.025em}
.modal-buy .btn{box-shadow:0 10px 28px rgba(240,205,184,.12)}
.bonus-card{background:linear-gradient(180deg,rgba(18,31,45,.99),rgba(8,17,27,.995)),url("assets/bg-reading-quote.webp") center/cover no-repeat;color:#f2f0ec}
.bonus-card .modal-close{color:#dbe2e9}.bonus-card .modal-lead{color:#b7c1cc}
.bonus-points{margin:22px 0;border-top:1px solid rgba(210,223,237,.12);border-bottom:1px solid rgba(210,223,237,.12)}
.bonus-points div{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(210,223,237,.08)}
.bonus-points div:last-child{border-bottom:0}.bonus-points b{font-size:15px}.bonus-points span{font-size:12px;color:#9ba8b5}
.bonus-card .btn{width:100%}.modal-skip{display:block;text-align:center;margin-top:13px;font-size:12px;color:#96a2af}
.how-list{margin:22px 0;border-top:1px solid rgba(210,223,237,.12);border-bottom:1px solid rgba(210,223,237,.12)}
.how-list div{display:grid;grid-template-columns:135px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(210,223,237,.08)}
.how-list div:last-child{border-bottom:0}.how-list b{font-size:13px;color:#e9ecef}.how-list p{font-size:12px;line-height:1.48;color:#9ba8b5;margin:0}
/* neutral dynamic status shell — visual only, backend hooks come later */
.status-page{background:#f4f6f8;color:#17202a;min-height:100vh}.status-page .header{border-bottom:1px solid #e2e7ec}.status-page .brand{color:#17202a}.status-shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:54px 0 80px}.status-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.status-eyebrow{font-size:11px;font-weight:850;letter-spacing:.14em;color:#718096;text-transform:uppercase;margin-bottom:8px}.status-top h1{font-size:42px;line-height:1.02;letter-spacing:-.045em;margin:0 0 9px}.status-top p{margin:0;color:#667381;font-size:14px}.status-id{font:700 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#687584;background:#fff;border:1px solid #e2e7ec;border-radius:10px;padding:10px 12px;white-space:nowrap}.status-card{background:#fff;border:1px solid #e0e6eb;border-radius:18px;box-shadow:0 18px 55px rgba(20,36,52,.06);overflow:hidden}.status-summary{padding:24px 26px;border-bottom:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between;gap:18px}.status-summary b{font-size:19px}.status-summary span{font-size:13px;color:#72808e}.status-progress{padding:8px 26px 6px}.status-row{position:relative;display:grid;grid-template-columns:44px 1fr auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid #eef1f3}.status-row:last-child{border-bottom:0}.status-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf1f4;color:#8b98a4;font-weight:900;font-size:12px}.status-row h3{font-size:15px;margin:0 0 4px}.status-row p{font-size:12px;color:#7b8894;margin:0}.status-state{font-size:11px;font-weight:800;color:#8b98a4}.status-row.done .status-dot{background:#dff6e8;color:#16824a;box-shadow:0 0 0 6px rgba(38,174,96,.08),0 0 26px rgba(38,174,96,.24)}.status-row.done h3{color:#176a42}.status-row.done .status-state{color:#1c9a58}.status-row.active{background:linear-gradient(90deg,rgba(66,133,244,.045),transparent);margin:0 -26px;padding-left:26px;padding-right:26px}.status-row.active .status-dot{background:#e7efff;color:#315fae;box-shadow:0 0 0 6px rgba(49,95,174,.07)}.status-row.active .status-state{color:#315fae}.status-footer{padding:22px 26px;background:#fbfcfd;border-top:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between;gap:18px}.status-footer p{margin:0;color:#6c7986;font-size:12px;max-width:620px}.status-footer .btn{background:#17202a;color:#fff;opacity:.45;pointer-events:none}.status-preview{margin-top:18px;padding:22px 24px;background:#fff;border:1px solid #e0e6eb;border-radius:16px;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:20px}.status-preview-thumb{height:82px;border-radius:10px;background:linear-gradient(135deg,#15263a,#263e58 60%,#d8b79b);position:relative;overflow:hidden}.status-preview-thumb:after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-22px;top:-24px}.status-preview h3{font-size:16px;margin:0 0 5px}.status-preview p{font-size:12px;color:#788592;margin:0}.status-preview .status-pill{font-size:11px;font-weight:800;color:#8b98a4;background:#f1f4f6;padding:8px 10px;border-radius:999px}
@media(max-width:900px){.nav{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:58px 0 70px;gap:35px}.cards{grid-template-columns:repeat(2,1fr)}.process-grid,.story-grid,.cta-grid{grid-template-columns:1fr}.process-image{order:-1}.process-image img{height:270px}.steps{grid-template-columns:repeat(2,1fr)}.reviews{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}.telegram-band{align-items:flex-start;flex-direction:column}.footer-grid{flex-direction:column}.cta-grid img{min-height:260px}.story-image img{height:360px}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1160px)}.header{height:66px}.brand{font-size:20px}.tg{padding:0 12px;font-size:12px;min-height:38px}.hero-grid{padding:38px 0 52px}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.actions .btn{width:100%}.leadbox{padding:22px}.section{padding:64px 0}.section-head{display:block}.section-head h2,.process-copy h2,.story-copy h2,.final-cta h2{font-size:36px}.section-head p{margin-top:13px}.cards,.steps{grid-template-columns:1fr}.product-card img{height:165px}.card-body{min-height:205px}.process-grid{gap:28px;margin-bottom:25px}.story-grid{gap:30px}.story-image img{height:300px}.telegram-band{padding:25px}.telegram-band .btn{width:100%}.cta-grid>div{padding:30px 24px}.modal{padding:12px}.modal-card{padding:27px 20px;border-radius:17px}.modal-card h2{font-size:32px}.modal-buy{align-items:stretch;flex-direction:column}.modal-buy .btn{width:100%}.bonus-points{grid-template-columns:1fr}.service-rich{grid-template-columns:1fr}.service-rich img{height:190px}.page-hero{padding:48px 0 38px}.footer-links{flex-direction:column}}
/* v7 visual pass: existing assets only */
.process-section{position:relative;background:
linear-gradient(90deg,rgba(14,14,21,.98) 0%,rgba(14,14,21,.93) 48%,rgba(14,14,21,.82) 100%),
url("assets/bg-founder.webp") center/cover no-repeat;background-attachment:scroll}
.process-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,16,21,.08),rgba(16,16,21,.54));pointer-events:none}.process-section>.wrap{position:relative}
.process-image img{height:350px;opacity:.96;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.story-section{position:relative;background:
linear-gradient(90deg,rgba(16,16,21,.90),rgba(16,16,21,.78)),
url("assets/about-universe-wide.webp") center/cover no-repeat}
.story-section .story-grid{position:relative}
.story-image img{opacity:.94;box-shadow:0 24px 65px rgba(0,0,0,.3)}
.reviews-section{position:relative;background:
linear-gradient(90deg,rgba(20,20,29,.97),rgba(20,20,29,.88)),
url("assets/bg-reading-quote.webp") right center/cover no-repeat}
.reviews-section .review{background:rgba(24,24,33,.84);backdrop-filter:blur(6px)}
.telegram-section{background:
linear-gradient(90deg,rgba(16,16,21,.98),rgba(16,16,21,.72)),
url("assets/about-universe-wide.webp") center/cover no-repeat}
.telegram-band{background:rgba(29,28,38,.76);backdrop-filter:blur(8px)}
.final-visual{padding-top:72px;background:
linear-gradient(180deg,rgba(16,16,21,1),rgba(16,16,21,.86)),
url("assets/bg-founder.webp") center/cover no-repeat}
.cta-grid{box-shadow:0 24px 80px rgba(0,0,0,.3)}
@media(max-width:900px){.process-section,.story-section,.reviews-section,.telegram-section,.final-visual{background-attachment:scroll}.process-image img{height:290px}}
@media(max-width:560px){
.modal-card{padding:26px 20px;border-radius:16px}.modal-card h2{font-size:31px}.modal-buy{align-items:stretch;flex-direction:column}.modal-buy .btn{width:100%}
.bonus-points div,.how-list div{grid-template-columns:1fr;gap:5px}.bonus-points div{padding:12px 0}.how-list div{padding:12px 0}
.status-shell{padding:34px 0 60px}.status-top{display:block}.status-top h1{font-size:34px}.status-id{display:inline-block;margin-top:14px}.status-summary{align-items:flex-start;flex-direction:column}.status-row{grid-template-columns:38px 1fr}.status-state{grid-column:2}.status-preview{grid-template-columns:88px 1fr}.status-preview .status-pill{grid-column:1 / -1;justify-self:start}.status-footer{align-items:flex-start;flex-direction:column}.status-footer .btn{width:100%}
}
/* v9: image-led polish, HTML/CSS only */
.modal-card{padding:0;overflow:hidden;background:#0b1520;border:1px solid rgba(218,228,238,.13);box-shadow:0 36px 120px rgba(0,0,0,.7)}
.modal-card:before{display:none}
.modal-card>.modal-visual{position:relative;height:195px;overflow:hidden;background:#101923}
.modal-card>.modal-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,14,.03),rgba(8,17,27,.82))}
.modal-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.02)}
.modal-card>.modal-kicker,.modal-card>h2,.modal-card>.modal-lead,.modal-card>.modal-list,.modal-card>.modal-buy,.modal-card>.bonus-points,.modal-card>.how-list,.modal-card>.btn,.modal-card>.modal-skip{margin-left:30px;margin-right:30px}
.modal-card>.modal-kicker{margin-top:24px}
.modal-card>.modal-buy{margin-bottom:30px}
.modal-card>.btn{width:calc(100% - 60px);margin-bottom:0}
.modal-card>.modal-skip{margin-bottom:24px}
.modal-close{top:15px;right:15px;background:rgba(7,12,18,.66);border-color:rgba(255,255,255,.18);color:#fff}
.modal-card h2{font-size:40px}
.modal-list{background:rgba(255,255,255,.025);border-radius:14px;padding:0 16px;border:1px solid rgba(210,223,237,.09)}
.modal-list>div:first-child{padding-top:16px}
.modal-buy{padding-top:3px}
.modal-buy strong{font-size:30px}
.bonus-card{background:#0b1520}
.bonus-card>.modal-visual{height:220px}
.bonus-points{border:0;background:rgba(255,255,255,.035);border-radius:14px;padding:3px 16px}
.how-list{border:0;background:rgba(255,255,255,.03);border-radius:14px;padding:3px 16px}
.process-image img{content:url("assets/process-new.webp");object-position:center 48%}
.story-image img{content:url("assets/about-new.webp");object-position:center 50%}
.status-page{background:linear-gradient(180deg,#eef2f5 0,#f7f8fa 360px,#f4f6f8 100%)}
.status-hero{position:relative;overflow:hidden;min-height:235px;margin-bottom:30px;border-radius:22px;background:#17202a;box-shadow:0 18px 50px rgba(20,36,52,.08)}
.status-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%}
.status-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,35,.94),rgba(13,24,35,.65) 55%,rgba(13,24,35,.12))}
.status-hero>div{position:relative;z-index:1;padding:42px;max-width:590px;color:#fff}
.status-hero .status-eyebrow{color:#c6d1dc}
.status-hero h2{font-size:34px;line-height:1.04;letter-spacing:-.04em;margin:0 0 12px}
.status-hero p{margin:0;color:#d7dfe6;max-width:510px;font-size:14px}
.status-row.done{background:linear-gradient(90deg,rgba(27,158,88,.055),transparent)}
.status-row.done .status-dot{background:#d9f7e5;box-shadow:0 0 0 7px rgba(34,171,95,.08),0 0 32px rgba(34,171,95,.22)}
.status-row.done .status-state{background:#e6f7ed;border-radius:999px;padding:6px 9px}
.status-row.active .status-state{background:#eaf0ff;border-radius:999px;padding:6px 9px}
.status-preview-thumb{background:url("assets/status-visual.webp") center/cover no-repeat}
.status-preview-thumb:after{background:linear-gradient(135deg,transparent,rgba(255,255,255,.18));border:0;inset:0;width:auto;height:auto;border-radius:0}
@media(max-width:560px){.modal-card>.modal-visual{height:160px}.modal-card>.modal-kicker,.modal-card>h2,.modal-card>.modal-lead,.modal-card>.modal-list,.modal-card>.modal-buy,.modal-card>.bonus-points,.modal-card>.how-list,.modal-card>.btn,.modal-card>.modal-skip{margin-left:20px;margin-right:20px}.modal-card>.btn{width:calc(100% - 40px)}.modal-card h2{font-size:31px}.status-hero{min-height:250px}.status-hero>div{padding:28px 24px}.status-hero h2{font-size:29px}}
/* v10 final polish: reviews + cleaner status */
.reviews-section{background:
linear-gradient(90deg,rgba(13,13,19,.97),rgba(13,13,19,.88)),
url("assets/bg-reading-quote.webp") center/cover no-repeat}
.reviews-ready{gap:18px}
.reviews-ready .review{position:relative;min-height:245px;padding:28px 26px 26px;background:rgba(22,22,30,.82);border:1px solid rgba(255,255,255,.055);box-shadow:0 16px 45px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.reviews-ready .review:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,rgba(238,225,205,.85),rgba(238,225,205,.05));border-radius:2px}
.quote-mark{font-family:Georgia,serif;font-size:54px;line-height:.72;color:#e9d9c2;opacity:.6;margin-bottom:28px}
.review-topic{font-size:10px;font-weight:850;letter-spacing:.14em;color:#8f8b87;margin-bottom:9px}
.reviews-ready .review h3{font-size:22px;margin-bottom:10px}
.reviews-ready .review p{font-size:13px;max-width:310px}
.status-card{box-shadow:0 24px 70px rgba(20,36,52,.075)}
.status-meter{height:4px;background:#edf1f4;overflow:hidden}
.status-meter span{display:block;width:50%;height:100%;background:linear-gradient(90deg,#24a461,#58b981 72%,#7aa2e8)}
.status-row.done{background:linear-gradient(90deg,rgba(27,158,88,.085),rgba(27,158,88,.018) 70%,transparent)}
.status-row.done .status-dot{box-shadow:0 0 0 7px rgba(34,171,95,.10),0 0 38px rgba(34,171,95,.28)}
.status-row.done h3{color:#14663f}
.status-footer{background:#f9fbfa}
@media(max-width:560px){.reviews-ready .review{min-height:0}.quote-mark{margin-bottom:18px}.status-meter{margin-bottom:0}}
/* v11: believable review layout + cleaner bottom */
.reviews-section{
background:
linear-gradient(90deg,rgba(11,11,17,.965),rgba(11,11,17,.84)),
url("assets/bg-reading-quote.webp") center/cover no-repeat;
}
.reviews-ready{gap:18px}
.reviews-ready .review{
min-height:0;
padding:24px;
background:rgba(17,17,25,.82);
border:1px solid rgba(255,255,255,.065);
border-radius:18px;
box-shadow:0 18px 55px rgba(0,0,0,.2);
backdrop-filter:blur(9px);
}
.reviews-ready .review:before{display:none}
.review-person{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.review-person img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.16);box-shadow:0 7px 24px rgba(0,0,0,.28)}
.review-person b{display:block;font-size:14px;margin-bottom:4px;color:#f4f2ee}
.review-person span{display:block;font-size:10px;line-height:1.35;color:#8f969f;letter-spacing:.02em}
.reviews-ready .review-text{font-size:14px;line-height:1.62;color:#d4d1cb;max-width:none;margin:0}
.telegram-section{
position:relative;
padding-top:78px;
padding-bottom:88px;
background:
linear-gradient(90deg,rgba(9,10,16,.94),rgba(9,10,16,.62)),
url("assets/cta-clean.webp") center 48%/cover no-repeat;
}
.telegram-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,17,.08),rgba(11,11,17,.35));pointer-events:none}
.telegram-section .wrap{position:relative}
.telegram-band{
padding:8px 0;
border-radius:0;
background:transparent;
backdrop-filter:none;
border:0;
}
.telegram-band h3{font-size:clamp(30px,3.2vw,46px);max-width:620px}
.telegram-band p{color:#c4c1bd}
.telegram-points span{background:rgba(8,8,12,.44);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(4px)}
.telegram-band .btn{box-shadow:0 12px 34px rgba(0,0,0,.22)}
.footer{background:#0b0b10;border-top:1px solid rgba(255,255,255,.06)}
/* status page: less grey, clearer sense of progress */
.status-page{background:#f8fafb}
.status-shell{padding-top:42px}
.status-hero{box-shadow:0 24px 70px rgba(12,30,48,.12)}
.status-card{border-color:#e7ecef;box-shadow:0 24px 75px rgba(20,36,52,.08)}
.status-row.done{background:linear-gradient(90deg,rgba(28,169,93,.105),rgba(28,169,93,.025) 72%,transparent)}
.status-row.done .status-dot{background:#dff8e9;color:#137747;box-shadow:0 0 0 7px rgba(34,171,95,.10),0 0 34px rgba(34,171,95,.24)}
.status-row.active{background:linear-gradient(90deg,rgba(56,105,196,.065),transparent)}
.status-meter{height:5px}
@media(max-width:560px){
.review-person img{width:44px;height:44px}
.reviews-ready .review{padding:22px 20px}
.telegram-section{padding-top:62px;padding-bottom:66px;background-position:58% center}
.telegram-band{padding:0}
}
/* v13 approved micro-fixes only */
.services-page-hero{
background:
linear-gradient(90deg,rgba(12,12,18,.94),rgba(12,12,18,.62)),
url("assets/process-horizon.webp") center 54%/cover no-repeat;
}
.about-page-hero{
background:
linear-gradient(90deg,rgba(12,12,18,.94),rgba(12,12,18,.58)),
url("assets/about-universe-wide.webp") center/cover no-repeat;
}
.process-section{
background:
linear-gradient(90deg,rgba(14,14,21,.96) 0%,rgba(14,14,21,.90) 48%,rgba(14,14,21,.72) 100%),
url("assets/process-horizon.webp") center/cover no-repeat;
}
.reviews-section{
background:
linear-gradient(90deg,rgba(11,11,17,.965),rgba(11,11,17,.86)),
url("assets/about-universe-wide.webp") center/cover no-repeat;
}
.status-row.done{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}
#how-modal .how-list{margin-bottom:16px}
#how-modal .modal-card>.btn{margin-top:0;margin-bottom:24px}
@media(max-width:560px){
.services-page-hero,.about-page-hero{background-position:center}
}
/* AstroSpace visual reskin only. Layout intentionally untouched. */
:root{--bg:#f4ead9;--alt:#efe1cb;--panel:#fff8eb;--field:#f1e5d2;--text:#183a2a;--muted:#746b5d;--line:#d9c29b;--accent:#174b35;--accentText:#fff8e9;--band:#e7d3b0;--shadow:0 18px 50px rgba(83,55,20,.16)}
body{background:var(--bg);color:var(--text)}
.hero{background:linear-gradient(90deg,rgba(247,236,217,.96),rgba(247,236,217,.70)),url("assets/hero.webp") center/cover}.hero-copy>p{color:#675f53}.btn.secondary{background:#d8c29c;color:#183a2a}.leadbox{background:rgba(255,248,235,.90);border:1px solid rgba(125,91,38,.18)}.leadbox p{color:#746b5d}.leadfields div{background:#f0e3cf;color:#8a7a66}.card{background:#fff8eb;border:1px solid rgba(123,89,36,.12)}.card:hover{background:#fffaf0}.product-card img{opacity:1}.process-section{background:linear-gradient(90deg,rgba(31,68,48,.95),rgba(31,68,48,.75)),url("assets/process-horizon.webp") center/cover no-repeat;color:#fffaf0}.process-section .step p,.process-section .process-copy p{color:#e6dac7}.story-section{background:#f7eedf}.story-image img{opacity:1}.reviews-section{background:linear-gradient(90deg,rgba(25,59,42,.95),rgba(25,59,42,.78)),url("assets/about-universe-wide.webp") center/cover no-repeat}.reviews-ready .review{background:rgba(255,248,235,.94);border-color:rgba(233,199,130,.35)}.review-person b,.reviews-ready .review-text{color:#183a2a}.review-person span{color:#7b6b56}.telegram-section{background:linear-gradient(90deg,rgba(25,59,42,.94),rgba(25,59,42,.65)),url("assets/cta-clean.webp") center/cover no-repeat}.telegram-band p{color:#e6dac7}.telegram-points span{background:rgba(255,248,235,.14);border-color:rgba(255,255,255,.18)}.footer{background:#173c2b;color:#f8eddc;border-top-color:#315d48}.footer-note,.footer-links{color:#d7c8b4}.page-hero{background:#efe1cb}.services-page-hero,.about-page-hero{background:linear-gradient(90deg,rgba(25,59,42,.94),rgba(25,59,42,.64)),url("assets/process-horizon.webp") center/cover no-repeat;color:#fff}.service-rich{background:#fff8eb;border:1px solid rgba(123,89,36,.12)}.service-rich p strong{color:#385441}.legal p,.legal li{color:#746b5d}.modal-card{background:#fff8eb;color:#183a2a;border-color:#d8c39d}.modal-card>.modal-visual:after{background:linear-gradient(180deg,rgba(255,248,235,.02),rgba(24,58,42,.25))}.modal-close{background:rgba(24,58,42,.78);color:#fff}.modal-kicker{color:#866f4f}.modal-lead,.modal-list p{color:#675f53}.modal-list{background:#f6ead7;border-color:#ddc69f}.modal-list>div{color:#8a7454}.bonus-card{background:#fff8eb;color:#183a2a}.bonus-points,.how-list{background:#f6ead7}.bonus-points span{color:#736652}.status-hero:after{background:linear-gradient(90deg,rgba(24,58,42,.94),rgba(24,58,42,.55),rgba(24,58,42,.08))}
/* AstroSpace review corrections: visual-only overrides */
.process-section{
background:#1f4430 !important;
color:#fffaf0;
}
.process-section .process-copy .kicker,
.process-section .process-copy h2,
.process-section .step h3{
color:#fffaf0;
}
.process-section .step p,
.process-section .process-copy p{
color:#eadfce;
}
.reviews-section{
background:#1f4430 !important;
}
.reviews-section .section-head .kicker,
.reviews-section .section-head h2{
color:#fff !important;
opacity:1;
}
.reviews-ready .review{
background:#fff8eb;
}
.review-person img{
opacity:1 !important;
filter:none !important;
background:#eadfce;
}
.telegram-section{
background:url("assets/cta-clean.webp") center 48%/cover no-repeat !important;
}
.telegram-section:before{
display:none !important;
}
.telegram-band{
background:transparent !important;
}
.telegram-band .kicker,
.telegram-band h3,
.telegram-band p,
.telegram-band .telegram-points span{
color:#fff !important;
opacity:1;
text-shadow:0 1px 12px rgba(0,0,0,.28);
}
.telegram-points span{
background:rgba(23,60,43,.58) !important;
border-color:rgba(255,255,255,.25) !important;
}
/* FINAL UI FIX */
.leadbox,.hero-card,.lead-card,.hero-form,.lead-form,.hero-lead{
max-width: 520px !important;
width: 100% !important;
}
.leadbox input,.hero-card input,.lead-card input,.hero-form input,.lead-form input,.hero-lead input,
.astro-modal-fields input,.modal-buy input,.modal-content input{
min-height: 48px !important;
height: 48px !important;
font-size: 16px !important;
padding: 12px 14px !important;
border-radius: 8px !important;
}
.leadbox .btn,.hero-card .btn,.lead-card .btn,.hero-form .btn,.lead-form .btn,.hero-lead .btn,
.astro-modal-fields .btn,.modal-buy .btn,.modal-content .btn{
min-height: 48px !important;
font-size: 18px !important;
padding: 12px 18px !important;
}
.astro-modal-fields,.modal-buy,.modal-content{
gap: 12px !important;
}
.astro-modal-fields input,.modal-buy input,.modal-content input{
width: 100% !important;
}
.modal-buy .price,.modal-card .price,.service-modal .price,.modal-content .price{
font-size: 52px !important;
line-height: 1 !important;
font-weight: 800 !important;
display: inline-block !important;
margin-right: 18px !important;
vertical-align: middle !important;
}
.modal-buy .btn,.modal-card .btn,.service-modal .btn,.modal-content .btn{
vertical-align: middle !important;
}
.telegram h2,.telegram .title,.telegram .section-title,.telegram p,.telegram .eyebrow{
color: #fff !important;
text-shadow:
-1px -1px 0 #16643f,
1px -1px 0 #16643f,
-1px 1px 0 #16643f,
1px 1px 0 #16643f,
0 0 14px rgba(0,0,0,.18) !important;
}
/* COPIED MAIN BONUS */
/* ASTROTECH BONUS MODAL SCROLL */
#bonus{
overflow-y:auto!important;
overflow-x:hidden!important;
align-items:flex-start!important;
-webkit-overflow-scrolling:touch;
overscroll-behavior:contain;
padding:24px 16px!important;
}
#bonus .modal-card{
position:relative!important;
margin:12px auto 32px!important;
max-height:none!important;
height:auto!important;
overflow:visible!important;
}
#bonus .bonus-card{
max-height:none!important;
height:auto!important;
overflow:visible!important;
}
#bonus .astro-modal-fields{
display:grid!important;
gap:10px!important;
margin-top:20px!important;
}
#bonus .astro-modal-fields input{
width:100%!important;
box-sizing:border-box!important;
}
#bonus #astro-modal-submit{
width:100%!important;
margin-top:12px!important;
}
@media (max-height:900px){
#bonus{
padding-top:12px!important;
padding-bottom:24px!important;
}
#bonus .modal-card{
margin-top:0!important;
}
}
/* ASTROTECH BONUS MODAL FORM UI V2 */
#bonus{
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
padding:24px!important;
}
#bonus .modal-card{
width:min(680px,calc(100vw - 32px))!important;
max-height:calc(100vh - 48px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
margin:0 auto!important;
border-radius:18px!important;
box-sizing:border-box!important;
scrollbar-width:thin;
}
/* чуть уменьшаем верхнюю картинку, чтобы форма не улетала вниз */
#bonus .modal-visual{
height:210px!important;
min-height:210px!important;
}
#bonus .modal-visual img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
/* форма реально становится частью содержимого карточки */
#bonus .astro-modal-fields{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
margin:24px 28px 0!important;
padding:20px!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:14px!important;
background:rgba(255,255,255,.035)!important;
box-sizing:border-box!important;
}
#bonus .astro-modal-fields input{
display:block!important;
width:100%!important;
height:52px!important;
margin:0!important;
padding:0 16px!important;
box-sizing:border-box!important;
border:1px solid rgba(255,255,255,.16)!important;
border-radius:10px!important;
background:#172431!important;
color:#f4f4f4!important;
font:500 15px/1 Arial,sans-serif!important;
outline:none!important;
}
#bonus .astro-modal-fields input::placeholder{
color:#b9c2cb!important;
opacity:1!important;
}
#bonus .astro-modal-fields input:focus{
border-color:rgba(255,255,255,.42)!important;
background:#1b2a38!important;
}
#bonus #astro-modal-error{
margin:10px 28px 0!important;
color:#f0b7b7!important;
}
/* кнопки */
#bonus #astro-modal-submit,
#bonus .modal-skip{
box-sizing:border-box!important;
min-height:50px!important;
border-radius:12px!important;
font:700 15px/1 Arial,sans-serif!important;
text-align:center!important;
text-decoration:none!important;
}
/* главная кнопка */
#bonus #astro-modal-submit{
display:block!important;
width:calc(100% - 56px)!important;
margin:18px 28px 0!important;
border:0!important;
background:#f3eee4!important;
color:#12171c!important;
cursor:pointer!important;
transition:transform .15s ease,opacity .15s ease!important;
}
#bonus #astro-modal-submit:hover{
transform:translateY(-1px)!important;
}
#bonus #astro-modal-submit:disabled{
opacity:.6!important;
cursor:default!important;
transform:none!important;
}
/* вторичная кнопка */
#bonus .modal-skip{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:calc(100% - 56px)!important;
margin:10px 28px 28px!important;
border:1px solid rgba(255,255,255,.15)!important;
background:transparent!important;
color:#bcc6cf!important;
}
#bonus .modal-skip:hover{
background:rgba(255,255,255,.05)!important;
color:#fff!important;
}
@media (max-width:640px){
#bonus{
padding:10px!important;
align-items:flex-start!important;
}
#bonus .modal-card{
width:100%!important;
max-height:calc(100vh - 20px)!important;
}
#bonus .modal-visual{
height:160px!important;
min-height:160px!important;
}
#bonus .astro-modal-fields{
margin:18px 16px 0!important;
padding:14px!important;
}
#bonus #astro-modal-error{
margin-left:16px!important;
margin-right:16px!important;
}
#bonus #astro-modal-submit,
#bonus .modal-skip{
width:calc(100% - 32px)!important;
margin-left:16px!important;
margin-right:16px!important;
}
}
/* BONUS MODAL: visible only when targeted */
#bonus{
display:none!important;
}
#bonus:target{
display:flex!important;
}
/* FINAL SIZE FIX V4 */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(460px,560px)!important;gap:52px!important}
.leadbox{width:100%!important;max-width:560px!important;padding:34px!important}
.leadfields{gap:14px!important}
.leadfields input{min-height:54px!important;height:54px!important;font-size:16px!important;padding:0 16px!important}
.leadbox .btn{min-height:54px!important;font-size:18px!important;width:100%!important}
.modal-card{width:min(980px,calc(100vw - 32px))!important;max-width:980px!important}
.modal-buy{display:grid!important;grid-template-columns:auto minmax(360px,1fr) auto!important;align-items:center!important;gap:20px!important}
.modal-buy strong{font-size:52px!important;line-height:1!important;white-space:nowrap!important}
.astro-modal-fields{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;padding:0!important}
.astro-modal-fields input{height:48px!important;min-height:48px!important;font-size:16px!important}
.modal-buy .astro-modal-submit{min-height:52px!important;padding:0 26px!important;font-size:17px!important;white-space:nowrap!important}
#bonus .modal-card{width:min(760px,calc(100vw - 32px))!important;max-width:760px!important}
#bonus .astro-modal-fields{margin:20px 28px 0!important;padding:18px!important}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr!important;gap:28px!important}.leadbox{max-width:none!important}.modal-buy{grid-template-columns:1fr!important}.modal-buy strong{font-size:42px!important}.modal-buy .astro-modal-submit{width:100%!important}}
/* SPACE GREEN OUTLINE */
.telegram-band h3,.telegram-band p,.telegram-band .kicker,.telegram-points span{color:#fff!important;text-shadow:-1px -1px 0 #17633f,1px -1px 0 #17633f,-1px 1px 0 #17633f,1px 1px 0 #17633f!important}
/* PRODUCT MODAL COMPACT FIX */
.modal{
overflow-y:auto!important;
overflow-x:hidden!important;
align-items:flex-start!important;
padding:20px 14px!important;
-webkit-overflow-scrolling:touch;
}
.modal .modal-card{
width:min(760px,calc(100vw - 28px))!important;
max-width:760px!important;
max-height:calc(100vh - 40px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
margin:0 auto!important;
border-radius:18px!important;
box-sizing:border-box!important;
}
.modal .modal-visual{
height:170px!important;
min-height:170px!important;
}
.modal .modal-visual img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
.modal .modal-card > h2,
.modal .modal-card > .modal-lead,
.modal .modal-card > .modal-kicker,
.modal .modal-list{
margin-left:24px!important;
margin-right:24px!important;
}
.modal .modal-list{
margin-top:16px!important;
}
.modal-buy{
display:grid!important;
grid-template-columns:150px minmax(0,1fr)!important;
grid-template-areas:
"price fields"
"button button"!important;
gap:16px 20px!important;
align-items:start!important;
padding:20px 24px 24px!important;
}
.modal-buy strong{
grid-area:price!important;
font-size:42px!important;
line-height:1!important;
margin:8px 0 0!important;
white-space:nowrap!important;
}
.modal-buy .astro-modal-fields{
grid-area:fields!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
margin:0!important;
padding:0!important;
}
.modal-buy .astro-modal-fields input{
width:100%!important;
height:46px!important;
min-height:46px!important;
font-size:16px!important;
box-sizing:border-box!important;
}
.modal-buy .astro-modal-submit{
grid-area:button!important;
width:100%!important;
min-height:50px!important;
font-size:17px!important;
margin:0!important;
}
@media(max-width:700px){
.modal{
padding:10px!important;
}
.modal .modal-card{
width:100%!important;
max-height:calc(100vh - 20px)!important;
}
.modal .modal-visual{
height:135px!important;
min-height:135px!important;
}
.modal-buy{
grid-template-columns:1fr!important;
grid-template-areas:
"price"
"fields"
"button"!important;
padding:18px!important;
}
.modal-buy strong{
font-size:36px!important;
margin:0!important;
}
}
/* PRODUCT MODAL COMPACT V2 */
.modal:not(#bonus):not(#how-modal){padding:12px!important;align-items:center!important}
.modal:not(#bonus):not(#how-modal) .modal-card{width:min(680px,calc(100vw - 24px))!important;max-width:680px!important;max-height:calc(100vh - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;margin:auto!important}
.modal:not(#bonus):not(#how-modal) .modal-visual{height:120px!important;min-height:120px!important}
.modal:not(#bonus):not(#how-modal) .modal-card>.modal-kicker{margin-top:14px!important;margin-bottom:6px!important}
.modal:not(#bonus):not(#how-modal) .modal-card>h2{font-size:32px!important;line-height:1.05!important;margin-top:0!important;margin-bottom:6px!important}
.modal:not(#bonus):not(#how-modal) .modal-card>.modal-lead{margin-top:0!important;margin-bottom:12px!important}
.modal:not(#bonus):not(#how-modal) .modal-list{margin-top:10px!important;padding:14px!important}
.modal:not(#bonus):not(#how-modal) .modal-list p{margin:5px 0 10px!important}
.modal:not(#bonus):not(#how-modal) .modal-buy{grid-template-columns:120px minmax(0,1fr)!important;grid-template-areas:"price fields" "button button"!important;gap:12px 16px!important;padding:14px 24px 20px!important}
.modal:not(#bonus):not(#how-modal) .modal-buy strong{font-size:38px!important;margin:6px 0 0!important}
.modal:not(#bonus):not(#how-modal) .astro-modal-fields{gap:8px!important}
.modal:not(#bonus):not(#how-modal) .astro-modal-fields input{height:42px!important;min-height:42px!important}
.modal:not(#bonus):not(#how-modal) .astro-modal-submit{min-height:46px!important}
@media(max-width:700px){.modal:not(#bonus):not(#how-modal){padding:6px!important}.modal:not(#bonus):not(#how-modal) .modal-card{width:100%!important;max-height:calc(100vh - 12px)!important}.modal:not(#bonus):not(#how-modal) .modal-visual{height:95px!important;min-height:95px!important}.modal:not(#bonus):not(#how-modal) .modal-buy{grid-template-columns:1fr!important;grid-template-areas:"price" "fields" "button"!important;padding:12px 16px 18px!important}.modal:not(#bonus):not(#how-modal) .modal-buy strong{font-size:34px!important}}