/*
 * Egholm — простые страницы: сервис, тендери, контакти.
 * Источник: исходная статика Egholm, стили перенесены без переписывания.
 * Developer: Site Done · https://sitedone.tech
 */

/* ---- hero ---- */
  .s-hero{
    padding:40px 8vw 80px 8vw;
    display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;
  }

.s-hero-photo{width:100%;border-radius:4px;aspect-ratio:4/3;object-fit:cover;}

.s-hero-content .eyebrow{margin-bottom:10px;}

.s-hero-content h1{font-size:clamp(34px,4.8vw,58px);font-weight:900;}

.s-hero-content p.s-intro{margin-top:18px;font-size:15px;color:var(--muted-dark);line-height:1.6;max-width:480px;}

.s-hero-content .cta{margin-top:30px;}

/* ---- content blocks: photo/video + text side by side ---- */
  .s-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}

.s-block.reverse .s-media{order:2;}

.s-block.reverse .s-copy{order:1;}

.s-media{border-radius:4px;overflow:hidden;aspect-ratio:4/3;}

.s-media img,.s-media video{width:100%;height:100%;object-fit:cover;display:block;}

.s-copy .eyebrow{margin-bottom:10px;}

.s-copy h2{font-size:clamp(26px,3.2vw,40px);font-weight:800;margin-bottom:16px;}

.s-copy p{font-size:15px;color:var(--muted-dark);line-height:1.6;max-width:460px;}

.s-copy ul{margin-top:18px;display:flex;flex-direction:column;gap:10px;}

.s-copy ul li{font-size:14px;color:var(--text-dark);display:flex;align-items:flex-start;gap:10px;}

.s-blocks-wrap{display:flex;flex-direction:column;gap:100px;}

/* ---- final cta ---- */
  .final-cta{display:flex;flex-direction:column;align-items:flex-start;gap:28px;}

.final-cta h2{font-size:clamp(30px,4.5vw,52px);max-width:760px;}

.final-actions{display:flex;gap:16px;flex-wrap:wrap;}

/* ---- hero ---- */
  .t-hero{
    padding:40px 8vw 80px 8vw;
    display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;
  }

.t-hero-photo{width:100%;border-radius:4px;aspect-ratio:4/3;object-fit:cover;}

.t-hero-content h1{font-size:clamp(34px,4.8vw,58px);font-weight:900;}

.t-hero-content p.t-intro{margin-top:18px;font-size:15px;color:var(--muted-dark);line-height:1.6;max-width:480px;}

.t-hero-content .cta{margin-top:30px;}

/* ---- argument cards ---- */
  .t-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-dark);margin-top:0;}

.t-point{background:var(--bg-light);padding:34px 28px;display:flex;flex-direction:column;gap:12px;}

.t-point .t-num{font-family:'Inter';font-size:20px;font-weight:800;color:var(--brand-green);}

.t-point h3{font-size:19px;font-family:'Inter';font-weight:700;text-transform:none;}

.t-point p{font-size:14px;color:var(--muted-dark);line-height:1.6;}

.t-point .t-stat{font-family:'Inter';font-size:40px;font-weight:900;color:var(--brand-green);line-height:1;margin-top:4px;}

/* ---- legal / requisites ---- */
  .t-legal{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:10px;}

.t-legal-col p{font-size:14px;color:var(--text-dark);line-height:1.9;}

.t-legal-col p b{color:var(--muted-dark);font-weight:600;}

.c-hero{
    position:relative;overflow:hidden;color:var(--text-light);
    min-height:calc(100vh - 64px);display:flex;align-items:center;
    padding:80px 8vw;
  }

.c-media{position:absolute;inset:0;z-index:0;}

.c-media img{width:100%;height:100%;object-fit:cover;display:block;}

.c-media::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(13,26,20,.82) 0%, rgba(13,26,20,.68) 45%, rgba(13,26,20,.88) 100%);
  }

.c-wrap{position:relative;z-index:1;width:100%;max-width:920px;margin:0 auto;text-align:center;}

.c-wrap .eyebrow{color:var(--brand-green);justify-content:center;display:flex;}

.c-wrap h1{font-size:clamp(30px,4.5vw,50px);font-weight:900;margin-top:10px;}

.c-wrap .c-intro{
    margin:18px auto 0 auto;max-width:640px;font-size:16px;line-height:1.7;
    color:rgba(246,244,238,.92);text-shadow:0 2px 16px rgba(0,0,0,.35);
  }

form.c-form{
    margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;
  }

.c-field{grid-column:span 1;}

.c-field.full{grid-column:1 / -1;}

.c-form input, .c-form textarea{
    width:100%;padding:16px 18px;border:none;border-radius:3px;
    background:var(--bg-light);color:var(--text-dark);font-family:'Inter',sans-serif;font-size:14px;
    box-sizing:border-box;
  }

.c-form textarea{resize:vertical;min-height:118px;font-family:'Inter',sans-serif;}

.c-form input::placeholder, .c-form textarea::placeholder{color:var(--muted-dark);}

.c-form input:focus, .c-form textarea:focus{outline:2px solid var(--brand-green);}

.c-submit-row{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:4px;}

.c-submit-row .cta{border:none;cursor:pointer;font-size:14px;}

.c-note{grid-column:1 / -1;font-size:12px;color:var(--muted);margin-top:-2px;}

/* Медиазапросы собраны в конец файла: при склейке стилей нескольких
 * страниц они оказывались раньше базовых правил, и мобильная
 * раскладка перекрывалась десктопной. */

@media (max-width:860px){
    .s-hero{grid-template-columns:1fr;padding-top:20px;gap:30px;}
    .s-block,.s-block.reverse{grid-template-columns:1fr;gap:24px;}
    .s-block.reverse .s-media{order:1;}
    .s-block.reverse .s-copy{order:2;}
    .s-blocks-wrap{gap:56px;}
  }

@media (max-width:860px){
    .t-hero{grid-template-columns:1fr;padding-top:20px;gap:30px;}
    .t-points{grid-template-columns:1fr;}
    .t-legal{grid-template-columns:1fr;gap:20px;}
  }

@media (max-width:720px){
    form.c-form{grid-template-columns:1fr;}
    .c-submit-row{justify-content:stretch;}
    .c-submit-row .cta{width:100%;justify-content:center;}
  }