@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');
:root { --ink:#212121; --soft:#f6f3ef; --paper:#fffdf9; --muted:#77736e; --line:#ded9d2; --accent:#e5ff67; --peach:#ec8f6a; --lilac:#aaa2dc; --radius:28px; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 22px/1 "Manrope",sans-serif}.brand-mark{width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--accent);display:grid;place-items:center;font-size:19px}.small-cta{border:1px solid var(--ink);border-radius:99px;padding:11px 18px;text-decoration:none;color:var(--ink);font-weight:600}.hero{padding:82px 0 108px;text-align:center;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#78736e;margin-bottom:22px}.hero h1,.story h2,.beta h2{font-family:"Manrope",sans-serif;letter-spacing:-.055em;margin:0}.hero h1{font-size:clamp(56px,8.8vw,118px);line-height:.92}.hero h1 span{color:#aaa59f}.hero-copy{max-width:665px;margin:30px auto 24px;font-size:19px;line-height:1.62;color:#625e59}.hero-actions{display:flex;justify-content:center;align-items:center;gap:22px}.primary-cta{padding:16px 24px;background:var(--ink);color:white;text-decoration:none;border-radius:99px;font-weight:700}.platform-note{font-size:14px;color:var(--muted)}.product-stage{height:660px;max-width:930px;margin:76px auto 0;position:relative;border-radius:54px;background:#ebe6df;overflow:hidden}.soft-orb{position:absolute;border-radius:50%;filter:blur(3px)}.orb-one{width:440px;height:440px;background:#f6b19a;left:-90px;top:160px}.orb-two{width:450px;height:450px;background:#bbb6ec;right:-120px;top:-100px}.phone{position:absolute;width:300px;height:585px;background:#242424;border:8px solid #171717;border-radius:42px;box-shadow:0 30px 80px #26211c48;color:#eee;overflow:hidden;text-align:left}.phone-main{left:50%;top:42px;transform:translateX(-20%) rotate(3deg);z-index:2}.phone-back{left:16%;top:86px;transform:rotate(-7deg);z-index:1}.phone-bar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 19px}.mini-brand{font:700 17px "Manrope"}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-size:12px;color:#222}.peach{background:var(--peach)}.lilac{background:var(--lilac)}.stream-title{padding:10px 18px 16px;display:flex;justify-content:space-between}.stream-title small,.panel-label,.panel-top small{display:block;font-size:9px;letter-spacing:.12em;color:#8d8d8d;margin-bottom:7px}.stream-title strong{font-size:18px}.stream-title button{border:0;background:none;color:#aaa}.photo{height:290px;margin:0 10px;border-radius:23px;position:relative;overflow:hidden;background:#dcc3a8}.sun{position:absolute;width:55px;height:55px;border-radius:50%;background:#ffdc92;right:30px;top:32px}.hill{position:absolute;border-radius:50% 50% 0 0}.hill-one{background:#897a63;width:350px;height:160px;bottom:-45px;left:-80px}.hill-two{background:#60705b;width:330px;height:145px;bottom:-42px;right:-95px}.person{position:absolute;bottom:40px;width:38px;height:95px;border-radius:20px 20px 4px 4px}.person:before{content:"";position:absolute;left:5px;top:-27px;width:28px;height:28px;border-radius:50%;background:#704f3c}.p-one{left:84px;background:#cd6e51}.p-two{left:128px;background:#8896b2;height:105px}.p-two:before{background:#dbad82}.p-three{left:174px;background:#d1a953;height:88px}.post-meta{display:flex;justify-content:space-between;padding:15px 18px 6px;color:#aaa;font-size:11px}.caption{padding:0 18px;font-size:11px;line-height:1.5}.panel-label{padding:10px 20px}.stream-row{display:flex;align-items:center;gap:12px;margin:0 13px 10px;padding:12px;background:#303030;border-radius:15px}.stream-row strong,.stream-row small{display:block}.stream-row strong{font-size:12px}.stream-row small{font-size:10px;color:#8f8f8f;margin-top:3px}.stream-icon{width:35px;height:35px;border-radius:12px;background:#daa08a;display:grid;place-items:center;color:#282828}.stream-icon.alt{background:#a8a1d6}.invite-card{margin:34px 13px;padding:18px;background:#e9ff7c;color:#222;border-radius:20px}.invite-card strong,.invite-card small{display:block}.invite-card small{margin:5px 0 17px;color:#605f47;font-size:10px}.invite-card span{font-size:11px;font-weight:700}.permission-card{position:absolute;z-index:4;right:25px;bottom:42px;width:290px;padding:18px;background:#fff;border-radius:20px;display:flex;gap:13px;text-align:left;box-shadow:0 18px 50px #31281d33}.permission-icon{width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:var(--accent);display:grid;place-items:center}.permission-card strong,.permission-card small{display:block}.permission-card small{color:var(--muted);font-size:12px;line-height:1.45;margin-top:4px}.trust-strip{background:var(--ink);color:white;padding:76px 0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.trust-grid span{color:var(--accent);font-size:11px}.trust-grid strong{font:600 22px "Manrope";display:block;margin:18px 0 10px}.trust-grid p{color:#aaa;line-height:1.55;margin:0}.story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:140px;padding-bottom:140px}.story h2,.beta h2{font-size:clamp(40px,5vw,67px);line-height:1.03}.story-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:540px}.story ul{list-style:none;padding:0;margin:30px 0 0}.story li{display:flex;gap:12px;margin:17px 0}.story li span{color:#788913;font-weight:700}.members-panel{border-radius:32px;background:#242424;padding:26px;color:#eee;box-shadow:0 30px 80px #302b2526}.panel-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #3b3b3b;padding-bottom:21px;margin-bottom:8px}.panel-top strong{font-size:22px}.panel-top>span{font-size:12px;color:#8d8d8d}.member{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #343434}.portrait{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#222;font-weight:700}.portrait-one{background:#daa08a}.portrait-two{background:#adabdf}.portrait-three{background:#e3c679}.member div{flex:1}.member strong,.member small{display:block}.member small{font-size:11px;color:#8d8d8d;margin-top:4px}.pill{font-size:10px;background:#e7ff75;color:#242424;border-radius:99px;padding:6px 9px}.pill.muted{background:#3b3b3b;color:#aaa}.invite-button{width:100%;border:0;border-radius:14px;padding:14px;margin-top:18px;background:#373737;color:#eee;font-weight:600}.beta{background:#dca084;padding:100px 0}.beta-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}.eyebrow.light{color:#574238}.beta p{line-height:1.6;max-width:600px}.signup{background:#fff;border-radius:23px;padding:8px;display:grid;grid-template-columns:1fr auto}.signup input{border:0;padding:15px;font:inherit;min-width:0;outline:none}.signup button{border:0;border-radius:16px;padding:15px 20px;background:#242424;color:#fff;font-weight:700}.form-note{grid-column:1/-1;color:#766157;font-size:11px;margin:8px 10px 4px}.footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:13px}.footer .brand{color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.shell{width:min(100% - 32px,660px)}.site-header{height:72px}.hero{padding-top:55px}.hero h1{font-size:clamp(48px,16vw,72px)}.hero-actions{flex-direction:column}.product-stage{height:570px;margin-top:55px}.phone{width:260px;height:520px}.phone-main{left:42%;top:30px}.phone-back{left:-5%;top:95px}.permission-card{width:250px;right:10px;bottom:20px}.trust-grid,.story,.beta-inner{grid-template-columns:1fr}.trust-grid{gap:38px}.story{gap:55px;padding-top:90px;padding-bottom:90px}.beta-inner{gap:42px}.footer{padding:30px 0;flex-direction:column;gap:15px}.family-photo{height:245px}}
@media(max-width:480px){.small-cta{display:none}.hero-copy{font-size:17px}.product-stage{height:510px}.phone{width:225px;height:460px;border-radius:34px}.phone-main{left:44%;}.phone-back{left:-18%}.photo{height:205px}.permission-card{width:225px}.signup{grid-template-columns:1fr}.signup button{margin-top:4px}.trust-strip{padding:60px 0}}
/* Fidelity pass from the accessible Adobe XD design specs (Jan 2021). */
:root{--app-bg:#303030;--app-panel:#373737;--app-text:#fff;--app-muted:#979797;--app-green:#48dc00;--app-magenta:#b809af;--app-coral:#fc4d41;--app-link:#20a9e8}
body{font-family:Roboto,Arial,sans-serif;background:#fff;color:#212121}.hero h1,.story h2,.beta h2,.brand{font-family:Roboto,Arial,sans-serif}.brand-mark{position:relative;background:transparent;color:transparent;border:4px solid var(--app-magenta)}.brand-mark:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--app-coral);right:-4px;top:-5px}.brand-mark:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--app-magenta);inset:0;margin:auto}.phone,.members-panel{background:var(--app-bg);border-color:#212121}.phone-bar{background:#212121}.primary-cta,.signup button{background:linear-gradient(180deg,var(--app-coral),var(--app-magenta))}.small-cta{border-color:var(--app-magenta);color:var(--app-magenta)}.product-stage{background:#f3f3f3}.orb-one{background:#fc4d4144}.orb-two{background:#b809af33}.invite-card,.permission-icon{background:var(--app-green)}.stream-icon{background:var(--app-coral);color:#fff}.stream-icon.alt{background:var(--app-magenta);color:#fff}.trust-strip{background:var(--app-bg)}.trust-grid span,.story li span{color:var(--app-green)}.beta{background:var(--app-bg);color:#fff}.beta p,.beta .eyebrow{color:var(--app-muted)}.signup{background:var(--app-panel)}.signup input{background:#292929;color:#fff}.form-note{color:#bbb}.pill{background:var(--app-green)}
.official-logo{display:block;width:auto;height:31px;object-fit:contain}.footer .official-logo{height:28px}.portrait{color:transparent;background-size:cover;background-repeat:no-repeat}.stock-mom{background-image:url('assets/family-stock.jpg');background-position:36% 42%}.stock-grandpa{background-image:url('assets/grandparents-stock.jpg');background-position:32% 45%}.stock-grandma{background-image:url('assets/grandparents-stock.jpg');background-position:70% 45%}
.site-header .brand,.footer .brand{background:#303030;border-radius:10px;padding:7px 11px}.site-header .official-logo{height:27px}.footer .official-logo{height:24px}
.site-header .brand,.footer .brand{background:transparent;border-radius:0;padding:0}.site-header .official-logo{height:32px}.footer .official-logo{height:29px}
/* The official transparent asset has a white wordmark, so place it on full-width dark site chrome, never a badge. */
.site-header{width:100%;max-width:none;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2));background:#303030}.site-header .small-cta{color:#fff;border-color:#fff}.footer{width:100%;max-width:none;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2));background:#303030;color:#bbb}.footer .official-logo{height:29px}
@media(max-width:800px){.site-header,.footer{padding-left:16px;padding-right:16px}}

.signup-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.signup button:disabled{opacity:.65;cursor:wait}
.store-badges{display:flex;gap:10px;align-items:center;justify-content:center}.store-badge{height:52px;min-width:162px;display:flex;align-items:center;gap:10px;padding:7px 13px;border-radius:10px;background:#212121;color:#fff;border:1px solid #444;text-align:left;cursor:default;user-select:none}.store-badge span,.store-badge small,.store-badge strong{display:block}.store-badge small{font-size:9px;line-height:1.1;letter-spacing:.015em;color:#bbb}.store-badge strong{font-size:17px;line-height:1.18;font-weight:500}.store-icon{width:29px;height:29px;flex:0 0 auto}.apple-icon{fill:#fff}.play-blue{fill:#00a0ff}.play-green{fill:#00e676}.play-yellow{fill:#ffdf00}.play-red{fill:#ff3d00}
@media(max-width:800px){.store-badges{flex-wrap:wrap}.store-badge{min-width:158px}}
@media(max-width:480px){.store-badges{width:100%;gap:8px}.store-badge{min-width:0;width:calc(50% - 4px);padding:7px 9px}.store-badge strong{font-size:15px}.store-badge small{font-size:8px}.store-icon{width:25px;height:25px}}
/* Familiar store-badge treatment, softened to the same pill shape as the primary CTA. */
.store-badges{gap:12px}.store-badge{height:54px;min-width:176px;padding:7px 18px 7px 15px;border:0;border-radius:999px;background:#000;box-shadow:0 1px 0 #ffffff29 inset,0 2px 4px #00000020;gap:11px}.store-badge small{font-family:Arial,sans-serif;font-size:8px;font-weight:600;line-height:1.15;letter-spacing:.08em;color:#fff}.store-badge strong{font-family:Arial,sans-serif;font-size:19px;font-weight:500;line-height:1.05;letter-spacing:-.025em;white-space:nowrap}.store-icon{width:30px;height:30px}.play-icon{width:28px;height:28px}.google-word{font-weight:500}
@media(max-width:800px){.store-badge{min-width:172px}}
@media(max-width:480px){.store-badges{flex-direction:column;align-items:center}.store-badge{width:178px;min-width:178px;padding:7px 17px 7px 14px}.store-badge strong{font-size:18px}}
@media(max-width:480px){.store-badge{width:200px;min-width:200px}}
/* Final store treatment: familiar badges with availability stated once, outside. */
.hero-actions{align-items:flex-end}.store-cluster{display:flex;flex-direction:column;align-items:center;gap:7px}.store-coming-soon{font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:#77736e}.store-badges{display:flex;gap:9px;align-items:center}.store-badge{height:48px;width:151px;min-width:151px;padding:6px 12px;border:1px solid #a6a6a6;border-radius:9px;background:#000;box-shadow:none;gap:9px;color:#fff}.store-badge small{font-family:Arial,sans-serif;font-size:9px;font-weight:400;line-height:1.05;letter-spacing:0;color:#fff;text-transform:none}.store-badge strong{font-family:Arial,sans-serif;font-size:18px;font-weight:400;line-height:1;letter-spacing:-.025em;white-space:nowrap}.store-badge:nth-child(2) small{font-size:8px;letter-spacing:.05em}.store-icon{width:27px;height:27px}.play-icon{width:25px;height:25px}
@media(max-width:800px){.hero-actions{align-items:center}.store-cluster{margin-top:2px}.store-badge{width:151px;min-width:151px}}
@media(max-width:480px){.store-badges{flex-direction:row;gap:7px;width:100%}.store-badge{width:151px;min-width:151px;padding:6px 10px}.store-badge strong{font-size:17px}.store-icon{width:25px;height:25px}}
/* Compact platform line: keep "Coming to" and replace platform words with familiar marks. */
.hero-actions{align-items:center}.platform-note{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);white-space:nowrap}.platform-logos{display:inline-flex;align-items:center;gap:9px}.platform-logo{display:block;width:23px;height:23px;flex:0 0 auto}.apple-platform-logo{fill:#212121}.play-platform-logo{width:22px;height:22px}
@media(max-width:800px){.hero-actions{align-items:center}.platform-note{margin-top:-4px}}
/* Photo-reference treatment: full familiar black store badges after the existing Coming to label. */
.platform-note{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--muted);white-space:nowrap}.coming-to-text{flex:0 0 auto}.official-store-badges{display:flex;align-items:center;gap:8px}.official-store-badge{height:44px;width:138px;display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:8px;align-items:center;padding:5px 10px;border:1px solid #a6a6a6;border-radius:7px;background:#000;color:#fff;text-align:left;cursor:default;user-select:none}.official-store-badge>span{display:grid;grid-template-rows:9px 17px;row-gap:1px;align-content:center;min-width:0}.official-store-badge small,.official-store-badge strong{display:block;margin:0}.official-store-badge small{height:9px;font-family:Arial,sans-serif;font-size:8px;font-weight:400;line-height:9px;letter-spacing:0;color:#fff}.official-store-badge:nth-child(2) small{font-size:7px;letter-spacing:.06em}.official-store-badge strong{height:17px;font-family:Arial,sans-serif;font-size:16px;font-weight:400;line-height:17px;letter-spacing:-.025em;white-space:nowrap}.official-store-icon,.google-play-icon{width:25px;height:25px;flex:0 0 auto;justify-self:center;align-self:center}.apple-store-icon{fill:#fff}
@media(max-width:800px){.platform-note{flex-direction:column;gap:7px;margin-top:-4px}.official-store-badges{gap:7px}}
@media(max-width:480px){.platform-note{width:100%}.official-store-badges{width:min(100%,303px)}.official-store-badge{width:calc((100% - 7px)/2);min-width:0;height:46px;padding-left:8px;padding-right:8px;grid-template-columns:25px minmax(0,1fr);column-gap:7px}.official-store-badge strong{font-size:17px}.official-store-badge:nth-child(2) strong{font-size:16px}}