:root{ --bg-a:#000000; --bg-b:#3533CD; --text:#FFFFFF; }

/* Áåç ïðîêðóòêè âîîáùå */
html, body{
  height:100%;
  overflow:hidden;       /* çàïðåùàåì ëþáîé ñêðîëë */
}
*{ box-sizing:border-box; }
body{
  margin:0;
  font-family:Poppins, Arial, sans-serif;
  color:var(--text);
  background:#000;       /* ôîí çà ïðåäåëàìè ñöåíû */
  display:flex;
  align-items:center;    /* âåðòèêàëüíî öåíòðèðóåì ñöåíó */
  justify-content:center;/* ãîðèçîíòàëüíî öåíòðèðóåì ñöåíó */
}

/* ÑÖÅÍÀ 1440?900 — ôèêñ */
.stage{
  position:relative;
  width:1440px;
  height:900px;
  background:linear-gradient(90deg, var(--bg-a), var(--bg-b));
  overflow:hidden;       /* íà âñÿêèé ñëó÷àé îòðåçàåì õâîñòû */
}

/* ËÎÃÎ — êðóïíûé è âûñîêî */
.logo{
  position:absolute;
  left:40px;
  top:5px;          /* ïîäíÿëè ïîâûøå */
  width:320px;       /* ÊÐÓÏÍÎ äëÿ äåñêòîïà */
  height:auto;
  z-index:2;
}

/* ÇÀÃÎËÎÂÊÈ ïî öåíòðó */
.welcome{
  position:absolute; left:0; right:0; top:140px;
  text-align:center;
  text-transform:uppercase;
  font-weight:700; font-size:30px; letter-spacing:.2em;
}
.subtitle{
  position:absolute; left:0; right:0; top:188px;
  text-align:center;
  text-transform:uppercase;
  font-weight:700; font-size:16px; letter-spacing:.18em;
}

/* ÊÐÓÃ MAIYA — áîëüøå è âûøå */
.maiya{
  position:absolute; left:0; right:0; margin:0 auto;
  top:230px;         /* âûøå */
  width:370px;       /* ÁÎËÜØÅ */
  height:auto;
}

/* ËÅÂÛÉ ÒÅÊÑÒ — íå çàëåçàåò íà ëîãî */
.left-text{
  position:absolute;
  left:40px;
  top:300px;
  width:700px;       /* øèðå, ÷òîáû äûõàíèå áûëî */
  text-transform:uppercase;
  font-size:16px; line-height:1.45;
}
.left-text p{ margin:0 0 16px; }

/* ÒÅËÅÔÎÍ — áîëüøå è íåìíîãî íèæå */
.phone{
  position:absolute;
  right:-180px;
  top:220px;         /* îïóñòèëè âíèç */
  width:920px;       /* ÁÎËÜØÅ */
  height:auto;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.45));
}

/* ÊÍÎÏÊÀ — ôèêñ. øèðèíà/âûñîòà, íèæå öåíòðà */
.cta{
  position:absolute; left:0; right:0; margin:0 auto;
  top:640px;         /* íèæå, ÷òîáû íå ìåøàëà öåíòðó */
  width:300px; height:56px;
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:#FFFFFF; border-radius:38px; text-decoration:none;
}
.cta-text{
  background:linear-gradient(90deg, #000000, #3533CD);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  font-weight:700; font-size:16px; letter-spacing:.06em; text-transform:uppercase;
}
.cta-arrow{ width:42px; height:25px; margin-left:8px; }

/* ÊÎÍÒÀÊÒÛ è ÔÓÒÅÐ */
.contacts{
  position:absolute; left:40px; bottom:180px;
  width:520px; text-transform:uppercase; font-size:14px;
}
.contacts .h3{ font-size:16px; font-weight:700; margin-bottom:10px; }
.contacts p{ margin:6px 0; }

.footer{
  position:absolute; left:0; right:0; bottom:24px;
  text-align:center; font-size:10.7px; text-transform:uppercase;
}
.footer a{ color:#FFFFFF; }