:root{
  --bg:#06110e;--bg2:#0a1a15;--green:#62d453;--green2:#2fae4e;
  --text:#f5f8f6;--muted:#aebbb4;--light:#f7faf8;--ink:#102018;
  --line:rgba(255,255,255,.13);--shadow:0 20px 60px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:auto}.narrow{width:min(860px,calc(100% - 36px))}
.header{position:fixed;z-index:30;top:0;left:0;right:0;background:rgba(5,16,13,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;color:white;min-width:max-content}.brand img{width:50px;height:50px;border-radius:12px;object-fit:cover}.brand strong{display:block;font-size:17px;letter-spacing:.7px}.brand small{display:block;color:#9eb0a7;font-size:10px;text-transform:uppercase;letter-spacing:.8px}
.nav-links{display:flex;gap:24px;margin-left:auto}.nav-links a{font-size:14px;color:#d7e1dc}.nav-links a:hover{color:var(--green)}.menu-toggle{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 26px;border-radius:9px;background:linear-gradient(135deg,var(--green),#36b94f);color:#07110e;font-weight:800;box-shadow:0 13px 34px rgba(67,202,75,.24);transition:.2s}
.button:hover{transform:translateY(-2px);filter:brightness(1.05)}.button-small{min-height:44px;padding:0 18px;font-size:14px}.button-ghost{background:transparent;color:white;border:1px solid rgba(255,255,255,.38);box-shadow:none}
.hero{position:relative;min-height:770px;padding:155px 0 80px;background:radial-gradient(circle at 75% 38%,rgba(53,196,74,.19),transparent 26%),linear-gradient(120deg,#050d0b 0%,#07130f 52%,#0a1c15 100%);overflow:hidden;color:white}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,6,.2),rgba(2,8,6,0)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cpath d='M0 70L70 0M35 70L70 35M0 35L35 0' stroke='%23ffffff' stroke-opacity='.025'/%3E%3C/svg%3E")}
.hero-grid{position:absolute;right:-5%;bottom:-25%;width:70%;height:85%;background:radial-gradient(ellipse,rgba(52,216,77,.12),transparent 60%);filter:blur(10px)}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow{color:var(--green);font-weight:900;letter-spacing:1.7px;margin-bottom:15px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.06;margin:0 0 24px;max-width:790px}.hero-lead{font-size:22px;max-width:710px;color:#ecf4ef}.hero-lead strong{display:block;color:var(--green);margin-top:8px}.fineprint{max-width:650px;color:var(--muted);font-size:14px}.hero-actions{display:flex;gap:14px;margin:32px 0 25px}.hero-points{display:flex;gap:24px;flex-wrap:wrap;color:#c9d7cf;font-size:14px}
.hero-visual{position:relative;display:grid;place-items:center;min-height:520px}.hero-visual>img{position:relative;z-index:2;width:min(100%,470px);border-radius:50%;filter:drop-shadow(0 25px 60px rgba(0,0,0,.5))}.logo-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:rgba(52,211,75,.22);filter:blur(65px)}

.section{padding:86px 0}.light{background:white}.tint{background:linear-gradient(180deg,#f4faf5,#eef8f0)}.dark{background:linear-gradient(135deg,#07120f,#0a1c16);color:white}
.section-heading{text-align:center;margin-bottom:44px}.section-heading>span{display:block;width:34px;height:3px;background:var(--green);margin:0 auto 12px}.section-heading h2{font-size:34px;margin:0 0 10px;text-transform:uppercase}.section-heading p{margin:0;color:#65736b}.heading-light p{color:#aebbb4}.align-left{text-align:left}.align-left>span{margin-left:0}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.steps article{position:relative;border:1px solid #dfe9e2;border-radius:12px;padding:24px 18px;background:white;box-shadow:0 8px 24px rgba(20,60,30,.05)}.steps b{position:absolute;top:12px;left:12px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-size:11px}.step-icon,.card-icon{width:58px;height:58px;border:2px solid var(--green);border-radius:50%;display:grid;place-items:center;font-size:26px;color:var(--green);margin:4px 0 18px}.steps h3,.cards h3{font-size:17px;line-height:1.3;margin:0 0 10px}.steps p,.cards p{font-size:14px;color:#66736c;margin:0}.notice{margin-top:22px;padding:18px 24px;border-radius:10px;background:#eaf7eb;border:1px solid #d3ebd5;text-align:center}
.offer-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(100,215,83,.27);border-radius:12px;overflow:hidden}.offer-grid div{min-height:116px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:17px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);font-size:25px}.offer-grid span{font-size:14px;color:#e9f2ed}.center-note{text-align:center;color:#afbeb5;margin:24px 0 0}
.cards.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{padding:28px;border:1px solid #dfe8e2;border-radius:13px}.cards article.featured{background:#eff9f0;border-color:#cfe9d2}.cards .card-icon{margin-top:0}
.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;text-align:center}.benefits article>div{font-size:30px}.benefits h3{font-size:16px}.benefits p{font-size:13px;color:#67766d}
.company-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.company h3{font-size:30px;margin-bottom:5px}.company p,.company li{color:#b8c5be}.company-card{display:grid;gap:12px;padding:30px;border:1px solid rgba(100,215,83,.35);border-radius:14px;background:rgba(255,255,255,.035)}.company-card strong{font-size:25px;color:var(--green)}.company-card a{color:var(--green)}
.faq details{border-bottom:1px solid #dde6e0;padding:20px 5px}.faq summary{cursor:pointer;font-weight:800;font-size:17px}.faq p{color:#607068}
.cta{padding:55px 0;background:linear-gradient(135deg,#143b24,#0b2117);color:white}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:34px;margin:6px 0}.cta p{margin:0;color:#b9c8c0}
.footer{padding:28px 0;background:#040b09;color:#c2cec8}.footer-grid{display:flex;align-items:center;gap:30px}.footer-brand img{width:42px;height:42px}.footer-links{display:flex;gap:20px;margin-left:auto;font-size:13px}.footer-links a:hover{color:var(--green)}.copyright{font-size:13px}
@media(max-width:980px){.nav-links{display:none}.menu-toggle{display:block;margin-left:auto;background:none;border:0;color:white;font-size:26px}.nav-links.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;background:#07120f;padding:22px 28px}.nav>.button-small{display:none}.hero-inner,.company-grid{grid-template-columns:1fr}.hero-visual{min-height:420px}.steps{grid-template-columns:repeat(2,1fr)}.offer-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.hero{padding-top:120px}.hero h1{font-size:39px}.hero-lead{font-size:18px}.hero-actions{flex-direction:column}.hero-points{gap:10px}.hero-visual{min-height:350px}.security-card{position:relative;bottom:auto;margin-top:-25px}.section{padding:65px 0}.section-heading h2{font-size:28px}.steps,.cards.three,.offer-grid,.benefits{grid-template-columns:1fr}.cta-inner,.footer-grid{align-items:flex-start;flex-direction:column}.footer-links{margin:0;flex-direction:column}.cta h2{font-size:28px}}

.button-disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.button-disabled:hover{transform:none;filter:none}
.hero-actions .button{border:0;font-family:inherit;font-size:15px;cursor:pointer}
.application-modal{position:fixed;inset:0;z-index:100;display:none}
.application-modal.open{display:block}.application-backdrop{position:absolute;inset:0;background:rgba(1,8,5,.78);backdrop-filter:blur(8px)}
.application-panel{position:relative;z-index:2;width:min(860px,calc(100% - 24px));max-height:calc(100vh - 30px);overflow:auto;margin:15px auto;padding:34px;background:#f8fbf9;border:1px solid rgba(98,212,83,.35);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.application-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:34px;cursor:pointer;color:#435149}
.application-head span{color:var(--green2);font-weight:900;letter-spacing:1.5px}.application-head h2{margin:5px 0 8px;font-size:31px}.application-head p{margin:0 0 28px;color:#67766e}
.form-step{display:none}.form-step.active{display:block}.form-step h3{font-size:24px;margin:0 0 22px}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scenario-card{position:relative;display:flex;flex-direction:column;gap:8px;min-height:150px;padding:21px;border:1px solid #d9e5dd;border-radius:12px;background:#fff;cursor:pointer}.scenario-card:hover{border-color:#75ce75}.scenario-card:has(input:checked){border-color:var(--green2);box-shadow:0 0 0 2px rgba(47,174,78,.12);background:#f0faf1}.scenario-card input{position:absolute;right:15px;top:15px}.scenario-card strong{padding-right:22px}.scenario-card span{font-size:14px;color:#68766f}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{display:grid;gap:7px}.form-grid label span{font-weight:700;font-size:14px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;padding:13px 14px;border:1px solid #cad8cf;border-radius:9px;background:white;font:inherit}.form-grid input:focus,.form-grid textarea:focus{outline:2px solid rgba(47,174,78,.22);border-color:var(--green2)}
.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.form-actions .button{border:0;cursor:pointer}.form-actions .button-ghost{color:#173421;border-color:#b9c9bf}.consent{display:flex;align-items:flex-start;gap:11px;margin-top:22px;color:#55665c}.consent input{margin-top:5px}.consent a{color:#238a3d;text-decoration:underline}
.form-success{text-align:center;padding:30px 0}.success-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-size:38px;font-weight:900}.form-success h3{font-size:28px;margin:0}.form-success p{color:#607068;max-width:560px;margin:12px auto 25px}
body.modal-open{overflow:hidden}
@media(max-width:760px){.application-panel{padding:24px 18px}.scenario-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}.hero-actions .button{width:100%}}

/* V4 layout and conversion improvements */
.hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:30px}
.hero-copy{margin-left:-22px}
.hero h1{font-size:clamp(40px,4.3vw,62px);max-width:820px;line-height:1.04}
.hero-visual{align-self:start;margin-top:-28px}
.hero-support{display:grid;gap:6px;max-width:720px;margin:20px 0 0;padding:15px 17px;border-left:3px solid var(--green);background:rgba(98,212,83,.07);border-radius:0 10px 10px 0}
.hero-support strong{font-size:17px;color:#f3f8f4}.hero-support span{font-size:14px;color:#b5c3bb}
.hero-actions{flex-wrap:wrap}
.hero-actions .button{min-width:210px}

.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.channel-card{display:flex;flex-direction:column;align-items:flex-start;min-height:330px;padding:28px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.045);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.channel-card h3{font-size:24px;margin:12px 0 8px}
.channel-card p{color:#b9c7bf;margin:0 0 24px}
.channel-card .button{margin-top:auto;width:100%}
.channel-icon{font-size:34px}
.featured-channel{border-color:rgba(98,212,83,.55);background:linear-gradient(180deg,rgba(98,212,83,.10),rgba(255,255,255,.04))}
.store-note{width:100%;margin-top:12px;text-align:center;color:#aebbb4;font-size:13px}

.continuity-box{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:26px;padding:24px;border:1px solid rgba(98,212,83,.3);border-radius:14px;background:rgba(98,212,83,.06)}
.continuity-box strong{font-size:20px}.continuity-box p{max-width:760px;margin:6px 0 0;color:#b9c7bf}.continuity-box .button{flex:0 0 auto}

.sticky-actions{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:10px}
.sticky-action{display:flex;align-items:center;gap:10px;min-width:176px;padding:12px 15px;border:1px solid rgba(98,212,83,.35);border-radius:12px;background:rgba(5,18,13,.93);color:#f3f8f4;box-shadow:0 16px 40px rgba(0,0,0,.34);backdrop-filter:blur(14px);font-weight:800;cursor:pointer}
.sticky-action:hover{transform:translateY(-2px);border-color:var(--green)}
.sticky-action.primary{background:linear-gradient(135deg,#59d44f,#31ad4a);color:#07110e}
.sticky-action.muted{opacity:.55;cursor:not-allowed}
.sticky-icon{font-size:18px}
.footer-apps{display:grid;gap:2px;font-size:12px;color:#aebbb4}.footer-apps strong{color:#e7f0eb;font-size:13px}

@media(max-width:1180px){
  .hero-copy{margin-left:0}
}
@media(max-width:980px){
  .hero-inner{grid-template-columns:1fr}
  .hero-visual{margin-top:0}
  .channel-grid{grid-template-columns:1fr}
  .continuity-box{align-items:flex-start;flex-direction:column}
}
@media(max-width:720px){
  .sticky-actions{right:10px;bottom:10px;left:10px;flex-direction:row}
  .sticky-action{min-width:0;flex:1;justify-content:center;padding:11px 8px}
  .sticky-action span:last-child{display:none}
  .sticky-icon{font-size:21px}
  .hero h1{font-size:38px}
}

/* V5 refinements */
.hero{padding-top:132px}
.hero-copy{margin-left:-34px}
.hero h1{font-size:clamp(38px,3.9vw,56px);line-height:1.03;max-width:760px}
.hero-visual{margin-top:-52px;min-height:560px;align-self:start}
.hero-visual>img{
  width:min(100%,500px);
  height:auto;
  object-fit:contain;
  object-position:center;
  border-radius:0;
  filter:drop-shadow(0 24px 60px rgba(0,0,0,.48));
}
.button-outline{
  background:transparent;
  color:#f5f8f6;
  border:1px solid rgba(98,212,83,.58)!important;
  box-shadow:none;
}
.button-outline:hover{background:rgba(98,212,83,.08);border-color:var(--green)!important}
.button-telegram{
  background:linear-gradient(135deg,#74e65d,#35b94f);
  color:#06110e;
  border:1px solid rgba(159,255,139,.85)!important;
  box-shadow:0 0 0 1px rgba(98,212,83,.2),0 14px 34px rgba(67,202,75,.34),0 0 28px rgba(98,212,83,.28);
}
.button-telegram:hover{box-shadow:0 0 0 1px rgba(98,212,83,.3),0 18px 42px rgba(67,202,75,.42),0 0 38px rgba(98,212,83,.35)}

.premium-icon{
  position:relative;
  width:68px;
  height:68px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 35% 28%,rgba(159,255,139,.26),transparent 40%),
    linear-gradient(145deg,#173f26,#0c2418);
  border:1px solid rgba(111,230,95,.48);
  box-shadow:inset 0 0 20px rgba(98,212,83,.08),0 12px 26px rgba(0,0,0,.22);
}
.premium-icon:after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.08);
}
.premium-icon span{position:relative;z-index:2;display:block}
.icon-web span{
  width:31px;height:22px;border:3px solid #78e765;border-radius:4px;
  box-shadow:0 0 14px rgba(98,212,83,.3)
}
.icon-web span:before{
  content:"";position:absolute;left:10px;bottom:-9px;width:8px;height:7px;
  border-left:3px solid #78e765;border-right:3px solid #78e765
}
.icon-web span:after{
  content:"";position:absolute;left:5px;bottom:-12px;width:21px;height:3px;background:#78e765;border-radius:3px
}
.icon-telegram span{
  width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;
  border-left:31px solid #78e765;transform:rotate(-38deg);filter:drop-shadow(0 0 8px rgba(98,212,83,.32))
}
.icon-telegram span:after{
  content:"";position:absolute;left:-26px;top:-3px;width:17px;height:3px;background:#0f2c1d;
  transform:rotate(21deg);border-radius:3px
}
.icon-app span{
  width:23px;height:38px;border:3px solid #78e765;border-radius:6px;
  box-shadow:0 0 14px rgba(98,212,83,.3)
}
.icon-app span:after{
  content:"";position:absolute;left:7px;bottom:3px;width:5px;height:5px;border-radius:50%;background:#78e765
}

.back-to-top{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:81;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(98,212,83,.52);
  background:rgba(5,18,13,.94);
  color:var(--green);
  font-size:26px;
  font-weight:900;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:.2s;
  box-shadow:0 14px 36px rgba(0,0,0,.34);
  backdrop-filter:blur(12px);
}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--green);color:#06110e;transform:translateY(-2px)}

@media(max-width:1180px){
  .hero-copy{margin-left:0}
}
@media(max-width:980px){
  .hero-visual{margin-top:-20px;min-height:480px}
  .hero-visual>img{width:min(88vw,500px)}
}
@media(max-width:720px){
  .back-to-top{left:10px;bottom:72px;width:44px;height:44px}
  .hero{padding-top:116px}
  .hero h1{font-size:37px}
  .hero-visual{min-height:390px}
}

/* V7: full-width promo line and wider layout */
:root{--site-max:1460px}
.container{width:min(var(--site-max),calc(100% - 48px))}
.narrow{width:min(980px,calc(100% - 48px))}

.top-promo{
  position:relative;
  z-index:40;
  width:100%;
  background:#04100c;
  border-bottom:1px solid rgba(98,212,83,.34);
  color:var(--green);
}
.top-promo-inner{
  width:min(1700px,calc(100% - 32px));
  margin:0 auto;
  padding:12px 0;
  text-align:center;
  font-size:clamp(16px,1.25vw,22px);
  line-height:1.2;
  font-weight:900;
  white-space:nowrap;
}
.header{top:45px}
.hero{padding-top:168px}
.hero-inner{grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr)}
.hero-copy{margin-left:-10px}
.hero h1{max-width:900px}
.hero-lead,.fineprint,.hero-support{max-width:820px}

@media(max-width:1180px){
  .top-promo-inner{white-space:normal}
  .header{top:auto;position:sticky}
  .hero{padding-top:110px}
  .container{width:min(var(--site-max),calc(100% - 28px))}
}
@media(max-width:720px){
  .top-promo-inner{font-size:14px;padding:10px 0}
  .container{width:min(var(--site-max),calc(100% - 20px))}
}

/* V10: hero text and logo raised closer to the header */
.header{
  position:relative;
  top:auto;
  left:auto;
  right:auto;
}
.hero{
  padding-top:72px;
}
.hero-inner{
  align-items:start;
}
.hero-copy{
  padding-top:8px;
}
.hero-visual{
  margin-top:-18px;
  padding-top:0;
}
@media(max-width:1180px){
  .header{position:relative;top:auto}
  .hero{padding-top:62px}
  .hero-copy{padding-top:4px}
  .hero-visual{margin-top:-10px}
}
@media(max-width:720px){
  .hero{padding-top:54px}
  .hero-copy{padding-top:0}
  .hero-visual{margin-top:0}
}

/* V9 */
.benefits article:nth-child(4){
  padding:18px 12px;
  border:1px solid rgba(47,174,78,.20);
  border-radius:12px;
  background:rgba(98,212,83,.055);
}

/* V10 extra fine-tuning */
.hero h1{margin-top:0}
.hero-lead{margin-top:0}

/* V11: safer wording and tighter first screen */
.hero{
  padding-top:54px;
}
.hero-copy{
  padding-top:0;
}
.hero h1{
  margin-bottom:18px;
}
.hero-lead{
  margin-top:0;
  margin-bottom:14px;
}
.hero-support{
  margin-top:14px;
}
.hero-actions{
  margin-top:24px;
}
.hero-visual{
  margin-top:-28px;
}
@media(max-width:1180px){
  .hero{padding-top:48px}
  .hero-visual{margin-top:-18px}
}
@media(max-width:720px){
  .hero{padding-top:42px}
  .hero-visual{margin-top:0}
}

/* V12 production fixes */
.top-promo{display:block!important;width:100%!important}
.top-promo-inner{width:100%!important;max-width:none!important;padding-left:18px!important;padding-right:18px!important}
.container{width:min(1460px,calc(100% - 32px))!important}
.hero-inner{width:100%!important}
.back-to-top{display:grid!important;place-items:center!important}


/* =========================================================
   V13 — wide desktop layout + complete mobile adaptation
   ========================================================= */

/* Desktop: use the available screen instead of a narrow center column */
:root{--site-max:1580px}
.container{
  width:min(1580px,calc(100% - 28px))!important;
  max-width:none!important;
}
.hero{
  min-height:auto!important;
  padding-top:48px!important;
  padding-bottom:54px!important;
  overflow:hidden!important;
}
.hero-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr)!important;
  gap:58px!important;
  align-items:center!important;
  width:100%!important;
}
.hero-copy{
  margin-left:0!important;
  padding-left:0!important;
  min-width:0!important;
}
.hero h1{
  max-width:880px!important;
  font-size:clamp(48px,4vw,68px)!important;
}
.hero-lead,.hero-support,.fineprint{
  max-width:820px!important;
}
.hero-visual{
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
}
.hero-visual>img{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:min(100%,590px)!important;
  height:auto!important;
  max-width:100%!important;
  margin:0 auto!important;
  object-fit:contain!important;
  border-radius:0!important;
}

/* Stable top banner */
.top-promo{
  position:relative!important;
  z-index:40!important;
}
.top-promo-inner{
  box-sizing:border-box!important;
  text-align:center!important;
  line-height:1.25!important;
}

/* Tablet */
@media(max-width:1100px){
  .container{width:min(100% - 24px,1100px)!important}
  .hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(390px,.82fr)!important;
    gap:30px!important;
  }
  .hero h1{font-size:clamp(42px,5vw,58px)!important}
  .hero-visual>img{width:min(100%,500px)!important}
}

/* Mobile: one clean column, no overlap and no horizontal clipping */
@media(max-width:780px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .top-promo-inner{
    padding:10px 14px!important;
    font-size:13px!important;
    line-height:1.28!important;
    white-space:normal!important;
  }
  .header{
    position:relative!important;
    top:auto!important;
  }
  .nav{
    min-height:76px!important;
    padding:8px 0!important;
  }
  .brand img{
    width:54px!important;
    height:54px!important;
  }
  .brand strong{font-size:18px!important}
  .brand small{font-size:9px!important}
  .container{
    width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero{
    padding:32px 0 118px!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .hero-inner{
    display:flex!important;
    flex-direction:column!important;
    gap:26px!important;
    align-items:stretch!important;
  }
  .hero-copy{
    order:1!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .hero h1{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    font-size:clamp(36px,10.5vw,46px)!important;
    line-height:1.04!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .hero-lead{
    width:100%!important;
    max-width:100%!important;
    font-size:18px!important;
    line-height:1.55!important;
    margin-bottom:16px!important;
  }
  .hero-support{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:14px 0 0!important;
  }
  .fineprint{
    width:100%!important;
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    margin-top:20px!important;
  }
  .hero-actions .button{
    width:100%!important;
    min-width:0!important;
  }
  .hero-visual{
    order:2!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .hero-visual>img{
    width:min(92vw,440px)!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 auto!important;
  }

  /* Bottom actions: compact and usable */
  .sticky-actions{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:0!important;
  }
  .sticky-actions .button{
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    padding:8px 10px!important;
    font-size:13px!important;
    border-radius:12px!important;
  }
  .sticky-actions .button:nth-child(3){
    display:none!important;
  }
  .back-to-top{
    left:10px!important;
    bottom:74px!important;
    width:46px!important;
    height:46px!important;
    z-index:90!important;
  }
}

/* Small phones */
@media(max-width:420px){
  .container{width:calc(100% - 22px)!important}
  .top-promo-inner{font-size:12px!important;padding:9px 10px!important}
  .brand img{width:48px!important;height:48px!important}
  .brand strong{font-size:17px!important}
  .hero{padding-top:26px!important}
  .hero h1{font-size:34px!important;line-height:1.06!important}
  .hero-lead{font-size:17px!important}
  .hero-visual>img{width:min(94vw,390px)!important}
}