/* Acquisition refinements within the approved BackOn visual system. */
.hero-brand{position:absolute;top:35px;left:6%;z-index:4;width:max-content;font-size:24px;min-height:36px;gap:9px}
.hero-brand .brand-orb{width:29px;height:29px}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#123b6266 0%,#123b6240 42%,transparent 72%)}
.store-buttons{gap:28px}
.store-button{--badge-height:52px;position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--badge-height)*2.9916);height:calc(var(--badge-height)*1.5);min-height:0;min-width:0;max-width:none;padding:0;gap:0;border:0;border-radius:6px;background:none;color:var(--paper);box-shadow:none;flex:none;transition:none}
.store-button[data-store="android"]{width:calc(var(--badge-height)*3.3294)}
.store-button img{display:block;width:100%;height:var(--badge-height);object-fit:contain;max-width:none}
.store-button[data-store="android"] img{position:absolute;width:114.1343%;height:calc(var(--badge-height)*1.4706)}
.store-button:hover,.store-button:active{transform:none;box-shadow:none;background:none}
.store-button:focus-visible{outline-offset:5px}
.hero-download{margin-top:20px}
.plan-note{font-size:12px;line-height:1.6;margin-top:2px;color:#f1faff}
.plan-note a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:currentColor}
.hero-demo-link{margin-top:8px}
.download-section .store-buttons{gap:28px}
.download-section .store-button{--badge-height:56px;min-width:0;min-height:0;padding:0}
.download-section .plan-note{color:var(--ink);margin-top:9px}
.footer-resources{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:0 0 24px;font-size:12px;color:#cee4f0}
.footer-resources nav{display:flex;gap:22px;flex-wrap:wrap}
.footer-resources a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:4px}
.footer-resources p{margin:0}
.noscript-download{font-size:13px;line-height:1.6;margin:12px 0;color:inherit}
@media(min-width:1600px){.hero-brand{left:calc((100% - 1280px)/2)}}
@media(min-width:761px) and (max-width:1150px){.hero-brand{left:5%}.store-button{--badge-height:44px}.store-buttons{gap:22px}}
@media(min-width:761px) and (max-width:900px){.hero-download .store-buttons{gap:4px}.hero-download .store-button{width:calc(var(--badge-height)*2.9916)}.hero-download .store-button[data-store="android"]{width:calc(var(--badge-height)*3.3294)}}
@media(max-width:760px){
 .hero-brand{top:36px;left:50%;transform:translateX(-50%);font-size:23px}
 .hero:after{background:radial-gradient(ellipse 100% 48% at 50% 24%,#123b6273 0%,#123b6255 57%,transparent 100%)}
 .hero-description{font-size:15px;max-width:330px}
 .store-buttons{gap:24px}
 .store-button{--badge-height:48px;flex:none;max-width:none;padding:0;min-height:0}
 .hero-download{margin-top:18px;max-width:none}
 .plan-note{font-size:12px;margin-top:1px}
 .download-section .store-buttons{flex-direction:row;gap:24px}
 .download-section .store-button{--badge-height:48px;width:calc(var(--badge-height)*2.9916);min-height:0;padding:0}
 .download-section .store-button[data-store="android"]{width:calc(var(--badge-height)*3.3294)}
 .footer-resources{align-items:flex-start;gap:6px}
}
@media(max-width:370px){.hero-brand{top:30px}.hero-description{font-size:14px;max-width:280px}.store-button,.download-section .store-button{--badge-height:40px}.hero-download{margin-top:17px}.plan-note{font-size:11px}}

.download-section>.wrap>p.plan-note{font-size:13px;line-height:1.6;margin:10px 0 0;color:var(--ink)}

/* A visible editorial entry point; existing hero and product scenes are untouched. */
.guide-section{background:radial-gradient(ellipse at 0 10%,#c6ebdf 0,transparent 55%),linear-gradient(125deg,#eff7fa,#dde6f3);color:var(--ink)}
.nav-cta{white-space:nowrap}
.guide-section>.wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:start}
.guide-section h2{font-size:clamp(58px,5.7vw,84px);line-height:1.02;letter-spacing:-.025em}
.guide-section-intro>p{font-size:17px;line-height:1.7;max-width:31ch;margin:26px 0}
.guide-section .text-link{font-size:14px;line-height:1.5}
.featured-guide{padding:0 0 32px}
.featured-guide h3{font:800 clamp(35px,3.3vw,48px)/1.05 var(--display);letter-spacing:-.02em;max-width:19ch;text-wrap:balance}
.featured-guide h3 a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.featured-guide p{font-size:16px;line-height:1.75;max-width:54ch;margin:20px 0 15px;color:#315b69}
.guide-story{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:116px;padding:24px 0;border-top:1px solid #a6c6d0}
.guide-story>span{font:800 29px/1.15 var(--display);letter-spacing:-.01em}
.guide-story small{display:block;font:400 14px/1.6 var(--body);letter-spacing:0;color:#315b69;margin-top:10px}
.guide-story>.icon{width:22px;height:22px}
.guide-story:hover>span{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
@media(min-width:761px) and (max-width:1000px){.site-header{gap:18px}.site-header nav{gap:20px}.site-header .button{margin-left:0}.guide-section>.wrap{gap:6%}.guide-section h2{font-size:58px}}
@media(max-width:760px){.guide-section>.wrap{display:block}.guide-section h2{font-size:14.4vw;max-width:none}.guide-section-intro>p{font-size:16px;max-width:31ch;margin:22px 0 16px}.featured-guides{margin-top:43px}.featured-guide h3{font-size:38px;max-width:19ch}.featured-guide p{font-size:15px}.guide-story>span{font-size:29px}.guide-story small{font-size:14px}}
