/* Approved product-led homepage composition. Kept separate from public info pages. */
.studio-dashboard { display: block; width: 100%; padding: 0; border: 1px solid #e1e2ed; border-radius: 12px; overflow: hidden; background: #fafafa; box-shadow: 0 18px 36px -16px #55557b40; cursor: zoom-in; }
.studio-dashboard img { display: block; width: 100%; height: auto; }
.hero-studio-actual .studio-disclosure { font-size: 10px; }
@media (max-width: 600px) {
    .hero-studio-actual .studio-dashboard img { aspect-ratio: 390 / 760; }
    .hero-studio.hero-studio-actual { padding-bottom: 42px; }
}
.home-refresh { --tail: #747799; }
.home-refresh .wrap { width: min(1360px, calc(100% - 96px)); }
.home-refresh .home-hero { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 42px; padding-top: 112px; padding-bottom: 72px; min-height: 630px; }
.home-refresh .hero-copy { position: relative; z-index: 2; }
.home-refresh .hero-copy h1 { max-width: none; font-size: clamp(42px, 4.45vw, 68px); line-height: 1.12; letter-spacing: -.045em; margin: 26px 0 30px; }
.home-refresh .hero-copy h1 em { white-space: nowrap; }
.home-refresh .hero-copy .home-eyebrow { color: #757999; letter-spacing: 2.1px; }
.home-refresh .home-lede { max-width: 445px; font-size: 19px; line-height: 1.6; }
.home-refresh .home-hero-actions { gap: 20px 26px; margin-top: 34px; }
.home-refresh .home-hero-actions .home-button { min-height: 52px; }
.home-refresh .home-text-link { color: #646b98; }
.home-refresh .home-access-note { font-size: 12px; line-height: 1.8; }
.home-refresh .home-access-note a { margin-left: 5px; }
.hero-studio { position: relative; min-width: 0; padding: 20px 12px 85px 0; isolation: isolate; }
.studio-backdrop { position: absolute; z-index: -1; top: -20px; right: -26px; bottom: 12px; left: 35px; background: #ececf7; border-radius: 95px 20px 25px 85px; }
.studio-backdrop::before { content: ''; position: absolute; left: -76px; bottom: 0; width: 180px; height: 195px; background: #ececf7; border-radius: 95px 0 0 55px; transform: rotate(-18deg); z-index: -1; }
.studio-note { position: absolute; bottom: 34px; left: 12px; color: #8387a4; font-size: 15px; font-style: italic; line-height: 1.25; transform: rotate(-7deg); }
.studio-note > span { position: absolute; font-size: 30px; right: -35px; top: -12px; }
.studio-disclosure { position: absolute; right: 5px; bottom: -4px; color: #85889b; font-size: 9px; }
@media (prefers-reduced-motion: no-preference) {
    .hero-studio { animation: stage-in .9s var(--ease) .2s both; }
}
@media (max-width: 1150px) and (min-width: 901px) {
    .home-refresh .wrap { width: calc(100% - 64px); }
    .home-refresh .home-hero { gap: 28px; grid-template-columns: .8fr 1.2fr; }
    .home-refresh .hero-copy h1 { font-size: 42px; }
    .studio-note { font-size: 12px; left: 0; }
}
@media (max-width: 900px) {
    .home-refresh .wrap { width: calc(100% - 48px); }
    .home-refresh .home-hero { grid-template-columns: 1fr; gap: 50px; padding-top: 56px; padding-bottom: 28px; min-height: 0; }
    .home-refresh .hero-copy { max-width: 600px; }
    .home-refresh .hero-copy h1 { font-size: clamp(40px, 7vw, 62px); }
    .hero-studio { width: 100%; max-width: 680px; margin-inline: auto; }
    .studio-backdrop { right: -5px; }
    .studio-backdrop::before { left: -20px; width: 110px; }
}
@media (max-width: 600px) {
    .home-refresh .wrap { width: calc(100% - 40px); }
    .home-refresh .hero-copy h1 { font-size: clamp(35px, 9.3vw, 52px); margin-block: 20px; }
    .home-refresh .hero-copy .home-eyebrow { font-size: 9px; letter-spacing: 1.6px; }
    .home-refresh .home-lede { font-size: 17px; }
    .home-refresh .home-hero-actions { gap: 12px 18px; margin-top: 26px; }
    .hero-studio { padding: 10px 0 100px; }
    .studio-note { display: none; }
    .studio-disclosure { bottom: 8px; }
    .studio-backdrop { top: -10px; bottom: 18px; left: 15px; border-radius: 60px 18px 18px 40px; }
}