.blue-hero{position:relative;isolation:isolate;color:#fff;background:#2948a1;overflow:hidden;margin:14px;border-radius:14px;min-height:820px}.blue-hero:after{content:"";position:absolute;z-index:-1;right:24%;bottom:-8%;width:220px;height:190px;background:#b8a6cb;filter:blur(75px);opacity:.22}.blue-hero .hero-image{background-image:url(/assets/hero-walking.webp)}
@scope (.blue-hero){

:root{--ink:#142033;--blue:#3657A0;--purple:#193D7C;--peach:#ffd5e7;--paper:#f6f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font:18px/1.6 Archivo,Arial,sans-serif;color:var(--ink);background:white}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #ffd5e7;outline-offset:6px}.section a:focus-visible,.section summary:focus-visible{outline-color:var(--purple)}.skip{position:absolute;top:-100px;z-index:10;background:#142033;color:white;padding:16px}.skip:focus{top:0}.review{display:flex;justify-content:space-between;padding:10px 3%;font-size:10px;letter-spacing:.1em;color:#505d6a}.blue-hero{position:relative;isolation:isolate;min-height:820px;color:#fff;background:#2948a1;overflow:hidden;margin:0 14px;border-radius:14px}.hero-image,.color-wash,.fluted{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-image{background:url(/assets/hero-walking.webp) 70% 45%/cover no-repeat;filter:blur(4px) saturate(.4);transform:scale(1.025);opacity:.75}.color-wash{background:linear-gradient(90deg,rgba(19,46,104,.97) 0%,rgba(22,64,132,.91) 29%,rgba(50,107,186,.49) 59%,rgba(39,60,137,.6)),radial-gradient(ellipse at 65% 92%,#b4a9c7 0,transparent 30%);mix-blend-mode:normal}.fluted{background:repeating-linear-gradient(90deg,transparent 0px,rgba(216,237,255,.09) 2px,rgba(10,36,93,.1) 4px,transparent 7px);mask-image:linear-gradient(90deg,transparent 20%,black 64%);opacity:.9}.blue-hero:after{content:"";position:absolute;z-index:-1;right:24%;bottom:-8%;width:220px;height:190px;background:#b8a6cb;filter:blur(75px);opacity:.22}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 4.5%;border-bottom:1px solid #ffffff30}.logo{display:block;width:145px;height:auto}nav{display:flex;gap:30px;background:#ffffff14;border:1px solid #ffffff40;border-radius:50px;padding:9px 24px;backdrop-filter:blur(16px)}nav a{text-decoration:none;font-size:14px}nav a:hover{text-decoration:underline}.nav-cta{font-size:14px;display:flex;gap:20px;align-items:center;text-decoration:none;border-bottom:1px solid #ffffff80;padding:10px 0}.hero-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;padding:24px 4.5%}.hero-top i{display:inline-block;height:6px;width:6px;background:#ffd5e7;border-radius:50%;margin-right:8px}.hero-grid{display:grid;grid-template-columns:1.65fr 1fr;align-items:end;gap:7%;padding:76px 4.5% 64px}.eyebrow{font-size:11px;letter-spacing:.11em;font-weight:600;margin:0 0 20px}.purple{color:var(--purple)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.45vw,86px);font-weight:400;letter-spacing:-.065em;line-height:1.03;margin-bottom:28px}h2{font-size:clamp(32px,3.4vw,52px);font-weight:400;letter-spacing:-.045em;line-height:1.13}h3{font-size:25px;letter-spacing:-.03em;line-height:1.25;font-weight:600}.intro{font-size:19px;line-height:1.7;max-width:470px;color:#fff}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:35px}.button{display:inline-flex;min-height:52px;align-items:center;gap:40px;padding:15px 24px;border-radius:50px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s}.button:hover{transform:translateY(-3px)}.peach{background:var(--peach);color:#142033}.quiet-link{font-size:14px;text-underline-offset:6px;white-space:nowrap}.quiet-link span{margin-left:9px}.small-note{font-size:12px;margin:23px 0 0}.glass{background:#153766ad;border:1px solid #ffffff69;backdrop-filter:blur(24px);box-shadow:0 20px 80px #14203320;border-radius:18px}.program-card{max-width:365px;padding:25px 28px;justify-self:end;width:100%}.card-heading{font-size:10px;letter-spacing:.13em;display:flex;align-items:center;justify-content:space-between}.card-heading>span:last-child{font-size:24px;color:var(--peach)}.large-number{font-size:82px;line-height:1;margin:20px 0 14px;letter-spacing:-.06em}.large-number span{font-size:18px;letter-spacing:0;margin-left:12px}.program-card>p:not(.large-number){font-size:20px;line-height:1.3;margin-bottom:24px}.card-line{height:1px;background:#ffffff50;margin:20px 0}.card-item{display:flex;gap:13px;align-items:center;font-size:13px;margin-top:17px}.card-item small{display:block;font-size:10px;margin-top:3px}.tiny-icon{font-size:10px;display:grid;place-items:center;height:30px;width:30px;border:1px solid #ffffff60;border-radius:50%;flex:none;color:var(--peach)}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff45;margin:0 4.5%;padding:22px 0;font-size:9px;letter-spacing:.12em}.hero-bottom a{text-decoration:none}.hero-bottom a span{margin-left:16px}.section{padding:100px max(5.5%,calc((100vw - 1320px)/2));scroll-margin-top:10px}.approach{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:start}.approach-copy{padding-top:35px;color:#505d6a;font-size:18px}.text-link{display:inline-block;color:var(--purple);font-size:16px;text-underline-offset:5px;margin-top:10px}.text-link span{margin-left:18px}.inside{background:var(--paper)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-title h2{margin:0}.section-title>p{font-size:16px;color:#505d6a}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{overflow:hidden;border-radius:12px;background:#fff}.feature>img{width:100%;height:260px;object-fit:cover;display:block}.feature-body{padding:28px}.feature-num{font-size:10px;letter-spacing:.13em;color:var(--purple)}.feature h3{margin:18px 0 14px}.feature p{font-size:16px;color:#505d6a;line-height:1.7;margin:0}.lesson-art{height:260px;background:#dddff5;position:relative;overflow:hidden;display:grid;place-items:center}.lesson-window{z-index:1;width:75%;padding:24px;border-radius:14px;background:#193D7C;color:#fff;transform:rotate(-5deg);box-shadow:0 12px 35px #193D7C33}.lesson-window>span{font-size:9px;letter-spacing:.1em}.lesson-window b{font-size:23px;font-weight:400;line-height:1.15;display:block}.play{position:absolute;right:20px;top:20px;font-size:13px;background:#ffd5e7;color:#142033;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.progress-track{height:3px;margin-top:25px;background:#ffffff40}.progress-track i{display:block;background:#ffd5e7;height:3px;width:65%}.orbit{position:absolute;background:#ffd5e7;border-radius:50%;width:150px;height:150px;right:-25px;top:-35px}.orbit-two{background:#bcb9ef;left:-40px;top:140px}.rhythm{background:#193D7C;color:#fff}.rhythm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.rhythm ol{list-style:none;padding:0;margin:0}.rhythm li{display:flex;gap:25px;border-top:1px solid #ffffff50;padding:25px 0}.rhythm li>span{font-size:13px;color:var(--peach)}.rhythm li h3{font-size:22px;margin-bottom:8px}.rhythm li p{font-size:16px;margin:0}.faq{display:grid;grid-template-columns:1fr 1fr;gap:8%}.faq details{border-bottom:1px solid #b4bbc7}.faq summary{padding:24px 28px 24px 0;cursor:pointer;font-size:18px}.faq details p{font-size:16px;color:#505d6a}.closing{text-align:center;padding:90px 24px;background:#e4e6f4}.closing h2{font-size:clamp(45px,6vw,78px);margin-bottom:25px}.closing .eyebrow{color:var(--purple)}.closing>p:not(.eyebrow){font-size:18px}.closing .button{margin-top:12px;background:var(--purple);color:white}footer{display:flex;align-items:center;gap:30px;justify-content:space-between;background:#142033;color:white;padding:35px 5.5%}footer p,footer a{font-size:13px;margin:0}.concept-note{padding:12px 24px;text-align:center;font-size:11px;color:#505d6a}@media(min-width:1500px){.blue-hero{min-height:900px}.hero-grid{padding-top:130px}}@media(max-width:1000px){nav{gap:16px;padding-inline:16px}.hero-grid{gap:4%;grid-template-columns:1.4fr 1fr;padding-top:60px}.hero-actions{gap:18px;align-items:start;flex-direction:column}.program-card{padding:22px}.section{padding:72px 5%}.feature-grid{gap:16px}.feature-body{padding:22px}.feature>img,.lesson-art{height:220px}.lesson-window{width:86%}}@media(max-width:700px){.review{font-size:8px;padding:10px 18px}.review>span:last-child{display:none}.blue-hero{margin:0 8px;border-radius:10px;min-height:auto}header{padding:22px}.logo{width:120px}nav{display:none}.nav-cta{font-size:11px;gap:8px}.hero-top{padding:24px 22px;font-size:8px}.hero-top>span:last-child{display:none}.hero-grid{display:flex;flex-direction:column;align-items:start;padding:48px 22px 36px;gap:42px}h1{font-size:53px;letter-spacing:-.065em}.intro{font-size:18px;max-width:350px}.eyebrow{font-size:10px}.hero-image{background-position:54% center}.color-wash{background:linear-gradient(90deg,#173d7beb,#173d7bc9 60%,#294d99a1)}.hero-actions{gap:22px}.program-card{max-width:none;background:#143368c9;padding:23px}.large-number{font-size:60px}.program-card>p:not(.large-number){font-size:19px}.card-item{font-size:14px}.card-item small{font-size:12px}.hero-bottom{font-size:8px;margin-inline:22px;gap:20px}.hero-bottom>span{max-width:115px}.approach,.rhythm-grid,.faq{grid-template-columns:1fr;gap:24px}.approach-copy{padding:0}.section{padding:64px 24px}.section-title{display:block}.section-title>p{margin:24px 0 0}.feature-grid{grid-template-columns:1fr;gap:28px}.feature>img,.lesson-art{height:260px}.feature h3{font-size:26px}.feature-body{padding:26px}.lesson-window{width:70%;max-width:300px}.faq h2{margin-bottom:0}.closing{padding:70px 24px}footer{flex-wrap:wrap;padding:30px 24px;gap:20px}footer p{width:100%;order:3}.small-note{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

}

:root{--paper:#fff;--ink:#142033;--blue:#3657A0}
body.blue-sales{background:#fff;font-family:Archivo,Arial,sans-serif;font-size:18px}
.blue-sales h1,.blue-sales h2{font-family:Archivo,Arial,sans-serif;font-weight:400;letter-spacing:-.045em}
.blue-sales .promo{background:linear-gradient(110deg,#183e80,#3657a0 70%,#193D7C);padding:12px 0}
.blue-sales .promo-main{justify-content:space-between}.blue-sales .promo-title strong{font-size:24px}.blue-sales .promo-title>span{font-size:10px}
.blue-hero header .nav-cta{background:#ffd5e7;color:#142033;border:0;border-radius:50px;padding:13px 20px;font-weight:600;min-height:48px}
.blue-hero .hero-grid{padding-top:46px;padding-bottom:44px;align-items:center}.blue-hero h1{font-size:clamp(46px,5vw,78px)}
.blue-hero .hero-actions{margin-top:22px}.blue-hero .hero-reassurance{color:#fff;display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin-top:20px}
.glass-price{margin-top:24px}.glass-price .price-label{font-size:10px;letter-spacing:.1em}.glass-price strong{display:block;font-size:49px;line-height:1.2;font-weight:400;letter-spacing:-.04em}.glass-price small{font-size:13px;letter-spacing:0;margin-left:6px}
.blue-sales .button,.blue-hero .nav-cta{position:relative;isolation:isolate;overflow:hidden;background:#ffd5e7;color:#142033;border:1px solid #f3bbd3;border-radius:50px;box-shadow:0 4px 18px #14203315;font-weight:600;transition:transform .2s,box-shadow .2s}
.blue-sales .button::after,.blue-hero .nav-cta::after{content:"";position:absolute;inset:-50% -80%;background:linear-gradient(110deg,transparent 40%,#fff9 50%,transparent 60%);transform:translateX(-80%);pointer-events:none;animation:ctaSweep 5.5s ease-in-out infinite}
.blue-sales .hero-actions .button,.blue-sales .cart-checkout,.blue-sales .mobile-purchase .button,.blue-hero .nav-cta{animation:ctaPulse 3.6s ease-in-out infinite}
.blue-sales .button:hover,.blue-hero .nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 26px #3657A035}
.blue-sales .button:focus-visible,.blue-hero .nav-cta:focus-visible{outline:3px solid #3657A0;outline-offset:5px}
.blue-hero .button:focus-visible,.blue-hero .nav-cta:focus-visible{outline-color:#fff}
@keyframes ctaSweep{0%,55%{transform:translateX(-80%)}85%,100%{transform:translateX(80%)}}
@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 0 #ffd5e700,0 5px 18px #14203320}50%{box-shadow:0 0 0 6px #ffd5e728,0 5px 24px #ffd5e745}}
.blue-sales .delivery-strip{background:#e4e6f4;color:#142033;margin-top:20px}.blue-sales .visual-intro{padding-top:90px;padding-bottom:90px}.blue-sales .visual-intro h2{font-size:clamp(36px,4vw,60px)}
.blue-sales .app-story{--scene-0:#e4e6f4;--scene-1:#ecf0f9;--scene-2:#dde6f5;--scene-3:#e9e4f7}.blue-sales .story-sticky{background:#e4e6f4}.blue-sales .story-sticky h2{font-size:clamp(36px,4vw,60px)}
.blue-sales .three-steps h2,.blue-sales .bonus-heading h2,.blue-sales .offer-copy h2,.blue-sales .faq h2{font-size:clamp(34px,4vw,57px)}
.blue-sales .bonus-section{background:#f6f7fb}.blue-sales .offer-section{background:#e4e6f4}.blue-sales .offer-card{border:1px solid #bfc7e2;border-radius:20px;box-shadow:0 20px 60px #14203312}.blue-sales .last-call{border-radius:20px;background:#edf0fa;padding:54px;margin-bottom:60px}.blue-sales footer{background:#fff}
@media(max-width:760px){.blue-hero{margin:8px;min-height:auto}.blue-hero .hero-grid{padding-top:35px}.blue-hero h1{font-size:51px}.blue-hero header{padding:20px}.blue-hero header .nav-cta{font-size:11px;padding:12px 14px}.blue-hero .hero-actions{flex-direction:column;gap:22px}.blue-hero .hero-actions .button{font-size:14px;gap:20px;padding:17px 20px}.blue-hero .hero-reassurance{font-size:11px}.blue-sales .promo-title strong{font-size:19px}.blue-sales .promo .promo-button{display:inline-flex!important;white-space:nowrap;font-size:11px;padding:12px 15px}.blue-sales .promo-title>span{font-size:7px}.blue-sales .promo-main{gap:12px!important}.blue-sales .last-call{padding:30px;margin-bottom:30px}.blue-sales .mobile-purchase{background:#193d7c;color:#fff;border-top:1px solid #ffffff30}.blue-sales .story-sticky h2{font-size:30px}.blue-sales .visual-intro{padding-top:60px;padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){.blue-sales .button,.blue-hero .nav-cta,.blue-sales .button::after,.blue-hero .nav-cta::after{animation:none!important;transition:none!important}.blue-sales .button::after,.blue-hero .nav-cta::after{display:none}}
.blue-sales .last-call .payment-line{font-size:18px!important;line-height:1.6;font-weight:400;letter-spacing:0;margin-top:20px;color:#505d6a}
.blue-hero .hero-reassurance span{color:#fff;font-size:12px;line-height:1.5}
.blue-sales .mobile-purchase small{color:inherit}
.blue-sales .promo-main{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:24px!important}
.blue-sales .promo-title{flex:1;min-width:0}
.blue-sales .promo .promo-button{flex:0 0 auto;width:auto}
@media(max-width:760px){.blue-sales .promo-main{gap:12px!important}.blue-sales .promo-title strong{font-size:17px;line-height:1.3}.blue-sales .promo-title>span{font-size:7px;line-height:1.5}.blue-sales .promo .promo-button{gap:12px;padding:12px 15px}.blue-sales .promo{padding:12px 0}.blue-sales .promo .wrap{width:calc(100% - 32px)}}
.blue-sales .app-story[data-scene="0"] .story-sticky{background:#e4e6f4}
.blue-sales .app-story[data-scene="1"] .story-sticky{background:#edf0fa}
.blue-sales .app-story[data-scene="2"] .story-sticky{background:#dde6f5}
.blue-sales .app-story[data-scene="3"] .story-sticky{background:#ebe7f7}
/* Cinematic app highlights replace the pinned phone/screen-swap implementation. */
.header-clock{flex:none;display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:center;color:#fff;padding:8px 18px;border-inline:1px solid #ffffff38}
.header-clock>span{font-size:11px}.header-clock>b{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-weight:600}.header-clock>small{grid-column:1/-1;font-size:8px;letter-spacing:.08em;text-align:right;opacity:.8}
.blue-hero .hero-grid{padding-top:70px}.blue-hero .hero-bottom{margin-top:12px}
.app-highlights{padding:100px 0 70px;background:#f5f5f8;overflow:hidden;scroll-margin-top:var(--campaign-height)}
.highlight-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.highlight-heading h2{font-size:clamp(38px,4.6vw,68px);line-height:1.04;margin-bottom:0}.highlight-heading>.eyebrow{color:#193D7C}.highlight-heading>p{font-size:17px;line-height:1.6;color:#505d6a;max-width:320px;margin:0}
.highlight-rail{display:flex;align-items:stretch;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(5vw,calc((100vw - 1200px)/2));padding:10px max(5vw,calc((100vw - 1200px)/2)) 34px;scrollbar-width:none;overscroll-behavior-x:contain;position:relative}
.highlight-rail::-webkit-scrollbar{display:none}.highlight-rail:focus-visible{outline:3px solid #193D7C;outline-offset:-4px}
.app-highlight{position:relative;flex:0 0 min(1050px,87vw);min-height:620px;border-radius:28px;overflow:hidden;scroll-snap-align:center;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;box-shadow:0 14px 32px #1420330a;background:#153d80;color:#fff;transform:translateY(24px);opacity:.55;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s}
.app-highlight.is-revealed{transform:none;opacity:1}.highlight-copy{z-index:2;position:relative;display:flex;flex-direction:column;align-items:start;padding:55px 30px 45px 50px}
.highlight-kicker{font-size:11px;letter-spacing:.12em;color:#ffd5e7;margin-bottom:32px}.app-highlight h3{font-family:Archivo,sans-serif;font-size:clamp(32px,3.5vw,52px);font-weight:400;line-height:1.06;letter-spacing:-.05em;margin:0 0 24px}.highlight-copy>p{font-size:17px;line-height:1.65;max-width:320px;margin-bottom:32px}.highlight-expand{margin-top:auto;border:1px solid #ffffff80;border-radius:50px;padding:10px 17px;background:#ffffff16;color:inherit;font-size:13px;display:flex;align-items:center;gap:10px;min-height:48px;backdrop-filter:blur(15px)}.highlight-expand span{font-size:22px}.highlight-expand:hover{background:#ffffff30}.highlight-expand:focus-visible,.highlight-controls button:focus-visible{outline:3px solid #ffd5e7;outline-offset:5px}
.highlight-image{position:relative;min-width:0;perspective:1200px;display:flex;align-items:end;justify-content:center;padding:100px 32px 0 0}
.highlight-image:before{content:"";position:absolute;inset:15% -30% -10% -25%;background:radial-gradient(ellipse,#b6c7fa70,transparent 65%);z-index:-1}.highlight-image>img{display:block;width:100%;max-width:350px;height:auto;margin-bottom:-170px;border-radius:36px;border:6px solid #e6ebfa;box-shadow:0 24px 60px #07183155;transform:rotateY(-11deg) rotateZ(5deg) translateY(35px) scale(1.08);transform-origin:center top;transition:transform 1.25s cubic-bezier(.15,.7,.25,1)}.is-revealed .highlight-image>img{transform:rotateY(-5deg) rotateZ(3deg) translateY(0) scale(1)}
.image-caption{position:absolute;top:45px;left:8px;right:25px;font-size:12px;line-height:1.5;text-align:center;letter-spacing:.01em}
.highlight-food{background:#e5e4f6;color:#142033}.highlight-progress{background:#1d2944}.highlight-care{background:#193D7C}.highlight-food .highlight-kicker{color:#193D7C}.highlight-food .highlight-expand{border-color:#14203380;background:#ffffff60}.highlight-food .highlight-image:before{background:radial-gradient(ellipse,#b9aceb,transparent 65%)}
.highlight-food .highlight-image>img{transform:rotateY(10deg) rotateZ(-5deg) translateY(35px) scale(1.08)}.highlight-food.is-revealed .highlight-image>img{transform:rotateY(4deg) rotateZ(-3deg) translateY(0) scale(1)}
.highlight-progress .highlight-image>img{margin-bottom:-120px}.highlight-care .highlight-image>img{margin-bottom:-190px}
.highlight-controls{display:flex;align-items:center;gap:18px;margin-top:3px}.highlight-pagination{display:flex;align-items:center;gap:0}.highlight-pagination button{display:grid;place-items:center;width:36px;height:44px;background:none;border:0}.highlight-pagination span{height:7px;width:7px;background:#a8afbf;border-radius:10px;transition:width .3s,background .3s}.highlight-pagination [aria-pressed="true"] span{width:25px;background:#3657A0}.gallery-status{font-size:12px;margin:0;color:#505d6a;font-variant-numeric:tabular-nums}.highlight-arrows{display:flex;gap:12px;margin-left:auto}.highlight-arrows button{border:0;border-radius:50%;background:#e1e3eb;color:#142033;width:48px;height:48px;font-size:22px}.highlight-arrows button:hover{background:#cfd3e1}.highlight-arrows button:disabled{opacity:.3;cursor:default}
.highlight-enroll{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:45px;padding-top:30px;border-top:1px solid #d6dbe6}.highlight-enroll>p{font-size:16px;color:#505d6a;margin:0}.highlight-enroll .button{font-size:15px;padding:17px 23px}
.app-detail{width:min(650px,calc(100vw - 32px));max-height:90dvh;padding:24px 28px 35px;border:0;border-radius:22px;background:#f5f6fb;color:#142033;overflow:auto}.app-detail::backdrop{background:#102044b8;backdrop-filter:blur(12px)}.detail-top{display:flex;align-items:center;gap:20px;position:sticky;top:-24px;background:#f5f6fb;padding:10px 0;z-index:1}.detail-top h2{font-size:23px;line-height:1.2;margin:0}.app-detail .dialog-close{position:static;flex:none;margin-left:auto;width:44px;height:44px;border:0;background:#e3e6ef;border-radius:50%;font-size:27px}.app-detail>p{font-size:12px;color:#505d6a;margin:0 0 20px}.app-detail>img{display:block;width:100%;max-width:390px;height:auto;margin:auto;border-radius:24px;box-shadow:0 8px 30px #14203318}
@media(max-width:1000px){.header-clock{padding-inline:8px;gap:2px 8px}.header-clock>span{font-size:9px}.header-clock>b{font-size:21px}.blue-sales .promo-title strong{font-size:20px}.highlight-copy{padding:40px 24px 35px 35px}.app-highlight{min-height:560px}.highlight-image>img{margin-bottom:-100px}.highlight-care .highlight-image>img{margin-bottom:-130px}}
@media(max-width:760px){.blue-sales .promo-main{display:grid!important;grid-template-columns:1fr auto;gap:8px 12px!important}.blue-sales .promo-title{grid-column:1}.blue-sales .promo .promo-button{grid-column:2;grid-row:1/3;align-self:center}.header-clock{grid-column:1;display:flex;gap:7px;border:0;padding:0;align-items:center}.header-clock>span{font-size:8px}.header-clock>b{font-size:16px}.header-clock>small{font-size:6px}.blue-sales .promo-title strong{font-size:15px}.blue-sales .promo-title>span{font-size:6px}.blue-hero .hero-grid{padding-top:45px}.app-highlights{padding:60px 0 45px}.highlight-heading{display:block;margin-bottom:28px}.highlight-heading h2{font-size:39px}.highlight-heading>p{font-size:15px;margin-top:24px}.highlight-rail{gap:16px;padding-inline:24px;scroll-padding-inline:24px;padding-bottom:25px}.app-highlight{flex-basis:calc(100vw - 48px);min-height:700px;display:flex;flex-direction:column;border-radius:22px}.highlight-copy{padding:30px 26px 0;min-height:300px}.highlight-kicker{margin-bottom:20px;font-size:10px}.app-highlight h3{font-size:36px;margin-bottom:18px}.highlight-copy>p{font-size:15px;line-height:1.6;margin-bottom:22px}.highlight-expand{font-size:12px;padding:9px 14px;min-height:44px;margin-top:0}.highlight-image{padding:55px 35px 0;min-height:390px;align-items:start;flex:1;max-height:410px}.highlight-image>img,.highlight-progress .highlight-image>img,.highlight-care .highlight-image>img{width:100%;max-width:245px;margin-bottom:-210px;border-radius:26px;border-width:4px}.image-caption{font-size:10px;top:24px;left:20px;right:20px}.highlight-controls{gap:8px}.highlight-pagination button{width:30px}.highlight-arrows{gap:8px}.highlight-arrows button{width:44px;height:44px}.highlight-enroll{display:flex;flex-direction:column;align-items:start;gap:20px;margin-top:28px}.highlight-enroll>p{font-size:15px}.highlight-enroll .button{font-size:13px;gap:15px}.app-detail{padding:18px}.detail-top{top:-18px}.detail-top h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.app-highlight,.highlight-image>img,.highlight-pagination span{transition:none!important;transform:none!important;opacity:1}.highlight-rail{scroll-behavior:auto}}
.blue-sales s{position:relative;display:inline-block;text-decoration:none!important;color:inherit;opacity:.75;white-space:nowrap}.blue-sales s::after{content:"";position:absolute;left:-.06em;right:-.06em;top:50%;height:2px;border-radius:2px;background:currentColor;transform:rotate(-7deg);opacity:1;pointer-events:none}
.blue-hero .glass-price .original-price{font-size:.62em;vertical-align:middle;letter-spacing:-.025em;margin-right:8px;color:#d9e2fa}
.blue-hero .nav-cta .original-price{font-size:inherit;opacity:.6}.blue-sales .promo-title .original-price{font-size:.76em;color:#dce3ff;margin-left:8px;opacity:1}
@media(max-width:760px){.blue-hero header .nav-cta{font-size:10px;padding:12px;gap:6px}.blue-hero header{gap:12px}.blue-hero .glass-price small{display:block;margin:8px 0 0}.blue-sales .promo-title strong{font-size:14px}.blue-sales .promo-title .original-price{margin-left:3px}}
.app-highlight{overflow:clip}
@media(max-width:760px){.highlight-image{overflow:clip;flex-shrink:0}.highlight-copy{flex-shrink:0}}
.app-highlights{scroll-margin-top:0}
/* Official Apple iPhone 17 Pro bezel, unmodified. Screen aperture follows the supplied alpha geometry. */
.official-iphone{position:relative;display:block;flex:none;width:100%;max-width:270px;aspect-ratio:1350/2760;line-height:0}
.official-iphone .iphone-screen{position:absolute;inset:0;mask-image:url(/concepts/blue-glass/assets/iphone-17-pro-display-mask.png?v=2);-webkit-mask-image:url(/concepts/blue-glass/assets/iphone-17-pro-display-mask.png?v=2);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;z-index:0}
.official-iphone .app-screen-capture{position:absolute;display:block;left:5.33333333%;top:2.5%;width:89.33333333%;height:95%;object-fit:fill;max-width:none;border:0;border-radius:0;box-shadow:none;transform:none;margin:0}
.official-iphone .apple-bezel{position:relative;z-index:1;display:block;width:100%;height:auto;max-width:none;border:0;border-radius:0;box-shadow:none;transform:none;margin:0;pointer-events:none}
.app-highlight,.app-highlight.is-revealed{transform:none;opacity:1;transition:none}
.highlight-copy{transform:none;opacity:1}

.highlight-image{align-items:center;justify-content:center;padding:70px 30px 25px 0;perspective:none;overflow:visible}
.highlight-image .official-iphone{width:min(100%,250px);max-width:250px;margin:0;transform:none;filter:none;box-shadow:none}
.highlight-image:before{display:none}.image-caption{top:28px}
.app-detail .detail-device{width:min(100%,390px);max-width:390px;height:auto;margin:0 auto}
@media(max-width:1000px){.highlight-image .official-iphone{max-width:225px}.app-highlight{min-height:570px}}
@media(max-width:760px){.app-highlight{min-height:830px}.highlight-copy{min-height:310px}.highlight-image{padding:55px 25px 25px;min-height:500px;max-height:none;align-items:center;overflow:visible}.highlight-image .official-iphone{width:min(100%,205px);max-width:205px}.image-caption{top:20px}.app-detail .detail-device{width:100%;max-width:330px}}
@media(prefers-reduced-motion:reduce){.highlight-copy{transform:none;opacity:1;transition:none;animation:none!important}}
/* Two real perspective-rendered third-party casings; the Apple-supplied frames remain unchanged. */
.angled-iphone{position:relative;flex:none;display:block;width:min(100%,300px);max-width:300px;line-height:0;--angle-scale:.1}
.angled-native{position:absolute;top:0;left:0;transform:scale(var(--angle-scale));transform-origin:0 0}
.angle-screen{position:absolute;inset:0;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.angled-iphone .app-screen-capture{position:absolute;top:0;left:0;display:block;width:1206px;height:2622px;max-width:none;border:0;border-radius:0;box-shadow:none;transform-origin:0 0;margin:0}
.angled-iphone .angle-frame{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none;border:0;box-shadow:none;border-radius:0;margin:0;pointer-events:none}
@media(max-width:760px){.angled-iphone{width:min(100%,245px);max-width:245px}}

/* Soft blush conversion accent against blue glass, with readable navy labels. */
.blue-sales .button,.blue-hero header .nav-cta{background:linear-gradient(115deg,#FFD5E7,#F5ADCD);color:#193D7C;border:1px solid #FFE6F0;box-shadow:0 4px 16px #f5adcd26}
.blue-sales .button:hover,.blue-hero header .nav-cta:hover{background:linear-gradient(115deg,#FFE1EE,#F8BBD6);color:#193D7C;box-shadow:0 6px 20px #f5adcd38}
.blue-sales .button s,.blue-hero header .nav-cta s{color:#193D7C;opacity:.7}
@keyframes ctaPulse{0%,100%{box-shadow:0 4px 16px #f5adcd26}50%{box-shadow:0 0 0 3px #ffd5e718,0 6px 20px #f5adcd38}}
.blue-sales .bonus-bottom{border-top:0;padding-top:0;justify-content:flex-end}
.blue-sales .mobile-purchase[hidden]{display:none!important}
.blue-sales .blue-hero{padding-bottom:18px}
@media(max-width:760px){.blue-sales .bonus-bottom{justify-content:center}.blue-sales .blue-hero{padding-bottom:10px}}

/* Reveal the enrollment bar after the hero without an abrupt entrance. */
@keyframes purchaseBarEnter{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
.blue-sales .mobile-purchase:not([hidden]){animation:purchaseBarEnter .5s cubic-bezier(.2,.7,.2,1) both}
@media(prefers-reduced-motion:reduce){.blue-sales .mobile-purchase:not([hidden]){animation:none}}

/* Text enters once on forward discovery; phones remain still. */
.app-highlight .highlight-copy{transform:none;opacity:1;animation:none;transition:none}
.app-highlight .highlight-image{grid-column:1;grid-row:1;padding:45px 20px 30px 40px;opacity:1;transform:none}
.app-highlight .highlight-copy{grid-column:2;grid-row:1;padding:55px 45px 45px 25px}
.app-highlight:not(.is-revealed) .highlight-copy{opacity:0}
.app-highlight.is-revealed .highlight-copy{opacity:1}
@keyframes highlightTextEnter{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.app-highlight.text-enter .highlight-copy{animation:highlightTextEnter .55s cubic-bezier(.2,.7,.2,1) both}
@media(max-width:760px){.app-highlight .highlight-image{order:-1;padding:35px 25px 15px;min-height:470px}.app-highlight .highlight-copy{padding:20px 26px 30px;min-height:310px}}
@media(prefers-reduced-motion:reduce){.app-highlight .highlight-image,.app-highlight .highlight-copy{opacity:1!important;transform:none;animation:none!important}}

/* A single contained countdown replaces header separators and secondary labels. */
.blue-sales .header-clock{display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid #ffd5e755;border-inline:1px solid #ffd5e755;border-radius:14px;background:#142e6099;box-shadow:inset 0 1px 0 #ffffff12,0 4px 14px #10204414}
.blue-sales .header-clock>span{font-size:11px;color:#fff}
.blue-sales .header-clock>b{color:#FFD5E7;font-size:27px;line-height:1.1;letter-spacing:.04em}
@media(max-width:1000px){.blue-sales .header-clock{gap:9px;padding:9px 12px}.blue-sales .header-clock>b{font-size:23px}}
@media(max-width:760px){.blue-sales .header-clock{gap:8px;padding:6px 10px;border-radius:10px;width:fit-content}.blue-sales .header-clock>span{font-size:8px}.blue-sales .header-clock>b{font-size:19px}.blue-sales .promo-main{gap:7px 12px!important}}

/* Keep the offer price in the blush accent and let the button gradient flow laterally. */
.blue-sales .promo .promo-title strong em{color:#FFD5E7}
@keyframes blushFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.blue-sales .button,.blue-hero header .nav-cta,.blue-sales .button:hover,.blue-hero header .nav-cta:hover{background-image:linear-gradient(110deg,#FFD5E7 0%,#F5ADCD 25%,#FFE4EE 50%,#F3B1D0 75%,#FFD5E7 100%);background-size:250% 100%;animation:blushFlow 6s ease-in-out infinite,ctaPulse 3.6s ease-in-out infinite}
.blue-sales .button::after,.blue-hero .nav-cta::after{display:none}

/* Equal side columns keep the countdown exactly centered in the header. */
.blue-sales .promo .promo-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px!important}
.blue-sales .promo-title{grid-column:1;grid-row:1;min-width:0}
.blue-sales .promo-title strong{display:block;font-size:21px;line-height:1.2}
.blue-sales .header-offer-price{display:block;margin-top:5px;font-family:Archivo,Arial,sans-serif;font-size:17px}
.blue-sales .promo-title .original-price{margin-left:0}
.blue-sales .header-clock{grid-column:2;grid-row:1;justify-self:center}
.blue-sales .promo .promo-button{grid-column:3;grid-row:1;justify-self:end}
@media(max-width:1000px){.blue-sales .promo-title strong{font-size:17px}.blue-sales .header-offer-price{font-size:15px}}
@media(max-width:760px){.blue-sales .promo .promo-main{gap:8px!important}.blue-sales .promo-title strong{font-size:11px;line-height:1.35;font-family:Archivo,Arial,sans-serif}.blue-sales .header-offer-price{font-size:13px;margin-top:3px}.blue-sales .header-clock{display:flex;flex-direction:column;gap:3px;padding:7px 9px}.blue-sales .header-clock>span{font-size:8px}.blue-sales .header-clock>b{font-size:17px;letter-spacing:.02em}.blue-sales .promo .promo-button{padding:12px 10px;font-size:10px;gap:5px;white-space:nowrap}}

/* Clearer hero offer, with the secondary route anchored in the bottom-right corner. */
.blue-hero h1{min-height:2.1em}
.blue-hero .glass-price{display:flex;align-items:center;gap:22px}
.blue-hero .glass-price strong{display:flex;align-items:center;gap:10px;white-space:nowrap}
.blue-hero .glass-price .original-price{margin-right:0}
.blue-hero .glass-price .price-label{font-size:12px;line-height:1.5;letter-spacing:.02em;color:#FFD5E7}
.blue-hero .quiet-link{position:absolute;right:4.5%;bottom:28px;display:flex;align-items:center;gap:14px;text-decoration:none;color:white}
.blue-sales .blue-hero{padding-bottom:70px}
.blue-sales .header-clock{padding:12px 20px;border-color:#ffd5e780;background:linear-gradient(135deg,#152f68e6,#273e79e6);box-shadow:0 0 24px #f5adcd20,inset 0 1px 0 #ffffff18}
.blue-sales .header-clock>b{font-size:40px;color:#FFD5E7;letter-spacing:.04em;text-shadow:0 0 18px #f5adcd30}
.blue-sales .header-clock>span{font-size:11px}
@media(max-width:1000px){.blue-sales .header-clock{gap:9px;padding:10px 14px}.blue-sales .header-clock>b{font-size:32px}.blue-sales .header-clock>span{font-size:9px}}
@media(max-width:760px){.blue-hero h1{min-height:3.1em}.blue-hero .glass-price{gap:15px}.blue-hero .glass-price .price-label{font-size:10px}.blue-hero .glass-price strong{gap:7px}.blue-hero .hero-actions{align-items:start}.blue-hero .quiet-link{right:24px;bottom:25px;font-size:12px}.blue-sales .header-clock{padding:8px 10px;gap:3px}.blue-sales .header-clock>b{font-size:23px}.blue-sales .header-clock>span{font-size:8px}.blue-sales .blue-hero{padding-bottom:65px}}
/* A liquid highlight follows the pointer; the glossy sweep plays only on hover. */
@keyframes enrollmentGlint{from{transform:translateX(-85%) rotate(-12deg)}to{transform:translateX(85%) rotate(-12deg)}}
@media(hover:hover) and (pointer:fine){
 .blue-sales .button,.blue-hero header .nav-cta{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,filter .25s}
 .blue-sales .button::before,.blue-hero header .nav-cta::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 100px 65px at var(--pointer-x,50%) var(--pointer-y,50%),#ffffffbf,transparent 80%);opacity:0;transition:opacity .25s}
 .blue-sales .button:is(:hover,:focus-visible),.blue-hero header .nav-cta:is(:hover,:focus-visible){transform:translateY(-3px) scale(1.025);box-shadow:inset 0 1px 1px #ffffffcc,inset 0 -2px 5px #ce6e9a26,0 0 0 4px #ffd5e71a,0 12px 34px #ed98c15c;animation:blushFlow 3s ease-in-out infinite;filter:saturate(1.08)}
 .blue-sales .button:is(:hover,:focus-visible)::before,.blue-hero header .nav-cta:is(:hover,:focus-visible)::before{opacity:.75}
 .blue-sales .button:is(:hover,:focus-visible)::after,.blue-hero header .nav-cta:is(:hover,:focus-visible)::after{display:block;background:linear-gradient(110deg,transparent 43%,#ffffffa6 50%,transparent 57%);animation:enrollmentGlint .85s cubic-bezier(.2,.7,.2,1) both}
 .blue-sales .button:active,.blue-hero header .nav-cta:active{transform:translateY(0) scale(.99)}
}
@media(prefers-reduced-motion:reduce){.blue-sales .button:is(:hover,:focus-visible),.blue-hero header .nav-cta:is(:hover,:focus-visible){transform:none;animation:none!important}.blue-sales .button::before,.blue-hero header .nav-cta::before{transition:none}}

.blue-sales .promo .promo-button .enroll-label,.blue-sales .promo .promo-button .enroll-label span{font-size:inherit;line-height:1.25}
.blue-sales .promo .promo-button{gap:18px;padding-inline:20px}
@media(max-width:760px){.blue-sales .promo .promo-button{padding:10px 8px;gap:5px;font-size:10px}.blue-sales .promo .promo-button .enroll-label span{display:block;font-size:9px;margin-top:3px}}

.blue-sales .promo .promo-button{font-size:13px;gap:12px;min-width:0;max-width:100%}
.blue-sales .promo .promo-button .enroll-label{display:block}
.blue-sales .promo .promo-button .enroll-label span{display:inline;margin:0;font-size:inherit}
@media(max-width:760px){.blue-sales .promo .promo-button{font-size:9px;padding:10px 7px;gap:4px}.blue-sales .promo .promo-button .enroll-label span{display:block;font-size:8px;margin-top:3px}.blue-sales .promo .promo-button>span:last-child{font-size:12px}}

/* Consistent interactive affordance, readable offers, and a compact three-step story. */
a[href],button,summary,[role="button"]{cursor:pointer}button:disabled{cursor:default}
.blue-sales .promo{background:linear-gradient(110deg,#193D7C,#3657A0 65%,#193D7C)}
.blue-sales .offer-section{background:#E4E6F4;color:#142033}
.blue-sales .offer-section .offer-copy,.blue-sales .offer-section .offer-copy h2,.blue-sales .offer-section .value-breakdown{color:#142033}
.blue-sales .offer-section .offer-copy .eyebrow,.blue-sales .offer-section .offer-copy h2 span{color:#193D7C}
.blue-sales .offer-section .offer-copy>p:not(.eyebrow){color:#505D6A}
.blue-sales .value-breakdown{background:#FFFFFF;border:1px solid #C9D2E3;border-radius:20px}
.blue-sales .value-breakdown h3,.blue-sales .value-breakdown>div>span{color:#142033}
.blue-sales .value-breakdown s,.blue-sales .value-breakdown>p{color:#505D6A;opacity:1}
.blue-sales .value-breakdown .value-sum strong{color:#193D7C}
.blue-sales .offer-card{background:#FFFFFF;color:#142033;border-color:#C9D2E3}
.blue-sales .purchase-trust{border-top:1px solid #D6DBE6;padding-top:24px;margin-top:24px}
.blue-sales .guarantee-image{width:100%;max-width:430px;height:auto;display:block;margin:0 auto 15px}
.blue-sales .payment-marks{flex-wrap:wrap;gap:8px}
.blue-sales .three-steps{padding-block:75px;display:grid;grid-template-columns:1fr 1fr;gap:28px 70px;align-items:start}
.blue-sales .three-steps>div{grid-column:1;grid-row:1}
.blue-sales .three-steps h2{font-size:clamp(36px,4vw,56px);max-width:510px;margin-bottom:0}
.blue-sales .three-steps ol{grid-column:2;grid-row:1/3;margin:0;padding:0;display:grid;gap:14px;list-style:none}
.blue-sales .three-steps li{display:flex;align-items:start;gap:18px;padding:22px;background:#F6F7FB;border:1px solid #D6DBE6;border-radius:18px}
.blue-sales .three-steps li>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#193D7C;color:#FFFFFF;font-size:12px}
.blue-sales .three-steps li h3{font-size:21px;margin:0 0 8px}
.blue-sales .three-steps li p{font-size:16px;line-height:1.55;margin:0;color:#505D6A}
.blue-sales .three-steps .steps-enroll{grid-column:1;grid-row:2;justify-self:start;align-self:start;width:auto;gap:22px;font-size:15px;margin:0;padding:17px 23px}
/* Real cover artwork on a dimensional book with a spine and visible page edges. */
.blue-sales .book-visual{position:relative;isolation:isolate;perspective:900px;padding:0 13px 8px 7px}
.blue-sales .book-visual img{position:relative;z-index:1;display:block;width:100%;height:auto;transform:rotateY(-13deg);transform-origin:left center;border-radius:2px 5px 5px 2px;box-shadow:7px 10px 0 #193d7c15,14px 18px 22px #14203324;border-left:5px solid #102B57}
.blue-sales .book-visual::before{content:"";position:absolute;z-index:2;left:12px;top:0;bottom:8px;width:8px;background:linear-gradient(90deg,#ffffff25,#00000020,transparent);pointer-events:none}
.blue-sales .book-visual::after{content:"";position:absolute;z-index:0;top:5px;bottom:4px;right:7px;width:13px;background:repeating-linear-gradient(90deg,#FFFFFF 0 2px,#D6DBE6 2px 3px);border:1px solid #C5CBD6;border-radius:0 4px 4px 0;transform:skewY(10deg)}
.blue-sales .book-visual .free-badge{z-index:3}
@media(max-width:760px){.blue-sales .three-steps{grid-template-columns:1fr;gap:25px;padding-block:50px}.blue-sales .three-steps>div{grid-column:1;grid-row:1}.blue-sales .three-steps ol{grid-column:1;grid-row:2}.blue-sales .three-steps .steps-enroll{grid-column:1;grid-row:3;font-size:14px}.blue-sales .three-steps li{padding:20px}.blue-sales .three-steps li p{font-size:15px}.blue-sales .book-visual{padding-right:10px}.blue-sales .book-visual::after{right:4px}.blue-sales .payment-marks img{width:56px;height:auto}}

.blue-sales{--blue:#193D7C;--purple:#193D7C;--peach:#FFD5E7;--paper:#FFFFFF;--ink:#142033;--muted:#505D6A}

.highlight-controls{justify-content:center}.highlight-pagination{justify-content:center}
.app-highlight[data-navigate="next"]{cursor:url('/assets/cursor-right.svg?v=4') 64 64,e-resize}
.app-highlight[data-navigate="previous"]{cursor:url('/assets/cursor-left.svg?v=4') 64 64,w-resize}
.app-highlight[data-navigate="current"]{cursor:default}
.app-highlight[tabindex="0"]:focus-visible{outline:3px solid #193D7C;outline-offset:4px}

@media(hover:hover) and (pointer:fine){.app-highlight[data-navigate="next"]:hover,.app-highlight[data-navigate="previous"]:hover{box-shadow:inset 0 0 32px #ffffff18}}
.app-highlight[tabindex="0"]:focus-visible{box-shadow:inset 0 0 0 2px #fff,inset 0 0 28px #ffffff30}

/* A quiet hero overview, with fuller benefits in the page flow. */
.blue-hero .program-overview{width:100%;max-width:390px;justify-self:end;align-self:center;padding:10px 0 10px 30px;color:#fff}.program-overview>.eyebrow{font-size:10px;letter-spacing:.13em;color:#ffd5e7;margin:0 0 18px}.program-overview h2{font-size:35px;line-height:1.12;letter-spacing:-.045em;color:white;margin:0 0 22px}.program-overview ul{list-style:none;padding:0;margin:0}.program-overview li{padding:12px 0;border-top:1px solid #ffffff35}.program-overview li strong{font-size:15px;line-height:1.4;font-weight:600;display:block}.program-overview li>span{display:block;font-size:12px;line-height:1.5;color:#e1eaff;margin-top:3px}.program-overview .overview-support{font-size:12px;line-height:1.5;color:#e1eaff;margin:14px 0 18px}.program-overview .overview-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;text-decoration:none;border-bottom:1px solid #ffd5e780;padding-bottom:5px;color:#ffd5e7}.overview-link:hover{border-bottom-color:#fff;color:#fff}.overview-link:focus-visible{outline:2px solid #ffd5e7;outline-offset:6px}
.program-tools{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;padding-block:65px 85px;scroll-margin-top:120px}.tools-heading .eyebrow{color:#3657a0}.tools-heading h2{font-size:clamp(30px,3vw,43px);margin-bottom:22px}.tools-heading>p:last-child{font-size:16px;line-height:1.7;color:#505d6a;max-width:360px}.tool-benefit{padding:20px 0;border-top:1px solid #d6ddeb}.tool-benefit h3{font-size:18px;color:#142033;margin:0 0 8px}.tool-benefit p{font-size:15px;line-height:1.7;color:#505d6a;margin:0}
@media(max-width:1000px) and (min-width:701px){.blue-hero .program-overview{padding-left:10px}.program-overview h2{font-size:30px}.program-overview li strong{font-size:14px}}
@media(max-width:700px){.blue-hero .program-overview{max-width:none;padding:30px 0 0;border-top:1px solid #ffffff40}.program-overview h2{font-size:32px}.program-overview li{padding:14px 0}.program-overview li strong{font-size:16px}.program-overview li>span{font-size:13px}.program-overview .overview-support,.program-overview .overview-link{font-size:13px}.program-tools{display:block;padding:45px 24px 60px}.tools-heading{margin-bottom:32px}.tools-heading h2{font-size:32px}.tool-benefit{padding:22px 0}}

.blue-sales .bonus-price>b{background:none;border:0;box-shadow:none;padding:0;border-radius:0;color:#193d7c;font-size:12px;display:inline-flex;align-items:baseline;gap:4px}.blue-sales .bonus-price>b>span{font-size:21px}.blue-sales .bonus-price>s{font-size:18px}.blue-sales .bonus-price{gap:10px;min-height:32px}.blue-sales .button .cta-arrow{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;flex:none;line-height:1;align-self:center}.blue-sales .button .cta-arrow svg{display:block;width:20px;height:20px}.blue-sales .bonus-bottom .button{gap:16px;align-items:center}

.blue-sales .value-breakdown .value-program{gap:18px;border-bottom:1px solid #dce0e5}.blue-sales .value-program .cart-line-prices{flex-direction:row;gap:14px}.blue-sales .value-program strong{font-size:28px;color:#177445}.blue-sales .value-program s{font-size:20px;color:#6b7080}.blue-sales .value-breakdown .value-benefit{border-top:0;border-bottom:1px solid #e0e3e7;padding:16px 0;gap:16px}.blue-sales .value-benefit>span{font-size:14px;line-height:1.5;max-width:65%}.blue-sales .value-breakdown .value-benefit b{background:none;border:0;box-shadow:none;border-radius:0;padding:0;color:#177445;font-size:21px;white-space:nowrap}.blue-sales .value-benefit small{font-size:10px;font-weight:600}.blue-sales .value-benefit .cart-line-prices s{font-size:15px;color:#6b7080}.blue-sales .value-breakdown .value-sum{padding-top:24px}.blue-sales .value-sum>span{color:#505d6a;font-size:13px}.blue-sales .value-offer-prices{display:flex;gap:20px;align-items:baseline;margin-top:14px}.blue-sales .value-offer-prices>s{font-size:27px;color:#6b7080}.blue-sales .value-offer-prices>strong{font-size:60px;color:#177445;margin:0;line-height:1;letter-spacing:-.04em}.blue-sales .value-breakdown .offer-window,.blue-sales .value-breakdown .offer-expired{font-size:13px;color:#505d6a;margin:14px 0 0}.blue-sales .value-breakdown .offer-window>b{background:none;padding:0;color:#193d7c;font-size:15px;font-variant-numeric:tabular-nums}.offer-window[hidden],.offer-expired[hidden]{display:none!important}
@media(max-width:480px){.blue-sales .value-benefit>span{font-size:13px}.blue-sales .value-benefit .cart-line-prices{flex-direction:column;gap:5px}.blue-sales .value-program .cart-line-prices{flex-direction:column;gap:5px}.blue-sales .value-program>span{max-width:65%}}

.blue-sales .value-breakdown>.value-program,.blue-sales .value-breakdown>.value-benefit{display:flex;justify-content:space-between;grid-template-columns:none}.blue-sales .value-breakdown .value-sum .value-offer-prices>strong{color:#177445}

.blue-sales .bonus-grid .book-visual{perspective:none;padding:0;isolation:auto}.blue-sales .bonus-grid .book-visual::before,.blue-sales .bonus-grid .book-visual::after{display:none}.blue-sales .bonus-grid .book-visual img,.blue-sales .bonus-grid .bonus-card:nth-child(even) .book-visual img,.blue-sales .bonus-grid .bonus-card:hover .book-visual img{transform:none;transition:none;border:0;border-radius:2px;box-shadow:0 5px 14px #14203310}.blue-sales .bonus-price>b{color:#177445}

/* Prices use one Archivo glyph family; currency stays on the number baseline. */
.price-pair,.price-pair s,.price-pair>span,.glass-price>s,.glass-price>strong,.bonus-price s,.bonus-price b,.bonus-price b>span,.bonus-total s,.bonus-total b,.cart-line-prices s,.cart-line-prices strong,.cart-line-prices b,.value-offer-prices s,.value-offer-prices strong,.checkout-price s,.checkout-price strong,.book>div>s,.book>div>b{font-family:Archivo,Arial,sans-serif!important;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:normal;vertical-align:baseline}

.gallery-cursor{position:fixed;z-index:90;width:192px;height:192px;display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-50%);border:0;outline:0;border-radius:50%;background:radial-gradient(circle closest-side,#fff 0 22%,#fffffffc 29%,#fffffff0 38%,#ffffffbf 48%,#ffffff73 63%,#ffffff29 80%,#ffffff00 100%);color:#193d7c;box-shadow:none}.gallery-cursor[hidden]{display:none!important}.gallery-cursor svg{width:22px;height:22px;display:block}.gallery-cursor[data-direction="previous"] svg{transform:scaleX(-1)}
@media(hover:hover) and (pointer:fine){.gallery-pointer-ready .app-highlight[data-navigate="next"],.gallery-pointer-ready .app-highlight[data-navigate="previous"]{cursor:none}.gallery-pointer-ready .highlight-expand{cursor:pointer}}
@media(hover:none),(pointer:coarse){.gallery-cursor{display:none!important}}

/* Height-aware desktop hero; mobile retains its natural document flow. */
.blue-sales .blue-hero .quiet-link{left:50%;right:auto;bottom:18px;transform:translateX(-50%);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:3px 16px;text-align:center;white-space:nowrap;text-decoration:none;font-size:12px;line-height:1.5}.blue-sales .blue-hero .quiet-link span{display:block;margin:0;font-size:23px;line-height:1;animation:heroScrollNudge 1.9s ease-in-out infinite}.blue-sales .blue-hero .quiet-link:hover{color:#ffd5e7}.blue-sales .blue-hero .quiet-link:focus-visible{outline:2px solid #ffd5e7;outline-offset:4px;border-radius:10px}
@keyframes heroScrollNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(min-width:1001px){.blue-sales .blue-hero{display:flex;flex-direction:column;min-height:calc(100svh - var(--campaign-height,95px) - 28px);padding-bottom:74px}.blue-hero>header{flex:none}.blue-hero>#top{display:flex;flex:1;flex-direction:column;min-width:0}.blue-hero .hero-grid{flex:1;width:100%}}
@media(min-width:1001px) and (max-height:1000px){.blue-hero>header{padding-top:18px;padding-bottom:18px}.blue-hero .logo{width:135px}.blue-hero .hero-grid{grid-template-columns:1.25fr 1fr;gap:6%;padding-top:24px;padding-bottom:24px;align-items:center}.blue-hero h1{font-size:clamp(44px,4.2vw,64px);margin-bottom:22px;line-height:1.04}.blue-hero .hero-copy>.eyebrow{margin-bottom:16px}.blue-hero .hero-copy .intro{font-size:17px;line-height:1.6;max-width:580px;margin-bottom:0}.blue-hero .glass-price{margin-top:18px;gap:18px}.blue-hero .glass-price strong{font-size:44px}.blue-hero .hero-actions{margin-top:18px}.blue-hero .hero-actions .button{font-size:14px;min-height:50px;padding:14px 23px}.blue-hero .program-overview{max-width:none;padding:0}.program-overview h2{font-size:30px;margin-bottom:18px}.program-overview>.eyebrow{margin-bottom:13px}.program-overview ul{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.program-overview li{padding:12px 0}.program-overview li strong{font-size:14px}.program-overview li>span{font-size:12px;line-height:1.5}.program-overview .overview-support{margin:12px 0}.blue-sales .blue-hero .quiet-link{bottom:14px}}
@media(max-width:1000px){.blue-sales .blue-hero{padding-bottom:84px}.blue-sales .blue-hero .quiet-link{bottom:18px}}
@media(prefers-reduced-motion:reduce){.blue-sales .blue-hero .quiet-link span{animation:none}}


/* Compact texture reveal with a bounded spatial trail; white outside the mask. */
.visual-intro{position:relative;isolation:isolate;overflow:hidden;background:#fff;--intro-x:50%;--intro-y:78%;--intro-reveal:.08;--intro-radius:140px}.visual-intro>.intro-texture-layer{position:absolute;inset:0;z-index:0;pointer-events:none;mask-image:linear-gradient(180deg,#0000,#000 24px,#000 calc(100% - 36px),#0000);opacity:var(--intro-reveal)}.intro-texture-pattern{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffffb3 0px,#ffe4eeb3 2px,#f5adcdcc 4px,#ffffffa6 6px,#e58db573 8px,#ffd5e7b3 11px,#ffffffb3 13px),linear-gradient(110deg,#ffe4ee,#ffd5e7);mask-image:var(--intro-trail-mask,radial-gradient(ellipse var(--intro-radius) calc(var(--intro-radius) * .8) at var(--intro-x) var(--intro-y),#000,#0000));mask-composite:add}.visual-intro>:not(.intro-texture-layer){position:relative;z-index:1}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.visual-intro{--intro-reveal:.08!important}.intro-texture-pattern{mask-image:radial-gradient(ellipse 140px 110px at 50% 78%,#000,#0000)!important}}
.blue-hero .nav-cta>.cta-arrow{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none}.blue-hero .nav-cta>.cta-arrow svg{display:block;width:18px;height:18px}



/* Compact horizontal hero cue. */
.blue-sales .blue-hero .quiet-link{flex-direction:row;gap:9px}
.blue-sales .blue-hero .quiet-link span{display:flex;font-size:inherit;animation:none}
.blue-sales .blue-hero .quiet-link svg{width:15px;height:15px;display:block}
/* App feature explorer: a blue device stage and clear editorial details. */
html:has(.app-detail[open]){overflow:hidden}
.app-detail{max-width:1080px;width:calc(100vw - 48px);max-height:calc(100dvh - 48px);padding:0;border-radius:28px;background:#fff;color:#142033;overflow:auto;box-shadow:0 32px 100px #07163266}
.app-detail::backdrop{background:#071632a6;backdrop-filter:blur(8px)}
.app-detail .detail-top{position:sticky;top:0;display:flex;gap:24px;align-items:center;padding:18px 24px;background:#fff;border-bottom:1px solid #e7eaf1;z-index:4;margin:0}
.detail-top .eyebrow{color:#193d7c;font-size:10px;letter-spacing:.12em;white-space:nowrap;margin:0}
.app-detail .dialog-close{position:static;flex:none;cursor:pointer;width:42px;height:42px;display:grid;place-items:center;margin:0;border:1px solid #dce2eb;background:#fff;color:#142033;border-radius:50%;font-size:26px;transition:background .2s}
.app-detail .dialog-close:hover{background:#ffd5e7}
.app-detail .detail-tabs{display:flex;justify-content:center;gap:4px;flex-wrap:nowrap;flex:1;background:none;border:0;border-radius:0;padding:0;backdrop-filter:none}
.detail-tabs button{border:0;background:transparent;color:#505d6a;border-radius:30px;min-height:42px;padding:10px 17px;cursor:pointer;font:600 13px Archivo,sans-serif;transition:background .2s,color .2s}
.detail-tabs button[aria-pressed=true]{background:#ffe1ee;color:#193d7c}.detail-tabs button:hover{background:#f2f4fa;color:#193d7c}
.detail-tabs button:focus-visible,.app-detail .dialog-close:focus-visible,.detail-program-link:focus-visible{outline:3px solid #f5adcd;outline-offset:3px}
.detail-layout{display:grid;grid-template-columns:43% 57%;gap:0;align-items:stretch}
.detail-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 60% 45%,#41629b 0,transparent 65%),linear-gradient(145deg,#102957,#193d7c);border-radius:0;padding:30px}
.detail-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 6px,#ffffff06 7px,#ffffff0c 8px,transparent 10px);z-index:-1}
.detail-visual-label{font:10px Archivo,sans-serif;letter-spacing:.16em;color:#ffd5e7;text-align:center}
.app-detail .detail-device{width:min(240px,calc((100dvh - 230px)*.489));max-width:100%;margin:0;filter:drop-shadow(0 22px 22px #06142c70)}
.detail-copy{align-self:center;padding:44px 46px}
.detail-topic{color:#193d7c;font:600 12px Archivo,sans-serif;letter-spacing:.04em;margin:0 0 18px}
.detail-copy h2{font-size:clamp(32px,3.3vw,44px);line-height:1.06;letter-spacing:-.045em;max-width:15ch;margin:0 0 22px}
.detail-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;color:#505d6a;margin:0}
.detail-features{display:grid;gap:16px;padding:0;list-style:none;margin:28px 0 30px}
.detail-features li{position:relative;padding:0 0 0 27px;font-size:15px;line-height:1.5;border:0}
.detail-features li:before{content:'✓';position:absolute;left:0;top:1px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:11px;background:#ffe1ee;color:#193d7c}
.detail-program-link{display:inline-flex;align-items:center;gap:16px;color:#193d7c;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid #eab5ce;padding-bottom:7px}
.detail-program-link:hover{color:#142033;border-color:#193d7c}
.highlight-expand{cursor:pointer;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s}.highlight-expand:hover{transform:translateY(-2px);box-shadow:0 5px 16px #14203320}.highlight-expand span{font-size:20px}
@media(max-width:760px){
 .app-detail{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}
 .app-detail .detail-top{padding:12px;gap:8px;flex-wrap:wrap}
 .detail-top .eyebrow{flex:1;font-size:9px;order:0;padding-left:6px}
 .app-detail .dialog-close{order:1;width:38px;height:38px}
 .app-detail .detail-tabs{order:2;flex-basis:100%;justify-content:space-between;gap:0}
 .detail-tabs button{padding:10px 14px;font-size:12px;min-height:42px}
 .detail-layout{grid-template-columns:1fr}
 .detail-visual{gap:16px;padding:24px}
 .app-detail .detail-device{width:174px;max-width:100%}
 .detail-visual-label{font-size:9px}
 .detail-copy{padding:30px 26px 36px}
 .detail-copy h2{font-size:36px;max-width:16ch}
 .detail-copy>p:not(.eyebrow){font-size:15px}
 .detail-features{margin:24px 0;gap:15px}
}
@media(prefers-reduced-motion:reduce){.highlight-expand,.app-detail .dialog-close,.detail-tabs button{transition:none}.highlight-expand:hover{transform:none}}