@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 .menu-dots{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{display:block;width:100%;box-sizing:border-box;border:0;border-radius:14px;padding:14px;margin-top:18px;background:#373737;color:#eee;font-weight:600;text-align:center}.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:2%}.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}}


/* Motion design prototype - review only */
body{position:relative;isolation:isolate;overflow-x:clip}.site-header,main,.footer{position:relative;z-index:2}.kinetic-words{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:paint}.kinetic-word{position:absolute;font:800 clamp(150px,23vw,360px)/.78 "Manrope",sans-serif;letter-spacing:-.085em;color:transparent;-webkit-text-stroke:2px rgba(220,160,132,.075);text-stroke:2px rgba(220,160,132,.075);white-space:nowrap;will-change:transform}.kinetic-word-family{top:10vh;left:-15vw;transform:translate3d(var(--family-x,0),0,0)}.kinetic-word-share{bottom:3vh;right:-13vw;-webkit-text-stroke-color:rgba(109,101,169,.065);text-stroke-color:rgba(109,101,169,.065);transform:translate3d(var(--share-x,0),0,0)}
.motion-ready .reveal-item{opacity:0;filter:blur(7px);transform:translate3d(0,18px,0);transition:opacity 760ms cubic-bezier(.22,1,.36,1),filter 760ms cubic-bezier(.22,1,.36,1),transform 760ms cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,filter,transform}.motion-ready .reveal-item.is-visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}
.motion-ready .reveal-block{opacity:0;transform:translate3d(0,20px,0) scale(.97);transition:opacity 740ms cubic-bezier(.22,1,.36,1),transform 740ms cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}.motion-ready .reveal-block.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.exit-drift{--exit-y:0px;--exit-opacity:1;transform:translate3d(0,var(--exit-y),0);opacity:var(--exit-opacity);will-change:transform,opacity}
@media(max-width:800px){.kinetic-word{font-size:clamp(105px,39vw,190px);-webkit-text-stroke-width:1px;text-stroke-width:1px}.kinetic-word-family{top:14vh;left:-28vw}.kinetic-word-share{bottom:8vh;right:-30vw}.motion-ready .reveal-item{filter:blur(4px);transform:translate3d(0,9px,0)}.motion-ready .reveal-block{transform:translate3d(0,10px,0) scale(.985)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kinetic-word{transform:none!important}.motion-ready .reveal-item,.motion-ready .reveal-block,.reveal-item,.reveal-block,.exit-drift{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}}

/* Device fly-in refinement */
/* Phones start stacked, then follow scroll progress toward opposite full-screen edges. */
.motion-ready .product-stage .phone-main{opacity:1;transform:translate3d(var(--device-shift-x,0px),0,0) translateX(-20%) rotate(3deg);will-change:transform}
.motion-ready .product-stage .phone-back{opacity:1;transform:translate3d(var(--device-shift-x,0px),0,0) rotate(-7deg);will-change:transform}
@media(prefers-reduced-motion:reduce){.motion-ready .product-stage .phone-main,.motion-ready .product-stage .phone-back{opacity:1!important;transition:none!important}.motion-ready .product-stage .phone-main{transform:translateX(-20%) rotate(3deg)!important}.motion-ready .product-stage .phone-back{transform:rotate(-7deg)!important}}

/* Numbered privacy blocks drop in one by one */
.motion-ready .trust-grid>.reveal-block{opacity:0;transform:translate3d(0,-52px,0) scale(.985);transition:opacity 720ms cubic-bezier(.16,1,.3,1),transform 820ms cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .trust-grid>.reveal-block.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
@media(max-width:800px){.motion-ready .trust-grid>.reveal-block{transform:translate3d(0,-28px,0) scale(.992)}.motion-ready .trust-grid>.reveal-block.is-visible{transform:translate3d(0,0,0) scale(1)}}
@media(prefers-reduced-motion:reduce){.motion-ready .trust-grid>.reveal-block{opacity:1!important;transform:none!important;transition:none!important}}

/* The approved standalone icon is cropped directly from the top-left beya logo asset. */
.device-symbol{position:absolute;left:50%;top:49%;width:94px;height:94px;z-index:1;transform:translate(-50%,-50%) scale(calc(.34 + var(--device-progress,0) * 1.7));opacity:calc(.32 + var(--device-progress,0) * .68);filter:drop-shadow(0 20px 28px rgba(184,9,175,.18));will-change:transform,opacity}
.device-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.motion-ready .product-stage .phone-main{z-index:3}.motion-ready .product-stage .phone-back{z-index:2}
@media(max-width:480px){.device-symbol{width:72px;height:72px;top:50%;transform:translate(-50%,-50%) scale(calc(.32 + var(--device-progress,0) * 1.55))}}
@media(prefers-reduced-motion:reduce){.device-symbol{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}}


/* Scroll-restored section motion - review build */
.motion-ready .members-card-motion{
  opacity:0;
  transform:translate3d(0,92px,0) scale(.975);
  transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 1100ms cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}
.motion-ready .members-card-motion.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.motion-ready .member-row-motion{
  opacity:0;
  transform:translate3d(calc(var(--member-direction) * 86px),0,0);
  transition:opacity 700ms cubic-bezier(.22,1,.36,1),transform 900ms cubic-bezier(.16,1,.3,1);
  transition-delay:var(--member-delay,0ms);
  will-change:opacity,transform;
}
.motion-ready .member-row-motion.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(max-width:800px){
  .motion-ready .members-card-motion{transform:translate3d(0,66px,0) scale(.985)}
  .motion-ready .member-row-motion{transform:translate3d(calc(var(--member-direction) * 58px),0,0)}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .members-card-motion,.motion-ready .member-row-motion{opacity:1!important;transform:none!important;transition:none!important}
}

/* Mobile-safe privacy section trigger: the group controls all three drops. */
.motion-ready .trust-grid>.trust-drop-motion{opacity:0;transform:translate3d(0,-76px,0) scale(.985);transition:opacity 820ms cubic-bezier(.16,1,.3,1),transform 1050ms cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .trust-grid>.trust-drop-motion.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
@media(max-width:800px){.motion-ready .trust-grid>.trust-drop-motion{transform:translate3d(0,-64px,0) scale(.99);transition-duration:820ms,1050ms}.motion-ready .trust-grid>.trust-drop-motion.is-visible{transform:translate3d(0,0,0) scale(1)}}
@media(prefers-reduced-motion:reduce){.motion-ready .trust-grid>.trust-drop-motion{opacity:1!important;transform:none!important;transition:none!important}}


/* Continuous scroll-progress choreography - replaces trigger/timer behavior. */
.motion-ready .trust-grid>.trust-scroll-motion{
  opacity:var(--trust-point-progress,0);
  transform:translate3d(0,calc((1 - var(--trust-point-progress,0)) * -110px),0) scale(calc(.97 + var(--trust-point-progress,0) * .03));
  transition:none;
  will-change:opacity,transform;
}
.motion-ready .members-card-scroll-motion{
  opacity:var(--members-card-progress,0);
  transform:translate3d(0,calc((1 - var(--members-card-progress,0)) * 140px),0) scale(calc(.965 + var(--members-card-progress,0) * .035));
  transition:none;
  will-change:opacity,transform;
}
.motion-ready .member-row-scroll-motion{
  opacity:var(--member-row-progress,0);
  transform:translate3d(calc(var(--member-direction) * (1 - var(--member-row-progress,0)) * 120px),0,0);
  transition:none;
  will-change:opacity,transform;
}
@media(max-width:800px){
  .motion-ready .trust-grid>.trust-scroll-motion{transform:translate3d(0,calc((1 - var(--trust-point-progress,0)) * -96px),0) scale(calc(.98 + var(--trust-point-progress,0) * .02))}
  .motion-ready .members-card-scroll-motion{transform:translate3d(0,calc((1 - var(--members-card-progress,0)) * 120px),0) scale(calc(.975 + var(--members-card-progress,0) * .025))}
  .motion-ready .member-row-scroll-motion{transform:translate3d(calc(var(--member-direction) * (1 - var(--member-row-progress,0)) * 90px),0,0)}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .trust-grid>.trust-scroll-motion,.motion-ready .members-card-scroll-motion,.motion-ready .member-row-scroll-motion{opacity:1!important;transform:none!important;transition:none!important}
}

/* WCAG 2.2 AA fixes - 2026-09-20 */
.hero h1 span{color:#767676}
.story li span{color:#2f7a00}
.primary-cta,.signup button{background:linear-gradient(180deg,#d63a5f,var(--app-magenta))}
.stream-row small{color:#a0a0a0}
a:focus-visible,button:focus-visible,.signup input:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
.beta a:focus-visible,.beta button:focus-visible,.signup input:focus-visible{outline-color:#20a9e8}