:root{
    --bg:#FFFFFF;
    --bg-2:#FFFFFF;
    --surface:#F5F7FA;
    --ink:#0A0A0A;
    --ink-soft:#3A3D42;
    --muted:#6B7280;
    --line:#E5E7EB;
    --accent:#2563EB;
    --accent-soft:#EFF4FE;
    --dark:#0A0A0A;
    --radius:18px;
    --shadow:0 20px 50px -24px rgba(10,10,10,.35);
    --shadow-sm:0 10px 28px -18px rgba(10,10,10,.3);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;scroll-padding-top:84px;overflow-x:hidden}
  body{font-family:'Montserrat',sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;max-width:100%}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
  section{padding:92px 0}
  h1,h2,h3{line-height:1.12;letter-spacing:-.02em}
  a{color:inherit;text-decoration:none}
  .eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:8px}
  .eyebrow::before{content:"";width:24px;height:2px;background:var(--accent);display:inline-block}

  /* Shared navigation is loaded from site.css. */

  /* HERO */
  .hero.video-hero{
    position:relative;
    min-height:calc(100svh - 68px);
    min-height:720px;
    padding:0;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
      radial-gradient(circle at 22% 28%, rgba(37,99,235,.35), transparent 34%),
      linear-gradient(135deg,#07111f 0%,#0d2d3d 52%,#07111f 100%);
    color:#fff;
    isolation:isolate;
  }

  .hero.video-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-4;
    background:
      linear-gradient(135deg, rgba(7,17,31,.42), rgba(13,45,61,.26)),
      url('/assets/video/home-hero-poster.jpg') center center/cover no-repeat;
    opacity:.92;
  }

  .video-hero__media{
    position:absolute;
    inset:0;
    z-index:-3;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    opacity:.92;
    filter:saturate(.95) contrast(1.04);
    background:#07111f url('/assets/video/home-hero-poster.jpg') center center/cover no-repeat;
  }

  .video-hero.video-hero--blocked .video-hero__media,
  .video-hero.video-hero--pending .video-hero__media{
    opacity:.78;
  }

  .video-hero.video-hero--playing .video-hero__media{
    opacity:.92;
  }

  .video-hero__overlay{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
      linear-gradient(90deg, rgba(3,7,18,.82) 0%, rgba(3,7,18,.56) 38%, rgba(3,7,18,.26) 68%, rgba(3,7,18,.58) 100%),
      linear-gradient(180deg, rgba(3,7,18,.30) 0%, rgba(3,7,18,.20) 42%, rgba(3,7,18,.72) 100%);
  }

  .video-hero__content{
    position:relative;
    z-index:1;
    width:100%;
    padding-top:80px;
    padding-bottom:80px;
  }

  .video-hero__copy{
    width:min(100%,720px);
  }

  .hero h1{
    color:#fff;
    max-width:11.5ch;
    font-size:clamp(3.2rem,7.2vw,6.35rem);
    font-weight:600;
    line-height:.96;
    letter-spacing:-.065em;
    margin:0 0 28px;
    text-wrap:balance;
    text-shadow:0 18px 58px rgba(0,0,0,.34);
  }

  .hero h1 .hl{
    color:#fff;
  }

  .hero .lead{
    max-width:58ch;
    margin:0 0 32px;
    color:rgba(255,255,255,.88);
    font-size:clamp(1.05rem,1.7vw,1.28rem);
    line-height:1.55;
    font-weight:400;
    text-shadow:0 12px 34px rgba(0,0,0,.28);
  }

  .hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

  /* Buttons restored after PHP layout migration */
  .page-home .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 24px;border-radius:999px;border:1px solid transparent;font-family:inherit;font-size:.95rem;font-weight:800;line-height:1;text-decoration:none;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease;white-space:nowrap}
  .page-home .btn:hover{transform:translateY(-1px)}
  .page-home .btn-primary{background:var(--accent);color:#fff;box-shadow:0 18px 40px rgba(37,99,235,.34)}
  .page-home .btn-primary:hover{box-shadow:0 22px 46px rgba(37,99,235,.42)}
  .page-home .btn-ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.34);box-shadow:0 12px 34px rgba(0,0,0,.14);backdrop-filter:blur(10px)}
  .page-home .btn-ghost:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.56);color:#fff}
  .page-home button.btn{appearance:none;-webkit-appearance:none}

  .hero-note{margin-top:26px;font-size:.96rem;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:10px}
  .hero-note span{color:var(--ink-soft)}

  /* Old hero player styles are kept for later reuse. The player markup is commented in home-page.php. */
  .wave-card{background:var(--dark);border-radius:24px;padding:36px 32px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow)}
  .wave-card .mic{font-size:1.5rem;margin-bottom:18px}
  .wave-card h3{font-size:1.2rem;font-weight:700;margin-bottom:6px}
  .wave-card p{color:rgba(255,255,255,.6);font-size:.9rem;font-weight:500}
  .wave{display:flex;align-items:flex-end;gap:5px;height:84px;margin:26px 0 22px}
  .wave i{flex:1;background:linear-gradient(180deg,var(--accent),#60A5FA);border-radius:6px;animation:eq 1.1s ease-in-out infinite}
  @keyframes eq{0%,100%{height:16%}50%{height:100%}}
  .wave-stats{display:flex;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
  .wave-stats div{flex:1}
  .wave-stats b{display:block;font-size:1.4rem;font-weight:800;color:#60A5FA}
  .wave-stats small{font-size:.72rem;color:rgba(255,255,255,.55);font-weight:500}

  @media (prefers-reduced-motion: reduce){
    .video-hero__media{display:none}
  }

  @media(max-width:760px){
    .hero.video-hero{
      min-height:calc(100svh - 68px);
      min-height:700px;
      align-items:flex-end;
    }
    .hero.video-hero::before{
      background-position:center center;
    }
    .video-hero__media{
      object-position:center center;
    }
    .video-hero__overlay{
      background:
        linear-gradient(180deg, rgba(3,7,18,.16) 0%, rgba(3,7,18,.28) 30%, rgba(3,7,18,.72) 100%),
        linear-gradient(90deg, rgba(3,7,18,.50), rgba(3,7,18,.24));
    }
    .video-hero__content{
      padding-top:72px;
      padding-bottom:62px;
    }
    .video-hero__copy{
      text-align:left;
      width:100%;
    }
    .hero h1{
      max-width:10.8ch;
      font-size:clamp(3.1rem,13.5vw,4.75rem);
      line-height:.98;
      letter-spacing:-.06em;
      margin-bottom:24px;
    }
    .hero .lead{
      max-width:30ch;
      font-size:1.08rem;
      line-height:1.55;
      margin-bottom:28px;
    }
    .hero-cta{
      width:100%;
    }
    .hero-cta .btn{
      flex:1 1 auto;
      min-width:min(100%,220px);
      justify-content:center;
    }
  }

  @media(max-width:420px){
    .hero.video-hero{min-height:660px}
    .hero h1{font-size:clamp(2.65rem,13vw,3.55rem)}
    .hero .lead{font-size:1rem}
    .hero-cta .btn{width:100%}
  }

  /* TICKER */
  .ticker{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;width:100%;max-width:100%;contain:paint}
  .ticker-track{display:inline-flex;gap:40px;padding:15px 0;animation:scroll 34s linear infinite}
  .ticker span{font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.92)}
  @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}


  /* AUDIENCE SHOWCASE */
  .audience-showcase{
    padding:82px 0 92px;
    background:
      radial-gradient(circle at 12% 20%, rgba(37,99,235,.09), transparent 32%),
      linear-gradient(180deg,#fff 0%, #F8FAFC 100%);
  }

  .audience-showcase__head{
    max-width:760px;
    margin:0 auto 34px;
    text-align:center;
  }

  .audience-showcase__head h2{
    margin:0 0 14px;
    font-size:clamp(2.2rem,4.6vw,4.45rem);
    line-height:.98;
    font-weight:600;
    letter-spacing:-.055em;
    color:var(--ink);
    text-wrap:balance;
  }

  .audience-showcase__head p{
    max-width:680px;
    margin:0 auto;
    color:var(--ink-soft);
    font-size:clamp(1rem,1.35vw,1.15rem);
    line-height:1.7;
    font-weight:500;
  }

  .audience-showcase__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    align-items:stretch;
  }

  .audience-tile{
    min-height:300px;
    border-radius:34px;
    padding:36px 32px 34px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    position:relative;
    overflow:hidden;
    isolation:isolate;
    box-shadow:0 28px 70px rgba(15,23,42,.12);
    transform:translateZ(0);
  }

  .audience-tile::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:var(--audience-gradient);
  }

  .audience-tile::after{
    content:"";
    position:absolute;
    inset:-38% -18% auto auto;
    width:240px;
    height:240px;
    border-radius:50%;
    background:rgba(255,255,255,.22);
    filter:blur(34px);
    z-index:-1;
  }

  .audience-tile--brands{--audience-gradient:linear-gradient(135deg,#536DFE 0%,#B36CFF 100%)}
  .audience-tile--founders{--audience-gradient:linear-gradient(135deg,#F54FD8 0%,#FF7A66 100%)}
  .audience-tile--experts{--audience-gradient:linear-gradient(135deg,#6FE34F 0%,#42C7F4 100%)}

  .audience-tile__icon{
    width:92px;
    height:92px;
    margin:0 0 30px;
    border-radius:25px;
    display:grid;
    place-items:center;
    background:
      var(--audience-icon) center / 56% auto no-repeat,
      linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,255,255,.18));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.55),
      0 18px 38px rgba(15,23,42,.20);
    backdrop-filter:blur(10px);
  }

  .audience-tile h3{
    margin:0 0 10px;
    font-size:clamp(1.7rem,2.55vw,2.25rem);
    line-height:1.02;
    font-weight:750;
    letter-spacing:-.045em;
    color:#fff;
    text-shadow:0 10px 28px rgba(15,23,42,.16);
  }

  .audience-tile p{
    max-width:34ch;
    margin:0;
    color:rgba(255,255,255,.90);
    font-size:1rem;
    line-height:1.55;
    font-weight:600;
  }

  @media(max-width:980px){
    .audience-showcase__grid{gap:26px}
    .audience-tile{min-height:276px;padding:30px 24px;border-radius:28px}
    .audience-tile__icon{width:78px;height:78px;margin-bottom:24px;border-radius:22px}
  }

  @media(max-width:760px){
    .audience-showcase{padding:58px 0 68px}
    .audience-showcase__head{text-align:left;margin-bottom:24px}
    .audience-showcase__head h2{font-size:clamp(2.2rem,11vw,3.35rem);letter-spacing:-.06em}
    .audience-showcase__head p{margin-left:0;font-size:1rem;line-height:1.6}
    .audience-showcase__grid{grid-template-columns:1fr;gap:24px}
    .audience-tile{min-height:244px;align-items:flex-start;text-align:left;padding:28px 26px;border-radius:28px}
    .audience-tile__icon{width:72px;height:72px;margin-bottom:22px;border-radius:20px}
    .audience-tile p{max-width:100%;font-size:.98rem}
  }

  @media(max-width:420px){
    .audience-tile{min-height:230px;padding:26px 22px;border-radius:24px}
    .audience-tile h3{font-size:1.8rem}
  }

  .sec-head{max-width:660px;margin-bottom:46px}
  .sec-head h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;margin:16px 0 12px}
  .sec-head p{color:var(--ink-soft);font-size:1.04rem}
  .sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
  .sec-head.center .eyebrow{justify-content:center}
  .surface{background:var(--surface)}

  /* CARDS */
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:.3s}
  .card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}
  .card .ico{font-size:1.7rem;margin-bottom:13px}
  .card h3{font-size:1.08rem;font-weight:700;margin-bottom:8px}
  .card p{color:var(--ink-soft);font-size:.92rem}

  /* SERVICES */
  .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .svc-card{background:var(--bg-2);border:1px solid var(--line);border-radius:22px;padding:32px 28px;display:flex;flex-direction:column;transition:.3s;position:relative;overflow:hidden}
  .svc-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s}
  .svc-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}
  .svc-card:hover::before{transform:scaleX(1)}
  .svc-card .tag{font-size:1.6rem;margin-bottom:15px}
  .svc-card h3{font-size:1.35rem;font-weight:800;margin-bottom:8px}
  .svc-card .sub{color:var(--ink-soft);font-size:.94rem;margin-bottom:22px}
  .svc-card ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:auto}
  .svc-card li{font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:10px}
  .svc-card li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
 .svc-card .svc-image{
  margin:-8px -8px 20px;          /* небольшой отрицательный отступ, чтобы картинка чуть выезжала к краям карточки */
  border-radius:14px;
  overflow:hidden;
  aspect-ratio: 16 / 10;          /* одинаковая высота у всех трёх карточек */
  background:var(--surface);      /* плейсхолдер пока картинка грузится */
}
.svc-card .svc-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.svc-card:hover .svc-image img{
  transform:scale(1.04);          /* лёгкий zoom при наведении — необязательно, можно убрать */
}

@media(max-width:860px){
  .svc-card .svc-image{aspect-ratio:16 / 9;margin-bottom:16px}
}
@media(max-width:520px){
  .svc-card .svc-image{aspect-ratio:2 / 1}
}


  /* FULL-CYCLE AGENCY / PRICING-STYLE BLOCK */
  .agency-pricing{
    padding:88px 0 96px;
    background:
      radial-gradient(circle at 85% 10%, rgba(37,99,235,.08), transparent 30%),
      linear-gradient(180deg,#F8FAFC 0%,#fff 100%);
  }

  .agency-pricing__head{
    max-width:780px;
    margin:0 auto 42px;
    text-align:center;
  }

  .agency-pricing__head h2{
    margin:0 0 14px;
    font-size:clamp(2.2rem,4.8vw,4.6rem);
    line-height:.98;
    font-weight:600;
    letter-spacing:-.06em;
    color:var(--ink);
    text-wrap:balance;
  }

  .agency-pricing__head p{
    max-width:720px;
    margin:0 auto;
    color:var(--ink-soft);
    font-size:clamp(1rem,1.35vw,1.16rem);
    line-height:1.72;
    font-weight:500;
  }

  .agency-plans{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
    align-items:stretch;
  }

  .agency-plan{
    position:relative;
    display:flex;
    min-width:0;
  }

  .agency-plan__body{
    width:100%;
    display:flex;
    flex-direction:column;
    min-height:720px;
    padding:42px 36px 36px;
    background:#fff;
    border:1px solid #DDE3EA;
    border-radius:18px;
    box-shadow:0 20px 60px rgba(15,23,42,.06);
  }

  .agency-plan--popular .agency-plan__body,
  .agency-plan--value .agency-plan__body{
    padding-top:48px;
  }

  .agency-plan__badge{
    position:absolute;
    left:34px;
    right:34px;
    top:-18px;
    height:38px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
    color:#fff;
    font-size:1rem;
    font-weight:800;
    letter-spacing:-.015em;
    background:linear-gradient(135deg,#147DFF 0%,#2563EB 100%);
    box-shadow:0 12px 28px rgba(37,99,235,.25);
  }

  .agency-plan--value .agency-plan__badge{
    background:linear-gradient(135deg,#7C3AED 0%,#C000F5 100%);
    box-shadow:0 12px 28px rgba(124,58,237,.25);
  }

  .agency-plan h3{
    margin:0 0 10px;
    color:var(--ink);
    font-size:clamp(1.75rem,2.35vw,2.35rem);
    line-height:1.05;
    font-weight:780;
    letter-spacing:-.045em;
  }

  .agency-plan__sub{
    min-height:84px;
    margin:0 0 34px;
    color:#535B67;
    font-size:1.02rem;
    line-height:1.52;
    font-weight:500;
  }

  .agency-plan__price{
    margin:0 0 10px;
    color:var(--ink);
    font-size:clamp(3rem,5vw,4.55rem);
    line-height:.95;
    font-weight:700;
    letter-spacing:-.06em;
  }

  .agency-plan__price span{
    display:inline-block;
    margin-right:10px;
    font-size:.62em;
    font-weight:760;
    vertical-align:.12em;
  }

  .agency-plan__note{
    min-height:44px;
    margin:0 0 30px;
    color:#2F7D00;
    font-size:.96rem;
    line-height:1.42;
    font-weight:600;
  }

  .agency-plan__features{
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:16px;
    margin:0;
    padding:0;
  }

  .agency-plan__features li{
    position:relative;
    padding-left:22px;
    color:#20252D;
    font-size:1rem;
    line-height:1.36;
    font-weight:500;
  }

  .agency-plan__features li::before{
    content:"";
    position:absolute;
    left:2px;
    top:.58em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:currentColor;
  }

  .agency-plan__features strong{font-weight:600}

  .agency-plan__section{
    margin:54px 0 16px;
    color:var(--ink);
    font-size:1.22rem;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.02em;
  }

  .agency-plan__features--secondary{
    margin-top:0;
    padding-bottom:0;
  }

  @media(max-width:1100px){
    .agency-plans{gap:25px}
    .agency-plan__body{padding:38px 26px 30px;min-height:720px}
    .agency-plan--popular .agency-plan__body,
    .agency-plan--value .agency-plan__body{padding-top:46px}
    .agency-plan__badge{left:22px;right:22px}
    .agency-plan__sub{min-height:104px}
  }

  @media(max-width:900px){
    .agency-pricing{padding:68px 0 76px}
    .agency-plans{grid-template-columns:1fr;gap:40px}
    .agency-plan__body{min-height:0;padding:42px 30px 34px}
    .agency-plan--popular .agency-plan__body,
    .agency-plan--value .agency-plan__body{padding-top:50px}
    .agency-plan__sub,.agency-plan__note{min-height:0}
    .agency-plan__section{margin-top:36px}
  }

  @media(max-width:760px){
    .agency-pricing__head{text-align:left;margin-bottom:40px}
    .agency-pricing__head h2{font-size:clamp(2.2rem,11vw,3.4rem);letter-spacing:-.06em}
    .agency-pricing__head p{margin-left:0;font-size:1rem;line-height:1.62}
    .agency-plan__body{border-radius:20px;padding:38px 24px 28px}
    .agency-plan__badge{left:20px;right:20px;top:-16px;height:34px;font-size:.92rem}
    .agency-plan h3{font-size:2rem}
    .agency-plan__price{font-size:3.15rem}
    .agency-plan__features{gap:14px}
    .agency-plan__features li{font-size:.96rem}
  }

  @media(max-width:420px){
    .agency-plan__body{padding-left:21px;padding-right:21px}
    .agency-plan__price{font-size:2.85rem}
  }

  /* PROCESS */
  .process-flow{
    padding:96px 0 86px;
    background:#fff;
  }

  .process-flow__head{
    max-width:760px;
    margin:0 auto 62px;
    text-align:center;
  }

  .process-flow__head h2{
    margin:0;
    color:var(--ink);
    font-size:clamp(2.9rem,6.2vw,5.35rem);
    line-height:.9;
    letter-spacing:-.075em;
    font-weight:600;
  }

  .process-flow__head p{
    max-width:680px;
    margin:22px auto 0;
    color:var(--ink-soft);
    font-size:clamp(1rem,1.35vw,1.16rem);
    line-height:1.72;
    font-weight:500;
  }

  .process-flow__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    column-gap:54px;
    row-gap:54px;
  }

  .process-step{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:24px;
    align-items:start;
    min-width:0;
  }

  .process-step__num{
    position:relative;
    width:104px;
    height:104px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,#2F6BFF 0%,#1DB954 100%);
    box-shadow:0 20px 45px rgba(37,99,235,.18);
    flex:none;
  }

  .process-step__num::after{
    content:"";
    position:absolute;
    right:-3px;
    top:-4px;
    width:32px;
    height:32px;
    border-radius:50%;
    background:#5FE20C;
    border:8px solid #fff;
    box-shadow:0 8px 20px rgba(15,23,42,.08);
  }

  .process-step__num span{
    position:relative;
    z-index:1;
    font-size:2.6rem;
    line-height:1;
    font-weight:900;
    letter-spacing:-.05em;
  }

  .process-step__body h3{
    margin:0;
    color:var(--ink);
    font-size:1.58rem;
    line-height:1.12;
    letter-spacing:-.045em;
    font-weight:600;
  }

  .process-step__body p{
    margin:18px 0 0;
    color:#525762;
    font-size:1rem;
    line-height:1.55;
    font-weight:500;
  }

  /* MEDIA COMPARISON */
  .media-comparison{
    padding:92px 0 104px;
    background:linear-gradient(180deg,#FAFBFF 0%,#fff 100%);
    overflow:hidden;
  }

  .media-comparison__head{
    max-width:780px;
    margin:0 auto 42px;
    text-align:center;
  }

  .media-comparison__head h2{
    margin:0;
    color:var(--ink);
    font-size:clamp(2.7rem,5.7vw,4.9rem);
    line-height:.94;
    letter-spacing:-.072em;
    font-weight:600;
  }

  .media-comparison__head p{
    max-width:720px;
    margin:20px auto 0;
    color:var(--ink-soft);
    font-size:clamp(1rem,1.35vw,1.16rem);
    line-height:1.72;
    font-weight:500;
  }

  .comparison-table-wrap{
    max-width:1180px;
    margin:0 auto;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:28px;
    outline:none;
  }

  .comparison-table{
    width:100%;
    min-width:860px;
    border-collapse:separate;
    border-spacing:0 12px;
    color:var(--ink);
  }

  .comparison-table thead th{
    padding:0 24px 6px;
    color:#717783;
    font-size:.74rem;
    line-height:1;
    font-weight:600;
    letter-spacing:.12em;
    text-transform:uppercase;
    text-align:center;
    white-space:nowrap;
  }

  .comparison-table thead th:first-child,
  .comparison-table tbody th{
    text-align:left;
  }

  .comparison-table tbody tr{
    background:#F6F6F7;
  }

  .comparison-table tbody th,
  .comparison-table tbody td{
    padding:22px 24px;
    background:#F6F6F7;
    border:0;
    font-size:1.04rem;
    line-height:1.25;
    font-weight:500;
    text-align:center;
    vertical-align:middle;
  }

  .comparison-table tbody th{
    width:32%;
    color:#15191F;
    font-weight:550;
  }

  .comparison-table tbody td:first-of-type{
    color:#101419;
    font-weight:650;
  }

  .comparison-table tbody th:first-child{
    border-radius:20px 0 0 20px;
  }

  .comparison-table tbody td:last-child{
    border-radius:0 20px 20px 0;
  }

  .mark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:50%;
    font-size:1.35rem;
    line-height:1;
    font-weight:650;
  }

  .mark--yes{color:#059669}
  .mark--no{color:#6B7280}
  .mark--partial{color:#A3A8B2;font-size:1.65rem}

  /* TOOLS */
  .tool-tabs{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;width:max-content;max-width:100%;margin:0 auto 34px}
  .tool-tabs button{border:0;background:transparent;font-family:inherit;font-weight:700;font-size:.9rem;padding:11px 22px;border-radius:999px;cursor:pointer;color:var(--ink-soft);transition:.25s;white-space:nowrap}
  .tool-tabs button.active{background:var(--accent);color:#fff}
  .tool-panel{display:none;animation:fade .4s}
  .tool-panel.active{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .quiz{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:var(--shadow-sm)}
  .quiz-q{margin-bottom:28px}
  .quiz-q .qlabel{font-weight:700;font-size:1.04rem;margin-bottom:13px;display:flex;align-items:center;gap:10px}
  .quiz-q .qlabel .qn{background:var(--accent-soft);color:var(--accent);font-size:.78rem;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none}
  .opts{display:flex;flex-wrap:wrap;gap:9px}
  .opt{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 17px;font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:.2s;color:var(--ink)}
  .opt:hover{border-color:var(--accent)}
  .opt.sel{background:var(--accent);border-color:var(--accent);color:#fff}
  .quiz-result{margin-top:8px;background:var(--dark);color:#fff;border-radius:18px;padding:30px;display:none}
  .quiz-result.show{display:block;animation:fade .4s}
  .quiz-result .rtag{color:#60A5FA;font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}
  .quiz-result h3{font-size:1.6rem;font-weight:800;margin:8px 0 10px}
  .quiz-result p{color:rgba(255,255,255,.7);font-size:.96rem;margin-bottom:20px}
  .quiz-hint{text-align:center;color:var(--muted);font-size:.86rem;margin-top:18px}
  .mult{max-width:880px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:var(--shadow-sm)}
  .mult-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:26px}
  .mult-top .ml{font-weight:700;font-size:1.08rem}
  .mult-top .mr{text-align:right}
  .mult-top .mr b{font-size:3rem;font-weight:600;color:var(--accent);line-height:1;display:block}
  .mult-top .mr small{color:var(--muted);font-weight:550;font-size:.84rem}
  input[type=range]{-webkit-appearance:none;width:100%;height:8px;border-radius:999px;background:var(--line);outline:none;margin:6px 0 4px}
  input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 4px 12px -2px rgba(37,99,235,.6);border:3px solid #fff}
  input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid #fff}
  .range-row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);font-weight:600}
  .breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
  .bd{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;transition:.3s}
  .bd:hover{transform:translateY(-3px);border-color:var(--accent)}
  .bd .e{font-size:1.4rem}
  .bd b{display:block;font-size:1.45rem;font-weight:600;margin:6px 0 2px}
  .bd small{font-size:.78rem;color:var(--ink-soft);font-weight:500}

  /* BLOG cards */
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .blog-card{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;transition:.3s;cursor:pointer}
  .blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}
  .blog-card .bcat{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
  .blog-card h3{font-size:1.1rem;font-weight:700;margin:12px 0 10px;line-height:1.3}
  .blog-card p{color:var(--ink-soft);font-size:.89rem;flex:1}
  .blog-card .bmeta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:.82rem;font-weight:700;color:var(--muted)}
  .blog-card .bread{color:var(--accent)}

  /* PRESS */
  .press-logos{display:flex;flex-wrap:wrap;gap:13px;justify-content:center;margin-bottom:34px}
  .plogo{font-weight:800;letter-spacing:.04em;font-size:.95rem;color:var(--ink);opacity:.4;border:1px solid var(--line);border-radius:12px;padding:14px 22px;background:var(--bg-2);transition:.3s}
  .plogo:hover{opacity:1;border-color:var(--accent);color:var(--accent)}
  .press-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .pq{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:28px}
  .pq .qmark{color:var(--accent);font-size:2rem;font-weight:900;line-height:.5}
  .pq p{font-weight:600;font-size:1rem;line-height:1.45;margin-top:14px}
  .pq .src{margin-top:16px;font-size:.78rem;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}

  /* ABOUT */
  .about{background:var(--dark);color:#fff;border-radius:30px;padding:70px 54px;text-align:center;position:relative;overflow:hidden}
  .about .glow{position:absolute;width:300px;height:300px;border-radius:50%;background:var(--accent);filter:blur(120px);opacity:.4;top:-100px;left:-60px}
  .about .quote{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;max-width:24ch;margin:18px auto 0;line-height:1.3;position:relative}
  .about .quote .hl{color:#60A5FA}

  /* CONTACT */
  .contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
  .contact-wrap h2{font-size:clamp(2rem,4vw,2.9rem);font-weight:800;margin:16px 0 14px}
  .contact-wrap .csub{color:var(--ink-soft);font-size:1.1rem;margin-bottom:26px}
  .cform{background:var(--bg-2);border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow-sm)}
  .cform label{display:block;font-weight:600;font-size:.84rem;margin-bottom:7px}
  .cform input,.cform select{width:100%;font-family:inherit;font-size:.94rem;padding:13px 15px;border:1.5px solid var(--line);border-radius:11px;background:var(--surface);margin-bottom:17px;color:var(--ink);outline:none;transition:.2s}
  .cform input:focus,.cform select:focus{border-color:var(--accent)}
  .cform .btn{width:100%;justify-content:center}
  .cform .ok{display:none;text-align:center;padding:20px;color:var(--accent);font-weight:700}

  /* Shared footer is loaded from site.css. */

  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
  .reveal.in{opacity:1;transform:none}

  @media(max-width:920px){
    .hero-grid,.why-wrap,.contact-wrap{grid-template-columns:1fr}
    .cards,.svc,.breakdown,.blog-grid,.press-quotes{grid-template-columns:1fr 1fr}
    .process-flow__grid{grid-template-columns:1fr 1fr}
    .nav-links{display:none}
    .menu-toggle{display:block}
    .nav-links.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:var(--bg);padding:20px 24px;border-bottom:1px solid var(--line);gap:16px}
    .about{padding:52px 26px}
  }
  @media(max-width:560px){
    section{padding:60px 0}
    .cards,.svc,.breakdown,.blog-grid,.press-quotes{grid-template-columns:1fr}
    .process-flow__grid{grid-template-columns:1fr}
    .quiz,.mult,.cform{padding:26px}
    .hero-cta .btn{flex:1;justify-content:center}
    .nav{gap:10px}
    .nav-right{gap:8px}
    .nav-right > .btn-primary{display:none}
    .logo{font-size:.96rem}
    .tool-tabs{width:100%;max-width:100%;overflow:hidden;gap:4px;padding:4px}
    .tool-tabs button{flex:1 1 0;min-width:0;padding:10px 8px;font-size:.78rem;line-height:1.2;white-space:normal;text-align:center}
    .ticker-track{gap:28px}
  }


  @media(max-width:1100px){
    .process-flow__grid{column-gap:30px;row-gap:42px}
    .process-step{grid-template-columns:96px 1fr;gap:20px}
    .process-step__num{width:88px;height:88px}
    .process-step__num span{font-size:2.2rem}
    .process-step__body h3{font-size:1.36rem}
  }

  @media(max-width:900px){
    .process-flow{padding:72px 0 76px}
    .process-flow__head{text-align:left;margin-bottom:40px}
    .process-flow__head h2{font-size:clamp(2.35rem,10vw,3.75rem)}
    .process-flow__head p{margin-left:0;font-size:1rem}
    .process-flow__grid{grid-template-columns:1fr 1fr;gap:30px}
    .process-step{grid-template-columns:84px 1fr}
    .process-step__num{width:76px;height:76px}
    .process-step__num::after{width:24px;height:24px;border-width:6px}
    .process-step__num span{font-size:1.92rem}
    .media-comparison{padding:74px 0 82px}
    .media-comparison__head{text-align:left;margin-bottom:28px}
    .media-comparison__head h2{font-size:clamp(2.2rem,10vw,3.55rem)}
    .media-comparison__head p{margin-left:0;font-size:1rem}
    .comparison-table-wrap{margin-left:-2px;margin-right:-2px;border-radius:22px}
    .comparison-table{min-width:800px}
    .comparison-table tbody th,.comparison-table tbody td{padding:18px 18px;font-size:.98rem}
  }

  @media(max-width:620px){
    .process-flow__grid{grid-template-columns:1fr;gap:26px}
    .process-step{grid-template-columns:76px 1fr;gap:18px}
    .process-step__body h3{font-size:1.28rem}
    .process-step__body p{margin-top:10px;font-size:.96rem;line-height:1.52}
    .comparison-table{min-width:760px;border-spacing:0 10px}
    .comparison-table thead th{padding-left:16px;padding-right:16px;font-size:.68rem}
    .comparison-table tbody th,.comparison-table tbody td{padding:16px 16px;font-size:.94rem}
  }

  /* ITERATION 13 — stricter launch lab, testimonials and belief banner */
  .launch-lab{
    padding:92px 0 98px;
    background:#F6F7F9;
  }

  .launch-lab__head,
  .testimonials-section__head{
    max-width:760px;
    margin:0 auto 42px;
    text-align:center;
  }

  .launch-lab__head h2,
  .testimonials-section__head h2{
    margin:0 0 14px;
    color:var(--ink);
    font-size:clamp(2.1rem,4.6vw,4.25rem);
    line-height:.98;
    font-weight:600;
    letter-spacing:-.055em;s
    text-wrap:balance;
  }

  .launch-lab__head p,
  .testimonials-section__head p{
    max-width:720px;
    margin:0 auto;
    color:#4B5563;
    font-size:clamp(1rem,1.28vw,1.12rem);
    line-height:1.68;
    font-weight:500;
  }

  .launch-lab__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:22px;
    align-items:stretch;
  }

  .launch-card{
    display:block;
    background:#fff;
    border:1px solid #DDE3EA;
    border-radius:28px;
    padding:32px;
    box-shadow:0 20px 60px rgba(15,23,42,.06);
    min-width:0;
  }

  .launch-card__top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding-bottom:24px;
    margin-bottom:24px;
    border-bottom:1px solid #E7EBF0;
  }

  .launch-card__top h3{
    margin:0 0 8px;
    color:#121417;
    font-size:clamp(1.45rem,2.2vw,2.05rem);
    line-height:1.08;
    font-weight:550;
    letter-spacing:-.045em;
  }

  .launch-card__top p{
    margin:0;
    color:#5A6472;
    font-size:.98rem;
    line-height:1.58;
    font-weight:500;
  }

  .launch-card__index{
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    height:38px;
    padding:0 14px;
    border-radius:999px;
    background:#F3F4F6;
    color:#111827;
    font-size:.86rem;
    font-weight:820;
    letter-spacing:.05em;
  }

  .launch-card .quiz,
  .launch-card .mult{
    max-width:none;
    margin:0;
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
  }

  .launch-card .quiz-q{
    margin-bottom:22px;
  }

  .launch-card .quiz-q .qlabel{
    margin-bottom:11px;
    color:#15191F;
    font-size:.98rem;
    font-weight:550;
  }

  .launch-card .quiz-q .qlabel .qn{
    width:24px;
    height:24px;
    background:#111827;
    color:#fff;
    font-size:.72rem;
  }

  .launch-card .opts{
    gap:8px;
  }

  .launch-card .opt{
    background:#F6F7F9;
    border:1px solid #E0E5EB;
    color:#1F2937;
    border-radius:999px;
    padding:10px 14px;
    font-size:.84rem;
    font-weight:650;
  }

  .launch-card .opt:hover{
    border-color:#111827;
  }

  .launch-card .opt.sel{
    background:#111827;
    border-color:#111827;
    color:#fff;
  }

  .launch-card .quiz-result{
    margin-top:18px;
    padding:24px;
    border-radius:20px;
    background:#0A0A0A;
    color:#fff;
  }

  .launch-card .quiz-result .rtag{
    color:#93C5FD;
    font-size:.68rem;
    letter-spacing:.14em;
  }

  .launch-card .quiz-result h3{
    margin:8px 0 8px;
    font-size:1.38rem;
    font-weight:780;
  }

  .launch-card .quiz-result p{
    margin-bottom:18px;
    color:rgba(255,255,255,.72);
    font-size:.94rem;
    line-height:1.58;
  }

  .launch-card .quiz-hint{
    margin:12px 0 0;
    color:#6B7280;
    text-align:left;
    font-size:.84rem;
    font-weight:550;
  }

  .launch-card .mult-top{
    margin-bottom:26px;
    align-items:flex-start;
  }

  .launch-card .mult-top .ml{
    line-height:1.45;
    color:#15191F;
    font-size:.98rem;
    font-weight:550;
  }

  .mult-caption{
    margin-top:6px;
    color:#6B7280;
    font-weight:600;
    font-size:.88rem;
  }

  .mult-caption b{color:#111827}

  .launch-card .mult-top .mr{
    min-width:150px;
    text-align:right;
  }

  .launch-card .mult-top .mr b{
    color:#111827;
    font-size:3.3rem;
    font-weight:600;
    letter-spacing:-.06em;
  }

  .launch-card .mult-top .mr small{
    color:#6B7280;
    max-width:140px;
    margin-left:auto;
    display:block;
    line-height:1.3;
  }

  .launch-card input[type=range]{
    height:7px;
    background:#E5E7EB;
  }

  .launch-card input[type=range]::-webkit-slider-thumb{
    background:#111827;
    box-shadow:0 8px 18px rgba(17,24,39,.24);
  }

  .launch-card input[type=range]::-moz-range-thumb{
    background:#111827;
  }

  .launch-card .breakdown{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:24px;
  }

  .launch-card .bd{
    min-height:112px;
    background:#F6F7F9;
    border:1px solid #E4E7EC;
    border-radius:18px;
    padding:16px;
    text-align:left;
  }

  .launch-card .bd:hover{
    transform:none;
    border-color:#CBD5E1;
  }

  .launch-card .bd .e{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-size:.72rem;
    font-weight:550;
    letter-spacing:.05em;
  }

  .launch-card .bd b{
    margin:12px 0 1px;
    color:#111827;
    font-size:1.55rem;
    line-height:1;
  }

  .launch-card .bd small{
    color:#4B5563;
    font-size:.78rem;
    line-height:1.35;
  }

  .testimonials-section{
    position:relative;
    overflow:hidden;
    padding:92px 0 96px;
    background:
      radial-gradient(circle at 10% 8%, rgba(37,99,235,.075), transparent 30%),
      radial-gradient(circle at 88% 18%, rgba(179,108,255,.08), transparent 28%),
      linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);
  }

  .testimonials-section::before{
    content:"";
    position:absolute;
    inset:auto -12% -42% -12%;
    height:420px;
    background:radial-gradient(circle, rgba(66,199,244,.10), transparent 62%);
    pointer-events:none;
  }

  .testimonials-section .wrap{
    position:relative;
    z-index:1;
  }

  .testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
  }

  .testimonial-card{
    min-height:250px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:28px;
    padding:28px;
    border:1px solid rgba(225,230,237,.92);
    border-radius:24px;
    background:rgba(255,255,255,.82);
    color:#111827;
    box-shadow:0 20px 60px rgba(15,23,42,.045);
    backdrop-filter:blur(10px);
  }

  .testimonial-card p{
    margin:0;
    color:#15191F;
    font-size:1.02rem;
    line-height:1.55;
    font-weight:550;
    font-style: italic;
  }

  .testimonial-card strong,
  .testimonial-card span{
    display:block;
  }

  .testimonial-card strong{
    color:#111827;
    font-size:.96rem;
    font-weight:650;
  }

  .testimonial-card span{
    margin-top:4px;
    color:#667085;
    font-size:.82rem;
    font-weight:500;
  }

  .testimonial-card--blue{background:linear-gradient(135deg,rgba(239,246,255,.92) 0%,rgba(255,255,255,.86) 100%);border-color:#BFDBFE}
  .testimonial-card--green{background:linear-gradient(135deg,rgba(236,253,245,.92) 0%,rgba(255,255,255,.86) 100%);border-color:#BBF7D0}
  .testimonial-card--violet{background:linear-gradient(135deg,rgba(245,243,255,.94) 0%,rgba(255,255,255,.86) 100%);border-color:#DDD6FE}

  .belief-section{
    padding:72px 0 86px;
    background:#fff;
  }

  .belief-banner{
    display:block;
    position:relative;
    overflow:hidden;
    padding:48px 54px;
    border-radius:32px;
    background:
      radial-gradient(circle at 88% 12%, rgba(66,199,244,.42), transparent 33%),
      radial-gradient(circle at 7% 90%, rgba(245,79,216,.24), transparent 30%),
      linear-gradient(135deg,#2563EB 0%,#7C3AED 58%,#B36CFF 100%);
    color:#fff;
    box-shadow:0 28px 70px rgba(37,99,235,.20);
  }

  .belief-banner::before{
    content:"";
    position:absolute;
    inset:1px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:31px;
    pointer-events:none;
  }

  .belief-banner h2{
    position:relative;
    z-index:1;
    max-width:980px;
    margin:0;
    color:#fff;
    font-size:clamp(2.25rem,4.55vw,4.55rem);
    line-height:1.02;
    font-weight:700;
    letter-spacing:-.06em;
    text-wrap:balance;
  }

  @media(max-width:980px){
    .launch-lab__grid{grid-template-columns:1fr}
    .testimonial-grid{grid-template-columns:1fr 1fr}
    .belief-banner{padding:42px;border-radius:30px}
    .belief-banner::before{border-radius:29px}
    .belief-banner h2{font-size:clamp(2.35rem,7vw,3.9rem)}
  }

  @media(max-width:620px){
    .launch-lab,.testimonials-section{padding:64px 0 70px}
    .belief-section{padding:52px 0 62px}
    .launch-lab__head,.testimonials-section__head{text-align:left;margin-bottom:28px}
    .launch-lab__head h2,.testimonials-section__head h2{font-size:clamp(2.35rem,11vw,3.45rem)}
    .launch-lab__head p,.testimonials-section__head p{margin-left:0;font-size:.98rem;line-height:1.58}
    .launch-card{padding:24px;border-radius:24px}
    .launch-card__top{gap:14px;padding-bottom:20px;margin-bottom:20px}
    .launch-card__index{min-width:48px;height:34px;font-size:.78rem}
    .launch-card .mult-top{display:block}
    .launch-card .mult-top .mr{text-align:left;margin-top:18px}
    .launch-card .mult-top .mr small{margin-left:0}
    .launch-card .breakdown{grid-template-columns:1fr 1fr;gap:8px}
    .launch-card .bd{min-height:104px;padding:14px}
    .testimonial-grid{grid-template-columns:1fr}
    .testimonial-card{min-height:0;padding:24px;border-radius:22px}
    .belief-banner{padding:28px 22px;border-radius:26px}
    .belief-banner::before{border-radius:25px}
    .belief-banner h2{font-size:clamp(1.92rem,9.2vw,2.75rem);line-height:1.06;letter-spacing:-.055em}
  }

  /* CONTACT HERO FORM — iteration 15 */
  .contact-hero{
    position:relative;
    min-height:620px;
    padding:96px 0;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:#fff;
    isolation:isolate;
    background:
      radial-gradient(circle at 18% 24%, rgba(37,99,235,.36), transparent 32%),
      linear-gradient(135deg,#05070D 0%,#102A56 58%,#111827 100%);
  }

  .contact-hero__media{
    position:absolute;
    inset:0;
    z-index:-4;
    background-image:url('/assets/images/contact-bg.jpg');
    background-size:cover;
    background-position:center;
    opacity:.42;
    filter:saturate(.9) contrast(1.05);
  }

  .contact-hero__shade{
    position:absolute;
    inset:0;
    z-index:-3;
    background:
      linear-gradient(90deg, rgba(3,7,18,.84) 0%, rgba(3,7,18,.62) 42%, rgba(3,7,18,.48) 100%),
      linear-gradient(180deg, rgba(3,7,18,.20) 0%, rgba(3,7,18,.70) 100%);
  }

  .contact-hero__grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,470px);
    gap:64px;
    align-items:center;
  }

  .contact-hero__copy h2{
    max-width:9.2ch;
    margin:0;
    color:#fff;
    font-size:clamp(3.2rem,7vw,6.4rem);
    line-height:.96;
    letter-spacing:-.065em;
    font-weight:600;
    text-wrap:balance;
    text-shadow:0 22px 72px rgba(0,0,0,.46);
  }

  .contact-hero .cform{
    width:100%;
    margin:0;
    padding:34px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.26);
    background:rgba(255,255,255,.15);
    box-shadow:0 32px 90px rgba(0,0,0,.30);
    backdrop-filter:blur(22px) saturate(1.15);
    -webkit-backdrop-filter:blur(22px) saturate(1.15);
  }

  .contact-hero .cform__head{margin-bottom:24px}

  .contact-hero .cform__head h3{
    margin:0 0 8px;
    color:#fff;
    font-size:1.35rem;
    line-height:1.15;
    font-weight:780;
    letter-spacing:-.035em;
  }

  .contact-hero .cform__head p{
    margin:0;
    color:rgba(255,255,255,.76);
    font-size:.95rem;
    line-height:1.55;
  }

  .contact-hero .cform label{
    color:rgba(255,255,255,.82);
    font-size:.79rem;
    font-weight:700;
    letter-spacing:.02em;
    margin-bottom:8px;
  }

  .contact-hero .cform input,
  .contact-hero .cform select{
    margin-bottom:16px;
    min-height:52px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.26);
    background:rgba(255,255,255,.92);
    color:#111827;
    font-weight:600;
    box-shadow:0 1px 0 rgba(255,255,255,.22) inset;
  }

  .contact-hero .cform input::placeholder{color:#7B8190}

  .contact-hero .cform input:focus,
  .contact-hero .cform select:focus{
    border-color:rgba(255,255,255,.8);
    box-shadow:0 0 0 4px rgba(37,99,235,.22);
  }

  .contact-hero .cform .btn{
    min-height:54px;
    margin-top:4px;
    border-radius:16px;
    background:#fff;
    color:#0A0A0A;
    box-shadow:0 18px 42px rgba(0,0,0,.24);
  }

  .contact-hero .cform .btn:hover{
    transform:translateY(-1px);
    box-shadow:0 22px 50px rgba(0,0,0,.28);
  }

  .contact-hero .cform .ok{
    display:none;
    padding:28px 12px;
    color:#fff;
    font-weight:550;
    line-height:1.45;
  }

  @media(max-width:920px){
    .contact-hero{
      min-height:auto;
      padding:74px 0;
    }

    .contact-hero__grid{
      grid-template-columns:1fr;
      gap:32px;
    }

    .contact-hero__copy h2{
      max-width:10.5ch;
      font-size:clamp(3rem,13vw,5rem);
    }

    .contact-hero .cform{
      max-width:560px;
      padding:28px;
      border-radius:24px;
    }
  }

  @media(max-width:560px){
    .contact-hero{
      padding:64px 0;
      align-items:flex-start;
    }

    .contact-hero__media{background-position:center top}

    .contact-hero__copy h2{
      max-width:9.5ch;
      font-size:clamp(2.85rem,15vw,4.35rem);
      letter-spacing:-.06em;
    }

    .contact-hero .cform{
      padding:22px;
      border-radius:22px;
      background:rgba(255,255,255,.17);
    }

    .contact-hero .cform__head h3{font-size:1.18rem}
    .contact-hero .cform__head p{font-size:.9rem}
  }