@media (max-width: 1199px){
  :root{
    --container:min(100vw - 32px, 1240px);
  }

  .hero-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  :root{
    --container:calc(100vw - 24px);
    --header-h:72px;
    --radius:22px;
  }

  .strategy-header__inner{
    min-height:var(--header-h);
    gap:12px;
    padding:12px 0;
  }

  .brand img{
    width:34px;
    height:34px;
  }

  .brand__title{
    font-size:14px;
  }

  .brand__eyebrow{
    font-size:10px;
  }

  .header-actions{
    width:100%;
  }

  .header-btn{
    flex:1 1 auto;
    min-height:42px;
    padding:10px 14px;
    font-size:13px;
  }

  .slide-section{
    padding:28px 0;
  }

  .hero{
    min-height:auto;
    padding:16px 0 28px;
  }

  .hero-card{
    padding:22px;
  }

  .hero-lead{
    margin-top:16px;
  }

  .hero-stats{
    gap:10px;
    margin-top:20px;
  }

  .stat-chip{
    flex:1 1 calc(50% - 10px);
    min-width:0;
    padding:12px 14px;
    border-radius:18px;
  }

  .stat-chip strong{
    font-size:18px;
  }

  .author-card,
  .info-card,
  .stub-section{
    padding:18px;
  }

  .author-head{
    align-items:flex-start;
    gap:14px;
  }

  .author-photo{
    width:96px;
    height:122px;
    border-radius:20px;
  }

  .author-meta h3{
    font-size:22px;
  }

  .author-meta p,
  .author-note p,
  .stub-section p{
    font-size:13px;
    line-height:1.55;
  }

  .author-pills{
    gap:8px;
  }

  .pill{
    padding:8px 10px;
    font-size:12px;
  }

  .info-card h3{
    font-size:20px;
  }

  .stub-section h2{
    font-size:26px;
  }
}

@media (min-width: 1600px){
  :root{
    --container:min(1540px, calc(100vw - 72px));
  }

  .hero-grid{
    gap:30px;
  }
}

@media (min-width: 1920px){
  :root{
    --container:min(1720px, calc(100vw - 96px));
    --header-h:96px;
  }

  .brand img{
    width:50px;
    height:50px;
  }

  .brand__title{
    font-size:18px;
  }

  .hero-card{
    padding:42px;
  }

  .author-card,
  .info-card,
  .stub-section{
    padding:30px;
  }

  .author-head{
    gap:24px;
  }

  .author-photo{
    width:140px;
    height:176px;
    border-radius:28px;
  }

  .author-meta h3{
    font-size:34px;
  }

  .author-meta p,
  .author-note p{
    font-size:16px;
  }

  .pill{
    font-size:14px;
    padding:12px 14px;
  }

  .stub-section h2{
    font-size:42px;
  }

  .stub-section p{
    font-size:20px;
  }
}

@media (min-width: 2560px){
  :root{
    --container:min(2140px, calc(100vw - 128px));
    --header-h:110px;
  }

  .hero-grid{
    gap:36px;
  }

  .author-photo{
    width:168px;
    height:212px;
  }

  .author-meta h3{
    font-size:40px;
  }

  .author-meta p,
  .author-note p{
    font-size:18px;
    line-height:1.65;
  }

  .hero-note,
  .info-item span{
    font-size:17px;
  }

  .header-btn{
    min-height:50px;
    padding:14px 20px;
    font-size:15px;
  }
}

@media (min-width: 1920px) and (pointer: coarse){
  .header-btn{
    min-height:56px;
    padding:16px 22px;
  }

  .pill{
    padding:14px 16px;
  }
}

@media (max-width: 1180px){
  .strategy-header__inner{
    grid-template-columns:1fr auto;
  }

  .section-nav{
    grid-column:1 / -1;
    order:3;
  }
}

@media (max-width: 780px){
  .section-nav{
    display:none;
  }

  .mobile-bottom-nav{
    display:block;
  }

  .strategy-main{
    padding-bottom:96px;
  }

  .presentation-controls{
    right:12px;
    left:12px;
    bottom:calc(74px + env(safe-area-inset-bottom));
    justify-content:center;
  }

  .presentation-btn{
    width:44px;
    height:44px;
  }

  .presentation-counter{
    min-width:72px;
    font-size:12px;
  }
}

@media (min-width: 1920px){
  .section-nav__link{
    min-height:46px;
    padding:12px 16px;
    font-size:14px;
  }

  .presentation-btn{
    width:54px;
    height:54px;
    font-size:18px;
  }

  .presentation-counter{
    font-size:14px;
    min-width:92px;
  }
}

@media (max-width: 1280px){
  .kpi-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .kpi-panels{
    grid-template-columns:1fr;
  }

  .kpi-note-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  .section-title{
    font-size:28px;
  }

  .section-lead{
    font-size:14px;
    line-height:1.6;
  }

  .kpi-summary-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .kpi-summary-card,
  .kpi-panel,
  .kpi-note-card{
    padding:18px;
  }

  .kpi-panel__title{
    font-size:22px;
  }

  .kpi-item{
    padding:14px;
    border-radius:18px;
  }

  .kpi-item__head h4{
    font-size:15px;
  }

  .kpi-meta-block p,
  .kpi-note-card p{
    font-size:13px;
    line-height:1.55;
  }

  .kpi-chip{
    min-height:32px;
    font-size:11px;
  }
}

@media (min-width: 1920px){
  .kpi-summary-card__value{
    font-size:42px;
  }

  .kpi-summary-card h3,
  .kpi-note-card h3{
    font-size:20px;
  }

  .kpi-panel__title{
    font-size:28px;
  }

  .kpi-item__head h4{
    font-size:17px;
  }

  .kpi-meta-block p,
  .kpi-note-card p{
    font-size:15px;
  }
}

@media (max-width: 1280px){
  .mediaplan-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .mediaplan-framework-grid{
    grid-template-columns:1fr;
  }

  .channel-stack-grid{
    grid-template-columns:1fr 1fr;
  }

  .flight-grid{
    grid-template-columns:1fr 1fr;
  }

  .mediaplan-note-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  .mediaplan-summary-grid,
  .channel-stack-grid,
  .flight-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .mediaplan-summary-card,
  .framework-card,
  .channel-stack-card,
  .flight-card,
  .mediaplan-note-card{
    padding:18px;
  }

  .mediaplan-summary-card__value{
    font-size:28px;
  }

  .framework-card h3,
  .channel-stack-card h3,
  .flight-card h3{
    font-size:20px;
  }

  .framework-item p,
  .framework-check p,
  .channel-row--text p,
  .flight-card p,
  .mediaplan-note-card p{
    font-size:13px;
    line-height:1.55;
  }

  .channel-row{
    padding:12px 14px;
  }

  .flight-stat{
    padding:10px 12px;
  }
}

@media (min-width: 1920px){
  .mediaplan-summary-card__value{
    font-size:40px;
  }

  .framework-card h3,
  .channel-stack-card h3,
  .flight-card h3{
    font-size:26px;
  }

  .mediaplan-summary-card p,
  .framework-item p,
  .framework-check p,
  .channel-row--text p,
  .flight-card p,
  .mediaplan-note-card p{
    font-size:15px;
  }
}

@media (max-width: 1280px){
  .modelmix-summary-grid,
  .modelmix-status-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .modelmix-zone-grid{
    grid-template-columns:1fr;
  }

  .launch-grid{
    grid-template-columns:1fr 1fr;
  }

  .modelmix-note-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  .modelmix-summary-grid,
  .modelmix-status-grid,
  .launch-grid,
  .modelmix-action-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .modelmix-summary-card,
  .modelmix-status-card,
  .zone-card,
  .launch-card,
  .modelmix-action-card,
  .modelmix-note-card{
    padding:18px;
  }

  .modelmix-summary-card__value,
  .modelmix-status-card__value{
    font-size:28px;
  }

  .zone-card h3,
  .launch-card h3{
    font-size:20px;
  }

  .zone-item__head{
    flex-direction:column;
    align-items:flex-start;
  }

  .zone-item p,
  .modelmix-summary-card p,
  .modelmix-status-card p,
  .modelmix-action-card p,
  .modelmix-note-card p{
    font-size:13px;
    line-height:1.55;
  }
}

@media (min-width: 1920px){
  .modelmix-summary-card__value,
  .modelmix-status-card__value{
    font-size:40px;
  }

  .zone-card h3,
  .launch-card h3{
    font-size:26px;
  }

  .zone-item p,
  .modelmix-summary-card p,
  .modelmix-status-card p,
  .modelmix-action-card p,
  .modelmix-note-card p{
    font-size:15px;
  }
}

@media (max-width: 1280px){
  .ticket-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .ticket-premium-grid{
    grid-template-columns:1fr 1fr;
  }

  .ticket-framework-grid{
    grid-template-columns:1fr;
  }

  .ticket-note-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  .ticket-summary-grid,
  .ticket-pricing-grid,
  .ticket-premium-grid,
  .ticket-action-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .ticket-summary-card,
  .ticket-pricing-card,
  .ticket-premium-card,
  .ticket-framework-card,
  .ticket-action-card,
  .ticket-note-card{
    padding:18px;
  }

  .ticket-summary-card__value{
    font-size:28px;
  }

  .ticket-pricing-card h3,
  .ticket-premium-card h3{
    font-size:20px;
  }

  .ticket-price-row{
    padding:12px 14px;
    flex-direction:column;
    align-items:flex-start;
  }

  .ticket-price-row__price{
    text-align:left;
  }

  .ticket-summary-card p,
  .ticket-framework-card p,
  .ticket-action-card p,
  .ticket-note-card p,
  .ticket-framework-item p{
    font-size:13px;
    line-height:1.55;
  }
}

@media (min-width: 1920px){
  .ticket-summary-card__value{
    font-size:40px;
  }

  .ticket-pricing-card h3,
  .ticket-premium-card h3{
    font-size:26px;
  }

  .ticket-summary-card p,
  .ticket-framework-card p,
  .ticket-action-card p,
  .ticket-note-card p,
  .ticket-framework-item p{
    font-size:15px;
  }
}

@media (max-width: 1280px){
  .channels-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .leadgen-channel-grid{
    grid-template-columns:1fr;
  }

  .channels-framework-grid{
    grid-template-columns:1fr;
  }

  .channel-metrics-grid,
  .channel-note-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  .channels-summary-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .channels-summary-card,
  .leadgen-channel-card,
  .channels-framework-card,
  .channel-metrics-card,
  .channel-note-card{
    padding:18px;
  }

  .channels-summary-card__value{
    font-size:28px;
  }

  .leadgen-channel-card__head h3{
    font-size:20px;
  }

  .leadgen-line p,
  .channels-summary-card p,
  .channels-framework-card p,
  .channel-note-card p,
  .channel-metrics-item{
    font-size:13px;
    line-height:1.55;
  }
}

@media (min-width: 1920px){
  .channels-summary-card__value{
    font-size:40px;
  }

  .leadgen-channel-card__head h3{
    font-size:28px;
  }

  .leadgen-line p,
  .channels-summary-card p,
  .channels-framework-card p,
  .channel-note-card p,
  .channel-metrics-item{
    font-size:15px;
  }
}

@media (max-width: 1280px){
  .org-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .org-pods-grid{
    grid-template-columns:1fr 1fr;
  }

  .org-ownership-layout{
    grid-template-columns:1fr;
  }

  .org-hiring-grid,
  .org-cadence-grid,
  .org-note-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  .org-summary-grid,
  .org-pods-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .org-summary-card,
  .org-pod-card,
  .org-ownership-card,
  .org-hiring-card,
  .org-cadence-card,
  .org-note-card{
    padding:18px;
  }

  .org-summary-card__value{
    font-size:28px;
  }

  .org-ownership-item__head{
    flex-direction:column;
    align-items:flex-start;
  }

  .org-summary-card p,
  .org-ownership-card p,
  .org-cadence-card p,
  .org-note-card p{
    font-size:13px;
    line-height:1.55;
  }
}

@media (min-width: 1920px){
  .org-summary-card__value{
    font-size:40px;
  }

  .org-summary-card p,
  .org-ownership-card p,
  .org-cadence-card p,
  .org-note-card p{
    font-size:15px;
  }

  .org-ownership-item__head strong{
    font-size:17px;
  }
}

@media (max-width: 1280px){
  .roadmap-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .roadmap-phase-grid,
  .roadmap-streams-grid,
  .roadmap-milestone-grid,
  .roadmap-bottom-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  .roadmap-summary-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .roadmap-summary-card,
  .roadmap-phase-card,
  .roadmap-stream-card,
  .roadmap-milestone-card,
  .roadmap-risk-card,
  .roadmap-note-wrap{
    padding:18px;
  }

  .roadmap-summary-card__value{
    font-size:28px;
  }

  .roadmap-phase-card__head{
    flex-direction:column;
    align-items:flex-start;
  }

  .roadmap-summary-card p,
  .roadmap-milestone-card p{
    font-size:13px;
    line-height:1.55;
  }
}

@media (min-width: 1920px){
  .roadmap-summary-card__value{
    font-size:40px;
  }

  .roadmap-summary-card p,
  .roadmap-milestone-card p{
    font-size:15px;
  }
}

@media (max-width: 980px){
  .hero-goals{
    grid-template-columns:1fr;
  }

  .season-panel__head{
    flex-direction:column;
    align-items:flex-start;
  }

  .season-facts{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  .goal-chip{
    min-height:auto;
    padding:16px;
    border-radius:18px;
  }

  .goal-chip strong{
    font-size:22px;
  }

  .season-panel{
    margin-top:20px;
    padding:16px;
    border-radius:20px;
  }

  .season-panel__title{
    font-size:20px;
  }

  .season-panel__sub{
    font-size:13px;
    line-height:1.55;
  }

  .season-panel__badge{
    min-height:34px;
    padding:8px 12px;
    font-size:11px;
  }

  .season-chart{
    padding:6px;
    border-radius:18px;
  }

  .season-chart__month,
  .season-chart__peak-label{
    font-size:11px;
  }

  .season-fact{
    padding:12px 14px;
    border-radius:16px;
  }

  .season-fact strong{
    font-size:22px;
  }

  .season-fact span{
    font-size:12px;
  }

  .season-fact small{
    font-size:10px;
  }
}

@media (min-width: 1920px){
  .goal-chip{
    min-height:110px;
    padding:20px 20px 18px;
  }

  .goal-chip strong{
    font-size:28px;
  }

  .season-panel{
    padding:24px;
  }

  .season-panel__title{
    font-size:26px;
  }

  .season-panel__sub{
    font-size:16px;
  }

  .season-panel__badge{
    min-height:42px;
    padding:12px 16px;
    font-size:13px;
  }

  .season-fact strong{
    font-size:30px;
  }

  .season-fact span{
    font-size:14px;
  }

  .season-fact small{
    font-size:12px;
  }
}

@media (max-width: 780px){
  .author-card{
    padding:16px;
  }

  .author-head{
    align-items:flex-start;
    gap:12px;
  }

  .author-photo{
    width:88px;
    height:112px;
    border-radius:18px;
  }

  .author-meta h3{
    font-size:20px;
  }

  .author-meta p{
    font-size:13px;
    line-height:1.45;
  }

  .author-stats{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:14px;
  }

  .author-stat{
    padding:11px 12px;
    border-radius:16px;
  }

  .author-stat strong{
    font-size:22px;
  }

  .author-stat span{
    font-size:11px;
  }

  .author-pills{
    gap:7px;
    margin-top:12px;
  }

  .pill{
    padding:7px 10px;
    font-size:11px;
  }

  .author-note{
    margin-top:12px;
    padding-top:12px;
  }

  .author-note p{
    font-size:12px;
    line-height:1.5;
  }
}

@media (min-width: 1920px){
  .author-card{
    padding:24px;
  }

  .author-photo{
    width:118px;
    height:148px;
    border-radius:24px;
  }

  .author-meta h3{
    font-size:28px;
  }

  .author-meta p{
    font-size:15px;
  }

  .author-stat{
    padding:14px 16px;
  }

  .author-stat strong{
    font-size:28px;
  }

  .author-stat span{
    font-size:13px;
  }

  .pill{
    font-size:13px;
    padding:9px 12px;
  }

  .author-note p{
    font-size:14px;
  }
}

@media (max-width: 1199px){
  .side-stack--profile{
    height:auto;
  }

  .side-stack--profile > *{
    height:auto;
  }
}

@media (max-width: 780px){
  .author-card{
    padding:16px;
  }

  .author-head{
    align-items:flex-start;
    gap:12px;
  }

  .author-photo{
    width:84px;
    height:108px;
    border-radius:18px;
  }

  .author-meta h3{
    font-size:20px;
  }

  .author-meta p{
    font-size:13px;
    line-height:1.42;
  }

  .author-stats{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:14px;
  }

  .author-stat{
    padding:10px 12px;
    border-radius:16px;
  }

  .author-stat strong{
    font-size:21px;
  }

  .author-stat span{
    font-size:11px;
  }

  .author-pills{
    gap:7px;
    margin-top:12px;
  }

  .pill{
    padding:7px 10px;
    font-size:11px;
  }

  .profile-visuals{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:12px;
  }

  .profile-visual-card{
    min-height:auto;
    padding:12px;
    border-radius:16px;
  }

  .profile-visual-card h4{
    font-size:14px;
  }

  .profile-scheme__label{
    font-size:11px;
  }

  .profile-focus-item{
    min-height:44px;
    padding:9px 10px;
  }

  .profile-focus-item span{
    font-size:11px;
  }

  .author-note{
    margin-top:12px;
    padding-top:12px;
  }

  .author-note p{
    font-size:12px;
    line-height:1.48;
  }
}

@media (min-width: 1920px){
  .author-card{
    padding:24px;
  }

  .author-photo{
    width:112px;
    height:140px;
    border-radius:24px;
  }

  .author-meta h3{
    font-size:27px;
  }

  .author-meta p{
    font-size:15px;
  }

  .author-stat{
    padding:13px 15px;
  }

  .author-stat strong{
    font-size:27px;
  }

  .author-stat span{
    font-size:12px;
  }

  .profile-visual-card{
    min-height:172px;
    padding:16px;
  }

  .profile-focus-item span{
    font-size:13px;
  }

  .author-note p{
    font-size:14px;
  }
}

/* === NORMAL MODE SIDEBAR RESPONSIVE START === */

@media (max-width: 1199px){
  .strategy-layout{
    grid-template-columns:1fr;
    gap:0;
    padding:10px 0 28px;
  }

  .strategy-sidebar{
    display:none;
  }

  .strategy-content .slide-section{
    padding:28px 0;
  }

  .strategy-content .hero{
    padding:8px 0 28px;
  }
}

/* === NORMAL MODE SIDEBAR RESPONSIVE END === */

/* === ORDINARY MODE V2 RESPONSIVE START === */

@media (max-width: 1340px){
  :root{
    --sidebar-w:252px;
    --content-gap:22px;
  }

  .strategy-content #hero .slide1-layout{
    grid-template-columns:minmax(0, 1.04fr) minmax(330px, .96fr);
    gap:16px;
  }

  .strategy-content #hero .slide1-title{
    font-size:clamp(40px, 3.4vw, 60px);
  }
}

@media (max-width: 1199px){
  .strategy-layout{
    grid-template-columns:1fr;
    gap:0;
    padding:10px 0 28px;
  }

  .strategy-sidebar{
    display:none;
  }

  .strategy-content .slide-section{
    padding:28px 0;
  }

  .strategy-content #hero .slide1-layout{
    grid-template-columns:1fr;
  }

  .strategy-content #hero .slide1-main,
  .strategy-content #hero .profilepanel{
    height:auto;
  }
}

@media (max-width: 767px){
  .strategy-content .section-head{
    margin-bottom:14px;
  }

  .strategy-content #hero .slide1-main{
    padding:18px;
  }

  .strategy-content #hero .slide1-title{
    font-size:clamp(34px, 9vw, 46px);
  }

  .strategy-content #hero .slide1-lead{
    font-size:14px;
    line-height:1.36;
  }

  .strategy-content #hero .slide1-kpi{
    min-height:92px;
  }
}

/* === ORDINARY MODE V2 RESPONSIVE END === */

/* === TYPOGRAPHY SYSTEM V1 RESPONSIVE START === */

@media (max-width: 1340px){
  :root{
    --type-display: clamp(48px, 4.4vw, 72px);
    --type-h1: clamp(36px, 3vw, 52px);
    --type-h2: clamp(28px, 2vw, 36px);
    --type-h3: clamp(21px, 1.45vw, 26px);

    --type-body-xl: 18px;
    --type-body-lg: 16px;
    --type-body: 15px;
    --type-body-sm: 13px;
  }
}

@media (max-width: 1024px){
  :root{
    --type-display: clamp(42px, 7vw, 58px);
    --type-h1: clamp(34px, 4.8vw, 44px);
    --type-h2: clamp(26px, 3.5vw, 32px);
    --type-h3: 22px;

    --type-body-lg: 15px;
    --type-body: 14px;
    --type-body-sm: 12px;
    --type-meta: 10px;
  }

  .section-lead{
    max-width: 100%;
  }
}

@media (max-width: 767px){
  :root{
    --type-display: clamp(34px, 9vw, 46px);
    --type-h1: clamp(28px, 7vw, 36px);
    --type-h2: clamp(24px, 5.8vw, 30px);
    --type-h3: 20px;
    --type-h4: 17px;

    --type-body-lg: 14px;
    --type-body: 14px;
    --type-body-sm: 12px;
    --type-meta: 10px;
    --type-chip: 10px;
  }

  .brand__title{
    font-size: 13px;
  }

  .sidebar-nav__link{
    font-size: 13px;
  }

  .kpi-item__head h4,
  .kpi2-row__head h4{
    font-size: 14px;
  }
}

/* === TYPOGRAPHY SYSTEM V1 RESPONSIVE END === */


/* === KPI TYPE SCALE BOOST RESPONSIVE START === */

@media (max-width: 1440px){
  #kpi-personal .section-title,
  #kpi-team .section-title,
  #kpi-company .section-title{
    font-size: clamp(38px, 3vw, 52px);
  }

  #kpi-team .team-v2-layout{
    grid-template-columns:minmax(0, 1.15fr) minmax(300px, .85fr);
  }

  #kpi-team .team-v2-card__head h4{
    font-size: 18px;
  }

  #kpi-team .team-v2-card__block p{
    font-size: 14px;
  }
}

@media (max-width: 1199px){
  #kpi-personal .kpi-split-board--two,
  #kpi-company .kpi-split-board--two,
  #kpi-team .team-v2-layout{
    grid-template-columns:1fr;
  }

  #kpi-personal .section-title,
  #kpi-team .section-title,
  #kpi-company .section-title{
    font-size: clamp(34px, 4.5vw, 44px);
  }
}

@media (max-width: 900px){
  #kpi-personal .kpi-compact-grid,
  #kpi-team .team-v2-stats,
  #kpi-company .kpi-metric-grid,
  #kpi-team .team-v2-columns{
    grid-template-columns:1fr;
  }

  #kpi-personal .kpi-panel__title,
  #kpi-company .kpi-panel__title,
  #kpi-team .team-v2-board__title{
    font-size: 28px;
  }

  #kpi-personal .kpi-item--split .kpi-item__head h4,
  #kpi-company .kpi-item--split .kpi-item__head h4,
  #kpi-team .team-v2-card__head h4{
    font-size: 17px;
  }
}

/* === KPI TYPE SCALE BOOST RESPONSIVE END === */

/* === TEAM DIRECTOR SLIDE RESPONSIVE START === */

@media (max-width: 1440px){
  #kpi-team .team-director-layout{
    grid-template-columns:minmax(0, 1.12fr) minmax(300px, .88fr);
    gap:18px;
  }

  #kpi-team .team-director-grid,
  #kpi-team .team-director-stats{
    gap:10px;
  }

  #kpi-team .team-director-card h4{
    font-size:20px;
  }

  #kpi-team .team-director-card p{
    font-size:14px;
  }
}

@media (max-width: 1199px){
  #kpi-team .team-director-layout{
    grid-template-columns:1fr;
  }

  #kpi-team .team-director-aside{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:stretch;
  }

  #kpi-team .team-director-badge{
    grid-column:1 / -1;
  }
}

@media (max-width: 900px){
  #kpi-team .team-director-stats,
  #kpi-team .team-director-grid,
  #kpi-team .team-director-aside{
    grid-template-columns:1fr;
  }

  #kpi-team .team-director-board__title{
    font-size:28px;
  }

  #kpi-team .team-director-card h4{
    font-size:18px;
  }

  #kpi-team .team-director-card p,
  #kpi-team .team-director-stat p,
  #kpi-team .team-director-note p{
    font-size:13px;
  }
}

/* === TEAM DIRECTOR SLIDE RESPONSIVE END === */

/* === PERSONAL SLIDE V3 RESPONSIVE START === */

@media (max-width: 1440px){
  #kpi-personal .personal-v3-layout{
    grid-template-columns:minmax(0, 1.14fr) minmax(300px, .86fr);
    gap:18px;
  }

  #kpi-personal .personal-v3-stats,
  #kpi-personal .personal-v3-columns{
    gap:10px;
  }

  #kpi-personal .personal-v3-card h4,
  #kpi-personal .personal-v3-card__head h4{
    font-size:18px;
  }

  #kpi-personal .personal-v3-card__foot p,
  #kpi-personal .personal-v3-note p{
    font-size:13px;
  }
}

@media (max-width: 1199px){
  #kpi-personal .personal-v3-layout{
    grid-template-columns:1fr;
  }

  #kpi-personal .personal-v3-aside{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:stretch;
  }

  #kpi-personal .personal-v3-badge{
    grid-column:1 / -1;
  }
}

@media (max-width: 900px){
  #kpi-personal .personal-v3-stats,
  #kpi-personal .personal-v3-columns,
  #kpi-personal .personal-v3-aside{
    grid-template-columns:1fr;
  }

  #kpi-personal .personal-v3-board__title{
    font-size:28px;
  }

  #kpi-personal .personal-v3-card__head h4{
    font-size:17px;
  }

  #kpi-personal .personal-v3-card__foot p,
  #kpi-personal .personal-v3-note p{
    font-size:13px;
  }
}

/* === PERSONAL SLIDE V3 RESPONSIVE END === */

/* === Tickets section responsive redesign === */
@media (max-width: 1280px){
  .ticket-framework-grid--sales,
  .ticket-sales-visual-grid{
    grid-template-columns:1fr;
  }

  .ticket-role-grid,
  .ticket-channel-grid,
  .ticket-note-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px){
  .ticket-role-grid,
  .ticket-channel-grid,
  .ticket-note-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .ticket-visual-card,
  .ticket-role-card,
  .ticket-channel-card{
    padding:18px;
  }

  .ticket-block-kicker{
    font-size:10px;
    letter-spacing:.14em;
  }

  .ticket-visual-card__head h3,
  .ticket-role-card h3,
  .ticket-channel-card h3{
    font-size:20px;
  }

  .ticket-visual-card__head p,
  .ticket-role-card p,
  .ticket-channel-card p{
    font-size:13px;
    line-height:1.55;
  }

  .ticket-mix-bar{
    min-height:auto;
    flex-direction:column;
  }

  .ticket-mix-segment{
    min-height:72px;
  }

  .ticket-mix-segment strong{
    font-size:20px;
  }
}

@media (min-width: 1920px){
  .ticket-visual-card__head h3,
  .ticket-role-card h3,
  .ticket-channel-card h3{
    font-size:28px;
  }

  .ticket-mix-segment strong{
    font-size:28px;
  }
}

/* === Tickets formulas and metric grid responsive refresh === */
@media (max-width: 1280px){
  .ticket-metric-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px){
  .ticket-metric-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .ticket-formula,
  .ticket-metric-card__formula{
    width:100%;
    border-radius:18px;
    font-size:11px;
    line-height:1.45;
  }

  .ticket-metric-card{
    padding:18px;
  }

  .ticket-metric-card h3{
    font-size:20px;
  }

  .ticket-metric-card p{
    font-size:13px;
    line-height:1.55;
  }
}

@media (min-width: 1920px){
  .ticket-metric-card h3{
    font-size:28px;
  }
}

/* === Tickets formula emphasis and forecast animation responsive refresh === */
@media (max-width: 1280px){
  .ticket-framework-item--formula strong{
    font-size:24px;
  }
}

@media (max-width: 780px){
  .ticket-framework-item--formula{
    padding:16px 16px 14px;
    border-radius:20px;
  }

  .ticket-framework-item--formula strong{
    font-size:22px;
    line-height:1.12;
  }

  .ticket-framework-item--formula p{
    font-size:13px;
    line-height:1.55;
  }

  .ticket-formula--hero{
    padding:12px 14px 12px 18px;
    border-radius:16px;
    font-size:13px;
    line-height:1.5;
  }

  .ticket-formula--hero::before{
    left:10px;
    top:7px;
    font-size:22px;
  }

  .ticket-formula--hero::after{
    right:10px;
    bottom:6px;
    font-size:18px;
  }

  .ticket-forecast-note{
    padding:12px 14px;
    border-radius:18px;
  }

  .ticket-forecast-note p{
    font-size:13px;
    line-height:1.5;
  }
}

@media (min-width: 1920px){
  .ticket-framework-item--formula strong{
    font-size:34px;
  }

  .ticket-formula--hero{
    font-size:17px;
  }
}

/* === Channels redesign responsive: demand system === */
@media (max-width: 1280px){
  .channel-types-grid{
    grid-template-columns:1fr;
  }

  .channel-funnel-flow{
    grid-template-columns:1fr;
  }

  .channel-offers-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .channel-funnel-step:not(:last-child)::after{
    content:"↓";
    right:auto;
    left:50%;
    top:auto;
    bottom:-13px;
    transform:translateX(-50%);
  }
}

@media (max-width: 780px){
  .channels-block-head{
    gap:8px;
    margin:6px 0 14px;
  }

  .channels-block-head h3{
    font-size:22px;
    line-height:1.12;
  }

  .channels-block-head p{
    font-size:13px;
    line-height:1.55;
  }

  .channel-type-card,
  .channel-funnel-card,
  .channel-offer-card{
    padding:18px;
  }

  .channel-type-card__head h3,
  .channel-funnel-card__head h3,
  .channel-offer-card h3{
    font-size:20px;
  }

  .channel-type-item p,
  .channel-funnel-card__head p,
  .channel-funnel-step p,
  .channel-offer-line p{
    font-size:13px;
    line-height:1.55;
  }

  .channel-funnel-step strong{
    font-size:15px;
  }

  .channel-offers-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
}

@media (min-width: 1920px){
  .channels-block-head h3{
    font-size:34px;
  }

  .channel-type-card__head h3,
  .channel-funnel-card__head h3,
  .channel-offer-card h3{
    font-size:28px;
  }

  .channel-type-item p,
  .channel-funnel-card__head p,
  .channel-funnel-step p,
  .channel-offer-line p{
    font-size:15px;
  }
}

/* === Org redesign responsive: revenue system === */
@media (max-width: 1280px){
  .org-summary-grid,
  .org-note-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .org-layer-list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .org-hub-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .org-hub-grid::before{
    display:none;
  }

  .org-hub-card--paid,
  .org-hub-card--content,
  .org-hub-card--site,
  .org-hub-card--analytics,
  .org-hub-card--center,
  .org-hub-card--call{
    grid-column:auto;
    grid-row:auto;
  }

  .org-hub-card--center{
    grid-column:1 / -1;
  }

  .org-rhythm-track{
    grid-template-columns:1fr;
  }

  .org-rhythm-card:not(:last-child)::after{
    content:"↓";
    right:auto;
    left:50%;
    top:auto;
    bottom:-15px;
    transform:translateX(-50%);
  }
}

@media (max-width: 780px){
  .org-summary-grid,
  .org-note-grid,
  .org-layer-list,
  .org-hub-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .org-summary-card,
  .org-layer-card,
  .org-hub-card,
  .org-matrix-card,
  .org-rhythm-card,
  .org-note-card{
    padding:18px;
  }

  .org-summary-card__value{
    font-size:42px;
  }

  .org-stage-head{
    gap:8px;
    margin:8px 0 14px;
  }

  .org-stage-head h3{
    font-size:22px;
    line-height:1.12;
  }

  .org-stage-head p{
    font-size:13px;
    line-height:1.55;
  }

  .org-architecture-stack::before{
    left:27px;
    top:58px;
    bottom:58px;
  }

  .org-layer-card{
    padding:18px 18px 18px 70px;
  }

  .org-layer-card__index{
    left:16px;
    top:18px;
  }

  .org-layer-card__body h3,
  .org-hub-card h3,
  .org-rhythm-card h3,
  .org-note-card h3{
    font-size:20px;
  }

  .org-layer-card__body p,
  .org-hub-card p,
  .org-hub-card strong,
  .org-note-card p{
    font-size:13px;
    line-height:1.55;
  }

  .org-rhythm-list li{
    font-size:13px;
    line-height:1.5;
  }

  .org-status{
    min-width:96px;
    padding:9px 10px;
    font-size:11px;
  }
}

@media (min-width: 1920px){
  .org-stage-head h3{
    font-size:34px;
  }

  .org-layer-card__body h3,
  .org-hub-card h3,
  .org-rhythm-card h3{
    font-size:28px;
  }

  .org-hub-card--center h3{
    font-size:32px;
  }
}

/* === Org redesign responsive: people tiles hierarchy === */
@media (max-width: 1280px){
  .org-hiring-grid,
  .org-note-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px){
  .org-active-grid,
  .org-hiring-grid,
  .org-note-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .org-leader-card,
  .org-person-card,
  .org-priority-card,
  .org-note-card{
    padding:18px;
  }

  .org-chart-connector{
    height:24px;
  }

  .org-chart-connector::before{
    height:20px;
  }

  .org-chart-connector::after,
  .org-active-grid::before,
  .org-active-grid::after{
    display:none;
  }

  .org-person-card__head{
    gap:14px;
  }

  .org-avatar{
    flex-basis:56px;
    width:56px;
    height:56px;
    font-size:18px;
  }

  .org-person-card__meta h3{
    font-size:20px;
    line-height:1.12;
  }

  .org-person-card__position,
  .org-person-card__text,
  .org-note-card p{
    font-size:13px;
    line-height:1.55;
  }

  .org-priority-card__title,
  .org-note-card h3{
    font-size:20px;
  }

  .org-priority-chip{
    min-height:42px;
    font-size:12px;
  }
}

@media (min-width: 1920px){
  .org-person-card__meta h3{
    font-size:28px;
  }

  .org-priority-card__title{
    font-size:26px;
  }
}

/* === Org update responsive: current team expansion === */
@media (max-width: 1280px){
  .org-active-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .org-active-grid::before{
    left:25%;
  }

  .org-active-grid::after{
    left:75%;
  }
}

@media (max-width: 780px){
  .org-active-grid{
    grid-template-columns:1fr;
  }

  .org-active-grid::before,
  .org-active-grid::after{
    display:none;
  }

  .org-person-card__team-chip{
    min-height:34px;
    font-size:11px;
  }
}

/* === Roadmap redesign responsive: season route === */
@media (max-width: 1280px){
  .roadmap-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .roadmap-checkpoint-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .roadmap-dependency-grid,
  .roadmap-note-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px){
  .roadmap-summary-grid,
  .roadmap-checkpoint-grid,
  .roadmap-dependency-grid,
  .roadmap-note-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .roadmap-summary-card,
  .roadmap-season-card,
  .roadmap-stream-board,
  .roadmap-checkpoint-card,
  .roadmap-dependency-card,
  .roadmap-note-card{
    padding:18px;
  }

  .roadmap-summary-card__value{
    font-size:38px;
  }

  .roadmap-stage-head{
    gap:8px;
    margin:8px 0 14px;
  }

  .roadmap-stage-head h3{
    font-size:22px;
    line-height:1.12;
  }

  .roadmap-stage-head p{
    font-size:13px;
    line-height:1.55;
  }

  .roadmap-wave-card h3,
  .roadmap-checkpoint-card h3,
  .roadmap-dependency-card h3,
  .roadmap-note-card h3{
    font-size:20px;
  }

  .roadmap-wave-card p,
  .roadmap-checkpoint-card__block p,
  .roadmap-dependency-card__line p,
  .roadmap-note-card p{
    font-size:13px;
    line-height:1.55;
  }

  .roadmap-wave-track,
  .roadmap-months-head,
  .roadmap-stream-header__months,
  .roadmap-stream-lane{
    gap:10px;
  }

  .roadmap-stream-title strong{
    font-size:16px;
  }

  .roadmap-stream-title p,
  .roadmap-stream-segment{
    font-size:12px;
    line-height:1.45;
  }
}

@media (min-width: 1920px){
  .roadmap-stage-head h3{
    font-size:34px;
  }

  .roadmap-wave-card h3,
  .roadmap-checkpoint-card h3,
  .roadmap-dependency-card h3{
    font-size:24px;
  }
}

/* === Final feedback section responsive === */
@media (max-width: 1280px){
  .feedback-stage__layout{
    grid-template-columns:1fr 1fr;
    gap:18px;
  }

  .feedback-copy{
    grid-column:1 / -1;
  }
}

@media (max-width: 780px){
  .feedback-stage{
    padding:20px 18px;
  }

  .feedback-stage__layout{
    grid-template-columns:1fr;
    gap:16px;
  }

  .feedback-qr-card,
  .feedback-b24-card,
  .feedback-note{
    padding:18px;
  }

  .feedback-step{
    padding:11px 12px;
    gap:10px;
  }

  .feedback-step__text,
  .feedback-b24-card__hint,
  .feedback-note p{
    font-size:13px;
    line-height:1.55;
  }

  .feedback-b24-card__meta strong{
    font-size:20px;
  }

  .feedback-b24-card__icons{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
  }

  .feedback-b24-card__icon{
    min-height:50px;
    font-size:21px;
  }

  .feedback-floating{
    display:none;
  }

  .feedback-qr-card__image{
    max-width:280px;
  }
}

@media (min-width: 1920px){
  .feedback-stage__layout{
    grid-template-columns:1.08fr .82fr .94fr;
  }

  .feedback-b24-card__meta strong{
    font-size:24px;
  }
}