:root{--buddy-brand-primary:#217a72;--buddy-brand-secondary:#25867b;--buddy-brand-ink:#143b42;--buddy-brand-light:#e0eee7;--buddy-brand-surface:#f5f7f0;--buddy-brand-line:#dbe6df;--buddy-brand-focus:#217a72;--buddy-brand-gradient:linear-gradient(135deg,#e0eee7,#f5f7f0)}
.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{font-size:26px;font-weight:850;letter-spacing:-1.3px}.buddy-brand-name>span{color:var(--buddy-brand-secondary)}.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:#d2e8dc;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{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:#536d69;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:#e0eee7;color:#217a72;display:inline-grid;place-items:center;font-weight:750;flex-shrink:0}.avatar.peach{background:#f1ddd0;color:#734c32}.avatar.ink{background:#143b42;color:white}.plan-art{height:124px;border-radius:15px;background:linear-gradient(125deg,#e0eee7,#f5f7f0);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:#f1ddd0;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:#536d69}.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:#506964;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:#4c6760;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:#143b42;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:#e9d6c5;color:#49392c;rotate:4deg;translate:0 10px}.visual-story span:nth-child(3){background:#fff;color:#143b42;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:#51695f}.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:#506964}.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:#60776e;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:#4c6760}.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}}