/* Главная в виде прежнего сайта OBF на Тильде (Ильяс 2606, Игорь 08.11.2026): тёмно-синий, коралловый, белые карточки.
   Подключается поверх a.css только на главной. Текст на всю ширину колонки — правило Игоря. */
:root{--g-navy:#1f3864;--g-navy-d:#0b1b33;--g-coral:#e8503a;--g-gray:#f2f2f2;--g-text:#3a4252}
.tpl-home{background:#fff}
.tpl-home .top{background:#fff}
.logo-img{display:block;height:40px;width:auto}
.g-wrap{padding:0 var(--gut)}
.g-hero{margin:24px var(--gut) 0;border-radius:24px;color:#fff;padding:clamp(40px,7vw,96px) clamp(24px,5vw,72px);
  background:var(--g-navy-d) url(/wp-content/themes/damu-portal/assets/glavnaya/OBF-pattern.svg) no-repeat right -60px center/auto 120%;
  background-image:url(/wp-content/themes/damu-portal/assets/glavnaya/OBF-pattern.svg),linear-gradient(135deg,#0b1b33 0%,#1f3864 100%);
  background-repeat:no-repeat,no-repeat;background-position:right -80px center,0 0;background-size:auto 115%,cover}
.g-hero h1{font-size:clamp(32px,4.4vw,56px);line-height:1.12;letter-spacing:-.02em;font-weight:600;max-width:15em}
.g-hero h1 em{font-style:normal;color:var(--g-coral);display:block}
.g-hero p{margin-top:24px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#d6deea}
.g-hero .actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.g-hero .btn{border-radius:999px;padding:16px 30px}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid #fff}.btn-ghost:hover{background:#fff;color:var(--g-navy)}
.g-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:56px var(--gut);text-align:center}
.g-stats .v{font-size:clamp(34px,4vw,52px);font-weight:600;color:var(--g-navy);letter-spacing:-.02em}
.g-stats .c{margin-top:6px;font-weight:600;color:var(--g-navy);font-size:16px;line-height:1.4}
.g-sec{padding:72px var(--gut)}
.g-sec.gray{background:var(--g-gray)}
.g-sec h2,.g-navy h2{font-size:clamp(28px,3.4vw,44px);color:var(--g-navy);letter-spacing:-.02em;line-height:1.15;font-weight:600}
.g-sec .lead,.g-navy .lead{margin-top:16px;font-size:clamp(17px,1.5vw,20px);color:var(--g-text);line-height:1.55}
.g-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.g-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 1px 3px rgba(15,35,66,.08),0 8px 24px rgba(15,35,66,.06);display:flex;flex-direction:column;gap:14px;position:relative}
.g-sec.gray .g-card{box-shadow:none}
.g-card .ico{width:44px;height:44px;border-radius:10px;background:#dfe7f2;display:grid;place-items:center}
.g-card .ico img{width:28px;height:28px}
.g-card h3{font-size:20px;color:var(--g-navy);line-height:1.25}
.g-card p{color:var(--g-text);font-size:15.5px;line-height:1.55}
.g-card .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.g-card .tags span{font-size:13px;background:#eef1f5;color:var(--g-navy);border-radius:6px;padding:4px 10px}
.g-card .more{color:var(--g-coral);font-weight:600;font-size:15px;text-decoration:none}.g-card .more:hover{text-decoration:underline}
.g-card.main{background:var(--g-navy);color:#fff}.g-card.main h3{color:#fff}.g-card.main p{color:#d6deea}
.g-card.main .tags span{background:#fff;color:var(--g-navy)}
.g-card .badge{position:absolute;top:22px;right:22px;background:var(--g-coral);color:#fff;font-size:12.5px;font-weight:600;border-radius:999px;padding:4px 12px}
.g-card.soft{background:#d7e6ee}
.g-step .n{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--g-navy);display:grid;place-items:center;font-weight:700;color:var(--g-navy)}
.g-step.last{background:var(--g-navy)}.g-step.last h3{color:#fff}.g-step.last p{color:#d6deea}.g-step.last .n{background:var(--g-coral);border-color:var(--g-coral);color:#fff}
.g-banner{margin:0 var(--gut) 72px;border-radius:24px;background:var(--g-navy);color:#fff;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;padding:24px 24px 24px clamp(24px,4vw,56px)}
.g-banner h2{font-size:clamp(28px,3.2vw,42px);font-weight:500;line-height:1.15}
.g-banner p{margin:20px 0 32px;color:#d6deea}
.g-banner .btn{border-radius:999px}
.g-banner img{width:100%;height:auto;border-radius:16px;display:block}
.g-case{border-left:3px solid var(--g-coral);border-radius:0 16px 16px 0}
.g-case .tag{align-self:flex-start;font-size:13px;background:#eef1f5;color:var(--g-navy);border-radius:6px;padding:4px 10px}
.g-case .big{font-size:30px;font-weight:700;color:var(--g-coral)}
.g-case .meta{margin-top:auto;font-size:14px;font-weight:600;color:var(--g-navy)}
.g-navy{background:var(--g-navy);padding:72px var(--gut)}
.g-navy h2{color:#fff}.g-navy .lead{color:#d6deea}
.g-navy .g-card{background:rgba(255,255,255,.1);box-shadow:none}
.g-navy .g-card h3{color:#fff}.g-navy .g-card p{color:#d6deea}
.g-navy .g-card .ico{background:transparent}
.g-navy .g-card .ico b{color:#fff;font-weight:600}
.g-team{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
.g-person img{width:100%;max-width:240px;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.g-person .role{color:var(--g-text);font-size:14.5px}
.g-person q{display:block;font-style:italic;font-weight:700;color:var(--g-navy-2,#1f4a7c);quotes:none;font-size:15px}
.g-person ul{padding-left:18px;color:var(--g-text);font-size:14.5px;line-height:1.6}
.g-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px 44px;margin-top:36px}
.g-logos img{height:38px;width:auto;max-width:150px;object-fit:contain}
.g-contacts{text-align:center}
.g-contacts p{margin-top:10px;color:var(--g-text)}
.g-contacts a{color:var(--g-coral)}
@media (max-width:900px){
  .g-grid{grid-template-columns:1fr 1fr}.g-banner{grid-template-columns:1fr;padding:28px}.g-team{grid-template-columns:1fr}
}
@media (max-width:600px){
  .g-grid,.g-stats{grid-template-columns:1fr}.g-hero{margin:12px 12px 0;border-radius:18px}.g-banner{margin:0 12px 56px}
  .g-hero .btn{width:100%;justify-content:center}.logo-img{height:32px}
}
.tpl-home .calc select{width:100%;padding:12px 14px;border-radius:var(--r-s);border:1px solid var(--line);background:#fff;color:var(--navy);font-size:16px;min-height:50px}
.tpl-home .hero h2{font-size:clamp(28px,3.4vw,44px);line-height:1.12;letter-spacing:-.02em;margin-bottom:8px}
.g-person img{height:auto;aspect-ratio:4/3;max-width:280px}