/* Standalone presentation, sharing the site's type, palette and install controller. */
.app-story-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 27%,#d8eef5 0,transparent 49%),linear-gradient(125deg,#fffdf7,#f3fafc 68%,#e8f2f8);padding:78px 0 88px}
.app-story-hero:after{content:'';position:absolute;inset:auto 0 0;height:75px;background:linear-gradient(transparent,#fff);pointer-events:none}
.app-story-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.app-story-intro{position:relative;z-index:2;min-width:0}.app-story-intro h1{font-size:clamp(38px,4.2vw,64px);line-height:1.1;letter-spacing:-.045em;margin:27px 0;color:var(--navy)}
.app-story-intro h1 em,.app-story-heading h2 em,.app-story-install h2 em{font-style:normal;color:#327a96}.app-story-intro h1 em{display:block}
.app-story-lead{max-width:510px}.app-story-lead p{font-size:18px;line-height:1.85;color:#526e7b}
.app-story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:31px 0}.app-story-actions .button,.app-story-install .button{background:#265e74;box-shadow:0 8px 22px #245e7424;gap:27px;padding:17px 23px;font-size:17px;min-height:58px}.app-story-actions .button:hover,.app-story-install .button:hover{background:#174a60}.app-story-actions>a{display:flex;gap:10px;align-items:center;color:#426774;text-decoration:none;font-weight:600}.app-story-actions>a .icon{width:18px;transform:rotate(90deg)}
.app-story-compat{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#4c7181}.app-story-compat i{width:4px;height:4px;border-radius:50%;background:#91a7b0}.app-story-compat small{flex-basis:100%;font-size:12px;font-weight:400;color:#718995}
.app-story-scene{height:575px;position:relative;isolation:isolate}.app-story-circle{position:absolute;width:480px;height:480px;max-width:100%;top:45px;left:0;border:1px solid #bed7e280;border-radius:50%;box-shadow:0 0 0 27px #e8f4f260,0 0 0 55px #f1f8f640}.app-story-number{position:absolute;font-size:150px;font-weight:800;letter-spacing:-.08em;color:#c2dde54d;bottom:-20px;left:0;line-height:1}
.app-story-postcard{position:absolute;width:61%;height:345px;left:0;top:90px;transform:rotate(-9deg);background:#fff;padding:9px 9px 37px;border-radius:18px;box-shadow:0 20px 45px #2a546e18}.app-story-postcard>img{width:100%;height:100%;object-fit:cover;border-radius:11px}.app-story-postcard>span{position:absolute;bottom:9px;left:0;width:100%;text-align:center;font-size:13px;color:#5c7380;font-weight:600}
.app-story-phone{position:absolute;right:5%;top:0;width:265px;height:537px;border:7px solid #264859;box-shadow:0 0 0 2px #e2edf0,0 28px 65px #193e5530,inset 0 0 0 2px #fff;border-radius:43px;background:linear-gradient(150deg,#f9fcfd,#e8f4f6);transform:rotate(7deg);padding:15px 15px 16px;overflow:hidden}.app-story-phone-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:#254351}.app-story-phone-top i{height:17px;width:73px;border-radius:30px;background:#264859;margin-right:6px}.app-story-phone-greeting{font-size:13px;line-height:1.6;margin-top:25px;color:#68848f}.app-story-phone-greeting strong{font-size:17px;color:#254859}.app-story-phone-app{display:flex;align-items:center;gap:14px;margin:21px 0;color:#254b62;font-size:21px;font-weight:750}.app-story-phone-app img{width:65px;height:65px;border-radius:19px;border:1px solid #d9e7ec;background:#fff;box-shadow:0 6px 14px #244b6010;object-fit:contain}.app-story-phone-card{background:#fff;border-radius:19px;padding:7px;box-shadow:0 5px 20px #1649550c;position:relative}.app-story-phone-card>img{height:114px;width:100%;object-fit:cover;border-radius:13px}.app-story-phone-card>span:not(.app-story-phone-card-heart){display:block;font-size:10px;color:#7f9099;margin:10px 9px 3px}.app-story-phone-card>strong{display:block;font-size:15px;line-height:1.45;color:#24495d;margin:0 9px 10px}.app-story-phone-card-heart{position:absolute;right:15px;top:15px;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:#fff;color:#df885f}.app-story-phone-card-heart .icon{width:17px;height:17px}.app-story-phone-dock{display:flex;justify-content:space-around;border-radius:17px;background:#ffffffb0;margin-top:18px;padding:12px;color:#638998}.app-story-phone-dock .icon{width:19px;height:19px}
.app-story-float{position:absolute;left:2%;bottom:28px;background:#fffdf6;border:1px solid #ebe3cd;border-radius:18px;display:flex;gap:12px;align-items:center;padding:17px 21px;transform:rotate(-4deg);box-shadow:0 12px 25px #314d5712;color:#6e807e;font-size:12px;line-height:1.6}.app-story-float>.icon{color:#54785e;background:#e7eddb;width:36px;height:36px;padding:9px;border-radius:50%}.app-story-float strong{font-size:15px;color:#355568}
.app-story-section{margin-top:100px;margin-bottom:100px;scroll-margin-top:120px}.app-story-heading{max-width:770px;margin-bottom:38px}.app-story-heading h2,.app-story-install h2{font-size:clamp(31px,3.25vw,47px);line-height:1.18;letter-spacing:-.035em;margin:21px 0 17px;color:var(--navy)}.app-story-heading p{font-size:18px;color:#667e8b;line-height:1.8}.app-story-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.app-story-benefit{position:relative;padding:30px 25px;border:1px solid #dce9eb;border-radius:23px;background:linear-gradient(145deg,#f7fbfc,#fff);overflow:hidden}.app-story-benefit:nth-child(even){background:linear-gradient(145deg,#fffcf4,#fff);border-color:#ebe7d8}.app-story-feature-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:16px 16px 16px 5px;background:#e2f0f4;color:#418198;transform:rotate(-4deg);margin-bottom:27px}.app-story-benefit:nth-child(even) .app-story-feature-icon{background:#f6ebd1;color:#a48145}.app-story-feature-icon>.icon{width:24px;height:24px;transform:rotate(4deg)}.app-story-feature-number{position:absolute;right:20px;top:26px;font-size:14px;letter-spacing:.1em;color:#a1b4b7}.app-story-benefit h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:0 0 15px;color:#294e60}.app-story-benefit p{font-size:15px;line-height:1.85;color:#667f8b;margin:0}
.app-story-install{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding:58px;border-radius:32px;background:radial-gradient(ellipse at 0 100%,#c9e4ed88,transparent 70%),#f0f7f8;border:1px solid #d9e9ed;position:relative;overflow:hidden}.app-story-install-intro>p{font-size:17px;line-height:1.85;color:#567583;margin:0 0 25px}.app-story-install-logo{display:flex;gap:14px;align-items:center;margin-top:30px;color:#345e72;font-weight:700;line-height:1.5}.app-story-install-logo img{width:56px;height:56px;border-radius:16px;object-fit:contain;background:#fff;box-shadow:0 5px 15px #496c7010}.app-story-install-logo small{font-size:12px;font-weight:400;color:#758d96}.app-story-steps{list-style:none!important;counter-reset:none;padding:0;margin:15px 0!important;align-self:center}.app-story-steps li{display:flex;position:relative;gap:20px;padding:0 0 30px;margin:0}.app-story-steps li:last-child{padding-bottom:0}.app-story-steps li:not(:last-child):after{content:'';position:absolute;left:21px;top:47px;bottom:5px;border-left:1px dashed #a7c7d0}.app-story-step-number{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #c4dce4;border-radius:50%;background:#fff;color:#548397;font-weight:600;font-size:19px}.app-story-steps h3{font-size:21px;line-height:1.4;margin:6px 0 9px;color:#2b5266}.app-story-steps p{font-size:15px;line-height:1.8;color:#627e8b;margin:0}
.app-story-faq{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:80px;margin-bottom:115px}.app-story-questions{border-top:1px solid #dae7eb}.app-story-questions details{border-bottom:1px solid #dae7eb;padding:0 2px}.app-story-questions summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;list-style:none;cursor:pointer;font-size:18px;font-weight:600;color:#365b6f;line-height:1.4}.app-story-questions summary::-webkit-details-marker{display:none}.app-story-questions summary span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#edf5f7;color:#6a98aa;font-size:24px;font-weight:400;transition:transform .15s}.app-story-questions details[open] summary span{transform:rotate(45deg)}.app-story-questions details>div{padding:0 43px 22px 0;color:#657e8b;font-size:16px;line-height:1.85}.app-story-questions p{margin:0}.app-story-questions summary:focus-visible{outline:2px solid #669db1;outline-offset:5px;border-radius:6px}
@media(max-width:1200px){.app-story-hero-inner{gap:25px}.app-story-scene{height:530px}.app-story-phone{width:245px;height:512px;right:0}.app-story-postcard{height:300px;top:105px}.app-story-phone-greeting{margin-top:20px}.app-story-phone-app{margin:16px 0}.app-story-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.app-story-install{padding:40px;gap:40px}.app-story-faq{gap:45px}}
@media(max-width:900px){.app-story-hero{padding:55px 0 45px}.app-story-hero-inner{grid-template-columns:minmax(0,1fr);gap:40px}.app-story-intro{max-width:660px}.app-story-intro h1{font-size:52px}.app-story-scene{width:500px;max-width:calc(100% - 20px);margin:0 auto;height:555px}.app-story-phone{right:7%;width:265px;height:537px}.app-story-postcard{height:345px}.app-story-hero:after{height:35px}.app-story-section{margin-block:72px}.app-story-install{gap:30px}.app-story-faq{grid-template-columns:1fr;gap:5px}.app-story-heading{margin-bottom:28px}.app-story-steps li{gap:15px}.app-story-steps h3{font-size:19px}}
@media(max-width:600px){.app-story-hero{padding-top:38px}.app-story-hero-inner{gap:34px}.app-story-intro h1{font-size:clamp(36px,9vw,48px);margin:24px 0;line-height:1.13}.app-story-intro .eyebrow{font-size:10px;letter-spacing:.09em}.app-story-lead p{font-size:16px;line-height:1.85}.app-story-actions{gap:19px;margin:26px 0}.app-story-actions .button{width:100%;justify-content:space-between}.app-story-actions>a{font-size:14px}.app-story-compat{font-size:12px;gap:10px}.app-story-compat small{font-size:11px}.app-story-scene{height:440px;max-width:100%;width:340px;margin-top:5px}.app-story-phone{width:215px;height:427px;right:3%;border-width:6px;border-radius:34px;padding:11px 12px}.app-story-phone-top{font-size:9px}.app-story-phone-top i{height:13px;width:61px}.app-story-phone-greeting{font-size:11px;margin-top:18px}.app-story-phone-greeting strong{font-size:14px}.app-story-phone-app{margin:15px 0;gap:12px;font-size:18px}.app-story-phone-app img{width:53px;height:53px;border-radius:15px}.app-story-phone-card>img{height:87px}.app-story-phone-card>strong{font-size:12px;margin-bottom:7px}.app-story-phone-card>span:not(.app-story-phone-card-heart){font-size:9px;margin-top:8px}.app-story-phone-dock{margin-top:12px;padding:9px}.app-story-phone-dock .icon{width:16px;height:16px}.app-story-postcard{height:260px;width:65%;top:78px;left:0;padding:7px 7px 31px;border-radius:14px}.app-story-postcard>span{font-size:9px}.app-story-float{font-size:10px;left:-2%;bottom:0;padding:12px 14px;gap:8px;border-radius:14px}.app-story-float strong{font-size:12px}.app-story-float>.icon{width:29px;height:29px;padding:7px}.app-story-circle{width:310px;height:310px;top:60px}.app-story-number{font-size:100px;bottom:8px}.app-story-section{margin-block:58px}.app-story-heading h2,.app-story-install h2{font-size:32px}.app-story-heading p{font-size:16px}.app-story-benefits{grid-template-columns:1fr;gap:14px}.app-story-benefit{padding:24px;border-radius:20px}.app-story-benefit h3{font-size:22px;max-width:280px}.app-story-feature-icon{margin-bottom:20px}.app-story-benefit p{font-size:15px}.app-story-install{grid-template-columns:1fr;padding:29px 23px;gap:31px;border-radius:25px}.app-story-install h2{font-size:31px}.app-story-install-intro>p{font-size:15px}.app-story-install .button{width:100%;justify-content:space-between;font-size:16px;padding:15px 19px}.app-story-steps{margin:0!important}.app-story-step-number{width:38px;height:38px;flex-basis:38px;font-size:16px}.app-story-steps li:not(:last-child):after{left:18px;top:42px}.app-story-steps p{font-size:14px}.app-story-steps h3{font-size:18px;margin-top:5px}.app-story-questions summary{font-size:17px;padding:21px 0}.app-story-questions details>div{font-size:15px;padding-right:15px}.app-story-faq{margin-bottom:70px}}
@media(prefers-reduced-motion:reduce){.app-story-questions summary span{transition:none}}