:root{
  --bg:#07131b;
  --bg-2:#0b1d29;
  --panel:rgba(255,255,255,.08);
  --panel-strong:rgba(255,255,255,.12);
  --line:rgba(255,255,255,.12);
  --text:#f4fbff;
  --muted:#9db2bf;
  --accent:#69d2ff;
  --accent-2:#7cf3c4;
  --shadow:0 18px 60px rgba(0,0,0,.28);
  --radius:28px;
  --container:min(1440px, calc(100vw - 48px));
  --header-h:84px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

html,
body{
  margin:0;
  padding:0;
  min-height:100%;
}

body{
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(105,210,255,.16), transparent 28%),
    radial-gradient(circle at top right, rgba(124,243,196,.10), transparent 22%),
    linear-gradient(180deg, #08141d 0%, #071018 100%);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

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

a{
  color:inherit;
  text-decoration:none;
}

button{
  font:inherit;
}

.strategy-page{
  position:relative;
}

.strategy-page::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 18%),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.015) 0,
      rgba(255,255,255,.015) 1px,
      transparent 1px,
      transparent 120px
    );
  opacity:.35;
  z-index:0;
}

.strategy-header{
  position:sticky;
  top:0;
  z-index:40;
  backdrop-filter:blur(18px);
  background:rgba(7,19,27,.72);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.strategy-header__inner{
  width:var(--container);
  min-height:var(--header-h);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

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

.brand__meta{
  min-width:0;
}

.brand__eyebrow{
  display:block;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:4px;
}

.brand__title{
  margin:0;
  font-size:16px;
  line-height:1.2;
  font-weight:800;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.header-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:var(--text);
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}

.header-btn:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.10);
}

.header-btn--accent{
  background:linear-gradient(135deg, rgba(105,210,255,.22), rgba(124,243,196,.14));
  border-color:rgba(105,210,255,.28);
}

.strategy-main{
  position:relative;
  z-index:1;
}

.container{
  width:var(--container);
  margin:0 auto;
}

.slide-section{
  position:relative;
  padding:56px 0;
}

.hero{
  min-height:calc(100vh - var(--header-h));
  display:flex;
  align-items:center;
  padding:28px 0 56px;
}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(340px, .85fr);
  gap:24px;
  align-items:stretch;
}

.glass{
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.05));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
  border-radius:var(--radius);
}

.hover-lift{
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.hover-lift:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 72px rgba(0,0,0,.32);
  border-color:rgba(255,255,255,.18);
}

.hero-card{
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:100%;
}

.section-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  color:#c8edf8;
  font-size:12px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

.section-label::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow:0 0 24px rgba(105,210,255,.4);
}

.hero-title{
  margin:0;
  font-size:clamp(34px, 5.2vw, 72px);
  line-height:.98;
  letter-spacing:-.04em;
}

.hero-lead{
  margin:20px 0 0;
  max-width:760px;
  color:#d6e8ef;
  font-size:clamp(16px, 1.8vw, 22px);
  line-height:1.55;
}

.hero-stats{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.stat-chip{
  min-width:140px;
  padding:14px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}

.stat-chip strong{
  display:block;
  font-size:22px;
  line-height:1;
  margin-bottom:6px;
}

.stat-chip span{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.hero-note{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#cfe1e8;
  font-size:14px;
  line-height:1.65;
}

.side-stack{
  display:flex;
  flex-direction:column;
  gap:24px;
}

.author-card{
  padding:24px;
}

.author-head{
  display:flex;
  gap:18px;
  align-items:center;
}

.author-photo{
  width:114px;
  height:144px;
  object-fit:cover;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 12px 24px rgba(0,0,0,.24);
  background:rgba(255,255,255,.04);
}

.author-meta small{
  display:block;
  color:var(--muted);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.author-meta h3{
  margin:0;
  font-size:26px;
  line-height:1.02;
}

.author-meta p{
  margin:8px 0 0;
  color:#d6e8ee;
  font-size:14px;
  line-height:1.45;
}

.author-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.pill{
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  font-size:13px;
  font-weight:700;
  color:#eaf7fb;
}

.author-note{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}

.author-note p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#cfe2e9;
}

.info-card{
  padding:24px;
}

.info-card h3{
  margin:0 0 14px;
  font-size:22px;
  line-height:1.1;
}

.info-list{
  display:grid;
  gap:12px;
}

.info-item{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
}

.info-item strong{
  display:block;
  margin-bottom:6px;
  font-size:15px;
}

.info-item span{
  display:block;
  color:#cbdde5;
  font-size:14px;
  line-height:1.5;
}

.stub-section{
  padding:24px;
}

.stub-section h2{
  margin:0 0 12px;
  font-size:32px;
  line-height:1.02;
  letter-spacing:-.03em;
}

.stub-section p{
  margin:0;
  max-width:960px;
  color:#d3e3ea;
  font-size:17px;
  line-height:1.7;
}

.footer-space{
  height:24px;
}

.safe-bottom{
  padding-bottom:env(safe-area-inset-bottom);
}

.strategy-header__inner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}

.section-nav{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:4px 0;
}

.section-nav::-webkit-scrollbar{
  display:none;
}

.section-nav__link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  line-height:1;
  transition:transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease;
}

.section-nav__link:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}

.section-nav__link.is-active{
  background:linear-gradient(135deg, rgba(105,210,255,.18), rgba(124,243,196,.12));
  border-color:rgba(105,210,255,.22);
  color:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}

.mobile-bottom-nav{
  display:none;
  position:fixed;
  left:12px;
  right:12px;
  bottom:max(12px, env(safe-area-inset-bottom));
  z-index:80;
  padding:10px;
  border-radius:24px;
  background:rgba(7,19,27,.78);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 42px rgba(0,0,0,.26);
}

.mobile-bottom-nav__track{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.mobile-bottom-nav__track::-webkit-scrollbar{
  display:none;
}

.mobile-bottom-nav__link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  line-height:1;
  transition:background .25s ease, border-color .25s ease, color .25s ease;
}

.mobile-bottom-nav__link.is-active{
  background:linear-gradient(135deg, rgba(105,210,255,.2), rgba(124,243,196,.14));
  border-color:rgba(105,210,255,.24);
  color:#fff;
}

.presentation-controls{
  position:fixed;
  right:24px;
  bottom:max(24px, env(safe-area-inset-bottom));
  z-index:90;
  display:none;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:999px;
  background:rgba(7,19,27,.82);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}

.presentation-btn{
  width:48px;
  height:48px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  transition:transform .25s ease, background .25s ease, opacity .25s ease;
}

.presentation-btn:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.14);
}

.presentation-btn:disabled{
  opacity:.38;
  cursor:not-allowed;
  transform:none;
}

.presentation-counter{
  min-width:84px;
  text-align:center;
  font-size:13px;
  font-weight:800;
  color:#dff4fb;
}

.stub-section{
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.section-head{
  margin-bottom:24px;
}

.section-title{
  margin:0;
  font-size:clamp(30px, 4vw, 54px);
  line-height:1;
  letter-spacing:-.035em;
}

.section-lead{
  margin:16px 0 0;
  max-width:1040px;
  color:#d5e7ee;
  font-size:17px;
  line-height:1.7;
}

.kpi-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.kpi-summary-card{
  padding:22px;
}

.kpi-summary-card__value{
  font-size:36px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:12px;
  color:#f5fcff;
}

.kpi-summary-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.1;
}

.kpi-summary-card p{
  margin:0;
  color:#cbdde5;
  font-size:14px;
  line-height:1.55;
}

.kpi-panels{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:18px;
}

.kpi-panel{
  padding:22px;
  min-height:100%;
}

.kpi-panel__head{
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.kpi-panel__eyebrow{
  display:block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

.kpi-panel__title{
  margin:0;
  font-size:24px;
  line-height:1.05;
}

.kpi-list{
  display:grid;
  gap:12px;
}

.kpi-item{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.kpi-item__head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
}

.kpi-index{
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  font-weight:900;
  color:#fff;
}

.kpi-item__head h4{
  margin:0;
  font-size:16px;
  line-height:1.35;
}

.kpi-item__meta{
  display:grid;
  gap:12px;
}

.kpi-meta-block{
  display:grid;
  gap:6px;
}

.kpi-meta-label{
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
}

.kpi-meta-block p{
  margin:0;
  color:#d9e9ef;
  font-size:14px;
  line-height:1.55;
}

.kpi-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.kpi-chip{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:#eef9fd;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}

.kpi-note-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:18px;
}

.kpi-note-card{
  padding:22px;
}

.kpi-note-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.15;
}

.kpi-note-card p{
  margin:0;
  color:#d0e2e9;
  font-size:14px;
  line-height:1.65;
}

.kpi-panel--personal{
  background:linear-gradient(180deg, rgba(107,180,255,.12), rgba(255,255,255,.05));
}

.kpi-panel--team{
  background:linear-gradient(180deg, rgba(124,243,196,.10), rgba(255,255,255,.05));
}

.kpi-panel--company{
  background:linear-gradient(180deg, rgba(180,140,255,.12), rgba(255,255,255,.05));
}

.mediaplan-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.mediaplan-summary-card{
  padding:22px;
}

.mediaplan-summary-card__value{
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:12px;
  color:#f8feff;
}

.mediaplan-summary-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.1;
}

.mediaplan-summary-card p{
  margin:0;
  color:#cfe1e8;
  font-size:14px;
  line-height:1.55;
}

.mediaplan-framework-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
  margin-bottom:18px;
}

.framework-card{
  padding:22px;
}

.framework-card h3{
  margin:0 0 16px;
  font-size:24px;
  line-height:1.08;
}

.framework-list{
  display:grid;
  gap:12px;
}

.framework-item{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.framework-item strong{
  display:block;
  margin-bottom:8px;
  font-size:15px;
  line-height:1.3;
}

.framework-item p{
  margin:0;
  color:#d7e8ee;
  font-size:14px;
  line-height:1.6;
}

.framework-card--accent{
  background:linear-gradient(180deg, rgba(105,210,255,.12), rgba(255,255,255,.05));
}

.framework-checks{
  display:grid;
  gap:12px;
}

.framework-check{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

.framework-check strong{
  display:block;
  margin-bottom:8px;
  font-size:15px;
  line-height:1.3;
}

.framework-check p{
  margin:0;
  color:#d7e8ee;
  font-size:14px;
  line-height:1.6;
}

.channel-stack-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.channel-stack-card{
  padding:22px;
  min-height:100%;
}

.channel-stack-card h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.08;
}

.channel-stack-card__meta{
  margin-bottom:14px;
}

.channel-badge{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:#eff9fd;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}

.channel-stack-card__rows{
  display:grid;
  gap:12px;
}

.channel-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.channel-row span{
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.channel-row strong{
  text-align:right;
  font-size:15px;
  line-height:1.35;
  color:#f5fdff;
}

.channel-row--text{
  display:block;
}

.channel-row--text p{
  margin:0;
  color:#d7e8ee;
  font-size:14px;
  line-height:1.6;
}

.flight-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.flight-card{
  padding:22px;
}

.flight-card__eyebrow{
  display:block;
  margin-bottom:10px;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

.flight-card h3{
  margin:0 0 16px;
  font-size:22px;
  line-height:1.08;
}

.flight-card__stats{
  display:grid;
  gap:10px;
  margin-bottom:14px;
}

.flight-stat{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.flight-stat span{
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.flight-stat strong{
  font-size:15px;
  line-height:1.35;
  color:#f8feff;
}

.flight-card p{
  margin:0;
  color:#d7e8ee;
  font-size:14px;
  line-height:1.55;
}

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

.mediaplan-note-card{
  padding:22px;
}

.mediaplan-note-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.15;
}

.mediaplan-note-card p{
  margin:0;
  color:#d0e2e9;
  font-size:14px;
  line-height:1.65;
}

.modelmix-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.modelmix-summary-card,
.modelmix-status-card,
.modelmix-action-card,
.modelmix-note-card{
  padding:22px;
}

.modelmix-summary-card__value,
.modelmix-status-card__value{
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:12px;
  color:#f8feff;
}

.modelmix-summary-card h3,
.modelmix-status-card h3,
.modelmix-action-card h3,
.modelmix-note-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.12;
}

.modelmix-summary-card p,
.modelmix-status-card p,
.modelmix-action-card p,
.modelmix-note-card p{
  margin:0;
  color:#d2e4ea;
  font-size:14px;
  line-height:1.62;
}

.modelmix-status-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.modelmix-zone-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:16px;
  margin-bottom:18px;
}

.zone-card{
  padding:22px;
}

.zone-card h3{
  margin:0 0 16px;
  font-size:24px;
  line-height:1.08;
}

.zone-card--accent{
  background:linear-gradient(180deg, rgba(124,243,196,.10), rgba(255,255,255,.05));
}

.zone-list{
  display:grid;
  gap:12px;
}

.zone-item{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.zone-item__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.zone-item__head h4{
  margin:0;
  font-size:18px;
  line-height:1.2;
}

.zone-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:#eff9fd;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
}

.zone-item p{
  margin:0;
  color:#d4e6ec;
  font-size:14px;
  line-height:1.6;
}

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

.launch-card{
  padding:22px;
}

.launch-card__date{
  display:block;
  margin-bottom:10px;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

.launch-card h3{
  margin:0 0 14px;
  font-size:22px;
  line-height:1.15;
}

.launch-card__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.modelmix-action-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

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

.ticket-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.ticket-summary-card,
.ticket-framework-card,
.ticket-action-card,
.ticket-note-card{
  padding:22px;
}

.ticket-summary-card__value{
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:12px;
  color:#f8feff;
}

.ticket-summary-card h3,
.ticket-framework-card h3,
.ticket-action-card h3,
.ticket-note-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.12;
}

.ticket-summary-card p,
.ticket-framework-card p,
.ticket-action-card p,
.ticket-note-card p{
  margin:0;
  color:#d2e4ea;
  font-size:14px;
  line-height:1.62;
}

.ticket-pricing-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:18px;
}

.ticket-pricing-card{
  padding:22px;
}

.ticket-pricing-card--accent{
  background:linear-gradient(180deg, rgba(105,210,255,.12), rgba(255,255,255,.05));
}

.ticket-pricing-card h3{
  margin:0 0 16px;
  font-size:24px;
  line-height:1.08;
}

.ticket-pricing-list{
  display:grid;
  gap:12px;
}

.ticket-price-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.ticket-price-row__main{
  display:grid;
  gap:6px;
}

.ticket-price-row__main strong{
  font-size:15px;
  line-height:1.35;
}

.ticket-price-row__main span{
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
}

.ticket-price-row__price{
  flex:0 0 auto;
  text-align:right;
  font-size:16px;
  line-height:1.3;
  font-weight:800;
  color:#f6fdff;
}

.ticket-premium-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.ticket-premium-card{
  padding:22px;
}

.ticket-premium-card h3{
  margin:0 0 14px;
  font-size:20px;
  line-height:1.18;
}

.ticket-premium-card__stack{
  display:grid;
  gap:10px;
}

.ticket-premium-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.ticket-premium-line span{
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.ticket-premium-line strong{
  font-size:15px;
  line-height:1.35;
  color:#f8feff;
  text-align:right;
}

.ticket-framework-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:16px;
  margin-bottom:18px;
}

.ticket-framework-card--warn{
  background:linear-gradient(180deg, rgba(255,180,120,.10), rgba(255,255,255,.05));
}

.ticket-framework-list{
  display:grid;
  gap:12px;
}

.ticket-framework-item{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.ticket-framework-item strong{
  display:block;
  margin-bottom:8px;
  font-size:15px;
  line-height:1.3;
}

.ticket-action-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

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

.channels-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

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

.channels-summary-card__value{
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:12px;
  color:#f8feff;
}

.channels-summary-card h3,
.channels-framework-card h3,
.channel-metrics-card h3,
.channel-note-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.12;
}

.channels-summary-card p,
.channels-framework-card p,
.channel-note-card p{
  margin:0;
  color:#d2e4ea;
  font-size:14px;
  line-height:1.62;
}

.leadgen-channel-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.leadgen-channel-card{
  padding:22px;
}

.leadgen-channel-card__head{
  display:grid;
  gap:10px;
  margin-bottom:14px;
}

.leadgen-channel-card__head h3{
  margin:0;
  font-size:24px;
  line-height:1.08;
}

.leadgen-channel-card__stack{
  display:grid;
  gap:12px;
}

.leadgen-line{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.leadgen-line span{
  display:block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
}

.leadgen-line p{
  margin:0;
  color:#d7e8ee;
  font-size:14px;
  line-height:1.6;
}

.channels-framework-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:16px;
  margin-bottom:18px;
}

.channels-framework-card--accent{
  background:linear-gradient(180deg, rgba(180,140,255,.12), rgba(255,255,255,.05));
}

.channels-framework-list{
  display:grid;
  gap:12px;
}

.channels-framework-item{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.channels-framework-item strong{
  display:block;
  margin-bottom:8px;
  font-size:15px;
  line-height:1.3;
}

.channel-metrics-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.channel-metrics-list{
  display:grid;
  gap:10px;
}

.channel-metrics-item{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
  color:#eef9fd;
  font-size:14px;
  line-height:1.45;
  font-weight:700;
}

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

.org-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

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

.org-summary-card__value{
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:12px;
  color:#f8feff;
}

.org-summary-card h3,
.org-ownership-card h3,
.org-hiring-card h3,
.org-cadence-card h3,
.org-note-card h3,
.org-pod-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.12;
}

.org-summary-card p,
.org-ownership-card p,
.org-cadence-card p,
.org-note-card p{
  margin:0;
  color:#d2e4ea;
  font-size:14px;
  line-height:1.62;
}

.org-pods-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.org-pod-card{
  padding:22px;
}

.org-pod-card--green{
  background:linear-gradient(180deg, rgba(124,243,196,.10), rgba(255,255,255,.05));
}

.org-pod-card--violet{
  background:linear-gradient(180deg, rgba(180,140,255,.12), rgba(255,255,255,.05));
}

.org-pod-card--gold{
  background:linear-gradient(180deg, rgba(255,210,105,.12), rgba(255,255,255,.05));
}

.org-pod-card--cyan{
  background:linear-gradient(180deg, rgba(105,210,255,.12), rgba(255,255,255,.05));
}

.org-pod-card--blue{
  background:linear-gradient(180deg, rgba(110,150,255,.12), rgba(255,255,255,.05));
}

.org-ownership-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:16px;
  margin-bottom:18px;
}

.org-ownership-card--accent{
  background:linear-gradient(180deg, rgba(105,210,255,.12), rgba(255,255,255,.05));
}

.org-ownership-list{
  display:grid;
  gap:12px;
}

.org-ownership-item{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.org-ownership-item__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.org-ownership-item__head strong{
  font-size:16px;
  line-height:1.3;
}

.org-ownership-item p{
  margin:0 0 8px;
}

.org-hiring-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.org-cadence-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

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

.roadmap-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

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

.roadmap-summary-card__value{
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:12px;
  color:#f8feff;
}

.roadmap-summary-card h3,
.roadmap-phase-card h3,
.roadmap-stream-card h3,
.roadmap-milestone-card h3,
.roadmap-risk-card h3,
.roadmap-note-wrap h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.12;
}

.roadmap-summary-card p,
.roadmap-milestone-card p{
  margin:0;
  color:#d2e4ea;
  font-size:14px;
  line-height:1.62;
}

.roadmap-phase-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.roadmap-phase-card{
  background:linear-gradient(180deg, rgba(105,210,255,.10), rgba(255,255,255,.05));
}

.roadmap-phase-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.roadmap-phase-card__eyebrow{
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

.roadmap-streams-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.roadmap-milestone-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.roadmap-milestone-card__date{
  display:block;
  margin-bottom:10px;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

.roadmap-bottom-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:16px;
}

.roadmap-risk-card{
  background:linear-gradient(180deg, rgba(255,180,120,.10), rgba(255,255,255,.05));
}

.roadmap-note-wrap{
  background:linear-gradient(180deg, rgba(180,140,255,.12), rgba(255,255,255,.05));
}

.hero-goals{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 260px));
  gap:14px;
  margin-top:28px;
}

.goal-chip{
  min-height:96px;
  padding:18px 18px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.goal-chip strong{
  display:block;
  margin-bottom:8px;
  font-size:24px;
  line-height:1;
  letter-spacing:-.03em;
}

.goal-chip span{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.season-panel{
  margin-top:26px;
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
}

.season-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.season-panel__title{
  margin:0 0 8px;
  font-size:22px;
  line-height:1.1;
}

.season-panel__sub{
  margin:0;
  max-width:680px;
  color:#cfe2e9;
  font-size:14px;
  line-height:1.6;
}

.season-panel__badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(105,210,255,.12);
  border:1px solid rgba(105,210,255,.18);
  color:#eaf9ff;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}

.season-chart{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(105,210,255,.08), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.05);
  padding:8px;
}

.season-chart__svg{
  width:100%;
  height:auto;
  display:block;
}

.season-chart__axis{
  stroke:rgba(255,255,255,.16);
  stroke-width:1.2;
}

.season-chart__grid{
  stroke:rgba(255,255,255,.07);
  stroke-width:1;
  stroke-dasharray:6 10;
}

.season-chart__fill{
  fill:url(#seasonFill);
  opacity:1;
}

.season-chart__line{
  fill:none;
  stroke:url(#seasonGlow);
  stroke-width:4.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.season-chart__point{
  fill:#7cf3c4;
  stroke:#08141d;
  stroke-width:3;
}

.season-chart__point.is-peak{
  fill:#69d2ff;
}

.season-chart__month{
  fill:#d8e9ef;
  font-size:13px;
  font-weight:700;
}

.season-chart__peak-label{
  fill:#9cecff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
}

.season-facts{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:14px;
}

.season-fact{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
}

.season-fact strong{
  display:block;
  margin-bottom:6px;
  font-size:26px;
  line-height:1;
  letter-spacing:-.03em;
}

.season-fact span{
  display:block;
  color:#edf8fc;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}

.season-fact small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}

.author-card{
  padding:20px;
}

.author-head{
  display:flex;
  gap:16px;
  align-items:center;
}

.author-photo{
  width:108px;
  height:136px;
  object-fit:cover;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 12px 24px rgba(0,0,0,.22);
  background:rgba(255,255,255,.04);
}

.author-meta small{
  display:block;
  color:var(--muted);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.author-meta h3{
  margin:0;
  font-size:24px;
  line-height:1.02;
}

.author-meta p{
  margin:8px 0 0;
  color:#d6e8ee;
  font-size:14px;
  line-height:1.45;
}

.author-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:16px;
}

.author-stat{
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.07);
}

.author-stat strong{
  display:block;
  margin-bottom:6px;
  font-size:24px;
  line-height:1;
  letter-spacing:-.03em;
  color:#f4fbff;
}

.author-stat span{
  display:block;
  color:#d4e7ee;
  font-size:12px;
  line-height:1.4;
  font-weight:700;
}

.author-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.pill{
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  font-weight:700;
  color:#eaf7fb;
  line-height:1.2;
}

.author-note{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}

.author-note p{
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:#cfe2e9;
}

.side-stack--profile{
  height:100%;
}

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

.author-card--full{
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.author-card{
  padding:20px;
}

.author-head{
  display:flex;
  gap:16px;
  align-items:center;
}

.author-photo{
  width:102px;
  height:128px;
  object-fit:cover;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 12px 24px rgba(0,0,0,.22);
  background:rgba(255,255,255,.04);
}

.author-meta small{
  display:block;
  color:var(--muted);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.author-meta h3{
  margin:0;
  font-size:23px;
  line-height:1.02;
}

.author-meta p{
  margin:8px 0 0;
  color:#d6e8ee;
  font-size:14px;
  line-height:1.42;
}

.author-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:15px;
}

.author-stat{
  padding:11px 13px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.07);
}

.author-stat--accent{
  background:linear-gradient(135deg, rgba(105,210,255,.14), rgba(124,243,196,.10));
  border-color:rgba(105,210,255,.18);
}

.author-stat strong{
  display:block;
  margin-bottom:6px;
  font-size:23px;
  line-height:1;
  letter-spacing:-.03em;
  color:#f4fbff;
}

.author-stat span{
  display:block;
  color:#d4e7ee;
  font-size:11px;
  line-height:1.38;
  font-weight:700;
}

.author-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.pill{
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  font-weight:700;
  color:#eaf7fb;
  line-height:1.2;
}

.profile-visuals{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:10px;
  margin-top:12px;
}

.profile-visual-card{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  min-height:158px;
}

.profile-visual-card--accent{
  background:linear-gradient(180deg, rgba(105,210,255,.10), rgba(255,255,255,.05));
}

.profile-visual-card h4{
  margin:0 0 10px;
  font-size:15px;
  line-height:1.25;
}

.profile-scheme{
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  padding:8px;
}

.profile-scheme__svg{
  width:100%;
  height:auto;
  display:block;
}

.profile-scheme__axis{
  stroke:rgba(255,255,255,.14);
  stroke-width:1.2;
}

.profile-scheme__line{
  fill:none;
  stroke:url(#profileLine);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 10px rgba(105,210,255,.22));
}

.profile-scheme__point{
  fill:#7cf3c4;
  stroke:#08141d;
  stroke-width:3;
}

.profile-scheme__point.is-accent{
  fill:#69d2ff;
}

.profile-scheme__label{
  fill:#d9ebf1;
  font-size:12px;
  font-weight:700;
}

.profile-focus-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.profile-focus-item{
  min-height:48px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.07);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.profile-focus-item span{
  color:#eef9fd;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
}

.author-note{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
}

.author-note p{
  margin:0;
  font-size:13px;
  line-height:1.52;
  color:#cfe2e9;
}

.author-card--full{
  min-height:100%;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  gap:12px;
}

.author-card{
  padding:18px;
}

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

.author-photo{
  width:96px;
  height:120px;
  object-fit:cover;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 20px rgba(0,0,0,.20);
  background:rgba(255,255,255,.04);
}

.author-meta small{
  display:block;
  color:var(--muted);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.author-meta h3{
  margin:0;
  font-size:22px;
  line-height:1.02;
}

.author-meta p{
  margin:8px 0 0;
  color:#d6e8ee;
  font-size:13px;
  line-height:1.42;
}

.author-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

.author-stat{
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.07);
}

.author-stat--accent{
  background:linear-gradient(135deg, rgba(105,210,255,.14), rgba(124,243,196,.10));
  border-color:rgba(105,210,255,.18);
}

.author-stat strong{
  display:block;
  margin-bottom:5px;
  font-size:22px;
  line-height:1;
  letter-spacing:-.03em;
  color:#f4fbff;
}

.author-stat span{
  display:block;
  color:#d4e7ee;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
}

.author-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.pill{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  font-size:11px;
  font-weight:700;
  color:#eaf7fb;
  line-height:1.2;
}

.author-workweek{
  min-height:0;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  display:grid;
  grid-template-rows:auto 1fr;
  gap:10px;
}

.author-workweek__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.author-workweek__head h4{
  margin:0;
  font-size:15px;
  line-height:1.2;
}

.author-workweek__badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(105,210,255,.10);
  border:1px solid rgba(105,210,255,.16);
  color:#eaf8ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.workweek-grid{
  min-height:0;
  display:grid;
  grid-template-columns:64px repeat(5, minmax(0, 1fr));
  grid-auto-rows:minmax(40px, 1fr);
  gap:6px;
}

.workweek-corner,
.workweek-head,
.workweek-time,
.workweek-cell{
  border-radius:12px;
}

.workweek-head{
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:#eef9fd;
  font-size:11px;
  font-weight:800;
}

.workweek-time{
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
}

.workweek-cell{
  padding:8px 8px 7px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
  color:#f1fbff;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.workweek-cell small{
  display:block;
  margin-top:4px;
  color:#cfe2e9;
  font-size:9px;
  line-height:1.2;
  font-weight:700;
}

.workweek-cell.is-strong{
  background:linear-gradient(135deg, rgba(124,243,196,.12), rgba(255,255,255,.05));
  border-color:rgba(124,243,196,.18);
}

.workweek-cell.is-accent{
  background:linear-gradient(135deg, rgba(105,210,255,.14), rgba(255,255,255,.05));
  border-color:rgba(105,210,255,.18);
}

.author-note{
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
}

.author-note p{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:#cfe2e9;
}

.hero-main{
  min-height:0;
  display:grid;
  grid-template-rows:auto auto auto auto minmax(0,1fr);
  gap:16px;
}

.hero-goals{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:0;
}

.goal-chip{
  min-height:84px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.goal-chip strong{
  display:block;
  margin-bottom:6px;
  font-size:24px;
  line-height:1;
  letter-spacing:-.03em;
}

.goal-chip span{
  display:block;
  color:var(--muted);
  font-size:11px;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.author-card--full{
  min-height:100%;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  gap:10px;
}

.author-card{
  padding:16px;
}

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

.author-photo{
  width:86px;
  height:108px;
  object-fit:cover;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 20px rgba(0,0,0,.20);
  background:rgba(255,255,255,.04);
}

.author-meta h3{
  margin:0;
  font-size:20px;
  line-height:1.02;
}

.author-meta p{
  margin:6px 0 0;
  color:#d6e8ee;
  font-size:12px;
  line-height:1.38;
}

.author-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

.author-stat{
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.07);
}

.author-stat strong{
  display:block;
  margin-bottom:5px;
  font-size:22px;
  line-height:1;
  letter-spacing:-.03em;
  color:#f4fbff;
}

.author-stat span{
  display:block;
  color:#d4e7ee;
  font-size:10px;
  line-height:1.3;
  font-weight:700;
}

.author-pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.pill{
  padding:6px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  font-size:10.5px;
  font-weight:700;
  color:#eaf7fb;
  line-height:1.15;
}

.author-workweek{
  min-height:0;
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:8px;
}

.author-workweek__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.author-workweek__head h4{
  margin:0;
  font-size:13px;
  line-height:1.2;
}

.author-workweek__badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(105,210,255,.10);
  border:1px solid rgba(105,210,255,.16);
  color:#eaf8ff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.workweek-grid{
  min-height:0;
  display:grid;
  grid-template-columns:52px repeat(5, minmax(0, 1fr));
  grid-template-rows:34px repeat(3, minmax(54px, 1fr));
  gap:5px;
}

.workweek-corner,
.workweek-head,
.workweek-time,
.workweek-cell{
  border-radius:12px;
}

.workweek-head{
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:#eef9fd;
  font-size:10px;
  font-weight:800;
}

.workweek-time{
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
}

.workweek-cell{
  padding:7px 6px 6px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
  color:#f1fbff;
  font-size:9.5px;
  font-weight:800;
  line-height:1.14;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.workweek-cell small{
  display:block;
  margin-top:3px;
  color:#cfe2e9;
  font-size:8px;
  line-height:1.12;
  font-weight:700;
}

.workweek-cell.is-strong{
  background:linear-gradient(135deg, rgba(124,243,196,.12), rgba(255,255,255,.05));
  border-color:rgba(124,243,196,.18);
}

.workweek-cell.is-accent{
  background:linear-gradient(135deg, rgba(105,210,255,.14), rgba(255,255,255,.05));
  border-color:rgba(105,210,255,.18);
}

.author-note{
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.08);
}

.author-note p{
  margin:0;
  font-size:11px;
  line-height:1.38;
  color:#cfe2e9;
}

.hero-grid--intro{
  align-items:stretch;
}

.hero-card--intro{
  padding:22px;
}

.hero-title--intro{
  font-size:clamp(42px, 4vw, 66px);
  line-height:.95;
  letter-spacing:-.045em;
  margin:0;
}

.hero-lead--intro{
  margin:0;
  max-width:760px;
  font-size:16px;
  line-height:1.48;
  color:#d6e8ef;
}

.hero-goals--intro{
  display:flex;
  gap:12px;
  align-items:stretch;
  margin-top:0;
}

.goal-chip--intro{
  width:220px;
  min-height:88px;
  padding:16px 16px 14px;
  border-radius:18px;
}

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

.season-chart--intro .season-chart__svg{
  max-height:190px;
}

.season-facts--intro{
  gap:10px;
}

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

.side-stack--profile{
  height:100%;
}

.author-card--intro{
  min-height:100%;
  display:grid;
  grid-template-rows:auto auto auto 1fr;
  gap:12px;
  padding:18px;
}

.author-stats--intro{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px;
}

.author-pills--intro{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.author-workweek--intro{
  min-height:0;
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  display:grid;
  grid-template-rows:auto 1fr;
  gap:8px;
}

.workweek-grid--intro{
  min-height:0;
}

.hero-grid--intro{
  align-items:stretch;
}

.hero-card--intro{
  padding:22px;
}

.hero-title--intro{
  font-size:clamp(42px, 4vw, 66px);
  line-height:.95;
  letter-spacing:-.045em;
  margin:0;
}

.hero-lead--intro{
  margin:0;
  max-width:760px;
  font-size:16px;
  line-height:1.48;
  color:#d6e8ef;
}

.hero-goals--intro{
  display:flex;
  gap:12px;
  align-items:stretch;
  margin-top:0;
}

.goal-chip--intro{
  width:220px;
  min-height:88px;
  padding:16px 16px 14px;
  border-radius:18px;
}

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

.season-chart--intro .season-chart__svg{
  max-height:190px;
}

.season-facts--intro{
  gap:10px;
}

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

.side-stack--profile{
  height:100%;
}

.author-card--intro{
  min-height:100%;
  display:grid;
  grid-template-rows:auto auto auto 1fr;
  gap:12px;
  padding:18px;
}

.author-stats--intro{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px;
}

.author-pills--intro{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.author-workweek--intro{
  min-height:0;
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  display:grid;
  grid-template-rows:auto 1fr;
  gap:8px;
}

.workweek-grid--intro{
  min-height:0;
}

/* === NORMAL MODE SIDEBAR + SCROLLBAR START === */

:root{
  --sidebar-w: 264px;
}

/* scrollbar */
html{
  scrollbar-color:#58c7ee #1b2630;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width:14px;
  height:14px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{
  background:#1b2630;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, #335d72 0%, #58c7ee 100%);
  border:3px solid #1b2630;
  border-radius:999px;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg, #4fa7c7 0%, #7bddff 100%);
}

.strategy-main,
.strategy-content{
  min-width:0;
}

.strategy-layout{
  width:var(--container);
  margin:0 auto;
  display:grid;
  grid-template-columns:var(--sidebar-w) minmax(0, 1fr);
  gap:24px;
  align-items:start;
  padding:20px 0 40px;
  position:relative;
  z-index:1;
}

.strategy-sidebar{
  position:sticky;
  top:calc(var(--header-h) + 16px);
  align-self:start;
  z-index:5;
}

.strategy-sidebar__inner{
  padding:18px;
  display:grid;
  gap:16px;
}

.strategy-sidebar__eyebrow{
  display:block;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:6px;
}

.strategy-sidebar__title{
  margin:0;
  font-size:22px;
  line-height:1.05;
  letter-spacing:-.03em;
}

.strategy-sidebar__text{
  margin:8px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

.sidebar-nav{
  display:grid;
  gap:8px;
}

.sidebar-nav__link{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:11px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:var(--text);
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  transition:background .24s ease, border-color .24s ease, transform .24s ease, box-shadow .24s ease;
}

.sidebar-nav__link:hover{
  transform:translateX(3px);
  background:rgba(105,210,255,.10);
  border-color:rgba(105,210,255,.24);
}

.sidebar-nav__link.is-active{
  background:linear-gradient(135deg, rgba(105,210,255,.18), rgba(124,243,196,.10));
  border-color:rgba(105,210,255,.34);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.strategy-content .container{
  width:100%;
  max-width:none;
  margin:0;
}

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

.strategy-content .slide-section:first-child{
  padding-top:4px;
}

.strategy-content .hero{
  min-height:auto;
  padding:4px 0 40px;
}

.header-actions,
.section-nav{
  display:none;
}

/* === NORMAL MODE SIDEBAR + SCROLLBAR END === */

/* === ORDINARY MODE V2 LAYOUT START === */

html{
  scroll-behavior:smooth;
}

:root{
  --sidebar-w: 280px;
  --content-gap: 28px;
}

.strategy-layout{
  width:var(--container);
  margin:0 auto;
  display:grid;
  grid-template-columns:var(--sidebar-w) minmax(0,1fr);
  gap:var(--content-gap);
  align-items:start;
  padding:18px 0 40px;
  position:relative;
  z-index:1;
}

.strategy-sidebar{
  position:sticky;
  top:calc(var(--header-h) + 18px);
  align-self:start;
  z-index:12;
}

.strategy-sidebar__inner{
  padding:18px;
  display:grid;
  gap:16px;
  border-radius:24px;
}

.strategy-sidebar__head{
  display:grid;
  gap:8px;
}

.strategy-sidebar__eyebrow{
  display:block;
  margin:0;
  color:#9edff0;
  font-size:10px;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
}

.strategy-sidebar__title{
  margin:0;
  font-size:24px;
  line-height:1.02;
  letter-spacing:-.03em;
}

.strategy-sidebar__text{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
}

.sidebar-nav{
  display:grid;
  gap:8px;
}

.sidebar-nav__link{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:11px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:var(--text);
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  transition:
    transform .24s ease,
    border-color .24s ease,
    background .24s ease,
    box-shadow .24s ease;
}

.sidebar-nav__link:hover{
  transform:translateX(3px);
  background:rgba(105,210,255,.10);
  border-color:rgba(105,210,255,.24);
}

.sidebar-nav__link.is-active{
  background:linear-gradient(135deg, rgba(88,199,238,.18), rgba(130,235,255,.08));
  border-color:rgba(88,199,238,.34);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}

.strategy-content{
  min-width:0;
}

.strategy-content .container{
  width:100%;
  max-width:none;
  margin:0;
}

.strategy-content .slide-section{
  padding:34px 0;
  scroll-margin-top:calc(var(--header-h) + 18px);
}

.strategy-content .slide-section:first-child{
  padding-top:4px;
}

.strategy-content .section-head{
  margin-bottom:18px;
}

.strategy-content .section-title{
  text-wrap:balance;
}

.strategy-content .section-lead{
  max-width:980px;
}

.header-actions,
.section-nav{
  display:none;
}

/* ordinary mode hero cleanup */

.strategy-content #hero.slide-section{
  padding-top:4px;
}

.strategy-content #hero .container{
  width:100%;
  max-width:none;
}

.strategy-content #hero .slide1-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.12fr) minmax(360px, .88fr);
  gap:20px;
  align-items:stretch;
}

.strategy-content #hero .slide1-main,
.strategy-content #hero .profilepanel{
  height:100%;
  border-radius:26px;
}

.strategy-content #hero .slide1-main{
  padding:24px;
  display:grid;
  gap:18px;
}

.strategy-content #hero .slide1-title{
  font-size:clamp(44px, 3.8vw, 72px);
  line-height:.92;
  letter-spacing:-.045em;
}

.strategy-content #hero .slide1-lead{
  max-width:760px;
  font-size:16px;
  line-height:1.42;
}

.strategy-content #hero .slide1-kpis{
  gap:12px;
}

.strategy-content #hero .slide1-kpi{
  min-height:104px;
  padding:18px 18px 16px;
  border-radius:18px;
}

.strategy-content #hero .slide1-kpi strong{
  font-size:34px;
  line-height:.95;
}

.strategy-content #hero .slide1-kpi span{
  font-size:13px;
  line-height:1.18;
}

.strategy-content #hero .profilepanel{
  padding:20px;
  display:grid;
  gap:12px;
}

.strategy-content #hero .profilepanel-meta h3{
  font-size:24px;
  line-height:.98;
}

.strategy-content #hero .profilepanel-meta p{
  font-size:14px;
  line-height:1.34;
}

.strategy-content #hero .profilepanel-stat strong{
  font-size:24px;
  line-height:1;
}

.strategy-content #hero .profileweather-temp{
  font-size:40px;
  line-height:.9;
}

/* dark graphite + blue scrollbar */

html{
  scrollbar-color:#58c7ee #1b2630;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width:14px;
  height:14px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{
  background:#1b2630;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, #335d72 0%, #58c7ee 100%);
  border:3px solid #1b2630;
  border-radius:999px;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg, #4fa7c7 0%, #7bddff 100%);
}

/* === ORDINARY MODE V2 LAYOUT END === */

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

:root{
  --type-display: clamp(56px, 5vw, 84px);
  --type-h1: clamp(40px, 3.2vw, 58px);
  --type-h2: clamp(30px, 2.3vw, 40px);
  --type-h3: clamp(22px, 1.55vw, 28px);
  --type-h4: 18px;

  --type-body-xl: 20px;
  --type-body-lg: 17px;
  --type-body: 15px;
  --type-body-sm: 13px;
  --type-meta: 11px;
  --type-chip: 10px;

  --lh-display: .92;
  --lh-tight: 1.02;
  --lh-title: 1.08;
  --lh-body: 1.5;
  --lh-body-sm: 1.38;
  --lh-meta: 1.22;

  --ls-display: -.05em;
  --ls-title: -.03em;
  --ls-body: 0;

  --measure-wide: 1080px;
  --measure-body: 820px;
  --measure-narrow: 620px;
}

html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body{
  font-size: var(--type-body);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body);
}

h1,h2,h3,h4,h5,h6{
  margin: 0;
  color: var(--text);
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;
  hyphens: auto;
}

p,li,td,th,span{
  overflow-wrap: anywhere;
  word-break: normal;
}

p{
  margin: 0;
}

.section-label{
  font-size: var(--type-meta);
  line-height: 1;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 900;
}

.section-title{
  font-size: var(--type-h1);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
  max-width: var(--measure-wide);
  text-wrap: balance;
}

.section-lead{
  max-width: var(--measure-body);
  font-size: var(--type-body-lg);
  line-height: 1.42;
  color: var(--muted);
}

.section-head{
  display: grid;
  gap: 10px;
}

.brand__eyebrow{
  font-size: var(--type-meta);
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
}

.brand__title{
  font-size: 15px;
  line-height: 1.18;
  letter-spacing: -.01em;
}

.strategy-sidebar__title{
  font-size: var(--type-h3);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-title);
}

.strategy-sidebar__text{
  font-size: var(--type-body-sm);
  line-height: 1.42;
}

.sidebar-nav__link{
  font-size: 14px;
  line-height: 1.18;
  letter-spacing: -.01em;
}

/* hero */

#hero .slide1-label{
  font-size: var(--type-meta);
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
}

#hero .slide1-title{
  font-size: var(--type-display);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
  text-wrap: balance;
}

#hero .slide1-lead{
  max-width: var(--measure-narrow);
  font-size: var(--type-body-lg);
  line-height: 1.42;
}

#hero .slide1-kpi strong,
#hero .slide1-fact strong,
#hero .profilepanel-stat strong{
  letter-spacing: -.04em;
}

#hero .slide1-kpi span,
#hero .slide1-fact span,
#hero .profilepanel-stat span,
#hero .profilepanel-pill,
#hero .profileweather-state span,
#hero .profileweather-item strong,
#hero .profileweather-day__temp,
#hero .profileweek-task{
  font-size: var(--type-body-sm);
  line-height: var(--lh-body-sm);
}

#hero .slide1-season__title,
#hero .profilepanel-meta h3{
  font-size: var(--type-h2);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-title);
}

#hero .slide1-season__sub,
#hero .profilepanel-meta p{
  font-size: var(--type-body);
  line-height: 1.42;
}

/* generic cards */

.glass h2,
.glass h3,
.glass h4{
  text-wrap: balance;
}

.glass p{
  color: inherit;
}

.kpi-summary-card h3,
.kpi-panel__title,
.kpi-note-card h3,
.kpi-signal-card h3,
.kpi-focus-card h3,
.kpi-metric-card h3,
.kpi-aside-card h3,
.kpi2-card-title,
.kpi2-cluster-title,
.kpi2-framework-card h3,
.kpi2-objective-card h4,
.kpi2-signal-card h3{
  font-size: var(--type-h4);
  line-height: 1.12;
  letter-spacing: -.015em;
}

.kpi-summary-card p,
.kpi-note-card p,
.kpi-signal-card p,
.kpi-focus-card p,
.kpi-metric-card p,
.kpi-aside-card p,
.kpi2-framework-card p,
.kpi2-objective-card p,
.kpi2-signal-card p,
.kpi2-objectives-note{
  font-size: var(--type-body-sm);
  line-height: 1.38;
}

.kpi-summary-card__value,
.kpi-metric-card__value,
.kpi-compact-card__value,
.kpi2-highlight-card strong{
  letter-spacing: -.04em;
}

.kpi-item__head h4,
.kpi2-row__head h4{
  font-size: 15px;
  line-height: 1.18;
  letter-spacing: -.01em;
  text-wrap: pretty;
}

.kpi-meta-label,
.kpi2-card-eyebrow,
.kpi2-objective-card__eyebrow,
.kpi-aside-card__eyebrow{
  font-size: var(--type-meta);
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 900;
}

.kpi-meta-block p,
.kpi2-row__metric,
.kpi2-row__meta span,
.kpi-chip,
.kpi2-row__meta--compact span{
  font-size: var(--type-body-sm);
  line-height: var(--lh-body-sm);
}

.kpi-chip,
.kpi2-row__meta span,
.kpi2-row__meta--compact span{
  font-size: var(--type-chip);
  line-height: 1.1;
  font-weight: 800;
}

/* tables / lists / misc */

table{
  font-variant-numeric: tabular-nums;
}

th{
  font-size: var(--type-meta);
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
}

td{
  font-size: var(--type-body-sm);
  line-height: 1.35;
}

small{
  font-size: var(--type-meta);
  line-height: var(--lh-meta);
}

/* helper scale for future sections */

.typo-display{
  font-size: var(--type-display);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
}

.typo-h1{
  font-size: var(--type-h1);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
}

.typo-h2{
  font-size: var(--type-h2);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-title);
}

.typo-h3{
  font-size: var(--type-h3);
  line-height: var(--lh-title);
  letter-spacing: var(--ls-title);
}

.typo-body-lg{
  font-size: var(--type-body-lg);
  line-height: 1.42;
}

.typo-body{
  font-size: var(--type-body);
  line-height: var(--lh-body);
}

.typo-body-sm{
  font-size: var(--type-body-sm);
  line-height: var(--lh-body-sm);
}

.typo-meta{
  font-size: var(--type-meta);
  line-height: 1.1;
  letter-spacing: .1em;
  text-transform: uppercase;
}

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


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

:root{
  --content-gap: 24px;
  --sidebar-w: 268px;
}

/* чуть больше полезной ширины под контент */
.strategy-layout{
  grid-template-columns: var(--sidebar-w) minmax(0, 1fr);
  gap: var(--content-gap);
}

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

/* общая типографика KPI-секций */
#kpi-personal .section-title,
#kpi-team .section-title,
#kpi-company .section-title{
  font-size: clamp(42px, 3.25vw, 60px);
  line-height: .95;
  letter-spacing: -.045em;
  max-width: 1100px;
}

#kpi-personal .section-lead,
#kpi-team .section-lead,
#kpi-company .section-lead{
  max-width: 1040px;
  font-size: 17px;
  line-height: 1.42;
}

#kpi-personal .section-label,
#kpi-team .section-label,
#kpi-company .section-label{
  font-size: 11px;
  line-height: 1;
  letter-spacing: .16em;
}

/* ---------- PERSONAL KPI ---------- */

#kpi-personal .kpi-compact-grid{
  gap: 14px;
}

#kpi-personal .kpi-compact-card{
  padding: 18px;
  border-radius: 18px;
}

#kpi-personal .kpi-compact-card__value{
  font-size: 40px;
  line-height: .9;
  margin-bottom: 8px;
}

#kpi-personal .kpi-compact-card h3{
  font-size: 20px;
  line-height: 1.08;
  margin-bottom: 6px;
}

#kpi-personal .kpi-compact-card p{
  font-size: 14px;
  line-height: 1.34;
}

#kpi-personal .kpi-split-board--two{
  grid-template-columns: minmax(0, 1.28fr) minmax(320px, .72fr);
  gap: 16px;
}

#kpi-personal .kpi-split-panel{
  padding: 20px;
  border-radius: 24px;
}

#kpi-personal .kpi-split-panel__head{
  margin-bottom: 14px;
  padding-bottom: 12px;
}

#kpi-personal .kpi-panel__eyebrow{
  font-size: 11px;
  margin-bottom: 7px;
}

#kpi-personal .kpi-panel__title{
  font-size: 34px;
  line-height: 1;
}

#kpi-personal .kpi-split-columns{
  gap: 12px;
}

#kpi-personal .kpi-list--split{
  gap: 10px;
}

#kpi-personal .kpi-item--split{
  padding: 16px;
  border-radius: 18px;
}

#kpi-personal .kpi-item--split .kpi-item__head{
  gap: 10px;
  margin-bottom: 10px;
}

#kpi-personal .kpi-item--split .kpi-index{
  width: 26px;
  height: 26px;
  font-size: 11px;
}

#kpi-personal .kpi-item--split .kpi-item__head h4{
  font-size: 18px;
  line-height: 1.14;
  text-wrap: pretty;
}

#kpi-personal .kpi-meta-label{
  font-size: 10px;
  margin-bottom: 4px;
}

#kpi-personal .kpi-meta-block p{
  font-size: 14px;
  line-height: 1.3;
}

#kpi-personal .kpi-chip{
  min-height: 28px;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1.15;
}

#kpi-personal .kpi-aside-stack{
  gap: 12px;
}

#kpi-personal .kpi-aside-card{
  padding: 18px;
  border-radius: 20px;
}

#kpi-personal .kpi-aside-card__eyebrow{
  font-size: 10px;
  min-height: 22px;
  padding: 5px 9px;
}

#kpi-personal .kpi-aside-card h3{
  font-size: 20px;
  line-height: 1.08;
}

#kpi-personal .kpi-aside-card p{
  font-size: 14px;
  line-height: 1.36;
}

/* ---------- TEAM KPI ---------- */

#kpi-team .team-v2-layout{
  grid-template-columns: minmax(0, 1.22fr) minmax(340px, .78fr);
  gap: 22px;
}

#kpi-team .team-v2-stats{
  gap: 14px;
}

#kpi-team .team-v2-stat{
  padding: 18px;
  border-radius: 20px;
}

#kpi-team .team-v2-stat__value{
  font-size: 38px;
  line-height: .9;
  margin-bottom: 8px;
}

#kpi-team .team-v2-stat h3{
  font-size: 19px;
  line-height: 1.08;
  margin-bottom: 6px;
}

#kpi-team .team-v2-stat p{
  font-size: 14px;
  line-height: 1.32;
}

#kpi-team .team-v2-board{
  padding: 24px;
  border-radius: 26px;
}

#kpi-team .team-v2-board__head{
  gap: 8px;
  margin-bottom: 18px;
}

#kpi-team .team-v2-board__eyebrow{
  font-size: 11px;
}

#kpi-team .team-v2-board__title{
  font-size: 34px;
  line-height: 1;
  letter-spacing: -.03em;
}

#kpi-team .team-v2-columns{
  gap: 14px;
}

#kpi-team .team-v2-column{
  gap: 14px;
}

#kpi-team .team-v2-card{
  padding: 18px;
  border-radius: 18px;
}

#kpi-team .team-v2-card__head{
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  margin-bottom: 12px;
}

#kpi-team .team-v2-card__index{
  width: 28px;
  height: 28px;
  font-size: 12px;
}

#kpi-team .team-v2-card__head h4{
  font-size: 20px;
  line-height: 1.12;
  text-wrap: pretty;
}

#kpi-team .team-v2-card__body{
  gap: 12px;
}

#kpi-team .team-v2-card__label{
  font-size: 10px;
  margin-bottom: 2px;
}

#kpi-team .team-v2-card__block p{
  font-size: 15px;
  line-height: 1.34;
}

#kpi-team .team-v2-chip{
  min-height: 30px;
  padding: 7px 11px;
  font-size: 11px;
  line-height: 1.14;
}

#kpi-team .team-v2-badge{
  padding: 22px 20px;
  border-radius: 22px;
}

#kpi-team .team-v2-badge__value{
  font-size: 48px;
  line-height: .9;
}

#kpi-team .team-v2-badge__meta strong{
  font-size: 18px;
}

#kpi-team .team-v2-badge__meta span{
  font-size: 14px;
  line-height: 1.3;
}

#kpi-team .team-v2-note{
  padding: 18px;
  border-radius: 20px;
}

#kpi-team .team-v2-note__eyebrow{
  font-size: 10px;
}

#kpi-team .team-v2-note h3{
  font-size: 20px;
  line-height: 1.08;
}

#kpi-team .team-v2-note p{
  font-size: 14px;
  line-height: 1.38;
}

/* ---------- COMPANY KPI ---------- */

#kpi-company .kpi-metric-grid{
  gap: 14px;
}

#kpi-company .kpi-metric-card{
  padding: 18px;
  border-radius: 18px;
}

#kpi-company .kpi-metric-card__value{
  font-size: 40px;
  line-height: .9;
  margin-bottom: 8px;
}

#kpi-company .kpi-metric-card h3{
  font-size: 20px;
  line-height: 1.08;
  margin-bottom: 6px;
}

#kpi-company .kpi-metric-card p{
  font-size: 14px;
  line-height: 1.34;
}

#kpi-company .kpi-split-board--two{
  grid-template-columns: minmax(0, 1.22fr) minmax(320px, .78fr);
  gap: 16px;
}

#kpi-company .kpi-split-panel{
  padding: 20px;
  border-radius: 24px;
}

#kpi-company .kpi-split-panel__head{
  margin-bottom: 14px;
  padding-bottom: 12px;
}

#kpi-company .kpi-panel__eyebrow{
  font-size: 11px;
  margin-bottom: 7px;
}

#kpi-company .kpi-panel__title{
  font-size: 34px;
  line-height: 1;
}

#kpi-company .kpi-list--split{
  gap: 10px;
}

#kpi-company .kpi-item--split{
  padding: 16px;
  border-radius: 18px;
}

#kpi-company .kpi-item--split .kpi-item__head{
  gap: 10px;
  margin-bottom: 10px;
}

#kpi-company .kpi-item--split .kpi-index{
  width: 26px;
  height: 26px;
  font-size: 11px;
}

#kpi-company .kpi-item--split .kpi-item__head h4{
  font-size: 18px;
  line-height: 1.14;
}

#kpi-company .kpi-meta-label{
  font-size: 10px;
  margin-bottom: 4px;
}

#kpi-company .kpi-meta-block p{
  font-size: 14px;
  line-height: 1.3;
}

#kpi-company .kpi-chip{
  min-height: 28px;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1.15;
}

#kpi-company .kpi-aside-stack{
  gap: 12px;
}

#kpi-company .kpi-aside-card{
  padding: 18px;
  border-radius: 20px;
}

#kpi-company .kpi-aside-card__eyebrow{
  font-size: 10px;
  min-height: 22px;
  padding: 5px 9px;
}

#kpi-company .kpi-aside-card h3{
  font-size: 20px;
  line-height: 1.08;
}

#kpi-company .kpi-aside-card p{
  font-size: 14px;
  line-height: 1.36;
}

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

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

#kpi-team .team-director-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(320px, .8fr);
  gap:20px;
  align-items:start;
}

#kpi-team .team-director-main{
  display:grid;
  gap:18px;
  min-width:0;
}

#kpi-team .team-director-aside{
  display:grid;
  gap:14px;
  min-width:0;
}

#kpi-team .team-director-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

#kpi-team .team-director-stat{
  padding:18px;
  border-radius:20px;
}

#kpi-team .team-director-stat__value{
  font-size:36px;
  line-height:.9;
  letter-spacing:-.04em;
  font-weight:900;
  color:var(--text);
  margin-bottom:8px;
}

#kpi-team .team-director-stat h3{
  margin:0 0 6px;
  font-size:19px;
  line-height:1.08;
}

#kpi-team .team-director-stat p{
  margin:0;
  font-size:14px;
  line-height:1.34;
  color:var(--muted);
}

#kpi-team .team-director-board{
  padding:24px;
  border-radius:26px;
}

#kpi-team .team-director-board__head{
  display:grid;
  gap:8px;
  margin-bottom:18px;
}

#kpi-team .team-director-board__eyebrow{
  font-size:11px;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
  color:#9edff0;
}

#kpi-team .team-director-board__title{
  font-size:32px;
  line-height:1;
  letter-spacing:-.03em;
}

#kpi-team .team-director-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

#kpi-team .team-director-card{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

#kpi-team .team-director-card__eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  color:#9edff0;
  font-size:10px;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:900;
}

#kpi-team .team-director-card h4{
  margin:12px 0 8px;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.02em;
  text-wrap:balance;
}

#kpi-team .team-director-card p{
  margin:0;
  font-size:15px;
  line-height:1.42;
  color:var(--muted);
}

#kpi-team .team-director-badge{
  padding:22px 20px;
  border-radius:22px;
  display:grid;
  gap:8px;
}

#kpi-team .team-director-badge__value{
  font-size:44px;
  line-height:.9;
  letter-spacing:-.05em;
  font-weight:900;
  color:var(--text);
}

#kpi-team .team-director-badge__meta strong{
  display:block;
  font-size:17px;
  line-height:1.08;
  margin-bottom:4px;
}

#kpi-team .team-director-badge__meta span{
  display:block;
  font-size:14px;
  line-height:1.3;
  color:var(--muted);
}

#kpi-team .team-director-note{
  padding:18px;
  border-radius:20px;
  display:grid;
  gap:8px;
}

#kpi-team .team-director-note__eyebrow{
  font-size:10px;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
  color:#9edff0;
}

#kpi-team .team-director-note h3{
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.01em;
}

#kpi-team .team-director-note p{
  margin:0;
  font-size:14px;
  line-height:1.4;
  color:var(--muted);
}

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

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

#kpi-personal .personal-v3-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.22fr) minmax(320px, .78fr);
  gap:20px;
  align-items:start;
}

#kpi-personal .personal-v3-main{
  display:grid;
  gap:18px;
  min-width:0;
}

#kpi-personal .personal-v3-aside{
  display:grid;
  gap:14px;
  min-width:0;
}

#kpi-personal .personal-v3-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

#kpi-personal .personal-v3-stat{
  padding:18px;
  border-radius:20px;
}

#kpi-personal .personal-v3-stat__value{
  font-size:38px;
  line-height:.9;
  letter-spacing:-.04em;
  font-weight:900;
  color:var(--text);
  margin-bottom:8px;
}

#kpi-personal .personal-v3-stat h3{
  margin:0;
  font-size:18px;
  line-height:1.08;
  text-wrap:balance;
}

#kpi-personal .personal-v3-board{
  padding:22px;
  border-radius:26px;
}

#kpi-personal .personal-v3-board__head{
  display:grid;
  gap:8px;
  margin-bottom:16px;
}

#kpi-personal .personal-v3-board__eyebrow{
  font-size:11px;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
  color:#9edff0;
}

#kpi-personal .personal-v3-board__title{
  font-size:32px;
  line-height:1;
  letter-spacing:-.03em;
}

#kpi-personal .personal-v3-columns{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

#kpi-personal .personal-v3-column{
  display:grid;
  gap:14px;
  align-content:start;
}

#kpi-personal .personal-v3-card{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
  display:grid;
  gap:12px;
  min-width:0;
}

#kpi-personal .personal-v3-card__head{
  display:grid;
  grid-template-columns:28px minmax(0, 1fr);
  gap:10px;
  align-items:start;
}

#kpi-personal .personal-v3-card__index{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:var(--text);
  font-size:12px;
  line-height:1;
  font-weight:900;
}

#kpi-personal .personal-v3-card__head h4{
  margin:0;
  font-size:20px;
  line-height:1.12;
  letter-spacing:-.015em;
  text-wrap:pretty;
}

#kpi-personal .personal-v3-card__visual{
  min-height:150px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

#kpi-personal .personal-v3-card__visual--center{
  justify-content:center;
  align-items:center;
}

#kpi-personal .personal-v3-card__visual--barbell{
  padding:10px 12px;
}

#kpi-personal .personal-v3-card__chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

#kpi-personal .personal-v3-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  color:var(--text);
  font-size:11px;
  line-height:1.15;
  font-weight:800;
}

#kpi-personal .personal-v3-card__foot{
  display:grid;
  gap:4px;
}

#kpi-personal .personal-v3-card__label{
  font-size:10px;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:900;
  color:var(--soft);
}

#kpi-personal .personal-v3-card__foot p{
  margin:0;
  font-size:14px;
  line-height:1.34;
  color:var(--muted);
}

/* donut */
#kpi-personal .personal-v3-donut{
  width:160px;
  height:160px;
}

#kpi-personal .personal-v3-donut__track{
  fill:none;
  stroke:rgba(255,255,255,.09);
  stroke-width:14;
}

#kpi-personal .personal-v3-donut__progress{
  fill:none;
  stroke:#73ecff;
  stroke-width:14;
  stroke-linecap:round;
  transform:rotate(-90deg);
  transform-origin:50% 50%;
  stroke-dasharray:326.73;
  filter:url(#personalGlowBlue);
}

#kpi-personal .personal-v3-donut__progress--full{
  animation:personalDonutFill 3.8s ease-in-out infinite;
}

#kpi-personal .personal-v3-donut__text{
  fill:#f6fdff;
  font-size:30px;
  font-weight:900;
  letter-spacing:-.04em;
}

@keyframes personalDonutFill{
  0%{stroke-dashoffset:326.73;}
  55%{stroke-dashoffset:0;}
  78%{stroke-dashoffset:0;}
  100%{stroke-dashoffset:326.73;}
}

/* check */
#kpi-personal .personal-v3-check{
  width:160px;
  height:160px;
}

#kpi-personal .personal-v3-check__ring{
  fill:none;
  stroke:rgba(120,255,180,.22);
  stroke-width:10;
  filter:url(#personalGlowGreen);
}

#kpi-personal .personal-v3-check__mark{
  fill:none;
  stroke:#7dffb1;
  stroke-width:12;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:url(#personalGlowGreen);
  stroke-dasharray:90;
  stroke-dashoffset:90;
  animation:personalCheckDraw 2.8s ease-in-out infinite, personalCheckPulse 2.8s ease-in-out infinite;
}

@keyframes personalCheckDraw{
  0%{stroke-dashoffset:90;}
  35%{stroke-dashoffset:0;}
  78%{stroke-dashoffset:0;}
  100%{stroke-dashoffset:90;}
}

@keyframes personalCheckPulse{
  0%,100%{opacity:.82; transform:scale(1);}
  50%{opacity:1; transform:scale(1.04);}
}

/* AI logos */
#kpi-personal .personal-v3-ai-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  padding:14px;
}

#kpi-personal .personal-v3-ai-logo{
  display:grid;
  justify-items:center;
  gap:6px;
}

#kpi-personal .personal-v3-ai-logo svg{
  width:58px;
  height:58px;
}

#kpi-personal .personal-v3-ai-logo span{
  font-size:12px;
  line-height:1.15;
  color:var(--text);
  font-weight:700;
  text-align:center;
}

#kpi-personal .personal-v3-ai-logo__bg{
  stroke:rgba(255,255,255,.12);
  stroke-width:2;
}

#kpi-personal .personal-v3-ai-logo__bg--chatgpt{fill:#10a37f;}
#kpi-personal .personal-v3-ai-logo__bg--gemini{fill:#5b8cff;}
#kpi-personal .personal-v3-ai-logo__bg--suno{fill:#ff8c45;}
#kpi-personal .personal-v3-ai-logo__bg--kling{fill:#a36cff;}

#kpi-personal .personal-v3-ai-logo__text{
  fill:#fff;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.03em;
}

/* barbell */
#kpi-personal .personal-v3-barbell{
  width:100%;
  max-width:240px;
  height:auto;
}

#kpi-personal .personal-v3-barbell__group{
  animation:personalBarbellMove 2.4s ease-in-out infinite;
  transform-origin:50% 50%;
}

#kpi-personal .personal-v3-barbell__rod{
  fill:#84eefe;
  filter:drop-shadow(0 0 10px rgba(132,238,254,.6));
}

#kpi-personal .personal-v3-barbell__plate{
  fill:#6ac7ff;
  filter:drop-shadow(0 0 10px rgba(106,199,255,.45));
}

@keyframes personalBarbellMove{
  0%,100%{transform:translateY(10px);}
  50%{transform:translateY(-10px);}
}

/* aside */
#kpi-personal .personal-v3-badge{
  padding:22px 20px;
  border-radius:22px;
  display:grid;
  gap:8px;
}

#kpi-personal .personal-v3-badge__value{
  font-size:44px;
  line-height:.9;
  letter-spacing:-.05em;
  font-weight:900;
  color:var(--text);
}

#kpi-personal .personal-v3-badge__meta strong{
  display:block;
  font-size:17px;
  line-height:1.08;
  margin-bottom:4px;
}

#kpi-personal .personal-v3-badge__meta span{
  display:block;
  font-size:14px;
  line-height:1.3;
  color:var(--muted);
}

#kpi-personal .personal-v3-note{
  padding:18px;
  border-radius:20px;
  display:grid;
  gap:8px;
}

#kpi-personal .personal-v3-note__eyebrow{
  font-size:10px;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
  color:#9edff0;
}

#kpi-personal .personal-v3-note h3{
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.01em;
  margin:0;
}

#kpi-personal .personal-v3-note p{
  margin:0;
  font-size:14px;
  line-height:1.38;
  color:var(--muted);
}

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












/* === MEDIAPLAN V2 START === */

#mediaplan .mediaplan-v2-head{
  margin-bottom:24px;
}

#mediaplan .mediaplan-v2-head .section-title{
  max-width:980px;
  text-wrap:balance;
}

#mediaplan .mediaplan-v2-head .section-lead{
  max-width:1120px;
  color:#d8e8ee;
}

#mediaplan .mediaplan-v2-stack{
  display:grid;
  gap:22px;
}

#mediaplan .mediaplan-v2-screen{
  position:relative;
  padding:24px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(57,78,97,.78) 0%, rgba(37,54,70,.78) 100%);
  border:1px solid rgba(125,200,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 42px rgba(4,12,20,.24);
}

#mediaplan .mediaplan-v2-screen::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  border-radius:32px 0 0 32px;
  background:linear-gradient(180deg, rgba(108,226,255,.9), rgba(108,226,255,.08));
  opacity:.9;
}

#mediaplan .mediaplan-v2-screen__head{
  margin-bottom:20px;
}

#mediaplan .mediaplan-v2-screen__eyebrow{
  display:inline-block;
  margin-bottom:8px;
  color:#b8ebfb;
  font-size:12px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:800;
}

#mediaplan .mediaplan-v2-screen__head h3{
  margin:0 0 12px;
  font-size:32px;
  line-height:1.02;
  letter-spacing:-.035em;
  max-width:980px;
  text-wrap:balance;
}

#mediaplan .mediaplan-v2-screen__head p{
  margin:0;
  max-width:1080px;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.68;
}

#mediaplan .mediaplan-v3-rule-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
  margin-bottom:16px;
}

#mediaplan .mediaplan-v2-term{
  min-height:188px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), rgba(255,255,255,.024);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#mediaplan .mediaplan-v2-term h4{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.08;
}

#mediaplan .mediaplan-v2-term p{
  margin:0;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.62;
}

#mediaplan .mediaplan-v2-thesis{
  padding:20px 22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(105,210,255,.10), rgba(255,255,255,.03));
  border:1px solid rgba(105,210,255,.18);
  box-shadow:0 0 0 1px rgba(105,210,255,.04) inset;
}

#mediaplan .mediaplan-v2-thesis + .mediaplan-v2-thesis{
  margin-top:14px;
}

#mediaplan .mediaplan-v2-thesis__label{
  display:inline-block;
  margin-bottom:8px;
  color:#b8ebfb;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

#mediaplan .mediaplan-v2-thesis p{
  margin:0;
  color:#f4fbff;
  font-size:17px;
  line-height:1.58;
  font-weight:700;
}

#mediaplan .mediaplan-v3-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
  margin-bottom:16px;
}

#mediaplan .mediaplan-v2-kpi{
  min-height:190px;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), rgba(255,255,255,.024);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#mediaplan .mediaplan-v2-kpi__value{
  margin-bottom:14px;
  color:#f8feff;
  font-size:42px;
  line-height:.95;
  font-weight:900;
  letter-spacing:-.045em;
}

#mediaplan .mediaplan-v2-kpi h4{
  margin:0 0 10px;
  font-size:19px;
  line-height:1.12;
}

#mediaplan .mediaplan-v2-kpi p{
  margin:0;
  color:#d3e4eb;
  font-size:15px;
  line-height:1.6;
}

#mediaplan .mediaplan-v3-chain{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
  padding:16px;
  border-radius:24px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

#mediaplan .mediaplan-v3-chain__node{
  position:relative;
  min-height:110px;
  padding:16px 14px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(145,214,242,.08);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}

#mediaplan .mediaplan-v3-chain__node:not(:last-child)::after{
  content:"→";
  position:absolute;
  top:50%;
  right:-10px;
  transform:translateY(-50%);
  color:#8fe6ff;
  font-size:20px;
  font-weight:900;
  z-index:2;
}

#mediaplan .mediaplan-v3-chain__node strong{
  font-size:24px;
  line-height:1;
  letter-spacing:-.03em;
  color:#f8feff;
}

#mediaplan .mediaplan-v3-chain__node span{
  font-size:13px;
  line-height:1.4;
  color:#d6e7ee;
}

#mediaplan .mediaplan-v3-secondary{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  padding:16px;
  border-radius:24px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

#mediaplan .mediaplan-v3-secondary__item{
  padding:16px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
  border:1px solid rgba(145,214,242,.08);
}

#mediaplan .mediaplan-v3-secondary__item strong{
  display:block;
  margin-bottom:8px;
  color:#f8feff;
  font-size:28px;
  line-height:1;
  letter-spacing:-.03em;
  font-weight:900;
}

#mediaplan .mediaplan-v3-secondary__item span{
  color:#d6e7ee;
  font-size:14px;
  line-height:1.5;
}

#mediaplan .mediaplan-v3-season-chart{
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:16px;
  align-items:end;
  margin-bottom:18px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

#mediaplan .mediaplan-v3-season-chart__item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

#mediaplan .mediaplan-v3-season-chart__bars{
  width:100%;
  height:160px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
}

#mediaplan .mediaplan-v3-season-chart__bars .is-sales,
#mediaplan .mediaplan-v3-season-chart__bars .is-budget{
  width:34px;
  border-radius:14px 14px 8px 8px;
  display:block;
}

#mediaplan .mediaplan-v3-season-chart__bars .is-sales{
  height:var(--sales-h);
  background:linear-gradient(180deg, rgba(111,225,255,.95), rgba(111,225,255,.32));
  box-shadow:0 10px 20px rgba(111,225,255,.16);
}

#mediaplan .mediaplan-v3-season-chart__bars .is-budget{
  height:var(--budget-h);
  background:linear-gradient(180deg, rgba(255,187,110,.95), rgba(255,187,110,.32));
  box-shadow:0 10px 20px rgba(255,187,110,.12);
}

#mediaplan .mediaplan-v3-season-chart__item strong{
  color:#f7fcff;
  font-size:16px;
  line-height:1.2;
}

#mediaplan .mediaplan-v3-season-chart__item span{
  text-align:center;
  color:#d6e7ee;
  font-size:12px;
  line-height:1.45;
}

#mediaplan .mediaplan-v2-months{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

#mediaplan .mediaplan-v2-month{
  min-height:420px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)), rgba(255,255,255,.022);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#mediaplan .mediaplan-v2-month__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

#mediaplan .mediaplan-v2-month__head h4{
  margin:0;
  font-size:24px;
  line-height:1.04;
}

#mediaplan .mediaplan-v2-month__head span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(105,210,255,.09);
  border:1px solid rgba(105,210,255,.16);
  color:#f3fbff;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}

#mediaplan .mediaplan-v2-month__rows{
  display:grid;
  gap:11px;
  margin-bottom:16px;
}

#mediaplan .mediaplan-v2-stat{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  border-radius:17px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

#mediaplan .mediaplan-v2-stat span{
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

#mediaplan .mediaplan-v2-stat strong{
  text-align:right;
  color:#f8feff;
  font-size:15px;
  line-height:1.32;
}

#mediaplan .mediaplan-v2-month__focus{
  margin:0;
  color:#d7e8ee;
  font-size:14px;
  line-height:1.64;
}

#mediaplan .mediaplan-v3-split{
  margin-bottom:18px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

#mediaplan .mediaplan-v3-split__bar{
  display:flex;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  margin-bottom:12px;
}

#mediaplan .mediaplan-v3-split__bar span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 14px;
  color:#f7fcff;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  text-align:center;
}

#mediaplan .mediaplan-v3-split__bar .is-paid{
  background:linear-gradient(90deg, rgba(111,225,255,.24), rgba(111,225,255,.12));
}

#mediaplan .mediaplan-v3-split__bar .is-owned{
  background:linear-gradient(90deg, rgba(155,235,167,.22), rgba(155,235,167,.10));
}

#mediaplan .mediaplan-v3-split__legend{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

#mediaplan .mediaplan-v3-split__legend em{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-style:normal;
  color:#d7e8ee;
  font-size:13px;
  line-height:1.4;
}

#mediaplan .mediaplan-v3-split__legend i{
  width:12px;
  height:12px;
  border-radius:999px;
  display:inline-block;
}

#mediaplan .mediaplan-v3-split__legend .is-paid{
  background:rgba(111,225,255,.9);
}

#mediaplan .mediaplan-v3-split__legend .is-owned{
  background:rgba(155,235,167,.9);
}

#mediaplan .mediaplan-v2-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:18px;
}

#mediaplan .mediaplan-v2-column{
  padding:22px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)), rgba(255,255,255,.02);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#mediaplan .mediaplan-v2-column__top{
  margin-bottom:16px;
}

#mediaplan .mediaplan-v2-column__eyebrow{
  display:inline-block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

#mediaplan .mediaplan-v2-column__top h4{
  margin:0 0 8px;
  font-size:26px;
  line-height:1.06;
  letter-spacing:-.025em;
}

#mediaplan .mediaplan-v2-column__top p{
  margin:0;
  color:#d7e8ee;
  font-size:15px;
  line-height:1.62;
}

#mediaplan .mediaplan-v2-channel-list{
  display:grid;
  gap:13px;
}

#mediaplan .mediaplan-v2-channel-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

#mediaplan .mediaplan-v2-channel-row__main strong{
  display:block;
  margin-bottom:7px;
  color:#f5fdff;
  font-size:16px;
  line-height:1.35;
}

#mediaplan .mediaplan-v2-channel-row__main span{
  display:block;
  color:#d7e8ee;
  font-size:14px;
  line-height:1.56;
}

#mediaplan .mediaplan-v2-channel-row__meta{
  display:grid;
  gap:8px;
  align-content:start;
  justify-items:end;
}

#mediaplan .mediaplan-v2-channel-row__meta em{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  font-style:normal;
  color:#eff9fd;
  font-size:11px;
  line-height:1;
  letter-spacing:.01em;
  font-weight:800;
  white-space:nowrap;
}

#mediaplan .mediaplan-v2-economy-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
}

#mediaplan .mediaplan-v2-economy-card{
  min-height:180px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.018)), rgba(255,255,255,.018);
  border:1px solid rgba(145,214,242,.08);
}

#mediaplan .mediaplan-v2-economy-card h4{
  margin:0 0 10px;
  font-size:20px;
  line-height:1.1;
}

#mediaplan .mediaplan-v2-economy-card p{
  margin:0;
  color:#d2e4ea;
  font-size:15px;
  line-height:1.62;
}

@media (min-width: 1200px) and (max-height: 980px){
  #mediaplan .mediaplan-v2-screen{
    padding:20px;
    border-radius:28px;
  }

  #mediaplan .mediaplan-v2-screen__head h3{
    font-size:28px;
  }

  #mediaplan .mediaplan-v2-kpi{
    min-height:168px;
    padding:18px;
  }

  #mediaplan .mediaplan-v2-kpi__value{
    font-size:36px;
  }

  #mediaplan .mediaplan-v2-term,
  #mediaplan .mediaplan-v2-month,
  #mediaplan .mediaplan-v2-column,
  #mediaplan .mediaplan-v2-economy-card{
    padding:18px;
  }

  #mediaplan .mediaplan-v2-term p,
  #mediaplan .mediaplan-v2-kpi p,
  #mediaplan .mediaplan-v2-note p,
  #mediaplan .mediaplan-v2-month__focus,
  #mediaplan .mediaplan-v2-column__top p,
  #mediaplan .mediaplan-v2-economy-card p{
    font-size:14px;
    line-height:1.54;
  }
}

@media (max-width: 1280px){
  #mediaplan .mediaplan-v2-screen{
    padding:20px;
  }

  #mediaplan .mediaplan-v2-screen__head h3{
    font-size:28px;
  }

  #mediaplan .mediaplan-v3-rule-grid,
  #mediaplan .mediaplan-v3-summary-grid,
  #mediaplan .mediaplan-v2-months,
  #mediaplan .mediaplan-v2-economy-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  #mediaplan .mediaplan-v3-chain{
    grid-template-columns:repeat(5, minmax(140px,1fr));
    overflow-x:auto;
  }

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

  #mediaplan .mediaplan-v2-kpi__value{
    font-size:36px;
  }

  #mediaplan .mediaplan-v3-secondary{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  #mediaplan .mediaplan-v2-stack{
    gap:16px;
  }

  #mediaplan .mediaplan-v2-screen{
    padding:18px;
    border-radius:24px;
  }

  #mediaplan .mediaplan-v2-screen::before{
    width:100%;
    height:2px;
    inset:0 0 auto 0;
    border-radius:24px 24px 0 0;
  }

  #mediaplan .mediaplan-v2-screen__head h3{
    font-size:24px;
    line-height:1.06;
  }

  #mediaplan .mediaplan-v3-rule-grid,
  #mediaplan .mediaplan-v3-summary-grid,
  #mediaplan .mediaplan-v2-notegrid,
  #mediaplan .mediaplan-v2-months,
  #mediaplan .mediaplan-v2-economy-grid,
  #mediaplan .mediaplan-v3-secondary{
    grid-template-columns:1fr;
  }

  #mediaplan .mediaplan-v3-chain{
    grid-template-columns:repeat(5, minmax(180px,1fr));
    overflow-x:auto;
  }

  #mediaplan .mediaplan-v3-season-chart{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  #mediaplan .mediaplan-v2-month__head{
    flex-direction:column;
    align-items:flex-start;
  }

  #mediaplan .mediaplan-v2-channel-row{
    grid-template-columns:1fr;
  }

  #mediaplan .mediaplan-v2-channel-row__meta{
    justify-items:start;
  }

  #mediaplan .mediaplan-v2-kpi{
    min-height:auto;
    padding:18px;
  }

  #mediaplan .mediaplan-v2-kpi__value{
    font-size:30px;
  }

  #mediaplan .mediaplan-v2-term,
  #mediaplan .mediaplan-v2-note,
  #mediaplan .mediaplan-v2-month,
  #mediaplan .mediaplan-v2-column,
  #mediaplan .mediaplan-v2-economy-card{
    padding:18px;
  }

  #mediaplan .mediaplan-v3-split__bar{
    flex-direction:column;
  }

  #mediaplan .mediaplan-v3-split__bar span{
    width:100% !important;
  }
}

@media (min-width: 1680px){
  #mediaplan .mediaplan-v3-rule-grid{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }

  #mediaplan .mediaplan-v3-summary-grid{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }

  #mediaplan .mediaplan-v2-months{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  #mediaplan .mediaplan-v2-economy-grid{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }
}

/* === MEDIAPLAN V2 END === */

/* === MEDIAPLAN SCREEN 2 REBUILD START === */

#mediaplan .mediaplan-v3-summary-grid--clean{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
  margin-bottom:18px;
}

#mediaplan .mediaplan-v4-summary-panels{
  display:grid;
  grid-template-columns:1.25fr .95fr;
  gap:18px;
}

#mediaplan .mediaplan-v4-summary-card{
  padding:22px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    rgba(255,255,255,.02);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#mediaplan .mediaplan-v4-summary-card__label{
  display:inline-block;
  margin-bottom:10px;
  color:#b8ebfb;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

#mediaplan .mediaplan-v4-summary-card h4{
  margin:0 0 16px;
  color:#f7fcff;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.025em;
  max-width:760px;
  text-wrap:balance;
}

#mediaplan .mediaplan-v4-splitbar{
  display:flex;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  margin-bottom:16px;
}

#mediaplan .mediaplan-v4-splitbar span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 16px;
  width:50%;
  color:#f7fcff;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  text-align:center;
}

#mediaplan .mediaplan-v4-splitbar .is-paid{
  background:linear-gradient(90deg, rgba(111,225,255,.24), rgba(111,225,255,.12));
}

#mediaplan .mediaplan-v4-splitbar .is-owned{
  background:linear-gradient(90deg, rgba(155,235,167,.22), rgba(155,235,167,.10));
}

#mediaplan .mediaplan-v4-mini-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}

#mediaplan .mediaplan-v4-mini-grid__item{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.05);
}

#mediaplan .mediaplan-v4-mini-grid__item strong{
  display:block;
  margin-bottom:8px;
  color:#f8feff;
  font-size:28px;
  line-height:1;
  letter-spacing:-.03em;
  font-weight:900;
}

#mediaplan .mediaplan-v4-mini-grid__item span{
  color:#d6e7ee;
  font-size:14px;
  line-height:1.48;
}

#mediaplan .mediaplan-v4-formula{
  padding:18px 20px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(105,210,255,.10), rgba(255,255,255,.025));
  border:1px solid rgba(105,210,255,.18);
  margin-bottom:14px;
}

#mediaplan .mediaplan-v4-formula strong{
  display:block;
  margin-bottom:8px;
  color:#f8feff;
  font-size:32px;
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:900;
}

#mediaplan .mediaplan-v4-formula span{
  display:block;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.5;
}

#mediaplan .mediaplan-v4-economy-note{
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.06);
}

#mediaplan .mediaplan-v4-economy-note p{
  margin:0;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.6;
}

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

  #mediaplan .mediaplan-v4-summary-panels{
    grid-template-columns:1fr;
  }

  #mediaplan .mediaplan-v4-formula strong{
    font-size:28px;
  }
}

@media (max-width: 780px){
  #mediaplan .mediaplan-v3-summary-grid--clean,
  #mediaplan .mediaplan-v4-mini-grid{
    grid-template-columns:1fr;
  }

  #mediaplan .mediaplan-v4-splitbar{
    flex-direction:column;
  }

  #mediaplan .mediaplan-v4-splitbar span{
    width:100%;
  }

  #mediaplan .mediaplan-v4-summary-card{
    padding:18px;
  }

  #mediaplan .mediaplan-v4-summary-card h4{
    font-size:22px;
  }

  #mediaplan .mediaplan-v4-formula strong{
    font-size:24px;
  }
}

/* === MEDIAPLAN SCREEN 2 REBUILD END === */



/* === MEDIAPLAN SCREENS 2 3 UPDATE START === */

#mediaplan .mediaplan-v3-summary-grid--clean{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
  margin-bottom:18px;
}

#mediaplan .mediaplan-v4-summary-panels{
  display:grid;
  grid-template-columns:1.25fr .95fr;
  gap:18px;
}

#mediaplan .mediaplan-v4-summary-card{
  padding:22px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    rgba(255,255,255,.02);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#mediaplan .mediaplan-v4-summary-card__label{
  display:inline-block;
  margin-bottom:10px;
  color:#b8ebfb;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

#mediaplan .mediaplan-v4-summary-card h4{
  margin:0 0 16px;
  color:#f7fcff;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.025em;
  max-width:760px;
  text-wrap:balance;
}

#mediaplan .mediaplan-v4-splitbar{
  display:flex;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  margin-bottom:16px;
}

#mediaplan .mediaplan-v4-splitbar span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 16px;
  width:50%;
  color:#f7fcff;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  text-align:center;
}

#mediaplan .mediaplan-v4-splitbar .is-paid{
  background:linear-gradient(90deg, rgba(111,225,255,.24), rgba(111,225,255,.12));
}

#mediaplan .mediaplan-v4-splitbar .is-owned{
  background:linear-gradient(90deg, rgba(155,235,167,.22), rgba(155,235,167,.10));
}

#mediaplan .mediaplan-v4-mini-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}

#mediaplan .mediaplan-v4-mini-grid__item{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.05);
}

#mediaplan .mediaplan-v4-mini-grid__item strong{
  display:block;
  margin-bottom:8px;
  color:#f8feff;
  font-size:28px;
  line-height:1;
  letter-spacing:-.03em;
  font-weight:900;
}

#mediaplan .mediaplan-v4-mini-grid__item span{
  color:#d6e7ee;
  font-size:14px;
  line-height:1.48;
}

#mediaplan .mediaplan-v4-formula{
  padding:18px 20px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(105,210,255,.10), rgba(255,255,255,.025));
  border:1px solid rgba(105,210,255,.18);
  margin-bottom:14px;
}

#mediaplan .mediaplan-v4-formula strong{
  display:block;
  margin-bottom:8px;
  color:#f8feff;
  font-size:32px;
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:900;
}

#mediaplan .mediaplan-v4-formula span{
  display:block;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.5;
}

#mediaplan .mediaplan-v4-economy-note{
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.06);
}

#mediaplan .mediaplan-v4-economy-note p{
  margin:0;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.6;
}

#mediaplan .mediaplan-v3-season-chart{
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:16px;
  align-items:end;
  margin-bottom:18px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

#mediaplan .mediaplan-v3-season-chart__item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

#mediaplan .mediaplan-v3-season-chart__bars{
  width:100%;
  height:170px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
}

#mediaplan .mediaplan-v3-season-chart__bars .is-sales,
#mediaplan .mediaplan-v3-season-chart__bars .is-budget{
  width:34px;
  border-radius:14px 14px 8px 8px;
  display:block;
}

#mediaplan .mediaplan-v3-season-chart__bars .is-sales{
  height:var(--sales-h);
  background:linear-gradient(180deg, rgba(111,225,255,.95), rgba(111,225,255,.32));
  box-shadow:0 10px 20px rgba(111,225,255,.16);
}

#mediaplan .mediaplan-v3-season-chart__bars .is-budget{
  height:var(--budget-h);
  background:linear-gradient(180deg, rgba(255,187,110,.95), rgba(255,187,110,.32));
  box-shadow:0 10px 20px rgba(255,187,110,.12);
}

#mediaplan .mediaplan-v3-season-chart__item strong{
  color:#f7fcff;
  font-size:16px;
  line-height:1.2;
}

#mediaplan .mediaplan-v3-season-chart__item span{
  text-align:center;
  color:#d6e7ee;
  font-size:12px;
  line-height:1.45;
}

#mediaplan .mediaplan-v3-season-note{
  margin-bottom:14px;
  padding:18px 20px;
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.018)),
    rgba(255,255,255,.018);
  border:1px solid rgba(145,214,242,.08);
}

#mediaplan .mediaplan-v3-season-note__label{
  display:inline-block;
  margin-bottom:8px;
  color:#b8ebfb;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

#mediaplan .mediaplan-v3-season-note p{
  margin:0;
  color:#d7e8ee;
  font-size:15px;
  line-height:1.6;
}

#mediaplan .mediaplan-v3-season-note--budget{
  background:
    linear-gradient(180deg, rgba(105,210,255,.08), rgba(255,255,255,.02)),
    rgba(255,255,255,.018);
  border-color:rgba(105,210,255,.16);
}

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

  #mediaplan .mediaplan-v4-summary-panels{
    grid-template-columns:1fr;
  }

  #mediaplan .mediaplan-v4-formula strong{
    font-size:28px;
  }
}

@media (max-width: 780px){
  #mediaplan .mediaplan-v3-summary-grid--clean,
  #mediaplan .mediaplan-v4-mini-grid{
    grid-template-columns:1fr;
  }

  #mediaplan .mediaplan-v4-splitbar{
    flex-direction:column;
  }

  #mediaplan .mediaplan-v4-splitbar span{
    width:100%;
  }

  #mediaplan .mediaplan-v4-summary-card{
    padding:18px;
  }

  #mediaplan .mediaplan-v4-summary-card h4{
    font-size:22px;
  }

  #mediaplan .mediaplan-v4-formula strong{
    font-size:24px;
  }

  #mediaplan .mediaplan-v3-season-chart{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}

/* === MEDIAPLAN SCREENS 2 3 UPDATE END === */


/* === MODELMIX V2 START === */

#modelmix .modelmix-v2-head{
  margin-bottom:24px;
}

#modelmix .modelmix-v2-head .section-title{
  max-width:920px;
  text-wrap:balance;
}

#modelmix .modelmix-v2-head .section-lead{
  max-width:1100px;
  color:#d8e8ee;
}

#modelmix .modelmix-v2-stack{
  display:grid;
  gap:22px;
}

#modelmix .modelmix-v2-screen{
  position:relative;
  padding:24px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(57,78,97,.78) 0%, rgba(37,54,70,.78) 100%);
  border:1px solid rgba(125,200,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 42px rgba(4,12,20,.24);
}

#modelmix .modelmix-v2-screen::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  border-radius:32px 0 0 32px;
  background:linear-gradient(180deg, rgba(108,226,255,.9), rgba(108,226,255,.08));
  opacity:.9;
}

#modelmix .modelmix-v2-screen__head{
  margin-bottom:20px;
}

#modelmix .modelmix-v2-screen__eyebrow{
  display:inline-block;
  margin-bottom:8px;
  color:#b8ebfb;
  font-size:12px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:800;
}

#modelmix .modelmix-v2-screen__head h3{
  margin:0 0 12px;
  font-size:32px;
  line-height:1.02;
  letter-spacing:-.035em;
  max-width:980px;
  text-wrap:balance;
}

#modelmix .modelmix-v2-screen__head p{
  margin:0;
  max-width:1080px;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.68;
}

#modelmix .modelmix-v2-kpi-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
  margin-bottom:18px;
}

#modelmix .modelmix-v2-kpi{
  min-height:188px;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), rgba(255,255,255,.024);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#modelmix .modelmix-v2-kpi__value{
  margin-bottom:14px;
  color:#f8feff;
  font-size:42px;
  line-height:.95;
  font-weight:900;
  letter-spacing:-.045em;
}

#modelmix .modelmix-v2-kpi h4{
  margin:0 0 10px;
  font-size:19px;
  line-height:1.12;
}

#modelmix .modelmix-v2-kpi p{
  margin:0;
  color:#d3e4eb;
  font-size:15px;
  line-height:1.6;
}

#modelmix .modelmix-v2-thesis{
  padding:20px 22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(105,210,255,.10), rgba(255,255,255,.03));
  border:1px solid rgba(105,210,255,.18);
  box-shadow:0 0 0 1px rgba(105,210,255,.04) inset;
}

#modelmix .modelmix-v2-thesis__label{
  display:inline-block;
  margin-bottom:8px;
  color:#b8ebfb;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

#modelmix .modelmix-v2-thesis p{
  margin:0;
  color:#f4fbff;
  font-size:17px;
  line-height:1.58;
  font-weight:700;
}

#modelmix .modelmix-v2-role-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:18px;
}

#modelmix .modelmix-v2-role-card{
  min-height:220px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), rgba(255,255,255,.024);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#modelmix .modelmix-v2-role-card__chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  color:#eff9fd;
  font-size:11px;
  line-height:1;
  letter-spacing:.01em;
  font-weight:800;
  margin-bottom:14px;
}

#modelmix .modelmix-v2-role-card h4{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.02em;
}

#modelmix .modelmix-v2-role-card p{
  margin:0;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.6;
}

#modelmix .modelmix-v2-journey{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:18px;
  margin-bottom:18px;
  padding:22px;
  border-radius:28px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  overflow:hidden;
}

#modelmix .modelmix-v2-journey__line{
  position:absolute;
  left:8%;
  right:8%;
  top:92px;
  height:2px;
  background:linear-gradient(90deg, rgba(111,225,255,.18), rgba(111,225,255,.8), rgba(111,225,255,.18));
  filter:drop-shadow(0 0 12px rgba(111,225,255,.18));
  z-index:0;
}

#modelmix .modelmix-v2-journey__node{
  position:relative;
  z-index:1;
  min-height:220px;
  padding:22px 18px 18px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), rgba(255,255,255,.024);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#modelmix .modelmix-v2-journey__dot{
  width:16px;
  height:16px;
  display:block;
  margin:0 auto 18px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(111,225,255,1) 0%, rgba(111,225,255,.6) 45%, rgba(111,225,255,.08) 100%);
  box-shadow:0 0 0 8px rgba(111,225,255,.08), 0 0 24px rgba(111,225,255,.28);
}

#modelmix .modelmix-v2-journey__node h4{
  margin:0 0 10px;
  text-align:center;
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.02em;
}

#modelmix .modelmix-v2-journey__node p{
  margin:0;
  text-align:center;
  color:#d6e7ee;
  font-size:14px;
  line-height:1.58;
}

#modelmix .modelmix-v2-attribution-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
  margin-bottom:18px;
}

#modelmix .modelmix-v2-attribution-card{
  min-height:170px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)), rgba(255,255,255,.02);
  border:1px solid rgba(145,214,242,.10);
}

#modelmix .modelmix-v2-attribution-card h4{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.02em;
}

#modelmix .modelmix-v2-attribution-card p{
  margin:0;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.62;
}

#modelmix .modelmix-v2-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:18px;
}

#modelmix .modelmix-v2-column{
  padding:22px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)), rgba(255,255,255,.02);
  border:1px solid rgba(145,214,242,.10);
}

#modelmix .modelmix-v2-column__head{
  margin-bottom:16px;
}

#modelmix .modelmix-v2-column__eyebrow{
  display:inline-block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

#modelmix .modelmix-v2-column__head h4{
  margin:0;
  font-size:26px;
  line-height:1.06;
  letter-spacing:-.025em;
  text-wrap:balance;
}

#modelmix .modelmix-v2-group-list{
  display:grid;
  gap:13px;
}

#modelmix .modelmix-v2-group-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

#modelmix .modelmix-v2-group-row__main strong{
  display:block;
  margin-bottom:7px;
  color:#f5fdff;
  font-size:16px;
  line-height:1.35;
}

#modelmix .modelmix-v2-group-row__main span{
  display:block;
  color:#d7e8ee;
  font-size:14px;
  line-height:1.56;
}

#modelmix .modelmix-v2-group-row em{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  font-style:normal;
  color:#eff9fd;
  font-size:11px;
  line-height:1;
  letter-spacing:.01em;
  font-weight:800;
  white-space:nowrap;
  align-self:start;
}

#modelmix .modelmix-v2-conclusion-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
}

#modelmix .modelmix-v2-conclusion-card{
  min-height:180px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.018)), rgba(255,255,255,.018);
  border:1px solid rgba(145,214,242,.08);
}

#modelmix .modelmix-v2-conclusion-card h4{
  margin:0 0 10px;
  font-size:20px;
  line-height:1.1;
}

#modelmix .modelmix-v2-conclusion-card p{
  margin:0;
  color:#d2e4ea;
  font-size:15px;
  line-height:1.62;
}

@media (min-width: 1200px) and (max-height: 980px){
  #modelmix .modelmix-v2-screen{
    padding:20px;
    border-radius:28px;
  }

  #modelmix .modelmix-v2-screen__head h3{
    font-size:28px;
  }

  #modelmix .modelmix-v2-kpi{
    min-height:168px;
    padding:18px;
  }

  #modelmix .modelmix-v2-kpi__value{
    font-size:36px;
  }

  #modelmix .modelmix-v2-role-card,
  #modelmix .modelmix-v2-journey__node,
  #modelmix .modelmix-v2-attribution-card,
  #modelmix .modelmix-v2-column,
  #modelmix .modelmix-v2-conclusion-card{
    padding:18px;
  }
}

@media (max-width: 1480px){
  #modelmix .modelmix-v2-role-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  #modelmix .modelmix-v2-journey{
    grid-template-columns:repeat(5, minmax(220px,1fr));
    overflow-x:auto;
  }

  #modelmix .modelmix-v2-conclusion-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

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

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

@media (max-width: 780px){
  #modelmix .modelmix-v2-stack{
    gap:16px;
  }

  #modelmix .modelmix-v2-screen{
    padding:18px;
    border-radius:24px;
  }

  #modelmix .modelmix-v2-screen::before{
    width:100%;
    height:2px;
    inset:0 0 auto 0;
    border-radius:24px 24px 0 0;
  }

  #modelmix .modelmix-v2-screen__head h3{
    font-size:24px;
    line-height:1.06;
  }

  #modelmix .modelmix-v2-kpi-grid,
  #modelmix .modelmix-v2-role-grid,
  #modelmix .modelmix-v2-attribution-grid,
  #modelmix .modelmix-v2-conclusion-grid{
    grid-template-columns:1fr;
  }

  #modelmix .modelmix-v2-kpi{
    min-height:auto;
    padding:18px;
  }

  #modelmix .modelmix-v2-kpi__value{
    font-size:30px;
  }

  #modelmix .modelmix-v2-group-row{
    grid-template-columns:1fr;
  }

  #modelmix .modelmix-v2-group-row em{
    justify-self:start;
  }

  #modelmix .modelmix-v2-journey{
    grid-template-columns:repeat(5, minmax(240px,1fr));
    overflow-x:auto;
    padding:18px;
  }

  #modelmix .modelmix-v2-journey__line{
    left:18px;
    right:18px;
  }
}

/* === MODELMIX V2 END === */

/* === MODELMIX SCREEN1 TYPES START === */

#modelmix .modelmix-v2-typeband{
  margin-bottom:18px;
  padding:18px 20px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.018)),
    rgba(255,255,255,.018);
  border:1px solid rgba(145,214,242,.08);
}

#modelmix .modelmix-v2-typeband__label{
  display:inline-block;
  margin-bottom:12px;
  color:#b8ebfb;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

#modelmix .modelmix-v2-typeband__chips{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

#modelmix .modelmix-v2-typechip{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  color:#f2fbff;
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
}

@media (max-width: 780px){
  #modelmix .modelmix-v2-typeband{
    padding:16px 18px;
  }

  #modelmix .modelmix-v2-typeband__chips{
    gap:10px;
  }

  #modelmix .modelmix-v2-typechip{
    min-height:36px;
    padding:0 14px;
    font-size:13px;
  }
}

/* === MODELMIX SCREEN1 TYPES END === */


/* === MODELMIX FUNNEL REBUILD START === */

#modelmix .modelmix-v3-funnel-shell{
  margin-bottom:18px;
  padding:20px;
  border-radius:28px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

#modelmix .modelmix-v3-funnel{
  position:relative;
  display:grid;
  grid-template-columns:1.45fr 1.25fr 1.05fr .9fr .75fr;
  gap:16px;
  align-items:stretch;
  margin-bottom:16px;
}

#modelmix .modelmix-v3-funnel::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:-8px;
  height:2px;
  background:linear-gradient(90deg, rgba(111,225,255,.12), rgba(111,225,255,.85), rgba(111,225,255,.12));
  filter:drop-shadow(0 0 10px rgba(111,225,255,.18));
  opacity:.8;
}

#modelmix .modelmix-v3-funnel__step{
  min-height:214px;
  padding:18px 18px 20px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(255,255,255,.024);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
}

#modelmix .modelmix-v3-funnel__step.step-1{
  background:
    linear-gradient(180deg, rgba(111,225,255,.10), rgba(255,255,255,.02)),
    rgba(255,255,255,.024);
}

#modelmix .modelmix-v3-funnel__step.step-5{
  background:
    linear-gradient(180deg, rgba(155,235,167,.10), rgba(255,255,255,.02)),
    rgba(255,255,255,.024);
  border-color:rgba(155,235,167,.16);
}

#modelmix .modelmix-v3-funnel__stage{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:26px;
  padding:0 9px;
  margin-bottom:10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  color:#eff9fd;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
}

#modelmix .modelmix-v3-funnel__share{
  display:block;
  margin-bottom:12px;
  color:#9fe9ff;
  font-size:12px;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

#modelmix .modelmix-v3-funnel__step.step-5 .modelmix-v3-funnel__share{
  color:#b8f2c1;
}

#modelmix .modelmix-v3-funnel__step h4{
  margin:0 0 10px;
  color:#f7fcff;
  font-size:24px;
  line-height:1.06;
  letter-spacing:-.025em;
  text-wrap:balance;
}

#modelmix .modelmix-v3-funnel__step p{
  margin:0;
  color:#d7e8ee;
  font-size:15px;
  line-height:1.62;
}

#modelmix .modelmix-v3-funnel__note{
  padding:14px 16px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.016)),
    rgba(255,255,255,.016);
  border:1px solid rgba(145,214,242,.08);
}

#modelmix .modelmix-v3-funnel__note span{
  display:block;
  color:#d6e7ee;
  font-size:14px;
  line-height:1.58;
}

#modelmix .modelmix-v3-attrib-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}

#modelmix .modelmix-v3-attrib-card{
  min-height:156px;
  padding:18px;
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    rgba(255,255,255,.02);
  border:1px solid rgba(145,214,242,.08);
}

#modelmix .modelmix-v3-attrib-card__eyebrow{
  display:inline-block;
  margin-bottom:8px;
  color:#b8ebfb;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

#modelmix .modelmix-v3-attrib-card h4{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.02em;
}

#modelmix .modelmix-v3-attrib-card p{
  margin:0;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.58;
}

@media (max-width: 1480px){
  #modelmix .modelmix-v3-funnel{
    grid-template-columns:repeat(5, minmax(240px,1fr));
    overflow-x:auto;
    padding-bottom:12px;
  }

  #modelmix .modelmix-v3-funnel::after{
    left:0;
    right:0;
  }
}

@media (max-width: 1280px){
  #modelmix .modelmix-v3-attrib-row{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  #modelmix .modelmix-v3-funnel-shell{
    padding:18px;
    border-radius:24px;
  }

  #modelmix .modelmix-v3-funnel{
    grid-template-columns:repeat(5, minmax(260px,1fr));
    overflow-x:auto;
    gap:14px;
  }

  #modelmix .modelmix-v3-funnel__step{
    min-height:198px;
    padding:16px;
    border-radius:20px;
  }

  #modelmix .modelmix-v3-funnel__step h4{
    font-size:22px;
  }

  #modelmix .modelmix-v3-attrib-card{
    min-height:auto;
    padding:16px;
  }
}

/* === MODELMIX FUNNEL REBUILD END === */


/* === MODELMIX FUNNEL REBUILD START === */

#modelmix .modelmix-v3-funnel-shell{
  margin-bottom:18px;
  padding:20px;
  border-radius:28px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

#modelmix .modelmix-v3-funnel{
  position:relative;
  display:grid;
  grid-template-columns:1.45fr 1.25fr 1.05fr .9fr .75fr;
  gap:16px;
  align-items:stretch;
  margin-bottom:16px;
}

#modelmix .modelmix-v3-funnel::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:-8px;
  height:2px;
  background:linear-gradient(90deg, rgba(111,225,255,.12), rgba(111,225,255,.85), rgba(111,225,255,.12));
  filter:drop-shadow(0 0 10px rgba(111,225,255,.18));
  opacity:.8;
}

#modelmix .modelmix-v3-funnel__step{
  min-height:214px;
  padding:18px 18px 20px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(255,255,255,.024);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
}

#modelmix .modelmix-v3-funnel__step.step-1{
  background:
    linear-gradient(180deg, rgba(111,225,255,.10), rgba(255,255,255,.02)),
    rgba(255,255,255,.024);
}

#modelmix .modelmix-v3-funnel__step.step-5{
  background:
    linear-gradient(180deg, rgba(155,235,167,.10), rgba(255,255,255,.02)),
    rgba(255,255,255,.024);
  border-color:rgba(155,235,167,.16);
}

#modelmix .modelmix-v3-funnel__stage{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:26px;
  padding:0 9px;
  margin-bottom:10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  color:#eff9fd;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
}

#modelmix .modelmix-v3-funnel__share{
  display:block;
  margin-bottom:12px;
  color:#9fe9ff;
  font-size:12px;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

#modelmix .modelmix-v3-funnel__step.step-5 .modelmix-v3-funnel__share{
  color:#b8f2c1;
}

#modelmix .modelmix-v3-funnel__step h4{
  margin:0 0 10px;
  color:#f7fcff;
  font-size:24px;
  line-height:1.06;
  letter-spacing:-.025em;
  text-wrap:balance;
}

#modelmix .modelmix-v3-funnel__step p{
  margin:0;
  color:#d7e8ee;
  font-size:15px;
  line-height:1.62;
}

#modelmix .modelmix-v3-funnel__note{
  padding:14px 16px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.016)),
    rgba(255,255,255,.016);
  border:1px solid rgba(145,214,242,.08);
}

#modelmix .modelmix-v3-funnel__note span{
  display:block;
  color:#d6e7ee;
  font-size:14px;
  line-height:1.58;
}

#modelmix .modelmix-v3-attrib-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}

#modelmix .modelmix-v3-attrib-card{
  min-height:156px;
  padding:18px;
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)),
    rgba(255,255,255,.02);
  border:1px solid rgba(145,214,242,.08);
}

#modelmix .modelmix-v3-attrib-card__eyebrow{
  display:inline-block;
  margin-bottom:8px;
  color:#b8ebfb;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}

#modelmix .modelmix-v3-attrib-card h4{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.02em;
}

#modelmix .modelmix-v3-attrib-card p{
  margin:0;
  color:#d6e7ee;
  font-size:15px;
  line-height:1.58;
}

@media (max-width: 1480px){
  #modelmix .modelmix-v3-funnel{
    grid-template-columns:repeat(5, minmax(240px,1fr));
    overflow-x:auto;
    padding-bottom:12px;
  }

  #modelmix .modelmix-v3-funnel::after{
    left:0;
    right:0;
  }
}

@media (max-width: 1280px){
  #modelmix .modelmix-v3-attrib-row{
    grid-template-columns:1fr;
  }
}

@media (max-width: 780px){
  #modelmix .modelmix-v3-funnel-shell{
    padding:18px;
    border-radius:24px;
  }

  #modelmix .modelmix-v3-funnel{
    grid-template-columns:repeat(5, minmax(260px,1fr));
    overflow-x:auto;
    gap:14px;
  }

  #modelmix .modelmix-v3-funnel__step{
    min-height:198px;
    padding:16px;
    border-radius:20px;
  }

  #modelmix .modelmix-v3-funnel__step h4{
    font-size:22px;
  }

  #modelmix .modelmix-v3-attrib-card{
    min-height:auto;
    padding:16px;
  }
}

/* === MODELMIX FUNNEL REBUILD END === */


/* === MODELMIX CLASSIC FUNNEL START === */

#modelmix .modelmix-v4-funnel-shell{
  margin-bottom:18px;
  padding:22px;
  border-radius:28px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

#modelmix .modelmix-v4-funnel{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

#modelmix .modelmix-v4-funnel__layer{
  position:relative;
  padding:16px 32px 18px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(255,255,255,.024);
  border:1px solid rgba(145,214,242,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 24px rgba(4,12,20,.10);
  text-align:center;
  clip-path:polygon(6% 0, 94% 0, 100% 100%, 0 100%);
}

#modelmix .modelmix-v4-funnel__layer.layer-1{ width:min(100%, 1180px); }
#modelmix .modelmix-v4-funnel__layer.layer-2{ width:min(88%, 1040px); }
#modelmix .modelmix-v4-funnel__layer.layer-3{ width:min(72%, 880px); }
#modelmix .modelmix-v4-funnel__layer.layer-4{ width:min(56%, 700px); }
#modelmix .modelmix-v4-funnel__layer.layer-5{
  width:min(42%, 540px);
  background:
    linear-gradient(180deg, rgba(155,235,167,.10), rgba(255,255,255,.02)),
    rgba(255,255,255,.024);
  border-color:rgba(155,235,167,.16);
}

#modelmix .modelmix-v4-funnel__stage{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  margin-bottom:10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.06);
  color:#eff9fd;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
}

#modelmix .modelmix-v4-funnel__layer h4{
  margin:0 0 10px;
  color:#f7fcff;
  font-size:28px;
  line-height:1.04;
  letter-spacing:-.03em;
  text-wrap:balance;
}

#modelmix .modelmix-v4-funnel__layer p{
  margin:0;
  color:#d7e8ee;
  font-size:15px;
  line-height:1.62;
  max-width:840px;
  margin-inline:auto;
}

#modelmix .modelmix-v4-funnel__legend{
  padding:14px 16px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.016)),
    rgba(255,255,255,.016);
  border:1px solid rgba(145,214,242,.08);
}

#modelmix .modelmix-v4-funnel__legend span{
  display:block;
  color:#d6e7ee;
  font-size:14px;
  line-height:1.58;
}

@media (min-width: 1200px) and (max-height: 980px){
  #modelmix .modelmix-v4-funnel__layer{
    padding:14px 28px 16px;
  }

  #modelmix .modelmix-v4-funnel__layer h4{
    font-size:24px;
  }

  #modelmix .modelmix-v4-funnel__layer p{
    font-size:14px;
    line-height:1.54;
  }
}

@media (max-width: 900px){
  #modelmix .modelmix-v4-funnel-shell{
    padding:18px;
    border-radius:24px;
  }

  #modelmix .modelmix-v4-funnel__layer{
    clip-path:none;
    border-radius:20px;
    width:100% !important;
    padding:16px 18px;
  }

  #modelmix .modelmix-v4-funnel__layer h4{
    font-size:24px;
  }

  #modelmix .modelmix-v4-funnel__layer p{
    max-width:none;
  }
}

/* === MODELMIX CLASSIC FUNNEL END === */

/* === Tickets section: sales intelligence redesign === */
.ticket-framework-grid--sales{
  grid-template-columns:1fr 1fr;
}

.ticket-block-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#d7edf5;
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
}

.ticket-framework-card--accent-ice{
  background:linear-gradient(180deg, rgba(90,180,255,.12), rgba(255,255,255,.05));
}

.ticket-sales-visual-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:16px;
  margin-bottom:18px;
}

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

.ticket-visual-card--accent{
  background:linear-gradient(180deg, rgba(158,124,255,.12), rgba(255,255,255,.05));
}

.ticket-visual-card__head{
  display:grid;
  gap:10px;
  margin-bottom:18px;
}

.ticket-visual-card__head h3,
.ticket-role-card h3,
.ticket-channel-card h3{
  margin:0;
  font-size:24px;
  line-height:1.1;
}

.ticket-visual-card__head p,
.ticket-role-card p,
.ticket-channel-card p{
  margin:0;
  color:#d2e4ea;
  font-size:14px;
  line-height:1.62;
}

.ticket-mix-stack{
  display:grid;
  gap:18px;
}

.ticket-mix-block{
  display:grid;
  gap:12px;
}

.ticket-mix-block__head{
  display:grid;
  gap:6px;
}

.ticket-mix-block__head strong{
  font-size:17px;
  line-height:1.25;
  color:#f7feff;
}

.ticket-mix-block__head span{
  color:#b9d3dc;
  font-size:13px;
  line-height:1.5;
}

.ticket-mix-bar{
  display:flex;
  min-height:96px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}

.ticket-mix-segment{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
  padding:18px 16px;
  min-width:0;
  color:#fff;
}

.ticket-mix-segment span{
  display:block;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  opacity:.9;
}

.ticket-mix-segment strong{
  display:block;
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}

.ticket-mix-segment--entry{
  background:linear-gradient(180deg, rgba(80,170,255,.85), rgba(30,95,180,.92));
}

.ticket-mix-segment--family{
  background:linear-gradient(180deg, rgba(79,214,182,.92), rgba(20,140,112,.95));
}

.ticket-mix-segment--vip{
  background:linear-gradient(180deg, rgba(185,112,255,.9), rgba(110,49,200,.96));
}

.ticket-mix-segment--addon{
  background:linear-gradient(180deg, rgba(255,182,90,.92), rgba(202,112,24,.96));
}

.ticket-day-grid{
  display:grid;
  gap:14px;
}

.ticket-day-card{
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
}

.ticket-day-card__head{
  display:grid;
  gap:8px;
  margin-bottom:14px;
}

.ticket-day-card__head strong{
  font-size:17px;
  line-height:1.25;
  color:#f7feff;
}

.ticket-day-card__head p{
  margin:0;
  color:#c6dae2;
  font-size:13px;
  line-height:1.55;
}

.ticket-day-lines{
  display:grid;
  gap:12px;
}

.ticket-day-line{
  display:grid;
  gap:8px;
}

.ticket-day-line__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.ticket-day-line__meta span{
  color:#effafd;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}

.ticket-day-line__meta strong{
  color:#f8feff;
  font-size:13px;
  line-height:1.35;
  font-weight:900;
}

.ticket-day-line__track{
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}

.ticket-day-line__fill{
  height:100%;
  border-radius:999px;
}

.ticket-day-line__fill--entry{
  background:linear-gradient(90deg, rgba(80,170,255,.9), rgba(30,95,180,.98));
}

.ticket-day-line__fill--family{
  background:linear-gradient(90deg, rgba(79,214,182,.92), rgba(20,140,112,.98));
}

.ticket-day-line__fill--vip{
  background:linear-gradient(90deg, rgba(185,112,255,.92), rgba(110,49,200,.98));
}

.ticket-day-line__fill--addon{
  background:linear-gradient(90deg, rgba(255,182,90,.92), rgba(202,112,24,.98));
}

.ticket-role-grid,
.ticket-channel-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.ticket-role-card,
.ticket-channel-card{
  min-height:100%;
}

.ticket-role-card p,
.ticket-channel-card p{
  color:#d2e4ea;
}

/* === Tickets formulas and metric grid refresh === */
.ticket-framework-item--formula{
  display:grid;
  gap:10px;
}

.ticket-formula,
.ticket-metric-card__formula{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  max-width:100%;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#dff4fb;
  font-size:12px;
  line-height:1.4;
  font-weight:800;
}

.ticket-mix-segment--std-weekday{
  background:linear-gradient(180deg, rgba(90,172,255,.92), rgba(46,120,214,.98));
}

.ticket-mix-segment--std-weekend{
  background:linear-gradient(180deg, rgba(37,110,212,.95), rgba(20,74,166,.99));
}

.ticket-mix-segment--vip-weekday{
  background:linear-gradient(180deg, rgba(190,123,255,.94), rgba(138,77,236,.98));
}

.ticket-mix-segment--vip-weekend{
  background:linear-gradient(180deg, rgba(134,72,233,.96), rgba(92,42,192,.99));
}

.ticket-mix-segment--family{
  background:linear-gradient(180deg, rgba(76,211,181,.94), rgba(21,152,123,.98));
}

.ticket-mix-segment--weekday-special{
  background:linear-gradient(180deg, rgba(255,189,96,.95), rgba(223,134,36,.99));
}

.ticket-day-line__fill--std-weekday{
  background:linear-gradient(90deg, rgba(90,172,255,.92), rgba(46,120,214,.98));
}

.ticket-day-line__fill--std-weekend{
  background:linear-gradient(90deg, rgba(37,110,212,.95), rgba(20,74,166,.99));
}

.ticket-day-line__fill--vip-weekday{
  background:linear-gradient(90deg, rgba(190,123,255,.94), rgba(138,77,236,.98));
}

.ticket-day-line__fill--vip-weekend{
  background:linear-gradient(90deg, rgba(134,72,233,.96), rgba(92,42,192,.99));
}

.ticket-day-line__fill--family{
  background:linear-gradient(90deg, rgba(76,211,181,.94), rgba(21,152,123,.98));
}

.ticket-day-line__fill--weekday-special{
  background:linear-gradient(90deg, rgba(255,189,96,.95), rgba(223,134,36,.99));
}

.ticket-metric-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.ticket-metric-card{
  min-height:100%;
  padding:22px;
  display:grid;
  gap:12px;
}

.ticket-metric-card h3{
  margin:0;
  font-size:24px;
  line-height:1.14;
}

.ticket-metric-card p{
  margin:0;
  color:#d2e4ea;
  font-size:14px;
  line-height:1.62;
}

/* === Tickets formula emphasis and forecast animation refresh === */
.ticket-framework-list--metrics{
  gap:14px;
}

.ticket-framework-item--formula{
  display:grid;
  gap:12px;
  padding:18px 18px 16px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.07);
}

.ticket-framework-item--formula strong{
  display:block;
  margin:0;
  color:#f7fcff;
  font-size:30px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.03em;
}

.ticket-framework-item--formula p{
  margin:0;
  color:#d7e7ee;
  font-size:15px;
  line-height:1.62;
}

.ticket-formula--hero{
  position:relative;
  display:block;
  width:100%;
  padding:14px 18px 14px 22px;
  border-radius:18px;
  border:1px dashed rgba(180, 214, 234, .22);
  background:rgba(255,255,255,.02);
  color:#d9edf7;
  font-size:15px;
  line-height:1.55;
  font-weight:800;
  letter-spacing:-.005em;
  box-shadow:none;
  font-variant-numeric:tabular-nums;
}

.ticket-formula--hero::before{
  content:"“";
  position:absolute;
  left:12px;
  top:8px;
  color:rgba(172, 215, 238, .42);
  font-size:28px;
  line-height:1;
  font-weight:900;
}

.ticket-formula--hero::after{
  content:"”";
  position:absolute;
  right:12px;
  bottom:6px;
  color:rgba(172, 215, 238, .28);
  font-size:24px;
  line-height:1;
  font-weight:900;
}

.ticket-forecast-note{
  display:grid;
  gap:10px;
  margin:0 0 18px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}

.ticket-forecast-note__pill{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.06);
  color:#dff3ff;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.ticket-forecast-note p{
  margin:0;
  color:#d0e3ea;
  font-size:14px;
  line-height:1.58;
}

.ticket-day-line__value{
  font-variant-numeric:tabular-nums;
}

.ticket-day-line__fill{
  transition:width 1600ms cubic-bezier(.22, 1, .36, 1);
}

/* === Channels redesign: demand system === */
.channels-block-head{
  display:grid;
  gap:10px;
  margin:8px 0 18px;
}

.channels-block-head__label{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#dff4fb;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.channels-block-head h3{
  margin:0;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.channels-block-head p{
  margin:0;
  color:#cfe0e7;
  font-size:15px;
  line-height:1.62;
}

.channel-types-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  margin-bottom:22px;
}

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

.channel-type-card__head{
  display:grid;
  gap:10px;
  margin-bottom:16px;
}

.channel-role-badge{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#e6f7ff;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.channel-type-card__head h3,
.channel-funnel-card__head h3,
.channel-offer-card h3{
  margin:0;
  font-size:26px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.channel-type-list{
  display:grid;
  gap:12px;
}

.channel-type-item,
.channel-offer-line{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.channel-type-item span,
.channel-offer-line span{
  display:block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
}

.channel-type-item p,
.channel-funnel-card__head p,
.channel-funnel-step p,
.channel-offer-line p{
  margin:0;
  color:#d7e8ee;
  font-size:14px;
  line-height:1.62;
}

.channel-funnels-grid{
  display:grid;
  gap:16px;
  margin-bottom:22px;
}

.channel-funnel-card--blue{
  background:linear-gradient(180deg, rgba(105,210,255,.10), rgba(255,255,255,.05));
}

.channel-funnel-card--violet{
  background:linear-gradient(180deg, rgba(180,140,255,.12), rgba(255,255,255,.05));
}

.channel-funnel-card--green{
  background:linear-gradient(180deg, rgba(124,243,196,.10), rgba(255,255,255,.05));
}

.channel-funnel-card__head{
  display:grid;
  gap:10px;
  margin-bottom:16px;
}

.channel-funnel-flow{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
}

.channel-funnel-step{
  position:relative;
  min-height:100%;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}

.channel-funnel-step:not(:last-child)::after{
  content:"→";
  position:absolute;
  top:50%;
  right:-11px;
  transform:translateY(-50%);
  color:rgba(208, 231, 242, .8);
  font-size:18px;
  font-weight:900;
}

.channel-funnel-step strong{
  display:block;
  margin-bottom:8px;
  font-size:16px;
  line-height:1.3;
  color:#f8feff;
}

.channel-offers-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.channel-offer-card{
  display:grid;
  gap:12px;
}

.channel-offer-line--accent{
  background:linear-gradient(180deg, rgba(105,210,255,.10), rgba(255,255,255,.05));
  border-color:rgba(105,210,255,.14);
}

.channel-offer-line--accent p{
  color:#f2fbff;
  font-weight:700;
}

/* === Org redesign: revenue system === */
.org-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:22px;
}

.org-summary-card{
  padding:22px;
}

.org-summary-card__value{
  margin-bottom:12px;
  color:#f7fdff;
  font-size:52px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
}

.org-summary-card h3{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.15;
}

.org-summary-card p{
  margin:0;
  color:#d3e5eb;
  font-size:14px;
  line-height:1.62;
}

.org-stage-head{
  display:grid;
  gap:10px;
  margin:10px 0 18px;
}

.org-stage-head__label{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#dff4fb;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.org-stage-head h3{
  margin:0;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.org-stage-head p{
  margin:0;
  color:#cfe0e7;
  font-size:15px;
  line-height:1.62;
}

.org-architecture-stack{
  position:relative;
  display:grid;
  gap:16px;
  margin-bottom:22px;
}

.org-architecture-stack::before{
  content:"";
  position:absolute;
  left:36px;
  top:72px;
  bottom:72px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(105,210,255,.55), rgba(173,137,255,.45), rgba(83,219,197,.45));
  pointer-events:none;
}

.org-layer-card{
  position:relative;
  padding:22px 22px 22px 88px;
}

.org-layer-card__index{
  position:absolute;
  left:18px;
  top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:#f6fdff;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}

.org-layer-card__body{
  display:grid;
  gap:10px;
}

.org-layer-card__body h3{
  margin:0;
  font-size:26px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.org-layer-card__body p{
  margin:0;
  color:#d2e3ea;
  font-size:15px;
  line-height:1.62;
}

.org-layer-card--blue{
  background:linear-gradient(180deg, rgba(105,210,255,.11), rgba(255,255,255,.05));
}

.org-layer-card--violet{
  background:linear-gradient(180deg, rgba(173,137,255,.12), rgba(255,255,255,.05));
}

.org-layer-card--cyan{
  background:linear-gradient(180deg, rgba(83,219,197,.11), rgba(255,255,255,.05));
}

.org-layer-list{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin-top:2px;
}

.org-layer-chip{
  display:flex;
  align-items:center;
  min-height:56px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.045);
  color:#eff9fc;
  font-size:13px;
  line-height:1.4;
  font-weight:700;
}

.org-hub-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:22px;
}

.org-hub-grid::before{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  top:22%;
  bottom:10%;
  border:1px dashed rgba(171, 220, 242, .18);
  border-radius:34px;
  pointer-events:none;
}

.org-hub-card{
  position:relative;
  padding:22px;
  min-height:210px;
}

.org-hub-card--paid{ grid-column:1; grid-row:1; }
.org-hub-card--content{ grid-column:2; grid-row:1; }
.org-hub-card--site{ grid-column:3; grid-row:1; }
.org-hub-card--analytics{ grid-column:1; grid-row:2; }
.org-hub-card--center{ grid-column:2; grid-row:2; }
.org-hub-card--call{ grid-column:3; grid-row:2; }

.org-hub-card__tag{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#dff4fb;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.org-hub-card h3{
  margin:14px 0 10px;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.org-hub-card p{
  margin:0 0 12px;
  color:#d4e5eb;
  font-size:14px;
  line-height:1.62;
}

.org-hub-card strong{
  display:block;
  color:#f3fcff;
  font-size:14px;
  line-height:1.5;
}

.org-hub-card--center{
  background:
    radial-gradient(circle at 50% 30%, rgba(136,226,255,.18), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  box-shadow:0 18px 48px rgba(8, 36, 58, .24);
}

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

.org-matrix-card{
  padding:18px;
  margin-bottom:22px;
}

.org-matrix-wrap{
  overflow:auto;
}

.org-matrix-table{
  width:100%;
  min-width:1120px;
  border-collapse:separate;
  border-spacing:0;
}

.org-matrix-table thead th{
  padding:14px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#dff4fb;
  font-size:12px;
  line-height:1.3;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  text-align:center;
}

.org-matrix-table thead th:first-child{
  text-align:left;
}

.org-matrix-table tbody th,
.org-matrix-table tbody td{
  padding:14px 12px;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.org-matrix-table tbody th{
  color:#f4fcff;
  font-size:15px;
  line-height:1.4;
  font-weight:800;
  text-align:left;
  white-space:nowrap;
}

.org-matrix-table tbody td{
  text-align:center;
}

.org-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
}

.org-status--lead{
  background:rgba(83,219,197,.14);
  border-color:rgba(83,219,197,.22);
  color:#eafff9;
}

.org-status--assist{
  background:rgba(105,210,255,.14);
  border-color:rgba(105,210,255,.22);
  color:#eefbff;
}

.org-status--support{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08);
  color:#dbeaf0;
}

.org-status--control{
  background:rgba(173,137,255,.14);
  border-color:rgba(173,137,255,.22);
  color:#f6f0ff;
}

.org-rhythm-track{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  margin-bottom:22px;
}

.org-rhythm-card{
  position:relative;
  padding:22px;
  min-height:100%;
}

.org-rhythm-card:not(:last-child)::after{
  content:"→";
  position:absolute;
  top:50%;
  right:-15px;
  transform:translateY(-50%);
  color:rgba(220,240,248,.75);
  font-size:22px;
  font-weight:900;
}

.org-rhythm-card--blue{
  background:linear-gradient(180deg, rgba(105,210,255,.11), rgba(255,255,255,.05));
}

.org-rhythm-card--violet{
  background:linear-gradient(180deg, rgba(173,137,255,.12), rgba(255,255,255,.05));
}

.org-rhythm-card--cyan{
  background:linear-gradient(180deg, rgba(83,219,197,.11), rgba(255,255,255,.05));
}

.org-rhythm-card h3{
  margin:0 0 14px;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.org-rhythm-list{
  margin:0;
  padding:0 0 0 18px;
  display:grid;
  gap:10px;
}

.org-rhythm-list li{
  color:#d4e5eb;
  font-size:14px;
  line-height:1.55;
}

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

.org-note-card{
  padding:22px;
}

.org-note-card h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.1;
}

.org-note-card p{
  margin:0;
  color:#d4e5eb;
  font-size:14px;
  line-height:1.62;
}

/* === Org redesign: people tiles hierarchy === */
.org-people-chart{
  display:grid;
  gap:18px;
  margin-bottom:22px;
}

.org-leader-card{
  max-width:760px;
  margin:0 auto;
  padding:26px 28px;
  background:
    radial-gradient(circle at 50% 20%, rgba(132,223,255,.16), transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  box-shadow:0 20px 48px rgba(6, 30, 48, .24);
}

.org-chart-connector{
  position:relative;
  height:52px;
}

.org-chart-connector::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:2px;
  height:24px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(132,223,255,.8), rgba(132,223,255,.18));
}

.org-chart-connector::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:10px;
  width:min(520px, 72%);
  height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg, rgba(132,223,255,.14), rgba(132,223,255,.7), rgba(132,223,255,.14));
}

.org-active-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  position:relative;
}

.org-active-grid::before,
.org-active-grid::after{
  content:"";
  position:absolute;
  top:-18px;
  width:2px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(132,223,255,.8), rgba(132,223,255,.18));
}

.org-active-grid::before{
  left:25%;
  transform:translateX(-50%);
}

.org-active-grid::after{
  left:75%;
  transform:translateX(-50%);
}

.org-hiring-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:22px;
}

.org-person-card{
  padding:22px;
  min-height:100%;
  display:grid;
  gap:14px;
}

.org-person-card--hiring{
  border:1px dashed rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));
}

.org-person-card__head{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

.org-person-card__head--center{
  justify-content:center;
  text-align:left;
}

.org-avatar{
  flex:0 0 64px;
  width:64px;
  height:64px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f7feff;
  font-size:20px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.org-avatar--leader{
  background:linear-gradient(180deg, rgba(120,218,255,.95), rgba(55,132,224,.92));
}

.org-avatar--amber{
  background:linear-gradient(180deg, rgba(255,191,120,.94), rgba(217,123,34,.94));
}

.org-avatar--violet{
  background:linear-gradient(180deg, rgba(182,139,255,.95), rgba(112,64,219,.94));
}

.org-avatar--blue{
  background:linear-gradient(180deg, rgba(112,207,255,.95), rgba(37,111,212,.94));
}

.org-avatar--teal{
  background:linear-gradient(180deg, rgba(86,223,198,.95), rgba(22,157,130,.94));
}

.org-avatar--cyan{
  background:linear-gradient(180deg, rgba(128,236,255,.95), rgba(40,160,204,.94));
}

.org-person-card__meta{
  display:grid;
  gap:8px;
  min-width:0;
}

.org-person-card__status{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  min-height:28px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.org-person-card__status--active{
  background:rgba(83,219,197,.12);
  border-color:rgba(83,219,197,.2);
  color:#eafff8;
}

.org-person-card__status--hiring{
  background:rgba(173,137,255,.12);
  border-color:rgba(173,137,255,.2);
  color:#f5efff;
}

.org-person-card__meta h3{
  margin:0;
  font-size:26px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.org-person-card__position{
  color:#cfe0e7;
  font-size:14px;
  line-height:1.45;
  font-weight:700;
}

.org-person-card__text{
  margin:0;
  color:#d7e7ee;
  font-size:14px;
  line-height:1.62;
}

.org-person-card__subline{
  padding-top:2px;
  color:#dff4fb;
  font-size:12px;
  line-height:1.45;
  font-weight:800;
  letter-spacing:.03em;
}

.org-priority-card{
  padding:22px;
  margin-bottom:22px;
}

.org-priority-card__title{
  margin-bottom:14px;
  color:#f5fdff;
  font-size:24px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.03em;
}

.org-priority-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.org-priority-chip{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(132,223,255,.16);
  background:linear-gradient(180deg, rgba(132,223,255,.08), rgba(255,255,255,.03));
  color:#eefbff;
  font-size:13px;
  line-height:1.35;
  font-weight:800;
}

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

.org-note-card{
  padding:22px;
}

.org-note-card h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.1;
}

.org-note-card p{
  margin:0;
  color:#d4e5eb;
  font-size:14px;
  line-height:1.62;
}

/* === Org update: current team expansion === */
.org-active-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

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

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

.org-person-card__status--future{
  background:rgba(105,210,255,.12);
  border-color:rgba(105,210,255,.2);
  color:#eefbff;
}

.org-person-card__status--outsource{
  background:rgba(83,219,197,.12);
  border-color:rgba(83,219,197,.2);
  color:#eafff8;
}

.org-person-card__team{
  display:grid;
  gap:10px;
  margin-top:2px;
}

.org-person-card__team-title{
  color:#dff4fb;
  font-size:12px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.org-person-card__team-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.org-person-card__team-chip{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#eef8fb;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}

.org-person-card--amber{
  background:linear-gradient(180deg, rgba(255,191,120,.08), rgba(255,255,255,.035));
}

.org-person-card--violet{
  background:linear-gradient(180deg, rgba(182,139,255,.08), rgba(255,255,255,.035));
}

.org-person-card--blue{
  background:linear-gradient(180deg, rgba(112,207,255,.08), rgba(255,255,255,.035));
}

.org-person-card--teal{
  background:linear-gradient(180deg, rgba(86,223,198,.08), rgba(255,255,255,.035));
}

.org-person-card--cyan{
  background:linear-gradient(180deg, rgba(128,236,255,.08), rgba(255,255,255,.035));
}

/* === Roadmap redesign: season route === */
.roadmap-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:22px;
}

.roadmap-summary-card{
  padding:22px;
}

.roadmap-summary-card__value{
  margin-bottom:12px;
  color:#f7fdff;
  font-size:44px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
}

.roadmap-summary-card h3{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.15;
}

.roadmap-summary-card p{
  margin:0;
  color:#d3e5eb;
  font-size:14px;
  line-height:1.62;
}

.roadmap-stage-head{
  display:grid;
  gap:10px;
  margin:10px 0 18px;
}

.roadmap-stage-head__label{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#dff4fb;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.roadmap-stage-head h3{
  margin:0;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.roadmap-stage-head p{
  margin:0;
  color:#cfe0e7;
  font-size:15px;
  line-height:1.62;
}

.roadmap-season-card,
.roadmap-stream-board{
  padding:22px 18px;
  margin-bottom:22px;
}

.roadmap-scroll-wrap{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:4px;
}

.roadmap-season-board{
  width:100%;
  min-width:0;
}

.roadmap-months-head{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:12px;
  margin-bottom:14px;
}

.roadmap-month-pill{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#eef9fc;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.roadmap-wave-track{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:14px;
  align-items:stretch;
  width:100%;
}

.roadmap-wave-card{
  min-height:188px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  min-width:0;
}

.roadmap-wave-card__period{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#f2fbff;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.roadmap-wave-card h3{
  margin:14px 0 10px;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.roadmap-wave-card p{
  margin:0;
  color:#d7e7ee;
  font-size:14px;
  line-height:1.58;
}

.roadmap-wave-card--blue{
  background:linear-gradient(180deg, rgba(108,198,255,.13), rgba(255,255,255,.04));
}

.roadmap-wave-card--cyan{
  background:linear-gradient(180deg, rgba(95,226,220,.12), rgba(255,255,255,.04));
}

.roadmap-wave-card--violet{
  background:linear-gradient(180deg, rgba(176,138,255,.13), rgba(255,255,255,.04));
}

.roadmap-wave-card--amber{
  background:linear-gradient(180deg, rgba(255,188,102,.13), rgba(255,255,255,.04));
}

.roadmap-wave-card--teal{
  background:linear-gradient(180deg, rgba(84,222,192,.13), rgba(255,255,255,.04));
}

.roadmap-stream-table{
  min-width:1160px;
  display:grid;
  gap:12px;
}

.roadmap-stream-header,
.roadmap-stream-row{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:16px;
  align-items:stretch;
}

.roadmap-stream-header__title{
  display:flex;
  align-items:center;
  min-height:52px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#f3fcff;
  font-size:15px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:.03em;
}

.roadmap-stream-header__months{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:12px;
}

.roadmap-stream-header__months span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#eef9fc;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.roadmap-stream-title{
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.04);
}

.roadmap-stream-title strong{
  display:block;
  margin-bottom:8px;
  color:#f4fcff;
  font-size:18px;
  line-height:1.25;
}

.roadmap-stream-title p{
  margin:0;
  color:#d4e4eb;
  font-size:13px;
  line-height:1.55;
}

.roadmap-stream-lane{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:12px;
  padding:2px 0;
  position:relative;
}

.roadmap-stream-lane::before{
  display:none;
}

.roadmap-stream-segment{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  min-height:56px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  color:#f6fdff;
  font-size:13px;
  line-height:1.4;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.roadmap-stream-segment--blue{
  background:linear-gradient(180deg, rgba(108,198,255,.16), rgba(38,112,212,.12));
}

.roadmap-stream-segment--teal{
  background:linear-gradient(180deg, rgba(84,222,192,.16), rgba(27,154,131,.12));
}

.roadmap-stream-segment--violet{
  background:linear-gradient(180deg, rgba(176,138,255,.16), rgba(112,62,221,.12));
}

.roadmap-stream-segment--cyan{
  background:linear-gradient(180deg, rgba(95,226,220,.16), rgba(31,163,178,.12));
}

.roadmap-stream-segment--amber{
  background:linear-gradient(180deg, rgba(255,188,102,.16), rgba(212,132,38,.12));
}

.roadmap-checkpoint-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:16px;
  margin-bottom:22px;
}

.roadmap-checkpoint-card{
  padding:22px;
  min-height:100%;
}

.roadmap-checkpoint-card__month{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#f2fbff;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.roadmap-checkpoint-card h3{
  margin:14px 0 14px;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.roadmap-checkpoint-card__block{
  display:grid;
  gap:8px;
}

.roadmap-checkpoint-card__block + .roadmap-checkpoint-card__block{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}

.roadmap-checkpoint-card__block strong{
  color:#eef8fb;
  font-size:13px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.02em;
}

.roadmap-checkpoint-card__block p{
  margin:0;
  color:#d6e7ed;
  font-size:13px;
  line-height:1.58;
}

.roadmap-checkpoint-card--blue{
  background:linear-gradient(180deg, rgba(108,198,255,.11), rgba(255,255,255,.04));
}

.roadmap-checkpoint-card--violet{
  background:linear-gradient(180deg, rgba(176,138,255,.11), rgba(255,255,255,.04));
}

.roadmap-checkpoint-card--cyan{
  background:linear-gradient(180deg, rgba(95,226,220,.11), rgba(255,255,255,.04));
}

.roadmap-checkpoint-card--amber{
  background:linear-gradient(180deg, rgba(255,188,102,.11), rgba(255,255,255,.04));
}

.roadmap-checkpoint-card--teal{
  background:linear-gradient(180deg, rgba(84,222,192,.11), rgba(255,255,255,.04));
}

.roadmap-dependency-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:22px;
}

.roadmap-dependency-card{
  padding:22px;
  min-height:100%;
}

.roadmap-dependency-card h3{
  margin:0 0 14px;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.roadmap-dependency-card__line{
  display:grid;
  gap:8px;
}

.roadmap-dependency-card__line + .roadmap-dependency-card__line{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}

.roadmap-dependency-card__line strong{
  color:#eef8fb;
  font-size:13px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.02em;
}

.roadmap-dependency-card__line p{
  margin:0;
  color:#d6e7ed;
  font-size:13px;
  line-height:1.58;
}

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

.roadmap-note-card{
  padding:22px;
}

.roadmap-note-card h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.1;
}

.roadmap-note-card p{
  margin:0;
  color:#d4e5eb;
  font-size:14px;
  line-height:1.62;
}


/* === Roadmap season width optimization === */
.roadmap-season-card .roadmap-scroll-wrap{
  overflow-x:visible;
}

.roadmap-season-card .roadmap-month-pill{
  width:100%;
}

.roadmap-season-card .roadmap-wave-card h3,
.roadmap-season-card .roadmap-wave-card p{
  max-width:none;
}

/* === Final feedback section === */
.slide-section--feedback{
  position:relative;
}

.feedback-stage{
  position:relative;
  overflow:hidden;
  padding:30px;
  margin-bottom:18px;
  isolation:isolate;
}

.feedback-stage__bg{
  position:absolute;
  border-radius:999px;
  filter:blur(70px);
  opacity:.32;
  pointer-events:none;
  animation:feedbackGlow 12s ease-in-out infinite alternate;
}

.feedback-stage__bg--left{
  width:340px;
  height:340px;
  left:-90px;
  top:-60px;
  background:radial-gradient(circle, rgba(95,226,220,.36) 0%, rgba(95,226,220,0) 72%);
}

.feedback-stage__bg--right{
  width:420px;
  height:420px;
  right:-120px;
  bottom:-140px;
  background:radial-gradient(circle, rgba(176,138,255,.34) 0%, rgba(176,138,255,0) 74%);
  animation-duration:15s;
}

.feedback-stage__layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr .86fr .95fr;
  gap:22px;
  align-items:stretch;
}

.feedback-copy{
  display:grid;
  align-content:center;
  gap:16px;
  min-height:100%;
}

.feedback-copy .section-title{
  margin:0;
}

.feedback-copy .section-lead{
  max-width:640px;
}

.feedback-steps{
  display:grid;
  gap:12px;
  margin-top:6px;
}

.feedback-step{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(10px);
}

.feedback-step__n{
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, rgba(108,198,255,.95), rgba(42,118,214,.92));
  color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:900;
}

.feedback-step__text{
  color:#e9f7fb;
  font-size:14px;
  line-height:1.55;
  font-weight:700;
}

.feedback-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  min-height:50px;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid rgba(108,198,255,.22);
  background:linear-gradient(180deg, rgba(108,198,255,.14), rgba(255,255,255,.04));
  color:#f4fcff;
  text-decoration:none;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.02em;
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
}

.feedback-link:hover{
  transform:translateY(-2px);
  border-color:rgba(108,198,255,.36);
  background:linear-gradient(180deg, rgba(108,198,255,.18), rgba(255,255,255,.05));
}

.feedback-qr-card,
.feedback-b24-card{
  position:relative;
  padding:22px;
  min-height:100%;
}

.feedback-qr-card{
  display:grid;
  align-content:start;
  gap:14px;
  background:
    radial-gradient(circle at 50% 0%, rgba(108,198,255,.14), transparent 54%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
}

.feedback-qr-card__eyebrow{
  color:#dff4fb;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.feedback-qr-card__frame{
  position:relative;
  display:grid;
  place-items:center;
  padding:20px;
  border-radius:28px;
  background:#ffffff;
  box-shadow:
    0 18px 48px rgba(8, 34, 56, .28),
    0 0 0 1px rgba(255,255,255,.08) inset;
}

.feedback-qr-card__pulse{
  position:absolute;
  inset:-10px;
  border-radius:34px;
  border:1px solid rgba(108,198,255,.26);
  box-shadow:0 0 0 0 rgba(108,198,255,.22);
  animation:feedbackPulse 3.2s ease-out infinite;
  pointer-events:none;
}

.feedback-qr-card__frame::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:18px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(108,198,255,0) 0%, rgba(108,198,255,.55) 50%, rgba(108,198,255,0) 100%);
  animation:feedbackScan 4.8s ease-in-out infinite;
  pointer-events:none;
}

.feedback-qr-card__image{
  display:block;
  width:100%;
  max-width:320px;
  height:auto;
  aspect-ratio:1 / 1;
}

.feedback-qr-card__caption{
  color:#eff9fc;
  font-size:14px;
  line-height:1.5;
  font-weight:800;
  text-align:center;
}

.feedback-qr-card__url{
  color:#bfd7df;
  font-size:12px;
  line-height:1.45;
  text-align:center;
  word-break:break-all;
}

.feedback-b24-card{
  display:grid;
  gap:16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(176,138,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
}

.feedback-b24-card__topline{
  display:flex;
  align-items:center;
  gap:14px;
}

.feedback-b24-card__avatar{
  flex:0 0 58px;
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, rgba(108,198,255,.96), rgba(40,120,214,.92));
  color:#fff;
  font-size:18px;
  line-height:1;
  font-weight:900;
}

.feedback-b24-card__meta{
  display:grid;
  gap:6px;
}

.feedback-b24-card__meta strong{
  color:#f6fdff;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.02em;
}

.feedback-b24-card__meta span{
  color:#cfe0e7;
  font-size:13px;
  line-height:1.4;
  font-weight:700;
}

.feedback-b24-card__tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.feedback-b24-card__tab{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#dbeaf0;
  font-size:12px;
  line-height:1;
  font-weight:800;
}

.feedback-b24-card__tab--active{
  background:linear-gradient(180deg, rgba(176,138,255,.18), rgba(255,255,255,.05));
  border-color:rgba(176,138,255,.24);
  color:#fff;
  box-shadow:0 0 0 1px rgba(176,138,255,.12) inset, 0 0 18px rgba(176,138,255,.12);
}

.feedback-b24-card__panel{
  position:relative;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(176,138,255,.2);
  background:
    linear-gradient(180deg, rgba(176,138,255,.10), rgba(255,255,255,.04)),
    rgba(255,255,255,.035);
  box-shadow:0 0 24px rgba(176,138,255,.10);
}

.feedback-b24-card__panel::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:30px;
  border:1px dashed rgba(176,138,255,.22);
  opacity:.7;
  pointer-events:none;
}

.feedback-b24-card__panel-title{
  margin-bottom:14px;
  color:#f5fbff;
  font-size:20px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.02em;
}

.feedback-b24-card__icons{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-bottom:16px;
}

.feedback-b24-card__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#eef8fb;
  font-size:24px;
  line-height:1;
  animation:feedbackFloat 5.4s ease-in-out infinite;
}

.feedback-b24-card__icon:nth-child(2){ animation-delay:.6s; }
.feedback-b24-card__icon:nth-child(3){ animation-delay:1.2s; }
.feedback-b24-card__icon:nth-child(4){ animation-delay:.9s; }
.feedback-b24-card__icon:nth-child(5){ animation-delay:1.7s; }
.feedback-b24-card__icon:nth-child(6){ animation-delay:2.2s; }

.feedback-b24-card__hint{
  color:#eaf6fb;
  font-size:14px;
  line-height:1.58;
  font-weight:700;
}

.feedback-route{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:auto;
}

.feedback-route__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(108,198,255,.95);
  box-shadow:0 0 14px rgba(108,198,255,.42);
}

.feedback-route__line{
  flex:1;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(108,198,255,.12), rgba(176,138,255,.6), rgba(176,138,255,.12));
  position:relative;
  overflow:hidden;
}

.feedback-route__line::after{
  content:"";
  position:absolute;
  left:-18%;
  top:0;
  width:18%;
  height:100%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0));
  animation:feedbackRoute 3.8s linear infinite;
}

.feedback-floating{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}

.feedback-floating__item{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#f1fbff;
  font-size:18px;
  line-height:1;
  backdrop-filter:blur(8px);
  animation:feedbackBubble 9s ease-in-out infinite;
  opacity:.7;
}

.feedback-floating__item--1{ left:46%; top:14%; animation-delay:0s; }
.feedback-floating__item--2{ left:78%; top:12%; animation-delay:1.6s; }
.feedback-floating__item--3{ left:72%; bottom:14%; animation-delay:2.8s; }
.feedback-floating__item--4{ left:54%; bottom:10%; animation-delay:4s; }

.feedback-note{
  padding:18px 22px;
}

.feedback-note p{
  margin:0;
  color:#e9f7fb;
  font-size:15px;
  line-height:1.62;
  text-align:center;
  font-weight:700;
}

@keyframes feedbackGlow{
  0%{ transform:translate3d(0,0,0) scale(1); }
  100%{ transform:translate3d(18px,-12px,0) scale(1.08); }
}

@keyframes feedbackPulse{
  0%{ box-shadow:0 0 0 0 rgba(108,198,255,.22); opacity:.9; }
  70%{ box-shadow:0 0 0 18px rgba(108,198,255,0); opacity:.15; }
  100%{ box-shadow:0 0 0 0 rgba(108,198,255,0); opacity:0; }
}

@keyframes feedbackScan{
  0%, 100%{ transform:translateY(0); opacity:0; }
  10%{ opacity:.85; }
  50%{ transform:translateY(280px); opacity:.55; }
  85%{ opacity:0; }
}

@keyframes feedbackRoute{
  0%{ left:-18%; }
  100%{ left:100%; }
}

@keyframes feedbackFloat{
  0%, 100%{ transform:translateY(0); }
  50%{ transform:translateY(-5px); }
}

@keyframes feedbackBubble{
  0%, 100%{ transform:translateY(0) scale(1); opacity:.2; }
  50%{ transform:translateY(-12px) scale(1.06); opacity:.75; }
}