@font-face{font-family:InterFallback;src:local("Arial");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",InterFallback,sans-serif;-webkit-font-smoothing:antialiased}.shell{width:min(1120px,calc(100% - 44px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 14px;border-radius:10px;background:#fff;color:#06c}.skip-link:focus{top:12px}.topbar{position:fixed;z-index:50;inset:0 0 auto;background:rgba(250,250,252,.72);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:saturate(180%) blur(20px)}.nav{height:52px;display:flex;align-items:center;gap:30px}.brand{font-weight:650;font-size:20px;color:#1d1d1f;text-decoration:none}.nav-links{display:flex;gap:26px;margin-left:auto}.nav-links a,.nav-cta{color:#424245;text-decoration:none;font-size:13px}.nav-links a:hover{color:#06c}.nav-cta{margin-left:5px;display:inline-flex;align-items:center;min-height:36px;background:#0071e3;color:#fff;padding:8px 15px;border-radius:999px}.nav-cta:hover{background:#0077ed}.hero{min-height:780px;padding:142px 0 84px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:44px;overflow:hidden}.eyebrow{margin:0 0 14px;color:#515154;font-size:17px;font-weight:600}.hero h1,.section-heading h2,.statement h2,.cta h2{margin:0;font-size:clamp(54px,7vw,88px);line-height:.96;letter-spacing:-.055em;font-weight:700}.hero h1 span,.section-heading h2 span{color:#86868b}.lead{max-width:590px;margin:28px 0 0;color:#6e6e73;font-size:23px;line-height:1.4;letter-spacing:-.018em}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:36px}.button{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:999px;text-decoration:none;font-size:17px;transition:transform .15s ease,background .15s ease}.button:active{transform:scale(.97)}.primary{background:#0071e3;color:#fff}.primary:hover{background:#0077ed}.quiet{color:#06c}.quiet:hover{text-decoration:underline}.device-stage{position:relative;min-height:610px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:490px;height:490px;background:linear-gradient(145deg,#c4e1ff,#e8d5ff 50%,#ffd9e4);animation:float 8s ease-in-out infinite}.orb-two{width:270px;height:270px;right:-80px;bottom:0;background:rgba(255,255,255,.55);filter:blur(35px)}.phone{position:relative;width:300px;height:608px;padding:11px;background:#09090a;border:2px solid #363638;border-radius:48px;box-shadow:0 42px 100px rgba(56,58,76,.28),inset 0 0 0 1px #747479;transform:rotate(3deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.device-stage:hover .phone{transform:rotate(0) translateY(-8px)}.phone:after{content:"";position:absolute;inset:11px;border-radius:37px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.phone>*{position:relative;z-index:1}.phone-top{height:38px;background:#fff;border-radius:37px 37px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;font-weight:600}.island{width:78px;height:23px;background:#000;border-radius:20px}.chat-head{height:58px;background:rgba(255,255,255,.9);border-bottom:1px solid #e7e7e9;display:flex;align-items:center;justify-content:center;gap:8px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#7a5cff,#4aa3ff);color:#fff;font-weight:700}.chat-head div:last-child{display:flex;flex-direction:column}.chat-head strong{font-size:13px}.chat-head small{font-size:10px;color:#34c759}.messages{height:437px;padding:20px 12px;background:linear-gradient(rgba(244,246,250,.94),rgba(244,246,250,.94)),radial-gradient(circle,#9cbbe8 1px,transparent 1px);background-size:auto,20px 20px}.bubble{width:max-content;max-width:85%;margin-bottom:8px;padding:8px 11px;border-radius:14px;font-size:12px}.incoming{background:#fff;border-bottom-left-radius:4px}.outgoing{margin-left:auto;background:#0b84ff;color:#fff;border-bottom-right-radius:4px}.game-card{display:flex;align-items:center;gap:9px;margin-top:15px;padding:12px;background:rgba(255,255,255,.88);border-radius:16px;box-shadow:0 8px 30px rgba(33,43,68,.1)}.game-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#1d1d1f;color:#fff;font-size:22px}.game-card div{display:flex;flex:1;flex-direction:column}.game-card strong{font-size:11px}.game-card small{font-size:9px;color:#86868b;margin-top:2px}.chevron{color:#86868b;font-size:24px}.composer{height:53px;border-radius:0 0 37px 37px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 9px 8px 15px;color:#a0a0a5;font-size:11px}.composer button{border:0;width:30px;height:30px;border-radius:50%;background:#0b84ff;color:#fff;font-size:18px}.statement{padding:165px 0 180px;text-align:center}.statement h2{font-size:clamp(50px,7.2vw,88px)}.statement>p:last-child{max-width:760px;margin:32px auto 0;color:#6e6e73;font-size:25px;line-height:1.42;letter-spacing:-.02em}.feature-section{padding-bottom:150px}.section-heading{margin-bottom:54px}.section-heading h2{font-size:clamp(48px,6.5vw,76px)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-card{position:relative;min-height:520px;padding:42px;border-radius:34px;background:#fff;overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,.02)}.feature-card.wide{grid-column:1/-1;min-height:430px;display:flex;align-items:center}.card-copy{max-width:480px;position:relative;z-index:2}.card-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:25px;border-radius:13px;color:#fff;font-size:23px;font-weight:700}.blue{background:#147ce5}.violet{background:#8944ab}.orange{background:#ff9500}.pink{background:#ff375f}.feature-card h3{margin:0;font-size:36px;letter-spacing:-.035em}.feature-card p{max-width:470px;margin:15px 0 0;color:#6e6e73;font-size:20px;line-height:1.45}.memory-card{background:linear-gradient(135deg,#fff 45%,#edf6ff)}.memory-stack{width:360px;margin-left:auto;display:grid;gap:12px;transform:rotate(-4deg)}.memory-pill{padding:18px 22px;border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 16px 50px rgba(56,86,130,.14);backdrop-filter:blur(15px);display:flex;justify-content:space-between}.memory-pill span{font-weight:650}.memory-pill small{color:#86868b}.image-card{background:linear-gradient(155deg,#fff 30%,#eee7ff)}.lens{position:absolute;width:250px;height:250px;right:-25px;bottom:-20px;border-radius:50%;background:linear-gradient(145deg,#7b61ff,#d5c9ff);box-shadow:inset -25px -25px 60px rgba(64,27,177,.25),0 30px 60px rgba(91,66,182,.22);display:grid;place-items:center}.lens-core{width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#b9f4ff,#3466df 38%,#141843 68%);box-shadow:inset 0 0 22px #000,0 0 0 12px rgba(255,255,255,.24)}.games-card{background:#1d1d1f;color:#fff}.games-card p{color:#a1a1a6}.mini-board{position:absolute;right:-18px;bottom:-18px;width:270px;height:270px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:30px;overflow:hidden;transform:rotate(6deg);box-shadow:0 20px 50px #000}.mini-board span{display:grid;place-items:center;background:#e8e8ed;color:#1d1d1f;font-size:28px}.mini-board span:nth-child(2n),.mini-board span:nth-child(5),.mini-board span:nth-child(7),.mini-board span:nth-child(10),.mini-board span:nth-child(12),.mini-board span:nth-child(13),.mini-board span:nth-child(15){background:#7f7f85}.reactions-card{background:linear-gradient(135deg,#fff 40%,#fff0f5)}.reaction-cloud{position:relative;flex:1;height:330px}.reaction{position:absolute;padding:15px 20px;border-radius:23px;background:rgba(255,255,255,.78);box-shadow:0 18px 60px rgba(164,55,91,.16);backdrop-filter:blur(18px);font-size:25px;font-weight:700}.r1{top:25px;left:23%;font-size:38px;transform:rotate(-8deg)}.r2{top:148px;left:48%;color:#0071e3;transform:rotate(7deg)}.r3{top:74px;right:0;color:#ff375f;transform:rotate(5deg)}.r4{bottom:8px;left:22%;color:#1d1d1f}.interests{padding:20px 0 170px}.compact h2{font-size:clamp(43px,5vw,64px)}.interest-row{display:flex;gap:12px;flex-wrap:wrap}.interest-row span{padding:16px 22px;border:1px solid #d2d2d7;border-radius:999px;background:rgba(255,255,255,.56);font-size:18px}.cta{padding-bottom:80px}.cta-panel{padding:110px 30px;text-align:center;border-radius:40px;background:linear-gradient(145deg,#dcecff,#f2e5ff 52%,#ffeaf1);overflow:hidden}.cta h2{font-size:clamp(52px,7vw,84px)}.cta-panel>p:not(.eyebrow){margin:22px 0 32px;color:#6e6e73;font-size:22px}.footer{min-height:100px;display:flex;align-items:center;gap:22px;border-top:1px solid #d2d2d7;color:#6e6e73;font-size:13px}.footer strong{color:#1d1d1f}.footer span:last-child{margin-left:auto}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(3deg)}}@media(max-width:800px){.shell{width:min(100% - 28px,680px)}.nav-links{display:none}.nav-cta{margin-left:auto}.hero{padding-top:112px;grid-template-columns:1fr;text-align:center}.hero-copy{position:relative;z-index:2}.lead{font-size:20px}.hero-actions{justify-content:center}.device-stage{min-height:620px;margin-top:12px}.hero h1{font-size:clamp(51px,15vw,76px)}.statement{padding:110px 0}.statement>p:last-child{font-size:21px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card.wide{grid-column:auto;min-height:490px;display:block;padding:30px}.feature-card h3{font-size:31px}.feature-card p{font-size:18px}.memory-stack{position:absolute;width:80%;right:-15px;bottom:25px}.reaction-cloud{height:260px}.mini-board{width:230px;height:230px}.feature-section{padding-bottom:110px}.interests{padding-bottom:110px}.cta-panel{padding:80px 20px}.footer{flex-wrap:wrap;padding:28px 0}.footer span:last-child{margin-left:0;width:100%}}@media(max-width:390px){.nav-cta{padding:7px 11px;font-size:12px}.hero-actions{flex-direction:column}.phone{transform:scale(.9) rotate(2deg)}.device-stage{min-height:560px}.orb-one{width:380px;height:380px}.feature-card{border-radius:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb{animation:none}.phone,.button{transition:none}.device-stage:hover .phone{transform:rotate(3deg)}}