@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#012239;--blue:#058edc;--sky:#119feb;--ivory:#f8f9f7;--paper:#fff;--slate:#526b82;--muted:#687b89;--border:#e0e9ed;--coral:#db6a5b;--green:#1e8d70;--greenlight:#e9f7ee;--corallight:#fff0eb;--bluelight:#eaf6ff;--shadow:0 18px 55px rgba(1,34,57,.09);--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif;scroll-behavior:smooth}
*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:95px}body{margin:0;background:var(--ivory);color:var(--navy);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.62}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);line-height:1.11;letter-spacing:-.045em}h1{font-size:clamp(3.55rem,6.8vw,6.1rem);letter-spacing:-.075em}h2{font-size:clamp(2.05rem,4.1vw,3.65rem)}h3{font-size:1.3rem}p{color:#486172}small,.muted{color:var(--slate)}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.section{padding:96px 0}.section-sm{padding:62px 0}.section-heading{max-width:740px;margin:0 0 38px}.section-heading.center{text-align:center;margin:0 auto 40px}.section-heading p{font-size:1.09rem;max-width:640px;margin:18px auto 0}.section-heading:not(.center) p{margin-left:0}.eyebrow{text-transform:uppercase;color:var(--blue);font-weight:800;letter-spacing:.17em;font-size:.74rem;margin-bottom:16px}.eyebrow.navy{color:var(--navy)}.eyebrow.light{color:#9fdefe}.accent{color:var(--blue)}.accent-coral{color:var(--coral)}.button{display:inline-flex;gap:10px;align-items:center;justify-content:center;border:none;background:var(--blue);color:white;padding:15px 25px;border-radius:100px;font-size:.94rem;font-weight:800;line-height:1.3;box-shadow:0 7px 15px rgba(5,142,220,.17);transition:background .18s,transform .18s}.button:hover{background:#006fab;transform:translateY(-2px)}.button.secondary{background:white;color:var(--navy);border:1px solid #bfcfd9;box-shadow:none}.button.secondary:hover{background:#f3f8fc}.button.dark{background:var(--navy)}.button.dark:hover{background:#174561}.button.light{background:#fff;color:var(--navy)}.button.small{padding:10px 19px;font-size:.83rem}.button.full{width:100%}.inline-link{font-weight:800;color:#007fbd;border-bottom:2px solid #bee7ff;padding-bottom:3px}.inline-link:hover{border-color:var(--blue)}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:100px;background:var(--bluelight);padding:7px 13px;color:#225e83;font-size:.8rem;font-weight:700}.chip{display:inline-flex;gap:8px;align-items:center;border-radius:999px;background:white;border:1px solid var(--border);padding:9px 14px;font-size:.83rem;font-weight:700;white-space:nowrap}.site-header{position:sticky;top:0;z-index:100;background:rgba(248,249,247,.95);backdrop-filter:blur(18px);border-bottom:1px solid #e6eced}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:25px}.logo{display:flex;align-items:center;flex-shrink:0}.logo img{width:162px;height:auto;display:block}.main-nav{display:flex;align-items:center;gap:29px}.main-nav a{font-weight:700;font-size:.89rem;color:#314d62}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:19px}.header-actions .signin{font-weight:750;color:var(--slate);font-size:.9rem}.hamburger{display:none;border:1px solid var(--border);background:#fff;padding:9px 13px;border-radius:12px;color:var(--navy);font-size:1.3rem;line-height:1}.mobile-nav{display:none}.hero{padding:70px 0 95px;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 12%,#dfeffb 0,transparent 30%),radial-gradient(circle at 3% 85%,#fff1e7 0,transparent 30%)}.hero-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:52px;align-items:center}.hero h1{margin-bottom:8px}.hero-questions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:20px 0 24px}.hero-questions span{font-size:.9rem;line-height:1.3;color:#2e5061;background:white;padding:10px 15px;border:1px solid #e4ebed;border-radius:11px;box-shadow:0 5px 15px rgba(1,34,57,.035)}.hero-questions span:nth-child(2){margin-left:23px;background:#e9f5ff}.hero-questions span:nth-child(3){margin-left:8px;background:#fff0eb}.hero-questions span:nth-child(4){margin-left:28px;background:#ecf7f1}.hero h2{font-size:clamp(2rem,3.5vw,3.2rem);margin:8px 0 16px;max-width:590px}.hero-copy>p{font-size:1.03rem;max-width:510px}.cta-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.trust-row{display:flex;flex-wrap:wrap;gap:19px;margin-top:23px;color:#5e7686;font-weight:700;font-size:.79rem}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row svg{color:var(--blue)}.hero-visual{position:relative;isolation:isolate}.hero-visual:before{content:'';position:absolute;z-index:-1;background:#cde9ff;border-radius:42% 58% 61% 39%;inset:-25px -32px 34px 45px;transform:rotate(-8deg)}.site-preview{border:1px solid #dce7ed;background:#fff;border-radius:22px;box-shadow:0 34px 70px rgba(3,45,69,.15);overflow:hidden}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid var(--border);background:#fbfdff}.preview-top .dots{display:flex;gap:5px}.preview-top .dots i{width:8px;height:8px;border-radius:50%;background:#b8d9ea}.preview-top .dots i:first-child{background:#f6ae9d}.preview-top strong{font-family:var(--display);font-size:.9rem}.preview-badge{font-weight:800;font-size:.67rem;background:#eaf5ff;color:#3172a2;border-radius:40px;padding:6px 9px}.preview-inner{padding:24px}.preview-month{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.preview-month h3{font-size:1.32rem;margin:0}.preview-summary{font-size:.77rem;color:#708595}.preview-month-title{display:block;font-size:.72rem;color:#688192;font-weight:700}.preview-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.preview-calendar .day-label{text-align:center;font-size:.63rem;font-weight:800;color:#8195a3;padding-bottom:8px}.preview-calendar .date{aspect-ratio:1/1.02;min-width:0;border:1px solid #edf0f0;border-radius:9px;background:#fff;padding:7px 4px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative}.preview-calendar .date .n{font-size:.79rem;font-weight:800;line-height:1}.preview-calendar .date .b{font-size:.62rem;font-weight:800;color:#547082;line-height:1;letter-spacing:-.03em}.preview-calendar .date .label{font-size:.52rem;font-weight:800;line-height:1.2;letter-spacing:-.025em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.preview-calendar .date.faded{opacity:.34}.preview-calendar .date.payday{background:#e9f7ee;border-color:#c8e8d2}.preview-calendar .date.bill{background:#e9f5ff;border-color:#d2eaff}.preview-calendar .date.risk{background:#fff0eb;border-color:#ffdbcf}.preview-calendar .date.payday .label{color:#117553}.preview-calendar .date.bill .label{color:#047bb3}.preview-calendar .date.risk .label{color:#b64b3e}.preview-foot{display:flex;justify-content:space-between;gap:12px;padding:13px 19px;background:#f7fbfe;border-top:1px solid var(--border);font-size:.72rem;color:#6f8595}.preview-foot strong{color:var(--navy)}.proof-strip{background:#e8f5ff;border-top:1px solid #d6eaff;border-bottom:1px solid #d6eaff;padding:18px 0}.proof-items{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.proof-items span{font-weight:800;color:#23516d;font-size:.86rem;display:flex;align-items:center;gap:9px}.proof-items svg{color:var(--blue)}.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.two-col p{font-size:1.05rem;line-height:1.8}.feature-list{display:grid;gap:14px;margin:25px 0}.feature-list>div{display:flex;gap:13px;align-items:flex-start}.circle-icon{flex:0 0 40px;width:40px;height:40px;background:#eaf6ff;border-radius:12px;display:grid;place-items:center;color:var(--blue)}.feature-list strong{display:block;font-size:1rem}.feature-list p{font-size:.86rem;line-height:1.55;margin:3px 0 0}.photo-wrap{position:relative}.photo-wrap img{display:block;width:100%;height:420px;object-fit:cover;object-position:65% center;border-radius:28px;box-shadow:var(--shadow)}.photo-caption{position:absolute;left:-18px;bottom:25px;background:white;box-shadow:var(--shadow);border-radius:16px;padding:16px 19px;font-weight:800;font-size:.85rem;max-width:240px}.photo-caption span{color:var(--blue);display:block;font-size:.72rem;margin-bottom:5px}.demo-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}.demo-section:before{content:'';position:absolute;right:-240px;top:-210px;width:560px;height:560px;border-radius:50%;background:#0c4262;opacity:.7}.demo-section .section-heading h2,.demo-section .section-heading p{color:#fff}.demo-section .section-heading p{color:#b7d1e0}.demo-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:42px;align-items:start}.demo-guide h3{font-size:1.6rem;margin:28px 0 8px}.demo-guide p{color:#bad4e1}.demo-guide .micro{font-size:.83rem;color:#b8d1db}.demo-guide .note{margin-top:30px;padding:17px 18px;border:1px solid #235b7b;border-radius:15px;color:#c5dce8;font-size:.87rem}.demo-card{background:#fff;color:var(--navy);border-radius:22px;padding:22px;box-shadow:0 24px 65px #00111c5c}.demo-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.demo-controls strong{font-size:1.15rem;font-family:var(--display)}.month-controls{display:flex;gap:6px;align-items:center}.icon-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:white;color:var(--navy);font-size:1.15rem;display:grid;place-items:center}.icon-btn:hover{background:var(--bluelight)}.icon-btn:disabled{opacity:.34;cursor:not-allowed;background:#f7f9fa}.demo-meta{font-size:.74rem;color:#6d8292;margin:6px 0 14px}.demo-grid-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.demo-grid-calendar .weekday{text-align:center;font-size:.67rem;color:#7f95a4;font-weight:800;padding:5px 0}.demo-day{min-width:0;aspect-ratio:1.05/1;padding:7px;border:1px solid #e7eef1;border-radius:8px;background:#fff;color:var(--navy);display:flex;align-items:flex-start;flex-direction:column;text-align:left;transition:background .18s,box-shadow .18s;position:relative}.demo-day:hover{border-color:#7dbfef}.demo-day:focus-visible{z-index:2}.demo-day .dn{font-weight:800;font-size:.78rem}.demo-day .db{margin-top:auto;font-weight:800;font-size:clamp(.6rem,1vw,.77rem);white-space:nowrap}.demo-day .ev{font-size:.62rem;color:#708595;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.demo-day.outside{opacity:.27;pointer-events:none}.demo-day.selected{border:2px solid var(--blue);background:#eaf7ff;box-shadow:0 0 0 2px #d7f0ff}.demo-day.risk{background:#fff0ec}.demo-day.income{background:#eaf9f0}.demo-day .db.negative{color:#b64036}.demo-details{display:flex;justify-content:space-between;align-items:stretch;gap:12px;background:#f5f9fb;border:1px solid #e7edf1;border-radius:14px;padding:15px;margin:13px 0}.demo-details .big-number{font-family:var(--display);font-size:1.65rem;font-weight:800;letter-spacing:-.055em;line-height:1.2}.demo-details p{margin:0;font-size:.7rem;color:#647d8b}.demo-details .right{text-align:right;max-width:42%}.demo-details .right strong{font-size:.78rem}.demo-details .right p{font-size:.72rem;margin-top:4px}.spend-control{margin-top:17px}.spend-control label{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:.87rem}.spend-control label strong{font-family:var(--display);font-size:1.35rem;color:var(--blue)}input[type=range]{width:100%;accent-color:var(--blue);margin:14px 0;cursor:pointer}.range-ends{display:flex;justify-content:space-between;font-size:.7rem;color:#708797}.forecast-chart{height:85px;background:#f7fbfe;border-radius:11px;padding:9px;margin-top:13px}.forecast-chart svg{width:100%;height:100%;display:block}.disclaimer{color:#9cbfd1;font-size:.76rem;margin:15px 0 0;line-height:1.7}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-card{background:#fff;padding:30px;border-radius:22px;border:1px solid var(--border);box-shadow:0 7px 25px rgba(1,34,57,.035)}.value-card .icon{width:51px;height:51px;display:grid;place-items:center;border-radius:16px;background:#e9f6ff;color:var(--blue);margin-bottom:22px}.value-card h3{margin-bottom:12px}.value-card p{font-size:.94rem;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{border-top:2px solid #b9dfed;padding-top:20px}.step .step-number{font-family:var(--display);color:var(--blue);font-weight:800;font-size:.9rem}.step h3{margin:13px 0}.step p{font-size:.94rem}.warm-section{background:#edf8fc}.email-card{background:#fff;border:1px solid #dcecf5;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.email-flow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:20px 0}.email-node{padding:13px 15px;border:1px solid var(--border);border-radius:13px;font-weight:800;font-size:.87rem;background:#fbfdff}.email-node.active{background:#eaf7ff;border-color:#a6d9f8}.email-arrow{font-size:1.4rem;color:var(--blue)}.faq-list{display:grid;gap:12px;max-width:900px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden}.faq-item summary{list-style:none;font-weight:800;padding:20px 22px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';font-size:1.4rem;font-weight:400;color:var(--blue)}.faq-item[open] summary:after{content:'−'}.faq-item p{margin:0;padding:0 22px 22px;color:#526c7c;font-size:.96rem}.cta-banner{background:linear-gradient(125deg,#043351 0%,#066ca9 100%);color:#fff;border-radius:28px;padding:65px 65px;text-align:center;position:relative;overflow:hidden}.cta-banner h2{max-width:730px;margin:0 auto 18px}.cta-banner p{max-width:650px;margin:0 auto 28px;color:#d2e7f3;font-size:1.06rem}.cta-banner:before{content:'';width:300px;height:300px;border-radius:50%;border:62px solid rgba(255,255,255,.04);position:absolute;left:-135px;top:-150px}.cta-banner>*{position:relative}.site-footer{background:var(--navy);color:#fff;padding:60px 0 25px;margin-top:95px}.footer-grid{display:grid;grid-template-columns:1.7fr .7fr .8fr;gap:45px;padding-bottom:48px}.footer-brand img{width:180px;height:auto;display:block;margin-bottom:13px}.footer-brand p{color:#bfd1dc;font-size:.92rem;max-width:320px}.footer-links h3{font-size:.89rem;letter-spacing:.02em;margin-bottom:15px}.footer-links a{display:block;margin:9px 0;color:#c8dce5;font-size:.9rem}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #24485d;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#9eb9c8;font-size:.76rem}.page-hero{padding:85px 0 75px;background:radial-gradient(circle at 90% 10%,#e0f0fb 0,transparent 28%);border-bottom:1px solid #e0eaef}.page-hero h1{font-size:clamp(3.2rem,5.7vw,5rem);max-width:850px;margin-bottom:24px}.page-hero p{font-size:1.15rem;max-width:750px}.page-hero .cta-group{margin-top:28px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:48px 0;border-bottom:1px solid var(--border)}.feature-row:nth-child(even) .feature-illustration{order:-1}.feature-row h2{font-size:clamp(2rem,3.5vw,3rem)}.feature-row p{font-size:1rem}.check-list{padding:0;margin:25px 0;list-style:none;display:grid;gap:11px}.check-list li{display:flex;align-items:flex-start;gap:9px;color:#3f5b6c}.check-list li:before{content:'✓';font-weight:800;color:var(--green)}.feature-illustration{background:#fff;border:1px solid #dceaf1;min-height:270px;padding:24px;border-radius:25px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.mini-window{width:100%;background:#fbfdff;border:1px solid #dae7ed;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #01223910}.mini-window .top{padding:12px 18px;border-bottom:1px solid var(--border);font-weight:800;font-size:.88rem;display:flex;justify-content:space-between}.mini-window .body{padding:17px}.mini-transactions{display:grid;gap:8px}.mini-line{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:9px;background:#f5f9fc;font-size:.78rem;font-weight:700}.mini-line.green{background:var(--greenlight)}.mini-line.coral{background:var(--corallight)}.mini-line .num{font-weight:800}.mini-line.green .num{color:var(--green)}.mini-line.coral .num{color:var(--coral)}.mini-month{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-month span{aspect-ratio:1.22;border:1px solid #e3ecf0;border-radius:5px;font-size:.6rem;padding:5px}.mini-month span.hot{background:#ffece5;color:#a64832}.mini-month span.good{background:#e0f5e7;color:#0c7851}.story-pullquote{font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,4vw,4rem);letter-spacing:-.06em;max-width:850px;margin:0 auto;text-align:center;line-height:1.2}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.principle{border-top:2px solid var(--blue);padding-top:23px}.principle p{font-size:.94rem}.story-panel{background:#fff;padding:55px;border-radius:25px;border:1px solid var(--border)}.story-panel h2{margin-bottom:22px}.story-questions{display:grid;grid-template-columns:1fr 1fr;gap:15px}.story-questions div{border-radius:13px;background:#ecf7ff;padding:18px;font-weight:700}.story-questions div:nth-child(2n){background:#fff0eb}.small-callout{border-radius:16px;border:1px solid #d6e6ef;padding:17px 20px;background:#f7fbfe;color:#46677a;font-size:.87rem}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.js-reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.js-reveal.visible{opacity:1;transform:none}}@media(max-width:1050px){.main-nav{gap:15px}.header-actions{gap:11px}.hero-grid{gap:30px}.hero h1{font-size:4.5rem}.hero-questions span{font-size:.83rem}.two-col{gap:38px}.demo-shell{gap:25px}.preview-inner{padding:15px}.preview-calendar .date{padding:6px 3px}.footer-grid{gap:25px}}
@media(max-width:1000px){.main-nav,.header-actions{display:none}.hamburger{display:block}.mobile-nav{position:fixed;inset:78px 0 0;background:var(--ivory);padding:24px;display:none;flex-direction:column;gap:13px;z-index:99}.mobile-nav.open{display:flex}.mobile-nav>a:not(.button){font-weight:800;font-family:var(--display);font-size:1.25rem;padding:13px 0;border-bottom:1px solid var(--border)}}
@media(max-width:820px){.hero-grid,.two-col,.demo-shell,.feature-row{grid-template-columns:1fr}.hero-grid{gap:48px}.hero-copy{max-width:710px}.hero-visual{max-width:620px;margin:auto;width:100%}.hero h1{font-size:clamp(4rem,11vw,6rem)}.photo-wrap img{height:380px}.feature-row:nth-child(even) .feature-illustration{order:0}.feature-row{gap:22px;padding:34px 0}.value-grid,.steps,.principles{grid-template-columns:repeat(2,1fr)}.demo-guide .note{margin-top:15px}.footer-grid{grid-template-columns:1.2fr 1fr;gap:34px}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.container{width:min(100% - 34px,1180px)}.section{padding:68px 0}.section-sm{padding:42px 0}.site-header .header-inner{min-height:69px}.mobile-nav{top:69px}.logo img{width:145px}.hero{padding:42px 0 65px}.hero h1{font-size:clamp(3.6rem,15vw,5.1rem)}.hero-questions span{font-size:.78rem;max-width:100%}.hero-questions span:nth-child(4){margin-left:11px}.hero-questions span:nth-child(2){margin-left:12px}.hero h2{font-size:2rem}.hero-copy>p{font-size:.96rem}.cta-group .button{width:100%}.trust-row{gap:9px 18px}.preview-inner{padding:12px}.preview-calendar{gap:3px}.preview-calendar .date{padding:5px 3px;border-radius:6px}.preview-calendar .date .n{font-size:.66rem}.preview-calendar .date .b{font-size:.62rem;font-weight:800;color:#547082;line-height:1;letter-spacing:-.03em}.preview-calendar .date .b{display:none}.preview-calendar .date .label{font-size:.44rem}.preview-month h3{font-size:1.06rem}.proof-items{gap:12px 22px;justify-content:flex-start}.proof-items span{font-size:.76rem}.value-grid,.steps,.principles,.story-questions{grid-template-columns:1fr}.value-card{padding:25px}.photo-wrap img{height:300px}.photo-caption{left:12px;bottom:-16px}.demo-card{padding:14px}.demo-day{padding:4px;aspect-ratio:.95/1}.demo-day .dn{font-size:.67rem}.demo-day .db{font-size:.58rem}.demo-day .ev{font-size:.46rem}.demo-details .big-number{font-size:1.25rem}.cta-banner{padding:47px 21px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}.page-hero{padding:61px 0 56px}.page-hero h1{font-size:3rem}.feature-illustration{min-height:230px;padding:14px}.story-panel{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Real app screenshots (Ocean theme, fictional sample household) inside the feature panels */
.feature-illustration.has-shot{background:transparent;border:none;box-shadow:none;padding:0;min-height:0}
.app-shot{margin:0;width:100%}
.app-shot img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #dce7ed;background:#fff;box-shadow:0 24px 60px -28px rgba(1,34,57,.35),0 2px 6px rgba(1,34,57,.06)}
.app-shot-tall{max-width:380px;margin-inline:auto}
.app-shot-phone{max-width:280px;margin-inline:auto}
.app-shot-phone img{border-radius:28px;border:6px solid var(--navy)}
/* Home hero: the promise is a full sentence, so it runs smaller than the one-line page headings */
.hero h1.hero-promise{font-size:clamp(3rem,4.1vw,3.9rem)}
.hero-copy h2{font-size:clamp(1.7rem,2.4vw,2.2rem);margin:18px 0 8px}
@media(max-width:820px){.hero h1.hero-promise{font-size:clamp(2.7rem,8vw,4rem)}}
@media(max-width:600px){.hero h1.hero-promise{font-size:clamp(2.4rem,11vw,3.2rem)}}
/* Home sharing art is wide and short: on phones the caption sits under it instead of covering it */
@media(max-width:600px){.photo-wide .photo-caption{position:static;max-width:none;margin-top:14px}}
/* Full-bleed home hero: approved art (unaltered) with a CSS-only navy scrim; copy, nav and CTAs are HTML. */
.logo .logo-reverse{display:none}
.has-hero-overlay .site-header{margin-bottom:-78px;transition:background .2s,border-color .2s}
.has-hero-overlay .header-over:not(.scrolled){background:transparent;border-bottom-color:transparent;backdrop-filter:none}
.has-hero-overlay .header-over:not(.scrolled) .logo-default{display:none}
.has-hero-overlay .header-over:not(.scrolled) .logo-reverse{display:block}
.has-hero-overlay .header-over:not(.scrolled) .main-nav a,.has-hero-overlay .header-over:not(.scrolled) .header-actions .signin{color:#fff}
.has-hero-overlay .header-over:not(.scrolled) .main-nav a:hover{color:#9fdefe}
.menu-open .site-header.header-over{background:var(--ivory)!important}
.menu-open .site-header.header-over .logo-default{display:block!important}
.menu-open .site-header.header-over .logo-reverse{display:none!important}
.hero.hero-full{padding:0;background:var(--navy);isolation:isolate;overflow:clip;min-height:clamp(640px,50vw,820px);display:flex;align-items:center}
.hero-full .hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}
.hero-full::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(1,34,57,.96) 0,rgba(1,34,57,.9) 24%,rgba(1,34,57,.6) 38%,rgba(1,34,57,0) 56%)}
.hero-full::after{content:'';position:absolute;inset:0 0 auto;height:150px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(1,34,57,.55),rgba(1,34,57,0))}
.hero-full-inner{padding:126px 0 64px}
.hero-full .hero-copy{max-width:600px;color:#fff}
.hero.hero-full h1.hero-promise{font-size:clamp(2.9rem,3.7vw,3.6rem)}
.hero-full h1{color:#fff}
.hero-full h1 .accent{color:#7fd0ff}
.hero-full .hero-copy h2{color:#fff}
.hero-full .hero-copy>p{color:rgba(255,255,255,.88)}
.hero-full .button.secondary{border-color:#fff}
.hero-full .trust-row{color:#d7e7f2}
.hero-full .trust-row svg{color:#7fd0ff}
.hero-full .hero-setup{color:rgba(255,255,255,.72);font-size:.86rem;margin:16px 0 0}
.hero-questions-band{background:var(--ivory);padding:30px 0 26px;text-align:center}
.hero-questions-band .hero-questions{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 0 14px}
.hero-questions-band .hero-questions span{margin-left:0!important}
.hero-questions-band .name-reveal{margin:0;font-family:var(--display);font-weight:800;color:var(--navy);font-size:1.05rem}
@media(max-width:1150px){
.hero.hero-full{display:flex;flex-direction:column;align-items:stretch;min-height:0}
.hero-full::before{display:none}
.hero-full::after{height:120px}
.hero-full .hero-scene{position:static;order:1;height:auto;aspect-ratio:2.8/1}
.hero-full-inner{order:2;padding:34px 0 48px}
.hero-full .hero-copy{max-width:640px}
}
@media(max-width:820px){.hero-full .hero-scene{aspect-ratio:2341/941}.hero-full-inner{padding:30px 0 40px}}
@media(max-width:600px){.has-hero-overlay .site-header{margin-bottom:-69px}.hero-full-inner{padding:26px 0 36px}.hero.hero-full h1.hero-promise{font-size:clamp(2.3rem,10vw,3rem)}}
@media(max-width:600px){.hero-full .hero-scene{aspect-ratio:5/4}.hero-questions-band .hero-questions{justify-content:flex-start}.hero-questions-band{text-align:left}}
/* Sample calendar: drawn with the Wendoo app's own tokens (app src/styles.css: Inter, Soft Ivory, Lookahead Blue, day tiles). */
.demo-wrap{display:grid;gap:22px}
.demo-bar{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:26px;align-items:center;padding:20px 22px;border:1px solid #235b7b;border-radius:18px;background:rgba(255,255,255,.04)}
.demo-bar-intro p{margin:10px 0 0;color:#bad4e1;font-size:.92rem}
.demo-bar .spend-control{margin:0}
.demo-bar .spend-control label{color:#fff}
.demo-bar .spend-control label strong{color:#7fd0ff}
.demo-bar .range-ends{color:#9fbfd0}
.demo-bar .spend-control input{width:100%;accent-color:#3fb0f0}
.demo-bar .demo-details{margin:0;background:#fff;border:0;color:var(--navy)}
.app-frame{--a-bg:#f8f9f7;--a-surface:#fff;--a-surface2:#f9faf9;--a-border:#e1e6ea;--a-text:#012239;--a-muted:#526b82;--a-primary:#0373b3;--a-primary-soft:#e4f2fb;--a-income:#15803d;--a-expense:#b42318;--a-negative:#d92d20;--a-future:#a0a8b6;--a-outside:#eef1f3;--a-shade:rgba(16,24,40,.035);display:grid;grid-template-columns:232px minmax(0,1fr);border-radius:16px;overflow:hidden;background:var(--a-bg);color:var(--a-text);font-family:'Inter',system-ui,sans-serif;font-weight:300;box-shadow:0 24px 65px #00111c5c;container:appframe/inline-size}
.app-side{background-color:color-mix(in srgb,#0373b3 24%,#040a12);background-image:radial-gradient(120% 60% at 0% 0%,rgba(255,255,255,.09),transparent 60%),radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.3px);background-size:100% 100%,16px 16px;color:#eef3f7;padding:22px 14px 16px;display:flex;flex-direction:column;gap:22px}
.app-side-logo{width:140px;height:auto;margin-left:6px}
.app-side-card{background:rgba(255,255,255,.06);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px}
.app-side-label{font-size:13px;color:rgba(238,243,247,.6);font-weight:400}
.app-side-card strong{font-size:22px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.app-side-sub{font-size:12px;color:rgba(238,243,247,.6)}
.app-side-wendoo{margin-top:auto}
.app-side-wendoo-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:6px}
.app-side-bubble{margin:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.4;color:#eef3f7}
.app-main{padding:10px 12px 8px;min-width:0;display:flex;flex-direction:column}
.app-topbar{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.app-picker{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1px solid var(--a-border);border-radius:12px;background:var(--a-surface);font-weight:600;font-size:15px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.app-picker-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--a-primary-soft);color:var(--a-primary)}
.app-month-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:2px}
.app-month-nav strong{font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;min-width:180px;text-align:center;white-space:nowrap}
.app-nav-btn{border:0;background:transparent;color:var(--a-text);font-size:22px;line-height:1;width:30px;height:30px;border-radius:8px;cursor:pointer}
.app-nav-btn:hover{background:var(--a-surface)}
.app-nav-btn:disabled{opacity:.3;cursor:default;background:transparent}
.app-today{border:1px solid var(--a-border);background:var(--a-surface);color:var(--a-text);border-radius:8px;padding:6px 12px;font:500 13px 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.app-today:hover{background:var(--a-surface2)}
.app-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto repeat(6,minmax(84px,1fr));gap:1px;background:var(--a-border);border:1px solid var(--a-border);border-radius:10px;overflow:hidden}
.app-weekday{background:var(--a-surface2);padding:6px;text-align:center;font-size:13px;font-weight:500;color:var(--a-muted);text-transform:uppercase}
.app-day{all:unset;box-sizing:border-box;background-color:var(--a-surface);background-image:linear-gradient(to bottom,transparent 35%,var(--a-shade));padding:4px 5px;display:flex;flex-direction:column;min-width:0;cursor:pointer;container:day/inline-size;font-family:'Inter',system-ui,sans-serif;color:var(--a-text)}
.app-day:hover{background-color:var(--a-surface2)}
.app-day:focus-visible{outline:2px solid var(--a-primary);outline-offset:-2px}
.app-day.selected,.app-day.selected:hover{box-shadow:inset 0 0 0 2px var(--a-primary);background-color:color-mix(in srgb,var(--a-primary) 6%,var(--a-surface))}
.app-outside{background-color:var(--a-outside);cursor:default}
.app-outside:hover{background-color:var(--a-outside)}
.app-outside .app-day-head{background:transparent}
.app-outside .dn{opacity:.45}
.app-outside .app-day-bal,.app-outside .app-entries,.app-outside .app-body-bal,.app-outside .app-body-net,.app-outside .app-dots{opacity:.5}
.app-day-head{display:flex;align-items:center;gap:0 6px;padding:2px 6px;margin:-1px -2px 3px;min-height:24px;background:var(--a-surface2);border-radius:5px;flex-shrink:0}
.app-day .dn{font-size:clamp(11px,11cqi,16px);font-weight:500}
.app-day-bal{margin-left:auto;font-size:clamp(10px,9cqi,14px);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--a-muted);font-weight:500}
.app-low .dn,.app-low .app-day-bal,.app-day-bal.neg{color:var(--a-negative)}
.app-today-cell,.app-today-cell:hover{background-color:color-mix(in srgb,var(--a-primary) 9%,var(--a-surface))}
.app-today-cell .app-day-head{background:var(--a-primary)}
.app-today-cell .dn,.app-today-cell .app-day-bal{color:#fff}
.app-today-cell.app-low .app-day-bal{background:#fff;color:#d92d20;border-radius:4px;padding:0 6px}
.app-entries{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:1px}
.app-entry{display:flex;align-items:center;gap:3px;font-size:clamp(10px,9cqi,13px);min-width:0}
.app-check{flex:none;width:12px;height:12px;border:1px solid #8a94a3;border-radius:3px;background:#fff}
.app-check.on{background:var(--a-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;border-color:var(--a-primary)}
.app-cat{flex:none}
.app-entry-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-entry-amt{margin-left:auto;padding-left:3px;flex-shrink:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.app-entry.in .app-entry-amt{color:var(--a-income)}
.app-entry.out .app-entry-amt{color:var(--a-expense)}
.app-entry.future .app-entry-name,.app-entry.future .app-entry-amt{color:var(--a-future)}
.app-body-net,.app-body-bal,.app-dots{display:none}
.app-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--a-expense)}
.app-dot.in{background:var(--a-income)}
.app-dot.open{background:transparent;border:1.5px solid var(--a-expense)}
.app-dot.in.open{border-color:var(--a-income)}
.app-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--a-muted);margin:8px 2px 2px}
.app-legend span{display:inline-flex;align-items:center;gap:5px}
.app-legend .lg-check{display:inline-block;width:11px;height:11px;border-radius:3px;background:var(--a-primary)}
.app-legend .lg-open{background:#fff;border:1px solid #8a94a3}
.app-legend .lg-in{color:var(--a-income)}
.app-legend .lg-out{color:var(--a-expense)}
.app-legend .lg-low{color:var(--a-negative)}
@container appframe (max-width:860px){.app-side{display:none}}
@media(max-width:1100px){.app-frame{grid-template-columns:1fr}.app-side{display:none}}
@container appframe (max-width:560px){
.app-main{padding:8px 6px 6px}
.app-picker{display:none}
.app-month-nav{justify-content:flex-start}
.app-month-nav strong{min-width:0;font-size:16px}
.app-grid{grid-template-rows:auto repeat(6,minmax(64px,auto))}
.app-weekday{font-size:11px;padding:4px 0}
.app-day{padding:3px}
.app-day-head{padding:1px 3px;margin:-1px -1px 2px;min-height:0;border-radius:4px}
.app-day .dn{font-size:clamp(10px,22cqi,13px)}
.app-day-bal,.app-entries{display:none}
.app-body-bal{display:block;text-align:center;white-space:nowrap;font-size:clamp(9px,22cqi,14px);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--a-muted)}
.app-low .app-body-bal,.app-body-bal.neg{color:var(--a-negative)}
.app-body-net{display:block;margin-top:1px;text-align:center;white-space:nowrap;font-size:clamp(8px,19cqi,12px);font-variant-numeric:tabular-nums;color:var(--a-muted)}
.app-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:2px}
.app-legend{font-size:11px;gap:4px 10px}
}
@media(max-width:1050px){.demo-bar{grid-template-columns:1fr 1fr}.demo-bar-intro{grid-column:1/-1}}
@media(max-width:600px){.demo-bar{grid-template-columns:1fr;padding:16px}}
/* Hero messaging: "When do" question headline + small brand-reveal line */
.hero-full .hero-copy h1.hero-promise{max-width:600px}
.hero-full .hero-copy>p{margin-top:18px}
.hero-full .hero-reveal{margin:22px 0 0;font-family:var(--display);font-weight:600;font-size:1rem;color:rgba(255,255,255,.78)}
.hero-full .hero-reveal strong{color:#7fd0ff;font-weight:800}
.hero-full .trust-row{margin-top:26px;font-size:.76rem;font-weight:600;color:rgba(215,231,242,.82)}
.hero-questions-band .hero-questions{margin:0}
/* "Delightfully Disconnected": philosophy section (warm cream, editorial two-column) */
.disconnected-section{background:#f3e6d0;padding:112px 0}
.dd-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:88px;align-items:center}
.dd-story{max-width:590px}
.dd-story h2{font-size:clamp(2.2rem,3.4vw,3rem);margin:0 0 14px;max-width:none}
.dd-story .dd-sub{font-family:var(--display);font-weight:700;font-size:clamp(1.2rem,1.7vw,1.45rem);line-height:1.35;color:var(--navy);margin:0 0 30px;max-width:30ch}
.dd-story p{font-size:1.05rem;color:#3d5568;margin:0 0 18px}
.dd-story .dd-emphasis{font-family:var(--display);font-weight:800;font-size:1.25rem;color:#02659e;margin:30px 0 30px;padding-left:16px;border-left:3px solid #9fd7f7;line-height:1.35}
.dd-story .dd-cta{margin:30px 0 0}
.dd-cta .inline-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:1.02rem}
.dd-pillars{list-style:none;margin:0;padding:10px 30px;background:#fffdf9;border:1px solid #ece2d0;border-radius:22px;box-shadow:0 14px 40px rgba(78,58,24,.06)}
.dd-pillar{display:flex;gap:16px;align-items:flex-start;padding:24px 0}
.dd-pillar+.dd-pillar{border-top:1px solid #f0e8da}
.dd-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--bluelight);color:#0373b3}
.dd-pillar h3{font-size:1.06rem;margin:2px 0 4px;color:var(--navy)}
.dd-pillar p{margin:0;color:#526b82;font-size:.96rem;line-height:1.5}
@media(max-width:1199px){.dd-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px}.dd-pillars{padding:6px 24px}}
@media(max-width:860px){.disconnected-section{padding:80px 0}.dd-grid{grid-template-columns:1fr;gap:44px}.dd-pillars{max-width:590px}}
@media(max-width:600px){.disconnected-section{padding:64px 0}.dd-story p{font-size:1rem}.dd-story .dd-sub{margin-bottom:24px}.dd-story .dd-emphasis{font-size:1.15rem;margin:26px 0}.dd-pillars{padding:4px 20px;border-radius:18px}.dd-pillar{padding:20px 0}}
/* Homepage section tones (concept D2): tinted backgrounds so the page isn't all white */
.hero-questions-band{background:#fff}
.tone-mist{background:#f3f8fc}
.tone-sky{background:#d9edfb}
.tone-cream{background:#fdf8f0}
.tone-mint{background:#e6f4ec}
.tone-sand{background:#f3e6d0}
.tone-mist .eyebrow,.tone-sky .eyebrow,.tone-cream .eyebrow,.tone-mint .eyebrow,.tone-sand .eyebrow,.disconnected-section .eyebrow,
.tone-mist .inline-link,.tone-sky .inline-link,.tone-cream .inline-link,.tone-mint .inline-link,.tone-sand .inline-link,.disconnected-section .inline-link{color:#02659e}
.tone-cream .step-number{color:#02659e}
/* Our Story (/why-wendoo/): founder story, editorial long-form. Existing tokens only. */
.our-story .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.os-hero{padding:76px 0 84px;background:radial-gradient(circle at 88% 18%,#e0f0fb 0,transparent 34%),linear-gradient(180deg,#f2f8fc 0,var(--ivory) 100%);border-bottom:1px solid #e0eaef}
.os-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}
.os-hero-copy{max-width:600px}
.os-kicker{font-family:var(--display);font-weight:700;color:#0373b3;font-size:1.15rem;margin:0 0 10px}
.os-hero h1{font-size:clamp(2.7rem,5vw,4.3rem);line-height:1.05;margin:0 0 26px}
.os-hero-copy p:not(.os-kicker){font-size:1.12rem;color:#3d5568;margin:0 0 16px}
.os-portrait{margin:0;position:relative;justify-self:end;width:100%;max-width:440px}
.os-portrait:before{content:"";position:absolute;inset:28px -22px -22px 28px;border-radius:32px;background:linear-gradient(140deg,#cfe9fa,#eaf6ff);z-index:0}
.os-portrait img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 22px 55px rgba(1,34,57,.16)}
.os-chapter{padding:92px 0}
.os-tinted{background:#fff;border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3}
.os-narrow{max-width:680px}
.os-after{max-width:680px}
.os-after p{font-size:1.08rem;color:#3d5568;margin:0 0 16px}
.os-split{display:grid;grid-template-columns:minmax(0,680px) minmax(0,400px);gap:72px;align-items:start;justify-content:space-between}
.os-split-rev{grid-template-columns:minmax(0,400px) minmax(0,680px)}
.our-story .os-chapter h2{font-size:clamp(1.95rem,3.2vw,2.75rem);line-height:1.12;margin:0 0 26px;max-width:none}
.os-text p,.os-narrow p{font-size:1.08rem;color:#3d5568;margin:0 0 16px}
.os-beat{font-family:var(--display);font-weight:800;color:var(--navy)!important;font-size:1.3rem!important;margin:22px 0!important}
.os-key{font-family:var(--display);font-weight:700;color:var(--navy)!important;font-size:1.22rem!important;line-height:1.45;border-left:3px solid #9fd7f7;padding-left:18px;margin:28px 0!important}
.os-illo{margin:0;position:sticky;top:120px}
.os-illo img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 16px 44px rgba(1,34,57,.1)}
.os-quote-band{margin:44px 0;background:var(--navy);border-radius:26px;padding:52px 56px;position:relative;overflow:hidden}
.os-quote-band:before{content:"\201C";position:absolute;left:30px;top:-18px;font:800 9rem/1 var(--display);color:#119feb;opacity:.35}
.os-quote-band blockquote{margin:0;position:relative}
.os-quote-band p{margin:0;font-family:var(--display);font-weight:800;color:#fff;font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1.2;letter-spacing:-.02em;text-align:center}
.os-whatifs{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.os-whatifs li{background:var(--bluelight);border:1px solid #cfe8f8;border-radius:16px;padding:14px 18px;font-style:italic;color:var(--navy);font-size:1.02rem;line-height:1.45}
.os-timeline{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;counter-reset:none}
.os-timeline li{position:relative;padding:28px 26px;border:1px solid var(--border);border-radius:22px;background:#fff}
.os-timeline li+li:before{content:"\2192";position:absolute;left:-31px;top:50%;transform:translateY(-50%);font:700 1.4rem/1 var(--display);color:#7aa6c2}
.os-timeline .os-now{border-color:#9fd7f7;background:var(--bluelight)}
.os-step{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:#0373b3;margin-bottom:8px}
.os-timeline h3{font-size:1.7rem;margin:0 0 8px;letter-spacing:-.03em}
.os-timeline p{margin:0;color:#526b82;font-size:.98rem;line-height:1.5}
.os-sms-row{display:flex;margin:22px 0 26px 18px}
.os-sms{position:relative;margin:0!important;background:#0b84e8;color:#fff!important;font-size:1.35rem!important;font-weight:600;padding:12px 22px;border-radius:24px 24px 6px 24px;box-shadow:0 10px 26px rgba(11,132,232,.25);letter-spacing:.01em}
.os-questions{list-style:none;padding:0;margin:38px 0 22px;display:flex;flex-wrap:wrap;gap:10px}
.os-questions li{background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 18px;font-style:italic;color:var(--navy);font-size:.98rem}
.os-reveal{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,5vw,3.6rem)!important;letter-spacing:-.04em;color:#0373b3!important;line-height:1.1;margin:30px 0 34px!important}
.os-reveal span{color:var(--navy)}
.os-closing-quote{margin:64px auto 0;max-width:900px;text-align:center}
.os-closing-quote blockquote{margin:0}
.os-closing-quote p{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,4.6vw,3.9rem);letter-spacing:-.045em;line-height:1.12;color:var(--navy)}
.os-closing-quote p:after{content:"";display:block;width:72px;height:4px;border-radius:4px;background:#119feb;margin:30px auto 0}
.os-signoff{text-align:center;font-size:1.12rem;color:#3d5568;margin:24px 0 0}
@media(max-width:1100px){.os-split,.os-split-rev{grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:48px}.os-split-rev{grid-template-columns:minmax(0,340px) minmax(0,1fr)}}
@media(max-width:860px){
.os-hero{padding:48px 0 60px}
.os-hero-grid{grid-template-columns:1fr;gap:44px}
.os-portrait{justify-self:start;max-width:420px}
.os-chapter{padding:68px 0}
.os-split,.os-split-rev{grid-template-columns:1fr;gap:36px}
.os-split-rev .os-illo{order:2}
.os-illo{position:static;max-width:420px}
.os-timeline{grid-template-columns:1fr;gap:34px}
.os-timeline li+li:before{content:"\2193";left:50%;top:-27px;transform:translateX(-50%)}
}
@media(max-width:600px){
.os-hero h1{font-size:clamp(2.3rem,10vw,2.9rem)}
.os-portrait{max-width:none;padding-right:16px}
.os-portrait:before{inset:20px 0 -16px 20px}
.os-text p,.os-narrow p{font-size:1.02rem}
.os-whatifs{grid-template-columns:1fr}
.os-quote-band{padding:40px 24px;margin:34px 0}
.os-quote-band:before{left:14px;font-size:6.5rem}
.os-chapter{padding:56px 0}
}
.os-nowrap{white-space:nowrap}
.our-story h1,.our-story h2,.os-quote-band p,.os-closing-quote p,.os-key{text-wrap:balance}
.main-nav a,.header-actions a{white-space:nowrap}