/* Layout and interaction only. Existing elements retain the production palette. */
body[data-cds-page] {
  --cds-header-height: 88px;
  --cds-ease: cubic-bezier(.32,.72,0,1);
}
body:is([data-cds-page="home"],[data-cds-page="pricing"]) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body[data-cds-page] :is(.galaxy-gallery[data-stage],.coryao-global-header) .gg-header { gap: 40px; }
body[data-cds-page] :is(.galaxy-gallery[data-stage],.coryao-global-header) .gg-header nav { font-size: 14px; font-weight: 500; }
body[data-cds-page] .gg-header .gg-brand { font-size: 20px; letter-spacing: .045em; }
body[data-cds-page] .gg-nav-trigger { padding-inline: 10px; border-radius: 8px; transition: background 150ms, color 150ms; }
body[data-cds-page] :is(.galaxy-gallery[data-stage],.coryao-global-header) .gg-header .gg-motion {
  min-height: 40px; min-width: 58px; padding-inline: 14px; font-weight: 500;
}
body[data-cds-page] :is(.galaxy-gallery[data-stage],.coryao-global-header) .gg-header .gg-console {
  min-height: 42px; padding: 11px 20px; border-radius: 10px; font-size: 13px;
}
body[data-cds-page="home"] .gg-hero { min-height: 700px; }
body[data-cds-page="home"] .gg-hero .star-hero-embedded { bottom: 12%; }
body[data-cds-page="home"] .gg-scroll-cue { bottom: 12px; font-size: 10px !important; }
/* New hero elements use the original header, gallery and design-entry colors. */
.cds-hero-intro {
  position: absolute; inset: auto 6.5vw 90px; z-index: 3;
  max-width: 1320px; margin-inline: auto; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px;
  color: inherit; text-shadow: 0 2px 18px #000;
}
.cds-hero-kicker { margin: 0 0 14px; font: 11px/1.5 ui-monospace, monospace; letter-spacing: .13em; color: #bacbd1; }
.cds-hero-intro h2 { margin: 0 0 14px; font: 400 clamp(30px,3.5vw,48px)/1.3 "Songti SC", "Noto Serif CJK SC", serif; letter-spacing: .03em; }
.cds-hero-intro p:last-child { margin: 0; font-size: 14px; line-height: 1.9; color: #aaa; }
.cds-hero-actions { display: flex; gap: 10px; flex-shrink: 0; padding-bottom: 4px; }
.cds-hero-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 22px; border: 1px solid #555; border-radius: 10px; color: #f3f3f0; font-size: 14px; text-decoration: none; text-shadow: none; transition: background 150ms, transform 150ms; }
.cds-hero-actions a:first-child { background: #f8f8f8; border-color: #f8f8f8; color: #080808; }
.cds-hero-actions a:hover { background: #202020; }
.cds-hero-actions a:first-child:hover { background: #dedede; border-color: #dedede; }
.cds-hero-actions a:active { transform: scale(.975); }
.cds-hero-actions a:focus-visible { outline: 2px solid #bcd4ee; outline-offset: 4px; }
body[data-cds-page="home"] .design-business-entry { padding: 96px 6.5vw 52px; }
body[data-cds-page="home"] .design-eyebrow { letter-spacing: .1em; }
body[data-cds-page="home"] .design-business-entry > h2 { font-size: clamp(30px,3.5vw,44px); margin-bottom: 36px; }
body[data-cds-page="home"] .design-business-card { border-radius: 16px; padding: 36px; transition: transform 200ms var(--cds-ease); }
body[data-cds-page="home"] .design-business-card:hover { transform: translateY(-1.5px); }
body[data-cds-page="home"] .design-business-card h3 { font-size: 28px; }
body[data-cds-page="home"] .design-business-entry .design-button { min-height: 44px; border-radius: 9px; }
body[data-cds-page="home"] .coryao-home-offers { padding: 52px 6.5vw 88px; }
body[data-cds-page="home"] .coryao-home-offers > h2,
body[data-cds-page="home"] .coryao-offers-grid { max-width: 1180px; }
body[data-cds-page="home"] .coryao-home-offers > h2 { font: 400 clamp(28px,3vw,36px)/1.4 "Songti SC", serif; margin-bottom: 28px; }
body[data-cds-page="home"] .coryao-offers-grid { gap: 20px; }
body[data-cds-page="home"] .coryao-offer-link { padding: 28px; border-radius: 14px; transition: transform 200ms var(--cds-ease); }
body[data-cds-page="home"] .coryao-offer-link:hover { transform: translateY(-1.5px); }
body[data-cds-page="home"] .coryao-offer-link h3 { font-size: 18px; }
body[data-cds-page="home"] .coryao-offer-link strong { font-size: 30px; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
body[data-cds-page="home"] .coryao-offer-link p { font-size: 14px; }
body[data-cds-page="home"] .coryao-offer-link > span { text-decoration: none; }
body[data-cds-page="home"] .coryao-start-section { padding: 0 6.5vw 72px; }
body[data-cds-page="home"] .coryao-start-panel { max-width: 1180px; min-height: 280px; border-radius: 18px; }
body[data-cds-page="home"] .coryao-start-panel h2 { font: 400 clamp(30px,3vw,42px)/1.35 "Songti SC", serif; }
body[data-cds-page="home"] .coryao-start-button { border-radius: 10px; }
@media (max-width: 1100px) { .cds-hero-intro { align-items: flex-start; flex-direction: column; gap: 22px; } }
@media (max-width: 950px) { body[data-cds-page] { --cds-header-height: 72px; } }
@media (max-width: 760px) {
  body[data-cds-page="home"] .gg-hero { min-height: 680px; }
  .cds-hero-intro { inset-inline: 24px; bottom: 82px; }
  .cds-hero-intro h2 { font-size: 31px; }
  .cds-hero-intro p:last-child { max-width: 26em; font-size: 13px; }
  .cds-hero-kicker { font-size: 10px; }
  .cds-hero-actions { flex-wrap: wrap; gap: 10px; }
  .cds-hero-actions a { padding-inline: 18px; font-size: 13px; }
  body[data-cds-page="home"] .design-business-entry { padding: 64px 24px 32px; }
  body[data-cds-page="home"] .design-business-card { padding: 26px; }
  body[data-cds-page="home"] .coryao-home-offers { padding: 32px 24px 56px; }
  body[data-cds-page="home"] .coryao-start-section { padding: 0 24px 48px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-cds-page] :is(.gg-header,.gg-mega-panel,.gg-mobile-panel,.gg-mega-backdrop,.design-business-card,.coryao-offer-link,.cds-hero-intro) { animation: none; }
  body[data-cds-page] :is(a,button,.design-business-card) { transition: none !important; }
  body[data-cds-page="home"] :is(.design-business-card,.coryao-offer-link):hover,
  .cds-hero-actions a:active { transform: none; }
}
