/* ==========================================================================
   Кортель — стили Главной страницы (редизайн по Behance-референсу, 03.09.2026).
   Все правила скопированы 1:1 из одобренного макета (Artifact) и скопированы
   в область .kortel-frontpage, чтобы не задевать остальные страницы сайта.
   ========================================================================== */

:root {
    --bg:#0a1524;
    --bg-soft:#0f1f3d;
    --panel:#132844;
    --panel-2:#0e2038;
    --panel-border:#25405f;
    --hair:#1c3355;
    --blue:#4a90d9;
    --blue-soft:#8fc4ef;
    --blue-dim:#2a4b73;
    --gold:#e8a020;
    --gold-soft:#f5c45a;
    --text:#f2f6fc;
    --text-muted:#a7bcd6;
    --faint:#6d84a6;
    --wrap:1240px;
  }

.kortel-frontpage img {max-width:100%;display:block;}

.kortel-frontpage a {color:inherit;text-decoration:none;}

.kortel-frontpage h1, .kortel-frontpage h2, .kortel-frontpage h3 {font-family:'Golos Text',system-ui,sans-serif;text-wrap:balance;margin:0;letter-spacing:-0.01em;}

.kortel-frontpage .wrap {max-width:var(--wrap);margin:0 auto;padding:0 32px;position:relative;z-index:2;}

.kortel-frontpage section {position:relative;}

.kortel-frontpage .diag::before {
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background-image:repeating-linear-gradient(115deg, rgba(143,196,239,0.05) 0px, rgba(143,196,239,0.05) 1px, transparent 1px, transparent 132px);
  }

.kortel-frontpage header {
    position:sticky;top:0;z-index:50;background:rgba(10,21,36,0.86);
    backdrop-filter:blur(10px);border-bottom:1px solid var(--hair);
  }

.kortel-frontpage .nav {display:flex;align-items:center;justify-content:space-between;padding:16px 32px;max-width:var(--wrap);margin:0 auto;}

.kortel-frontpage .brand {display:flex;align-items:center;gap:12px;}

.kortel-frontpage .brand-mark {
    width:40px;height:40px;border:1.5px solid var(--blue);
    display:flex;align-items:center;justify-content:center;
    font-family:'Golos Text';font-weight:700;font-size:14px;position:relative;flex:none;
  }

.kortel-frontpage .brand-mark::after {content:"";position:absolute;left:6px;right:6px;bottom:5px;height:2px;background:var(--gold);}

.kortel-frontpage .brand-name {font-family:'Golos Text';font-size:15px;font-weight:700;letter-spacing:0.005em;}

.kortel-frontpage .brand-sub {font-size:11px;color:var(--faint);letter-spacing:0.08em;text-transform:uppercase;margin-top:2px;}

.kortel-frontpage nav.links {display:flex;gap:34px;}

.kortel-frontpage nav.links a {font-size:14.5px;color:var(--text-muted);transition:color .15s;padding:4px 0;}

.kortel-frontpage nav.links a:hover {color:var(--text);}

.kortel-frontpage .nav-cta {display:flex;align-items:center;gap:14px;}

.kortel-frontpage .icon-btn {
    width:38px;height:38px;border:1px solid var(--panel-border);border-radius:50%;
    display:flex;align-items:center;justify-content:center;color:var(--text-muted);
    transition:border-color .15s,color .15s;flex:none;font-size:10.5px;font-weight:700;letter-spacing:0.01em;
  }

.kortel-frontpage .icon-btn:hover {border-color:var(--blue);color:var(--text);}

.kortel-frontpage .btn {
    display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;
    font-size:14.5px;font-weight:600;font-family:'Inter';white-space:nowrap;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    border:1px solid transparent;cursor:pointer;
  }

.kortel-frontpage .btn:focus-visible {outline:2px solid var(--blue-soft);outline-offset:3px;}

.kortel-frontpage .btn-gold {background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#231202;box-shadow:0 8px 24px -8px rgba(232,160,32,0.55);}

.kortel-frontpage .btn-gold:hover {transform:translateY(-1px);box-shadow:0 10px 28px -8px rgba(232,160,32,0.7);}

.kortel-frontpage .btn-gold .arrow {
    width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,0.12);
    display:flex;align-items:center;justify-content:center;flex:none;
  }

.kortel-frontpage .btn-ghost {border-color:var(--panel-border);color:var(--text);background:transparent;}

.kortel-frontpage .btn-ghost:hover {border-color:var(--blue);background:rgba(74,144,217,0.08);}

.kortel-frontpage .btn-sm {padding:9px 16px;font-size:13.5px;}

.kortel-frontpage .hero {padding:0;background:var(--bg);overflow:hidden;}

.kortel-frontpage .hero-inner {
    display:grid;grid-template-columns:1.05fr 0.95fr;align-items:center;gap:48px;
    padding:96px 0 64px;
  }

.kortel-frontpage .hero-content {max-width:560px;}

.kortel-frontpage .eyebrow {display:inline-flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--blue-soft);margin-bottom:22px;}

.kortel-frontpage .eyebrow::before {content:"";width:7px;height:7px;border-radius:50%;background:var(--blue-soft);box-shadow:0 0 9px 2px rgba(74,144,217,0.65);flex:none;}

.kortel-frontpage .hero h1 {font-size:clamp(34px,4.2vw,56px);line-height:1.06;font-weight:800;}

.kortel-frontpage .hero h1 .light {font-weight:500;color:var(--text-muted);display:block;}

.kortel-frontpage .hero h1 .strong {font-weight:800;color:var(--text);display:block;}

.kortel-frontpage .hero-sub {margin-top:24px;font-size:17.5px;line-height:1.6;color:var(--text-muted);max-width:480px;}

.kortel-frontpage .hero-sub b {color:var(--text);font-weight:600;}

.kortel-frontpage .hero-niches {margin-top:14px;font-size:15px;line-height:1.6;color:var(--blue-soft);max-width:480px;}

.kortel-frontpage .hero-niches b {color:var(--text);font-weight:600;}

.kortel-frontpage .hero-actions {display:flex;gap:16px;margin-top:34px;flex-wrap:wrap;align-items:center;}

.kortel-frontpage .hero-photo-col {position:relative;}

.kortel-frontpage .hero-photo {position:relative;aspect-ratio:3/4;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,0.65);border-radius:16px;}

.kortel-frontpage .hero-photo img {width:100%;height:100%;object-fit:cover;object-position:top center;position:relative;z-index:1;}

.kortel-frontpage .hero-glow {
    position:absolute;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(85% 65% at 55% 100%, rgba(74,144,217,0.65), transparent 68%);
    mix-blend-mode:screen;
  }

.kortel-frontpage .hero-tag {
    position:absolute;left:-24px;bottom:36px;z-index:2;max-width:240px;
    background:rgba(10,21,36,0.78);backdrop-filter:blur(6px);
    border:1px solid var(--panel-border);padding:18px 22px;border-radius:12px;
  }

.kortel-frontpage .hero-tag b {display:block;font-family:'Golos Text';font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:4px;}

.kortel-frontpage .hero-tag span {font-size:12.5px;color:var(--text-muted);line-height:1.5;}

@media (max-width:999px) {
.kortel-frontpage .hero-inner {grid-template-columns:1fr;padding:72px 0 48px;gap:36px;}
.kortel-frontpage .hero-content {max-width:none;}
.kortel-frontpage .hero-photo {aspect-ratio:16/10;max-width:480px;margin:0 auto;}
.kortel-frontpage .hero-tag {left:0;right:auto;}
}

@media (max-width:600px) {
.kortel-frontpage .hero-inner {padding:60px 0 40px;}
.kortel-frontpage .hero-photo {aspect-ratio:4/5;max-width:none;}
.kortel-frontpage .hero-tag {position:static;margin-top:18px;max-width:none;}
}

.kortel-frontpage .quote {padding:100px 0;background:var(--bg-soft);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}

.kortel-frontpage .quote blockquote {font-family:'Golos Text';font-weight:500;font-size:clamp(22px,3.1vw,34px);line-height:1.35;max-width:880px;color:var(--text);text-wrap:balance;margin:0;}

.kortel-frontpage .quote blockquote::before {content:"\201C";color:var(--gold);margin-right:2px;}

.kortel-frontpage .quote cite {display:block;margin-top:26px;font-style:normal;font-size:14px;color:var(--faint);letter-spacing:0.04em;}

.kortel-frontpage .about-sec {padding:130px 0;background:var(--bg);}

.kortel-frontpage .about-layout {display:grid;grid-template-columns:0.8fr 1.2fr;gap:70px;align-items:start;}

.kortel-frontpage .about-photo-frame {aspect-ratio:3/4;overflow:hidden;position:relative;box-shadow:0 30px 70px -30px rgba(0,0,0,0.6);border-radius:16px;}

.kortel-frontpage .about-photo-frame img {width:100%;height:100%;object-fit:cover;object-position:top center;}

.kortel-frontpage .about-sec .eyebrow {margin-bottom:22px;}

.kortel-frontpage .about-lead {font-family:'Golos Text';font-weight:700;font-size:clamp(24px,3.2vw,36px);line-height:1.3;color:var(--text);text-wrap:balance;margin:0 0 32px;}

.kortel-frontpage .about-body {max-width:60ch;}

.kortel-frontpage .about-body p {font-size:16px;line-height:1.75;color:var(--text-muted);margin:0 0 18px;}

.kortel-frontpage .about-body p:last-child {margin-bottom:0;}

.kortel-frontpage .about-credentials {list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:11px;max-width:60ch;}

.kortel-frontpage .about-credentials li {position:relative;padding-left:26px;font-size:14.5px;color:var(--text-muted);line-height:1.5;}

.kortel-frontpage .about-credentials li::before {content:"✓";position:absolute;left:0;top:0;color:var(--gold-soft);font-weight:700;}

.kortel-frontpage .about-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:38px;padding-top:32px;border-top:1px solid var(--hair);}

.kortel-frontpage .about-stat b {display:block;font-family:'Golos Text';font-weight:700;font-size:20px;color:var(--gold-soft);margin-bottom:8px;}

.kortel-frontpage .about-stat span {display:block;font-size:13px;line-height:1.5;color:var(--faint);}

@media (max-width:760px) {
.kortel-frontpage .about-stats {grid-template-columns:1fr;gap:22px;}
}

.kortel-frontpage .sec-head {max-width:640px;margin-bottom:60px;}

.kortel-frontpage .sec-head .eyebrow {margin-bottom:18px;}

.kortel-frontpage .sec-head h2 {font-size:clamp(27px,3.4vw,40px);font-weight:800;line-height:1.15;}

.kortel-frontpage .sec-head p {margin-top:16px;font-size:16.5px;color:var(--text-muted);line-height:1.6;}

.kortel-frontpage .zones-sec {padding:120px 0;}

.kortel-frontpage .zones-layout {display:grid;grid-template-columns:0.82fr 1.18fr;gap:64px;align-items:start;}

.kortel-frontpage .zones-photo-wrap {position:sticky;top:110px;}

.kortel-frontpage .zones-photo-frame {aspect-ratio:4/5;overflow:hidden;position:relative;box-shadow:0 30px 70px -30px rgba(0,0,0,0.6);border-radius:16px;}

.kortel-frontpage .zones-photo-frame img {width:100%;height:100%;object-fit:cover;object-position:top center;}

.kortel-frontpage .zones-card {
    position:relative;margin-top:-64px;margin-left:24px;margin-right:-24px;
    background:var(--text);color:var(--bg);padding:26px 26px;
    box-shadow:0 24px 50px -18px rgba(0,0,0,0.55);border-radius:12px;
  }

.kortel-frontpage .zones-card b {display:block;font-family:'Golos Text';font-weight:700;font-size:13.5px;margin-bottom:12px;}

.kortel-frontpage .zones-card ul {margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}

.kortel-frontpage .zones-card li {font-size:13.5px;display:flex;align-items:center;gap:9px;color:#1b2c42;}

.kortel-frontpage .zones-card li::before {content:"";width:5px;height:5px;background:var(--gold);flex:none;}

.kortel-frontpage .zone-row {display:grid;grid-template-columns:68px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--hair);}

.kortel-frontpage .zone-row:last-child {border-bottom:1px solid var(--hair);}

.kortel-frontpage .zone-tile {
    width:56px;height:56px;display:flex;align-items:center;justify-content:center;
    font-family:'Golos Text';font-weight:700;font-size:19px;color:var(--faint);
    background:var(--panel);border:1px solid var(--panel-border);
  }

.kortel-frontpage .zone-row.active .zone-tile {
    background:linear-gradient(150deg,var(--blue-soft),var(--blue));color:#06172c;border-color:transparent;
    box-shadow:0 0 0 6px rgba(74,144,217,0.14), 0 16px 30px -12px rgba(74,144,217,0.65);
  }

.kortel-frontpage .zone-title {display:flex;align-items:baseline;gap:14px;margin-bottom:10px;flex-wrap:wrap;}

.kortel-frontpage .zone-title h3 {font-size:20px;font-weight:700;}

.kortel-frontpage .zone-title span {font-size:12.5px;color:var(--faint);letter-spacing:0.05em;text-transform:uppercase;}

.kortel-frontpage .zone-row p {margin:0;font-size:15.5px;line-height:1.65;color:var(--text-muted);max-width:560px;}

.kortel-frontpage .audience-sec {padding:0 0 130px;}

.kortel-frontpage .persona-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}

.kortel-frontpage .persona-card {padding:32px 26px;border:1px solid var(--panel-border);background:var(--panel-2);border-top:3px solid var(--blue);border-radius:12px;transition:transform .2s;}

.kortel-frontpage .persona-card:hover {transform:translateY(-3px);}

.kortel-frontpage .persona-card h3 {font-family:'Golos Text';font-weight:700;font-size:17px;line-height:1.35;color:var(--text);}

.kortel-frontpage .persona-card p {margin-top:12px;font-size:14px;line-height:1.6;color:var(--text-muted);}

@media (max-width:900px) {
.kortel-frontpage .persona-grid {grid-template-columns:1fr;}
}

.kortel-frontpage .audience-track {display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:stretch;}

.kortel-frontpage .aud-card {
    padding:30px 22px;border:1px solid var(--panel-border);background:var(--panel-2);border-radius:12px;
    opacity:0.72;transition:transform .2s,opacity .2s;
  }

.kortel-frontpage .aud-card.focus {
    background:var(--text);color:var(--bg);opacity:1;transform:translateY(-14px);
    box-shadow:0 26px 50px -18px rgba(0,0,0,0.55);border-color:transparent;
  }

.kortel-frontpage .aud-num {font-size:12px;letter-spacing:0.08em;color:var(--faint);}

.kortel-frontpage .aud-card.focus .aud-num {color:#7c8ba0;}

.kortel-frontpage .aud-card h3 {margin-top:16px;font-size:18px;font-weight:700;line-height:1.3;}

.kortel-frontpage .aud-card.focus h3 {color:var(--bg);}

.kortel-frontpage .aud-card p {margin-top:10px;font-size:13.5px;line-height:1.55;color:var(--text-muted);}

.kortel-frontpage .aud-card.focus p {color:#43536b;}

.kortel-frontpage .aud-more {margin-top:16px;font-size:13px;font-weight:600;color:var(--blue-soft);}

.kortel-frontpage .aud-card.focus .aud-more {color:#1f5fa8;}

@media (max-width:980px) {
.kortel-frontpage .audience-track {grid-template-columns:1fr 1fr;}
}

@media (max-width:600px) {
.kortel-frontpage .audience-track {grid-template-columns:1fr;}
.kortel-frontpage .aud-card.focus {transform:none;}
}

.kortel-frontpage .services-sec {padding:130px 0;position:relative;overflow:hidden;}

.kortel-frontpage .services-sec::before {
    content:"";position:absolute;top:-10%;right:-6%;width:38%;aspect-ratio:1;z-index:0;pointer-events:none;
    background:radial-gradient(circle, rgba(74,144,217,0.16), transparent 70%);
  }

.kortel-frontpage .services-sec .wrap {position:relative;z-index:1;}

.kortel-frontpage .services-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch;}

.kortel-frontpage .service-card {display:flex;flex-direction:column;padding:34px 26px;border:1px solid var(--panel-border);background:var(--panel-2);border-radius:12px;transition:transform .2s,border-color .2s;}

.kortel-frontpage .service-card:hover {transform:translateY(-3px);border-color:var(--blue-dim);}

.kortel-frontpage .service-card.featured {background:var(--panel);border-color:var(--blue-dim);box-shadow:0 26px 60px -24px rgba(74,144,217,0.35);position:relative;}

.kortel-frontpage .service-card h3 {font-family:'Golos Text';font-weight:700;font-size:18px;line-height:1.3;color:var(--text);}

.kortel-frontpage .service-price {margin-top:14px;font-family:'Golos Text';font-weight:800;font-size:25px;color:var(--gold-soft);}

.kortel-frontpage .service-price span {font-size:13.5px;font-weight:500;color:var(--faint);}

.kortel-frontpage .service-card p {margin-top:16px;font-size:13.5px;line-height:1.6;color:var(--text-muted);flex-grow:1;}

.kortel-frontpage .service-more {margin-top:22px;font-size:13px;font-weight:600;color:var(--blue-soft);}

.kortel-frontpage .service-card.featured .service-more {color:var(--blue-soft);}

@media (max-width:980px) {
.kortel-frontpage .services-grid {grid-template-columns:1fr 1fr;}
}

@media (max-width:600px) {
.kortel-frontpage .services-grid {grid-template-columns:1fr;}
}

.kortel-frontpage .unsure-sec {padding:0 0 90px;}

.kortel-frontpage .unsure-box {
    display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;
    padding:34px 40px;border:1px dashed var(--panel-border);border-radius:14px;
  }

.kortel-frontpage .unsure-text h3 {font-family:'Golos Text';font-weight:700;font-size:19px;color:var(--text);}

.kortel-frontpage .unsure-text p {margin-top:8px;font-size:14px;line-height:1.6;color:var(--text-muted);max-width:540px;}

@media (max-width:700px) {
.kortel-frontpage .unsure-box {padding:28px 24px;}
}

.kortel-frontpage .leadmagnet-sec {padding:0 0 130px;}

.kortel-frontpage .leadmagnet-panel {
    background:linear-gradient(165deg,#2f6296,var(--blue-dim));
    padding:60px 56px;display:flex;justify-content:space-between;align-items:center;gap:48px;flex-wrap:wrap;
    border-radius:18px;position:relative;overflow:hidden;
  }

.kortel-frontpage .leadmagnet-panel::before {
    content:"";position:absolute;top:-30%;right:-10%;width:60%;height:160%;
    background:radial-gradient(circle, rgba(255,255,255,0.14), transparent 70%);
    pointer-events:none;
  }

.kortel-frontpage .leadmagnet-text {max-width:540px;}

.kortel-frontpage .leadmagnet-text .eyebrow {color:rgba(255,255,255,0.65);}

.kortel-frontpage .leadmagnet-text h2 {margin-top:14px;font-size:clamp(23px,2.6vw,30px);font-weight:800;line-height:1.25;color:#fff;text-wrap:balance;}

.kortel-frontpage .leadmagnet-text p {margin-top:14px;font-size:15px;line-height:1.6;color:rgba(255,255,255,0.85);}

.kortel-frontpage .leadmagnet-text .btn {margin-top:28px;}

.kortel-frontpage .leadmagnet-stats {display:flex;gap:40px;flex-shrink:0;}

.kortel-frontpage .leadmagnet-stats div b {display:block;font-family:'Golos Text';font-size:36px;font-weight:800;color:#fff;}

.kortel-frontpage .leadmagnet-stats div span {display:block;margin-top:6px;font-size:12.5px;color:rgba(255,255,255,0.7);max-width:110px;}

@media (max-width:760px) {
.kortel-frontpage .leadmagnet-panel {padding:42px 28px;}
.kortel-frontpage .leadmagnet-stats {gap:28px;}
}

.kortel-frontpage .why-sec {padding:120px 0;background:var(--bg-soft);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}

.kortel-frontpage .why-track {display:grid;grid-template-columns:1.1fr 1fr 0.8fr;gap:2px;background:var(--hair);border:1px solid var(--hair);border-radius:16px;overflow:hidden;}

.kortel-frontpage .why-panel {background:var(--bg-soft);padding:36px 32px;position:relative;}

.kortel-frontpage .why-panel.blue {
    background:linear-gradient(165deg,#2f6296,var(--blue-dim));
  }

.kortel-frontpage .why-panel.blue .why-num {color:rgba(255,255,255,0.55);}

.kortel-frontpage .why-panel.blue h3 {color:#fff;}

.kortel-frontpage .why-panel.blue p {color:rgba(255,255,255,0.82);}

.kortel-frontpage .why-num {font-family:'Golos Text';font-size:13px;color:var(--faint);letter-spacing:0.08em;}

.kortel-frontpage .why-panel h3 {margin-top:16px;font-size:21px;font-weight:700;line-height:1.28;}

.kortel-frontpage .why-panel p {margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--text-muted);}

.kortel-frontpage .why-visual {margin-top:26px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);padding:18px;}

.kortel-frontpage .why-visual-head {display:flex;justify-content:space-between;font-size:11.5px;color:rgba(255,255,255,0.65);margin-bottom:14px;}

.kortel-frontpage .score-bar-row {margin-bottom:12px;}

.kortel-frontpage .score-bar-row:last-child {margin-bottom:0;}

.kortel-frontpage .score-bar-top {display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,0.85);margin-bottom:5px;}

.kortel-frontpage .score-bar-top b {font-variant-numeric:tabular-nums;}

.kortel-frontpage .score-track {height:6px;background:rgba(255,255,255,0.14);overflow:hidden;border-radius:999px;}

.kortel-frontpage .score-fill {height:100%;background:#fff;}

.kortel-frontpage .score-fill.low {background:var(--gold-soft);}

.kortel-frontpage .why-stack {display:flex;flex-direction:column;}

.kortel-frontpage .why-stack .why-panel {flex:1;border-bottom:1px solid var(--hair);}

.kortel-frontpage .why-stack .why-panel:last-child {border-bottom:none;}

.kortel-frontpage .why-credential {display:flex;flex-direction:column;justify-content:space-between;padding:32px 26px;}

.kortel-frontpage .why-credential .top span {font-size:11.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--faint);}

.kortel-frontpage .cred-stat {margin-top:56px;}

.kortel-frontpage .cred-stat b {display:block;font-family:'Golos Text';font-size:44px;font-weight:800;color:var(--gold-soft);line-height:1;}

.kortel-frontpage .cred-stat span {display:block;margin-top:10px;font-size:14px;color:var(--text-muted);line-height:1.5;}

@media (max-width:980px) {
.kortel-frontpage .why-track {grid-template-columns:1fr;}
}

.kortel-frontpage .cta-sec {padding:130px 0;}

.kortel-frontpage .cta-layout {display:grid;grid-template-columns:0.6fr 1fr;gap:56px;align-items:center;}

.kortel-frontpage .cta-photo-frame {aspect-ratio:4/5;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,0.6);border-radius:16px;}

.kortel-frontpage .cta-photo-frame img {width:100%;height:100%;object-fit:cover;object-position:top center;}

.kortel-frontpage .cta-text h2 {font-size:clamp(29px,3.8vw,44px);font-weight:800;line-height:1.12;}

.kortel-frontpage .cta-text p {margin-top:22px;font-size:17px;line-height:1.65;color:var(--text-muted);max-width:520px;}

.kortel-frontpage .cta-text .sign {margin-top:8px;font-family:'Golos Text';font-size:15px;font-weight:600;color:var(--text);}

.kortel-frontpage .cta-text .sign span {display:block;font-family:'Inter';font-weight:400;font-size:13px;color:var(--faint);margin-top:2px;}

.kortel-frontpage .cta-actions {display:flex;gap:16px;margin-top:34px;flex-wrap:wrap;}

.kortel-frontpage .social-sec {padding:100px 0 110px;}

.kortel-frontpage .social-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.kortel-frontpage .social-card {
    display:block;padding:30px 26px;border:1px solid var(--panel-border);background:var(--panel-2);
    border-radius:12px;transition:border-color .15s,transform .15s,box-shadow .15s;
  }

.kortel-frontpage .social-card:not(.soon):hover {border-color:var(--blue);transform:translateY(-3px);box-shadow:0 20px 40px -20px rgba(74,144,217,0.35);}

.kortel-frontpage .social-card.soon {opacity:0.62;}

.kortel-frontpage .social-icon {
    width:42px;height:42px;border-radius:50%;background:var(--panel);border:1px solid var(--panel-border);
    display:flex;align-items:center;justify-content:center;font-family:'Golos Text';font-weight:700;font-size:12px;color:var(--blue-soft);
  }

.kortel-frontpage .social-card h3 {margin-top:18px;font-size:16.5px;font-weight:700;color:var(--text);}

.kortel-frontpage .social-card p {margin-top:8px;font-size:13.5px;line-height:1.55;color:var(--text-muted);}

.kortel-frontpage .soon-tag {
    display:inline-block;margin-top:14px;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;
    color:var(--gold-soft);border:1px solid var(--blue-dim);padding:4px 10px;border-radius:999px;
  }

@media (max-width:760px) {
.kortel-frontpage .social-grid {grid-template-columns:1fr;}
}

.kortel-frontpage footer {padding:70px 0 34px;border-top:1px solid var(--hair);}

.kortel-frontpage .foot-top {display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding-bottom:56px;}

.kortel-frontpage .foot-brand p {margin-top:16px;font-size:14px;color:var(--faint);line-height:1.6;max-width:260px;}

.kortel-frontpage .foot-col b {display:block;font-size:12.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--faint);margin-bottom:18px;}

.kortel-frontpage .foot-col a {display:block;font-size:14.5px;color:var(--text-muted);margin-bottom:12px;}

.kortel-frontpage .foot-col a:hover {color:var(--text);}

.kortel-frontpage .foot-col a.icon-link {display:flex;align-items:center;gap:9px;}

.kortel-frontpage .foot-col a.icon-link svg {flex:none;}

.kortel-frontpage .foot-bottom {display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid var(--hair);font-size:12.5px;color:var(--faint);flex-wrap:wrap;gap:12px;}

.kortel-frontpage .draft-tag {
    position:fixed;left:18px;bottom:18px;z-index:60;background:var(--panel);border:1px solid var(--panel-border);
    padding:9px 14px;font-size:11.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);
    box-shadow:0 10px 30px -12px rgba(0,0,0,0.6);
  }

.kortel-frontpage .draft-tag b {color:var(--gold-soft);}

@media (max-width:980px) {
.kortel-frontpage nav.links {display:none;}
.kortel-frontpage .zones-layout, .kortel-frontpage .why-layout, .kortel-frontpage .cta-layout, .kortel-frontpage .about-layout {grid-template-columns:1fr;}
.kortel-frontpage .about-photo-frame {aspect-ratio:16/10;max-width:420px;}
.kortel-frontpage .zones-photo-wrap {position:static;}
.kortel-frontpage .zones-card {margin-left:0;margin-right:0;}
.kortel-frontpage .foot-top {grid-template-columns:1fr 1fr;}
}

@media (max-width:600px) {
.kortel-frontpage .wrap {padding:0 20px;}
.kortel-frontpage .foot-top {grid-template-columns:1fr;}
.kortel-frontpage .cta-actions, .kortel-frontpage .hero-actions {flex-direction:column;align-items:stretch;}
.kortel-frontpage .btn {justify-content:center;white-space:normal;text-align:center;}
.kortel-frontpage .nav {padding:12px 20px;}
.kortel-frontpage .brand-sub {display:none;}
.kortel-frontpage .icon-btn {display:none;}
.kortel-frontpage .brand-name {font-size:14px;}
.kortel-frontpage .brand-mark {width:34px;height:34px;font-size:12px;}
}

@media (max-width:380px) {
.kortel-frontpage .btn-sm {padding:8px 13px;font-size:12.5px;}
}