/* ============================================================
   STRATEGY PROCESS — MOBILE SYNC WITH HOMEPAGE
   Scope: /kak-prohodit-strategicheskaya-sessiya/, <= 780px only.
   Matches homepage mobile typography, header, footer and motion language.
   ============================================================ */

@media (max-width:780px){
  .strategy-process-page{
    overflow-x:hidden;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-weight:400;
    font-kerning:normal;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
  }
  .strategy-process-page main{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-size:16px;
    line-height:1.64;
    letter-spacing:-.006em;
  }

  /* Header — same mobile language as homepage */
  .strategy-process-page .site-header{
    position:fixed;
    top:0;left:0;right:0;
    width:100%;
    background:linear-gradient(180deg,rgba(3,20,33,.44),rgba(3,20,33,.08));
    border-bottom-color:transparent;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease;
  }
  .strategy-process-page .site-header.is-scrolled{
    background:rgba(3,20,33,.78);
    border-bottom-color:rgba(224,184,105,.14);
    box-shadow:0 12px 34px rgba(0,0,0,.20);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
  .strategy-process-page .nav-row{height:76px}
  .strategy-process-page .brand{line-height:1.05}
  .strategy-process-page .brand-name{
    color:#dfb66f;
    font-family:"Source Serif 4",Georgia,"Times New Roman",serif!important;
    font-size:22px;
    font-weight:400!important;
    line-height:1.05;
    letter-spacing:-.025em!important;
  }
  .strategy-process-page .brand-sub{
    max-width:230px;
    margin-top:5px;
    color:#b4bec5;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:10.5px;
    font-weight:400!important;
    line-height:1.32!important;
    letter-spacing:-.006em!important;
  }
  .strategy-process-page .menu-toggle{
    width:42px;height:42px;
    margin-left:8px;
    border:0;
    color:#e0b869;
    background:transparent;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    font-size:30px;
    font-weight:300;
    line-height:1;
  }
  .strategy-process-page [data-mobile-menu]{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  }
  .strategy-process-page [data-mobile-menu] a,
  .strategy-process-page [data-mobile-menu] button{
    font-weight:500;
    letter-spacing:-.012em;
  }

  /* Hero typography — same premium hierarchy as homepage */
  .strategy-process-page .program-hero-copy{padding:130px 0 44px}
  .strategy-process-page .program-hero .eyebrow{
    margin:0 0 16px!important;
    color:#e0b869;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:11px!important;
    line-height:1.58!important;
    font-weight:600!important;
    letter-spacing:.23em!important;
    text-transform:uppercase;
  }
  .strategy-process-page .program-hero .eyebrow:after{
    content:"";
    display:block;
    width:48px;
    margin-top:18px;
    border-top:2px solid rgba(224,184,105,.92);
  }
  .strategy-process-page .program-hero h1{
    width:min(100%,350px);
    max-width:none;
    margin:0 0 22px;
    color:#fff;
    font-family:"Source Serif 4",Georgia,"Times New Roman",serif!important;
    font-size:clamp(42px,11.2vw,48px)!important;
    font-weight:400!important;
    font-optical-sizing:auto;
    line-height:.97!important;
    letter-spacing:-.044em!important;
    text-wrap:balance;
    text-shadow:0 2px 24px rgba(0,0,0,.24);
  }
  .strategy-process-page .program-hero-lead{
    width:min(100%,330px);
    max-width:none;
    margin:0;
    color:#f0f2f3;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:15.5px!important;
    line-height:1.62!important;
    font-weight:400!important;
    letter-spacing:-.009em!important;
  }
  .strategy-process-page .program-hero-actions{margin-top:24px;gap:16px}
  .strategy-process-page .program-hero-actions .btn{
    width:min(100%,285px);
    min-height:58px;
    padding:15px 20px;
    justify-content:space-between;
    border:1px solid #e6c078;
    border-radius:10px;
    background:linear-gradient(100deg,#b8863d 0%,#e7c27c 52%,#bd8d45 100%);
    color:#071b29!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.35);
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.25!important;
    letter-spacing:.01em!important;
  }
  .strategy-process-page .program-hero-link{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:13.5px;
    font-weight:500;
    line-height:1.5;
    letter-spacing:-.006em;
  }

  /* Summary — serif numbers like homepage facts */
  .strategy-process-page .program-summary-grid strong,
  .strategy-process-page .program-number-grid strong,
  .strategy-process-page .stage-number{
    font-family:"Source Serif 4",Georgia,"Times New Roman",serif!important;
    font-weight:400!important;
    font-optical-sizing:auto;
    letter-spacing:-.025em!important;
  }
  .strategy-process-page .program-summary-grid strong{font-size:23px!important;line-height:1.05!important}
  .strategy-process-page .program-summary-grid span{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:10px!important;
    line-height:1.4!important;
    font-weight:400!important;
    letter-spacing:-.005em!important;
  }

  /* Labels */
  .strategy-process-page main .eyebrow,
  .strategy-process-page .road-num,
  .strategy-process-page .boundary-grid article>span,
  .strategy-process-page .days-grid article>span,
  .strategy-process-page .stage-result strong,
  .strategy-process-page .program-related-card small,
  .strategy-process-page .program-case-grid article>span{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-weight:600!important;
    text-transform:uppercase;
    letter-spacing:.17em!important;
  }
  .strategy-process-page main .eyebrow{
    margin-bottom:16px!important;
    font-size:11px!important;
    line-height:1.48!important;
  }
  .strategy-process-page .road-num,
  .strategy-process-page .boundary-grid article>span,
  .strategy-process-page .days-grid article>span,
  .strategy-process-page .stage-result strong,
  .strategy-process-page .program-related-card small,
  .strategy-process-page .program-case-grid article>span{
    font-size:10.5px!important;
    line-height:1.45!important;
  }

  /* H2 / H3 — exact homepage mobile hierarchy */
  .strategy-process-page main h2{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:clamp(33px,8.8vw,39px)!important;
    font-weight:400!important;
    line-height:1.09!important;
    letter-spacing:-.046em!important;
    text-wrap:balance;
    -webkit-font-smoothing:antialiased;
  }
  .strategy-process-page main h3,
  .strategy-process-page .boundary-grid h3,
  .strategy-process-page .days-grid h3,
  .strategy-process-page .program-related-card h3,
  .strategy-process-page .program-case-grid h3{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:clamp(22px,6vw,25px)!important;
    font-weight:500!important;
    line-height:1.22!important;
    letter-spacing:-.032em!important;
    text-wrap:balance;
  }

  /* Leads and body copy */
  .strategy-process-page .program-intro,
  .strategy-process-page .stage-lead,
  .strategy-process-page .program-hr-grid p,
  .strategy-process-page .contact-copy{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:16.5px!important;
    line-height:1.64!important;
    font-weight:400!important;
    letter-spacing:-.012em!important;
  }
  .strategy-process-page main p,
  .strategy-process-page main li,
  .strategy-process-page .stage-format,
  .strategy-process-page .program-roadmap p,
  .strategy-process-page .boundary-grid p,
  .strategy-process-page .days-grid p,
  .strategy-process-page .days-grid li,
  .strategy-process-page .reflection-list span,
  .strategy-process-page .control-grid p,
  .strategy-process-page .program-case-grid p,
  .strategy-process-page .program-related-card p,
  .strategy-process-page .program-faq-item p{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-weight:400;
  }
  .strategy-process-page .stage-content>p:not(.eyebrow):not(.stage-lead):not(.stage-note),
  .strategy-process-page .program-roadmap p,
  .strategy-process-page .boundary-grid p,
  .strategy-process-page .days-grid p,
  .strategy-process-page .program-case-grid p,
  .strategy-process-page .program-related-card p,
  .strategy-process-page .program-faq-item p{
    font-size:15.75px!important;
    line-height:1.68!important;
    letter-spacing:-.007em!important;
  }
  .strategy-process-page .stage-note{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:13.5px!important;
    line-height:1.62!important;
    letter-spacing:-.004em!important;
  }
  .strategy-process-page .stage-duration{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:500!important;
    letter-spacing:-.018em!important;
  }
  .strategy-process-page .stage-format{
    font-size:12px!important;
    line-height:1.5!important;
    letter-spacing:-.004em!important;
  }

  /* Cards / lists breathe like homepage */
  .strategy-process-page .boundary-grid article,
  .strategy-process-page .days-grid article,
  .strategy-process-page .program-case-grid article,
  .strategy-process-page .program-related-card,
  .strategy-process-page .reflection-list>div{
    border-radius:0;
  }
  .strategy-process-page .program-roadmap strong{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:22px!important;
    font-weight:500!important;
    line-height:1.25!important;
    letter-spacing:-.032em!important;
  }
  .strategy-process-page .program-roadmap small{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:10.5px!important;
    font-weight:600!important;
    line-height:1.45!important;
    letter-spacing:.14em!important;
  }
  .strategy-process-page .program-quote{
    font-family:"Source Serif 4",Georgia,"Times New Roman",serif!important;
    font-size:26px!important;
    font-weight:400!important;
    line-height:1.35!important;
    letter-spacing:-.025em!important;
  }
  .strategy-process-page .program-number-grid strong{font-size:32px!important;line-height:1.04!important}
  .strategy-process-page .program-number-grid span{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.48!important;
  }

  /* Six contours — same as homepage */
  .strategy-process-page .system-mobile-list strong{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:600!important;
    letter-spacing:-.018em!important;
  }
  .strategy-process-page .system-mobile-list span{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.5!important;
    font-weight:400!important;
    letter-spacing:-.004em!important;
  }

  /* Buttons / links */
  .strategy-process-page main .btn,
  .strategy-process-page .form .btn{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.25!important;
    letter-spacing:.01em!important;
  }
  .strategy-process-page main .text-link,
  .strategy-process-page .program-more,
  .strategy-process-page .inline-link{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  }

  /* FAQ */
  .strategy-process-page .program-faq-item summary{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:16px!important;
    line-height:1.48!important;
    font-weight:500!important;
    letter-spacing:-.015em!important;
  }

  /* Contact — same typography as homepage */
  .strategy-process-page .contact-direct>a{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  }
  .strategy-process-page .contact-direct>a:first-child{
    font-size:22px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.028em!important;
  }
  .strategy-process-page .contact-direct>a:nth-child(2){font-size:14px!important;font-weight:400!important}
  .strategy-process-page .contact-direct small{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:12px!important;line-height:1.5!important;
  }
  .strategy-process-page .social-link span{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:12px!important;font-weight:500!important;
  }
  .strategy-process-page .field label{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:10px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:.11em!important;text-transform:uppercase;
  }
  .strategy-process-page .field input{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:15.5px!important;font-weight:400!important;line-height:1.4!important;
  }
  .strategy-process-page .consent,
  .strategy-process-page .form-status{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;font-weight:400!important;
  }
  .strategy-process-page .consent{font-size:11.5px!important;line-height:1.52!important}
  .strategy-process-page .form-status{font-size:12.5px!important;line-height:1.45!important}

  /* Footer — exact homepage mobile architecture and typography */
  .strategy-process-page .footer-current{
    padding:52px 0 22px;
    background:#031421;
    color:#9dafba;
    border-top:1px solid rgba(224,184,105,.18);
  }
  .strategy-process-page .footer-grid-current{
    grid-template-columns:1fr;
    gap:34px;
    padding-bottom:36px;
  }
  .strategy-process-page .footer-contacts{grid-column:auto}
  .strategy-process-page .footer-brand{
    display:inline-block;
    margin:0 0 9px;
    color:var(--gold2);
    font-family:"Source Serif 4",Georgia,"Times New Roman",serif!important;
    font-size:23px!important;
    font-weight:400!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }
  .strategy-process-page .footer-current .role,
  .strategy-process-page .footer-positioning,
  .strategy-process-page .footer-current .footer-column a,
  .strategy-process-page .footer-bottom-current{
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-weight:400!important;
  }
  .strategy-process-page .footer-current .role{
    max-width:300px;margin:0;color:#c1cbd1;font-size:12.5px!important;line-height:1.52!important;
  }
  .strategy-process-page .footer-positioning{
    max-width:100%;margin:18px 0 22px;color:#7f929e;font-size:13px!important;line-height:1.62!important;
  }
  .strategy-process-page .footer-phone{
    display:inline-block!important;margin:0!important;padding-bottom:5px;border-bottom:1px solid rgba(224,184,105,.7);
    color:#fff!important;
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:17px!important;font-weight:500!important;letter-spacing:-.02em!important;
  }
  .strategy-process-page .footer-current .footer-title{
    display:block;margin:1px 0 18px;color:var(--gold2);
    font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:9.5px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:.16em!important;text-transform:uppercase;
  }
  .strategy-process-page .footer-current .footer-title-secondary{margin-top:30px}
  .strategy-process-page .footer-current .footer-column a{
    display:block;margin:0 0 11px;color:#aebbc4;font-size:12.5px!important;line-height:1.5!important;
  }
  .strategy-process-page .footer-bottom-current{
    gap:10px;align-items:center;padding-top:22px;border-top-color:rgba(255,255,255,.09);color:#667b88;font-size:10px!important;line-height:1.52!important;
  }
  .strategy-process-page .footer-bottom-current a{color:#7f929e}

  /* Hero entrance — mirrors homepage sequencing */
  html.motion-enabled .strategy-process-page .program-hero .eyebrow,
  html.motion-enabled .strategy-process-page .program-hero h1,
  html.motion-enabled .strategy-process-page .program-hero .program-hero-lead,
  html.motion-enabled .strategy-process-page .program-hero .program-hero-actions{
    opacity:0;
    transform:translate3d(0,20px,0);
  }
  html.motion-enabled .strategy-process-page.motion-started .program-hero .eyebrow,
  html.motion-enabled .strategy-process-page.motion-started .program-hero h1,
  html.motion-enabled .strategy-process-page.motion-started .program-hero .program-hero-lead,
  html.motion-enabled .strategy-process-page.motion-started .program-hero .program-hero-actions{
    opacity:1;
    transform:none;
    transition:opacity 760ms var(--motion-ease),transform 760ms var(--motion-ease);
  }
  html.motion-enabled .strategy-process-page.motion-started .program-hero .eyebrow{transition-delay:60ms}
  html.motion-enabled .strategy-process-page.motion-started .program-hero h1{transition-delay:150ms}
  html.motion-enabled .strategy-process-page.motion-started .program-hero .program-hero-lead{transition-delay:260ms}
  html.motion-enabled .strategy-process-page.motion-started .program-hero .program-hero-actions{transition-delay:360ms}
  html.motion-enabled .strategy-process-page .program-hero-media img{
    transform:scale(1.035);
    opacity:.92;
    transition:transform 1500ms var(--motion-ease),opacity 1100ms ease;
  }
  html.motion-enabled .strategy-process-page.motion-started .program-hero-media img{transform:scale(1);opacity:1}
}

@media (max-width:380px){
  .strategy-process-page .brand-name{font-size:20px}
  .strategy-process-page .brand-sub{max-width:205px;font-size:9.8px}
  .strategy-process-page .program-hero-copy{padding-top:124px}
  .strategy-process-page .program-hero h1{font-size:clamp(40px,10.8vw,45px)!important;width:min(100%,320px)}
  .strategy-process-page .program-hero-lead{font-size:15px!important}
  .strategy-process-page main h2{font-size:clamp(31px,8.7vw,35px)!important}
  .strategy-process-page main h3,
  .strategy-process-page .boundary-grid h3,
  .strategy-process-page .days-grid h3,
  .strategy-process-page .program-related-card h3,
  .strategy-process-page .program-case-grid h3{font-size:21.5px!important}
  .strategy-process-page .program-intro,
  .strategy-process-page .stage-lead,
  .strategy-process-page .program-hr-grid p,
  .strategy-process-page .contact-copy{font-size:16px!important}
  .strategy-process-page .stage-content>p:not(.eyebrow):not(.stage-lead):not(.stage-note),
  .strategy-process-page .program-roadmap p,
  .strategy-process-page .boundary-grid p,
  .strategy-process-page .days-grid p,
  .strategy-process-page .program-case-grid p,
  .strategy-process-page .program-related-card p,
  .strategy-process-page .program-faq-item p{font-size:15.5px!important}
}

@media (prefers-reduced-motion:reduce){
  .strategy-process-page .site-header{transition:none!important}
  html.motion-enabled .strategy-process-page .program-hero .eyebrow,
  html.motion-enabled .strategy-process-page .program-hero h1,
  html.motion-enabled .strategy-process-page .program-hero .program-hero-lead,
  html.motion-enabled .strategy-process-page .program-hero .program-hero-actions,
  html.motion-enabled .strategy-process-page .program-hero-media img{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
}