@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#271b30;--purple:#2c173f;--violet:#7542a1;--lilac:#cfa9ef;--paper:#faf7f2;--gold:#f0cd79;--line:#ded5e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #b278de;outline-offset:6px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:0}header{background:#211332;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:26px 6%;border-bottom:1px solid #ffffff1c}.brand{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:800;letter-spacing:1.2px;line-height:1.3}.brand-mark{font:800 38px 'Manrope',sans-serif;color:var(--gold);letter-spacing:-4px;display:flex;align-items:baseline}.brand-mark span{font-size:16px;letter-spacing:-1px}.brand-sub{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;opacity:.65}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:17px 23px;border-radius:5px;background:var(--lilac);color:#271333;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#e1c4f7}.button.small{padding:12px 18px;font-size:12px}.button.gold{background:var(--gold)}.button.gold:hover{background:#ffe3a0}.section{padding:100px 8%;max-width:1800px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;margin:0 0 25px}.dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(48px,5.7vw,85px);font-weight:600;letter-spacing:-4px;line-height:1.08;margin-bottom:28px}em{font-style:normal;color:var(--lilac)}h2{font-size:clamp(34px,3.5vw,52px);font-weight:600;letter-spacing:-2px;line-height:1.15;margin-bottom:26px}h3{font-size:23px;font-weight:600;letter-spacing:-.7px;line-height:1.3}.hero{background:#211332;color:#fff;max-width:none;display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding-top:76px;padding-bottom:85px;overflow:hidden}.lead{max-width:480px;color:#d4cbdc;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:35px}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:15px;align-items:center}.hero-note{font-size:11px;color:#bdb0c9;margin:17px 0 0}.hero-art{position:relative;min-height:500px;display:grid;place-items:center}.orbit{position:absolute;width:440px;height:440px;border:1px solid #ffffff16;border-radius:50%;transform:rotate(-20deg)}.orbit-two{width:520px;height:520px}.live-pass{width:315px;height:412px;padding:23px;border:1px solid #baa0d56b;border-radius:20px;background:linear-gradient(140deg,#8857ae,#472c64 64%,#382247);box-shadow:0 30px 60px #0005;transform:rotate(-8deg);position:relative}.pass-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.5px}.live-pill{background:#f6d589;color:#321d40;border-radius:30px;padding:5px 10px;font-size:9px;font-weight:bold;display:flex;gap:5px;align-items:center}.live-pill i{height:5px;width:5px;border-radius:100%;background:#321d40}.pass-center{text-align:center;padding:28px 0 14px;color:#f5d58c}.the{font-size:13px;letter-spacing:6px}.pass-center strong{display:block;font:800 105px 'Manrope',sans-serif;letter-spacing:-10px;line-height:1.07}.pass-center strong span{font-size:57px;letter-spacing:-5px}.club{font:500 29px 'Manrope',sans-serif;letter-spacing:15px;margin-left:15px}.pass-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:17px;font-size:7px;letter-spacing:.8px;margin-top:15px}.sound-bars{height:43px;display:flex;gap:5px;justify-content:center;align-items:center}.sound-bars i{height:14px;width:5px;border-radius:8px;background:#d1a8ec}.sound-bars i:nth-child(3n){height:35px}.sound-bars i:nth-child(4n){height:23px}.sound-bars i:nth-child(5n){height:43px}.art-note{position:absolute;background:#f9f3e9;color:var(--ink);padding:13px 18px;border-radius:6px;font-size:13px;box-shadow:0 8px 25px #0003}.art-note span{margin-right:10px;color:#764397;font-size:22px}.note-top{right:-5px;top:74px;transform:rotate(5deg)}.note-bottom{bottom:48px;left:-5px;transform:rotate(3deg)}.art-star{position:absolute;font-size:50px;color:var(--gold)}.star-one{top:8px;left:45px}.star-two{bottom:30px;right:25px;font-size:35px}.benefit-strip{padding:23px 8%;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e8d8ee;font-size:12px;font-weight:600}.benefit-strip b{color:#865ba0}.section-heading{max-width:620px}.section-heading>p:last-child{color:#6f6375;max-width:500px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px}.support-grid article{padding:10px 35px 0;border-left:1px solid var(--line)}.support-grid article:first-child{padding-left:0;border:0}.support-grid article:last-child{padding-right:0}.feature-icon{font-size:33px;color:var(--violet)}.number{font-size:9px;letter-spacing:1.8px;margin:22px 0 14px;color:#81668f}.support-grid article>p:last-child{font-size:14px;color:#6f6375}.membership{background:#eee6f1;display:grid;grid-template-columns:1fr 1fr;gap:90px}.membership h2{margin:0}.membership em{color:var(--violet)}.membership-copy{font-size:17px;padding-top:24px}.free-note{border-top:1px solid #cfc0d6;padding-top:24px;margin-top:28px}.free-note strong{display:block;font-size:24px;font-weight:600}.free-note span{font-size:13px;color:#6f6375}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px}.steps article>span{font-size:38px;font-weight:500;color:#b39bc1;display:block;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.steps p{font-size:14px;color:#6f6375}.fine-print{font-size:11px;margin-top:30px;color:#6f6375}.about{background:#eaddd0;display:grid;grid-template-columns:.8fr 1fr;gap:100px;align-items:center}.about p:not(.eyebrow){color:#675951;font-size:15px;max-width:520px}.founder-art{height:330px;background:#cbb0d7;border-radius:150px 150px 8px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.founder-monogram{font:500 110px 'Manrope',sans-serif;letter-spacing:-10px;color:#462853}.founder-monogram span{color:#fff0c0;position:absolute;font-size:70px;right:35px;top:25px}.founder-caption{font-size:9px;letter-spacing:2px;margin-top:20px;color:#462853}.faq{display:grid;grid-template-columns:.8fr 1fr;gap:90px}details{border-bottom:1px solid var(--line);padding:21px 0}details:first-child{padding-top:0}summary{list-style:none;cursor:pointer;font-size:15px;font-weight:600;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:#84569b;font-size:21px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{margin:17px 0 0;font-size:14px;color:#6f6375}.apply{background:#2c173f;color:#fff;text-align:center;max-width:none;padding-top:90px;padding-bottom:85px}.apply h2{font-size:clamp(45px,5vw,72px);letter-spacing:-3px}.apply>p:not(.eyebrow){color:#d4cbdc}.apply .button{margin-top:10px}.apply .apply-note{font-size:10px;margin-top:20px}footer{padding:38px 8%;background:#211332;color:white;display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer>div{display:flex;gap:25px;margin-left:auto;font-size:12px}footer>p{width:100%;border-top:1px solid #ffffff1c;padding-top:20px;margin:5px 0 0;font-size:10px;color:#ad9cba}
@media(min-width:1700px){.hero{padding-left:calc((100% - 1500px)/2);padding-right:calc((100% - 1500px)/2)}}
@media(max-width:1000px){header{padding:22px 5%}nav{gap:20px}.section{padding:70px 6%}.hero{gap:15px}h1{letter-spacing:-2.5px}.hero-art{transform:scale(.85);margin:0 -25px}.hero-actions{gap:17px}.membership,.about,.faq{gap:45px}.support-grid article{padding:10px 23px}.benefit-strip{padding:20px 5%;font-size:11px}.steps{gap:25px}}
@media(max-width:700px){header{padding:20px 6%}nav{display:none}.brand{font-size:10px;gap:10px}.brand-sub{font-size:6px}.brand-mark{font-size:32px}.button.small{font-size:10px;padding:11px 13px;gap:12px}.section{padding:60px 7%}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:20px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}h1{font-size:54px;letter-spacing:-3px}.lead{font-size:15px}.hero-actions{gap:20px}.hero-actions .button{font-size:12px}.hero-art{min-height:460px;margin:-8px -12px -15px;transform:scale(.86)}.note-top{right:-8px}.note-bottom{left:-10px}.benefit-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:19px 5%;gap:12px}.benefit-strip b{display:none}h2{font-size:35px;letter-spacing:-1.5px}.support-grid,.membership,.steps,.about,.faq{grid-template-columns:1fr}.support-grid{margin-top:28px}.support-grid article,.support-grid article:first-child{border-left:0;border-bottom:1px solid var(--line);padding:25px 0 15px}.support-grid article:last-child{border-bottom:0}.support-grid h3 br{display:none}.number{margin:12px 0}.support-grid h3{margin-bottom:15px}.membership,.about,.faq{gap:25px}.membership-copy{padding:0;font-size:15px}.steps{gap:24px;margin-top:28px}.steps article>span{font-size:29px;padding-bottom:10px;margin-bottom:15px}.steps h3{font-size:21px;margin-bottom:12px}.steps p{margin-bottom:0}.founder-art{height:240px;max-width:320px;width:100%;margin:auto}.founder-monogram{font-size:90px}.about{gap:35px}.faq .eyebrow{font-size:9px}.apply h2{font-size:49px}footer{padding:32px 7%;gap:25px}footer>div{margin-left:0}footer .brand{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Second draft: small platform accents, with the original Club palette retained. */
.tiktok-motif{display:inline-block;vertical-align:middle;object-fit:contain;flex:none}.hero .eyebrow{display:flex;align-items:center;gap:12px}.pass-platform{display:flex;align-items:center;gap:8px}.pass-platform .tiktok-motif{width:14px;height:17px}.live-pill{box-shadow:-2px 0 #25f4ee,2px 0 #fe2c55}.inline-link{text-decoration:underline;text-underline-offset:3px;color:#542d70;font-weight:600}.apply-motif{margin:0 auto 18px}.apply-motif .tiktok-motif{width:30px;height:35px}.apply-options{display:flex;align-items:center;justify-content:center;gap:45px;margin:32px auto 0}.apply-online{display:flex;flex-direction:column;align-items:center;gap:13px}.application-host{font-size:11px;color:#cfc1da}.qr-option{display:flex;align-items:center;text-align:left;gap:20px;border-left:1px solid #ffffff30;padding-left:40px}.qr-option img{display:block;background:#fff;padding:14px;border-radius:8px;width:132px;height:132px;image-rendering:pixelated}.qr-option p{font-size:12px;color:#d4cbdc;margin:0}.qr-option strong{font-weight:500;color:white}.apply-note{margin-top:28px!important}@media(max-width:700px){.apply-options{flex-direction:column;gap:28px}.qr-option{border-left:0;border-top:1px solid #ffffff30;padding:25px 0 0;justify-content:center}.qr-option img{width:114px;height:114px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;gap:9px}}

.founder-art.seated-portrait{margin:0;height:auto;border-radius:12px;overflow:hidden;background:#211332}.seated-portrait img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center 40%}@media(max-width:700px){.seated-portrait img{max-height:430px}}

/* Preserve the complete portrait instead of cropping it into a landscape box. */
.founder-art.seated-portrait{width:min(100%,340px);justify-self:center;max-width:340px}.seated-portrait img{width:100%;height:auto;max-height:none;object-fit:contain}@media(max-width:700px){.founder-art.seated-portrait{width:min(100%,300px)}.seated-portrait img{max-height:none}}
/* Balanced 4:5 portrait: retain headroom and shoulders without excess background. */
.founder-art.seated-portrait{width:min(100%,400px);max-width:400px;align-self:center}
.founder-art.seated-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:none;object-fit:cover;object-position:50% 28%}
@media(max-width:700px){.founder-art.seated-portrait{width:min(100%,340px)}}

/* Real creator settings, separate from the founder portrait. */
.creator-photos{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin:38px 0 44px}.creator-photos img{display:block;width:100%;height:310px;object-fit:cover;border-radius:12px}.creator-photos img:first-child{object-position:50% 43%}@media(max-width:700px){.creator-photos{grid-template-columns:1fr;gap:16px;margin:28px 0}.creator-photos img{height:auto;aspect-ratio:3/2}}

/* Review refinements: readable controls and a balanced hero at every width. */
.button{min-height:44px}.text-link,nav a,footer>div a{min-height:44px;display:inline-flex;align-items:center}summary{min-height:44px;align-items:center}.number{color:#72557f}.steps article>span{color:#80638f}.note-top{right:0;top:74px}.hero-note{font-size:12px}.fine-print,.apply .apply-note{font-size:12px}
@media(max-width:700px){header{flex-wrap:wrap;gap:12px}nav{display:flex;order:3;width:100%;justify-content:space-between;gap:12px;border-top:1px solid #ffffff20;padding-top:6px;font-size:12px}.hero-art{margin-left:0;margin-right:0;transform:none;min-height:430px}.live-pass{width:270px;height:380px;padding:20px}.pass-center{padding-top:22px}.pass-center strong{font-size:90px}.pass-center strong span{font-size:51px}.note-top{top:23px;right:0;font-size:11px;padding:10px 12px}.note-bottom{bottom:14px;left:0;font-size:11px;padding:10px 12px}.art-star.star-one{left:0;top:6px}.orbit{width:340px;height:340px}.orbit-two{width:400px;height:400px}.hero h1{font-size:clamp(43px,12vw,54px)}.button.small{font-size:11px}.creator-photos{gap:16px}}

/* Official unmodified TikFinity partner artwork with clear space. */
.tikfinity-benefit{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center;background:#f2edf5}.partner-badge{display:flex;justify-content:center;padding:20px}.partner-badge img{display:block;width:min(100%,270px);height:auto}.partner-copy{max-width:650px}.partner-copy>p:not(.eyebrow){color:#6f6375;font-size:16px}.partner-copy .text-link{color:#542d70;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.partner-copy h2{margin-bottom:24px}@media(max-width:700px){.tikfinity-benefit{grid-template-columns:1fr;gap:24px}.partner-badge{padding:0 24px 12px}.partner-badge img{width:180px}.partner-copy>p:not(.eyebrow){font-size:15px}}
