/* Buddy Up only: semantic colours shared by app and public pages. Coral is decorative, never white-on-coral text. */
:root {
 --bu-primary:#5145CD; --bu-primary-hover:#4035B0; --bu-primary-pressed:#342990;
 --bu-primary-soft:#F0EDFF; --bu-primary-soft-hover:#E5DFFF;
 --bu-accent:#FF796B; --bu-accent-soft:#FFF0ED; --bu-accent-ink:#963D35;
 --bu-canvas:#FAFAFD; --bu-surface:#FFFFFF; --bu-surface-2:#F6F5FB; --bu-surface-3:#F0EDFF;
 --bu-ink:#22243B; --bu-ink-2:#484A63; --bu-muted:#63657B; --bu-subtle:#63657B;
 --bu-line:#E4E2EE; --bu-line-strong:#858299; --bu-focus:#5145CD;
 --bu-disabled-bg:#E7E5EF; --bu-disabled-text:#636176;
 --bu-success:#23734A; --bu-success-bg:#EAF6EE; --bu-warning:#85570C; --bu-warning-bg:#FFF5DF;
 --bu-danger:#B52D43; --bu-danger-hover:#922236; --bu-danger-bg:#FFF0F2; --bu-online:#23734A; --bu-info-bg:#F0EDFF;
 --bu-inverse:#FFFFFF; --bu-inverse-muted:#DAD7F0; --bu-immersive:#242039; --bu-immersive-raised:#322C48;
 --bu-story-gradient:conic-gradient(from 210deg,#5145CD,#9A7FE9,#FF796B,#5145CD);
 --bu-shadow-1:0 2px 6px rgb(34 36 59 / .04);
 --bu-shadow-2:0 6px 20px rgb(34 36 59 / .07);
 --bu-shadow-3:0 16px 40px rgb(34 36 59 / .10);
 --bu-ring:0 0 0 2px #FFFFFF,0 0 0 4px #5145CD;
}


:root{--buddy-action:var(--bu-primary);--buddy-action-hover:var(--bu-primary-hover);--buddy-brand-primary:var(--bu-primary);--buddy-brand-secondary:var(--bu-primary);--buddy-brand-ink:var(--bu-ink);--buddy-brand-light:var(--bu-primary-soft);--buddy-brand-surface:var(--bu-canvas);--buddy-brand-line:var(--bu-line);--buddy-brand-focus:var(--bu-primary);--buddy-brand-gradient:linear-gradient(135deg,var(--bu-primary-soft),var(--bu-canvas))}
.buddy-brand{display:inline-flex;align-items:center;gap:9px;color:var(--buddy-brand-ink);white-space:nowrap}.buddy-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:var(--buddy-brand-light);color:var(--buddy-brand-primary);flex-shrink:0}.buddy-brand-name{color:var(--buddy-brand-primary);font-size:26px;font-weight:850;letter-spacing:-1.3px}.buddy-brand-name>span{color:inherit}.buddy-brand-compact .buddy-brand-mark{width:28px;height:28px;border-radius:10px}.buddy-brand-compact svg{width:20px;height:20px}
.buddy-shell,.buddy-dialog{--buddy-ink:var(--buddy-brand-ink);--buddy-blue:var(--buddy-brand-primary);--buddy-line:var(--buddy-brand-line);--spp-primary:var(--buddy-brand-primary)}
.buddy-onboarding-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0}.buddy-onboarding-steps li{padding:8px 12px;border-radius:12px;background:var(--buddy-brand-light);font-size:12px;color:var(--buddy-brand-ink)}.buddy-onboarding-steps [aria-current=step]{background:var(--buddy-brand-primary);color:white}
.spp-app-nav-item.buddy-product-nav{background:var(--buddy-brand-light);color:var(--buddy-brand-ink);border:1px solid var(--buddy-brand-line)}.spp-app-nav-item.buddy-product-nav.active{background:var(--bu-primary-soft-hover);color:var(--buddy-brand-ink)}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--buddy-brand-surface);color:var(--buddy-brand-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--buddy-brand-primary);outline-offset:6px;border-radius:5px}.skip{position:absolute;left:20px;top:-80px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}.wrap{max-width:1240px;margin:auto;padding-inline:42px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px}.brand{color:var(--buddy-brand-primary);text-decoration:none;display:inline-flex;gap:9px;align-items:center;font-size:27px;font-weight:850;letter-spacing:-1.5px}.brand .mark{display:grid;place-items:center;width:40px;height:40px;background:var(--buddy-brand-light);color:var(--buddy-brand-primary);border-radius:15px}.brand b{color:var(--buddy-brand-primary)}.nav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:650}.nav a{text-decoration:none}.nav a[aria-current=page]{text-decoration:underline}.pill{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:99px;padding:16px 24px;background:var(--buddy-brand-ink);color:white;text-decoration:none;font-size:14px;font-weight:650;min-height:48px;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px);background:var(--buddy-brand-primary)}.pill.light{background:white;color:var(--buddy-brand-ink);border:1px solid var(--buddy-brand-line)}.stage-note{padding:7px 20px;text-align:center;background:var(--buddy-brand-light);font-size:11px;letter-spacing:.05em}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:28px;padding-block:75px 80px}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:750;color:var(--buddy-brand-primary);display:block;margin-bottom:24px}h1{font-size:clamp(48px,6.7vw,86px);line-height:1.02;letter-spacing:-.07em;margin:0 0 28px;font-weight:750}h1 em{font-style:normal;color:var(--buddy-brand-primary)}.lead{font-size:18px;line-height:1.7;max-width:490px;color:#4b6365}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.fine{font-size:12px;color:var(--bu-muted);line-height:1.6;margin-top:18px}.hero-scene{position:relative;min-height:520px;isolation:isolate}.orbit-bg{position:absolute;inset:25px 5px 40px;border-radius:48% 48% 40% 40%;background:var(--buddy-brand-light);transform:rotate(-7deg);z-index:-1}.orbit-bg:before,.orbit-bg:after{content:"";position:absolute;inset:24px;border:1px solid #b2cfc3;border-radius:50%}.orbit-bg:after{inset:65px;transform:rotate(30deg)}.preview{background:white;border:1px solid var(--buddy-brand-line);border-radius:22px;box-shadow:0 18px 48px #143b4210;padding:23px}.plan-preview{position:absolute;width:300px;left:17%;top:105px;transform:rotate(-4deg)}.preview-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:750;color:#52716a;margin-bottom:12px}.preview h3{margin:9px 0;font-size:25px;letter-spacing:-.04em}.preview p{font-size:12px;line-height:1.6;color:#57716a}.person{display:flex;gap:9px;align-items:center;font-size:12px}.person small{display:block;color:#647a74;font-size:10px;margin-top:3px}.avatar{width:35px;height:35px;border-radius:12px;background:var(--bu-primary-soft);color:var(--bu-primary);display:inline-grid;place-items:center;font-weight:750;flex-shrink:0}.avatar.peach{background:var(--bu-accent-soft);color:#734c32}.avatar.ink{background:var(--bu-ink);color:white}.plan-art{height:124px;border-radius:15px;background:linear-gradient(125deg,var(--bu-primary-soft),var(--bu-canvas));display:flex;align-items:center;justify-content:center;gap:14px;font-size:54px}.plan-art span{transform:rotate(-12deg)}.pretend-button{padding:12px;text-align:center;border-radius:12px;background:var(--buddy-brand-primary);color:white;font-size:12px;font-weight:700;margin-top:15px}.story-preview{position:absolute;right:1%;top:25px;background:var(--bu-accent-soft);border-color:#e7cdbb;width:172px;transform:rotate(7deg);padding:18px}.story-preview strong{font-size:22px;letter-spacing:-.05em;display:block;margin:20px 0 15px}.story-preview small{font-size:10px}.chat-preview{position:absolute;right:-1%;bottom:55px;width:245px;transform:rotate(4deg)}.chat-bubble{background:var(--buddy-brand-light);font-size:12px;line-height:1.5;padding:13px;border-radius:14px 14px 14px 3px;margin-top:14px}.game-chip{position:absolute;left:0;bottom:28px;padding:15px 20px;border-radius:18px;background:var(--buddy-brand-ink);color:white;box-shadow:0 15px 30px #143b4215;font-size:12px;display:flex;gap:12px;align-items:center}.game-chip span{font-size:29px}.scene-caption{position:absolute;bottom:-15px;left:20%;font-size:10px;color:var(--bu-muted)}.hero-scene .preview{animation:appear .7s ease both}.hero-scene .story-preview{animation-delay:.12s}.hero-scene .chat-preview{animation-delay:.25s}@keyframes appear{from{opacity:0;translate:0 12px}to{opacity:1;translate:0}}.promise-strip{display:flex;gap:28px;justify-content:space-between;padding:25px 0;border-block:1px solid var(--buddy-brand-line);font-size:12px;color:#4b6963}.promise-strip span{display:flex;align-items:center;gap:9px}.promise-strip i{color:var(--buddy-brand-primary);font-style:normal}.section{padding-block:90px}.section-head{max-width:640px;margin-bottom:38px}.section h2,.closing h2{font-size:clamp(32px,4.5vw,55px);line-height:1.1;letter-spacing:-.055em;margin:14px 0}.section-head p,.copy p{line-height:1.75;color:var(--bu-ink-2);font-size:16px}.moments{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.moment{padding:28px;border-radius:26px;background:white;border:1px solid var(--buddy-brand-line);min-width:0}.moment.big{background:var(--buddy-brand-light)}.moment h3{font-size:25px;letter-spacing:-.035em;margin:23px 0 12px}.moment p{font-size:14px;color:var(--bu-ink-2);line-height:1.7}.visual-story{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:165px}.visual-story span{border-radius:20px;background:var(--bu-ink);color:#fff;padding:14px 9px;font-size:11px;display:flex;flex-direction:column;justify-content:space-between;rotate:-4deg}.visual-story span:nth-child(2){background:var(--bu-primary-soft);color:#49392c;rotate:4deg;translate:0 10px}.visual-story span:nth-child(3){background:#fff;color:var(--bu-ink);rotate:-2deg}.visual-story b{font-size:27px}.mini-plan{height:165px;background:white;border-radius:19px;padding:18px;display:grid;gap:11px;box-shadow:0 12px 22px #143b420a;font-size:12px}.mini-plan strong{font-size:23px;letter-spacing:-.05em}.faces{height:165px;display:flex;align-items:center;justify-content:center;gap:8px}.faces .avatar{width:58px;height:80px;border-radius:25px;font-size:22px;rotate:-8deg}.faces .avatar:nth-child(2){translate:0 -20px;rotate:5deg}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.conversation{background:var(--buddy-brand-light);padding:45px;border-radius:32px}.bubble{padding:18px 22px;border-radius:22px 22px 22px 5px;background:white;max-width:85%;font-size:15px;margin:16px 0;line-height:1.5}.bubble.reply{margin-left:auto;background:var(--buddy-brand-ink);color:white;border-radius:22px 22px 5px 22px}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.game-card{display:block;text-decoration:none;background:white;border:1px solid var(--buddy-brand-line);border-radius:22px;padding:23px 18px}.game-card .glyph{display:grid;place-items:center;border-radius:18px;background:var(--buddy-brand-light);height:100px;font-size:50px;margin-bottom:20px}.game-card h3{font-size:17px;margin:0 0 10px}.game-card p{font-size:12px;line-height:1.6;color:var(--bu-ink-2)}.trust{background:var(--buddy-brand-ink);color:white;border-radius:32px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.trust p{color:#d0e1db;line-height:1.7;font-size:14px}.trust h2{font-size:40px}.trust-list{display:grid;gap:20px}.trust-list h3{margin:0 0 7px;font-size:17px}.trust .eyebrow{color:#a9d0bd}.closing{text-align:center;padding:75px 20px;background:var(--buddy-brand-light);border-radius:40px;margin-block:0 75px}.closing p{color:var(--bu-ink-2)}.closing .actions{justify-content:center}.footer{display:flex;justify-content:space-between;gap:30px;padding-block:35px;border-top:1px solid var(--buddy-brand-line);font-size:12px}.footer nav{display:flex;flex-wrap:wrap;gap:20px}.footer p{color:var(--bu-muted);line-height:1.7;max-width:300px}.document{max-width:820px;margin:auto;padding:70px 30px 90px}.document h1{font-size:clamp(43px,6vw,68px)}.document h2{font-size:27px;letter-spacing:-.04em;margin-top:40px}.document p,.document li{line-height:1.8;color:var(--bu-ink-2)}.document li{margin-bottom:8px}.steps{list-style:none;padding:0;counter-reset:steps;display:grid;gap:18px}.steps li{counter-increment:steps;border:1px solid var(--buddy-brand-line);background:white;padding:25px;border-radius:23px}.steps h2{margin:0 0 12px}.steps h2:before{content:counter(steps,decimal-leading-zero);color:var(--buddy-brand-primary);font-size:14px;margin-right:15px}.document details{padding:22px 0;border-bottom:1px solid var(--buddy-brand-line)}.document summary{cursor:pointer;font-size:18px;font-weight:650}.document .game-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:1000px){.wrap{padding-inline:26px}.hero{gap:0}.hero-scene{scale:.87;transform-origin:right center;margin-left:-50px}.nav{gap:15px}.split{gap:35px}.moments{grid-template-columns:1fr 1fr}.moment:last-child{grid-column:1/-1}.game-grid{grid-template-columns:repeat(3,1fr)}.trust{padding:35px;gap:25px}}@media(max-width:700px){.wrap{padding-inline:22px}.site-header{flex-wrap:wrap;padding-block:20px;gap:20px}.nav{order:3;width:100%;gap:23px;overflow:auto;padding-bottom:4px;font-size:12px}.site-header>.pill{padding:12px 18px;font-size:12px}.hero{grid-template-columns:1fr;padding-block:45px 50px;gap:25px}.hero h1{max-width:420px;font-size:62px}.lead{font-size:16px}.hero-scene{scale:1;margin:0;min-height:455px}.plan-preview{width:245px;left:4%;top:100px;padding:18px}.story-preview{right:0;top:0;width:145px}.chat-preview{width:200px;right:0;bottom:50px;padding:16px}.game-chip{left:0;bottom:8px;font-size:11px;padding:12px}.scene-caption{bottom:-19px;left:0}.plan-art{height:100px}.preview h3{font-size:23px}.promise-strip{flex-wrap:wrap;gap:16px;font-size:11px}.section{padding-block:55px}.moments,.split,.trust{grid-template-columns:1fr}.moment:last-child{grid-column:auto}.moment{padding:25px}.visual-story,.faces,.mini-plan{height:155px}.game-grid{grid-template-columns:1fr 1fr}.game-card:last-child{grid-column:1/-1}.conversation{padding:25px}.trust{padding:28px;border-radius:24px;gap:20px}.trust h2{font-size:35px}.closing{padding:45px 20px;border-radius:26px;margin-bottom:40px}.closing h2{font-size:41px}.footer{flex-direction:column}.document{padding-top:40px}.document .game-grid{grid-template-columns:1fr}.hero .actions .pill{font-size:12px;padding:15px 19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.contact-panel{padding:clamp(24px,4vw,40px);margin:32px 0;border:1px solid var(--bu-line);border-radius:24px;background:var(--bu-surface-2)}.contact-email{overflow-wrap:anywhere;font-weight:650}

/* Public-site-only semantic palette; SPP and authenticated Buddy UI are untouched. */
:root{--pub-primary:#5145CD;--pub-soft:#F0EDFF;--pub-canvas:#FAFAFD;--pub-accent:#FF796B;--pub-ink:#22243B;--pub-muted:#625D78;--pub-line:#DDD8ED;--buddy-brand-primary:var(--pub-primary);--buddy-brand-ink:var(--pub-ink);--buddy-brand-light:var(--pub-soft);--buddy-brand-line:var(--pub-line)}
body{background:var(--pub-canvas);color:var(--pub-ink)}.brand>span:last-child{color:var(--pub-primary)!important}.brand>span:last-child b{color:var(--pub-primary)!important}.brand .mark{background:var(--pub-soft);color:var(--pub-primary)}.site-header{border-bottom:1px solid var(--pub-line)}.pill{background:var(--pub-primary);color:white;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.pill:hover{background:#4135B5}.pill.light{color:var(--pub-primary)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--pub-primary);outline-offset:4px}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}.lead,.fine{color:var(--pub-muted)}.px-home{overflow:clip}.px-home h2{font-size:clamp(34px,4.6vw,57px);line-height:1.08;letter-spacing:-.055em}.px-home h3{letter-spacing:-.025em}.px-hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:80px 0 65px}.px-hero h1{font-size:clamp(48px,6vw,80px);letter-spacing:-.065em}.px-hero h1 em{color:var(--pub-primary);position:relative}.px-hero .lead{font-size:18px;max-width:450px}.px-hero .fine{margin-top:25px}.px-hero .fine a{color:var(--pub-primary);display:inline-flex;align-items:center;min-height:44px}.px-world{height:490px;position:relative;isolation:isolate}.px-orbit{position:absolute;inset:30px 12px 35px;border-radius:48%;background:var(--pub-soft);transform:rotate(-12deg);z-index:-1;border:1px solid #DED5FF}.px-orbit:after{content:'';position:absolute;inset:-15px;border:1px dashed #C6BAF0;border-radius:48%}.px-call{position:absolute;top:103px;left:14%;width:74%;background:white;padding:19px;border-radius:27px;border:1px solid var(--pub-line);box-shadow:0 20px 40px #5145cd14;transform:rotate(-5deg)}.px-call-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;font-weight:750;margin-bottom:16px;color:var(--pub-muted)}.px-call-people{display:flex;gap:10px}.px-call-people svg{width:calc(50% - 5px);height:auto}.px-call-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:12px;font-weight:700}.px-controls{color:var(--pub-primary);background:var(--pub-soft);padding:7px 10px;border-radius:20px}.px-message{position:absolute;top:19px;left:0;border:1px solid var(--pub-line);background:white;padding:20px 24px;border-radius:22px 22px 22px 5px;box-shadow:0 12px 25px #5145cd0c;font-weight:700;font-size:15px;rotate:-6deg}.px-message small{display:block;color:var(--pub-muted);font-weight:400;font-size:12px;margin-top:7px}.px-friend{position:absolute;right:-2px;bottom:15px;width:115px;rotate:9deg}.px-friend svg{width:100%;filter:drop-shadow(0 8px 12px #5145cd12)}.px-friend span{font-size:11px;background:white;border:1px solid var(--pub-line);padding:8px;border-radius:12px;display:block;text-align:center;margin-top:-10px;position:relative}.px-reaction{position:absolute;right:22px;top:35px;width:72px;height:72px;display:grid;place-items:center;background:#FFE2DC;color:#A33839;border:7px solid white;border-radius:24px;font-size:43px;rotate:12deg}.px-chess{position:absolute;left:0;bottom:43px;display:grid;place-items:center;font-size:60px;background:var(--pub-primary);color:white;width:115px;height:123px;border:6px solid white;border-radius:25px;rotate:-10deg;box-shadow:0 14px 25px #5145cd17}.px-chess small{font-size:8px;letter-spacing:.14em}.px-scene-note{position:absolute;bottom:-15px;text-align:center;width:100%;font-size:11px;color:var(--pub-muted)}.px-float{animation:pub-float 6s ease-in-out infinite}.px-float-slow{animation:pub-float 8s ease-in-out infinite reverse}.px-ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;border-block:1px solid var(--pub-line);padding:20px 0;color:var(--pub-muted);font-size:13px}.px-ribbon b{color:var(--pub-primary);font-size:23px}.px-motion{border:1px solid var(--pub-line);border-radius:30px;padding:10px 16px;background:white;color:var(--pub-primary);font-size:11px;min-height:44px;cursor:pointer}.px-feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.px-demo{border:1px solid var(--pub-line);background:white;border-radius:28px;padding:30px;box-shadow:0 14px 40px #5145cd08;min-width:0}.px-demo-label{display:block;font-size:10px;letter-spacing:.04em;color:var(--pub-muted);margin-bottom:18px}.px-tabs,.px-plan-steps{display:flex;gap:7px;flex-wrap:wrap}.px-tabs button,.px-plan-steps button,.px-interest-cloud button{border:1px solid var(--pub-line);background:white;color:var(--pub-ink);padding:11px 16px;border-radius:30px;min-height:44px;cursor:pointer;font-size:13px}.px-tabs [aria-pressed=true],.px-plan-steps [aria-pressed=true],.px-interest-cloud [aria-pressed=true]{background:var(--pub-primary);color:white;border-color:var(--pub-primary)}.px-demo-panel{min-height:285px;margin-top:25px}.px-story-row{border-radius:21px;background:var(--pub-soft);padding:20px;display:flex;gap:20px;align-items:center;line-height:1.5;font-size:14px}.px-people{display:flex;justify-content:center;align-items:center;gap:8px}.px-people>span{display:block;width:65px;transform:rotate(-6deg)}.px-people>span:nth-child(2){transform:translateY(-12px) rotate(4deg)}.px-people>span:nth-child(3){transform:rotate(9deg)}.px-people svg{display:block;width:100%;height:auto}.px-demo-panel h3{font-size:25px;margin-bottom:12px}.px-demo-panel p{line-height:1.7;color:var(--pub-muted);font-size:15px}.px-react{border:1px solid var(--pub-line);background:#fff5f3;border-radius:25px;padding:12px 18px;color:#923C3D;min-height:44px;cursor:pointer;font-size:13px}.px-react[aria-pressed=true]{background:#FFE0D9}.px-feature-notes{display:grid;gap:22px}.px-feature-notes article{padding-bottom:22px;border-bottom:1px solid var(--pub-line)}.px-feature-notes span{font-size:10px;letter-spacing:.15em;color:var(--pub-primary);font-weight:750}.px-feature-notes h3{font-size:26px;margin:10px 0}.px-feature-notes p{font-size:15px;color:var(--pub-muted);line-height:1.7;margin:0}.px-hangout,.px-plans,.px-community{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.px-hangout{background:var(--pub-soft);border-radius:34px;padding:48px;margin:25px 0}.px-room-art{min-width:0}.px-room-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.px-room-grid>div{aspect-ratio:1.2;border:6px solid white;border-radius:23px;overflow:hidden;box-shadow:0 8px 16px #5145cd0a}.px-room-grid svg{width:100%;height:100%;object-fit:cover}.px-room-game{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#DCD5FA;color:var(--pub-primary);font-size:65px}.px-room-game small{font-size:8px;text-align:center;line-height:1.6;max-width:100px;letter-spacing:.15em}.px-room-caption{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:18px;color:var(--pub-primary)}.px-coral{color:#B74842}.px-hangout .copy p{font-size:14px}.px-section-row{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.px-section-row p{color:var(--pub-muted);font-size:14px;line-height:1.7}.px-games{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.px-game{display:block;background:white;border:1px solid var(--pub-line);padding:16px;border-radius:23px;text-decoration:none;transition:transform .2s,box-shadow .2s;min-width:0}.px-game:hover{transform:translateY(-6px);box-shadow:0 16px 30px #5145cd12}.px-game-board{display:grid;place-items:center;height:130px;border-radius:17px;background:repeating-conic-gradient(#F0EDFF 0% 25%,#FAFAFD 0% 50%) 50%/36px 36px;overflow:hidden}.px-game-board b{font-size:65px;color:var(--pub-primary);filter:drop-shadow(3px 5px 0 #CFC7F0);transition:transform .25s}.px-game:hover b{transform:rotate(-10deg) scale(1.08)}.px-game:nth-child(even) .px-game-board{background:#FFE7E1}.px-game h3{font-size:17px;margin:18px 0 8px}.px-game p{font-size:12px;line-height:1.6;color:var(--pub-muted);min-height:40px}.px-game-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--pub-primary);font-weight:700}.px-plan-art{height:170px;display:flex;align-items:center;justify-content:center;gap:35px;background:var(--pub-soft);border-radius:20px;position:relative;margin-bottom:25px}.px-plan-art span{font-size:70px;rotate:-12deg;transition:transform .3s}.px-plan-art span:nth-child(2){rotate:12deg}.px-plan-art:hover span{transform:translateY(-5px)}.px-plan-art i{position:absolute;top:15px;right:25px;font-size:35px;color:var(--pub-primary)}.px-plan-demo h3{font-size:26px}.px-plan-copy{min-height:80px;color:var(--pub-muted);font-size:14px;line-height:1.7}.px-community-art{padding:45px 28px;border:1px solid var(--pub-line);border-radius:45% 45% 28px 28px;background:var(--pub-soft);text-align:center}.px-community-art .px-people>span{width:90px}.px-interest-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:28px}.px-interest-result{min-height:72px;margin-top:25px;line-height:1.6;font-size:16px;color:var(--pub-primary);font-weight:650}.px-values{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-block:1px solid var(--pub-line)}.px-values article{padding:10px 12px}.px-value-icon{font-size:35px;width:70px;height:70px;display:grid;place-items:center;background:var(--pub-soft);border:1px solid var(--pub-line);border-radius:24px;color:var(--pub-primary);margin-bottom:25px}.px-values h3{font-size:26px}.px-values p{font-size:14px;line-height:1.8;color:var(--pub-muted)}.px-values a{font-size:13px;color:var(--pub-primary);min-height:44px;display:inline-flex;align-items:center}.px-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.px-faq details{border-bottom:1px solid var(--pub-line);padding:20px 0}.px-faq summary{font-size:17px;font-weight:650;cursor:pointer;min-height:44px;align-content:center}.px-faq details p{line-height:1.7;color:var(--pub-muted);font-size:14px}.px-closing{position:relative;overflow:hidden;background:var(--pub-soft)}.px-closing .px-people{margin:0 auto 30px}.px-closing .px-people>span{width:55px}.document{background:white;border:1px solid var(--pub-line);border-radius:28px;margin:45px auto;padding:50px;max-width:900px}.document .lead{color:var(--pub-muted)}.game-card{transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.trust{background:var(--pub-soft);color:var(--pub-ink)}.trust p,.trust .eyebrow{color:var(--pub-muted)}
@keyframes pub-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes pub-reveal{from{transform:translateY(14px)}to{transform:translateY(0)}}.px-in-view .px-demo,.px-in-view .px-room-art{animation:pub-reveal .6s ease-out}.px-world:not(.px-in-view) .px-float,.px-world:not(.px-in-view) .px-float-slow,.px-paused *{animation-play-state:paused!important}.px-reduced .px-motion{display:none}
@media(min-width:1500px){.px-hero{padding-block:100px}.px-world{height:510px}}@media(max-width:1000px){.px-feature-grid,.px-hangout,.px-plans,.px-community{gap:30px}.px-hangout{padding:30px}.px-games{grid-template-columns:repeat(3,1fr)}.px-story-row{flex-direction:column;align-items:flex-start}.px-values{gap:12px}.px-faq{gap:30px}.px-world{height:440px}.px-call{left:8%;width:85%}.px-friend{width:90px}.px-hero .lead{font-size:16px}.px-hero h1{font-size:57px}.px-message{font-size:12px;padding:16px}.px-chess{width:95px;height:105px}.px-reaction{right:0}}
@media(max-width:700px){.px-hero{grid-template-columns:1fr;padding:35px 0 50px;gap:25px}.px-hero h1{font-size:clamp(44px,10vw,64px);margin-bottom:20px}.px-hero .lead{font-size:16px}.px-world{height:400px;max-width:450px;width:100%;margin:0 auto}.px-call{top:92px;left:14%;width:70%;padding:14px}.px-call-head{font-size:7px}.px-message{top:8px;left:2%;font-size:12px}.px-friend{width:85px;bottom:16px}.px-chess{bottom:28px;width:85px;height:100px;font-size:50px}.px-call-bottom{font-size:10px;gap:5px}.px-reaction{width:59px;height:59px;font-size:33px;right:8px;top:27px}.px-ribbon{flex-wrap:wrap;justify-content:center;font-size:11px;gap:12px}.px-ribbon b{font-size:15px}.px-feature-grid,.px-hangout,.px-plans,.px-community,.px-faq{grid-template-columns:1fr;gap:28px}.px-hangout{padding:24px;margin:10px 0;border-radius:25px}.px-hangout .copy{grid-row:1}.px-demo{padding:22px;border-radius:22px}.px-story-row{flex-direction:row;gap:15px;font-size:12px}.px-story-row .px-people>span{width:42px}.px-demo-panel{min-height:280px}.px-section-row{display:block}.px-games{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:7px 3px 20px;gap:13px}.px-game{flex:0 0 190px;scroll-snap-align:start}.px-game p{min-height:0}.px-values{grid-template-columns:1fr;gap:20px}.px-values article{border-bottom:1px solid var(--pub-line);padding-bottom:25px}.px-values article:last-child{border:0}.px-community-art{padding:35px 22px}.px-faq{gap:15px}.document{border-radius:0;border-inline:0;margin:15px auto;padding:35px 24px}.px-plan-copy{min-height:100px}.px-tabs button,.px-plan-steps button{font-size:12px;padding:10px 12px}.px-hero .actions{margin-top:23px}.px-controls{font-size:10px;padding:5px}.px-feature-notes h3{font-size:23px}.px-room-caption{flex-wrap:wrap}.px-home .section{padding-block:50px}.px-home .px-hangout{padding:25px}.px-scene-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.px-motion{display:none}.px-game:hover,.game-card:hover,.px-plan-art:hover span,.px-game:hover b{transform:none}}

.site-header .header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-actions .pill{white-space:nowrap}.header-actions .join-spp{background:var(--pub-soft);color:var(--pub-primary);border:1px solid var(--pub-line)}.header-actions .join-spp:hover{background:#E4DFFF}@media(max-width:700px){.site-header .header-actions{width:100%;justify-content:center}.header-actions .pill{padding:12px 16px;flex:1}}

.mobile-menu-toggle{display:none;border:1px solid #dcd5f5;background:#f0edff;color:#4436b4;border-radius:14px;padding:12px 16px;font:inherit;font-weight:700;min-height:44px}.mobile-menu-toggle:focus-visible{outline:3px solid #5145cd;outline-offset:3px}
@media(max-width:900px){.site-header{display:grid;grid-template-columns:1fr auto;gap:16px;padding-block:18px}.mobile-menu-toggle{display:flex;gap:12px;align-items:center}.site-header .nav{display:none;grid-column:1/-1;flex-direction:column;align-items:stretch;gap:4px;overflow:visible;order:4;width:100%;padding:10px;background:white;border:1px solid #ded7f2;border-radius:18px}.site-header.menu-open .nav{display:flex}.site-header .nav a{padding:14px;white-space:nowrap;border-radius:10px}.site-header .nav a:hover{background:#f0edff;color:#5145cd}.site-header .header-actions{grid-column:1/-1;width:100%;display:flex}.site-header .header-actions a{flex:1;padding:12px;font-size:13px}.site-header .brand{font-size:26px}.wrap{padding-inline:20px}}

.bu-career{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:24px;background:linear-gradient(120deg,#f0edff,#fafafd 65%,#fff0eb);border:1px solid #dcd5f5;border-radius:26px;padding:28px;margin:24px 0;color:#22243b;overflow:hidden}.bu-career-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:#5145cd}.bu-career h2{font-size:clamp(23px,2.7vw,36px);line-height:1.15;letter-spacing:-.035em;margin:12px 0}.bu-career p{font-size:14px;line-height:1.7;color:#55536d;margin:12px 0}.bu-career-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.bu-career-tags span{border:1px solid #ded7f2;background:#fff9;border-radius:20px;padding:6px 10px;font-size:11px}.bu-career-cta{display:inline-flex;align-items:center;gap:18px;min-height:46px;padding:12px 20px;background:#5145cd;color:#fff!important;text-decoration:none;border-radius:14px;font-size:14px;font-weight:750;transition:transform .2s,background .2s}.bu-career-cta:hover{background:#4033b1;transform:translateY(-2px)}.bu-career details{margin-top:16px}.bu-career summary{font-size:12px;color:#4436b4;cursor:pointer;min-height:30px}.bu-career-art{min-width:0;text-align:center}.bu-career-art svg{display:block;width:100%;height:auto}.bu-career-motion{border:1px solid #c8bfea;background:#fff;color:#4436b4;border-radius:20px;padding:8px 12px;min-height:40px;cursor:pointer;font:inherit;font-size:11px}.bu-career :focus-visible{outline:3px solid #5145cd;outline-offset:4px}.bu-career-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.bu-career-walker{animation:career-walk 7s ease-in-out infinite}.bu-career-leg-a,.bu-career-leg-b{transform-origin:108px 178px;animation:career-step .7s ease-in-out infinite alternate}.bu-career-leg-b{animation-direction:alternate-reverse}.bu-career[data-paused=true] *{animation-play-state:paused!important}@keyframes career-walk{0%,15%{transform:translateX(0)}75%,90%{transform:translateX(99px)}100%{transform:translateX(0)}}@keyframes career-step{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@media(max-width:700px){.bu-career{grid-template-columns:1fr;padding:22px;gap:8px}.bu-career-art{max-width:270px;width:100%;margin:auto}.bu-career h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.bu-career *{animation:none!important;transition:none!important}.bu-career-motion{display:none}}
