/* SECTIONAL.CSS — только стили контента страницы full6.html.
   Меню, шапка, кнопки и форма берутся из proflist.css. */

.s-label{display:inline-flex;margin-bottom:14px;padding:7px 12px;border-radius:999px;background:rgba(240,173,85,.18);color:var(--gold2);font-size:11px;line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.s-label--light{background:#fff3df;color:#9b5f1f}

.s-section-head{max-width:820px;margin-bottom:30px}
.s-section-head--center{text-align:center;margin:0 auto 32px}
.s-section-head p{max-width:720px;margin:0 auto;color:var(--muted);font-size:17px}

.s-hero{position:relative;min-height:540px;overflow:hidden;background:#071523;color:#fff}
.s-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center right;opacity:.82}
.s-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,35,.96) 0%,rgba(7,21,35,.78) 46%,rgba(7,21,35,.34) 100%)}
.s-hero__grid{position:relative;z-index:2;min-height:540px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:44px;align-items:center;padding:54px 0}
.s-hero h1{max-width:820px;color:#fff;font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.045em;margin-bottom:18px}
.s-hero p{max-width:700px;margin-bottom:26px;color:rgba(255,255,255,.88);font-size:19px}
.s-hero__actions{display:flex;flex-wrap:wrap;gap:14px}
.s-hero__panel{display:grid;gap:12px;padding:22px;border-radius:20px;background:rgba(9,24,38,.78);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.s-hero__panel div{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;min-height:70px;padding:14px;border-radius:16px;background:rgba(255,255,255,.07)}
.s-hero__panel b{color:var(--gold2);font-size:24px}
.s-hero__panel span{color:#fff;font-weight:800;line-height:1.35}

.s-intro{background:#fff}
.s-intro__grid{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:start}
.s-intro__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.s-intro__cards article{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(7,21,35,.08)}
.s-intro__cards b{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;margin-bottom:16px;border-radius:14px;background:#fff3df;color:#9b5f1f;font-weight:900}

.s-solutions{background:linear-gradient(135deg,#071523,#142d40)}
.s-solutions .s-section-head h2{color:#fff}
.s-solutions .s-section-head p{color:rgba(255,255,255,.76)}
.s-solutions__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.s-solution{overflow:hidden;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}
.s-solution img{width:100%;height:220px;object-fit:cover}
.s-solution div{padding:24px}
.s-solution span{display:inline-flex;margin-bottom:12px;padding:7px 11px;border-radius:999px;background:#fff3df;color:#9b5f1f;font-size:11px;font-weight:900;text-transform:uppercase}
.s-solution h3{color:var(--text);
    font-size:24px;
    line-height:1.2;
    margin-bottom:12px;}
.s-solution p{color:var(--muted)}
.s-solution ul{margin:0;padding:0;list-style:none}
.s-solution li{position:relative;padding-left:22px;margin:8px 0;color:var(--muted);font-weight:800}
.s-solution li:before{content:"✓";position:absolute;left:0;color:#9b5f1f}

.s-engineering{background:#fff}
.s-engineering__grid,.s-gates__grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.s-engineering__photo img,.s-gates__photo img{width:100%;height:440px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}
.s-engineering__list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}
.s-engineering__list div{padding:16px;border-radius:16px;background:#f7f9fa;border:1px solid var(--line)}
.s-engineering__list b,.s-engineering__list span{display:block}
.s-engineering__list b{color:#9b5f1f;font-size:20px;margin-bottom:6px}
.s-engineering__list span{color:var(--muted);font-weight:700;line-height:1.35}

.s-colors h2{color:#fff}
.s-colors p{color:rgba(255,255,255,.76)}
.s-colors__grid{display:grid;grid-template-columns:330px 1fr;gap:36px;align-items:start}
.s-color-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.s-color-list article{overflow:hidden;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.s-color-list i{display:block;height:92px;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 8px,transparent 8px,transparent 20px)}
.s-color-list b,.s-color-list span{display:block;padding:0 16px}
.s-color-list b{padding-top:15px;color:#fff}
.s-color-list span{padding-bottom:16px;color:rgba(255,255,255,.72)}

.s-gates{background:#fff}
.s-gates__tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.s-gates__tags span{padding:11px 13px;border-radius:999px;background:#f7f9fa;border:1px solid var(--line);color:var(--text);font-weight:800}

.s-process{background:#f7f9fa}
.s-process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.s-process__grid div{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(7,21,35,.08)}
.s-process__grid b{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;margin-bottom:16px;border-radius:14px;background:#fff3df;color:#9b5f1f;font-weight:900}

.s-calc__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center}
.s-calc p{color:rgba(255,255,255,.78)}

.s-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.s-reveal.is-visible{opacity:1;transform:translateY(0)}

@media(max-width:1100px){
  .s-hero__grid,.s-intro__grid,.s-engineering__grid,.s-colors__grid,.s-gates__grid,.s-calc__grid{grid-template-columns:1fr}
  .s-hero{min-height:auto}
  .s-hero__grid{min-height:auto}
  .s-intro__cards,.s-solutions__grid{grid-template-columns:1fr}
  .s-color-list,.s-process__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .s-hero__grid{padding:38px 0}
  .s-hero h1{font-size:34px}
  .s-hero p{font-size:16px}
  .s-hero__panel{padding:18px}
  .s-engineering__list,.s-color-list,.s-process__grid{grid-template-columns:1fr}
  .s-engineering__photo img,.s-gates__photo img{height:320px}
}
@media(max-width:520px){
  .s-hero__panel div{grid-template-columns:42px 1fr}
  .s-solution div{padding:20px}
}