@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/DpPBYI0sL4fYLgAkX8KXOPVt7c.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/4RAEQdEOrcnDkhHiiCbJOw92Lk.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/1K3W8DizY3v4emK8Mb08YHxTbs.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/tUSCtfYVM1I1IchuyCwz9gDdQ.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/VgYFWiwsAC5OYxAycRXXvhze58.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/syRNPWzAMIrcJ3wIlPIP43KjQs.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/GIryZETIX4IFypco5pYZONKhJIo.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/H89BbHkbHDzlxZzxi8uPzTsp90.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/u6gJwDuwB143kpNK1T1MDKDWkMc.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/43sJ6MfOPh1LCJt46OvyDuSbA6o.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/wccHG0r4gBDAIRhfHiOlq6oEkqw.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/WZ367JPwf9bRW6LdTHN8rXgSjw.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/ia3uin3hQWqDrVloC1zEtYHWw.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/2A4Xx7CngadFGlVV4xrO06OBHY.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/CfMzU8w2e7tHgF4T4rATMPuWosA.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/867QObYax8ANsfX4TGEVU9YiCM.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/Oyn2ZbENFdnW7mt2Lzjk1h9Zb9k.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/cdAe8hgZ1cMyLu9g005pAW3xMo.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/DOfvtmE1UplCq161m6Hj8CSQYg.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/pKRFNWFoZl77qYCAIp84lN1h944.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/tKtBcDnBMevsEEJKdNGhhkLzYo.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Montserrat"; src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/G3U4AIP7I5YYMBY4PZ5BNYEWWVH7G7QB/WED2HATCWTE6B4XVIFFTI3EALCE4D6PD/GDZ4LVIJF6WODYKVZK6E2737DCDQPEMZ.woff2"); font-display: swap; font-style: normal; font-weight: 500 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Clash Display"; src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/FPDAZ2S6SW4QMSRIIKNNGTPM6VIXYMKO/5HNPQ453FRLIQWV2FNOBUU3FKTDZQVSG/Z3MGHFHX6DCTLQ55LJYRJ5MDCZPMFZU6.woff2"); font-display: swap; font-style: normal; font-weight: 600 }
@font-face { font-family: "Montserrat"; src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/DELXRVKO253LHPYOBD6KD7EW3TJKXCXF/L6SILXET3P727LN5N75LL5PG77IET2IT/6DP3DAT2N5LSQGN5ISPRN63WPP32A54A.woff2"); font-display: swap; font-style: normal; font-weight: 600 }
@font-face { font-family: "Inter Placeholder"; src: local("Arial"); ascent-override: 89.79%; descent-override: 22.36%; line-gap-override: 0.00%; size-adjust: 107.89% }
@font-face { font-family: "Montserrat Placeholder"; src: local("Arial"); ascent-override: 84.95%; descent-override: 22.03%; line-gap-override: 0.00%; size-adjust: 113.95% }
@font-face { font-family: "Clash Display Placeholder"; src: local("Arial"); ascent-override: 83.42%; descent-override: 23.43%; line-gap-override: 8.44%; size-adjust: 106.69% }
*{box-sizing:border-box}html,body{margin:0;background:#090c10;color:#f4f5f3;-webkit-font-smoothing:antialiased}body{font-family:Montserrat,sans-serif}header{padding:24px 40px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #23282e}header a{font-family:"Clash Display",sans-serif;font-weight:600;font-size:22px;letter-spacing:-.03em;color:inherit;text-decoration:none;margin-right:auto}.tagline{font-size:10px;color:#969da7;letter-spacing:1.5px}.available{font-size:10px;letter-spacing:.08em;font-weight:600;color:#73f5de}button:focus-visible,a:focus-visible{outline:2px solid #73f5de;outline-offset:5px}@media(max-width:700px){header{padding:20px 24px}.tagline{display:none}header a{font-size:20px}}
/* Keep the chapter content and footer inside a short desktop viewport. */
@media (min-width: 700px) and (max-height: 760px) {
  .journey-stage {
    min-height: 560px !important;
    top: min(0px, calc(100svh - 560px)) !important;
  }
  .journey-frame { padding: 22px 32px !important; }
  .journey-body { min-height: 0; padding-bottom: 18px !important; }
  .chapter-navigation { gap: 8px !important; }
  .journey-character { min-height: 0 !important; height: 78% !important; }
  .chapter-story h2 { font-size: 30px !important; }
  .chapter-story p { font-size: 11px !important; margin-top: 10px !important; }
  .chapter-visual { padding: 14px !important; margin-top: 14px !important; }
}
/* Chapter artwork shares the original charcoal surfaces and mint structure. */
.chapter-icon { display: inline-block; flex-shrink: 0; vertical-align: middle; }
.chapter-atmosphere { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.chapter-float { position: absolute; left: var(--x); top: var(--y); color: #f3f6f3; opacity: .18; animation: chapter-drift var(--duration) ease-in-out var(--delay) infinite; will-change: transform; }
.float-code { color: #73f5de; font: 11px/1.5 monospace; white-space: nowrap; }
.float-media { color: #73f5de; }
.float-rizzle { color: #c6f3e6; }
.floating-dollar { font: 500 27px/1 'Clash Display', Montserrat, sans-serif; }
@keyframes chapter-drift {
  0% { transform: translate3d(0, 38px, 0) rotate(-7deg); opacity: 0; }
  20% { opacity: .22; }
  70% { opacity: .13; }
  100% { transform: translate3d(16px, -100px, 0) rotate(7deg); opacity: 0; }
}
.music-search { position: absolute; z-index: 2; left: 19%; top: 10%; width: clamp(145px, 16vw, 210px); padding: 12px; background: #101b20d9; border: 1px solid #30474a; border-radius: 9px; pointer-events: none; }
.music-search-label { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; }
.music-search-label span:first-child { font: 17px/1 Georgia, serif; color: #b9cdca; letter-spacing: -.7px; }
.music-search-label span:last-child { color: #6d9690; font-size: 6px; letter-spacing: 1px; }
.music-search-query { min-height: 45px; padding: 8px 9px; border: 1px solid #2b4445; border-radius: 7px; color: #bdcfca; font: 10px/1.55 Montserrat, sans-serif; }
.music-search-caret { display: inline-block; width: 1px; height: 10px; margin-left: 1px; vertical-align: -1px; background: #73f5de; animation: art-caret 1s step-end infinite; }
@keyframes art-caret { 50% { opacity: 0; } }
.art-panel { padding: 24px; margin-top: 24px; border: 1px solid #2a333c; border-radius: 12px; background: linear-gradient(135deg, #172029, #0e141a); overflow: hidden; }
.art-label { color: #969da7; font-size: 9px; line-height: 1.5; letter-spacing: 1.5px; }
.platform-heading { display: flex; align-items: center; gap: 10px; }
.art-metric { font-size: clamp(30px, 3.4vw, 44px); letter-spacing: -1.6px; color: #73f5de; font-weight: 600; margin-top: 13px; line-height: 1.1; }
.art-detail { font-size: 11px; line-height: 1.65; color: #969da7; margin-top: 8px; }
.art-title { font-size: 23px; line-height: 1.2; color: #edf3f1; margin-top: 16px; }
.youtube-analytics { border-top: 1px solid #29343c; margin-top: 16px; padding-top: 12px; }
.analytics-label { display: flex; justify-content: space-between; color: #81999a; font-size: 8px; letter-spacing: 1.5px; }
.analytics-label span:last-child { color: #73f5de; }
.analytics-graph { display: block; width: 100%; height: 62px; margin-top: 8px; overflow: visible; }
.analytics-line { stroke-dasharray: 1; stroke-dashoffset: 0; animation: views-growth 4.8s ease-in-out infinite; }
@keyframes views-growth { 0%, 5% { stroke-dashoffset: 1; } 82%, 100% { stroke-dashoffset: 0; } }
.analytics-note { display: block; margin-top: 5px; color: #657d7f; font-size: 7px; }
.platform-stat { display: flex; align-items: center; gap: 15px; margin-top: 20px; }
.platform-stat strong { display: block; color: #73f5de; font-size: 38px; line-height: 1.1; letter-spacing: -1px; }
.platform-stat span { display: block; color: #969da7; font-size: 10px; margin-top: 6px; }
.secondary-stat { border-top: 1px solid #2a333c; padding-top: 17px; margin-top: 17px; }
.secondary-stat strong { color: #e5ece8; font-size: 26px; }
.laptop-art { position: relative; text-align: center; color: #73f5de; height: 102px; margin-top: 20px; }
.terminal-caret { position: absolute; top: 48%; left: 57%; width: 6px; height: 2px; background: #73f5de; animation: art-caret 1s step-end infinite; }
.edit-timeline { position: relative; margin-top: 20px; padding: 12px 0 4px; border-top: 1px solid #304044; }
.edit-track { display: flex; gap: 5px; margin: 6px 0; height: 15px; }
.edit-track span { flex: 1; border: 1px solid #3d7770; background: #73f5de1c; border-radius: 3px; }
.edit-track span:nth-child(2) { flex: 1.8; }
.track-1 { padding-left: 25px; }
.track-1 span { background: #a4b2da1c; border-color: #677492; }
.track-2 { height: 10px; }
.track-2 span { background: repeating-linear-gradient(90deg, #73f5de40 0 2px, transparent 2px 5px); }
.edit-playhead { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: #73f5de; animation: timeline-cut 4.5s ease-in-out infinite; }
.edit-playhead > svg { position: absolute; top: -13px; left: -10px; color: #b8e6da; background: #172029; }
@keyframes timeline-cut { 0%, 10% { left: 4%; } 90%, 100% { left: 95%; } }
.scissor-blade { transform-origin: 12px 12px; }
.scissor-a { animation: cut-open 1.1s ease-in-out infinite alternate; }
.scissor-b { animation: cut-open 1.1s ease-in-out infinite alternate-reverse; }
@keyframes cut-open { to { transform: rotate(15deg); } }
.funding-platforms { display: flex; gap: 18px; margin-top: 19px; padding-top: 16px; border-top: 1px solid #2b3b40; }
.funding-platform { animation: platform-bob 3s ease-in-out var(--delay) infinite; }
@keyframes platform-bob { 50% { transform: translateY(-4px); opacity: .65; } }
.cinema-scene { position: absolute; left: 24%; top: 9%; width: 330px; height: 250px; opacity: .19; color: #73f5de; }
.cinema-device { position: absolute; bottom: 75px; left: 50%; display: flex; align-items: center; justify-content: center; width: 62px; height: 112px; border: 2px solid currentColor; border-radius: 11px; transform: translateX(-50%); background: #102329; box-shadow: 0 0 60px #73f5de0b; animation: phone-to-cinema 7s ease-in-out infinite; }
.cinema-device::before { content: ''; position: absolute; left: 20%; right: 20%; top: 8px; border-top: 1px solid currentColor; }
@keyframes phone-to-cinema { 0%, 20%, 100% { width: 62px; height: 112px; border-radius: 11px; } 48%, 82% { width: 290px; height: 160px; border-radius: 4px; } }
.cinema-seats { position: absolute; left: 12%; right: 12%; bottom: 40px; display: grid; grid-template-columns: repeat(6,1fr); gap: 9px; animation: cinema-audience 7s ease-in-out infinite; }
.cinema-seats i { height: 13px; border: 1px solid currentColor; border-radius: 5px 5px 2px 2px; }
.cinema-caption { position: absolute; bottom: 13px; left: 0; right: 0; text-align: center; font-size: 8px; letter-spacing: 2px; }
@keyframes cinema-audience { 0%, 24%, 100% { opacity: 0; transform: translateY(5px); } 50%, 82% { opacity: .8; transform: translateY(0); } }
.motion-reduced *, .motion-reduced .chapter-float { animation: none !important; }
.motion-reduced .analytics-line { stroke-dashoffset: 0; }
.motion-reduced .edit-playhead { left: 48%; }
.motion-reduced .cinema-device { width: 290px; height: 160px; border-radius: 4px; }
.motion-reduced .cinema-seats { opacity: .8; }
@media (min-width: 700px) and (max-height: 760px) {
 .art-panel { padding: 14px; margin-top: 14px; }
 .art-metric { font-size: 30px; margin-top: 10px; }
 .analytics-graph { height: 48px; }
 .youtube-analytics { margin-top: 10px; padding-top: 8px; }
 .music-search { top: 10%; width: 175px; padding: 10px; }
 .laptop-art { height: 78px; margin-top: 12px; }
 .laptop-art > svg { height: 78px; }
 .art-title { font-size: 20px; }
 .cinema-scene { transform: scale(.8); transform-origin: top center; }
}
@media (max-width: 699px) {
 .art-panel { padding: 14px; margin-top: 14px; }
 .art-metric { font-size: 34px; }
 .art-title { font-size: 22px; }
 .art-label { font-size: 8px; letter-spacing: 1.1px; }
 .analytics-graph { height: 54px; }
 .music-search { left: 14px; top: 12%; width: 120px; padding: 9px; opacity: .85; }
 .music-search-label { gap: 6px; margin-bottom: 7px; }
 .music-search-label span:first-child { font-size: 14px; }
 .music-search-label span:last-child { font-size: 5px; letter-spacing: .5px; }
 .music-search-query { font-size: 9px; padding: 7px; min-height: 52px; }
 .chapter-float { opacity: .12; }
 .float-code { font-size: 8px; }
 .laptop-art { height: 78px; margin-top: 12px; }
 .laptop-art > svg { height: 78px; }
 .platform-stat { margin-top: 14px; }
 .platform-stat strong { font-size: 32px; }
 .secondary-stat strong { font-size: 24px; }
 .cinema-scene { left: 18%; top: 8%; transform: scale(.62); transform-origin: top center; }
}
@media (prefers-reduced-motion: reduce) {
 .chapter-atmosphere *, .art-panel *, .music-search-caret { animation: none !important; }
 .analytics-line { stroke-dashoffset: 0; }
 .edit-playhead { left: 48%; }
 .cinema-device { width: 290px; height: 160px; border-radius: 4px; }
 .cinema-seats { opacity: .8; }
}
@media (max-width: 699px) and (max-height: 720px) {
 .journey-stage:is(.scene-music,.scene-youtube,.scene-code,.scene-media,.scene-viral,.scene-rizzle,.scene-film,.scene-cloud,.scene-cloudpress,.scene-cloudfounder,.scene-astra,.scene-startup,.scene-next) .journey-character {
  top: max(1%, calc(720px - 100svh + 12px)) !important;
  height: 52px !important; min-height: 0 !important;
 }
 .journey-stage:is(.scene-music,.scene-youtube,.scene-code,.scene-media,.scene-viral,.scene-rizzle,.scene-film,.scene-cloud,.scene-cloudpress,.scene-cloudfounder,.scene-astra,.scene-startup,.scene-next) .journey-character > div:last-child { display: none; }
 .journey-stage:is(.scene-music,.scene-youtube,.scene-code,.scene-media,.scene-viral,.scene-rizzle,.scene-film,.scene-cloud,.scene-cloudpress,.scene-cloudfounder,.scene-astra,.scene-startup,.scene-next) .chapter-story h2 { font-size: 24px !important; }
 .journey-stage:is(.scene-music,.scene-youtube,.scene-code,.scene-media,.scene-viral,.scene-rizzle,.scene-film,.scene-cloud,.scene-cloudpress,.scene-cloudfounder,.scene-astra,.scene-startup,.scene-next) .chapter-story > div > p { font-size: 11px !important; line-height: 1.55 !important; margin-top: 10px !important; }
 .art-panel { padding: 12px; margin-top: 12px; }
 .art-metric { font-size: 28px; margin-top: 10px; }
 .art-detail { font-size: 10px; margin-top: 6px; }
 .art-title { font-size: 20px; margin-top: 12px; }
 .art-label { font-size: 7.5px; }
 .youtube-analytics { margin-top: 10px; padding-top: 8px; }
 .analytics-graph { height: 36px; }
 .laptop-art { height: 64px; }
 .laptop-art > svg { height: 64px; }
 .platform-stat strong { font-size: 28px; }
 .secondary-stat { margin-top: 12px; padding-top: 12px; }
 .secondary-stat strong { font-size: 22px; }
 .funding-platforms { margin-top: 12px; padding-top: 12px; }
 .music-search { top: max(10%, calc(720px - 100svh + 12px)); width: 112px; }
}
/* The second pass keeps the main character and story composition intact. */
.brand-logo { display: inline-flex; align-items: center; gap: 7px; min-width: 0; vertical-align: middle; font-size: inherit; line-height: 1.4; }
.brand-image { display: block; object-fit: contain; flex-shrink: 0; }
.brand-name { min-width: 0; }
.has-wordmark .brand-image { width: 92px; height: 24px; }
.has-wordmark:has(img) .brand-name { display: none; }
.blog-platforms { display: flex; align-items: center; gap: 20px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #2a3940; color: #b9c7c5; font-size: 10px; }
.cloud-brand-eyebrow, .film-eyebrow { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.cloud-brand-eyebrow > .brand-logo { padding-right: 10px; border-right: 1px solid #30423e; color: #d5e6df; font-size: 10px; letter-spacing: 0; }
.panel-music { padding: 20px; }
.music-dream-heading { margin-bottom: 13px; }
.music-keyboard { display: flex; gap: 2px; height: 43px; margin: 0 0 18px; transform: perspective(400px) rotateX(10deg); }
.piano-key { position: relative; flex: 1; background: #dee2df; border-radius: 0 0 3px 3px; box-shadow: inset 0 -4px #919c9f; animation: piano-press 3.7s ease-in-out var(--key-delay) infinite; transform-origin: top center; }
.piano-sharp { position: absolute; right: -3px; top: 0; width: 65%; height: 60%; background: #0b1016; z-index: 1; border-radius: 0 0 2px 2px; }
@keyframes piano-press { 0%, 78%, 100% { transform: rotateX(0); } 84%, 90% { transform: rotateX(-14deg); background: #9de2d4; } }
.panel-music .music-search-label { justify-content: space-between; padding-top: 13px; border-top: 1px solid #2a3b40; margin-bottom: 10px; }
.panel-music .music-search-label span:last-child { font-size: 7px; letter-spacing: 1.4px; }
.music-search-form { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid #35534e; border-radius: 8px; background: #09131788; }
.music-search-form .music-search-query { flex: 1; padding: 0; border: 0; min-height: 0; color: #e0ece7; font-size: 13px; line-height: 1.55; }
.music-search-submit { flex-shrink: 0; border: 0; padding: 4px; color: #73f5de; background: none; cursor: pointer; }
.music-answers { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; min-height: 42px; padding-top: 12px; }
.music-answers button { display: flex; gap: 8px; align-items: center; border: 0; border-bottom: 1px solid #2b4341; padding: 0 0 6px; background: none; color: #a1b7b0; font: 9px/1.4 Montserrat, sans-serif; cursor: pointer; text-align: left; }
.music-answers button:hover { color: #73f5de; border-bottom-color: #73f5de; }
.music-answers .brand-name { display: none; }
.music-search-wait { grid-column: 1/-1; font-size: 9px; line-height: 1.5; color: #68817b; }
.float-music, .float-cloudpress, .float-astra { color: #73f5de; }
.startup-memory-label { position: absolute; left: 24%; top: 14%; color: #73f5de; opacity: .18; font-size: 10px; letter-spacing: 4px; }
.funding-metric { font-size: clamp(27px, 3vw, 38px); }
.funding-metric > span { display: block; margin-top: 6px; color: #aec6c0; font-size: 12px; letter-spacing: 1px; font-weight: 400; }
.viral-press { margin-top: 16px; padding-top: 14px; border-top: 1px solid #2a3940; }
.viral-press > div { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 10px; }
.viral-press .brand-logo { font-size: 9px; }
.viral-press .has-wordmark .brand-image { width: 115px; height: 20px; }
.press-logo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 17px; }
.press-logo-tile { display: flex; align-items: center; min-height: 45px; padding: 9px 10px; border: 1px solid #2e4243; border-radius: 6px; background: #101a20; }
.press-logo-tile .brand-logo { font-size: 10px; }
.press-logo-tile .brand-image { max-width: 100%; }
.press-logo-tile .has-wordmark .brand-image { width: 94px; }
.press-link-note { font-size: 9px; margin-top: 13px; }
.funding-video-feature { padding-left: 11px; border-left: 2px solid #f0445066; }
.founder-impact { display: flex; gap: 16px; align-items: center; margin-top: 14px; }
.founder-impact strong { color: #73f5de; font-size: 34px; letter-spacing: -1px; }
.founder-impact span { color: #a1b0b2; font-size: 10px; line-height: 1.6; }
.founder-podcast { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #2a3b40; }
.podcast-art { display: flex; gap: 8px; align-items: center; color: #73f5de; }
.podcast-wave { display: flex; align-items: center; gap: 2px; width: 30px; height: 26px; }
.podcast-wave i { width: 2px; border-radius: 2px; background: #73f5de; opacity: .55; animation: podcast-level 1.8s ease-in-out var(--delay) infinite alternate; }
@keyframes podcast-level { to { transform: scaleY(.35); opacity: .85; } }
.podcast-caption { margin-top: 5px; color: #a1b0b2; font-size: 10px; line-height: 1.5; }
.founder-podcast > svg:last-child { margin-left: auto; }
.founder-product { display: flex; gap: 12px; align-items: center; margin-top: 16px; font-size: 9px; color: #859a98; }
.founder-product strong { color: #adcac1; font-size: 20px; }
.early-team { display: flex; justify-content: center; gap: 18px; margin-top: 22px; padding-bottom: 10px; }
.early-team > span { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.early-team > span i:first-child { width: 11px; height: 11px; border: 1px solid #73f5de; border-radius: 50%; background: #73f5de19; }
.early-team > span i:last-child { width: 24px; height: 20px; border: 1px solid #446b63; border-radius: 10px 10px 3px 3px; background: #73f5de08; }
.startup-status { display: flex; gap: 10px; margin-top: 14px; color: #a7c0b7; font-size: 9px; }
.startup-status span { padding: 6px 8px; border: 1px solid #35564a; border-radius: 5px; }
.big-brand-word { position: relative; color: #73f5de; background: linear-gradient(110deg, #73f5de 10%, #b4e7ff 38%, #c6a8ff 60%, #73f5de 85%); background-size: 240% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: brand-shimmer 7s ease-in-out infinite; }
.big-brand-word::after { content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px; background: linear-gradient(90deg, #73f5de00, #73f5de66, #73f5de00); }
@keyframes brand-shimmer { 50% { background-position: 100% 0; } }
.cinema-scene { width: 360px; height: 280px; }
.cinema-device { bottom: 112px; }
.cinema-seats { left: 0; right: 0; bottom: 10px; grid-template-columns: repeat(10,1fr); gap: 9px 8px; }
.cinema-seat { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.cinema-seat .audience-head { width: 5px; height: 5px; background: currentColor; border: 0; border-radius: 50%; }
.cinema-seat .audience-back { width: 21px; height: 12px; border: 1px solid currentColor; border-radius: 6px 6px 2px 2px; background: #73f5de0b; }
@media (min-width: 700px) and (max-height: 760px) {
 .panel-music { padding: 14px; }
 .music-dream-heading { margin-bottom: 9px; }
 .music-keyboard { height: 34px; margin-bottom: 11px; }
 .press-logo-grid { gap: 7px; margin-top: 12px; }
 .press-logo-tile { min-height: 38px; padding: 7px; }
 .founder-impact { margin-top: 10px; }
 .founder-impact strong { font-size: 28px; }
 .founder-podcast { margin-top: 12px; padding-top: 12px; }
}
@media (max-width: 699px) {
 .panel-music { padding: 14px; }
 .music-keyboard { height: 36px; margin-bottom: 13px; }
 .music-search-form .music-search-query { font-size: 12px; }
 .viral-press { margin-top: 12px; padding-top: 10px; }
 .viral-press > div { gap: 10px; margin-top: 8px; }
 .viral-press .has-wordmark .brand-image { width: 104px; height: 18px; }
 .press-logo-grid { gap: 8px; margin-top: 14px; }
 .press-logo-tile { min-height: 39px; padding: 7px 8px; }
 .press-logo-tile .brand-logo { font-size: 9px; }
 .press-logo-tile .has-wordmark .brand-image { width: 83px; height: 22px; }
 .podcast-wave { display: none; }
 .founder-impact strong { font-size: 30px; }
 .founder-podcast { margin-top: 13px; padding-top: 12px; }
 .founder-product { margin-top: 12px; }
 .startup-memory-label { left: 9%; top: 10%; font-size: 7px; letter-spacing: 2px; }
}
@media (max-width: 699px) and (max-height: 720px) {
 .panel-music { padding: 12px; }
 .music-keyboard { height: 28px; margin-bottom: 10px; }
 .music-dream-heading { margin-bottom: 8px; }
 .panel-music .music-search-label { padding-top: 9px; margin-bottom: 8px; }
 .music-search-form { padding: 8px 9px; }
 .music-search-form .music-search-query { font-size: 11px; }
 .music-answers { padding-top: 10px; min-height: 35px; gap: 8px; }
 .music-answers button { font-size: 8px; }
 .viral-press .brand-logo { font-size: 8px; }
 .viral-press .has-wordmark .brand-image { width: 92px; }
 .founder-impact { margin-top: 10px; gap: 10px; }
 .founder-impact strong { font-size: 25px; }
 .founder-impact span, .podcast-caption { font-size: 9px; }
 .founder-product { margin-top: 10px; }
 .early-team { margin-top: 14px; }
}
@media (prefers-reduced-motion: reduce) {
 .big-brand-word { animation: none; }
}