:root{color-scheme:light;--ink:#172348;--muted:#5c6685;--blue:#2569e9;--purple:#7150df;--pink:#ed5fbb;--orange:#f99030;--line:#dfe4f3;--surface:#fff;--shadow:0 20px 55px rgba(47,64,139,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8ff;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #1d53cd;outline-offset:4px;border-radius:7px}em{font-style:normal;color:var(--purple)}[hidden]{display:none!important}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;padding:10px 14px;background:#fff;border-radius:8px}.skip-link:focus{top:12px}
.site-shell{background:radial-gradient(circle at 80% 5%,#eee6ff 0,transparent 28%),radial-gradient(circle at 5% 16%,#e1f5ff 0,transparent 24%),#f8f9ff}.site-header{position:relative;z-index:10;border-bottom:1px solid rgba(116,126,181,.13);background:rgba(255,255,255,.7);backdrop-filter:blur(14px)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:1.05rem;letter-spacing:-.035em;white-space:nowrap}.brand img{border-radius:12px;box-shadow:0 6px 15px #fb893462}.brand strong{color:#6650d4}.nav-links{display:flex;align-items:center;gap:32px;font-size:.89rem;font-weight:700;color:#4b5576}.nav-links a:hover,.site-footer a:hover{color:var(--blue)}.header-cta{white-space:nowrap;border-radius:99px;padding:10px 17px;background:#fff;box-shadow:0 5px 18px #263d8f16;border:1px solid var(--line);font-size:.86rem;font-weight:800}.header-cta span{margin-left:5px;color:var(--purple)}
.hero{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:6%;padding-block:86px 104px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker,.mini-label,.feature-number{font-size:.76rem;font-weight:900;letter-spacing:.17em;color:#6455c8}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#fff;padding:8px 14px;border:1px solid #e5defd;border-radius:999px;box-shadow:0 5px 22px #7e5dcc10}.eyebrow-dot{width:9px;height:9px;background:#33d7a0;border-radius:50%;box-shadow:0 0 0 4px #dff9ef}.hero h1{font-size:clamp(3.4rem,5.5vw,5.9rem);letter-spacing:-.075em;line-height:1.02;margin:25px 0 24px}.hero h1 span{background:linear-gradient(95deg,#306aec 0%,#7754e8 48%,#ee64ad 100%);color:transparent;background-clip:text}.hero-lead{font-size:clamp(1.05rem,1.5vw,1.24rem);line-height:1.65;max-width:510px;margin:0 0 28px;color:#4d5b7e}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:54px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;font-weight:800;font-size:.92rem;transition:transform .18s ease,box-shadow .18s ease}.button:not([aria-disabled="true"]):hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(120deg,#3982f5,#6950e5);color:#fff;box-shadow:0 12px 25px #4b6ced48}.button-outline{border:1px solid #cdd6ed;background:#fff;color:#263756}.button-outline:hover{box-shadow:0 10px 25px #263d8f17}[aria-disabled="true"].button{cursor:default;box-shadow:none;background:#e4e8f6;color:#54607f}.hero-note{margin:13px 0 0;color:#6a7494;font-size:.8rem}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:39px}.hero-tags span{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #e2e7f5;color:#586685;font-size:.76rem;font-weight:700}.hero-art-wrap{position:relative;min-width:0}.hero-art{position:relative;z-index:1;margin:0;transform:rotate(-2deg);border:9px solid #fff;border-radius:30px;overflow:hidden;background:#dbebff;box-shadow:0 35px 75px #223b8a35,0 3px 0 #dbe4fb}.hero-art img{width:100%;aspect-ratio:2/1;object-fit:cover}.hero-art figcaption{position:absolute;right:12px;bottom:10px;background:#152344cf;border:1px solid #ffffff4d;color:white;border-radius:99px;padding:3px 9px;font-size:.59rem;letter-spacing:.03em}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-blue{width:170px;height:170px;left:-80px;top:-85px;background:radial-gradient(circle at 29% 24%,#fff9,#81d9ff 32%,#2772f6 71%);box-shadow:inset -18px -19px 26px #1350b477,0 17px 31px #2e76dc3d}.orb-pink{width:100px;height:100px;right:-25px;bottom:-62px;background:radial-gradient(circle at 29% 24%,#fff9,#ffb6da 32%,#ed5fbb 72%);box-shadow:inset -10px -10px 18px #b7409180,0 14px 29px #b7419a36}.versus-pill{position:absolute;z-index:2;bottom:-31px;left:12%;transform:rotate(4deg);display:flex;align-items:center;gap:11px;padding:9px 17px;border:4px solid white;border-radius:99px;background:#172b6a;color:#fff;font-size:1.05rem;font-weight:900;box-shadow:0 15px 25px #182c7d4a}.versus-pill span{color:#ffd269}
.marquee-band{background:#1d2d67;color:#fff;overflow:hidden}.marquee-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.74rem;font-weight:900;letter-spacing:.18em;white-space:nowrap}.marquee-inner i{width:8px;height:8px;flex:none;transform:rotate(45deg);background:#ffdc71}.section{padding-block:108px;scroll-margin-top:24px}.section-intro{max-width:640px;margin-bottom:35px}.section-intro.centered{max-width:700px;margin-inline:auto;text-align:center;margin-bottom:42px}.section-intro h2{font-size:clamp(2.25rem,4.3vw,4rem);line-height:1.12;letter-spacing:-.065em;margin:14px 0 14px}.section-intro p{color:var(--muted);font-size:1.06rem;margin:0}.arena-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.arena-visual{min-height:360px;position:relative;border-radius:29px;overflow:hidden;background:#e5edff;box-shadow:var(--shadow)}.arena-visual img{width:100%;height:100%;object-fit:cover}.arena-stamp{position:absolute;left:22px;bottom:20px;border-radius:99px;padding:7px 13px;background:#fff;color:#253f89;font-size:.7rem;font-weight:900;letter-spacing:.15em}.arena-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px;border-radius:29px;background:#e9e6ff;border:1px solid #dcd6fa}.detail-mark{width:60px;height:60px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(135deg,#fc7395,#735cf4);color:#fff;font-size:1.18rem;font-weight:900;box-shadow:0 11px 25px #9363cb59}.arena-details h3{font-size:clamp(1.6rem,2.5vw,2.35rem);letter-spacing:-.05em;line-height:1.13;margin:24px 0 12px}.arena-details p{color:#555d81;margin:0 0 22px}.text-link{color:#4352b8;font-weight:800;border-bottom:2px solid #8a83e3;padding-bottom:3px}.text-link:hover{color:#263f98}
.progression-section{background:linear-gradient(180deg,#fff 0%,#f7f8ff 100%)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{position:relative;min-height:386px;display:flex;flex-direction:column;overflow:hidden;padding:29px;border:1px solid #e5e8f5;border-radius:27px;background:#fff;box-shadow:0 14px 36px #27428d0d}.feature-blue{--f1:#a8eaff;--f2:#3b82f6;--f3:#1858cf}.feature-purple{--f1:#e3c9ff;--f2:#a064e9;--f3:#7049c6}.feature-orange{--f1:#ffe3a4;--f2:#ffa43a;--f3:#eb6f29}.feature-art{position:relative;height:153px;margin:-8px -8px 13px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 70% 16%,var(--f1),transparent 40%),linear-gradient(135deg,#f8faff,#e5eaff)}.feature-bubble{position:absolute;left:calc(50% - 57px);top:18px;width:115px;height:115px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 31% 22%,#ffffffaa,var(--f1) 27%,var(--f2) 65%,var(--f3));box-shadow:inset -10px -13px 16px #13257922,0 13px 22px #4252a139;border:3px solid #ffffffa8;color:#fff;font-size:3rem;font-weight:900;text-shadow:0 3px 8px #30418155}.feature-spark{position:absolute;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:0 0 14px #fff}.feature-spark.one{top:29px;left:22%}.feature-spark.two{bottom:30px;right:18%;width:8px;height:8px}.feature-number{font-size:.7rem}.feature-card h3{font-size:1.56rem;line-height:1.2;letter-spacing:-.045em;margin:12px 0 8px}.feature-card p{color:var(--muted);margin:0}
.extras-section{padding-top:100px;padding-bottom:112px}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.extra-card{min-height:245px;display:flex;gap:23px;align-items:center;padding:34px;border-radius:28px;overflow:hidden}.daily-card{background:#fff0f7;border:1px solid #f8d8eb}.friends-card{background:#eaf8ff;border:1px solid #d3eefa}.extra-icon{flex:none;width:81px;height:81px;display:grid;place-items:center;border-radius:27px;background:#fff;color:#eb64aa;font-size:2.45rem;font-weight:800;box-shadow:0 12px 22px #e65faa1c}.friends-card .extra-icon{color:#2783d4}.extra-card h3{font-size:1.66rem;line-height:1.15;letter-spacing:-.045em;margin:8px 0}.extra-card p{color:var(--muted);margin:0}.mini-label{font-size:.7rem;color:#8860bd}
.how-section{background:#e9eeff}.steps-grid{counter-reset:none;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.steps-grid li{position:relative;min-height:230px;padding:28px;border-radius:25px;background:#fff;border:1px solid #dce3f8}.step-number{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#ecedff;color:#584fc5;font-weight:900}.steps-grid h3{font-size:1.29rem;letter-spacing:-.035em;margin:18px 0 6px}.steps-grid p{color:var(--muted);margin:0}.sign-in-note{text-align:center;color:#5f6b8d;font-size:.9rem;margin:26px 0 0}.screenshot-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 20px}.screenshot-rail figure{flex:0 0 min(31%,270px);margin:0;scroll-snap-align:start;padding:8px;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.screenshot-rail img{width:100%;height:auto;border-radius:15px}.screenshot-rail figcaption{padding:10px 7px 6px;color:#405071;font-size:.82rem;font-weight:700}
.final-section{padding-top:100px;padding-bottom:100px}.final-card{position:relative;isolation:isolate;overflow:hidden;min-height:325px;padding:54px 62px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:37px;background:linear-gradient(120deg,#194dc4 0%,#534dd2 48%,#bb59d3 100%);color:white;box-shadow:0 25px 50px #384cb247}.final-copy{position:relative;z-index:1;max-width:620px}.final-card .section-kicker{color:#dce6ff}.final-card h2{font-size:clamp(2.3rem,4vw,3.7rem);letter-spacing:-.065em;line-height:1.1;margin:13px 0}.final-card h2 em{color:#ffe193}.final-card p{max-width:530px;color:#e7e9ff;margin:0}.button-light{position:relative;z-index:1;flex:none;background:#fff;color:#2748a2;box-shadow:0 13px 24px #18287730}.final-card .button-light[aria-disabled="true"]{background:#e8e7f5;color:#556181}.final-bubbles span{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff9,#a6d9ff 30%,#3e91fa 67%,#264db9);border:2px solid #ffffff7d;opacity:.4}.final-bubbles span:nth-child(1){width:165px;height:165px;top:-70px;right:28%}.final-bubbles span:nth-child(2){width:110px;height:110px;bottom:-47px;left:35%}.final-bubbles span:nth-child(3){width:75px;height:75px;right:5%;bottom:5%}
.site-footer{background:#162248;color:#fff}.footer-inner{display:flex;justify-content:space-between;gap:32px;padding-block:54px 42px}.footer-brand{font-size:1.25rem;font-weight:900;letter-spacing:-.05em}.footer-inner p{margin:6px 0 0;color:#b6c4e3}.footer-inner nav{display:flex;gap:27px;flex-wrap:wrap;align-content:start}.footer-inner nav a{color:#d9e2f6;font-weight:600;font-size:.9rem}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;padding-block:18px 23px;color:#a8b7d5;font-size:.78rem}
@media(max-width:1000px){.nav-links{gap:17px}.hero{grid-template-columns:1fr;gap:74px;padding-block:74px 88px}.hero-copy{max-width:690px}.hero-art-wrap{width:min(790px,88%);margin-inline:auto}.hero h1{font-size:clamp(3.6rem,9vw,5.9rem)}.arena-grid{grid-template-columns:1fr}.arena-visual{min-height:320px}.arena-details{padding:35px}.final-card{padding:48px}.marquee-inner{gap:25px}}
@media(max-width:700px){.container{width:min(100% - 32px,560px)}.header-inner{min-height:73px;gap:12px}.brand{font-size:.91rem;gap:8px}.brand img{width:37px;height:37px}.nav-links{display:none}.header-cta{font-size:.74rem;padding:8px 11px}.hero{min-height:0;padding-block:61px 80px;gap:58px}.hero h1{font-size:clamp(3.2rem,12vw,4.9rem);margin-top:21px}.hero-lead{font-size:1.03rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.hero-tags{margin-top:26px}.hero-art-wrap{width:96%}.hero-art{border-width:6px;border-radius:20px}.hero-art figcaption{font-size:.5rem}.orb-blue{width:85px;height:85px;left:-32px;top:-41px}.orb-pink{width:59px;height:59px;bottom:-32px;right:-15px}.versus-pill{bottom:-22px;font-size:.8rem;padding:5px 11px;border-width:3px}.marquee-inner{justify-content:flex-start;overflow:auto;scrollbar-width:none;min-height:57px;font-size:.67rem}.marquee-inner::-webkit-scrollbar{display:none}.section{padding-block:75px}.section-intro h2{font-size:clamp(2.25rem,9vw,3.3rem)}.arena-visual{min-height:200px}.arena-details{padding:29px}.feature-grid,.extras-grid,.steps-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-art{height:143px}.extra-card{min-height:0;padding:27px;align-items:flex-start}.extra-icon{width:58px;height:58px;border-radius:18px;font-size:1.8rem}.extra-card h3{font-size:1.42rem}.steps-grid li{min-height:0}.screenshot-rail figure{flex-basis:min(70%,260px)}.final-section{padding-block:70px}.final-card{min-height:0;display:block;padding:41px 28px;border-radius:28px}.final-card .button{margin-top:25px;width:100%}.footer-inner{display:block;padding-block:40px 30px}.footer-inner nav{margin-top:26px;gap:17px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:4px 0}}
@media(max-width:390px){.brand span{max-width:118px;line-height:1.06}.header-cta{padding:8px 9px}.hero h1{font-size:3.05rem}.extra-card{gap:15px;padding:23px}.extra-icon{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.button-primary{background:linear-gradient(120deg,#2464df,#5d45c8)}