/* A single whole-product story, retaining the approved app palette and photographic direction. */
.whole-app .site-head,.whole-app.home .site-head{position:sticky;top:0;inset-block-start:0;background:#0e5a6af5;backdrop-filter:blur(12px);z-index:100}
.whole-app{scroll-padding-top:95px}.whole-app section[id]{scroll-margin-top:100px}
.whole-app .m-show-action .m-hero-content h1,.whole-app .m-show-action .m-hero-content>.lede{opacity:1}
.whole-app.home .m-hero-content h1,.whole-app.home .m-hero-content .lede,.whole-app.home .m-hero-content .actions{animation:none;opacity:1;transition:none}
.whole-app.home .m-hero{height:calc(100svh - 78px);min-height:570px;max-height:810px;aspect-ratio:auto;background:#073d49}
.whole-app.home .m-film{left:36%;width:64%;height:100%;inset-block:0}.whole-app.home .m-film video,.whole-app.home .m-film img{object-fit:cover;object-position:60% center}
.whole-app.home .m-hero:after{background:linear-gradient(90deg,#073d49 0%,#073d49 28%,#073d49ed 37%,#073d4955 51%,transparent 63%)}
.whole-app.home .m-hero-content{min-height:0;justify-content:center;padding:45px 0 70px}.whole-app.home .m-hero-content>*{max-width:43%}.whole-app.home .m-hero h1{font-size:clamp(44px,4.4vw,68px)}.whole-app.home .m-hero .lede{font-size:21px}.whole-app.home .m-hero .small{font-size:14px}
.w-two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.w-two>*,.w-three>*{min-width:0}.w-product-hero{padding:65px 0;background:linear-gradient(125deg,#eaf9f3,#fffefa 65%);overflow:hidden}.w-product-hero h1{max-width:13ch}.w-product-hero .lede{max-width:35ch}.w-product-hero .actions{flex-wrap:wrap}
.w-phone{margin:0;text-align:center;min-width:0}.whole-app .w-phone .real-device{width:248px;max-width:100%;transform:none}.whole-app .w-phone img.device-screen{object-fit:fill;aspect-ratio:auto;height:89%;width:91%;border-radius:0 0 26px 26px}.w-phone figcaption{position:static;background:none;color:#345569;font-size:14px;line-height:1.5;padding:12px 0 0;max-width:260px;margin:auto}.w-phone>a{font-size:14px;display:inline-flex;padding:8px;min-height:44px;align-items:center}.w-phone-duo{display:flex;align-items:center;justify-content:center;gap:18px;position:relative}.w-phone-duo .w-phone{width:47%}.w-phone-duo .w-phone:nth-child(2){margin-top:100px}.whole-app .w-phone-duo .real-device{width:100%;max-width:248px}.w-phone-duo:before{content:'';position:absolute;inset:18% -6%;border:1px solid #56c3d1;border-radius:50%;transform:rotate(-20deg);z-index:0;pointer-events:none}.w-phone-duo .w-phone{position:relative}
.w-overview{padding-block:65px}.w-journey{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:40px 0 10px;gap:22px;position:relative}.w-journey li{border-top:1px solid #72b7bb;padding-top:14px}.w-journey a{display:block;text-decoration:none;min-height:90px}.w-journey span{display:block;font-size:15px;font-weight:800;color:#2b7c85}.w-journey strong{display:block;font-size:21px;margin:6px 0}.w-journey small{display:block;font-size:16px;line-height:1.5;color:#435d70}.w-caption{font-size:16px;color:#435d70}.w-journey-film{display:grid;grid-template-columns:1.5fr .7fr;gap:65px;align-items:center;padding-block:65px}.w-journey-film .w-journey{grid-template-columns:repeat(3,1fr)}.w-film-device{text-align:center}.w-film-device .real-device{width:280px}.w-film-device>a{display:block;padding:15px}
.w-feature{padding-block:60px;background:#fffefa}.w-feature:nth-of-type(even){background:#eef9f5}.w-feature-copy{max-width:560px}.w-feature-art{position:relative}.w-feature-art:before{content:'';position:absolute;width:90%;height:70%;top:14%;left:5%;border-radius:47% 53% 64% 36%;background:linear-gradient(145deg,#cff0e9,#e9ddfa);transform:rotate(-10deg)}.w-feature-art .w-phone{position:relative}.w-feature.w-reverse .w-feature-copy{order:2}.w-feature.w-reverse .w-feature-art{order:1}.w-aside{border-left:2px solid #62b8c0;padding:4px 0 4px 22px;margin-top:30px}.w-aside h3{font-size:22px;margin:0 0 10px}.w-aside p{font-size:17px;margin:0}.w-explore-intro{padding-top:70px}.w-explore-intro .lede{max-width:65ch}.whole-app .w-explore-intro+.r2-demo{padding-top:15px!important;min-height:0}
.w-world{background:#dff5ef;position:relative;padding-block:70px;overflow:hidden}.w-world .w-phone-duo{align-items:start}.w-world-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #9acdcc;padding-top:22px;margin-top:35px}.w-world-notes strong{display:block;margin-bottom:8px}.w-private{background:#edf9f4;padding-block:65px}.w-reflection-art{width:100%;height:auto;border-radius:36% 8% 30% 6% / 8% 12% 8% 10%}.w-privacy-path{display:flex;align-items:center;gap:22px;border-block:1px solid #a1ceca;margin:25px 0;padding-block:18px}.w-privacy-path strong{display:block;font-size:22px}.w-privacy-path span{font-size:16px}.w-privacy-path i{font-style:normal;font-size:30px}.w-access{padding-block:60px;display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.whole-app .w-access h2{font-size:36px}.w-access p{max-width:65ch}
.whole-app .w-audience-hero{height:660px}.whole-app .w-audience-hero .m-hero-content>*{max-width:47%}.whole-app .w-audience-hero h1{font-size:clamp(39px,4vw,59px)}.whole-app .w-audience-hero .lede{font-size:21px}.whole-app .w-audience-hero .m-hero-photo{left:39%;width:61%;object-position:65% center}.whole-app .w-audience-hero:after{background:linear-gradient(90deg,#edf9f4 28%,#edf9f4f2 38%,#edf9f455 53%,transparent 63%)}
.w-introduce{padding-block:65px}.w-four-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin-top:35px}.w-four-steps li{border-top:1px solid #8fbfbd;padding-top:20px}.w-four-steps li>span{font-size:31px;color:#31838c;font-weight:800}.w-four-steps h3{font-size:23px;margin:14px 0}.w-four-steps p{font-size:17px}.w-audience-features{background:#eaf8f3;padding-block:60px}.w-three{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:35px}.w-three h3{font-size:26px;margin:22px 0 12px}.w-three p{font-size:17px}.w-three .w-phone figcaption{display:none}.w-practical{padding-block:65px}.w-practical dl{display:grid;grid-template-columns:1fr 1fr;gap:22px 55px;margin-top:30px}.w-practical dl>div{padding-top:18px;border-top:1px solid #a8c9c8}.w-practical dt{font-size:22px;font-weight:800}.w-practical dd{margin:10px 0;font-size:17px;line-height:1.6}.w-practical details{margin-top:25px}.w-practical summary{min-height:48px;padding:10px 0;cursor:pointer;font-weight:800}.w-support-note{padding-block:70px}.w-support-note .actions{flex-wrap:wrap}.w-support-note p{max-width:60ch}
@media(prefers-reduced-motion:no-preference){.w-phone-duo .w-phone{transform:translateY(var(--depth,0));transition:transform .25s}.w-journey a:hover strong,.w-journey a:focus-visible strong{transform:translateX(4px)}.w-journey strong{transition:transform .2s}}
@media(max-width:1100px){.w-two{gap:35px}.w-three{gap:25px}.whole-app .w-phone .real-device{width:210px}.whole-app.home .m-hero-content>*{max-width:46%}.whole-app.home .m-film{left:32%;width:68%}.whole-app .w-audience-hero{height:670px}.whole-app .w-audience-hero .m-hero-content>*{max-width:48%}.w-four-steps{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.whole-app .head-inner{min-height:70px}.whole-app .site-head .main-nav{background:#0e5a6a}.whole-app.home .m-hero{min-height:630px}.whole-app.home .m-hero h1{font-size:45px}.whole-app.home .m-hero .lede{font-size:19px}.w-product-hero .w-two{grid-template-columns:1fr 1fr;gap:25px}.w-product-hero h1{font-size:46px}.w-journey-film{gap:25px}.w-journey-film .w-journey{grid-template-columns:1fr 1fr}.w-three{gap:20px}.whole-app .w-three .real-device{width:185px}.whole-app .w-audience-hero .m-hero-content>*{max-width:50%}.whole-app .w-audience-hero{height:710px}.whole-app .w-audience-hero .lede{font-size:19px}.w-access{grid-template-columns:1fr;gap:10px}}
@media(max-width:650px){.whole-app.home .m-hero{height:auto;min-height:0;max-height:none;padding-top:78vw}.whole-app.home .m-film{inset:0 0 auto;width:100%;height:90vw}.whole-app.home .m-film img,.whole-app.home .m-film video{object-position:center 33%}.whole-app.home .m-hero:after{background:linear-gradient(0deg,#073d49 0%,#073d49 40%,transparent 62%)}.whole-app.home .m-hero-content{padding:12px 0 76px;height:auto}.whole-app.home .m-hero-content>*{max-width:100%}.whole-app.home .m-hero h1{font-size:42px}.whole-app.home .m-hero .lede{font-size:18px;max-width:34ch}.whole-app.home .m-hero .small{font-size:13px}.whole-app.home .m-hero .actions{gap:10px}.whole-app.home .m-film-control{bottom:17px}.w-two,.w-product-hero .w-two,.w-journey-film{grid-template-columns:1fr;gap:30px}.w-product-hero{padding-block:35px}.w-product-hero h1{font-size:44px;max-width:15ch}.w-phone-duo{gap:15px}.whole-app .w-phone-duo .real-device{width:100%}.w-phone-duo .w-phone:nth-child(2){margin-top:55px}.w-phone figcaption,.w-phone>a{font-size:13px}.w-journey{grid-template-columns:1fr 1fr;gap:20px}.w-journey strong{font-size:21px}.w-journey small{font-size:16px}.w-overview,.w-feature,.w-world,.w-private,.w-introduce,.w-audience-features,.w-practical,.w-support-note,.w-journey-film{padding-block:40px}.w-feature.w-reverse .w-feature-copy,.w-feature.w-reverse .w-feature-art{order:unset}.whole-app .w-feature .w-phone .real-device{width:245px}.w-world-notes{grid-template-columns:1fr;gap:18px}.w-world-notes span{padding-bottom:15px;border-bottom:1px solid #c5ded9}.w-privacy-path{gap:15px}.w-access{padding-block:40px}.whole-app .w-audience-hero{height:auto}.whole-app .w-audience-hero .m-hero-photo{position:relative;left:0;width:100%;height:275px;object-position:70% center}.whole-app .w-audience-hero:after{height:275px;background:linear-gradient(0deg,#edf9f4,transparent 22%)}.whole-app .w-audience-hero .m-hero-content>*{max-width:100%}.whole-app .w-audience-hero .m-hero-content{padding:22px 0 45px}.whole-app .w-audience-hero h1{font-size:39px}.w-four-steps{grid-template-columns:1fr;gap:12px}.w-four-steps li{display:grid;grid-template-columns:45px 1fr;column-gap:15px}.w-four-steps li>span{grid-row:span 2}.w-four-steps h3{margin:0}.w-four-steps p{margin:10px 0}.w-three{grid-template-columns:1fr;gap:40px}.whole-app .w-three .real-device{width:235px}.w-practical dl{grid-template-columns:1fr}.w-three h3{margin-top:12px}.w-three article{max-width:440px;margin:auto}}
@media(prefers-reduced-motion:reduce){.w-phone-duo .w-phone{transform:none;transition:none}}
/* A complete landscape shot above stable copy on phones; portrait masters remain on The Film. */
@media(max-width:650px){.whole-app.home .m-hero{padding-top:56.25vw}.whole-app.home .m-film{height:56.25vw}.whole-app.home .m-film video,.whole-app.home .m-film img{object-fit:contain;object-position:center}.whole-app.home .m-hero:after{inset:0 0 auto;height:56.25vw;background:linear-gradient(0deg,#073d49 0%,transparent 14%)}.whole-app.home .m-hero-content{padding-top:22px}}
@media(min-width:651px) and (max-width:950px){.whole-app .r2-trust{grid-template-columns:1fr;gap:24px}.whole-app .r2-trust p{max-width:65ch}}
@media(max-width:950px){.whole-app .r2-facts{grid-template-columns:1fr;gap:25px}.whole-app .r2-facts dl>div{grid-template-columns:150px 1fr}.whole-app .w-audience-hero{height:auto;display:flex;flex-direction:column}.whole-app .w-audience-hero .m-hero-photo{position:relative;left:0;width:100%;height:clamp(275px,45vw,420px);object-position:center 32%}.whole-app .w-audience-hero:after{inset:0 0 auto;height:clamp(275px,45vw,420px);background:linear-gradient(0deg,#edf9f4,transparent 18%)}.whole-app .w-audience-hero .m-hero-content{height:auto;padding:28px 0 50px}.whole-app .w-audience-hero .m-hero-content>*{max-width:680px}.whole-app .w-audience-hero h1{max-width:22ch}}
@media(max-width:550px){.whole-app .r2-facts dl>div{grid-template-columns:1fr;gap:10px}}