/* Mobile composition only; loaded up to 760px. */
html{scroll-padding-top:82px}.top{height:68px;padding:0 12px;gap:8px}.top nav{display:none}.brand{gap:7px;min-width:0}.brand-star{font-size:30px}.brand b{font-size:8px}.brand strong{font-size:18px}.top-btn{font-size:9px;padding:10px;margin-left:auto}
.hero{display:flex;flex-direction:column;height:auto;min-height:0;padding-top:68px;padding-bottom:18px}
.hero-copy{width:100%;max-width:none;padding:32px 24px 0;z-index:60}.hero-copy:before{display:none}
.hero-kicker{font-size:9px;letter-spacing:1px;padding:10px 14px}
.hero-copy h1{font-size:clamp(28px,8.7vw,45px);line-height:1.02;letter-spacing:-1.4px;margin:21px 0 18px}.hero-copy h1 em{font-size:1.45em}
.hero-copy>p{font-size:21px;line-height:1.2;margin-bottom:20px}
.hero-copy ul{gap:10px;margin-bottom:20px;max-width:340px}.hero-copy li i{width:42px;height:42px;font-size:21px;flex-shrink:0}.hero-copy li span{font-size:11px}.hero-copy li b{font-size:13px}
.hero-cta{padding:14px 17px;gap:18px;font-size:12px;max-width:100%}.hero-note{font-size:12px;margin:12px 0 0 8px}
.hero .characters-real{position:relative;inset:auto;flex:none;width:100%;height:clamp(440px,128vw,560px);margin-top:28px;z-index:40;pointer-events:none}
.hero .char-boy{left:0;bottom:28px;width:clamp(145px,44vw,210px);z-index:31}
.hero .char-singer{left:50%;bottom:14px;width:clamp(250px,78vw,350px);z-index:40;transform:translateX(-50%)}
.hero .char-dj{right:0;bottom:28px;width:clamp(165px,48vw,230px);z-index:32}
.stage-hint{position:relative;left:auto;right:auto;bottom:auto;margin:0 0 20px;font-size:10px;color:#d0b9e0}
.hero .hero-stats{position:relative;left:auto;right:auto;bottom:auto;height:auto;min-height:0;margin:0 14px;grid-template-columns:1fr 1fr;z-index:60;flex:none;border-radius:20px}
.hero-journey a{padding:17px 12px;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);align-items:flex-start}
.hero-journey a:nth-child(even){border-right:0}.hero-journey a:nth-last-child(-n+2){border-bottom:0}
.hero-journey a i{font-size:22px}.hero-journey a b{font-size:12px;line-height:1.3}.hero-journey a small{font-size:10px;line-height:1.45}
.hero-scene .speaker-l{left:0;bottom:265px;transform:scale(.55);opacity:.65}.hero-scene .speaker-r{right:0;bottom:265px;transform:scale(.55);opacity:.65}
.hero-scene .led-wall{top:auto;bottom:330px;height:300px;opacity:.28}.hero-scene .neon-star{top:auto;bottom:480px;right:28%;opacity:.35}
.hero-scene .light{top:auto;bottom:230px;height:540px;opacity:.22}.hero-scene .truss{top:auto;bottom:680px;opacity:.35}
.hero-scene .stage-rim{bottom:238px;left:-10%;right:-10%}.hero-scene .stage-floor{bottom:80px;height:340px;opacity:.6}.hero-scene .floor-grid{bottom:150px;opacity:.35}
.hero-scene .fog{bottom:240px;height:140px;opacity:.24}.hero-scene .scene-stars{opacity:.3}
.stage-backdrop{left:4%;right:4%;top:auto;bottom:270px;height:475px;border-radius:140px 140px 15px 15px}.stage-backdrop:after{border-radius:120px 120px 10px 10px}
.stage-halo{left:50%;top:auto;bottom:405px;width:300px;height:300px;opacity:.7}
.stage-footlights{left:3%;right:3%;bottom:235px;background-size:52px 16px}.stage-ground-glow{left:0;right:0;bottom:235px}
.hero-scene .neon-line{opacity:.3}
.section,.results,.contact{padding:70px 20px}.section-title h2{font-size:29px;line-height:1.08;letter-spacing:-1px}
.growth-stages{grid-template-columns:1fr 1fr;gap:12px}.growth-stages article{padding:20px 16px}.growth-stages article i{margin-bottom:18px}.growth-stages article b{font-size:19px}.growth-stages article span{font-size:12px;line-height:1.55}
@media(max-width:360px){.hero-copy{padding-left:20px;padding-right:20px}.hero-journey a{padding:15px 10px}.hero-journey a b{font-size:11px}.hero-journey a small{font-size:9px}.hero-copy li span{font-size:10px}}
/* Intrinsic text sizes must never widen mobile grid tracks. */
.cards,.benefits,.results-grid,.platform-list,.lead-form{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.cards>*,.benefits>*,.results-grid>*,.platform-list>*,.steps>*,.section-title>div,.result-band>*{min-width:0;max-width:100%}
.card h3,.benefits b,.growth-stages b,.platform-list small{overflow-wrap:break-word;hyphens:none}
.benefits article{padding:22px 15px}.benefits b{font-size:15px;line-height:1.35}.benefits small{display:block}
.platform-list{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-list>div{padding:16px 7px}.platform-list small{text-align:center;line-height:1.35}
.section-title h2,.contact h2{overflow-wrap:break-word}.lead-form{grid-template-columns:minmax(0,1fr)}.lead-form button{min-width:0;font-size:12px}
@media(max-width:360px){.cards,.benefits,.growth-stages{grid-template-columns:minmax(0,1fr)}.card{min-height:190px}.card h3{font-size:18px}.benefits article{min-height:160px}.benefits i{margin-bottom:16px}.growth-stages article{padding:22px}.section-title h2{font-size:26px}.platform-list{grid-template-columns:repeat(2,minmax(0,1fr))}.result-band{padding:22px 18px}.result-band a{font-size:12px;white-space:normal;text-align:center}}

/* Mobile text and CTA layout: keep words intact and place the action below copy. */
.result-band{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:15px;padding:24px 20px}
.result-band .band-note{grid-column:1;grid-row:1;line-height:1.2;font-size:30px}
.result-band p{grid-column:2;grid-row:1;width:auto;min-width:0;font-size:14px;line-height:1.65;margin:0}
.result-band a{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;padding:15px 12px;font-size:13px;line-height:1.35;white-space:normal;text-align:center}
.cards h3,.benefits b,.growth-stages b{hyphens:none;word-break:normal;overflow-wrap:normal}
#results .section-title h2{font-size:clamp(19px,5.5vw,29px);line-height:1.18;letter-spacing:-.5px}
#results .heading-line{display:block;white-space:nowrap}
@media(max-width:520px){
.benefits,.growth-stages{grid-template-columns:minmax(0,1fr)}
.benefits article,.growth-stages article{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:17px;row-gap:8px;padding:24px 20px;min-height:0;align-items:start}
.benefits article i,.growth-stages article i{grid-column:1;grid-row:1/3;width:52px;height:52px;margin:0}
.benefits article b,.growth-stages article b{grid-column:2;grid-row:1;font-size:18px;line-height:1.35;margin:0}
.benefits article small,.growth-stages article span{grid-column:2;grid-row:2;font-size:13px;line-height:1.6}
.card h3{font-size:15px;line-height:1.4}
}
@media(max-width:360px){.card h3{font-size:18px}.benefits article,.growth-stages article{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:22px 16px}.benefits article i,.growth-stages article i{width:44px;height:44px}.benefits article b,.growth-stages article b{font-size:17px}}