:root{--background:#050506;--foreground:#f7f7f2;--muted:#f7f7f2a8;--soft:#f7f7f214;--line:#f7f7f226;--cyan:#35c8ff;--green:#55e6a5;--yellow:#f2d060;--red:#ff596c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);letter-spacing:0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img,video,canvas{max-width:100%}main{background:var(--background);min-height:100vh}.landingPage{color:#f5f5f7;background:#000;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}.landingHero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:86vh;padding:88px 22px 56px;display:flex}.landingLogo{width:clamp(132px,20vw,230px);height:auto;margin-bottom:28px}.landingHero h1{letter-spacing:0;max-width:none;margin:0 0 18px;font-size:clamp(52px,8vw,104px);font-weight:700;line-height:.98}.landingLead{color:#f5f5f7b8;width:min(680px,100%);margin:0 auto 28px;font-size:clamp(18px,2.2vw,26px);font-weight:500;line-height:1.42}.appStoreLink{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.appStoreLink img{width:168px;height:auto;display:block}.appStoreNote{color:#f5f5f76b;margin:12px 0 0;font-size:13px;line-height:1.3}.landingScreens{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(12px,2vw,22px);width:min(1040px,100% - 40px);margin:0 auto;padding:12px 0 76px;display:grid}.landingPhone{background:#050505;border:1px solid #f5f5f729;border-radius:8px;min-width:0;margin:0;overflow:hidden}.landingPhone:first-child,.landingPhone:nth-child(3){transform:translateY(22px)}.landingPhone img{aspect-ratio:9/19.5;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.landingCopy{border-top:1px solid #f5f5f724;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,72px);width:min(820px,100% - 40px);margin:0 auto;padding:78px 0;display:grid}.landingCopy p{color:#f5f5f7b8;margin:0;font-size:clamp(17px,1.9vw,22px);line-height:1.55}.landingFooter{color:#f5f5f78f;border-top:1px solid #f5f5f724;justify-content:space-between;align-items:center;gap:22px;width:min(1120px,100% - 40px);min-height:88px;margin:0 auto;font-size:13px;display:flex}.landingFooter span{font-weight:700}.landingFooter nav{gap:18px;display:flex}.landingFooter a:hover{color:#f5f5f7}@media (max-width:760px){.landingHero{min-height:auto;padding-top:72px}.landingScreens{grid-template-columns:1fr;width:min(360px,100% - 44px);padding-bottom:56px}.landingPhone:first-child,.landingPhone:nth-child(3){transform:none}.landingCopy{grid-template-columns:1fr;padding:54px 0}.landingFooter{flex-direction:column;justify-content:center;align-items:flex-start;min-height:96px}}.hero{border-bottom:1px solid var(--line);align-items:center;min-height:92vh;padding:112px clamp(20px,5vw,72px) 120px;display:grid;position:relative;overflow:hidden}.stageCanvas{min-height:100%;position:absolute;inset:0}.stageCanvas canvas{width:100%;height:100%;display:block}.heroShade{pointer-events:none;background:linear-gradient(90deg,#050506f5 0%,#050506d1 34%,#0505064d 68%,#050506b8 100%),linear-gradient(#05050685 0%,#05050614 42%,#050506fa 100%);position:absolute;inset:0}.nav{z-index:3;justify-content:space-between;align-items:center;gap:24px;height:78px;padding:0 clamp(20px,5vw,72px);display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:10px;font-size:16px;font-weight:900;display:inline-flex}.brandMark{background:#f7f7f214;border:1px solid #f7f7f247;border-radius:6px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.nav nav{color:#f7f7f2b3;align-items:center;gap:clamp(12px,2vw,28px);font-size:13px;font-weight:800;display:flex}.nav nav a:hover{color:#fff}.heroCopy{z-index:2;width:min(660px,100%);position:relative}.eyebrow,.sectionKicker{color:var(--green);text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:11ch;margin-bottom:18px;font-size:clamp(64px,11vw,142px);line-height:.88}h2{letter-spacing:0;max-width:12ch;margin-bottom:0;font-size:clamp(38px,5.6vw,76px);line-height:.98}h3{letter-spacing:0;margin-bottom:12px;font-size:22px;line-height:1.08}.lede{max-width:590px;color:var(--muted);margin-bottom:30px;font-size:clamp(18px,1.8vw,23px);line-height:1.42}.actions,.closingActions{flex-wrap:wrap;gap:12px;display:flex}.primaryAction,.secondaryAction{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-size:14px;font-weight:900;display:inline-flex}.primaryAction{color:#050506;background:var(--foreground)}.primaryAction:hover{background:var(--green)}.secondaryAction{color:var(--foreground);background:#f7f7f212;border-color:#f7f7f238}.secondaryAction:hover{border-color:var(--cyan)}.stats{z-index:2;border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;bottom:28px;left:clamp(20px,5vw,72px);right:clamp(20px,5vw,72px)}.stat{border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:76px;padding-right:16px;display:flex}.stat:last-child{border-right:0}.stat strong{overflow-wrap:anywhere;font-size:clamp(21px,2.2vw,30px);line-height:1}.stat span{overflow-wrap:anywhere;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900;line-height:1.15}.mediaBand,.featureBand,.creditsBand,.screensBand,.closing{padding:clamp(64px,9vw,116px) clamp(20px,5vw,72px)}.mediaBand{border-top:1px solid var(--line);background:linear-gradient(#f7f7f20b,#05050600),#050506}.sectionIntro{grid-template-columns:minmax(0,.94fr) minmax(260px,.74fr);align-items:end;gap:clamp(28px,6vw,96px);margin-bottom:clamp(32px,5vw,58px);display:grid}.sectionIntro p:last-child{color:var(--muted);margin-bottom:0;font-size:17px;line-height:1.65}.compactIntro{grid-template-columns:minmax(0,.76fr) minmax(260px,.7fr)}.mediaGrid{grid-template-columns:minmax(260px,.78fr) minmax(220px,.46fr);justify-content:center;align-items:start;gap:clamp(18px,4vw,52px);display:grid}.phoneMedia,.screenshot{min-width:0;margin:0}.phoneMedia video,.phoneMedia img,.screenshot img{-o-object-fit:cover;object-fit:cover;background:#0a0a0d;border:1px solid #f7f7f229;border-radius:8px;width:100%;display:block}.phoneMedia video,.phoneMedia img{aspect-ratio:368/800;max-height:min(74vh,820px)}.phoneMedia figcaption,.screenshot figcaption{color:#f7f7f2c2;text-transform:uppercase;align-items:center;gap:8px;min-height:40px;margin-top:12px;font-size:12px;font-weight:900;line-height:1.2;display:inline-flex}.videoMedia{justify-self:end;max-width:460px}.phoneMedia:not(.videoMedia){max-width:300px}.featureBand{background:#f7f7f21c;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding-top:1px;padding-bottom:1px;display:grid}.feature{background:#050506;min-height:278px;padding:clamp(26px,3.6vw,48px)}.feature svg,.creditPack span{color:var(--cyan);margin-bottom:28px}.feature:nth-child(2) svg,.creditPack:nth-child(2) span{color:var(--yellow)}.feature:nth-child(3) svg,.creditPack:nth-child(3) span{color:var(--green)}.feature p,.creditPack p{color:var(--muted);font-size:15px;line-height:1.62}.creditsBand{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.creditGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.creditPack{border:1px solid var(--line);background:#f7f7f20b;border-radius:8px;min-height:190px;padding:clamp(22px,3vw,34px)}.creditPack span{text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:900;display:block}.creditPack strong{margin-bottom:14px;font-size:clamp(36px,5vw,62px);line-height:.95;display:block}.screensBand{background:linear-gradient(#f7f7f209,#05050600),#050506}.screensRail{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(12px,2.4vw,28px);display:grid}.screenshot img{aspect-ratio:1290/2796}.closing{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:28px;display:flex}.closing h2{max-width:13ch}.closingActions{justify-content:flex-end}.compact{min-width:148px}.legalPage{background:linear-gradient(#f7f7f20a,#05050600 24%),#050506;min-height:100vh;padding:42px clamp(20px,6vw,88px) 88px}.legalNav{justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(48px,8vw,92px);display:flex}.legalBack{color:#f7f7f2b8;font-size:13px;font-weight:800}.legalShell{width:min(860px,100%)}.legalShell h1{max-width:12ch;margin-bottom:20px;font-size:clamp(46px,9vw,104px);line-height:.9}.legalLead{max-width:680px;color:var(--muted);margin-bottom:42px;font-size:18px;line-height:1.6}.legalSection{border-top:1px solid var(--line);padding:28px 0}.legalSection h2{max-width:none;margin-bottom:14px;font-size:22px;line-height:1.1}.legalSection p,.legalSection li{max-width:720px;color:var(--muted);font-size:15px;line-height:1.7}.legalSection ul{margin:0;padding-left:20px}.shareSongPage{background:linear-gradient(#35c8ff1a,#05050600 36%),#050506;min-height:100vh;padding:42px clamp(20px,6vw,88px) 72px}.shareNav{justify-content:space-between;align-items:center;gap:18px;display:flex}.shareSongHero{grid-template-columns:minmax(0,.95fr) minmax(320px,.56fr);align-items:center;gap:clamp(28px,6vw,92px);min-height:calc(100vh - 120px);padding:clamp(52px,8vw,104px) 0 24px;display:grid}.shareSongCopy h1{max-width:11ch;margin-bottom:12px;font-size:clamp(50px,8vw,106px)}.shareSongArtist{color:var(--cyan);margin-bottom:26px;font-size:clamp(17px,2.2vw,26px);font-weight:900}.shareSongLead{max-width:620px;color:var(--muted);margin-bottom:10px;font-size:clamp(17px,1.8vw,22px);line-height:1.54}.shareSongFree{color:#f7f7f29e;max-width:600px;margin-bottom:30px;font-size:clamp(13px,1.4vw,16px);font-weight:800;line-height:1.42}.shareSongActions{flex-wrap:wrap;gap:12px;display:flex}.shareSongPanel{border:1px solid var(--line);background:#f7f7f20e;border-radius:8px;min-width:0;padding:clamp(18px,3vw,30px)}.shareSongArtwork{aspect-ratio:1;color:var(--cyan);background:linear-gradient(135deg,#35c8ff38,#55e6a51a),#08080b;border:1px solid #f7f7f224;border-radius:8px;place-items:center;margin-bottom:18px;display:grid;overflow:hidden}.shareSongArtwork img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.shareSongStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.shareSongStats span{color:#f7f7f2c7;text-transform:uppercase;overflow-wrap:anywhere;border:1px solid #f7f7f21f;border-radius:6px;align-items:center;gap:8px;min-width:0;min-height:42px;padding:0 10px;font-size:12px;font-weight:900;line-height:1.15;display:inline-flex}.shareSongStats svg{color:var(--green);flex:none}.shareSongAudio{width:100%;accent-color:var(--green);margin-bottom:14px}.shareSongURL{color:#f7f7f27a;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.45}@media (max-width:1080px){.featureBand,.screensRail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:840px){.hero{min-height:94vh;padding-top:104px}.heroShade{background:linear-gradient(#050506c2 0%,#05050685 45%,#050506fa 100%),linear-gradient(90deg,#050506d6,#05050640)}.nav nav{display:none}.heroCopy{align-self:start;padding-top:30px}h1{font-size:68px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{border-bottom:1px solid var(--line);min-height:64px}.stat:nth-child(2){border-right:0}.stat:nth-last-child(-n+2){border-bottom:0}.sectionIntro,.compactIntro,.mediaGrid,.creditGrid,.shareSongHero{grid-template-columns:1fr}.videoMedia,.phoneMedia:not(.videoMedia){justify-self:center;max-width:min(100%,420px)}.feature{min-height:230px}.closing{display:grid}.closingActions{justify-content:flex-start}.shareSongHero{align-items:start}.shareSongPanel{max-width:520px}}@media (max-width:560px){.hero{padding-left:18px;padding-right:18px}h1{font-size:58px}h2{font-size:40px}.lede{font-size:17px}.actions,.closingActions,.shareSongActions,.primaryAction,.secondaryAction{width:100%}.screensRail,.featureBand,.shareSongStats{grid-template-columns:1fr}}