.join-page{--join-ink:#23334f;--join-muted:#71809a;--join-blue:#586bd6;--join-border:#e2e9f4;background:#f5f8fd;color:var(--join-ink);padding-bottom:0}
.join-page main{overflow:hidden}.join-hero{position:relative;isolation:isolate;min-height:810px;padding:37px 24px 70px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 49%,#e5edff 0,rgba(237,243,255,.76) 32%,rgba(245,248,253,0) 67%),linear-gradient(180deg,#f8faff,#f3f7fc)}
.join-hero:before,.join-hero:after{position:absolute;z-index:-1;content:"";border:1px solid rgba(116,143,210,.14);border-radius:50%;pointer-events:none}.join-hero:before{width:690px;height:690px;top:190px;left:calc(50% - 345px)}.join-hero:after{width:890px;height:890px;top:90px;left:calc(50% - 445px);border-color:rgba(116,143,210,.09)}
.join-brand{display:inline-flex;align-items:center;gap:9px;color:#30415f;font:750 23px var(--display);letter-spacing:-1px;text-decoration:none}.join-brand .brand-mark{width:25px;height:25px}.join-hero-copy{max-width:740px;margin:65px auto 0;text-align:center}.join-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e0e8f5;border-radius:999px;background:#ffffffb8;color:#63738e;font-size:11px;font-weight:650}.join-kicker i,.join-live i{width:7px;height:7px;border-radius:50%;background:#6bc6a2;box-shadow:0 0 0 3px #6bc6a222}.join-hero h1{margin:22px 0 16px;color:#273650;font:760 clamp(48px,7.4vw,80px)/.99 var(--display);letter-spacing:-5px}.join-hero h1 span{background:linear-gradient(100deg,#6481e8,#8d75d9 75%,#c27bb8);-webkit-background-clip:text;background-clip:text;color:transparent}.join-hero-copy>p{max-width:535px;margin:0 auto;color:#6d7b93;font-size:17px;line-height:1.75}.join-hero-button{margin-top:25px;min-height:53px;padding:0 24px;border-radius:13px;box-shadow:0 9px 22px #586bd633;font-size:14px}.join-login{margin-top:13px;color:#8793a7;font-size:11px}.join-login a{color:#566cd1;font-weight:700;text-decoration:none}.join-preview{width:min(100%,570px);margin:42px auto 0;padding:17px 19px 13px;border:1px solid #e1e8f2;border-radius:18px;background:#ffffffed;box-shadow:0 22px 65px #334c781a,0 3px 10px #334c7808;transform:rotate(-.7deg)}.join-preview-top{display:flex;align-items:center;gap:9px;padding-bottom:15px;border-bottom:1px solid #edf1f7;color:#748198;font-size:10px}.join-preview-mark{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#eef1ff;color:#6679dc;font-size:15px}.join-live{display:flex;align-items:center;gap:6px;margin-left:auto;color:#8b96a8;font-size:9px}.join-live i{width:6px;height:6px}.join-thought{display:flex;align-items:flex-start;gap:12px;padding:18px 5px 8px}.join-time{padding-top:3px;color:#9ba6b7;font-size:9px;font-variant-numeric:tabular-nums}.join-thought>div{flex:1}.join-thought b,.join-result b{display:block;color:#33435f;font-size:12px}.join-thought p{margin:5px 0 0;color:#7d8aa0;font-size:10px;line-height:1.5}.join-thought-icon{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#f0f3ff;color:#6378d9;font-size:14px}.join-flowline{display:flex;flex-direction:column;gap:4px;margin:3px 0 3px 42px}.join-flowline i{width:1px;height:8px;background:#cbd5f0}.join-flowline i:nth-child(2){opacity:.65}.join-flowline i:nth-child(3){opacity:.35}.join-result-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-left:41px}.join-result{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #edf0f6;border-radius:10px;background:#fcfdff}.join-result-icon{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:9px;font-size:14px}.join-result-icon.lilac{background:#f2edff;color:#8970cb}.join-result-icon.blue{background:#eaf1ff;color:#5f7bd6}.join-result small{display:block;margin-bottom:3px;color:#9aa4b4;font-size:7px;font-weight:800;letter-spacing:.09em}.join-result b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.join-preview-bottom{display:flex;align-items:center;gap:8px;margin-top:15px;padding-top:11px;border-top:1px solid #edf1f7;color:#9aa5b4;font-size:9px}.join-blob{display:grid;width:22px;height:22px;place-items:center;border-radius:9px;background:#ffe3ed;color:#b96b88;font-size:10px}.join-preview-arrow{margin-left:auto;color:#8793ad}.join-scroll-cue{display:flex;align-items:center;gap:9px;margin-top:31px;color:#94a0b2;font-size:9px}.join-scroll-cue span{display:block;width:1px;height:21px;background:linear-gradient(#98a8c8,transparent)}
.join-section{width:min(100% - 40px,1020px);margin:auto;padding:100px 0}.join-section-heading{max-width:540px;margin:0 auto 37px;text-align:center}.join-eyebrow{color:#687bd3;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.join-section-heading h2,.join-adhd h2,.join-final h2{margin:12px 0;color:#2b3a55;font:740 clamp(34px,5vw,48px)/1.08 var(--display);letter-spacing:-2px}.join-section-heading>p,.join-adhd p,.join-final>p{margin:0;color:#748199;font-size:14px;line-height:1.75}.join-cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.join-cap-card{display:flex;gap:15px;min-height:144px;padding:21px;border:1px solid #e4eaf3;border-radius:15px;background:#fff;box-shadow:0 4px 15px #344c7607}.join-cap-icon{display:grid;flex:0 0 39px;width:39px;height:39px;place-items:center;border-radius:12px;font-size:18px}.tone-blue{background:#edf2ff;color:#6378d9}.tone-lilac{background:#f3efff;color:#8d76cd}.tone-mint{background:#e9f7f1;color:#4a9a7a}.tone-peach{background:#fff1e9;color:#d88758}.tone-sky{background:#eaf5fb;color:#4e9fc1}.tone-gold{background:#fff6dd;color:#bd973c}.join-cap-card h3{margin:1px 0 7px;color:#35445e;font:700 15px var(--display)}.join-cap-card p{margin:0;color:#79869b;font-size:11px;line-height:1.7}
.join-adhd{padding:73px 22px;background:linear-gradient(120deg,#293956,#35466a);color:#fff}.join-adhd-inner{display:grid;grid-template-columns:76px minmax(0,620px);gap:23px;align-items:center;width:min(100%,760px);margin:auto}.join-adhd-mark{display:grid;width:66px;height:66px;place-items:center;border:1px solid #ffffff2c;border-radius:21px;background:#ffffff12;color:#d7dcff;font-size:29px}.join-adhd .join-eyebrow{color:#b7c4ff}.join-adhd h2{margin:11px 0 13px;color:#fff;font-size:37px}.join-adhd p{max-width:580px;color:#d1daea;font-size:13px}
.join-final{padding:92px 22px 105px;text-align:center;background:radial-gradient(ellipse at 50% 80%,#e6edff,transparent 57%)}.join-final h2{font-size:46px}.join-final>p{max-width:480px;margin:0 auto}.join-final-button{margin-top:23px;min-height:50px;padding:0 23px;border-radius:12px;box-shadow:0 8px 20px #586bd62b}.join-free-note{display:block;margin-top:11px;color:#99a3b2;font-size:9px}.join-footer{display:flex;align-items:center;gap:20px;width:min(100% - 42px,1020px);min-height:76px;margin:auto;border-top:1px solid #e3e9f2;color:#8b97aa;font-size:10px}.join-footer-brand{font-size:17px}.join-footer-brand .brand-mark{width:20px;height:20px}.join-footer>a:last-child{margin-left:auto;color:#75839a;text-decoration:none}.join-sticky-cta{position:fixed;z-index:50;right:50%;bottom:max(15px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:25px;width:max-content;max-width:calc(100% - 28px);padding:9px 10px 9px 17px;border:1px solid #e1e7f0;border-radius:16px;background:#ffffffed;box-shadow:0 9px 35px #1e335127;backdrop-filter:blur(14px);transform:translateX(50%)}.join-sticky-copy{display:grid;gap:3px}.join-sticky-copy b{color:#394862;font-size:10px}.join-sticky-copy span{color:#8995a8;font-size:9px}.join-sticky-cta .button{min-height:41px;padding:0 15px;border-radius:10px;white-space:nowrap;font-size:10px;box-shadow:0 5px 13px #586bd628}.join-sticky-cta .button span{font-size:12px}
@media(max-width:620px){.join-hero{min-height:750px;padding:25px 17px 55px}.join-brand{font-size:21px}.join-hero-copy{margin-top:58px}.join-kicker{font-size:9px}.join-hero h1{margin-top:20px;font-size:52px;letter-spacing:-3.5px}.join-hero-copy>p{max-width:380px;font-size:14px;line-height:1.65}.join-preview{margin-top:35px;padding:14px 13px 11px}.join-preview-top{font-size:9px}.join-result-row{gap:7px;padding-left:32px}.join-result{gap:7px;padding:8px}.join-result-icon{flex-basis:27px;width:27px;height:27px}.join-scroll-cue{margin-top:23px}.join-section{width:calc(100% - 34px);padding:73px 0}.join-section-heading{margin-bottom:26px}.join-section-heading h2{font-size:37px}.join-section-heading>p{font-size:12px}.join-cap-grid{grid-template-columns:1fr;gap:9px}.join-cap-card{min-height:unset;padding:17px}.join-cap-card p{font-size:10px}.join-adhd{padding:53px 21px}.join-adhd-inner{grid-template-columns:1fr;gap:17px}.join-adhd-mark{width:48px;height:48px;border-radius:15px;font-size:22px}.join-adhd h2{font-size:31px}.join-adhd p{font-size:11px}.join-final{padding:72px 18px 92px}.join-final h2{font-size:39px}.join-final>p{font-size:12px}.join-footer{width:calc(100% - 34px);gap:11px;min-height:66px;font-size:9px}.join-footer-brand{font-size:15px}.join-footer-brand .brand-mark{width:17px;height:17px}.join-sticky-cta{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 22px);max-width:430px;justify-content:space-between;gap:8px;padding:8px 8px 8px 13px;border-radius:14px}.join-sticky-copy b{font-size:9px}.join-sticky-copy span{font-size:8px}.join-sticky-cta .button{min-height:40px;padding:0 12px;font-size:9px}}
@media(max-width:370px){.join-hero h1{font-size:46px}.join-preview{padding-inline:10px}.join-result-row{padding-left:25px}.join-sticky-copy span{max-width:118px}}
@media(prefers-reduced-motion:reduce){.join-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}