:root{font-family:Inter,ui-rounded,Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;color:#22302a;background:#f7f2e8;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #2b7769;--primary-strong: #1f6155;--on-primary: #ffffff;--primary-container: #d8eee4;--on-primary-container: #123b32;--secondary: #d17a32;--secondary-container: #f8e1be;--tertiary: #7059a8;--tertiary-container: #e7e0f4;--yellow: #f2c66d;--surface: #fffbf4;--surface-lowest: #fffefa;--surface-low: #f8f1e6;--surface-container: #f2eadf;--surface-high: #eae2d6;--surface-highest: #e0d8cc;--text: #22302a;--muted: #65736c;--outline: #718078;--outline-variant: #d5ccbf;--shadow: #584a39;--page: #f7f2e8;--card: #fffcf6;--card-border: #d8d0c4;--header-bg: rgb(247 242 232 / 86%);--radius-sm: 14px;--radius-md: 22px;--radius-lg: 32px;--container: 1180px}:root[data-theme=dark]{color:#e6f0eb;background:#07100e;--primary: #7de0c4;--primary-strong: #94ead1;--on-primary: #00382c;--primary-container: #164e42;--on-primary-container: #baf7e6;--secondary: #f2c66d;--secondary-container: #5a450f;--tertiary: #b6a7ff;--tertiary-container: #3b326d;--yellow: #f2c66d;--surface: #0d1714;--surface-lowest: #07100e;--surface-low: #101b18;--surface-container: #15231f;--surface-high: #1b2c27;--surface-highest: #243932;--text: #e6f0eb;--muted: #aebeb7;--outline: #698078;--outline-variant: #2a4039;--shadow: #000000;--page: #07100e;--card: #101b18;--card-border: #2a4039;--header-bg: rgb(7 16 14 / 86%)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--text)}body.menu-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img,svg{display:block}p{color:var(--muted);line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3,.logo__name,.ritual-strip strong{font-family:ui-rounded,Avenir Next,Segoe UI,system-ui,sans-serif}h1,h2{letter-spacing:-.055em;line-height:.98}h2{margin-bottom:24px;font-size:clamp(2.65rem,5vw,4.8rem);font-weight:900}h3{letter-spacing:-.025em}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}.site-shell{overflow:clip}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.section{position:relative;padding-block:112px}.site-header{position:fixed;z-index:100;inset:0 0 auto;border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 72%,transparent);background:var(--header-bg);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.site-header__inner{display:flex;align-items:center;min-height:78px}.logo{display:inline-flex;align-items:center;flex:0 0 auto;gap:10px}.logo__mark{display:grid;grid-template-columns:repeat(2,12px);gap:3px}.logo__mark i{width:12px;aspect-ratio:1;border-radius:4px;background:var(--primary)}.logo__mark i:nth-child(2){background:var(--secondary)}.logo__mark i:nth-child(3){background:var(--tertiary)}.logo__mark i:nth-child(4){opacity:.52}.logo__name{font-size:1.08rem;font-weight:950;letter-spacing:.16em}.logo__tag{padding:5px 8px;border-radius:99px;background:var(--secondary-container);color:color-mix(in srgb,var(--text) 86%,var(--secondary));font-size:.62rem;font-weight:900;letter-spacing:.06em}.site-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.site-nav>a:not(.button){position:relative;color:var(--muted);font-size:.91rem;font-weight:700}.site-nav>a:not(.button):after{content:"";position:absolute;right:0;bottom:-7px;left:0;height:2px;border-radius:99px;background:var(--primary);transform:scaleX(0);transition:transform .2s ease}.site-nav>a:not(.button):hover{color:var(--text)}.site-nav>a:not(.button):hover:after{transform:scaleX(1)}.site-header__actions{display:flex;align-items:center;gap:8px;margin-left:18px}.icon-button{display:grid;width:42px;aspect-ratio:1;place-items:center;border:1px solid var(--outline-variant);border-radius:13px;background:var(--surface-low);color:var(--text);cursor:pointer;transition:transform .2s ease,background .2s ease}.icon-button:hover{background:var(--surface-high);transform:translateY(-1px)}.icon-button svg{width:19px}.menu-button{display:none}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:1px solid transparent;border-radius:14px;font-size:.94rem;font-weight:850;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button svg{width:18px}.button:hover{transform:translateY(-2px)}.button--small{min-height:43px;padding-inline:18px;border-radius:12px;font-size:.86rem}.button--primary{background:var(--primary);color:var(--on-primary);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 26%,transparent)}.button--primary:hover{background:var(--primary-strong);box-shadow:0 14px 30px color-mix(in srgb,var(--primary) 32%,transparent)}.button--ghost{border-color:var(--outline-variant);background:color-mix(in srgb,var(--surface) 60%,transparent);color:var(--text)}.button--ghost:hover{background:var(--surface-high)}.hero{min-height:780px;padding-top:174px;padding-bottom:114px}.hero__wash{position:absolute;z-index:-1;width:720px;height:720px;top:-185px;right:-145px;border-radius:50%;background:radial-gradient(circle at 36% 38%,color-mix(in srgb,var(--primary-container) 92%,transparent),transparent 54%),radial-gradient(circle at 65% 72%,color-mix(in srgb,var(--tertiary-container) 72%,transparent),transparent 55%);filter:blur(2px)}.hero__grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);align-items:center;gap:80px}.eyebrow,.overline{color:var(--primary);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:99px;background:color-mix(in srgb,var(--primary-container) 72%,transparent)}.eyebrow svg{width:14px}.hero h1{max-width:650px;margin-bottom:28px;font-size:clamp(4rem,6.25vw,6.35rem);font-weight:950}.hero h1 em{color:var(--primary);font-style:normal}.hero__lede{max-width:600px;margin-bottom:32px;font-size:1.13rem;line-height:1.68}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:var(--muted);font-size:.78rem;font-weight:700}.hero__proof span{display:inline-flex;align-items:center;gap:5px}.hero__proof svg{width:15px;color:var(--primary);stroke-width:2.5}.hero__visual{position:relative;min-height:530px;padding-top:58px}.hero__pip{position:absolute;z-index:3;top:-40px;left:-34px;width:154px}.hero__pip .pip{width:120px;filter:drop-shadow(0 14px 13px rgb(30 66 56 / 18%));animation:pip-bob 3s ease-in-out infinite}.speech-bubble{position:absolute;top:-10px;left:100px;width:150px;padding:10px 13px;border:1px solid var(--card-border);border-radius:16px 16px 16px 4px;background:var(--card);box-shadow:0 10px 25px color-mix(in srgb,var(--shadow) 14%,transparent);font-size:.72rem}.speech-bubble strong,.speech-bubble span{display:block}.speech-bubble strong{margin-bottom:2px;font-size:.78rem}.speech-bubble span{color:var(--muted)}@keyframes pip-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}.pip__sparkles{transform-origin:center;animation:sparkle-pulse 1.8s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{opacity:.45}50%{opacity:1}}.demo-card{position:relative;z-index:2;width:min(100%,470px);margin-left:auto;padding:25px;border:1px solid var(--card-border);border-radius:30px;background:var(--card);box-shadow:0 30px 70px color-mix(in srgb,var(--shadow) 18%,transparent),0 3px color-mix(in srgb,var(--surface-highest) 58%,transparent);transform:rotate(1.6deg)}.demo-card:before{content:"";position:absolute;z-index:-1;inset:24px -20px -22px 22px;border:1px solid var(--outline-variant);border-radius:30px;background:var(--surface-container);transform:rotate(-5deg)}.demo-card__topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.demo-card__topline>div{display:grid;gap:3px}.demo-card__label{color:var(--muted);font-size:.65rem;font-weight:900;letter-spacing:.13em}.demo-card__topline strong{font-size:1.08rem}.demo-card__timer{display:grid;min-width:68px;height:36px;place-items:center;border-radius:10px;background:var(--surface-high);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:850}.demo-card__timer.is-complete{min-width:36px;color:var(--on-primary);background:var(--primary)}.demo-card__timer svg{width:19px}.puzzle-board{position:relative;display:grid;width:100%;aspect-ratio:1;grid-template-columns:repeat(6,1fr);gap:0;padding:0;overflow:hidden;border:2px solid color-mix(in srgb,var(--text) 82%,transparent);border-radius:12px;background:var(--surface-lowest);cursor:pointer}.puzzle-cell{position:relative;border-right:1px solid color-mix(in srgb,var(--outline-variant) 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 80%,transparent);transition:background .25s ease,transform .25s ease}.puzzle-cell:nth-child(6n){border-right:0}.puzzle-cell:nth-child(n+31){border-bottom:0}.puzzle-cell.is-blocker:after{content:"";position:absolute;width:34%;aspect-ratio:1;top:50%;left:50%;border-radius:50%;background:#1c2321;box-shadow:inset 2px 2px #ffffff14;transform:translate(-50%,-50%)}.puzzle-cell.is-filled:before{content:"";position:absolute;inset:5px;border:1px solid rgb(0 0 0 / 14%);border-radius:8px;background:var(--piece-color);box-shadow:inset 0 1px #ffffff47,0 2px 4px #0000001a;animation:piece-in .32s both cubic-bezier(.2,.8,.2,1);animation-delay:var(--delay)}@keyframes piece-in{0%{opacity:0;transform:scale(.45) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}.is-orange{--piece-color: #df914c}.is-purple{--piece-color: #846fc0}.is-green{--piece-color: #4d967c}.is-mint{--piece-color: #8ad9bd}.is-yellow{--piece-color: #f2c66d}.is-coral{--piece-color: #e88982}.is-blue{--piece-color: #79999a}.is-violet{--piece-color: #a996d7}.is-teal{--piece-color: #2b7769}.puzzle-board__sparkle{position:absolute;z-index:3;width:64px;top:50%;left:50%;padding:12px;border-radius:50%;color:var(--secondary);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 12px 34px color-mix(in srgb,var(--shadow) 22%,transparent);transform:translate(-50%,-50%);animation:complete-in .5s both cubic-bezier(.2,.9,.2,1.2)}@keyframes complete-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-25deg)}}.demo-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted);font-size:.75rem}.demo-card__action{padding:8px 11px;border:0;border-radius:9px;background:var(--primary-container);color:var(--on-primary-container);font-size:.73rem;font-weight:850;cursor:pointer}.floating-badge{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--card-border);border-radius:15px;background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:0 15px 35px color-mix(in srgb,var(--shadow) 15%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-badge>span{display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:10px;background:var(--secondary-container);color:color-mix(in srgb,var(--text) 80%,var(--secondary));font-size:.82rem;font-weight:900}.floating-badge div{display:grid}.floating-badge strong{font-size:.75rem}.floating-badge small{color:var(--muted);font-size:.63rem}.floating-badge--streak{right:-35px;bottom:70px}.floating-badge--rank{left:12px;bottom:0}.floating-badge--rank>span{background:var(--tertiary-container);color:var(--tertiary)}.ritual-strip{border-block:1px solid var(--outline-variant);background:var(--surface-low)}.ritual-strip__inner{display:flex;min-height:126px;align-items:center;justify-content:space-around}.ritual-strip__inner>div{display:flex;align-items:baseline;gap:10px}.ritual-strip strong{color:var(--primary);font-size:2rem;font-weight:950;letter-spacing:-.06em}.ritual-strip span{color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.ritual-strip i{width:4px;aspect-ratio:1;border-radius:50%;background:var(--outline-variant)}.section-heading{max-width:690px}.section-heading--center{margin-inline:auto;text-align:center}.section-heading--center p{max-width:560px;margin-inline:auto}.section-heading .overline{display:block;margin-bottom:18px}.section-heading p{margin-bottom:0;font-size:1.05rem}.section-heading--split{display:grid;max-width:none;grid-template-columns:1.25fr .75fr;align-items:end;gap:90px}.section-heading--split h2{margin-bottom:0}.section--steps{background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--secondary-container) 50%,transparent),transparent 20%),var(--page)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:62px}.step-card{position:relative;min-height:420px;padding:24px;border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--card);box-shadow:0 10px 30px color-mix(in srgb,var(--shadow) 8%,transparent)}.step-card__number{display:inline-grid;width:43px;aspect-ratio:1;place-items:center;border-radius:13px;background:var(--primary-container);color:var(--on-primary-container);font-size:.79rem;font-weight:900}.step-card h3{margin:24px 0 10px;font-size:1.45rem}.step-card p{margin-bottom:0;font-size:.91rem}.mini-board{position:relative;display:grid;width:170px;aspect-ratio:1;grid-template-columns:repeat(4,1fr);margin:18px auto 8px;overflow:hidden;border:2px solid color-mix(in srgb,var(--text) 75%,transparent);border-radius:10px;background:var(--surface-lowest);transform:rotate(-2deg)}.step-card:nth-child(2) .mini-board{transform:rotate(2.5deg)}.step-card:nth-child(3) .mini-board{transform:rotate(-1deg)}.mini-board i{position:relative;border-right:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant)}.mini-board i:nth-child(4n){border-right:0}.mini-board i:nth-child(n+13){border-bottom:0}.mini-board i:nth-child(6):after,.mini-board i:nth-child(11):after{content:"";position:absolute;inset:34%;border-radius:50%;background:#1c2321}.mini-board--2 i:nth-child(1),.mini-board--2 i:nth-child(2),.mini-board--2 i:nth-child(5),.mini-board--2 i:nth-child(9){background:color-mix(in srgb,var(--secondary) 78%,var(--surface))}.mini-board--2 i:nth-child(4),.mini-board--2 i:nth-child(8),.mini-board--2 i:nth-child(12){background:color-mix(in srgb,var(--tertiary) 70%,var(--surface))}.mini-board--3 i:not(:nth-child(6)):not(:nth-child(11)){background:color-mix(in srgb,var(--primary) 45%,var(--surface))}.mini-board--3:after{content:"✓";position:absolute;display:grid;width:48px;aspect-ratio:1;top:50%;left:50%;place-items:center;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:900;box-shadow:0 8px 22px #0003;transform:translate(-50%,-50%)}.section--features{border-block:1px solid var(--outline-variant);background:var(--surface-low)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:68px}.feature-card{min-height:330px;padding:34px;overflow:hidden;border:1px solid var(--card-border);border-radius:28px;background:var(--card);transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover{box-shadow:0 18px 40px color-mix(in srgb,var(--shadow) 10%,transparent);transform:translateY(-4px)}.feature-card__icon{display:grid;width:54px;aspect-ratio:1;margin-bottom:38px;place-items:center;border-radius:16px;color:var(--on-primary-container);background:var(--primary-container)}.feature-card__icon svg{width:25px}.feature-card>span{color:var(--primary);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.feature-card h3{max-width:460px;margin:10px 0 14px;font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.08}.feature-card p{max-width:490px;margin-bottom:0}.feature-card--orange .feature-card__icon{color:#4a2a08;background:var(--secondary-container)}.feature-card--orange>span{color:var(--secondary)}.feature-card--purple .feature-card__icon{color:var(--tertiary);background:var(--tertiary-container)}.feature-card--purple>span{color:var(--tertiary)}.feature-card--yellow .feature-card__icon{color:#4a2a08;background:color-mix(in srgb,var(--yellow) 42%,var(--surface))}.feature-card--yellow>span{color:color-mix(in srgb,var(--secondary) 75%,var(--text))}.social-section{overflow:hidden;background:radial-gradient(circle at 10% 36%,color-mix(in srgb,var(--primary-container) 58%,transparent),transparent 24%),radial-gradient(circle at 92% 62%,color-mix(in srgb,var(--tertiary-container) 62%,transparent),transparent 26%),var(--page)}.social-section__heading{align-items:center}.social-feature-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.social-feature-points span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--outline-variant);border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--muted);font-size:.72rem;font-weight:800}.social-feature-points svg{width:15px;color:var(--primary);stroke-width:2.5}.social-showcase{position:relative;display:grid;grid-template-columns:.93fr 1.07fr;align-items:start;gap:30px;margin-top:64px}.social-showcase:before{content:"";position:absolute;z-index:-1;width:760px;height:430px;top:16%;left:50%;border-radius:50%;background:color-mix(in srgb,var(--primary-container) 62%,transparent);filter:blur(70px);transform:translate(-50%)}.product-screen{overflow:hidden;border:1px solid var(--card-border);border-radius:30px;background:var(--card);box-shadow:0 30px 70px color-mix(in srgb,var(--shadow) 16%,transparent)}.friends-screen{margin-top:68px;transform:rotate(-1.2deg)}.versus-screen{border-color:#2a4039;background:#0d1714;color:#e6f0eb;transform:rotate(1.1deg)}.product-screen__header{display:flex;min-height:78px;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--outline-variant);background:var(--surface-low)}.product-screen__header--dark{border-color:#2a4039;background:#101b18}.product-screen__header>div{display:grid;gap:2px}.product-screen__header small{color:var(--muted);font-size:.56rem;font-weight:900;letter-spacing:.13em}.product-screen__header--dark small{color:#8da49b}.product-screen__header strong{font-size:1.02rem}.product-screen__back{display:grid;width:35px;aspect-ratio:1;place-items:center;border-radius:11px;background:var(--surface-high);color:var(--muted);font-weight:900}.product-screen__header--dark .product-screen__back{background:#1b2c27;color:#aebeb7}.notification-status,.live-status{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:7px 9px;border-radius:999px;font-size:.61rem;font-weight:850}.notification-status{background:var(--primary-container);color:var(--on-primary-container)}.notification-status i,.live-status i{width:6px;aspect-ratio:1;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 13%,transparent)}.live-status{background:#7de0c421;color:#7de0c4;letter-spacing:.08em}.live-status i{animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:.5}50%{opacity:1;box-shadow:0 0 0 5px #7de0c41a}}.friends-screen__body,.versus-screen__body{padding:18px}.friends-screen__body{background:var(--surface-lowest)}.social-card{border:1px solid var(--card-border);border-radius:17px;background:var(--card);box-shadow:0 5px 14px color-mix(in srgb,var(--shadow) 7%,transparent)}.social-card__eyebrow{display:flex;align-items:center;gap:6px;color:var(--tertiary);font-size:.58rem;font-weight:900;letter-spacing:.11em}.social-card__eyebrow svg{width:13px}.invite-card{display:grid;gap:14px;padding:16px;border-color:color-mix(in srgb,var(--tertiary) 35%,var(--card-border));background:linear-gradient(135deg,color-mix(in srgb,var(--tertiary-container) 58%,var(--card)),var(--card))}.person-row{display:flex;align-items:center;gap:10px;min-width:0}.person-row>div{display:grid;min-width:0;gap:2px}.person-row strong{overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.person-row small,.invite-card>div>small{color:var(--muted);font-size:.65rem}.avatar{display:grid;width:37px;aspect-ratio:1;flex:0 0 auto;place-items:center;border-radius:12px;color:#173d34;background:var(--primary-container);font-size:.76rem;font-weight:950}.avatar--orange{color:#4a2a08;background:var(--secondary-container)}.avatar--purple{color:#302454;background:var(--tertiary-container)}.avatar--mint{color:#123b32;background:#c9f1e1}.avatar--yellow{color:#4a2a08;background:#f8e1be}.avatar--blue{color:#243b3c;background:#cee0df}.invite-card__actions{display:grid;grid-template-columns:.72fr 1.28fr;gap:8px}.mini-button,.challenge-button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:5px;padding:0 11px;border:1px solid transparent;border-radius:10px;font-size:.66rem;font-weight:850;cursor:pointer;transition:transform .18s ease,background .18s ease}.mini-button:hover,.challenge-button:hover{transform:translateY(-1px)}.mini-button svg,.challenge-button svg{width:13px}.mini-button--quiet{border-color:var(--outline-variant);background:var(--surface-low);color:var(--muted)}.mini-button--primary{background:var(--primary);color:var(--on-primary)}.mini-button--tonal{background:var(--primary-container);color:var(--on-primary-container)}.invite-card--accepted{grid-template-columns:auto 1fr auto;align-items:center;border-color:color-mix(in srgb,var(--primary) 36%,var(--card-border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-container) 66%,var(--card)),var(--card))}.invite-card--accepted>div:nth-child(2),.invite-card--dismissed>div{display:grid;gap:2px}.match-accepted-icon{display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:11px;background:var(--primary);color:var(--on-primary)}.match-accepted-icon svg{width:18px}.invite-card--dismissed{grid-template-columns:1fr auto;align-items:center;background:var(--surface-low)}.screen-section-label{display:flex;justify-content:space-between;margin:17px 3px 8px;color:var(--muted);font-size:.54rem;font-weight:900;letter-spacing:.1em}.screen-section-label span:last-child{letter-spacing:0;text-transform:none}.active-match-card{padding:13px}.active-match-card__meta{display:flex;align-items:center;gap:14px;margin-top:12px}.active-match-card__meta>span{height:6px;flex:1;overflow:hidden;border-radius:99px;background:var(--surface-high)}.active-match-card__meta>span i{display:block;height:100%;border-radius:inherit;background:var(--tertiary)}.friend-list{overflow:hidden}.friend-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid var(--outline-variant)}.friend-row:last-child{border-bottom:0}.friend-row>div{display:grid;gap:2px}.friend-row strong{font-size:.75rem}.friend-row small{color:var(--muted);font-size:.61rem}.challenge-button{min-height:30px;border-color:color-mix(in srgb,var(--primary) 25%,var(--outline-variant));background:var(--surface-low);color:var(--primary)}.challenge-button.is-sent{border-color:transparent;background:var(--primary-container);color:var(--on-primary-container)}.versus-screen__body{background:radial-gradient(circle at 50% 8%,rgb(125 224 196 / 8%),transparent 35%),#07100e}.versus-players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:16px}.versus-player{padding:11px;border:1px solid #2a4039;border-radius:14px;background:#101b18}.versus-player.is-leading{border-color:#7de0c46b;box-shadow:inset 0 0 0 1px #7de0c412}.versus-player .person-row strong{color:#e6f0eb}.versus-player .person-row small{color:#8da49b}.player-progress{display:block;height:5px;margin-top:10px;overflow:hidden;border-radius:99px;background:#243932}.player-progress i{display:block;height:100%;border-radius:inherit;background:#7de0c4}.versus-player:not(.is-leading) .player-progress i{background:#f2c66d}.versus-mark{color:#698078;font-size:.6rem;font-weight:950;letter-spacing:.08em}.versus-board-wrap{padding:14px;border:1px solid #2a4039;border-radius:18px;background:#101b18}.versus-timer{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.versus-timer span{color:#8da49b;font-size:.55rem;font-weight:900;letter-spacing:.12em}.versus-timer strong{padding:6px 8px;border-radius:8px;background:#1b2c27;color:#e6f0eb;font-variant-numeric:tabular-nums;font-size:.7rem}.versus-board{display:grid;width:min(100%,390px);aspect-ratio:1;grid-template-columns:repeat(6,1fr);margin-inline:auto;overflow:hidden;border:2px solid #698078;border-radius:9px;background:#07100e}.versus-board>i{position:relative;border-right:1px solid #2a4039;border-bottom:1px solid #2a4039}.versus-board>i:nth-child(6n){border-right:0}.versus-board>i:nth-child(n+31){border-bottom:0}.versus-board>i.is-blocker:after{content:"";position:absolute;width:34%;aspect-ratio:1;top:50%;left:50%;border-radius:50%;background:#e6f0eb;opacity:.78;transform:translate(-50%,-50%)}.versus-board>i.is-filled:before{content:"";position:absolute;inset:4px;border:1px solid rgb(0 0 0 / 22%);border-radius:6px;background:var(--piece-color);box-shadow:inset 0 1px #ffffff38}.piece-tray-preview{display:flex;min-height:54px;align-items:center;justify-content:space-around;gap:12px;margin-top:12px;padding:8px 12px;border:1px solid #2a4039;border-radius:12px;background:#15231f}.tray-piece{display:flex;align-items:center}.tray-piece i{width:18px;aspect-ratio:1;margin-left:-2px;border:1px solid rgb(0 0 0 / 22%);border-radius:5px;background:#b6a7ff}.tray-piece--two i{background:#f2c66d}.tray-piece--three i{background:#7de0c4}.tray-piece--one i:nth-child(2){transform:translateY(-14px)}.tray-piece--three i:nth-child(3){transform:translateY(14px)}.versus-record-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-top:14px;padding:12px;border:1px solid #2a4039;border-radius:15px;background:#101b18}.versus-record-card__icon{display:grid;width:38px;aspect-ratio:1;place-items:center;border-radius:11px;background:#164e42;color:#7de0c4}.versus-record-card__icon svg{width:19px}.versus-record-card>div:nth-child(2),.versus-rank{display:grid;gap:2px}.versus-record-card small{color:#8da49b;font-size:.54rem;font-weight:800;letter-spacing:.07em}.versus-record-card strong{color:#e6f0eb;font-size:.76rem}.versus-rank{justify-items:center;padding-left:12px;border-left:1px solid #2a4039}.versus-rank span{color:#f2c66d;font-size:1rem;font-weight:950}.pip-story{padding-block:128px}.pip-story__card{display:grid;min-height:560px;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--outline-variant));border-radius:38px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-container) 88%,var(--surface)),color-mix(in srgb,var(--tertiary-container) 58%,var(--surface)));box-shadow:0 24px 70px color-mix(in srgb,var(--shadow) 13%,transparent)}.pip-story__art{position:relative;display:grid;min-height:520px;place-items:center}.pip-story__art .pip{z-index:2;width:min(82%,390px);filter:drop-shadow(0 24px 18px rgb(20 61 51 / 20%));animation:pip-bob 3s ease-in-out infinite}.pip-story__halo{position:absolute;width:410px;max-width:85%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--surface) 55%,transparent)}.pip-story__tile{position:absolute;width:55px;aspect-ratio:1;border-radius:15px;box-shadow:inset 0 2px #ffffff52,0 10px 20px #0000001a}.pip-story__tile--one{top:18%;left:13%;background:var(--secondary);transform:rotate(-13deg)}.pip-story__tile--two{top:17%;right:10%;background:var(--tertiary);transform:rotate(12deg)}.pip-story__tile--three{right:14%;bottom:12%;background:#79999a;transform:rotate(-7deg)}.pip-story__copy{display:flex;max-width:590px;flex-direction:column;justify-content:center;padding:70px 72px 70px 28px}.pip-story__copy .overline{margin-bottom:18px}.pip-story__copy h2{font-size:clamp(2.8rem,4.3vw,4.45rem)}.pip-story__copy>p{max-width:520px;font-size:1.02rem}.section--faq{border-top:1px solid var(--outline-variant);background:var(--surface-low)}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.faq-layout .section-heading{position:sticky;top:120px;align-self:start}.faq-layout h2{font-size:clamp(2.7rem,4vw,4rem)}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--card-border);border-radius:18px;background:var(--card);transition:background .2s ease}.faq-list details[open]{background:color-mix(in srgb,var(--primary-container) 45%,var(--card))}.faq-list summary{position:relative;padding:22px 56px 22px 22px;list-style:none;font-weight:850;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;display:grid;width:30px;aspect-ratio:1;top:50%;right:17px;place-items:center;border-radius:9px;background:var(--surface-high);color:var(--primary);font-size:1.3rem;line-height:1;transform:translateY(-50%)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:-4px 22px 22px;font-size:.93rem}.download{background:var(--surface-low)}.download__card{position:relative;display:grid;min-height:500px;grid-template-columns:1.12fr .88fr;overflow:hidden;border-radius:38px;background:#113d34;color:#eafff7;box-shadow:0 30px 70px color-mix(in srgb,var(--shadow) 22%,transparent)}.download__card:before{content:"";position:absolute;width:500px;aspect-ratio:1;right:-160px;bottom:-250px;border-radius:50%;background:#2b7769;opacity:.55}.download__copy{z-index:2;align-self:center;padding:70px}.download__copy .overline{color:#7de0c4}.download__copy h2{margin:18px 0 24px;color:#eafff7;font-size:clamp(2.8rem,4.7vw,4.8rem)}.download__copy p{max-width:580px;color:#b8d5cc}.download__buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.store-button{display:grid;min-width:174px;padding:11px 16px;border:1px solid rgb(255 255 255 / 24%);border-radius:13px;background:#0000002e}.store-button small{color:#a8c7bd;font-size:.52rem;font-weight:800;letter-spacing:.09em}.store-button strong{margin-top:1px;color:#fff;font-size:1.08rem}.download__art{position:relative;z-index:2;display:grid;place-items:center}.download__art .pip{z-index:2;width:min(92%,390px);filter:drop-shadow(0 25px 20px rgb(0 0 0 / 28%));animation:pip-bob 3s ease-in-out infinite}.download__sun{position:absolute;width:400px;max-width:92%;aspect-ratio:1;border-radius:50%;background:#f2c66d;box-shadow:0 0 0 32px #f2c66d14,0 0 0 65px #f2c66d0a}.site-footer{border-top:1px solid var(--outline-variant);background:var(--page)}.site-footer__top{display:flex;align-items:flex-start;justify-content:space-between;padding-block:54px}.site-footer__top p{margin:14px 0 0;font-size:.86rem}.site-footer__top nav{display:flex;flex-wrap:wrap;gap:28px;color:var(--muted);font-size:.82rem;font-weight:750}.site-footer__top nav a:hover{color:var(--primary)}.site-footer__bottom{display:flex;justify-content:space-between;padding-block:20px 30px;border-top:1px solid var(--outline-variant);color:var(--muted);font-size:.72rem}@media(max-width:1080px){.site-nav{gap:18px}.site-nav>a:not(.button){font-size:.84rem}.hero__grid{grid-template-columns:.9fr 1.1fr;gap:36px}.floating-badge--streak{right:-5px}.section-heading--split{gap:50px}.pip-story__copy{padding-right:48px}.social-showcase{gap:20px}.friends-screen__body,.versus-screen__body{padding:14px}.product-screen__header{padding-inline:14px}}@media(max-width:900px){.section{padding-block:88px}.logo__tag{display:none}.menu-button{display:grid}.site-nav{position:fixed;inset:78px 0 auto;display:grid;gap:0;padding:16px 20px 24px;border-bottom:1px solid var(--outline-variant);background:var(--page);box-shadow:0 24px 45px color-mix(in srgb,var(--shadow) 15%,transparent);opacity:0;pointer-events:none;transform:translateY(-15px);transition:opacity .2s ease,transform .2s ease}.site-nav.is-open{opacity:1;pointer-events:auto;transform:none}.site-nav>a:not(.button){padding:17px 4px;border-bottom:1px solid var(--outline-variant);color:var(--text);font-size:1rem}.site-nav>a:not(.button):after{display:none}.site-nav .nav-cta{margin-top:16px}.site-header__actions{margin-left:auto}.hero{padding-top:145px}.hero__grid{grid-template-columns:1fr;gap:78px}.hero__copy{max-width:720px;text-align:center;margin-inline:auto}.hero__lede{margin-inline:auto}.hero__actions,.hero__proof{justify-content:center}.hero__visual{width:min(100%,610px);margin-inline:auto}.hero__pip{left:12px}.demo-card{margin-inline:auto}.ritual-strip__inner{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-block:18px}.ritual-strip__inner>div{justify-content:center;min-height:66px}.ritual-strip i{display:none}.steps-grid{grid-template-columns:1fr}.step-card{display:grid;min-height:0;grid-template-columns:auto 190px 1fr;align-items:center;gap:24px}.step-card__number{align-self:start}.mini-board{grid-row:1 / span 2;grid-column:2}.step-card h3,.step-card p{grid-column:3}.step-card h3{align-self:end;margin:0}.step-card p{align-self:start}.section-heading--split{grid-template-columns:1fr;gap:24px}.section-heading--split p{max-width:620px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:285px}.social-showcase{grid-template-columns:1fr;width:min(100%,650px);margin-inline:auto}.friends-screen{margin-top:0;transform:rotate(-.5deg)}.versus-screen{transform:rotate(.5deg)}.versus-board{width:min(100%,410px)}.pip-story__card{grid-template-columns:1fr}.pip-story__art{min-height:450px}.pip-story__art .pip{width:min(58%,350px)}.pip-story__copy{padding:20px 52px 60px;text-align:center;align-items:center;margin-inline:auto}.faq-layout{grid-template-columns:1fr;gap:54px}.faq-layout .section-heading{position:static}.download__card{grid-template-columns:1fr}.download__copy{padding-bottom:20px;text-align:center}.download__copy p{margin-inline:auto}.download__buttons{justify-content:center}.download__art{min-height:380px}.download__art .pip{width:min(55%,330px)}.download__sun{width:320px}}@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--container))}.section{padding-block:72px}.site-header__inner{min-height:70px}.site-nav{top:70px}.logo__name{font-size:.95rem}.site-header__actions{margin-left:auto}.icon-button{width:39px;border-radius:12px}h2{font-size:clamp(2.45rem,12vw,3.6rem)}.hero{min-height:0;padding-top:124px;padding-bottom:86px}.hero h1{font-size:clamp(3.55rem,17vw,5.2rem)}.hero__lede{font-size:1rem}.hero__actions{display:grid}.hero__actions .button{width:100%}.hero__proof{gap:10px 14px;font-size:.7rem}.hero__visual{min-height:470px;padding-top:38px}.hero__pip{top:-30px;left:0}.hero__pip .pip{width:86px}.speech-bubble{top:-6px;left:72px;width:132px}.demo-card{width:calc(100% - 8px);padding:17px;border-radius:24px;transform:rotate(.8deg)}.demo-card:before{inset:18px -8px -12px 13px;border-radius:24px}.puzzle-cell.is-filled:before{inset:3px;border-radius:5px}.floating-badge{padding:9px 10px}.floating-badge--streak{right:-1px;bottom:26px}.floating-badge--rank{left:-3px;bottom:-28px}.ritual-strip__inner>div{display:grid;justify-items:center;gap:0}.ritual-strip strong{font-size:1.65rem}.ritual-strip span{font-size:.62rem}.steps-grid{margin-top:42px}.step-card{display:block;padding:20px}.mini-board{width:155px;margin-top:14px}.step-card h3{margin-top:18px}.section-heading--split{display:block}.section-heading--split p{margin-top:24px}.feature-grid{margin-top:42px}.feature-card{min-height:0;padding:26px}.feature-card__icon{margin-bottom:30px}.social-feature-points{display:grid;grid-template-columns:1fr 1fr}.social-feature-points span{border-radius:13px}.social-showcase{margin-top:42px}.product-screen{border-radius:23px}.product-screen__header{min-height:70px;padding:12px}.friends-screen__body,.versus-screen__body{padding:12px}.notification-status{font-size:.56rem}.invite-card--accepted{grid-template-columns:auto 1fr}.invite-card--accepted .mini-button{grid-column:1 / -1}.versus-players{gap:7px}.versus-player{padding:8px}.versus-player .avatar{width:31px;border-radius:10px}.versus-player .person-row{gap:7px}.versus-board-wrap{padding:10px}.versus-board>i.is-filled:before{inset:3px;border-radius:4px}.pip-story{padding-block:72px}.pip-story__card{width:calc(100% - 20px);border-radius:28px}.pip-story__art{min-height:340px}.pip-story__art .pip{width:min(68%,270px)}.pip-story__tile{width:42px;border-radius:12px}.pip-story__copy{padding:10px 24px 40px}.pip-story__copy h2{font-size:2.65rem}.faq-layout{gap:38px}.faq-list summary{padding-left:18px;font-size:.92rem}.download__card{width:calc(100% - 20px);border-radius:28px}.download__copy{padding:48px 24px 10px}.download__copy h2{font-size:2.65rem}.download__buttons{display:grid}.download__art{min-height:320px}.download__art .pip{width:min(68%,270px)}.download__sun{width:255px}.site-footer__top{display:grid;gap:34px}.site-footer__top nav{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.site-footer__bottom{display:grid;gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}