/* Apple App Store and Google Play badges */
.store-badges {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.store-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 60px;
}

.store-badge img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Original website app-style system font stack: no external font dependency. */
:root{--reminder-blue:#223D72;--tan:#E6EDF7;--sky:#DCE8F6;--coral:#547FB4;--linen:#F7FAFD;--blush:#E8EFF7;--text-ink:#223D72;--white:#FFFFFF;--max:1160px;--line:rgba(43,105,148,.15);--body:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter','Segoe UI',sans-serif;--heading:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--linen);color:var(--text-ink);font:400 16px/1.65 var(--body)}a{color:inherit}button,input,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.button,.brand,.highlight,.site-nav{font-family:var(--heading)}h1,h2{letter-spacing:-.055em;line-height:1.07;font-weight:800}h1{font-size:clamp(3.3rem,6.4vw,6.6rem)}h2{font-size:clamp(2.5rem,4.6vw,4.6rem)}h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.035em}h1 em,h2 em{font-style:normal;color:var(--coral)}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.site-header{background:var(--linen);position:relative;z-index:5;border-bottom:1px solid var(--line)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.07em}.brand-mark{width:51px;height:53px;background:var(--sky);border-radius:45% 47% 50% 48%;position:relative;display:block;transform:rotate(-5deg);flex-shrink:0}.brand-mark .eye{position:absolute;top:18px;width:9px;height:9px;border-right:4px solid var(--reminder-blue);border-bottom:4px solid var(--reminder-blue);transform:rotate(45deg);border-radius:2px}.eye.left{left:14px}.eye.right{right:12px}.brand-mark .smile{position:absolute;bottom:11px;left:12px;width:27px;height:14px;border-bottom:4px solid var(--reminder-blue);border-radius:0 0 60% 60%;transform:rotate(4deg)}.brand-name{font-size:1.6rem;line-height:.9;white-space:nowrap}.brand-dot{color:var(--coral)}.brand-name small{display:block;font-size:.57rem;letter-spacing:.15em;margin-top:8px}.site-nav{display:flex;align-items:center;gap:30px;font-size:.9rem;font-weight:700}.site-nav a{text-decoration:none}.site-nav a:hover,.footer-link-grid a:hover{text-decoration:underline}.site-nav .nav-download{background:var(--reminder-blue);color:var(--linen);padding:13px 19px;border-radius:100px}.nav-toggle{display:none}.hero{background:var(--sky);overflow:hidden}.hero-grid{min-height:680px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:65px 0 48px}.hero-copy{position:relative;z-index:1}.hero h1{max-width:760px;margin:22px 0 25px}.hero h1 em{color:var(--reminder-blue);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:9px;text-underline-offset:13px}.hero-lead{max-width:530px;font-size:1.14rem;line-height:1.75}.highlight{display:inline-block;font-size:.73rem;letter-spacing:.16em;font-weight:800}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:100px;padding:15px 24px;border:2px solid var(--reminder-blue);text-decoration:none;font-weight:800;cursor:pointer}.button-primary{background:var(--reminder-blue);color:var(--linen)}.button-outline{background:transparent;color:var(--reminder-blue)}.button:hover,.store-badge:hover{transform:translateY(-2px)}.hero-proof{font-size:.88rem;font-weight:600}.mini-star{color:var(--reminder-blue);font-size:1.5rem;margin-right:8px}.hero-ribbon{background:var(--reminder-blue);color:var(--tan);font-weight:800;letter-spacing:.16em;text-align:center;padding:13px;white-space:nowrap;overflow:hidden}.phone-wrap{height:570px;position:relative;display:flex;align-items:center;justify-content:center}.phone{position:relative;width:268px;height:528px;background:#0E213E;border:9px solid #172B4A;border-radius:43px;transform:rotate(8deg);box-shadow:18px 26px 0 rgba(43,105,148,.16),0 25px 70px rgba(43,105,148,.22);z-index:2;overflow:hidden}.phone-notch{position:absolute;z-index:3;top:6px;left:82px;width:89px;height:19px;background:#0E213E;border-radius:20px}.phone-screen{height:100%;overflow:hidden;background:var(--reminder-blue);border-radius:31px;color:var(--linen)}.phone-top{background:var(--tan);color:var(--reminder-blue);height:73px;display:flex;align-items:center;justify-content:space-between;padding:17px}.mini-wordmark{font:bold 18px/.79 var(--heading);letter-spacing:-.08em}.phone-bell{font-size:22px}.phone-hello{text-align:center;padding:18px 9px 14px}.face{width:66px;height:64px;border-radius:46%;background:var(--sky);margin:0 auto 11px;position:relative;color:var(--reminder-blue)}.face-eyes{font:800 17px var(--heading);position:absolute;top:13px;left:12px;font-style:normal}.face-mouth{position:absolute;bottom:14px;left:17px;width:34px;height:13px;border-bottom:4px solid var(--reminder-blue);border-radius:50%}.phone-hello p{font:800 18px var(--heading);margin:0}.phone-hello small{font-size:10px}.phone-menu{padding:0 25px}.phone-pill{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;margin:11px 0;border-radius:100px;color:var(--reminder-blue);font:800 14px var(--heading)}.yellow,.bg-sun{background:var(--tan)}.coral,.bg-coral{background:var(--coral)}.blue,.bg-sky{background:var(--sky)}.bg-blush{background:var(--blush)}.phone-progress{background:var(--linen);color:var(--reminder-blue);border-radius:18px;margin:14px 17px;padding:12px;font-size:11px}.phone-progress strong{display:block}.progress-track{background:rgba(43,105,148,.13);border-radius:20px;height:8px;margin:10px 0 5px}.progress-track>div{width:67%;background:var(--coral);height:8px;border-radius:20px}.phone-bottom{text-align:center;font-size:7px;position:absolute;bottom:7px;left:5px;right:5px}.orbit{position:absolute;border-radius:50%}.orbit-a{width:410px;height:410px;background:var(--tan);right:-33px;top:71px}.orbit-b{width:150px;height:150px;background:var(--blush);bottom:11px;left:6px}.float-note{position:absolute;background:var(--linen);border:2px solid var(--reminder-blue);border-radius:30px;padding:10px 14px;font-size:12px;font-weight:800;z-index:3;box-shadow:5px 6px 0 var(--reminder-blue)}.float-one{left:10px;top:146px;transform:rotate(-8deg)}.float-two{right:-4px;bottom:123px;transform:rotate(9deg)}.section{padding:108px 0}.section-intro{text-align:center;max-width:700px;margin:0 auto 46px}.section-intro h2{margin:16px 0}.section-intro p{font-size:1.08rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:350px;border-radius:32px;padding:37px;display:flex;flex-direction:column;align-items:flex-start}.feature-icon{font-size:50px;font-weight:800;line-height:1;margin-bottom:37px}.feature-card h3{max-width:260px}.feature-card p{font-size:.96rem}.feature-tag{margin-top:auto;border:1px solid currentColor;padding:7px 12px;border-radius:100px;font:800 .66rem var(--heading);letter-spacing:.1em}.split-section{background:var(--blush)}.split-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.split-copy p{font-size:1.1rem}.text-link{font-weight:800;text-underline-offset:6px}.illustration-card{min-height:490px;background:var(--reminder-blue);border-radius:46% 47% 42% 48%;display:grid;place-items:center;padding:30px}.task-art{width:min(340px,100%);background:var(--linen);border-radius:24px;transform:rotate(-6deg);padding:25px;box-shadow:14px 14px 0 var(--tan)}.art-top{display:block;font:.7rem var(--heading);font-weight:800;letter-spacing:.12em;margin-bottom:16px}.task-art>div{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.86rem}.task-art b{width:29px;height:29px;border-radius:100px;background:var(--coral);display:grid;place-items:center}.task-art b.empty-check{background:transparent;border:2px solid var(--reminder-blue)}.art-sticker{display:inline-block;background:var(--sky);border-radius:30px;padding:10px 18px;font-weight:800;font-size:.8rem;margin-top:25px;transform:rotate(8deg)}.how-section{background:var(--tan)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps article{border-top:2px solid var(--reminder-blue);padding-top:24px}.step-number{font:800 4rem var(--heading);letter-spacing:-.08em}.steps h3{margin-top:20px}.download-section{background:var(--reminder-blue);color:var(--linen);padding:85px 0;overflow:hidden}.download-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.download-section h2{max-width:680px;margin:18px 0 20px}.download-section h2 em{color:var(--tan)}.download-section p{max-width:590px}.store-actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0 15px}.store-badge{background:#171717;color:white;border:1px solid #aaa;min-width:182px;display:flex;align-items:center;gap:13px;padding:9px 15px;border-radius:10px;text-decoration:none;transition:transform .2s}.store-icon{font-size:29px;line-height:1}.play-icon{font-size:24px;color:#5adba3}.store-badge small{display:block;font-size:10px;line-height:1.2}.store-badge strong{font-size:20px;line-height:1.1;font-weight:700}.store-note{font-size:.8rem;opacity:.86}.download-decoration{position:relative;height:340px;display:grid;place-items:center}.big-face{width:280px;height:290px;background:var(--tan);border-radius:47%;transform:rotate(-11deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--reminder-blue);font:800 78px var(--heading)}.big-face i{width:126px;height:57px;border-bottom:15px solid var(--reminder-blue);border-radius:0 0 60% 60%;margin-top:0}.spark{font-size:75px;position:absolute}.sparkle-1{top:5px;left:7px;color:var(--coral)}.sparkle-2{bottom:12px;right:0;color:var(--sky)}.page-hero{background:var(--sky);padding:100px 0}.page-hero h1{margin:15px 0 20px}.page-hero .lead{max-width:750px;font-size:1.2rem}.overview-hero{background:var(--tan)}.overview-features{display:flex;flex-direction:column;gap:80px}.overview-row{display:grid;grid-template-columns:70px 1.4fr 1fr;gap:30px;align-items:center}.overview-number{font:800 2.3rem var(--heading);align-self:start}.overview-row h2{font-size:clamp(2rem,3.7vw,3.5rem);margin:20px 0}.overview-visual{min-height:275px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:25px}.visual-capsule,.visual-bubble{width:min(280px,100%);padding:13px 20px;border-radius:100px;background:var(--linen);font-weight:700;box-shadow:4px 5px 0 rgba(43,105,148,.15)}.visual-bubble{border-radius:23px;text-align:center}.secondary-bubble{background:var(--tan);transform:rotate(-5deg)}.faq-section{background:var(--blush)}.faq-list{max-width:800px;margin:auto}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font:800 1.2rem var(--heading);cursor:pointer}.faq-list p{margin:18px 0 0}.compact-download{text-align:center}.compact-download .store-actions{justify-content:center}.compact-download h2{margin-left:auto;margin-right:auto}.compact-download .store-note{margin:auto}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;margin-top:65px;margin-bottom:100px}.contact-card{background:#fffef0;border:1px solid var(--line);border-radius:25px;padding:35px}.contact-card:first-child{background:var(--tan)}.contact-card h2{font-size:2rem}.form-status{display:none;background:var(--sky);padding:14px;border-radius:12px}.form-status.show{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.full,.consent-row{grid-column:1/-1}.form-field label{font-weight:700}.form-field input,.form-field textarea{border:1.5px solid rgba(43,105,148,.3);border-radius:12px;padding:12px;background:white;width:100%;color:var(--text-ink)}.form-field textarea{min-height:170px}.consent-row{display:flex;gap:12px;font-size:.85rem}.consent-row input{align-self:flex-start;margin-top:6px}.prose-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:60px;padding-top:65px;padding-bottom:100px}.prose{background:rgba(255,255,255,.5);padding:40px;border-radius:23px;overflow-wrap:anywhere}.legal-source-text section{margin-bottom:18px}.side-nav{align-self:start;background:var(--tan);padding:28px;border-radius:16px;display:flex;flex-direction:column;gap:12px}.side-nav a{text-decoration:none}.site-footer{background:var(--tan);color:var(--linen)}.footer-top{padding:65px 0;display:flex;justify-content:space-between;gap:60px}.brand-footer{color:var(--linen)}.footer-top p{margin:24px 0 0;max-width:370px}.footer-link-grid{display:flex;gap:80px}.footer-link-grid>div{display:flex;flex-direction:column;gap:11px}.footer-link-grid a{text-decoration:none;font-size:.89rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:22px 0;display:flex;justify-content:space-between;gap:15px;font-size:.78rem;opacity:.85}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:5px;padding:65px 0}.hero-copy{max-width:690px}.phone-wrap{height:520px}.phone{transform:rotate(5deg) scale(.9)}.orbit-a{right:calc(50% - 225px)}.feature-grid{grid-template-columns:1fr 1fr}.split-grid{gap:35px}.overview-row{grid-template-columns:45px 1fr}.overview-visual{grid-column:2}.download-decoration{height:280px}.big-face{transform:scale(.8) rotate(-11deg)}}
@media(max-width:650px){.container{width:min(100% - 30px,var(--max))}.header-inner{height:77px}.brand-name{font-size:1.35rem}.brand-mark{width:44px;height:45px}.brand-mark .eye{top:14px}.brand-mark .smile{bottom:8px}.nav-toggle{display:block;border:1px solid var(--reminder-blue);border-radius:100px;padding:9px 16px;color:var(--reminder-blue);background:transparent;font-weight:800}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--linen);padding:20px 25px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.hero-grid{padding:65px 0 20px}.hero h1{font-size:clamp(3.1rem,12vw,5.1rem)}.hero h1 em{text-decoration-thickness:5px;text-underline-offset:8px}.hero-lead{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch}.phone-wrap{height:485px}.phone{transform:scale(.8) rotate(6deg)}.orbit-a{width:300px;height:300px;top:86px;right:calc(50% - 150px)}.orbit-b{left:4px;width:105px;height:105px}.float-one{left:0;top:110px}.float-two{right:2px;bottom:80px}.hero-ribbon{font-size:.7rem}.section{padding:75px 0}.section-intro{text-align:left}.feature-grid,.split-grid,.steps,.download-grid,.contact-grid,.prose-layout{grid-template-columns:1fr}.feature-card{min-height:295px}.illustration-card{min-height:370px}.split-copy{padding-top:20px}.download-decoration{height:250px}.big-face{transform:scale(.68) rotate(-11deg)}.page-hero{padding:70px 0}.overview-row{grid-template-columns:1fr;gap:8px}.overview-visual{grid-column:auto}.overview-features{gap:75px}.footer-top{flex-direction:column;gap:45px}.footer-link-grid{gap:55px}.footer-bottom{flex-direction:column}.form-grid{grid-template-columns:1fr}.contact-card,.prose{padding:23px}.prose-layout{gap:20px}.download-section{padding:75px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover,.store-badge:hover{transform:none}}

/* v2: marketing gallery, plan tiers, and detailed to do features */
.hero-gallery{background:var(--linen)}
.hero-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.hero-image-card{margin:0;min-width:0;background:#FFFFFF;border:2px solid var(--reminder-blue);border-radius:24px;overflow:hidden;box-shadow:7px 8px 0 rgba(43,105,148,.11)}
.hero-image-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--sky)}
.hero-image-card figcaption{padding:17px 20px 22px;font-family:var(--heading);font-weight:800;font-size:1rem;line-height:1.35}
.hero-image-card figcaption span{display:block;color:var(--reminder-blue);font-size:.69rem;letter-spacing:.15em;margin-bottom:7px}
.hero-image-card figcaption small{display:block;font-family:var(--body);font-weight:400;font-size:.74rem;line-height:1.5;margin-top:8px;opacity:.76}
.plans-section{background:var(--sky)}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.plan-card{display:flex;flex-direction:column;align-items:stretch;border:2px solid var(--reminder-blue);border-radius:28px;padding:32px;background:var(--linen)}
.plan-card.basic-plan{background:var(--tan)}.plan-card.regular-plan{background:var(--blush)}.plan-card.premium-plan{background:var(--linen)}
.plan-label{display:inline-block;align-self:flex-start;background:var(--reminder-blue);color:var(--linen);padding:8px 13px;border-radius:99px;letter-spacing:.13em;font:800 .72rem var(--heading)}
.plan-card h3{font-size:clamp(1.6rem,2.3vw,2.2rem);margin:25px 0 12px}.plan-card p{font-size:.99rem}.plan-card ul{padding-left:23px;margin:7px 0 30px;flex:1}.plan-card li{margin:10px 0}.plan-card .button{margin-top:auto;text-align:center}
.plan-footnote{font-size:.85rem;text-align:center;max-width:700px;margin:26px auto 0}
.details-section{background:var(--tan)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.detail-card{background:var(--linen);border-radius:24px;padding:34px;border:1px solid var(--line)}
.detail-card:nth-child(2){background:var(--blush)}.detail-card:nth-child(3){background:var(--sky)}.detail-card:nth-child(4){background:var(--coral)}
.detail-icon{display:block;font:800 2.6rem var(--heading);margin-bottom:18px}.detail-card h3{margin-bottom:12px}
.compact-details{background:var(--linen)}.compact-details-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.compact-details-inner>div{max-width:730px}.compact-details-inner h2{margin:18px 0 21px}.compact-details-inner .button{flex-shrink:0}
@media(max-width:900px){.hero-gallery-grid,.plan-grid{grid-template-columns:1fr 1fr}.compact-details-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.hero-gallery-grid,.plan-grid,.details-grid{grid-template-columns:1fr}.plan-card,.detail-card{padding:26px}.hero-image-card img{aspect-ratio:16/9}.compact-details-inner .button{width:100%}}


/* BRAND REIMAGINED — built entirely from the approved six-color palette */
/* Legacy palette declarations removed: see :root brand styling revisions below. */
html,body{background:var(--reminder-blue);color:var(--text-ink);overflow-x:hidden}
body{font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.site-header{background:var(--tan);border-bottom:2px solid var(--reminder-blue);box-shadow:0 6px 0 rgba(43,105,148,.07)}
.header-inner{height:94px}.brand-mark{background:var(--coral);box-shadow:4px 5px 0 var(--reminder-blue)}
.site-nav a{transition:opacity .2s,transform .2s}.site-nav a:hover{opacity:.7}
.site-nav .nav-download{background:var(--reminder-blue);color:var(--tan);border:2px solid var(--reminder-blue);box-shadow:4px 4px 0 var(--coral)}
.highlight{font-weight:850;letter-spacing:.16em}
h1,h2,h3{font-weight:850;letter-spacing:-.065em}
.hero{position:relative;background:var(--reminder-blue);color:var(--linen);isolation:isolate}
.hero::before{content:'';position:absolute;inset:0 0 auto auto;width:49%;height:100%;background:var(--sky);border-radius:44% 0 0 47%;z-index:-1}
.hero::after{content:'✳';position:absolute;top:10%;right:44%;font-size:75px;color:var(--coral);transform:rotate(-20deg);pointer-events:none}
.hero h1{color:var(--linen);max-width:780px;text-wrap:balance}
.hero h1 em{color:var(--tan);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:7px;text-underline-offset:10px}
.hero-lead{color:var(--linen)}.hero-proof{color:var(--tan)}
.hero .highlight{color:var(--tan)}
.hero .button-primary{background:var(--tan);border-color:var(--tan);color:var(--reminder-blue)}
.hero .button-outline{border-color:var(--linen);color:var(--linen)}
.hero .button-outline:hover{background:var(--linen);color:var(--reminder-blue)}
.hero-ribbon{background:var(--coral);color:var(--reminder-blue);border-top:3px solid var(--reminder-blue);border-bottom:3px solid var(--reminder-blue)}
.phone{box-shadow:22px 27px 0 rgba(43,105,148,.22),0 35px 70px rgba(43,105,148,.36)}
.orbit-a{border:5px solid var(--reminder-blue);background:var(--tan)}.orbit-b{background:var(--coral)}
.float-note{border:2px solid var(--reminder-blue);box-shadow:5px 6px 0 var(--reminder-blue);color:var(--reminder-blue)}
.hero-gallery{background:var(--coral);position:relative}
.hero-gallery .section-intro h2,.hero-gallery .section-intro p{color:var(--reminder-blue)}
.hero-gallery .section-intro h2 em{color:var(--linen)}
.hero-gallery-grid{gap:24px}
.hero-image-card{border:3px solid var(--reminder-blue);background:var(--linen);box-shadow:10px 11px 0 var(--reminder-blue);transform:rotate(-1deg);transition:transform .25s}
.hero-image-card:nth-child(2){transform:rotate(1.2deg)}.hero-image-card:nth-child(3){transform:rotate(-.7deg)}
.hero-image-card:hover,.hero-image-card:nth-child(2):hover,.hero-image-card:nth-child(3):hover{transform:translateY(-6px) rotate(0)}
.hero-image-card figcaption{padding:24px}
.benefits{background:var(--linen)}.benefits .feature-card{border:2px solid var(--reminder-blue);box-shadow:8px 9px 0 var(--reminder-blue);border-radius:28px}
.benefits .feature-card:nth-child(2){transform:none;}
/*.benefits .feature-card:nth-child(2){transform:translateY(16px)}*/
.split-section{background:var(--sky)}.illustration-card{border-radius:36px;box-shadow:12px 12px 0 var(--coral);border:2px solid var(--reminder-blue)}
.how-section{background:var(--tan)}.steps article{border-top:4px solid var(--reminder-blue);padding:26px 22px 15px;background:rgba(255,253,228,.34);border-radius:0 0 22px 22px}
.compact-details{background:var(--blush)}
.details-section{background:var(--coral)}.detail-card{border:3px solid var(--reminder-blue);box-shadow:7px 8px 0 var(--reminder-blue)}
.details-section .section-intro h2 em{color:var(--coral)}
.plans-section{background:var(--reminder-blue);color:var(--linen)}
.plans-section .section-intro h2 em{color:var(--tan)}
.plan-grid{gap:25px}.plan-card{border:3px solid var(--reminder-blue);color:var(--reminder-blue);box-shadow:9px 10px 0 var(--coral)}
.plan-card.basic-plan{background:var(--tan)}.plan-card.regular-plan{background:var(--sky)}.plan-card.premium-plan{background:var(--blush)}
.plan-card .plan-label{background:var(--reminder-blue);color:var(--linen)}
.plan-card .button{background:var(--reminder-blue);color:var(--linen);border:2px solid var(--reminder-blue)}
.plan-footnote{color:var(--linen)}
.download-section{background:var(--tan);border-top:12px solid var(--tan)}
.download-section h2 em{color:var(--coral)}
.page-hero{background:var(--sky)}.overview-hero{background:var(--tan);position:relative;overflow:hidden}
.overview-hero::after{content:'☺';font-size:300px;font-weight:900;line-height:1;color:var(--coral);opacity:.25;position:absolute;right:2%;bottom:-95px;pointer-events:none}
.overview-hero>.container{position:relative;z-index:1}
.overview-hero h1 em{color:var(--reminder-blue)}
.overview-features{background:transparent}.overview-row{border-bottom:2px solid rgba(43,105,148,.22);padding-bottom:48px}.overview-row:last-child{border:0}
.overview-visual{border:3px solid var(--reminder-blue);box-shadow:9px 9px 0 var(--reminder-blue)}
.faq-section{background:var(--blush)}.faq-list details{border-color:rgba(43,105,148,.35)}
.contact-grid{margin-top:70px}.contact-card{border:3px solid var(--reminder-blue);box-shadow:9px 9px 0 var(--coral)}.contact-card:first-child{background:var(--tan)}
.prose-layout{background:var(--linen)}.prose{background:#FFFFFF;border:2px solid var(--reminder-blue)}.side-nav{background:var(--sky);border:2px solid var(--reminder-blue)}
.site-footer{background:var(--reminder-blue);border-top:9px solid var(--coral)}.footer-top{padding-top:70px}
.brand-footer .brand-mark{background:var(--tan)}
.button,.store-badge{transition:transform .2s,box-shadow .2s}
.button:hover,.store-badge:hover{transform:translate(-2px,-3px);box-shadow:6px 7px 0 rgba(43,105,148,.30)}
:focus-visible{outline:4px solid var(--coral);outline-offset:4px}
@media(max-width:900px){.hero::before{width:100%;height:44%;top:auto;bottom:0;border-radius:45% 45% 0 0}.hero::after{right:8%;top:3%}.benefits .feature-card:nth-child(2){transform:none}}
@media(max-width:650px){.hero::before{height:43%}.hero::after{display:none}.hero h1{font-size:clamp(3rem,12vw,5rem)}.hero-gallery-grid{gap:28px}.hero-image-card,.hero-image-card:nth-child(2),.hero-image-card:nth-child(3){transform:none}.nav-toggle{background:var(--reminder-blue);color:var(--linen);border-color:var(--reminder-blue)}.site-nav{background:var(--tan);top:76px}.plan-grid{gap:26px}.overview-hero::after{font-size:150px;bottom:-35px}}
@media(prefers-reduced-motion:reduce){.hero-image-card,.button,.store-badge{transition:none}}


/* Website v3: compact editable marketing placeholders and real app identity */
.brand-logo-image {
  display: block;
  width: 58px;
  height: 58px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid var(--reminder-blue);
  flex-shrink: 0;
  box-shadow: 3px 4px 0 rgba(43,105,148,.13);
}
.hero-gallery { padding-top: 58px; padding-bottom: 62px; }
.hero-gallery .section-intro { max-width: 760px; margin-bottom: 28px; }
.hero-gallery .section-intro h2 { font-size: clamp(2rem, 3.6vw, 3.35rem); }
.hero-gallery .section-intro p { max-width: 650px; margin-left: auto; margin-right: auto; }
.hero-gallery-grid { max-width: 850px; margin-left: auto; margin-right: auto; gap: 18px; }
.hero-image-card, .hero-image-card:nth-child(2), .hero-image-card:nth-child(3) {
  transform: none;
  box-shadow: 4px 5px 0 var(--reminder-blue);
  border-width: 2px;
  border-radius: 16px;
}
.hero-image-card img { aspect-ratio: 16 / 9; max-height: 154px; object-fit: cover; }
.hero-image-card figcaption { padding: 12px 14px 15px; font-size: .9rem; line-height: 1.35; }
.hero-image-card figcaption span { font-size: .62rem; margin-bottom: 4px; }
.rich-features { background: var(--linen); color: var(--reminder-blue); }
.rich-features .section-intro { max-width: 850px; margin-left: auto; margin-right: auto; }
.rich-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 35px; }
.rich-feature-card { background: var(--sky); border: 2px solid var(--reminder-blue); border-radius: 22px; padding: 28px; }
.rich-feature-card:nth-child(2) { background: var(--tan); }
.rich-feature-card:nth-child(3) { background: var(--blush); }
.rich-feature-card h3 { margin: 15px 0; font-size: clamp(1.35rem, 2vw, 1.8rem); }
.rich-feature-card p { margin-bottom: 0; }
.feature-kicker { font-weight: 850; font-size: .75rem; letter-spacing: .12em; }
@media (max-width: 900px) {
  .rich-feature-grid { grid-template-columns: 1fr 1fr; }
  .hero-gallery-grid { max-width: 730px; }
}
@media (max-width: 650px) {
  .brand-logo-image { width: 45px; height: 45px; }
  .hero-gallery { padding-top: 40px; padding-bottom: 45px; }
  .hero-gallery-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
  .hero-image-card img { max-height: 105px; }
  .hero-image-card figcaption { padding: 8px; font-size: .72rem; }
  .hero-image-card figcaption span { font-size: .55rem; }
  .rich-feature-grid { grid-template-columns: 1fr; }
  .rich-feature-card { padding: 24px; }
}
@media (max-width: 390px) {
  .hero-gallery-grid { grid-template-columns: 1fr 1fr; }
}


/* ------------------------------------------------------------
   October 2026 brand styling revisions (notes.txt)
   Palette: tan, reminder blue, sky, coral, linen, blush.
   Replace images at images/*.svg or edit the img src in index.html.
   ------------------------------------------------------------ */
:root {
  --tan: #E6EDF7;
  --reminder-blue: #223D72;
  --reminder-blue-dark: #225879;
  --text-ink: #223D72;
  --sky: #DCE8F6;
  --coral: #547FB4;
  --linen: #F7FAFD;
  --blush: #E8EFF7;
  --line: rgba(37, 68, 91, .17);
}
body { background: var(--linen); color: var(--text-ink); }
a { text-underline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--reminder-blue); outline-offset: 3px;
}
.site-header { background: var(--tan); border-bottom: 2px solid rgba(37,68,91,.12); }
.site-nav a { color: var(--text-ink); }
.site-nav a:hover { color: var(--reminder-blue-dark); }
.site-nav .nav-download, .button-primary, .plan-card .button, .nav-toggle {
  background: var(--reminder-blue); color: white; border: 2px solid var(--reminder-blue);
}
.button-outline { color: var(--reminder-blue-dark); border: 2px solid var(--reminder-blue); }
.button-primary:hover, .plan-card .button:hover, .site-nav .nav-download:hover { background: var(--reminder-blue-dark); border-color: var(--reminder-blue-dark); color: white; }
.button-outline:hover { background: var(--reminder-blue); color: white; }
.brand-logo-image { border-radius: 10px; transform: none; box-shadow: none; border: 1px solid rgba(37,68,91,.15); object-fit: cover; }
.brand-footer, .brand-footer .brand-name { color: var(--text-ink); }
.hero { background: var(--sky); color: var(--text-ink); }
.hero h1 em { color: var(--reminder-blue-dark); text-decoration-color: var(--coral); }
.hero .button-outline { color: var(--reminder-blue-dark); border-color: var(--reminder-blue); background: rgba(255,253,228,.45); }
.hero .button-outline:hover { color: white; background: var(--reminder-blue); }
.hero-ribbon { background: var(--coral); color: var(--text-ink); border-color: transparent; }
.hero-gallery { background: var(--coral); color: var(--text-ink); }
.hero-gallery .section-intro h2, .hero-gallery .section-intro p { color: var(--text-ink); }
.hero-gallery .section-intro h2 em { color: var(--linen); text-shadow: 0 1px rgba(37,68,91,.12); }
.hero-image-card, .benefits .feature-card, .rich-feature-card, .detail-card,
.contact-card, .overview-visual, .prose, .side-nav { border-color: rgba(52,123,171,.45); }
.hero-image-card { box-shadow: 5px 6px 0 rgba(37,68,91,.19); }
.rich-features, .benefits { color: var(--text-ink); background: var(--linen); }
.rich-feature-card { color: var(--text-ink); }
.benefits .feature-card { box-shadow: 6px 7px 0 rgba(37,68,91,.12); }
.split-section { background: var(--sky); }
.illustration-card { background: var(--linen); border-radius: 32px; border: 2px solid rgba(52,123,171,.42); box-shadow: 10px 10px 0 var(--coral); }
.how-section { background: var(--tan); color: var(--text-ink); }
.steps article { border-top-color: var(--reminder-blue); }
.how-section .section-intro h2 em { color: var(--reminder-blue); }
.compact-details { background: var(--blush); }
.compact-details h2, .compact-details p { color: var(--text-ink); }
.compact-details .button { background: var(--reminder-blue); border-color: var(--reminder-blue); color: white; }
.plans-section { background: var(--tan); color: var(--text-ink); }
.plans-section .section-intro h2 em { color: var(--reminder-blue); }
.plan-card { color: var(--text-ink); border-color: var(--reminder-blue); box-shadow: 6px 8px 0 rgba(37,68,91,.15); }
.plan-card h3, .plan-card p, .plan-card li { color: var(--text-ink); }
.plan-card .plan-label { background: var(--reminder-blue); color: white; }
.plan-card .button { background: var(--reminder-blue); color: white; border-color: var(--reminder-blue); }
.plan-footnote { color: var(--text-ink); }
.download-section { background: var(--tan); color: var(--text-ink); border-top: 8px solid var(--sky); }
.download-section h2 em { color: var(--reminder-blue-dark); }
.download-section p, .download-section .highlight { color: var(--text-ink); }
.download-section .store-badge { background: var(--reminder-blue-dark); color: white; border-color: var(--reminder-blue-dark); }
.download-section .store-note { opacity: 1; }
.page-hero { background: var(--sky); color: var(--text-ink); }
.overview-hero { background: var(--tan); }
.overview-hero h1 em { color: var(--reminder-blue-dark); }
.overview-hero::after { color: var(--sky); opacity: .5; }
.overview-features { background: var(--linen); color: var(--text-ink); }
.overview-row { border-bottom-color: rgba(37,68,91,.2); }
.overview-visual { box-shadow: 6px 7px 0 rgba(52,123,171,.18); color: var(--text-ink); }
.faq-section { background: var(--blush); color: var(--text-ink); }
.faq-list details { border-color: rgba(37,68,91,.23); }
.faq-section h2 em, .compact-details h2 em { color: var(--reminder-blue-dark); }
.contact-card { box-shadow: 5px 7px 0 rgba(52,123,171,.14); }
.contact-card:first-child { background: var(--tan); }
.form-field input, .form-field textarea { border-color: rgba(37,68,91,.33); }
.prose-layout { background: var(--linen); }
.prose { background: #FFFFFF; box-shadow: 0 10px 35px rgba(37,68,91,.06); }
.side-nav { background: var(--sky); }
.prose a, .side-nav a, .text-link { color: var(--reminder-blue-dark); }
.site-footer { background: var(--tan); color: var(--text-ink); border-top: 7px solid var(--sky); }
.footer-link-grid a { color: var(--reminder-blue-dark); font-weight: 700; }
.footer-link-grid a:hover { color: var(--reminder-blue); }
.footer-bottom { border-top: 1px solid rgba(37,68,91,.22); opacity: 1; }
/* Editable placeholder images: references in index.html use standalone SVG assets. */
.editable-placeholder { display: block; max-width: 100%; object-fit: cover; border-radius: 20px; border: 2px solid rgba(52,123,171,.42); }
.phone-wrap > :not(.hero-phone-placeholder) { display: none; }
.phone-wrap { height: auto; min-height: 340px; padding: 30px 0; }
.hero-phone-placeholder { position: relative; z-index: 1; width: min(100%, 460px); aspect-ratio: 1.1 / 1; margin: auto; box-shadow: 11px 13px 0 rgba(52,123,171,.17); }
.feature-icon { position: relative; font-size: 0; margin-bottom: 20px; width: 100%; }
.icon-placeholder { width: 100%; height: 135px; object-fit: cover; border-radius: 14px; }
.illustration-card > .task-art { display: none; }
.split-placeholder { width: min(100%, 470px); margin: auto; max-height: 350px; }
.download-decoration > :not(.closing-placeholder) { display: none; }
.download-decoration { height: auto; min-height: 300px; }
.closing-placeholder { width: min(100%, 340px); max-height: 270px; margin: auto; }
@media (max-width: 900px) {
  .site-nav { background: var(--tan); }
  .phone-wrap { min-height: 290px; }
}
@media (max-width: 650px) {
  .nav-toggle { color: white; }
  .site-nav { background: var(--tan); }
  .hero-phone-placeholder { width: min(100%, 390px); }
  .phone-wrap { min-height: 240px; }
  .icon-placeholder { height: 115px; }
  .download-decoration { min-height: 200px; }
}


/* Prevent image grid children from forcing horizontal scrolling. */
.hero-grid, .overview-hero > .container, .overview-row,
.hero-gallery-grid, .hero-image-card, .overview-visual, .phone-wrap {
  min-width: 0;
}
/* Existing right-hand hero PNG on the homepage: full portrait, no cropping. */
.phone-wrap { min-height: 0; height: auto; }
.phone-wrap > .index-main-portrait {
  display: block;
  width: min(100%, 476px);
  max-width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  margin-inline: auto;
}
/* Overview top portrait: full image at any browser width. */
.overview-hero > .container > .overview-main-portrait {
  display: block;
  width: min(100%, 476px);
  max-width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}
/* Gallery artwork and the three tall Overview demo screenshots. */
.hero-gallery-grid img,
.overview-visual img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}
.overview-visual { min-width: 0; min-height: 0; }
.overview-visual img { width: min(100%, 476px); margin-inline: auto; }
/* Stack wide desktop columns gracefully on tablet and phone. */
@media (max-width: 900px) {
  .overview-hero > .container {
    grid-template-columns: minmax(0,1fr) minmax(0,.65fr);
  }
  .overview-row { grid-template-columns: 45px minmax(0,1fr); }
  .overview-visual { grid-column: 2; }
}
@media (max-width: 650px) {
  .overview-hero > .container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .overview-hero > .container > .overview-main-portrait {
    width: min(100%, 340px);
    max-height: none;
    align-self: center;
  }
  .phone-wrap > .index-main-portrait {
    width: min(100%, 340px);
    max-height: none;
  }
  .overview-row { grid-template-columns: minmax(0,1fr); }
  .overview-visual { grid-column: auto; }
  .overview-visual img { width: min(100%, 360px); }
  .hero-gallery-grid { grid-template-columns: minmax(0,1fr); }
  .hero-image-card img { max-height: none; height: auto; aspect-ratio: auto; }
}



/* ================================================================
   NOTE PADDLE / EXECUTIVE SKYLINE
   Architectural glass-blue surfaces, high contrast, no legacy coral.
   ================================================================ */
:root {
 --reminder-blue:#223D72; --reminder-blue-dark:#152C50; --tan:#E6EDF7;
 --sky:#DCE8F6; --coral:#547FB4; --blush:#EFF4FA;
 --linen:#F7FAFD; --white:#FFFFFF; --text-ink:#203657;
 --np-ink:#102442; --np-navy:#172F59; --np-blue:#223D72;
 --np-steel:#426D9C; --np-glass:#8BB5DC; --np-ice:#E7F1FB;
 --np-line:#D2E1EF; --np-shadow:0 18px 46px rgba(14,36,68,.12);
 --line:rgba(34,61,114,.16);
}
html, body{background:#F7FAFD;color:#203657}
h1,h2,h3{letter-spacing:-.045em;font-weight:790}
h1{font-size:clamp(2.9rem,5vw,5.25rem);line-height:1.07}
h2{font-size:clamp(2rem,3.55vw,3.65rem);line-height:1.12}
h1 em,h2 em{color:#547FB4;font-style:normal}
.site-header{background:linear-gradient(95deg,#FFFFFF 0%,#F0F6FC 75%,#E0ECF8 100%);border-bottom:1px solid #C5D9EC;box-shadow:0 8px 30px rgba(16,36,66,.07)}
.site-header .header-inner{height:92px}
.site-header .brand{display:flex;align-items:center;gap:0}
.site-header .brand-logo-image{display:block;width:150px;height:82px;max-width:40vw;object-fit:contain;border:0;background:transparent;box-shadow:none}
.site-nav a{color:#203657}.site-nav .nav-download{color:#FFFFFF;background:#223D72;border:1px solid #223D72;border-radius:12px;padding:13px 20px;box-shadow:0 7px 18px rgba(34,61,114,.15)}
.site-nav .nav-download:hover{background:#355D8D;color:#FFFFFF}
/* Layered illuminated glazing makes the headers feel architectural. */
.hero,.page-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(116deg,#102442 0%,#1C3B66 52%,#376995 100%);color:#FFFFFF}
.hero::before,.page-hero::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(112deg,transparent 0 47%,rgba(165,207,243,.09) 47% 51%,transparent 51% 57%,rgba(183,219,250,.13) 57% 58%,transparent 58%),repeating-linear-gradient(90deg,transparent 0 95px,rgba(214,236,254,.045) 96px,transparent 97px);pointer-events:none}
.hero::after,.page-hero::after{content:'';display:block;position:absolute;z-index:-1;right:-13%;top:-68%;width:70%;height:160%;border-radius:50%;border:1px solid rgba(226,243,255,.20);background:radial-gradient(ellipse at center,rgba(145,197,239,.20) 0%,rgba(84,137,192,.10) 49%,transparent 68%);transform:rotate(-23deg);pointer-events:none;font-size:0}
.hero-grid{min-height:590px;padding-top:55px;padding-bottom:48px}
.hero .highlight,.page-hero .highlight,.page-hero .subtitle{color:#BBDCF9;font-size:.76rem;letter-spacing:.14em;font-weight:750}
.hero h1,.page-hero h1{color:#FFFFFF;text-shadow:0 4px 22px rgba(0,16,44,.12)}
.hero h1 em,.page-hero h1 em{color:#B9DEFD;text-decoration:none}
.hero-lead,.hero .hero-proof,.page-hero .lead,.page-hero p{color:#E5F0FA}
.hero .hero-lead{font-size:1.16rem;line-height:1.66;max-width:560px}
.page-hero{min-height:280px;padding:66px 0 80px}
.page-hero .container{position:relative;z-index:1}.page-hero h1{max-width:850px;margin:12px 0 16px;font-size:clamp(2.7rem,5vw,5.2rem)}
.page-hero .lead{max-width:730px;font-size:1.12rem;line-height:1.6}
.overview-hero{background:linear-gradient(112deg,#112849 0%,#234671 57%,#4278A6 100%);min-height:410px}
.overview-hero::after{content:'';font-size:0;opacity:1;right:-13%;top:-65%}
.overview-hero>.container{position:relative;z-index:1}
.overview-hero .overview-main-portrait{filter:drop-shadow(0 20px 24px rgba(3,17,39,.20))}
.hero-ribbon{background:#DFEAF5;color:#203657;border:0;letter-spacing:.10em;font-size:.74rem}
.button{border-radius:12px;font-weight:750;box-shadow:none;transition:transform .2s,background .2s,box-shadow .2s}
.hero .button-primary,.button-primary{background:#FFFFFF;color:#193759;border:1px solid #FFFFFF}
.hero .button-outline{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.68);color:#FFFFFF}
.hero .button-outline:hover{background:rgba(255,255,255,.18);color:#FFFFFF}
.hero .button-primary:hover{background:#DDECF9;border-color:#DDECF9;color:#193759}
.benefits,.overview-features{background:#FFFFFF}
.section-intro h2{max-width:820px}
.feature-card,.benefits .feature-card,.detail-card,.detail-card:nth-child(n),.rich-feature-card,.steps article{background:#FFFFFF;border:1px solid #D3E1EF;box-shadow:var(--np-shadow);border-radius:20px;color:#203657;transform:none}
.benefits .feature-card:nth-child(2){transform:none}
.hero-gallery,.compact-details,.details-section,.rich-features,.faq-section{background:#EAF2FA;color:#203657}
.hero-gallery .section-intro h2,.hero-gallery .section-intro p{color:#203657}
.hero-image-card,.hero-image-card:nth-child(n){background:#FFFFFF;border:1px solid #D3E1EF;border-radius:19px;box-shadow:0 14px 35px rgba(16,36,66,.10);transform:none}
.hero-image-card:hover,.hero-image-card:nth-child(n):hover{transform:translateY(-5px)}
.split-section,.how-section{background:linear-gradient(120deg,#E3EDF7,#F8FBFE)}
.illustration-card,.overview-visual{border:1px solid #BED4E9;border-radius:20px;box-shadow:var(--np-shadow)}
.steps article{border-top:3px solid #547FB4}
/* Consistent plan tiers: same card geometry, controlled blue accent hierarchy. */
.plans-section{background:linear-gradient(145deg,#102442,#244771 75%,#315D8C);color:#FFFFFF}
.plans-section .section-intro h2,.plans-section .section-intro p{color:#FFFFFF}
.plan-grid{gap:24px;align-items:stretch}
.plans-section .plan-card,.plans-section .plan-card.basic-plan,.plans-section .plan-card.regular-plan,.plans-section .plan-card.premium-plan{background:#FFFFFF;border:1px solid #BDD2E7;box-shadow:0 18px 42px rgba(5,20,46,.22);border-radius:19px;color:#203657;transform:none}
.plans-section .plan-card.regular-plan{background:#F0F6FC;border-color:#A4C4E4}
.plans-section .plan-card.premium-plan{background:#E6F0FA;border-color:#8FB6DC}
.plan-card h3,.plan-card p,.plan-card li{color:#203657}
.plans-section .plan-card .plan-label{background:#223D72;color:#FFFFFF;border-radius:8px;padding:7px 11px;letter-spacing:.07em}
.plans-section .plan-card.regular-plan .plan-label{background:#355E8E}
.plans-section .plan-card.premium-plan .plan-label{background:#174B7C}
.plans-section .plan-card .button{background:#223D72;border:1px solid #223D72;color:#FFFFFF;border-radius:10px}
.plans-section .plan-card .button:hover{background:#426D9C;border-color:#426D9C;color:#FFFFFF}
.plan-footnote{color:#DCEBF9}
.download-section{background:linear-gradient(114deg,#FFFFFF 0%,#EDF4FB 55%,#DCE9F6 100%);border-top:1px solid #C8D9E9;color:#203657}
.download-section h2,.download-section p,.download-section .highlight{color:#203657}
.download-section .store-note{color:#4A6684}
.contact-grid{background:transparent;margin-top:54px;margin-bottom:75px}
.contact-card,.contact-card:first-child{border:1px solid #C8D9E9;border-radius:20px;background:#FFFFFF;box-shadow:var(--np-shadow);color:#203657}
.contact-card:first-child{background:#EAF2FA}
.contact-grid button[type=submit]{background:#223D72;color:#FFFFFF;border:1px solid #223D72;border-radius:10px}
.contact-grid button[type=submit]:hover{background:#426D9C;border-color:#426D9C}
.form-field input,.form-field textarea{background:#FFFFFF;border:1px solid #AFC5DC;color:#203657}
.prose-layout{background:transparent;margin-top:45px}
.prose{background:#FFFFFF;color:#203657;border:1px solid #D3E1EF;border-radius:18px;box-shadow:var(--np-shadow)}
.side-nav{background:#EAF2FA;border:1px solid #C8D9E9;border-radius:14px}
.prose a,.side-nav a,.text-link{color:#295F91}
.site-footer{background:#102442;color:#E4F0FC;border-top:1px solid #426A92}
.site-footer .footer-brand-logo{display:block;width:142px;height:auto;max-width:100%;object-fit:contain}
.site-footer a,.footer-link-grid a{color:#DAEAFB}
.footer-bottom{border-top:1px solid rgba(212,234,254,.20)}
:focus-visible{outline:3px solid #8BB5DC;outline-offset:4px}
@media(max-width:900px){.hero::before,.page-hero::before{width:100%;height:100%;inset:0;border-radius:0}.hero-grid{min-height:0}.hero::after,.page-hero::after{width:100%;top:-65%;right:-55%}}
@media(max-width:650px){.site-header .header-inner{height:78px}.site-header .brand-logo-image{width:118px;height:70px}.site-nav{top:77px;background:#F3F8FD;border:1px solid #C5D9EC}.site-nav a{color:#203657}.nav-toggle{background:#223D72;color:#FFFFFF;border:1px solid #223D72}.page-hero{padding:48px 0 65px;min-height:235px}.hero h1{font-size:clamp(2.75rem,11vw,4.4rem)}.overview-hero{min-height:0}.plans-section .plan-card{box-shadow:0 12px 32px rgba(5,20,46,.15)}}
@media(prefers-reduced-motion:reduce){.button,.hero-image-card{transition:none}}

/* Final brand and layout alignment */
.site-header .brand-logo-image { width:150px; height:auto; max-height:78px; object-fit:contain; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.site-footer .footer-brand-logo { width:150px; height:auto; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }

.store-badge-apple, .download-section .store-badge-apple, .compact-download .store-badge-apple, .store-actions .store-badge-apple { display:inline-flex;align-items:center;justify-content:center; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; padding:0!important; overflow:visible; }
.store-badge-apple img, .store-badges img {display:block; width:auto; height:43px; max-width:100%; object-fit:contain; background:transparent!important; border-radius:0!important; }
.store-badges {display:flex;flex-wrap:wrap;align-items:center;gap:14px;}
.store-badge-apple:hover {box-shadow:none!important;transform:translateY(-2px);}

.store-badge-android, .download-section .store-badge-android, .compact-download .store-badge-android, .store-actions .store-badge-android { display:inline-flex;align-items:center;justify-content:center; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; padding:0!important; overflow:visible; }
.store-badge-android img, .store-badges img {display:block; width:auto; height:43px; max-width:100%; object-fit:contain; background:transparent!important; border-radius:0!important; }
.store-badges {display:flex;flex-wrap:wrap;align-items:center;gap:14px;}
.store-badge-android:hover {box-shadow:none!important;transform:translateY(-2px);}

.overview-hero {padding:48px 0 55px; min-height:0;}
.overview-hero > .overview-hero-grid {display:grid!important; grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)!important; align-items:center!important; column-gap:55px!important; min-height:450px;}
.overview-hero .overview-hero-copy {grid-column:1; grid-row:1; min-width:0;}
.overview-hero .overview-hero-copy h1 {font-size:clamp(2.55rem,4.4vw,4.6rem);margin:12px 0 22px;max-width:680px;}
.overview-hero .overview-hero-copy .lead {font-size:1.14rem;max-width:625px;}
.overview-hero > .overview-hero-grid > img.overview-main-portrait {grid-column:2;grid-row:1;position:relative!important;width:min(100%,340px)!important; height:auto!important;max-height:485px!important;object-fit:contain!important;justify-self:center!important;align-self:center!important;margin:0!important;max-width:100%!important;}
.download-section .download-grid {align-items:center;}
@media(max-width:900px){.overview-hero > .overview-hero-grid {column-gap:22px!important;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr)!important;}.overview-hero > .overview-hero-grid > img.overview-main-portrait{width:min(100%,260px)!important;}}
@media(max-width:650px){.site-header .brand-logo-image{width:125px;height:auto;max-height:65px}.overview-hero{padding:50px 0 35px;}.overview-hero > .overview-hero-grid {grid-template-columns:minmax(0,1fr)!important;min-height:0;row-gap:22px!important;}.overview-hero .overview-hero-copy{grid-column:1;grid-row:1}.overview-hero > .overview-hero-grid > img.overview-main-portrait{grid-column:1;grid-row:2;width:min(75%,285px)!important;max-height:none!important}.store-badge img,.store-badges img{height:40px;}}