/* Строй Групп · стартовый шлюз / нулевой экран · визуал по утверждённому референсу · 31.08.2026 v05 */
html.sg-gate-locked,
html.sg-gate-locked body{overflow:hidden}
html.sg-gate-locked body > *:not(.start-screen):not(script):not(noscript){display:none!important}
html.sg-site-preview .start-screen{display:none!important}
html.sg-quiz-complete .start-screen__site-entry{display:none!important}

.start-screen{
  --ss-milk:#f7f1e9;
  --ss-milk2:#fbf8f3;
  --ss-graphite:#292e33;
  --ss-brick:#c95535;
  --ss-brick-dark:#af472c;
  --ss-line:rgba(41,46,51,.12);
  min-height:100svh;
  margin:0;
  padding:12px;
  display:grid;
  place-items:center;
  background:var(--ss-milk);
  color:var(--ss-graphite);
}
.start-screen__shell{
  width:min(1600px,calc(100vw - 24px));
  aspect-ratio:16/9;
  max-height:calc(100svh - 24px);
  display:grid;
  grid-template-columns:55% 45%;
  overflow:hidden;
  border-radius:30px;
  background:var(--ss-milk2);
  border:1px solid rgba(41,46,51,.07);
  box-shadow:0 18px 46px rgba(41,46,51,.10);
}
.start-screen__copy{
  min-width:0;
  padding:clamp(28px,3.2vw,56px) clamp(28px,3vw,50px) clamp(22px,2.4vw,38px);
  display:flex;
  flex-direction:column;
  position:relative;
  z-index:2;
}
.start-screen__brand{
  display:block;
  width:clamp(250px,22vw,360px);
  margin-bottom:clamp(24px,3.2vh,42px);
  text-decoration:none;
}
.start-screen__brand img{width:100%;height:auto;display:block}
.start-screen__title{
  margin:0;
  max-width:780px;
  color:var(--ss-graphite);
  font-size:clamp(38px,min(3.5vw,5.6vh),62px);
  line-height:1.06;
  letter-spacing:-.04em;
  font-weight:900;
}
.start-screen__lead{
  margin:clamp(18px,2.3vh,24px) 0 0;
  max-width:730px;
  font-size:clamp(16px,min(1.2vw,2.2vh),21px);
  line-height:1.42;
  color:#4f5356;
}
.start-screen__offer{
  margin-top:clamp(22px,3vh,34px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(10px,1vw,16px);
  white-space:nowrap;
  font-size:clamp(19px,min(1.55vw,2.8vh),28px);
  line-height:1.08;
  font-weight:900;
  color:var(--ss-graphite);
}
.start-screen__offer-badge{
  display:grid;
  place-items:center;
  width:clamp(78px,min(6vw,9vh),108px);
  height:clamp(78px,min(6vw,9vh),108px);
  flex:0 0 auto;
  border-radius:50%;
  background:var(--ss-graphite);
  color:var(--ss-brick);
  font-size:clamp(27px,min(2.2vw,4vh),42px);
  font-weight:950;
  letter-spacing:-.04em;
  box-shadow:0 10px 24px rgba(41,46,51,.14);
}
.start-screen__offer > span:last-child { min-width: 0; white-space: normal; }
.start-screen__primary{
  display:flex;
  justify-content:center;
  margin-top:clamp(18px,2.4vh,28px);
}
.start-screen__cta{
  min-width:min(500px,82%);
  min-height:clamp(54px,7vh,64px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 30px;
  border-radius:14px;
  background:var(--ss-brick);
  color:#fff;
  text-decoration:none;
  font-size:clamp(16px,min(1.25vw,2.4vh),20px);
  line-height:1;
  font-weight:850;
  box-shadow:0 12px 28px rgba(201,85,53,.22);
  transition:.2s ease;
}
.start-screen__cta:hover{transform:translateY(-2px);background:var(--ss-brick-dark)}
.start-screen__cta svg{width:20px;height:20px;flex:0 0 auto}
.start-screen__bottom{
  margin-top:auto;
  padding-top:clamp(22px,3vh,34px);
}
.start-screen__links{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
}
.start-screen__link{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:11px;
  text-decoration:none;
  color:#fff;
  font-size:12px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  transition:.18s ease;
}
.start-screen__link:hover{transform:translateY(-1px)}
.start-screen__link--vk{min-width:120px;background:var(--ss-graphite)}
.start-screen__link--profi{
  min-width:270px;
  gap:9px;
  background:var(--ss-brick);
  color:#fff;
  white-space:nowrap;
}
.start-screen__link--profi span{display:inline-flex;align-items:center;line-height:1}
.start-screen__profi-name{font-weight:900}
.start-screen__profi-rating{color:#fff0bc;letter-spacing:.04em;font-weight:950}
.start-screen__profi-reviews{padding-left:9px;border-left:1px solid rgba(255,255,255,.3);font-weight:900}
.start-screen__link--site{
  min-width:135px;
  background:var(--ss-milk2);
  border:1px solid var(--ss-line);
  padding:6px 12px;
}
.start-screen__link--site img{width:106px;height:auto;display:block;margin:auto}
.start-screen__seo{
  margin:12px 0 0;
  text-align:center;
  color:#a09992;
  font-size:10px;
  line-height:1.35;
}
.start-screen__visual{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#eee7df;
}
.start-screen__visual img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.start-screen__visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,var(--ss-milk2) 0%,rgba(251,248,243,.32) 12%,rgba(251,248,243,0) 29%);
  pointer-events:none;
}

@media (min-width:1001px) and (max-height:780px){
  .start-screen__copy{padding:24px 34px 20px}
  .start-screen__brand{width:250px;margin-bottom:20px}
  .start-screen__title{font-size:clamp(34px,5vh,45px)}
  .start-screen__lead{margin-top:12px;font-size:15px}
  .start-screen__offer{margin-top:14px;font-size:20px}
  .start-screen__offer-badge{width:72px;height:72px;font-size:27px}
  .start-screen__primary{margin-top:12px}
  .start-screen__cta{min-height:50px;font-size:16px}
  .start-screen__bottom{padding-top:16px}
  .start-screen__link{min-height:38px;padding:7px 14px;font-size:11px}
  .start-screen__link--site img{width:92px}
  .start-screen__seo{margin-top:8px;font-size:9px}
}

@media (max-width:1000px){
  html.sg-gate-locked,html.sg-gate-locked body{overflow:auto}
  .start-screen{display:block;padding:8px}
  .start-screen__shell{
    width:100%;
    aspect-ratio:auto;
    max-height:none;
    grid-template-columns:1fr;
    border-radius:24px;
  }
  .start-screen__copy{padding:26px 22px 24px}
  .start-screen__brand{width:min(300px,78%);margin-bottom:28px}
  .start-screen__title{font-size:clamp(38px,8vw,56px)}
  .start-screen__lead{font-size:16px}
  .start-screen__offer{
    justify-content:flex-start;
    flex-wrap:wrap;
    white-space:normal;
    font-size:22px;
  }
  .start-screen__offer-badge{width:78px;height:78px;font-size:29px}
  .start-screen__cta{width:100%;min-width:0}
  .start-screen__visual{height:min(610px,115vw);order:2}
  .start-screen__visual::before{background:linear-gradient(180deg,var(--ss-milk2) 0%,rgba(251,248,243,.05) 18%,transparent 34%)}
  .start-screen__bottom{margin-top:26px}
  .start-screen__links{display:grid;grid-template-columns:1fr 1.5fr 1fr}
  .start-screen__link{min-width:0;width:100%}
  .start-screen__link--profi{gap:6px;padding-left:9px;padding-right:9px}
  .start-screen__link--profi span{font-size:9px}
  .start-screen__profi-reviews{padding-left:6px}
  .start-screen__seo{font-size:9px}
}

@media (max-width:520px){
  .start-screen__copy{padding:22px 16px 20px}
  .start-screen__brand{width:245px;margin-bottom:24px}
  .start-screen__title{font-size:36px}
  .start-screen__lead{font-size:15px}
  .start-screen__offer{font-size:18px;gap:9px}
  .start-screen__offer-badge{width:70px;height:70px;font-size:26px}
  .start-screen__cta{font-size:16px;min-height:56px}
  .start-screen__links{gap:6px;grid-template-columns:1fr 1fr}
  .start-screen__link{font-size:10px;padding:7px 8px}
  .start-screen__link--profi{grid-column:1 / -1;grid-row:1;min-height:42px;gap:8px}
  .start-screen__link--profi span{font-size:10px}
  .start-screen__profi-reviews{padding-left:8px}
  .start-screen__link--site img{width:84px}
  .start-screen__visual{height:430px}
}

/* start-screen-mobile-focus-v1 · 02.09.2026 */
@media (max-width:760px){
  .start-screen__link--vk{display:none!important}
  .start-screen__links{grid-template-columns:minmax(0,1.55fr) minmax(118px,.85fr);gap:7px}
  .start-screen__link--profi{grid-column:auto;grid-row:auto;min-height:44px}
  .start-screen__link--site{grid-column:auto;grid-row:auto;min-height:44px}
}
@media (max-width:520px){
  .start-screen__links{grid-template-columns:1fr}
  .start-screen__link--profi{grid-column:1;grid-row:auto}
  .start-screen__link--site{grid-column:1;grid-row:auto}
}