@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{font-family:'DM Sans',Arial,sans-serif;color:#171717;background:#ffe34a;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #8c3df3;outline-offset:4px}.skip-link{position:absolute;left:12px;top:-60px;background:#fff;padding:10px;z-index:20}.skip-link:focus{top:12px}.site-shell{overflow:hidden}.site-header{height:100px;max-width:1600px;padding:0 clamp(24px,4vw,72px);margin:auto;display:flex;align-items:center;gap:45px;position:relative;z-index:4}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-symbol{width:38px;height:38px;border-radius:13px;background:#181818;color:#ffe34a;display:grid;place-items:center;position:relative;transform:rotate(-8deg);font:700 25px/1 'Space Grotesk',sans-serif;letter-spacing:-4px;padding-right:4px}.brand-symbol i{width:5px;height:5px;background:#ffe34a;border-radius:50%;position:absolute;right:6px;top:7px}.brand-word{font:700 31px/1 'Space Grotesk',sans-serif;letter-spacing:-2.4px}.brand-period{color:#8e3cf2}.desktop-nav{display:flex;gap:35px;margin-left:auto;font-weight:700;font-size:14px}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:5px}.header-action{display:inline-flex;align-items:center;gap:27px;border:1.5px solid #171717;border-radius:100px;padding:13px 19px;font-size:14px;font-weight:700;transition:background .2s,color .2s}.header-action:hover{background:#171717;color:#ffe34a}.header-action span{font-size:20px;line-height:.7}.hero{min-height:690px;max-width:1600px;margin:auto;padding:40px clamp(24px,4vw,72px) 110px;display:grid;grid-template-columns:51% 49%;align-items:center;position:relative}.hero-media{height:570px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1.5px solid rgba(29,29,29,.15);border-radius:50%;z-index:-2}.orbit-one{width:530px;height:530px}.orbit-two{width:400px;height:400px}.phone{width:257px;height:510px;border:8px solid #1b1b20;border-radius:40px;background:#17131e;box-shadow:18px 22px 0 rgba(40,30,15,.11),0 25px 55px rgba(29,20,18,.22);transform:rotate(-5deg);position:relative;overflow:hidden;z-index:1}.phone:after{content:'';position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:72px;height:4px;border-radius:5px;background:#fff;z-index:5}.phone-inner{height:100%;position:relative;background:radial-gradient(ellipse at 50% 32%,#6a2a76 0%,#281634 36%,#14121f 85%);overflow:hidden;color:#fff}.phone-top{position:absolute;z-index:3;left:14px;right:14px;top:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700}.live-pill{background:#f9e54d;color:#171717;border-radius:30px;padding:6px 9px;letter-spacing:.04em;display:flex;gap:5px;align-items:center}.live-dot{width:6px;height:6px;background:#f04f79;border-radius:50%}.phone-time{opacity:.85}.stage{position:absolute;inset:0;overflow:hidden}.stage:before{content:'';position:absolute;left:-15%;right:-15%;bottom:75px;height:90px;border-radius:50%;background:radial-gradient(ellipse,#b95fa1 0%,transparent 70%);filter:blur(14px)}.stage-light{position:absolute;top:-60px;width:90px;height:385px;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);opacity:.45;filter:blur(8px)}.stage-light-left{left:10px;background:linear-gradient(#fbe592,transparent);transform:rotate(-17deg)}.stage-light-right{right:-4px;background:linear-gradient(#e0bfff,transparent);transform:rotate(22deg)}.performer-art{position:absolute;width:100%;left:0;bottom:51px;height:390px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.25))}.sparkle{position:absolute;color:#ffe34a;font-size:21px}.sparkle-one{left:26px;top:130px}.sparkle-two{right:27px;top:102px}.sparkle-three{right:40px;bottom:175px}.phone-overlay{position:absolute;bottom:19px;left:0;right:0;z-index:3;padding:14px 12px 5px;background:linear-gradient(transparent,#101016 28%,#101016 100%)}.performer-line{display:flex;align-items:center;gap:7px}.avatar{width:26px;height:26px;border-radius:50%;background:#dd7a9a;display:grid;place-items:center;font-weight:700}.performer-line strong,.performer-line small{display:block;line-height:1.2}.performer-line strong{font-size:10px}.performer-line small{font-size:8px;opacity:.75;margin-top:2px}.follow-chip{font-size:8px;color:#ffe34a;border:1px solid #ffe34a;border-radius:20px;padding:4px 5px;margin-left:auto}.progress-track{height:3px;background:#777078;margin:14px 0 10px;border-radius:5px}.progress-track span{display:block;width:80%;height:100%;background:#ffe34a;border-radius:5px}.reaction-line{display:flex;justify-content:space-between;font-size:12px}.reaction-line b{font-size:10px}.floating-card{position:absolute;background:#fff;border:2px solid #171717;box-shadow:7px 7px 0 #171717;z-index:2}.score-card{width:177px;padding:15px;border-radius:18px;top:96px;left:6%;transform:rotate(-9deg)}.tiny-label{display:block;font-size:8px;letter-spacing:.12em;font-weight:700}.score-card strong{display:block;font:700 54px/1 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:7px 0}.score-card strong span{font-size:20px;letter-spacing:-1px}.card-caption{font-size:9px;font-weight:700}.vote-card{width:220px;padding:15px 13px;border-radius:17px;bottom:83px;right:2%;transform:rotate(8deg)}.vote-numbers{display:flex;justify-content:space-between;align-items:center;gap:2px;margin:15px 0 9px;font:700 19px 'Space Grotesk',sans-serif}.vote-numbers span{opacity:.45}.vote-numbers strong{background:#ffe34a;border:1px solid #171717;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.vote-hint{font-size:9px;font-weight:700}.skill-sticker{position:absolute;z-index:2;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.05em}.sticker-top{right:4%;top:74px;transform:rotate(10deg)}.sticker-bottom{left:3%;bottom:78px;transform:rotate(-10deg)}.hero-copy{position:relative;z-index:2;padding:0 0 14px clamp(0px,3vw,60px)}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow-star{font-size:26px;line-height:.6}.hero h1,.section-heading h2,.skills-section h2,.closing-section h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;letter-spacing:-.065em}.hero h1{font-size:clamp(56px,5.4vw,91px);line-height:.99;margin:25px 0 25px}.hero h1 span{color:#fff;-webkit-text-stroke:1.5px #171717;text-shadow:4px 4px 0 #171717}.hero-description{max-width:490px;font-size:19px;line-height:1.5;letter-spacing:-.02em;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.primary-button{background:#171717;color:#fff;padding:16px 23px;border-radius:40px;display:inline-flex;gap:35px;align-items:center;font-size:15px;font-weight:700;transition:transform .2s}.primary-button:hover{transform:translateY(-3px)}.primary-button span{font-size:19px}.launch-note{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.launch-dot{width:7px;height:7px;background:#171717;border-radius:50%}.micro-proof{font-weight:700;font-size:12px;margin-top:44px;display:flex;gap:7px;align-items:center}.micro-star{font-size:20px}.scroll-cue{position:absolute;bottom:33px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.13em;font-weight:700}.scroll-cue span{font-size:20px}.how-section{background:#fff;padding:110px clamp(24px,6vw,100px) 120px}.section-heading{max-width:1310px;margin:0 auto 55px;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;column-gap:90px}.section-heading .section-kicker{grid-column:1/-1;margin-bottom:15px}.section-heading h2,.skills-section h2{font-size:clamp(48px,5vw,78px);line-height:1.04;margin:0}.section-heading h2 em,.skills-section h2 em{font-style:normal;color:#8e3cf2}.section-heading p{font-size:18px;line-height:1.55;max-width:440px;margin:0 0 5px;color:#505050}.step-grid{max-width:1310px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{border:1.5px solid #171717;border-radius:25px;min-height:280px;padding:27px 30px;background:#fff;position:relative;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:7px 7px 0 #171717}.step-card:nth-child(2){background:#e7dcff}.step-card:nth-child(3){background:#ffe34a}.step-number{font:700 12px 'Space Grotesk',sans-serif}.step-icon{font-size:35px;margin:30px 0 16px}.step-card h3{font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 10px}.step-card p{line-height:1.45;color:#444;margin:0;max-width:290px}.skills-section{background:#151515;color:#fff;padding:105px clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:70px}.skills-section h2{margin-top:24px}.skills-section h2 em{color:#ffe34a}.skill-pills{display:flex;flex-wrap:wrap;gap:12px;max-width:520px;justify-content:flex-end}.skill-pills span{border:1px solid #727272;border-radius:50px;padding:15px 20px;font-size:15px;font-weight:700;white-space:nowrap}.skill-pills span:nth-child(4n+1){background:#ffe34a;color:#171717;border-color:#ffe34a}.skill-pills span:nth-child(5){background:#e7dcff;color:#171717;border-color:#e7dcff}.closing-section{text-align:center;background:#e7dcff;padding:105px 20px 115px;position:relative}.closing-star{font-size:50px;line-height:1;margin-bottom:14px}.closing-section h2{font-size:clamp(50px,6vw,95px);line-height:1.02;margin:22px 0}.closing-section h2 em{font-style:normal;color:#8e3cf2}.closing-section p{font-size:18px}.closing-button{display:inline-block;margin-top:20px;border-radius:40px;border:1.5px solid #171717;padding:14px 25px;font-weight:700}.closing-button:hover{background:#171717;color:#fff}.site-footer{background:#fff;display:flex;align-items:center;gap:24px;padding:28px clamp(24px,4vw,72px);font-size:13px}.site-footer .brand-word{font-size:24px}.site-footer .brand-symbol{width:30px;height:30px;border-radius:10px;font-size:18px}.site-footer small{margin-left:auto;font-size:13px}
@media(max-width:1050px){.hero{grid-template-columns:49% 51%}.hero-media{transform:scale(.8);transform-origin:center}.hero-copy{padding-left:0}.hero h1{font-size:clamp(52px,6vw,72px)}.vote-card{right:-10%}.score-card{left:-10%}.skills-section{gap:30px}.section-heading{gap:35px}}
@media(max-width:760px){.site-header{height:76px;padding:0 20px}.brand-word{font-size:27px}.brand-symbol{width:35px;height:35px}.desktop-nav{display:none}.header-action{margin-left:auto;padding:11px 14px;gap:10px;font-size:11px}.header-action span{font-size:16px}.hero{padding:30px 22px 80px;display:flex;flex-direction:column-reverse;align-items:stretch;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(57px,12vw,83px);margin:18px 0}.hero-description{font-size:17px;max-width:520px}.hero-actions{gap:18px}.micro-proof{margin-top:30px}.hero-media{height:530px;transform:scale(.86);margin:-15px -35px -25px;transform-origin:center}.scroll-cue{bottom:18px}.orbit-one{width:450px;height:450px}.orbit-two{width:340px;height:340px}.score-card{left:8%;top:88px}.vote-card{right:5%;bottom:55px}.sticker-top{right:8%}.sticker-bottom{left:6%;bottom:55px}.how-section{padding:80px 22px}.section-heading{display:block;margin-bottom:40px}.section-heading h2,.skills-section h2{font-size:clamp(52px,10vw,70px);margin:15px 0 20px}.section-heading p{font-size:16px}.step-grid{grid-template-columns:1fr}.step-card{min-height:230px}.step-icon{margin:18px 0}.skills-section{padding:80px 22px;display:block}.skill-pills{justify-content:flex-start;margin-top:35px}.closing-section{padding:90px 20px}.site-footer{flex-wrap:wrap;padding:28px 22px}.site-footer small{margin-left:auto}}
@media(max-width:400px){.header-action{font-size:0;gap:0;border-radius:50%;width:39px;height:39px;justify-content:center}.header-action span{font-size:18px}.hero h1{font-size:52px}.hero-media{transform:scale(.73);margin:-45px -50px -55px}.hero-actions{align-items:flex-start;flex-direction:column}.score-card{left:0}.vote-card{right:0}.skill-pills span{font-size:13px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.brand-image{width:42px;height:42px;object-fit:contain;flex:none}.footer-brand .brand-image{width:32px;height:32px}.download-panel{display:flex;align-items:center;gap:20px;max-width:550px;background:rgba(255,255,255,.92);border:1.5px solid #171717;border-radius:19px;padding:15px;box-shadow:6px 6px 0 #171717;scroll-margin-top:25px}.download-content{min-width:0;flex:1}.download-content>strong,.download-content>span{display:block}.download-content>strong{font:700 17px 'Space Grotesk',sans-serif;letter-spacing:-.035em}.download-content>span{font-size:12px;margin-top:3px}.store-row{display:flex;gap:7px;margin-top:13px}.store-badge{min-width:0;flex:1;border-radius:9px;background:#171717;color:#fff;display:flex;align-items:center;gap:7px;padding:8px 10px;cursor:default}.store-badge small,.store-badge b{display:block;white-space:nowrap}.store-badge small{font-size:7px;letter-spacing:.02em;line-height:1.1}.store-badge b{font:700 14px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin-top:2px}.platform-icon{font-size:21px;line-height:1;flex:none}.apple-icon{font-size:26px;position:relative}.apple-icon:after{content:'◆';font-size:7px;position:absolute;right:-2px;top:-6px;transform:rotate(30deg)}.play-icon{font-size:20px;color:#72e6c5}.qr-wrap{width:106px;flex:none;text-align:center;align-self:center}.qr-wrap img{width:100%;height:auto;display:block;image-rendering:pixelated}.qr-wrap span{font-size:8px;font-weight:700;letter-spacing:.08em;line-height:1.15;display:block;margin-top:3px}.hero-actions{margin-top:23px}.text-link{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.text-link span{margin-left:7px}.micro-proof{margin-top:28px}.closing-logo{width:100px;height:auto;display:block;margin:0 auto 18px}
@media(max-width:760px){.download-panel{max-width:540px}.hero-media{margin-top:0}.hero-actions{margin-top:20px}}
@media(max-width:440px){.download-panel{gap:8px;padding:11px}.download-content>strong{font-size:14px}.download-content>span{font-size:11px}.store-row{gap:5px}.store-badge{padding:7px 6px;gap:5px}.store-badge b{font-size:11px}.store-badge small{font-size:5px}.platform-icon{font-size:17px}.apple-icon{font-size:20px}.qr-wrap{width:83px}.qr-wrap span{font-size:6px}}

/* Place the tagline directly beneath the wordmark, beside the icon. */
.site-header .brand{flex-direction:row;align-items:center;gap:9px}
.site-header .brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.site-header .brand-tagline{font:700 11px/1.15 'DM Sans',Arial,sans-serif;letter-spacing:.045em;white-space:nowrap;text-align:left}
.closing-tagline{display:block;margin-top:4px}
@media(max-width:760px){.site-header .brand-word{font-size:27px}.site-header .brand-tagline{font-size:10px}}
