:root {
  --paper:#f4efea;--paper-top:#fbf8f3;--cream:#fffaf3;--sand:#e9dacc;--walnut:#311e14;--wood:#684733;--caramel:#ab805c;--muted:#776458;--line:rgba(91,62,43,.15);--shadow:0 30px 65px rgba(58,32,16,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--walnut);font-family:ui-rounded,"SF Pro Rounded","Avenir Next",Avenir,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(138deg,var(--paper-top) 0%,var(--paper) 38%,#e6d6c9 100%);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #b67544;outline-offset:5px}p{line-height:1.75}button,summary{font:inherit}::selection{color:#fff;background:#754e36}.wrap{width:min(1180px,calc(100% - 72px));margin-inline:auto}.skip-link{position:absolute;top:-90px;left:16px;padding:12px 20px;background:var(--walnut);color:white;z-index:50}.skip-link:focus{top:10px}.site-header{height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(82,51,32,.11)}.brand,.footer-brand{text-decoration:none;font-weight:950;letter-spacing:.075em;font-size:20px;display:inline-flex;align-items:center;gap:12px}.brand-dot{color:#c18a61}.brand-ball{display:block;width:37px;height:37px;border-radius:50%;position:relative;box-shadow:inset -6px -7px 7px rgba(10,29,49,.45),inset 5px 5px 7px rgba(255,255,255,.4),0 2px 6px #634b3b44;background:radial-gradient(circle at 26% 18%,#ffffffbb,transparent 39%),repeating-linear-gradient(110deg,transparent 0px,transparent 6px,#b9eeff 7px,#c2f8ff 9px,transparent 12px,transparent 21px,#0d80b3 23px,#0a5a8f 29px),#04528e}.navigation{display:flex;align-items:center;gap:36px}.navigation a{text-decoration:none;font-size:13px;font-weight:750;letter-spacing:.045em;color:#827469;transition:color .2s}.navigation a:hover,.navigation a[aria-current=page]{color:var(--walnut)}.navigation a[aria-current=page]::after{content:"";display:block;height:2px;border-radius:3px;background:#aa6b4b;margin-top:7px}.hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:650px;padding-block:74px 98px;gap:26px}.eyebrow{display:inline-flex;align-items:center;gap:12px;letter-spacing:.22em;font-size:11px;font-weight:850;color:#a0785e;margin:0 0 25px}.eyebrow-line{width:28px;height:1px;background:#b4825c}.hero h1,.section-heading h2,.feature-copy h2,.final-cta h2,.page-hero h1,.not-found h1{font-weight:900;letter-spacing:-.055em;line-height:1.07;margin:0}.hero h1{font-size:clamp(54px,5.9vw,86px)}em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.05em;color:#a67b5c}.hero-lead{font-size:17px;max-width:470px;margin:26px 0 32px;color:#756255;line-height:1.8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:55px;padding:0 22px;border-radius:100px;font-size:13px;font-weight:850;text-decoration:none;white-space:nowrap;letter-spacing:.005em}.button-primary{background:var(--walnut);color:#fff4e9;box-shadow:0 10px 24px #38201321}.button-primary[href]:hover{background:#563826;transform:translateY(-2px)}.button-quiet{border:1px solid #bca59688;background:#fffdf93e}.button-quiet:hover{background:#fffaf5}.button-soon{margin-left:5px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#d8bdab}.coming-soon{cursor:default}.apple-glyph{font-size:13px;color:#f4ede5}.hero-footnote{font-size:12px;color:#a29184;margin-top:21px}.hero-footnote span{padding:0 7px}.hero-art{position:relative;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center}.art-halo{position:absolute;inset:3% 1% 9%;border-radius:50%;background:radial-gradient(circle,#e0c2a9aa 0,transparent 62%)}.hero-emblem{display:block;width:min(100%,540px);height:auto;position:relative;z-index:2;filter:drop-shadow(0 32px 26px #3f281e33);transform:rotate(-5deg)}.art-caption{position:relative;z-index:2;display:flex;align-items:center;gap:17px;color:#927360;letter-spacing:.45em;font-size:12px;font-weight:850;margin-top:-8px;padding-left:.45em}.caption-line{display:block;width:34px;height:1px;background:#c4ab9a}.caption-divider{color:#ab998c}.floating-ball,.glass-marble{display:inline-block;flex:none;border-radius:50%;position:relative;box-shadow:inset -7px -10px 13px #01142e6a,inset 4px 4px 8px #ffffff70,0 7px 12px #24150928;border:1px solid #ffffff93;background:radial-gradient(circle at 28% 17%,#ffffffae,transparent 36%),repeating-linear-gradient(115deg,#054567 0%,#248bb4 12%,#b1ecff 17%,#075d9a 21%,#034565 33%,#2b9acd 41%,#d5f4fc 45%,#096492 51%)}.floating-ball::after,.glass-marble::after{content:"";position:absolute;width:24%;height:11%;top:14%;left:17%;border-radius:50%;background:#fff8;filter:blur(2px);transform:rotate(-30deg)}.float-one,.float-two{position:absolute;z-index:3;width:46px;height:46px}.float-one{top:7%;right:14%;transform:rotate(20deg)}.float-two{left:5%;bottom:22%;background:radial-gradient(circle at 30% 20%,#ffffffa6,transparent 38%),repeating-linear-gradient(112deg,#194267 0%,#efc339 14%,#00629b 23%,#9defff 29%,#143487 42%)}.section{padding-block:105px}.intro{background:#fffaf5aa;border-block:1px solid #e3d6cc}.section-heading{text-align:center;margin:0 auto 51px;max-width:630px}.section-heading h2,.feature-copy h2{font-size:clamp(39px,4vw,59px)}.section-heading>p:last-child{color:var(--muted);font-size:15px;max-width:440px;margin:21px auto 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.step{padding:32px 29px 38px;border:1px solid #e7d5c6;background:#fffdf9;border-radius:21px;min-height:298px;box-shadow:0 11px 28px #5a35100a}.step-index{font-size:12px;font-weight:850;letter-spacing:.14em;color:#bd9d83}.step-illustration{height:86px;display:flex;align-items:center;justify-content:center;gap:-6px;margin:10px 0 17px}.glass-marble{width:58px;height:58px}.step-illustration .glass-marble{width:55px;height:55px;margin-right:-10px}.glass-marble-red{background:radial-gradient(circle at 25% 18%,#ffffffb9,transparent 40%),repeating-linear-gradient(114deg,#721c36 0%,#e76387 15%,#fff1e6 19%,#be204d 27%,#4b1634 40%,#ef9eb7 50%)}.glass-marble-gold{background:radial-gradient(circle at 30% 20%,#ffffffe0,transparent 39%),repeating-linear-gradient(116deg,#04544c 0%,#1aba9f 12%,#e8cf38 18%,#e7e8ba 21%,#0c6a60 32%,#4cc9ab 45%)}.glass-marble-teal{background:radial-gradient(circle at 30% 20%,#ffffffe0,transparent 39%),repeating-linear-gradient(120deg,#115446 0%,#36ae90 15%,#faf5e5 19%,#df5b72 26%,#06705c 35%,#5ccfa2 49%)}.guess-illustration{gap:13px;color:var(--walnut);font-size:20px;font-weight:950;letter-spacing:.11em}.guess-illustration span{display:grid;place-items:center;background:#f4e8dc;border-radius:12px;min-width:90px;height:54px}.guess-illustration i{font-family:Georgia,serif;font-size:14px;color:#b59b85;font-weight:400;letter-spacing:0}.win-illustration{position:relative}.win-illustration b{font-size:21px;color:#af815d;margin-left:15px}.step h3{font-size:20px;letter-spacing:-.03em;margin:5px 0 9px}.step p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.modes-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.section-heading.left{text-align:left;margin:0;max-width:445px}.section-heading.left>p:last-child{margin-left:0}.mode-stack{display:grid;gap:15px}.mode-tile{display:grid;grid-template-columns:77px 1fr 20px;gap:18px;align-items:center;padding:23px;background:#fffaf4a8;border-radius:22px;border:1px solid #dcc8b93d;box-shadow:0 12px 24px #54361d0b}.mode-symbol{display:grid;place-items:center;width:73px;height:73px;background:#eee0d3;border-radius:17px}.mode-symbol .glass-marble{width:46px;height:46px}.friends-symbol{font-size:36px;color:#a66c4d}.mode-kicker{font-weight:850;letter-spacing:.17em;color:#aa856d;font-size:10px}.mode-tile h3{font-size:21px;margin:4px 0}.mode-tile p{font-size:13px;color:var(--muted);margin:0;line-height:1.65}.mode-arrow{font-size:20px;color:#b49e8c;align-self:start}.feature-section{padding-top:35px}.feature-panel{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:380px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 80% 40%,#765340,#4a2e20 58%,#301e16 105%);position:relative;color:#fff4ea}.feature-panel::before{content:"";position:absolute;inset:0;opacity:.19;background:repeating-linear-gradient(0deg,transparent 0 27px,#f5d5ab14 28px 30px,transparent 31px 46px);pointer-events:none}.feature-copy{padding:57px 16px 57px 62px;position:relative;z-index:2}.feature-copy .eyebrow{color:#d4b194}.feature-copy h2{font-size:clamp(39px,4vw,57px)}.feature-copy h2 em{color:#efc8aa}.feature-copy p:not(.eyebrow){max-width:450px;font-size:15px;color:#decdc1;margin:22px 0}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.feature-copy .text-link{color:#fff9ee}.text-link:hover{opacity:.72}.feature-showcase{position:relative;height:360px}.feature-showcase .glass-marble{position:absolute;width:110px;height:110px;box-shadow:inset -15px -16px 24px #071e396b,inset 9px 8px 14px #ffffff70,0 17px 22px #130e0c55}.feature-showcase .glass-marble:nth-child(1){top:11%;left:31%}.feature-showcase .glass-marble:nth-child(2){top:29%;left:5%;width:122px;height:122px}.feature-showcase .glass-marble:nth-child(3){top:47%;left:45%;width:131px;height:131px}.feature-showcase .glass-marble:nth-child(4){top:5%;right:4%;width:80px;height:80px}.final-cta{padding-block:93px 114px}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-inner .eyebrow{margin-bottom:14px}.final-cta h2{font-size:clamp(40px,4vw,60px)}.final-cta p:not(.eyebrow){color:var(--muted);margin:10px 0 0}.final-cta-actions{display:grid;justify-items:start;gap:21px}.site-footer{display:flex;justify-content:space-between;gap:30px;padding-block:42px 50px;border-top:1px solid #9a7d6a36}.footer-brand{font-size:18px}.site-footer p{color:#8d7a6d;font-size:12px;margin:13px 0 19px}.site-footer small{font-size:11px;color:#a08b7f}.site-footer nav{display:flex;flex-wrap:wrap;align-content:start;gap:23px;padding-top:7px}.site-footer nav a{text-decoration:none;font-size:12px;font-weight:700;color:#79675b}.site-footer nav a:hover{color:var(--walnut)}
/* Privacy and support */
.legal-main{padding-top:77px;padding-bottom:107px}.page-hero{max-width:760px;margin-bottom:72px}.page-hero h1{font-size:clamp(58px,6.5vw,88px)}.page-hero>p{font-size:17px;color:var(--muted);max-width:650px;margin:27px 0 21px}.date-note{font-size:12px;color:#a08d7e}.legal-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:62px;align-items:start}.legal-aside{display:grid;gap:17px;position:sticky;top:24px}.legal-aside span{font-size:10px;font-weight:850;letter-spacing:.22em;color:#b49277;margin-bottom:6px}.legal-aside a{text-decoration:none;color:#817163;font-size:13px;font-weight:700}.legal-aside a:hover{color:var(--walnut)}.legal-content{display:grid;gap:15px}.legal-card{background:#fffdf9c7;border-radius:22px;border:1px solid #e5d3c6;padding:32px 36px;scroll-margin-top:20px}.legal-card.highlight{background:linear-gradient(135deg,#f5e4d4,#ebd2bc);border-color:#e3c5ac}.card-kicker{color:#ae8265;display:block;font-size:10px;font-weight:850;letter-spacing:.18em;margin-bottom:13px}.legal-card h2{font-size:23px;letter-spacing:-.035em;margin:0 0 13px}.legal-card p{color:#736155;font-size:14px;margin:9px 0;line-height:1.85}.legal-card a{color:#78482f;text-underline-offset:3px}.legal-card.contact-card{background:var(--walnut);color:#fff7ed}.legal-card.contact-card h2{color:#fff7ed}.legal-card.contact-card p{color:#ddcabe}.legal-card.contact-card .card-kicker{color:#e4b98d}.email-link{display:inline-flex;align-items:center;gap:15px;font-size:clamp(13px,1.9vw,19px);font-weight:800;overflow-wrap:anywhere}.contact-card .email-link{color:#fff6ee}.support-contact{background:var(--walnut);border-radius:26px;padding:32px 39px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff9ef;margin-bottom:71px}.support-contact .card-kicker{color:#dfba9c}.support-contact h2{font-size:33px;letter-spacing:-.04em;margin:0}.support-contact p{font-size:13px;color:#decabf;margin:6px 0}.support-contact .button{background:#fff8ec;color:var(--walnut)}.faq-section{display:grid;grid-template-columns:250px minmax(0,1fr);gap:55px;margin-bottom:63px}.faq-heading .eyebrow{margin-bottom:15px}.faq-heading h2{font-size:34px;line-height:1.15;letter-spacing:-.045em;margin:0}.faq-list{display:grid;gap:12px}.faq-list details{background:#fffaf5c2;border:1px solid #e3d4c7;border-radius:17px;padding:0 23px}.faq-list summary{position:relative;cursor:pointer;font-weight:800;font-size:15px;list-style:none;padding:23px 30px 23px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:0;top:18px;color:#a37d61;font-size:26px;font-weight:400}.faq-list details[open] summary::after{content:"−"}.faq-list details p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 23px}.faq-list details a{color:#734628}.support-bottom{display:flex;align-items:center;gap:20px;padding:30px 0;border-top:1px solid var(--line)}.support-bottom .glass-marble{width:53px;height:53px}.support-bottom h2{font-size:21px;margin:0}.support-bottom p{color:var(--muted);font-size:13px;margin:4px 0}.support-bottom .text-link{margin-left:auto}.not-found{min-height:60vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:60px}.not-found h1{font-size:clamp(54px,7vw,96px)}.not-found>p{color:var(--muted)}
@media(max-width:960px){.hero{min-height:auto;grid-template-columns:1fr 1fr;padding-block:62px 78px}.hero h1{font-size:clamp(47px,6vw,70px)}.hero-art{min-height:400px}.section{padding-block:75px}.modes-layout{gap:34px}.feature-copy{padding-left:40px}.legal-layout{grid-template-columns:155px minmax(0,1fr);gap:30px}.faq-section{grid-template-columns:190px minmax(0,1fr);gap:30px}}
@media(max-width:720px){.wrap{width:min(100% - 36px,590px)}.site-header{height:78px}.brand{font-size:17px;gap:8px}.brand-ball{width:29px;height:29px}.navigation{gap:15px}.navigation a{font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding-block:65px 64px}.hero h1{font-size:clamp(48px,11.3vw,77px)}.hero-lead{font-size:15px;max-width:520px}.hero-actions{gap:10px}.hero-art{min-height:0;padding:13px 20px 0}.hero-emblem{width:min(100%,420px)}.art-caption{margin-top:-13px}.float-one{right:9%;top:8%}.float-two{left:7%;bottom:19%}.section{padding-block:74px}.section-heading h2,.feature-copy h2{font-size:clamp(37px,9vw,54px)}.steps{grid-template-columns:1fr}.step{min-height:0;padding:25px 27px 29px}.step-illustration{height:79px;margin:1px 0 11px}.modes-layout{grid-template-columns:1fr}.section-heading.left{margin-bottom:3px}.feature-section{padding-top:0}.feature-panel{grid-template-columns:1fr;min-height:auto}.feature-copy{padding:46px 32px 0}.feature-showcase{height:220px}.feature-showcase .glass-marble:nth-child(1){left:28%;top:7%}.feature-showcase .glass-marble:nth-child(2){left:11%;top:32%}.feature-showcase .glass-marble:nth-child(3){left:57%;top:39%}.feature-showcase .glass-marble:nth-child(4){right:18%;top:2%}.final-inner{align-items:flex-start;flex-direction:column}.site-footer{display:block;padding-block:36px}.site-footer nav{margin-top:25px}.legal-main{padding-top:68px;padding-bottom:80px}.page-hero{margin-bottom:47px}.page-hero h1{font-size:clamp(52px,11.5vw,74px)}.page-hero>p{font-size:15px}.legal-layout{display:block}.legal-aside{display:none}.legal-card{padding:25px 24px}.legal-card h2{font-size:21px}.faq-section{display:block;margin-bottom:53px}.faq-heading{margin-bottom:25px}.support-contact{padding:29px 25px;flex-direction:column;align-items:flex-start}.support-bottom{flex-wrap:wrap}.support-bottom .text-link{margin-left:73px}}
@media(max-width:390px){.wrap{width:calc(100% - 28px)}.navigation{gap:12px}.navigation a{font-size:11px}.brand{font-size:15px}.brand-ball{width:26px;height:26px}.hero h1{font-size:46px}.button{padding:0 16px;min-height:51px;font-size:12px}.button-soon{font-size:9px}.mode-tile{grid-template-columns:57px 1fr 10px;gap:12px;padding:17px}.mode-symbol{width:57px;height:57px}.mode-symbol .glass-marble{width:39px;height:39px}.mode-tile h3{font-size:18px}.mode-tile p{font-size:12px}.legal-card{padding:23px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Full App Store title: allow the navigation to reflow instead of clipping on phones. */
@media(max-width:720px){.site-header{height:auto;min-height:78px;flex-wrap:wrap;padding-block:14px;row-gap:14px}.brand{letter-spacing:.018em;font-size:clamp(14px,3.4vw,17px)}.navigation{margin-left:auto}}
@media(max-width:390px){.brand{font-size:13px;letter-spacing:.01em}.brand-ball{width:24px;height:24px}}
