/* KAZIF studio revision: real work, calm navigation and a simpler page rhythm. */
.site-header.minimal-header {
  max-width: 1250px;
  width: calc(100% - 64px);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  transition:
    max-width 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.35s,
    background 0.35s,
    color 0.35s;
  gap: 30px;
  z-index: 90;
}
.site-header #navigation {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  flex: 1;
}
.hero-nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 27px;
  margin-right: auto;
  flex: 1;
  transition: opacity 0.2s;
  white-space: nowrap;
}
.hero-nav-links a {
  font-size: 12px;
  color: inherit;
  opacity: 0.8;
}
.hero-nav-links a:hover {
  opacity: 1;
}
.site-header.scrolled {
  max-width: 430px;
  padding: 11px 15px;
}
.site-header.scrolled .wordmark img {
  width: 90px;
}
.site-header.scrolled #navigation {
  flex: initial;
}
.site-header.scrolled .hero-nav-links {
  display: none;
}
.site-header .nav-book {
  white-space: nowrap;
}
.growth-hero {
  padding-top: 160px;
  padding-bottom: 125px;
  overflow: hidden;
}
.growth-copy h1 {
  font-size: clamp(58px, 6.5vw, 92px);
  line-height: 1.02;
  letter-spacing: -0.048em;
}
.growth-copy > p {
  font-size: 16px;
  line-height: 1.7;
  max-width: 600px;
  color: #dcc8ba;
}
.pointer-light {
  display: none;
}
.growth-actions a,
.hero-reel {
  transform: none !important;
}
.growth-hero::after {
  height: 54px;
  background: var(--cream);
  border-radius: 32px 32px 0 0;
  z-index: 3;
}
.hero-work-hint { display: none; }
.hero-reel-wall {
  width: min(1130px, 94%);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin: 64px auto 0;
  align-items: center;
  position: relative;
  z-index: 2;
}
.hero-reel {
  display: block;
  padding: 0;
  border: 1px solid #fff2;
  border-radius: 14px;
  overflow: hidden;
  background: #271712;
  aspect-ratio: 0.65;
  position: relative;
  box-shadow: 0 18px 55px #0003;
  cursor: pointer;
  min-width: 0;
}
.hero-reel:nth-child(2),
.hero-reel:nth-child(4) {
  aspect-ratio: 0.58;
}
.hero-reel:nth-child(3) {
  aspect-ratio: 0.55;
}
.hero-reel video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero-reel span {
  position: absolute;
  inset: auto 0 0;
  padding: 38px 15px 17px;
  background: linear-gradient(transparent, #0009);
  font-size: 12px;
  color: #fff;
  text-align: left;
  letter-spacing: 0;
}
.hero-reel:focus-visible { outline: 2px solid #ffb69a; outline-offset: 4px; }
.process-visual .veo-chip { display: flex; align-items: center; gap: 5px; }
.process-visual .veo-chip img { width: 18px; height: 18px; }
.portfolio-heading {
  padding-top: 34px !important;
}
.portfolio-track {
  animation-duration: 66s !important;
}
.portfolio-reel:hover,
.portfolio-reel:focus-visible {
  transform: none;
}
.portfolio-motion,
.read-arrow,
.revenue-stage {
  display: none !important;
}
.portfolio-note {
  justify-content: center;
}
.reel-play {
  width: 38px;
  height: 38px;
  background: #ffffff24;
  backdrop-filter: blur(12px);
}
/* Keep the production example large and editorial, with compact selectable shot notes. */
.production-showcase {
  gap: 70px;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.model-scene {
  padding: 23px 15px;
  border-radius: 10px;
  border-bottom: 1px solid #ffffff12;
  transition: background 0.2s;
}
.model-scene.active {
  background: #ffffff08;
  border-color: #ffffff20;
}
.model-scene h3 {
  font-size: 22px;
  letter-spacing: -0.04em;
}
.model-scene p {
  font-size: 13px;
  line-height: 1.7;
  color: #b8aa9b;
}
.model-name {
  height: 36px;
}
.model-name img {
  max-width: 105px;
  max-height: 24px;
  width: auto;
}
.model-name img[src$="veo.svg"] {
  width: 26px;
  filter: brightness(0) invert(1);
}
.scene-time {
  font-size: 10px;
  color: #a89483;
}
.human-finish {
  padding: 24px;
  border-color: #ffffff13;
  border-radius: 12px;
}
.production-film {
  border-radius: 14px;
}
.model-library .model-library-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  border: 0;
  padding: 0;
  overflow: visible;
  width: 100%;
  align-items: stretch;
  justify-items: stretch;
}
.toolkit.model-library { display: block; }
.model-library .toolkit-heading { width: 100%; }
.model-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 20px 8px 16px;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  background: #ffffff04;
  color: #efeadf;
  text-align: center;
  cursor: pointer;
  transition:
    border-color 0.2s,
    background 0.2s;
}
.model-tile:hover,
.model-tile.active,
.model-tile:focus-visible {
  border-color: #d9714d80;
  background: #ffffff09;
  outline-offset: 3px;
}
.model-logo-plate {
  width: 92px;
  height: 56px;
  background: #f9f7f0;
  border-radius: 7px;
  display: grid;
  place-items: center;
  padding: 9px;
  box-sizing: border-box;
}
.model-logo-plate img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 34px;
  object-fit: contain;
}
.model-tile strong {
  font-size: 15px;
  font-weight: 500;
}
.model-tile > span:last-child {
  font-size: 11px;
  color: #c9b9a9;
  letter-spacing: 0;
}
.model-library .model-detail {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  gap: 35px;
  border-top: 1px solid #ffffff1c;
  margin-top: 24px;
  padding: 26px 0;
  min-height: 132px;
  width: 100%;
  justify-items: start;
}
.model-detail h4 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.2;
  margin: 8px 0 0;
  color: #eee6dc;
}
.model-detail p {
  font-size: 14px;
  line-height: 1.75;
  color: #b8aa9b;
}
.model-library .model-detail-name {
  font-size: 12px;
  color: #e2a081;
}
.toolkit-note {
  font-size: 11px !important;
  opacity: 0.75;
}
.toolkit-heading p {
  max-width: 400px;
  font-size: 14px;
  color: #c9b9a9;
}
.comparison-section {
  padding-top: 110px;
  padding-bottom: 110px;
}
.comparison-section::after { content: none; }
.comparison-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 45px;
}
.comparison-card {
  border: 1px solid #dcd7cb;
  border-radius: 15px;
  background: #fbfaf5;
  padding: 30px;
  min-width: 0;
}
.comparison-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 38px;
  font-size: 11px;
  color: #716f64;
}
.comparison-brand img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 6px;
}
.freelancer-glyph {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  background: #e9e4d9;
  color: #696255;
  border-radius: 50%;
  font-size: 17px;
}
.comparison-card h3 {
  font-size: 30px;
  line-height: 1.13;
  letter-spacing: -0.05em;
  margin: 28px 0 18px;
}
.comparison-card > p {
  font-size: 14px;
  line-height: 1.7;
  color: #767264;
  min-height: 60px;
}
.comparison-card dl {
  margin: 26px 0 0;
}
.comparison-card dl > div {
  padding: 18px 0;
  border-top: 1px solid #e3ded3;
}
.comparison-card dt {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8b8272;
  margin-bottom: 8px;
}
.comparison-card dd {
  font-size: 14px;
  line-height: 1.65;
  margin: 0;
  color: #38372f;
}
.kazif-choice {
  background: #261b16;
  border-color: #261b16;
  color: #f6efdf;
}
.kazif-choice .comparison-brand {
  min-height: 36px;
  flex-wrap: wrap;
  color: #b8a899;
  height: auto;
}
.kazif-choice .comparison-brand img {
  width: 84px;
  height: 23px;
  border-radius: 0;
}
.kazif-choice > p,
.kazif-choice dd {
  color: #d2c3b3;
}
.kazif-choice dt {
  color: #bb9980;
}
.kazif-choice dl > div {
  border-color: #ffffff16;
}
.kazif-choice .button-primary {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
}
.about-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-bottom: 90px;
}
.about-outline {
  position: absolute;
  width: 70%;
  height: auto;
  left: 15%;
  bottom: -14%;
  z-index: -1;
  opacity: 0.13;
}
.about-outline path {
  fill: none !important;
  stroke: #b36a48;
  stroke-width: 1.2;
  stroke-dasharray: 900;
  animation: brand-outline 12s ease-in-out infinite alternate;
}
@keyframes brand-outline {
  from {
    stroke-dashoffset: 900;
    opacity: 0.15;
  }
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
.faq-section {
  display: block !important;
  max-width: 930px;
  padding-top: 90px;
  padding-bottom: 100px;
}
.faq-heading {
  position: static;
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 35px;
  margin-bottom: 40px;
}
.faq-heading .overline,
.faq-heading h2,
.faq-heading p {
  grid-column: 1;
}
.faq-heading h2 {
  font-size: 54px;
  line-height: 1.04;
  margin: 17px 0;
}
.faq-heading p {
  font-size: 15px;
}
.faq-heading .faq-book {
  grid-column: 2;
  grid-row: 2/4;
  align-self: center;
  margin: 0;
  white-space: nowrap;
}
.faq-content {
  display: block;
}
.faq-list {
  gap: 0;
}
.faq-item {
  border: 0 !important;
  border-top: 1px solid #dcd8cd !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.faq-item:last-child {
  border-bottom: 1px solid #dcd8cd !important;
}
.faq-item summary {
  padding: 25px 4px !important;
  font-size: 17px;
  grid-template-columns: 28px 1fr 22px;
}
.faq-item[open] summary {
  color: #b54b35;
}
.faq-answer {
  padding: 0 45px 25px !important;
}
.faq-answer p {
  font-size: 15px;
  line-height: 1.8;
  max-width: 690px;
}
.faq-number {
  font-size: 10px;
  color: #9e9584;
}
.faq-categories {
  display: none !important;
}
.booking-invitation {
  padding-top: 100px;
  padding-bottom: 100px;
}
.booking-invitation h2 {
  font-size: clamp(40px, 5vw, 68px);
}
/* Reading content is present immediately; looping footage carries the motion. */
.motion-enabled [data-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}
.section h2, .section h3 { letter-spacing: -0.04em; }
.cream-page .muted { color: #77736a; }
.portfolio-section { padding-bottom: 36px; }
.capacity-section { padding-top: 64px; padding-bottom: 72px; }
.workspace-section .center-heading h2 { font-size: clamp(35px, 4vw, 58px); }
@media (max-width: 1050px) {
  .hero-nav-links {
    gap: 17px;
  }
  .hero-nav-links a {
    font-size: 11px;
  }
  .site-header.minimal-header {
    width: calc(100% - 36px);
    gap: 20px;
  }
  .site-header .wordmark img {
    width: 100px;
  }
  .model-library .model-library-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .comparison-card {
    padding: 23px;
  }
  .comparison-card h3 {
    font-size: 25px;
  }
  .production-showcase {
    gap: 32px;
  }
}
@media (max-width: 800px) {
  .site-header.minimal-header {
    top: 12px;
    display: grid;
    grid-template-columns: 1fr auto auto;
    height: auto;
    min-height: 58px;
    padding: 13px 17px;
  }
  .site-header #navigation {
    display: contents !important;
  }
  .hero-nav-links {
    grid-row: 2;
    grid-column: 1/-1;
    order: 4;
    margin: 4px 0 0;
    justify-content: space-between;
    gap: 10px;
  }
  .site-header .login-link {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    margin-right: 0;
  }
  .site-header .nav-book {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }
  .site-header .wordmark {
    grid-row: 1;
  }
  .site-header.scrolled {
    max-width: 390px;
  }
  .growth-hero {
    padding-top: 177px;
    padding-bottom: 85px;
  }
  .growth-copy h1 {
    font-size: 58px;
  }
  .hero-reel-wall {
    gap: 11px;
    width: 110%;
    margin-left: -5%;
    margin-top: 45px;
  }
  .hero-reel {
    border-radius: 10px;
  }
  .hero-reel span {
    font-size: 9px;
    padding: 20px 10px 10px;
  }
  .comparison-cards {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .comparison-card {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 0 35px;
    padding: 27px;
  }
  .comparison-brand,
  .comparison-card h3,
  .comparison-card > p {
    grid-column: 1;
  }
  .comparison-card dl {
    grid-column: 2;
    grid-row: 1/5;
    margin: 0;
  }
  .comparison-card > p {
    min-height: 0;
  }
  .comparison-card .button-primary {
    grid-column: 1;
  }
  .comparison-card h3 {
    margin: 20px 0 12px;
  }
  .comparison-card dl > div:first-child {
    border-top: 0;
  }
  .model-library .model-detail {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .model-library .model-detail-name {
    display: none;
  }
  .faq-heading h2 {
    font-size: 46px;
  }
}
@media (max-width: 540px) {
  .site-header.minimal-header {
    width: calc(100% - 24px);
    gap: 7px 9px;
    padding: 11px 13px;
  }
  .site-header .wordmark img {
    width: 78px;
  }
  .site-header .login-link,
  .site-header .nav-book {
    font-size: 11px;
    padding: 10px 11px;
    min-height: 44px;
  }
  .site-header .login-link {
    margin-right: 0;
  }
  .hero-nav-links {
    margin-top: 0;
    padding-top: 3px;
    border-top: 1px solid #ffffff18;
  }
  .hero-nav-links a {
    font-size: 12px;
    min-height: 40px;
    display: flex;
    align-items: center;
  }
  .site-header.scrolled .hero-nav-links {
    display: none;
  }
  .site-header.scrolled {
    width: calc(100% - 30px);
    padding: 10px 12px;
  }
  .site-header.scrolled .wordmark img {
    width: 78px;
  }
  .growth-hero {
    padding-top: 181px;
    padding-bottom: 64px;
  }
  .hero-proof {
    font-size: 11px;
    padding: 9px 12px;
  }
  .growth-copy h1 {
    font-size: clamp(40px, 10.8vw, 56px);
    line-height: 1.03;
    letter-spacing: -0.045em;
  }
  .growth-copy > p {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 22px;
    max-width: 335px;
  }
  .growth-actions {
    margin-top: 27px;
    gap: 23px;
  }
  .growth-actions .button-primary {
    font-size: 12px;
    padding: 15px 22px;
  }
  .hero-work-link {
    font-size: 12px;
  }
  .hero-reel-wall {
    display: flex;
    width: calc(100% + 48px);
    margin: 34px -24px 0;
    padding: 0 24px 12px;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 24px;
    scrollbar-width: none;
    align-items: stretch;
  }
  .hero-reel-wall::-webkit-scrollbar { display: none; }
  .hero-reel {
    flex: 0 0 46%;
    aspect-ratio: 0.61 !important;
    scroll-snap-align: start;
    box-shadow: none;
  }
  .hero-reel:nth-child(2),
  .hero-reel:nth-child(4) {
    margin-top: 0;
  }
  .hero-reel:nth-child(3) {
    margin-top: 0;
  }
  .growth-hero::after {
    height: 24px;
    border-radius: 22px 22px 0 0;
  }
  .hero-work-hint { display: block; margin: 10px 0 0; font-size: 11px; color: #d0b9a8; text-align: center; }
  .portfolio-heading {
    padding-top: 15px !important;
  }
  .portfolio-heading h2 {
    font-size: 35px !important;
    line-height: 1.07;
  }
  .portfolio-heading p {
    font-size: 12px !important;
  }
  .portfolio-reel {
    width: 180px !important;
  }
  .portfolio-track {
    gap: 12px !important;
  }
  .portfolio-note {
    font-size: 10px;
    padding: 22px;
  }
  .production-showcase {
    gap: 26px;
  }
  .model-scene {
    padding: 19px 10px;
    grid-template-columns: 44px 1fr;
    gap: 10px;
  }
  .model-scene h3 {
    font-size: 20px;
  }
  .model-scene p {
    font-size: 12px;
  }
  .human-finish {
    padding: 20px;
  }
  .model-library .model-library-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
  .model-tile {
    padding: 15px 5px;
    border-radius: 9px;
    gap: 8px;
  }
  .model-logo-plate {
    width: 55px;
    height: 39px;
    padding: 8px;
  }
  .model-tile strong {
    font-size: 11px;
  }
  .model-tile > span:last-child {
    font-size: 10px;
  }
  .model-library .model-detail {
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: 0;
    padding: 20px 16px;
    margin: 2px 0 8px;
    border: 1px solid #d9714d50;
    border-radius: 10px;
    background: #ffffff05;
  }
  .model-library .model-detail-name {
    display: block;
    grid-row: 1;
    font-size: 12px;
    letter-spacing: 0;
  }
  .model-detail h4 {
    font-size: 20px;
  }
  .model-detail p {
    font-size: 14px;
  }
  .comparison-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .comparison-cards {
    margin-top: 30px;
  }
  .comparison-card {
    display: block;
    padding: 27px;
  }
  .comparison-card h3 {
    font-size: 31px;
  }
  .comparison-card > p {
    font-size: 13px;
  }
  .comparison-card dl {
    margin-top: 24px;
  }
  .comparison-card dl > div:first-child {
    border-top: 1px solid #e3ded3;
  }
  .kazif-choice dl > div:first-child {
    border-color: #ffffff16;
  }
  .comparison-card dd {
    font-size: 13px;
  }
  .about-panel {
    padding: 32px 25px 70px;
    gap: 25px;
  }
  .about-outline {
    width: 100%;
    left: 0;
    bottom: -5%;
    opacity: 0.1;
  }
  .faq-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .faq-heading {
    display: block;
    margin-bottom: 33px;
  }
  .faq-heading h2 {
    font-size: clamp(31px, 8.7vw, 40px);
    line-height: 1.04;
  }
  .faq-heading p {
    font-size: 14px;
  }
  .faq-heading .faq-book {
    margin-top: 22px;
    display: inline-block;
    font-size: 11px;
  }
  .faq-item summary {
    padding: 22px 0 !important;
    font-size: 15px;
    grid-template-columns: 22px 1fr 18px;
    gap: 8px;
  }
  .faq-answer {
    padding: 0 24px 22px 30px !important;
  }
  .faq-answer p {
    font-size: 14px;
  }
  .booking-invitation {
    padding: 74px 24px;
  }
  .booking-invitation h2 {
    font-size: 39px;
  }
  .booking-invitation > p {
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .about-outline path {
    animation: none;
    stroke-dashoffset: 0;
  }
  .site-header {
    transition: none;
  }
}
.model-tile[data-model="pika"] .model-logo-plate {
  background: #282522;
}

.faq-heading > p {
  max-width: 500px;
}

.model-library .model-detail-name {
  border: 0;
  background: transparent;
  padding: 0;
}

/* Homepage refinement: clear actions, visible motion, and compact interactions. */
.mobile-book, .site-header .menu-toggle, .mobile-navigation { display: none; }
.mobile-navigation[hidden], .model-popover[hidden] { display: none !important; }
.growth-atmosphere { background: radial-gradient(ellipse at 50% 50%, #6b201845, transparent 70%); }
.growth-atmosphere > i { filter: blur(46px); }
.growth-atmosphere .glow-a { top: 8%; left: -30%; background: radial-gradient(ellipse, #ed4d36b0, transparent 66%); animation: hero-drift-left 10s ease-in-out infinite alternate; }
.growth-atmosphere .glow-b { top: 16%; right: -28%; background: radial-gradient(ellipse, #db432cc0, transparent 66%); animation: hero-drift-right 12s ease-in-out -4s infinite alternate; }
.growth-atmosphere .glow-c { bottom: 0; left: 15%; background: radial-gradient(ellipse, #f4a07180, transparent 65%); animation: hero-drift-left 9s ease-in-out -6s infinite alternate-reverse; }
@keyframes hero-drift-left { from { transform: translate3d(-12%, -10%, 0) scale(.85); } to { transform: translate3d(30%, 12%, 0) scale(1.25); } }
@keyframes hero-drift-right { from { transform: translate3d(16%, 10%, 0) scale(1.15); } to { transform: translate3d(-28%, -12%, 0) scale(.88); } }
.hero-proof { color: #f8dac5; border-color: #ffc9a645; background: #ffd5ad0b; box-shadow: 0 0 30px #f37b4320, inset 0 1px #ffe7d333; }
.proof-dot { width: 6px; height: 6px; background: #ffc491; animation: proof-glow 3s ease-in-out infinite; }
@keyframes proof-glow { 0%, 100% { box-shadow: 0 0 7px 2px #ffb17155; } 50% { box-shadow: 0 0 15px 5px #ffad6c70; } }
.growth-copy { max-width: 1140px; }
.growth-copy h1 { font-size: clamp(56px, 6.1vw, 90px); }
.growth-copy > p { max-width: 660px; }
.growth-actions { gap: 12px; align-items: center; }
.growth-actions a { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; padding: 0 25px; font-size: 13px; border-radius: 8px; }
.growth-actions .hero-work-link { gap: 10px; color: #ffeddb; background: #ffffff07; border: 1px solid #ffe1c735; text-decoration: none; box-shadow: inset 0 1px #ffffff0a; transition: background .2s, border-color .2s; }
.growth-actions .hero-work-link:hover { background: #ffffff12; border-color: #ffe1c775; }
.hero-work-link .work-play { display: block; width: 0; height: 0; border: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid currentColor; border-radius: 0; margin: 0; }
.hero-work-link .work-play::before, .hero-work-link .work-play::after { content: none; }
.revenue-section { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 90px; padding-top: 85px; padding-bottom: 85px; }
.revenue-intro h2 { margin: 20px 0 24px; }
.revenue-intro > p { color: #726b60; max-width: 440px; font-size: 16px; line-height: 1.8; }
.revenue-benefits article { display: flex; gap: 23px; border-top: 1px solid #dad4c8; padding: 26px 0; }
.revenue-benefits article > span { font-size: 11px; color: #b5573c; padding-top: 4px; }
.revenue-benefits h3 { font-size: 23px; line-height: 1.2; margin-bottom: 10px; }
.revenue-benefits p { font-size: 14px; line-height: 1.75; color: #726b60; }
.delivery-strip { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; padding: 34px 0; border-top: 1px solid #d9d2c6; border-bottom: 1px solid #d9d2c6; }
.delivery-strip > div { display: flex; flex-direction: column; gap: 10px; }
.delivery-strip > div + div { padding-left: 35px; border-left: 1px solid #d9d2c6; }
.delivery-strip strong { font-size: clamp(32px, 3.7vw, 52px); line-height: 1; font-weight: 500; letter-spacing: -.055em; }
.delivery-strip strong span { color: #a94831; font-size: .75em; }
.delivery-strip > div > span { font-size: 12px; color: #746b60; }
.delivery-note { grid-column: 1/-1; margin-top: -23px; color: #82776a; font-size: 11px; }
.learning-loop.creative-cycle { display: block; padding: 42px; margin-top: 62px; border: 1px solid #dcd5c9; background: #eee8dc; border-radius: 20px; }
.loop-heading { display: grid; grid-template-columns: 1.25fr 1fr; align-items: end; gap: 13px 50px; margin-bottom: 32px; }
.loop-heading .overline { grid-column: 1/-1; font-size: 9px; }
.loop-heading h3 { font-size: 34px; line-height: 1.15; }
.loop-heading h3 span { color: #887967; }
.loop-heading p { font-size: 14px; line-height: 1.7; color: #776b5b; max-width: 350px; }
.loop-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.loop-step { position: relative; min-width: 0; background: #faf7ef; border: 1px solid #ddd4c5; border-radius: 12px; overflow: hidden; padding: 18px 22px 26px; }
.loop-visual { height: 142px; display: flex; justify-content: center; align-items: center; margin-bottom: 17px; }
.loop-index { font-size: 9px; letter-spacing: .08em; color: #ae5036; }
.loop-step h4 { font-size: 18px; font-weight: 500; line-height: 1.25; margin: 10px 0; letter-spacing: -.025em; }
.loop-step p { font-size: 12px; line-height: 1.7; color: #7e7264; }
.loop-progress { height: 3px; position: absolute; bottom: 0; left: 0; right: 0; background: #c3583e; transform: scaleX(0); transform-origin: left; animation: loop-progress 9s linear var(--phase) infinite; }
.cut-card { width: 75px; height: 109px; overflow: hidden; border: 3px solid #fff9ee; border-radius: 6px; box-shadow: 0 6px 20px #43271316; position: absolute; animation: cut-fan 9s ease-in-out infinite; --cut-x:0px; --cut-r:0deg; }
.cut-card:first-child { --cut-x:-52px; --cut-r:-12deg; }
.cut-card:last-child { --cut-x:52px; --cut-r:12deg; }
.cut-card img { height: 100%; width: 100%; object-fit: cover; }
.test-visual { gap: 22px; align-items: end; padding: 7px 0; }
.test-visual > div { width: 37px; height: 125px; display: flex; flex-direction: column; justify-content: end; gap: 8px; }
.test-visual i { height: 104px; background: #e6c6b0; border-radius: 5px 5px 0 0; transform: scaleY(var(--bar)); transform-origin: bottom; animation: test-bars 9s ease-in-out infinite; }
.test-visual > div:nth-child(2) i { background: #ba593f; }
.test-visual span { white-space: nowrap; text-align: center; font-size: 9px; color: #8d7663; }
.insight-note { background: #fffdf7; border: 1px solid #e0d5c6; box-shadow: 0 6px 20px #43271309; padding: 15px 17px; border-radius: 7px; width: 210px; transform: rotate(-3deg); }
.insight-note small { font-size: 8px; letter-spacing: .05em; color: #a25b40; }
.insight-note span { display: block; font-size: 11px; color: #6e5b4b; padding: 7px 0 0; animation: learn-note 9s ease-in-out infinite; }
.insight-note span:nth-of-type(2) { animation-delay: .3s; }
.insight-note span:nth-of-type(3) { animation-delay: .6s; }
.learning-loop * { animation-play-state: paused; }
.learning-loop.motion-running * { animation-play-state: running; }
@keyframes loop-progress { 0% { transform: scaleX(0); } 31%, 33% { transform: scaleX(1); opacity: 1; } 34%, 99% { transform: scaleX(1); opacity: 0; } 100% { transform: scaleX(0); opacity: 0; } }
@keyframes cut-fan { 0%, 100% { transform: translateX(0) rotate(0); } 12%, 86% { transform: translateX(var(--cut-x)) rotate(var(--cut-r)); } }
@keyframes test-bars { 0%, 32%, 100% { transform: scaleY(.12); } 48%, 90% { transform: scaleY(var(--bar)); } }
@keyframes learn-note { 0%, 63%, 100% { opacity: .35; transform: translateY(3px); } 74%, 94% { opacity: 1; transform: translateY(0); } }
.model-library .model-library-grid { gap: 10px; }
.model-library .model-tile { border-color: transparent; background: transparent; padding: 26px 10px; gap: 12px; }
.model-library .model-tile:hover, .model-library .model-tile.active, .model-library .model-tile:focus-visible { background: #fff5e807; border-color: #f8d6af30; }
.model-tile .model-logo-plate { background: transparent !important; border-radius: 0; padding: 0; width: 102px; height: 46px; }
.model-logo-plate img { filter: grayscale(1) invert(1) sepia(.65); mix-blend-mode: screen; max-height: 34px; }
.model-tile[data-model="pika"] img { filter: grayscale(1) sepia(.65); }
.model-tile[data-model="higgsfield"] img { filter: grayscale(1) invert(1) contrast(6) sepia(.65); }
.model-tile[data-model="hailuo"] img, .model-tile[data-model="wan"] img { filter: grayscale(1) brightness(1.8) sepia(.65); }
.model-tile > span:last-child { display: none; }
.model-tile strong { font-size: 12px; color: #cbb49e; }
.model-popover { position: fixed; z-index: 120; width: 304px; max-width: calc(100vw - 24px); padding: 23px; color: #f5e9da; background: #3a271e; border: 1px solid #e8b88a55; border-radius: 12px; box-shadow: 0 16px 55px #0005; pointer-events: auto; }
.model-popover > span { font-size: 10px; color: #eead88; }
.model-popover h4 { font-size: 20px; line-height: 1.2; font-weight: 500; letter-spacing: -.03em; margin: 10px 0; }
.model-popover p { font-size: 13px; line-height: 1.7; color: #d0b9a4; }
.comparison-switch { display: none; }
.service-comparison { margin-top: 45px; }
.service-compare { width: 100%; min-width: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 14px; background: transparent; text-align: left; }
.service-compare th, .service-compare td { padding: 22px 25px; border: 0; border-bottom: 1px solid #ded7ca; text-align: left; color: #817769; font-size: 14px; line-height: 1.55; background: transparent; }
.service-compare thead th { height: 110px; color: #382d23; font-size: 18px; font-weight: 500; vertical-align: middle; }
.service-compare th:first-child { width: 21%; }
.service-compare th small { display: block; color: #8e8170; font-size: 11px; font-weight: 400; margin-top: 8px; }
.service-compare tbody th { color: #483b2d; font-size: 13px; font-weight: 500; }
.service-compare .compare-kazif { color: #f5e6d3; background: #302018; border-bottom-color: #ffffff17; }
.service-compare thead .compare-kazif { border-radius: 14px 14px 0 0; }
.service-compare tbody tr:last-child .compare-kazif { border-radius: 0 0 14px 14px; }
.service-compare .compare-kazif img { width: 85px; height: auto; }
.service-compare .compare-kazif small { color: #ceab8e; }
.comparison-footnote { font-size: 11px; color: #8e8070; margin-top: 20px; }
.workflow-section { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 75px; padding-top: 90px; padding-bottom: 90px; }
.workflow-copy h2 { margin: 20px 0 25px; }
.workflow-copy > p { color: #7c7162; font-size: 15px; line-height: 1.8; }
.workflow-copy ul { padding: 0; list-style: none; margin: 27px 0 0; }
.workflow-copy li { margin-top: 17px; color: #827465; font-size: 13px; line-height: 1.7; }
.workflow-copy li strong { display: block; color: #47372c; font-size: 14px; font-weight: 500; }
.workflow-board { padding: 30px; background: #ece5d8; border: 1px solid #dbd0c0; border-radius: 18px; }
.workflow-board-top { display: flex; justify-content: space-between; gap: 15px; font-size: 9px; letter-spacing: .06em; color: #84705c; }
.workflow-board-top span:last-child { letter-spacing: 0; }
.workflow-tools { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 32px; }
.workflow-tools span { background: #f9f5ed; border: 1px solid #dfd3c0; padding: 16px 4px; font-size: 15px; font-weight: 500; text-align: center; letter-spacing: -.04em; border-radius: 7px; color: #49382b; }
.workflow-bridge { height: 38px; display: grid; grid-template-columns: repeat(3,1fr); padding: 0 16%; }
.workflow-bridge i { border-right: 1px solid #c9b39a; }
.workflow-bridge i:first-child { border-left: 1px solid #c9b39a; border-right: 0; border-bottom: 1px solid #c9b39a; border-radius: 0 0 0 8px; }
.workflow-bridge i:last-child { border-bottom: 1px solid #c9b39a; border-radius: 0 0 8px 0; }
.workflow-hub { display: flex; flex-direction: column; align-items: center; gap: 13px; background: #35231a; padding: 28px; border-radius: 10px; margin-top: 0; }
.workflow-hub img { width: 88px; }
.workflow-hub span { font-size: 11px; color: #d2b69a; }
.workflow-handoff { margin-top: 20px; }
.workflow-handoff > div { display: grid; grid-template-columns: 25px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid #d9cdbb; padding: 16px 0; }
.workflow-handoff span { font-size: 9px; color: #b47853; }
.workflow-handoff strong { font-size: 13px; color: #5c4734; font-weight: 500; }
.workflow-handoff small { font-size: 10px; color: #967b62; }
.workflow-board > p { font-size: 10px; color: #8c7863; margin-top: 23px; text-align: center; }
.booking-section.booking-invitation { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; text-align: center; }
.booking-invitation h2 { margin: 23px auto 0; max-width: 900px; }
.booking-invitation > p { margin: 25px auto 0; max-width: 670px; }
.booking-invitation > .button-primary { display: inline-flex; align-items: center; justify-content: center; align-self: center; min-width: 174px; min-height: 54px; padding: 0 28px; margin: 30px auto 0; text-align: center; }
.booking-invitation > .call-note { margin: 16px auto 0; }
#site-dialog.booking-dialog { width: min(960px, calc(100% - 40px)); max-width: 960px; max-height: 92dvh; padding: 0; border-radius: 16px; background: #faf7f0; color: #30251d; overflow-y: auto; }
.booking-dialog #dialog-content { padding: 0; }
.booking-dialog .dialog-close { position: sticky; top: 14px; float: right; margin: 14px 14px -48px 0; z-index: 2; color: #4a3326; background: #ede6d8; border: 0; width: 36px; height: 36px; }
.booking-dialog-heading { padding: 35px 60px 20px 36px; border-bottom: 1px solid #e1d8c8; }
.booking-dialog-heading .overline { color: #a75a3d; }
.booking-dialog .booking-dialog-heading h2 { font-size: 32px; margin: 13px 0 8px; line-height: 1.1; letter-spacing: -.035em; }
.booking-dialog .booking-dialog-heading p { font-size: 13px; margin: 0; color: #887562; }
.calendly-embed { min-width: 320px; min-height: 700px; width: 100%; }
.calendly-embed iframe { min-height: 700px; }
.calendar-loading { text-align: center; color: #897564; padding: 70px 24px; font-size: 14px; }
.booking-dialog .calendar-fallback { font-size: 12px; margin: 0; text-align: center; padding: 18px 20px; background: #eee7db; color: #806b59; }
.booking-dialog .calendar-fallback a { color: #8b472f; }
@media (max-width: 1050px) {
  .revenue-section, .workflow-section { gap: 35px; }
  .learning-loop.creative-cycle { padding: 30px; }
  .loop-step { padding: 15px 17px 24px; }
  .service-compare th, .service-compare td { padding: 20px 18px; }
  .workflow-board { padding: 24px; }
  .workflow-handoff small { grid-column: 2/-1; }
}
@media (max-width: 800px) {
  .site-header.minimal-header, .site-header.minimal-header.scrolled { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: calc(100% - 24px); max-width: 520px; min-height: 62px; padding: 8px 10px; border-radius: 12px; }
  .site-header #navigation { display: none !important; }
  .site-header > .wordmark { display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 44px; margin-right: auto; }
  .site-header .wordmark img, .site-header.scrolled .wordmark img { width: 84px; height: auto; }
  .site-header .menu-toggle { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; flex-direction: column; gap: 6px; width: 44px; height: 44px; padding: 11px; border: 0; background: transparent; color: inherit; }
  .site-header .menu-toggle > span { display: block; width: 21px; height: 1.5px; background: currentColor; margin: 0; transition: transform .2s; }
  .site-header .menu-toggle[aria-expanded="true"] > span:first-child { transform: translateY(3.75px) rotate(45deg); }
  .site-header .menu-toggle[aria-expanded="true"] > span:last-child { transform: translateY(-3.75px) rotate(-45deg); }
  .site-header .mobile-book { display: inline-flex; align-items: center; justify-content: center; background: #cf553c; color: #fff1e1; padding: 0 20px; height: 44px; font-size: 12px; border-radius: 7px; font-weight: 500; }
  .site-header .mobile-navigation { position: absolute; display: flex; inset: calc(100% + 8px) 0 auto; padding: 16px 23px; border-radius: 12px; border: 1px solid #725142; background: #2f1b14; color: #f8e4cf; box-shadow: 0 20px 50px #0003; flex-direction: column; gap: 0; max-height: calc(100dvh - 115px); overflow-y: auto; }
  .site-header .mobile-navigation a { min-height: 45px; display: flex; align-items: center; padding: 8px 0; color: inherit; font-size: 16px; margin: 0; }
  .site-header .mobile-navigation .mobile-login { border-top: 1px solid #ffffff20; color: #efb392; margin-top: 8px; }
  .growth-hero { padding-top: 135px; }
  .growth-copy h1 { font-size: clamp(43px, 6.7vw, 58px); }
  .revenue-section { grid-template-columns: 1fr; gap: 32px; }
  .revenue-intro > p { max-width: 550px; }
  .revenue-benefits article { padding: 22px 0; }
  .loop-heading { grid-template-columns: 1fr; gap: 17px; }
  .loop-heading p { max-width: 480px; }
  .loop-grid { gap: 10px; }
  .loop-step { padding: 14px 12px 22px; }
  .loop-step h4 { font-size: 16px; }
  .cut-card { width: 60px; height: 95px; }
  .cut-card:first-child { --cut-x:-32px; --cut-r:-10deg; }
  .cut-card:last-child { --cut-x:32px; --cut-r:10deg; }
  .test-visual { gap: 10px; }
  .insight-note { padding: 13px 9px; }
  .insight-note span { font-size: 9px; }
  .workflow-section { grid-template-columns: 1fr; gap: 35px; }
  .workflow-board { max-width: 560px; width: 100%; }
}
@media (max-width: 700px) {
  .comparison-switch { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 30px 0 0; padding: 12px 0; font-size: 12px; color: #77654f; }
  .comparison-switch select { font: inherit; color: #4b3829; background: #f5eee1; border: 1px solid #d5c6b2; border-radius: 7px; padding: 10px; min-height: 44px; max-width: 50%; }
  .service-comparison { margin-top: 12px; }
  .service-comparison[data-compare="tool"] [data-option="freelancer"], .service-comparison[data-compare="freelancer"] [data-option="tool"] { display: none; }
  .service-compare th:first-child { width: 27%; }
  .service-compare th, .service-compare td { font-size: 12px; padding: 17px 12px; }
  .service-compare thead th { font-size: 14px; height: 103px; }
  .service-compare th small { font-size: 9px; }
  .service-compare tbody th { font-size: 11px; padding-left: 0; }
  .service-compare thead th:first-child { padding-left: 0; font-size: 11px; }
  .service-compare .compare-kazif img { width: 65px; }
}
@media (max-width: 540px) {
  .growth-hero { padding-top: 127px; }
  .hero-proof { font-size: 10px; margin-bottom: 24px; padding: 9px 12px; }
  .growth-copy h1 { font-size: clamp(37px, 9.5vw, 51px); line-height: 1.055; }
  .growth-copy > p { font-size: 13px; max-width: 360px; line-height: 1.75; }
  .growth-actions { gap: 10px; flex-wrap: wrap; }
  .growth-actions a, .growth-actions .button-primary { min-height: 48px; padding: 0 17px; font-size: 11px; }
  .revenue-section { padding-top: 55px; padding-bottom: 50px; }
  .revenue-intro h2 { font-size: 36px; }
  .revenue-intro > p { font-size: 14px; }
  .revenue-benefits h3 { font-size: 21px; }
  .revenue-benefits p { font-size: 13px; }
  .delivery-strip { gap: 15px; padding: 25px 0; }
  .delivery-strip > div + div { padding-left: 12px; }
  .delivery-strip strong { font-size: clamp(22px, 6.3vw, 31px); }
  .delivery-strip > div > span { font-size: 10px; line-height: 1.6; }
  .delivery-note { font-size: 10px; line-height: 1.6; margin-top: -15px; }
  .learning-loop.creative-cycle { padding: 25px 18px; margin-top: 40px; }
  .loop-heading h3 { font-size: 29px; }
  .loop-heading p { font-size: 13px; }
  .loop-grid { grid-template-columns: 1fr; gap: 13px; }
  .loop-step { display: grid; grid-template-columns: 88px 1fr; gap: 8px 17px; padding: 20px 15px; }
  .loop-visual { grid-column: 1; grid-row: 1/4; height: 120px; width: 88px; margin: 0; position: relative; }
  .loop-index, .loop-step h4, .loop-step p { grid-column: 2; margin: 0; }
  .loop-step h4 { font-size: 17px; }
  .loop-step p { font-size: 11px; }
  .cut-card { width: 46px; height: 73px; border-width: 2px; }
  .cut-card:first-child { --cut-x:-19px; --cut-r:-10deg; }
  .cut-card:last-child { --cut-x:19px; --cut-r:10deg; }
  .test-visual { gap: 6px; height: 115px; }
  .test-visual > div { width: 23px; height: 108px; }
  .test-visual span { font-size: 7px; }
  .insight-note { padding: 11px 7px; }
  .insight-note small { font-size: 6px; }
  .insight-note span { font-size: 7px; line-height: 1.4; }
  .model-library .model-tile { padding: 19px 6px; gap: 11px; }
  .model-tile .model-logo-plate { width: 66px; height: 42px; }
  .model-logo-plate img { max-height: 30px; }
  .model-tile strong { font-size: 10px; }
  .service-compare th, .service-compare td { padding: 16px 9px; font-size: 11px; }
  .service-compare th small { font-size: 8px; }
  .comparison-footnote { font-size: 10px; line-height: 1.6; }
  .workflow-section { padding-top: 50px; padding-bottom: 60px; }
  .workflow-copy h2 { font-size: 37px; }
  .workflow-copy > p { font-size: 14px; }
  .workflow-board { padding: 20px 16px; }
  .workflow-tools { gap: 6px; }
  .workflow-tools span { font-size: 12px; padding: 14px 2px; }
  .workflow-handoff > div { column-gap: 4px; row-gap: 5px; }
  .booking-invitation h2 { font-size: clamp(32px, 9vw, 44px); }
  .booking-invitation > .overline { line-height: 1.6; max-width: 270px; }
  #site-dialog.booking-dialog { width: 100%; max-width: none; max-height: 100dvh; height: 100dvh; margin: 0; border: 0; border-radius: 0; }
  .booking-dialog-heading { padding: 30px 52px 20px 24px; }
  .booking-dialog .booking-dialog-heading h2 { font-size: 28px; }
  .booking-dialog .calendar-fallback { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .growth-atmosphere > i, .proof-dot, .learning-loop * { animation: none !important; }
  .cut-card { transform: translateX(var(--cut-x)) rotate(var(--cut-r)); }
  .insight-note span { opacity: 1; }
  .loop-progress { display: none; }
}
/* Override the legacy table's fixed minimum without a horizontal mobile scroller. */
.comparison-section .service-compare { min-width: 0; width: 100%; }
@media (max-width: 540px) {
  .growth-copy h1 { font-size: clamp(33px, 8.5vw, 45px); }
}
#site-dialog.booking-dialog { height: auto; }
.booking-dialog #dialog-content { display: block; width: 100%; height: auto; }
#site-dialog .booking-dialog-heading #dialog-title { font-size: 32px; margin: 13px 0 8px; }
#site-dialog .booking-dialog-heading p { margin: 0; }
@media (max-width: 540px) {
  .growth-copy h1 { font-size: clamp(38px, 10vw, 52px); text-wrap: balance; }
  .growth-actions a, .growth-actions .button-primary { padding-inline: 12px; }
  #site-dialog.booking-dialog { height: 100dvh; }
  #site-dialog .booking-dialog-heading #dialog-title { font-size: 27px; }
}
.model-tile[data-model="hailuo"] img { filter: grayscale(1) invert(1) contrast(1.3) sepia(.65); }
.model-tile[data-model="elevenlabs"] img { max-height: none; object-fit: cover; object-position: center; }
.comparison-section .service-compare .compare-kazif { background: #302018; color: #f5e6d3; }
.workflow-tools > span { display: flex; align-items: center; justify-content: center; gap: 7px; height: 64px; padding: 12px; background: #fff; }
.workflow-tools img { width: 100%; max-width: 105px; height: auto; max-height: 28px; object-fit: contain; filter: none; }
.workflow-tools .workflow-notion img { width: 25px; height: 26px; }
.workflow-notion b { font-size: 16px; color: #111; font-weight: 600; letter-spacing: -.04em; }
.workflow-tools .workflow-google img { max-width: 132px; }
@media (max-width: 540px) {
  .workflow-tools > span { padding: 10px 7px; gap: 4px; height: 58px; }
  .workflow-tools .workflow-notion img { width: 19px; height: 20px; }
  .workflow-notion b { font-size: 12px; }
}
.model-tile[data-model="elevenlabs"] .model-logo-plate { overflow: hidden; }
.model-tile[data-model="elevenlabs"] img { transform: scale(2.7); }
.site-header.over-cream .menu-toggle { color: #39291e; }
/* The workflow illustration keeps original app marks still while the work moves. */
.workflow-sync { padding: 32px; border-radius: 12px; background: radial-gradient(ellipse at 50% 44%, #f9eee0, transparent 64%), #ece5d8; }
.sync-apps { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 35px; }
.sync-app { display: flex; flex-direction: column; align-items: center; gap: 13px; min-width: 0; }
.sync-app-icon { width: 90px; height: 90px; padding: 22px; display: grid; place-items: center; background: #fff; border: 1px solid #e0d4c3; border-radius: 5px; box-shadow: 0 6px 0 #dbd0be55, 0 13px 28px #6b412309; }
.sync-app-icon > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.sync-app-icon.workspace-icons { grid-template-columns: repeat(2,1fr); gap: 8px; padding: 18px; }
.sync-app > span { font-size: 11px; color: #796047; text-align: center; }
.sync-routes { display: block; width: 100%; height: auto; overflow: visible; margin-top: 13px; }
.sync-wire { stroke: #c3a589; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.sync-packet { fill: #d36944; stroke: #ffe1ad; stroke-width: 3px; filter: drop-shadow(0 0 7px #dd724f); }
.workflow-sync .workflow-hub { position: relative; border: 1px solid #845338; border-radius: 6px; overflow: hidden; isolation: isolate; }
.hub-signal { position: absolute; z-index: -1; inset: -30% -70%; background: radial-gradient(ellipse, #b265384f, transparent 55%); animation: hub-sync-glow 6s ease-in-out infinite; }
@keyframes hub-sync-glow { 0%, 100% { opacity: .2; transform: translateX(-15%); } 50% { opacity: 1; transform: translateX(15%); } }
.sync-exchange { height: 42px; display: grid; place-items: center; border-bottom: 1px solid #d9cdbb; position: relative; margin-top: 5px; }
.sync-exchange span { position: absolute; font-size: 11px; color: #9b5539; opacity: 0; animation: sync-caption 9s ease-in-out infinite; }
.sync-exchange .exchange-review { animation-delay: 3s; }
.sync-exchange .exchange-delivery { animation-delay: 6s; }
@keyframes sync-caption { 0%, 33%, 100% { opacity: 0; transform: translateY(4px); } 5%, 27% { opacity: 1; transform: translateY(0); } }
.workflow-sync .workflow-handoff { margin-top: 0; }
@media (max-width: 540px) {
  .workflow-sync { padding: 23px 16px; }
  .sync-apps { gap: 8px; margin-top: 28px; }
  .sync-app-icon { width: 66px; height: 66px; padding: 16px; border-radius: 3px; }
  .sync-app-icon.workspace-icons { padding: 12px; gap: 6px; }
  .sync-app > span { font-size: 9px; line-height: 1.4; min-height: 26px; max-width: 84px; }
  .sync-routes { margin-top: 0; }
  .sync-packet { r: 8px; }
  .workflow-sync .workflow-hub { padding: 24px; }
  .workflow-board-top { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .sync-packet { display: none; }
  .hub-signal, .sync-exchange span { animation: none; }
  .sync-exchange .exchange-brief { opacity: 1; }
}
/* Result-led hero. Reserved number width keeps the headline still as it counts. */
.growth-copy .metric-hero-title { font-size: clamp(54px, 5.6vw, 84px); line-height: 1.12; font-weight: 500; letter-spacing: -.055em; }
.metric-hero-title > span { display: block; background: none !important; -webkit-text-fill-color: initial; color: #fff1df; }
.metric-hero-title .hero-return-line { color: #f6efdf; }
.metric-hero-title .return-metric { display: inline-flex; align-items: baseline; color: #d0edb3; text-shadow: 0 0 40px #bbdc6b25; white-space: nowrap; }
.return-metric #return-count { display: inline-block; width: 1.08em; text-align: right; font-variant-numeric: tabular-nums; }
.return-x { display: inline-block; transform-origin: center; margin-left: .015em; }
.return-x.count-step { animation: multiplier-step .3s ease-out; }
@keyframes multiplier-step { 0% { opacity: .55; transform: rotate(-16deg) scale(.86); } 65% { opacity: 1; transform: rotate(3deg) scale(1.06); } 100% { transform: rotate(0) scale(1); } }
.metric-hero-title .hero-cost-line { margin-top: 5px; font-size: .86em; color: #e8bc9f; }
.metric-hero-title .cost-metric { color: #ffad83; text-shadow: 0 0 32px #ff7c4020; }
.growth-copy > .hero-results-note { max-width: 760px; font-size: 10px; line-height: 1.65; color: #bda38f; margin-top: 15px; }
.model-tile[data-model="elevenlabs"] img { transform: none; object-fit: contain; max-height: 34px; }
@media (max-width: 800px) { .growth-copy .metric-hero-title { font-size: clamp(42px, 6.8vw, 60px); } }
@media (max-width: 540px) {
  .growth-copy .metric-hero-title { font-size: clamp(37px, 10vw, 51px); line-height: 1.1; text-wrap: balance; }
  .metric-hero-title .hero-cost-line { margin-top: 15px; font-size: .79em; }
  .growth-copy > .hero-results-note { font-size: 9px; line-height: 1.6; margin-top: 13px; }
}
@media (prefers-reduced-motion: reduce) { .return-x.count-step { animation: none; } }
.growth-copy .metric-hero-title { font-size: clamp(54px, 5.6vw, 84px); }
.metric-hero-title .hero-offer-line { color: #fff1df; }
.growth-copy > .hero-cost-line { margin-top: 25px; max-width: 800px; font-size: 20px; line-height: 1.5; color: #e9c6ad; }
.hero-cost-line .cost-metric { font-weight: 500; color: #ffad83; }
.growth-copy > .hero-support { margin-top: 17px; font-size: 15px; line-height: 1.75; color: #d2bba7; }
.growth-copy > .hero-results-note { font-size: 10px; margin-top: 15px; }
@media (max-width: 800px) {
  .growth-copy .metric-hero-title { font-size: clamp(41px, 6.8vw, 60px); }
  .growth-copy > .hero-cost-line { font-size: 17px; }
}
@media (max-width: 540px) {
  .growth-copy .metric-hero-title { font-size: clamp(35px, 9.5vw, 49px); line-height: 1.12; }
  .metric-hero-title .hero-return-line { margin-top: 10px; }
  .growth-copy > .hero-cost-line { font-size: 16px; line-height: 1.6; max-width: 310px; margin-top: 23px; }
  .growth-copy > .hero-support { font-size: 12px; margin-top: 15px; }
  .growth-copy > .hero-results-note { font-size: 9px; }
}
@media (max-width: 540px) {
  #site-dialog.booking-dialog { scrollbar-width: none; }
  #site-dialog.booking-dialog::-webkit-scrollbar { display: none; }
}
/* Final editorial direction: one idea, one result, two explicit actions. */
.growth-copy .focused-hero-title { font-size: clamp(62px, 6.4vw, 94px); line-height: 1.07; letter-spacing: -.057em; font-weight: 600; margin: 0 auto; }
.focused-hero-title > .hero-line { display: block; overflow: hidden; background: none; color: #fff1df; padding-bottom: .08em; }
.focused-hero-title > .hero-line:last-child { padding-bottom: 0; }
.hero-line-inner { display: block; }
.focused-hero-title em { font-style: normal; color: #ffbc91; background: linear-gradient(105deg, #fca77f, #ffe1b7, #fca77f); background-size: 220% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.motion-enabled .hero-line-inner { animation: hero-line-enter 950ms cubic-bezier(.16, 1, .3, 1) both; }
.motion-enabled .hero-line:nth-child(2) .hero-line-inner { animation-delay: 160ms; }
.motion-enabled .focused-hero-title em { animation: money-light 2.2s ease-out .7s both; }
@keyframes hero-line-enter { from { transform: translateY(108%); opacity: .15; } to { transform: translateY(0); opacity: 1; } }
@keyframes money-light { from { background-position: 100% 0; } to { background-position: 0 0; } }
.growth-copy > .hero-single-proof { font-size: 21px; color: #dac2ae; margin: 22px auto 0; line-height: 1.5; letter-spacing: -.015em; }
.hero-single-proof .return-metric { color: #d2eeb9; display: inline-flex; align-items: baseline; font-size: 1.25em; font-weight: 500; letter-spacing: -.045em; }
.growth-copy .growth-actions { margin-top: 28px; }
.growth-copy > .hero-results-note { margin-top: 16px; font-size: 10px; color: #b69e8b; }
.growth-copy .hero-proof { margin-bottom: 29px; }
.saving-stat { color: #b75036; }
@media (max-width: 800px) {
  .growth-copy .focused-hero-title { font-size: clamp(48px, 6.9vw, 65px); }
  .growth-copy > .hero-single-proof { font-size: 18px; }
}
@media (max-width: 540px) {
  .growth-copy .focused-hero-title { font-size: clamp(40px, 10.8vw, 58px); line-height: 1.08; text-wrap: balance; }
  .focused-hero-title .hero-line + .hero-line { margin-top: 7px; }
  .growth-copy > .hero-single-proof { font-size: 15px; margin-top: 22px; }
  .growth-copy .growth-actions { margin-top: 25px; gap: 10px; }
  .growth-copy .growth-actions a { min-width: 121px; font-size: 12px; padding-inline: 16px; }
  .growth-copy > .hero-results-note { font-size: 9px; margin-top: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-line-inner, .focused-hero-title em { animation: none !important; }
}
/* Three outcomes, one measured headline. The widest phrase reserves its space. */
.hero-rotation { display: inline-grid; vertical-align: bottom; overflow: hidden; height: 1.16em; margin-bottom: -.02em; text-align: left; }
.outcome-phrase { grid-area: 1/1; display: block; white-space: nowrap; opacity: 0; transform: translateY(108%); transition: transform 700ms cubic-bezier(.22,1,.36,1), opacity 400ms ease; padding-bottom: .05em; }
.outcome-phrase.is-current { opacity: 1; transform: translateY(0); }
.outcome-phrase.is-leaving { opacity: 0; transform: translateY(-108%); }
.focused-hero-title .outcome-phrase em { animation: none; }
.growth-copy > .cost-proof { color: #cdb49e; font-size: 18px; line-height: 1.6; max-width: 700px; margin-top: 14px; }
.cost-proof strong { color: #ffbe97; font-weight: 500; }
.cost-proof-break { display: none; }
@media (max-width: 800px) {
  .growth-copy > .cost-proof { font-size: 16px; }
}
@media (max-width: 540px) {
  .hero-rotation { display: grid; width: max-content; max-width: 100%; margin: .05em auto 0; text-align: center; }
  .growth-copy > .cost-proof { font-size: 14px; margin-top: 14px; }
  .cost-proof-break { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  .outcome-phrase { transition: none; }
}
.growth-copy .focused-hero-title { font-size: clamp(57px, 5.3vw, 80px); }
@media (max-width: 800px) {
  .growth-copy .focused-hero-title { font-size: clamp(39px, 5.8vw, 58px); }
}
@media (max-width: 540px) {
  .growth-copy .focused-hero-title { font-size: clamp(32px, 8.9vw, 46px); line-height: 1.12; }
  .hero-rotation { margin-top: 0; }
}
@media (max-width: 540px) {
  .growth-copy .cost-proof .cost-proof-break { display: block !important; }
}
.comparison-toggle { display: flex; border: 1px solid #d8cdbb; padding: 3px; border-radius: 8px; background: #eee7db; }
.comparison-toggle button { border: 0; background: transparent; color: #8d7a65; border-radius: 5px; font: inherit; padding: 10px 12px; min-height: 42px; }
.comparison-toggle button[aria-pressed="true"] { background: #fffaf2; color: #573b28; box-shadow: 0 2px 7px #5a3a1910; }
@media (max-width: 360px) { .comparison-switch { font-size: 11px; gap: 7px; } .comparison-toggle button { padding-inline: 10px; } }
/* Center every complete outcome line independently, including its shorter words. */
.focused-hero-title .hero-rotation { display: grid; width: 100%; max-width: none; height: auto; margin: 0; text-align: center; }
.outcome-phrase { width: 100%; text-align: center; }
.outcome-content { display: inline-block; width: max-content; max-width: 100%; text-align: center; }
@media (max-width: 540px) {
  .outcome-phrase { white-space: normal; }
  .outcome-content em { display: block; }
}
/* Keep the journal's legacy nav rule from opening the mobile disclosure. */
.site-header .mobile-navigation[hidden] { display: none !important; }
.journal-page .site-header .mobile-navigation[hidden] { display: none !important; }