:root{--navy:#08273f;--ink:#102f4b;--muted:#60778d;--blue:#087ce1;--blue-bright:#168dff;--blue-light:#e8f4ff;--pale:#f5f9fc;--lav:#f0efff;--ivory:#fbfcfd;--line:#dfe9f1;--coral:#d86a66;--green:#158c70;--radius:24px;--shadow:0 18px 70px rgba(13,47,77,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;overflow-x:clip;background:var(--ivory);color:var(--navy);font-family:'DM Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,strong,b{font-family:'Manrope','DM Sans',sans-serif}button,input{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}svg{flex-shrink:0}.shell{width:min(1180px,calc(100% - 72px));margin-inline:auto}.section{padding-block:110px}.icon{vertical-align:middle}.skip-link{position:absolute;top:-80px;left:16px;z-index:2000;background:var(--navy);color:#fff;padding:12px 16px;border-radius:12px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #379ff7;outline-offset:4px}
/* NAV */
.site-header{height:86px;position:sticky;top:0;z-index:100;background:rgba(251,252,253,.93);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(11,45,71,.07)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:184px;height:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:35px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:700;color:#496078;white-space:nowrap;transition:color .15s}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:#087ce1}.nav-actions{display:flex;gap:22px;align-items:center;margin-left:12px}.sign-link{font-size:13px;font-weight:750;white-space:nowrap}.sign-link:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;white-space:nowrap;min-height:46px;padding:0 22px;border-radius:12px;transition:transform .2s,background .2s,box-shadow .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(130deg,#087ce1,#128efa);color:white;box-shadow:0 8px 20px rgba(7,112,222,.18)}.btn-primary:hover{box-shadow:0 12px 24px rgba(7,112,222,.26)}.btn-secondary{background:#fff;border:1px solid #cad8e7;color:var(--navy)}.btn-secondary:hover{border-color:#6eabe0;box-shadow:0 6px 24px rgba(24,72,110,.07)}.btn-white{color:var(--navy);background:#fff}.btn-sm{padding:0 18px;min-height:42px}.btn-lg{min-height:55px;padding-inline:26px;font-size:14px;border-radius:13px}.mobile-menu-button{display:none;border:1px solid #dbe5ee;background:#fff;color:var(--navy);width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px}.mobile-navigation{display:none}
/* SHARED TYPOGRAPHY */
.eyebrow{color:#0873c9;font-size:11px;font-weight:800;letter-spacing:.15em;line-height:1.6;margin-bottom:22px}.section h2{font-size:clamp(31px,3.5vw,48px);line-height:1.15;letter-spacing:-.048em}.section p{line-height:1.75;color:#60758b;font-size:15px}.text-link{display:inline-flex;align-items:center;gap:10px;color:#0876d1;font-size:13px;font-weight:800;transition:gap .2s}.text-link:hover{gap:16px}.center-heading{text-align:center;max-width:620px;margin-inline:auto}.center-heading h2{margin-bottom:15px}.center-heading p{font-size:15px;color:var(--muted)}
/* HERO */
.hero{padding-top:83px;text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#486782;font-size:10px;font-weight:800;letter-spacing:.17em}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #dceeff}.hero h1{font-size:clamp(54px,7vw,88px);line-height:1.07;letter-spacing:-.072em;max-width:900px;margin:25px auto 22px;font-weight:800}.hero h1 span,.inner-hero h1 span{color:var(--blue)}.hero-lede{font-size:18px;line-height:1.65;color:#516b80;max-width:660px;margin:0 auto 30px}.hero-actions{display:flex;justify-content:center;gap:13px}.hero-micro{display:flex;align-items:center;gap:9px;justify-content:center;margin-top:24px;color:#73889a;font-size:12px;font-weight:650;flex-wrap:wrap}.hero-micro .icon{color:#2e967b}.hero-micro>span{opacity:.65;padding:0 3px}.hero-stage{padding-top:74px;position:relative;isolation:isolate}.ambient-blur{position:absolute;pointer-events:none;z-index:-1;filter:blur(65px);opacity:.5}.ambient-blue{width:520px;height:300px;left:5%;top:24%;background:#d0e9ff;border-radius:50%}.ambient-lilac{width:400px;height:330px;right:5%;top:26%;background:#e8e8ff;border-radius:50%}.stage-caption{margin-top:20px;font-size:12px;font-weight:600;color:#758a9d}
/* HERO CALENDAR PRODUCT MOCKUP */
.calendar-window{position:relative;max-width:1070px;margin-inline:auto;text-align:left;border-radius:17px;overflow:hidden;background:#fff;border:1px solid #dbe4ed;box-shadow:0 30px 100px rgba(18,53,82,.13),0 8px 26px rgba(18,53,82,.06)}.window-top{height:37px;display:flex;align-items:center;gap:16px;background:#f4f7fa;border-bottom:1px solid #e3ebf2;padding:0 16px}.window-dots{display:flex;gap:6px}.window-dots span{display:block;width:8px;height:8px;border-radius:50%;background:#d4dce5}.window-dots span:first-child{background:#ffc6bf}.window-dots span:nth-child(2){background:#ffdda0}.window-dots span:nth-child(3){background:#a5dac4}.window-url{font-size:10px;color:#95a4b3;margin:auto}.sample-tag{font-size:8px;letter-spacing:.12em;color:#7e92a3;font-weight:800}.app-layout{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:530px}.app-sidebar{background:#0b2a43;color:#c7d9e9;padding:23px 13px;display:flex;flex-direction:column;gap:8px}.app-sidebar-logo{width:121px;height:auto;margin:1px 8px 31px}.app-side-link{display:flex;align-items:center;gap:10px;border-radius:7px;padding:11px 11px;font-size:11px;font-weight:700;white-space:nowrap}.app-side-link.selected{background:#1967a9;color:white}.app-side-link.faded{opacity:.75}.sidebar-spacer{flex:1}.app-main{padding:23px 28px 16px;min-width:0}.app-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.app-label{font-size:9px;letter-spacing:.13em;color:#6f879a;font-weight:800}.app-head h3{margin:4px 0 0;font-size:19px;letter-spacing:-.04em}.shared-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#23b28f;vertical-align:middle}.app-members{display:flex;align-items:center;font-size:10px;color:#6e8192;font-weight:700}.avatar{display:inline-grid;width:25px;height:25px;place-items:center;border-radius:50%;font-size:10px;font-weight:800;color:#fff;border:2px solid white}.a1{background:#8e86d9}.a2{background:#da9f66;margin-left:-7px}.shared-label{padding-left:5px}.app-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:18px 0 17px}.metric{background:#f5f9fc;border:1px solid #e8eef4;border-radius:10px;padding:12px 14px;min-width:0}.metric:nth-child(2){background:#fff6f3;border-color:#faeae4}.metric:nth-child(3){background:#f2f8ff;border-color:#e5f0fa}.metric span{display:block;font-size:9px;color:#698197;font-weight:700}.metric strong{display:block;font-size:18px;letter-spacing:-.04em;margin-top:5px;white-space:nowrap}.metric .metric-low{color:#bc6154}.metric small{display:block;font-size:9px;color:#8192a0}.month-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.month-navigation{display:flex;align-items:center;gap:10px}.month-navigation h4{font-size:13px;margin:0;letter-spacing:-.02em}.month-btn{border:1px solid #e0e9f1;width:25px;height:25px;border-radius:7px;background:#fff;color:#345774;font-size:19px;line-height:20px}.month-btn:hover:not(:disabled){background:#eef6fd}.month-btn:disabled{opacity:.3;cursor:not-allowed}.view-label{font-size:10px;display:flex;align-items:center;gap:6px;color:#71849a;font-weight:700}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #e4eaf0;border-left:1px solid #e4eaf0}.calendar-weekday{font-size:9px;font-weight:800;color:#8395a5;text-align:center;padding:8px 3px;background:#f9fbfd;border-right:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0}.calendar-cell{height:64px;min-width:0;border-right:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0;padding:6px 6px 3px;position:relative;background:#fff}.calendar-cell.other{background:#f9fafb;color:#c5ced7}.calendar-cell.tight{background:#fff8f6}.calendar-cell.income-day{background:#f5fdfa}.day-top{display:flex;justify-content:space-between;align-items:center;gap:2px}.day-num{font-size:10px;font-weight:800}.balance-tiny{font-size:8px;font-weight:800;color:#507890;white-space:nowrap}.cell-event{font-size:8px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:8px;padding:2px 3px;border-radius:4px;font-weight:750}.cell-event.income{background:#dff6eb;color:#167454}.cell-event.expense{background:#f9e6e0;color:#b34f48}.cell-event.dot{display:none}.calendar-foot{display:flex;gap:17px;padding:12px 1px 0;align-items:center;flex-wrap:wrap}.calendar-foot span{display:flex;align-items:center;gap:5px;font-size:9px;color:#8092a3}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.legend-dot.income{background:#42b587}.legend-dot.expense{background:#de9380}.legend-dot.tight{background:#e5b2a4}.calendar-foot .cal-note{margin-left:auto;font-size:9px;color:#9bacb6}
/* STRIP + STORY */
.signal-strip{border-block:1px solid #eef2f5;background:white;margin-top:82px}.signals{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:95px}.signals span{display:flex;align-items:center;gap:14px;color:#28455f;font-weight:800;font-size:13px}.signals .icon{color:#1687ea}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story-copy h2{max-width:500px}.story-copy>p{font-size:16px;max-width:500px;margin-bottom:27px}.story-copy em{font-style:normal;color:#087ce1;font-weight:800}.story-list{display:grid;gap:15px;margin-bottom:33px}.story-list>div{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:750}.story-list .icon{color:#168c73;width:20px;height:20px}
.purchase-panel{background:#fff;border:1px solid #e4edf3;border-radius:25px;padding:30px;box-shadow:var(--shadow)}.purchase-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.tiny-label{letter-spacing:.14em;color:#8b9cad;font-size:10px;font-weight:800}.purchase-badge{display:inline-flex;align-items:center;gap:5px;color:#277ab4;background:#eaf4fd;padding:8px 10px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.05em}.purchase-product{display:flex;align-items:center;gap:17px;padding:16px 0 24px;border-bottom:1px solid #e8eef4}.purchase-art{display:grid;place-items:center;width:77px;height:76px;background:#eef6ff;border-radius:15px;color:#1988e7}.purchase-product strong{font-size:15px;line-height:1.3;display:block}.purchase-product span{display:block;color:#8494a4;font-size:12px;margin-top:6px}.purchase-form{margin-top:24px}.purchase-form>label{display:block;font-size:12px;font-weight:800;margin-bottom:10px}.input-row{display:flex;align-items:center;border:1px solid #d9e5ef;border-radius:11px;padding:5px 5px 5px 14px;gap:6px}.input-row>span{font-size:18px;font-weight:700;color:#71879b}.input-row input{width:100%;min-width:50px;border:0;outline:0;font-size:18px;font-family:Manrope;font-weight:800;color:var(--navy);background:transparent}.input-row .btn{font-size:11px;padding-inline:12px}.purchase-result{display:flex;align-items:center;gap:12px;background:#edf9f5;border:1px solid #d2efe1;border-radius:13px;margin-top:18px;padding:13px}.purchase-result.negative{background:#fff7f4;border-color:#f5dcd6}.result-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:#def2e9;color:#158e6b;border-radius:50%}.negative .result-icon{background:#fce5e2;color:#c66256}.purchase-result span{display:block;color:#68897b;font-size:10px;margin-bottom:4px}.negative span{color:#9e7e76}.purchase-result strong{font-size:12px;line-height:1.35;display:block}.example-note{display:block;color:#93a3ad;font-size:10px;line-height:1.55;margin-top:15px}
/* FEATURES ON HOME */
.features-section{background:#f6f9fc}.section-header{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:38px}.section-header>div{max-width:610px}.section-header h2{margin:0}.section-header>p{max-width:290px;margin-bottom:3px;font-size:14px}.feature-cards{display:grid;grid-template-columns:1.16fr 1fr;gap:20px}.feature-card{border:1px solid #e3ebf2;background:#fff;border-radius:22px;padding:29px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden}.feature-card-main{grid-row:span 2;min-height:570px}.feature-card-main .feature-info{max-width:375px}.feature-icon{width:46px;height:46px;display:grid;place-items:center;background:#eaf5ff;color:#0c82e7;border-radius:13px;margin-bottom:20px}.feature-icon.lavender{background:#eff0ff;color:#7771d3}.feature-icon.peach{background:#fff0e8;color:#d48b6b}.feature-card h3{font-size:22px;line-height:1.32;letter-spacing:-.04em;max-width:340px;margin-bottom:12px}.feature-card p{font-size:13px;line-height:1.72;margin-bottom:16px;max-width:365px}.feature-card-main .text-link{margin:12px 0 35px}.feature-small{min-height:274px;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:13px}.feature-small h3{font-size:19px}.feature-small p{font-size:12px}.feature-small .feature-icon{width:40px;height:40px;margin-bottom:14px}.feature-visual{border:1px solid #e2ebf4;background:linear-gradient(#fff,#f3f9ff);border-radius:16px}.forecast-visual{padding:21px 24px 14px}.forecast-header,.mock-mini-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:800;color:#55718b}.pill-small{font-size:8px;letter-spacing:.08em;color:#168d70;background:#eaf8f1;border-radius:20px;padding:6px 9px}.forecast-values{display:flex;gap:50px;margin-top:14px}.forecast-values span{display:flex;flex-direction:column;gap:3px}.forecast-values small{color:#9aadba;font-size:10px}.forecast-values strong{font-size:20px;letter-spacing:-.04em}.forecast-graph{width:100%;height:142px;margin-top:8px}.forecast-axis{display:flex;justify-content:space-between;font-size:9px;color:#9baebb}.shared-preview,.mail-preview{background:#f5f9fd;border:1px solid #e6edf4;border-radius:15px;padding:16px;min-width:0}.shared-title{font-family:Manrope;font-size:11px;font-weight:800;display:flex;justify-content:space-between;gap:5px;white-space:nowrap}.active-pill{background:#def6ef;color:#148366;font-size:8px;padding:4px 6px;border-radius:6px}.shared-preview>div{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:10px;font-weight:750}.shared-preview small{font-size:9px;color:#8198a8;margin-left:auto}.person-avatar{display:inline-grid;place-items:center;flex-shrink:0;color:#fff;width:29px;height:29px;border-radius:50%;font-size:11px;font-weight:800}.purple{background:#8d88d8}.orange{background:#dda572}.mail-preview{display:flex;align-items:center;gap:8px;padding:17px 12px}.mail-preview>span{font-size:10px;font-weight:750;background:white;border:1px solid #dce6ee;border-radius:8px;padding:9px 7px;white-space:nowrap;display:flex;align-items:center;gap:5px}.mail-preview>.icon{color:#0b80dd;width:13px}.mail-preview>.done-entry{color:#128366;background:#e8f7ef;border-color:#d1eee0}.section-link-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:27px;color:#788c9d;font-size:13px}
/* HOW HOME */
.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:65px}.steps-row article{position:relative}.steps-row article:not(:last-child):after{content:'→';position:absolute;right:-38px;top:92px;color:#b4cce0;font-size:25px}.step-number{font-family:Manrope;font-weight:800;color:#9fb8cb;font-size:12px;letter-spacing:.08em}.step-icon{width:73px;height:73px;background:#edf6ff;border-radius:20px;display:grid;place-items:center;color:var(--blue);margin:15px 0 22px}.steps-row h3{font-size:19px;letter-spacing:-.035em}.steps-row p{font-size:13px;max-width:300px}.center-actions{text-align:center;margin-top:35px}
/* EMAIL AND CTA */
.penny-section{background:#f4f8fb}.penny-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.penny-copy h2 span{color:#0d82e0}.penny-copy p{max-width:500px;font-size:15px;margin-bottom:25px}.email-demo{display:flex;align-items:center;gap:14px}.email-card{background:#fff;border:1px solid #dfe8f0;border-radius:15px;box-shadow:0 15px 35px rgba(31,67,93,.06);width:245px;flex-shrink:0}.email-card-top{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e7edf3;padding:15px 17px;font-size:11px}.email-card-top .icon{color:var(--blue)}.email-card-top span{margin-left:auto;color:#98aaba;font-size:10px}.email-card-body{padding:18px;font-size:11px;line-height:1.6}.mail-from{display:block;color:#9aabba;margin-bottom:7px}.email-card-body strong{font-size:12px}.email-card-body p{font-size:11px;line-height:1.65;color:#647c91;margin:9px 0 0}.email-arrow{color:#1285e0}.email-entry{border:1px solid #cfeadd;background:#effaf5;border-radius:15px;box-shadow:0 15px 30px rgba(25,86,64,.04);padding:17px;display:flex;flex-direction:column;gap:11px;min-width:150px}.entry-top{display:flex;align-items:center;gap:6px;color:#16836b;font-size:10px;font-weight:800}.email-entry strong{font-size:14px}.email-entry>span:not(.entry-top){font-size:10px;color:#708d80}.email-entry b{font-size:17px;letter-spacing:-.04em}.closing-section{padding-bottom:95px}.closing-panel{min-height:360px;background:radial-gradient(circle at 89% 22%,#205880 0%,transparent 38%),linear-gradient(130deg,#08273f,#0b3855);color:white;border-radius:27px;position:relative;overflow:hidden;display:flex;align-items:center;padding:59px 68px}.closing-content{max-width:650px;position:relative;z-index:1}.closing-content h2{font-size:clamp(34px,3.8vw,51px);margin-bottom:17px}.closing-content p{color:#bfd3e4;max-width:540px;font-size:15px;margin-bottom:26px}.light-eyebrow{color:#76c4ff}.closing-graphic{position:absolute;right:110px;top:55px;width:240px;height:240px}.graphic-ring{position:absolute;border-radius:50%;border:2px solid rgba(125,197,240,.16)}.graphic-ring-one{inset:0}.graphic-ring-two{inset:42px}.closing-check{position:absolute;inset:80px;display:grid;place-items:center;background:linear-gradient(145deg,#2d9afa,#0f6bc5);border-radius:27px;transform:rotate(-8deg);box-shadow:0 20px 60px rgba(0,0,0,.15)}.closing-check svg{transform:rotate(8deg)}.faq-teaser{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;padding-top:0}.faq-teaser h2{margin-bottom:17px}.faq-mini details,.faq-item{border-bottom:1px solid #dfe8ef}.faq-mini summary,.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;font-size:14px;font-weight:800;padding:20px 0}.faq-mini summary::-webkit-details-marker,.faq-item summary::-webkit-details-marker{display:none}.faq-mini details[open] summary>.icon,.faq-item[open] .faq-toggle{transform:rotate(45deg)}.faq-mini summary>.icon,.faq-toggle{color:#1b86dd;transition:transform .25s}.faq-mini details p{margin:0 0 22px;font-size:13px;max-width:480px}.faq-mini .text-link{margin-top:23px}
/* INTERNAL PAGES */
.inner-hero{text-align:center;padding:110px 0 100px}.inner-hero h1{font-size:clamp(50px,6vw,77px);letter-spacing:-.068em;line-height:1.12;margin:0 auto 26px;font-weight:800}.inner-hero p{max-width:650px;margin:0 auto 29px;font-size:17px;line-height:1.75;color:#60778b}.feature-detail{min-height:570px;padding-block:105px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;border-top:1px solid #e8eef4}.feature-detail.swap .detail-copy{order:2}.feature-detail.swap .detail-display{order:1}.detail-num{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.14em}.detail-copy h2{font-size:clamp(32px,3.5vw,47px);line-height:1.2;letter-spacing:-.045em;margin:17px 0 24px}.detail-copy p{font-size:15px;line-height:1.8;color:#667b8e}.check-list{list-style:none;padding:0;display:grid;gap:13px;margin:28px 0}.check-list li{display:flex;gap:11px;align-items:center;font-size:13px;font-weight:750}.check-list .icon{color:#188f71;width:18px;height:18px}.detail-display{background:#fff;border:1px solid #e2ebf1;box-shadow:var(--shadow);padding:32px;border-radius:23px;min-height:320px}.detail-display .mock-mini-top{font-size:12px;color:#667d90}.detail-graph{background:linear-gradient(155deg,#fff,#f3f9ff)}.mock-stat{display:flex;align-items:baseline;gap:11px;margin:38px 0 9px;font-size:12px;color:#8395a3}.mock-stat strong{color:#bc5c56;font-size:27px}.mock-stat span{margin-left:auto}.detail-graph svg{width:100%;height:180px}.mock-mini-bottom{display:flex;justify-content:space-between;color:#9eafbb;font-size:10px}.recurring-entry{display:flex;align-items:center;gap:14px;margin-top:16px;padding:10px 0;border-bottom:1px solid #eff2f5}.recurring-entry:last-child{border:0}.recurring-entry>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.recurring-entry strong{font-size:12px}.recurring-entry small{font-size:10px;color:#96a6b2}.recurring-entry b{font-size:12px;white-space:nowrap}.r-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;flex-shrink:0}.r-icon .icon{width:20px;height:20px}.r-blue{color:#167ddb;background:#eaf5ff}.r-coral{color:#ca7770;background:#fff1ee}.r-lilac{color:#7b7ed3;background:#f0efff}.green{color:#148b6e}.sharing-mock{display:grid;gap:16px;align-content:start}.sharing-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #ebf0f3;padding:14px 0}.sharing-row:last-child{border:none}.sharing-row>div{display:flex;flex-direction:column;gap:5px;flex:1}.sharing-row strong{font-size:13px}.sharing-row small{color:#91a0ad;font-size:10px}.tag-blue,.tag-gray{font-size:10px;font-weight:800;border-radius:8px;padding:7px 9px;white-space:nowrap}.tag-blue{background:#e8f4ff;color:#177cca}.tag-gray{background:#f2f4f6;color:#6a7d8d}.mail-feature-mock{background:linear-gradient(160deg,#fff,#f5f9fd);display:flex;flex-direction:column;align-items:stretch;justify-content:center}.mail-mock-top{font-size:13px;font-weight:800;display:flex;gap:10px;align-items:center;color:#24425d}.mail-mock-top .icon{color:var(--blue)}.mail-mock-note{margin:20px 0;background:#fff;border:1px solid #e5eaf1;padding:20px;border-radius:12px;color:#708393;line-height:1.8;font-size:13px}.mail-mock-connector{text-align:center;color:var(--blue);transform:rotate(90deg);margin-bottom:17px}.mail-mock-added{display:flex;align-items:center;gap:13px;border:1px solid #d0ecde;background:#eefaf5;border-radius:13px;padding:18px;color:#1e8e6d}.mail-mock-added>div{display:flex;flex-direction:column;gap:4px}.mail-mock-added strong{font-size:14px;color:var(--navy)}.mail-mock-added span{font-size:11px;color:#789485}.report-graphic{display:flex;align-items:center;gap:30px;margin-top:32px}.donut{width:193px;height:193px;flex-shrink:0;border-radius:50%;background:conic-gradient(#1d85e7 0 57%,#77b3ed 57% 70%,#8c8ce7 70% 79%,#ecad9b 79% 100%);display:grid;place-items:center}.donut-hole{width:125px;height:125px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:white}.donut-hole span{font-size:10px;color:#9aacb9}.donut-hole strong{font-size:19px}.legend{flex:1;display:grid;gap:15px}.legend>div{display:flex;align-items:center;gap:8px;font-size:11px;color:#657e93}.legend i{width:8px;height:8px;border-radius:50%}.legend b{margin-left:auto;color:var(--navy)}.more-tools{background:#f5f9fc}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:57px}.tool-grid>div{padding-right:12px}.tool-grid svg{color:var(--blue);margin-bottom:20px}.tool-grid h3{font-size:15px;letter-spacing:-.02em}.tool-grid p{font-size:12px;line-height:1.75}.cta-strip{background:#0b2e4a;color:white;padding:52px 0}.cta-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-strip h2{font-size:28px;margin-bottom:8px;letter-spacing:-.04em}.cta-strip p{font-size:14px;color:#b8cddd;margin:0}
/* HOW */
.how-stack{padding-bottom:80px}.how-big-step{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center;padding-block:90px;border-top:1px solid #e6edf3}.how-big-step.reverse .how-big-copy{order:2}.how-big-step.reverse .how-card{order:1}.step-label{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.15em}.how-big-copy h2{font-size:clamp(31px,3.6vw,45px);line-height:1.2;letter-spacing:-.04em;margin:20px 0}.how-big-copy p{font-size:15px;color:#667c8f;line-height:1.8}.step-tip{display:inline-flex;align-items:center;gap:9px;color:#246f9d;font-size:12px;background:#eaf6ff;border-radius:24px;padding:9px 14px;margin-top:13px;font-weight:750}.how-card{background:#fff;border:1px solid #e0eaf2;border-radius:22px;box-shadow:var(--shadow);padding:30px;min-height:325px}.fake-field{display:flex;flex-direction:column;gap:7px;margin-top:22px}.fake-field label{font-size:11px;color:#8a9bab;font-weight:650}.fake-field strong{padding:12px 13px;border:1px solid #dfe8f0;border-radius:9px;font-size:13px;display:flex;justify-content:space-between}.fake-action{margin-top:23px;background:#0b80e4;color:white;font-weight:800;padding:12px;border-radius:9px;font-size:12px;display:flex;justify-content:center;gap:9px;align-items:center}.fake-split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:750;margin-top:20px}.toggle-row span{display:flex;gap:9px;align-items:center}.fake-switch{width:32px;height:18px;background:#0a85e4;border-radius:30px;position:relative}.fake-switch:after{content:'';display:block;width:13px;height:13px;background:#fff;border-radius:50%;position:absolute;top:2.5px;right:3px}.lookahead-balance{display:flex;flex-direction:column;gap:5px;padding:30px 0}.lookahead-balance span{font-size:12px;color:#859aab}.lookahead-balance strong{font-size:39px;color:#d05f56;letter-spacing:-.05em}.lookahead-balance small{font-size:12px;color:#9aabba}.lookahead-bar{display:flex;align-items:end;gap:24px;height:63px}.lookahead-bar span{background:linear-gradient(#1c8ce9,#a8d7fc);border-radius:7px 7px 0 0;flex:1;align-self:end}.lookahead-bar span:nth-child(1){height:30%;background:#eab8b0}.lookahead-bar span:nth-child(2){height:72%}.lookahead-bar span:nth-child(3){height:95%}.lookahead-caption{display:flex;justify-content:space-between;font-size:10px;color:#98aabb;margin-top:10px}.how-share-card .sharing-row:last-of-type{border-bottom:none}.how-share-card .sharing-row>.icon{color:#1c9776}.invite-strip{padding:14px;background:#eef7ff;color:#147dd5;border-radius:10px;display:flex;gap:10px;align-items:center;justify-content:center;font-size:12px;font-weight:800}.soft-cta{background:#eef6fc}.soft-cta .center-heading .btn{margin-top:13px}
/* ABOUT */
.about-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:11%}.about-visual{min-height:445px;border-radius:26px;position:relative;overflow:hidden;background:linear-gradient(140deg,#0a2d49,#155b91);color:white;padding:56px;display:flex;flex-direction:column;justify-content:center}.about-visual-glow{position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(10px);background:radial-gradient(#267cbd,transparent 70%);right:-100px;top:30px}.about-quote-mark{font-size:85px;font-weight:700;font-family:Georgia;line-height:.5;color:#79c6fa;position:relative}.about-visual-text{font-size:35px;font-family:Manrope;font-weight:800;letter-spacing:-.05em;line-height:1.3;position:relative}.about-visual-text em{font-style:normal;color:#79c6fa}.about-visual-mini{font-size:12px;color:#bfd7e9;margin-top:38px;position:relative}.about-copy h2{font-size:clamp(32px,3.5vw,45px)}.about-copy p{font-size:15px;line-height:1.8}.about-copy .text-link{margin-top:8px}.values-section{background:#f4f9fd}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.values-grid article{background:#fff;border-radius:20px;padding:35px;border:1px solid #e5edf4}.values-grid svg{color:var(--blue);margin-bottom:28px}.values-grid h3{font-size:18px;letter-spacing:-.035em}.values-grid p{font-size:13px;line-height:1.75}.about-end{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.about-end-text h2{font-size:clamp(35px,3.7vw,49px)}.about-end-text p{margin-bottom:25px}.about-end-card{background:#eaf4fe;border-radius:28px;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.about-end-card img{width:130px}.about-end-card span{font-family:Manrope;font-size:26px;line-height:1.3;letter-spacing:-.045em;font-weight:800;text-align:center}
/* FAQ */
.faq-full{display:grid;grid-template-columns:1fr 1.6fr;gap:9%;padding-bottom:120px}.faq-full-side h2{font-size:32px;letter-spacing:-.05em;line-height:1.28}.faq-full-side p{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:23px}.faq-full-list{border-top:1px solid #dfe8ef}.faq-item summary{font-size:15px;padding:22px 0}.faq-answer p{font-size:14px;line-height:1.8;color:#62798b;padding:0 45px 25px 0;margin:0}.faq-toggle{display:inline-grid;place-items:center}.not-found{min-height:66vh}
/* FOOTER */
.site-footer{background:#061e32;color:#fff;padding:72px 0 27px}.footer-top{display:flex;justify-content:space-between;gap:55px;padding-bottom:68px}.footer-brand img{width:170px;height:auto;margin-bottom:21px}.footer-brand p{font-size:13px;line-height:1.75;color:#b6c8d8}.footer-line{font-size:12px;color:#7b9eb8;font-weight:700;margin-top:26px}.footer-columns{display:flex;gap:108px;margin-right:65px}.footer-columns>div{display:flex;flex-direction:column;gap:15px}.footer-columns h3{font-size:11px;color:#79a5c6;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}.footer-columns a{font-size:13px;color:#d2dee8}.footer-columns a:hover{color:#78c4ff}.footer-bottom{border-top:1px solid #21435c;padding-top:26px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;color:#83a2ba;font-size:11px}.footer-bottom a:hover{color:#fff}
@media(max-width:1050px){.shell{width:min(100% - 50px,1180px)}.desktop-nav{gap:18px}.brand img{width:158px}.nav-actions{gap:14px}.feature-small{grid-template-columns:1fr}.feature-small .shared-preview,.feature-small .mail-preview{margin-top:6px}.story-grid{gap:5%}.penny-inner{gap:5%}.email-demo{transform:scale(.88);transform-origin:left center}.footer-columns{margin-right:0;gap:60px}}
@media(max-width:820px){.site-header{height:74px}.shell{width:calc(100% - 42px)}.desktop-nav,.sign-link,.desktop-cta{display:none}.mobile-menu-button{display:inline-flex}.nav-actions{margin-left:auto}.brand img{width:160px}.mobile-navigation{position:absolute;left:0;right:0;top:74px;background:#fff;padding:16px 22px 26px;box-shadow:0 20px 34px rgba(20,55,85,.11);border-bottom:1px solid #e0e8f0;display:flex;flex-direction:column;gap:3px}.mobile-navigation[hidden]{display:none}.mobile-navigation>a{padding:13px 10px;border-radius:9px;font-size:14px;font-weight:750;color:#35536a}.mobile-navigation a:hover{background:#edf7ff}.mobile-navigation .mobile-nav-cta{background:#0d81e7;text-align:center;color:white;margin-top:8px}.section{padding-block:75px}.hero{padding-top:65px}.hero-stage{padding-top:53px}.app-layout{grid-template-columns:120px 1fr;min-height:430px}.app-sidebar{padding:15px 8px}.app-sidebar-logo{width:98px;margin:0 2px 25px}.app-side-link{font-size:9px;padding:10px 6px;gap:6px}.app-main{padding:16px 17px}.app-metrics{gap:6px}.metric{padding:10px}.metric strong{font-size:14px}.calendar-cell{height:54px;padding:4px}.cell-event{font-size:7px;margin-top:5px}.signals{gap:11px;min-height:85px}.signals span{font-size:11px;gap:7px}.story-grid,.penny-inner,.faq-teaser,.about-split,.about-end{grid-template-columns:1fr;gap:45px}.story-copy h2{max-width:650px}.purchase-panel{max-width:570px}.feature-cards{grid-template-columns:1fr 1fr}.feature-card-main{grid-column:span 2;grid-row:initial;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.feature-card-main .feature-info{max-width:100%}.feature-card-main .text-link{margin-bottom:0}.feature-small{min-height:350px}.steps-row{gap:30px}.steps-row article:not(:last-child):after{right:-24px}.penny-inner{gap:36px}.email-demo{transform:none}.closing-graphic{opacity:.25;right:25px}.faq-teaser{gap:30px}.feature-detail{min-height:unset;gap:5%;padding-block:80px}.detail-display{padding:24px}.report-graphic{gap:12px}.donut{width:150px;height:150px}.donut-hole{width:100px;height:100px}.donut-hole strong{font-size:15px}.tool-grid{grid-template-columns:repeat(2,1fr)}.how-big-step{gap:7%;padding-block:72px}.footer-top{gap:30px}}
@media(max-width:600px){.shell{width:calc(100% - 34px)}.section{padding-block:65px}.site-header{height:68px}.mobile-navigation{top:68px}.hero{padding-top:55px}.hero h1{font-size:clamp(46px,12.5vw,69px);letter-spacing:-.068em;margin-top:20px}.hero-eyebrow{font-size:9px;letter-spacing:.1em}.hero-lede{font-size:15px;line-height:1.65;margin-bottom:26px}.hero-actions{flex-direction:column;max-width:295px;margin:auto}.hero-actions .btn{width:100%}.hero-micro{font-size:10px;line-height:1.6}.hero-stage{padding-top:40px}.calendar-window{border-radius:13px}.window-top{height:30px;padding:0 9px}.window-url{font-size:8px}.sample-tag{font-size:7px}.app-layout{display:block;min-height:unset}.app-sidebar{display:none}.app-main{padding:12px 10px}.app-head h3{font-size:14px}.app-label{font-size:8px}.shared-label{display:none}.app-metrics{margin:12px 0}.metric{padding:8px 6px;border-radius:7px}.metric span{font-size:8px}.metric strong{font-size:12px}.metric small{font-size:8px}.month-navigation h4{font-size:12px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-cell{height:47px;padding:4px 2px}.day-num{font-size:8px}.balance-tiny{font-size:7px}.cell-event{display:none}.calendar-cell.has-entry:after{content:'';position:absolute;bottom:6px;left:calc(50% - 3px);height:6px;width:6px;background:#e5a58c;border-radius:50%}.calendar-cell.income-day.has-entry:after{background:#41b68b}.calendar-weekday{font-size:8px;padding:7px 1px}.calendar-foot{gap:12px}.calendar-foot .cal-note{flex-basis:100%;margin-left:0}.signal-strip{margin-top:48px}.signals{display:grid;grid-template-columns:1fr;gap:20px;padding-block:23px}.signals span{font-size:12px}.section h2,.detail-copy h2{font-size:clamp(31px,9vw,40px)}.story-grid{gap:38px}.story-copy>p{font-size:14px}.purchase-panel{padding:22px}.purchase-product strong{font-size:13px}.input-row .btn{font-size:0;min-width:44px;width:44px;padding:0}.input-row .btn svg{width:18px;height:18px}.section-header{display:block;margin-bottom:29px}.section-header>p{margin-top:15px;max-width:450px}.feature-cards{grid-template-columns:1fr;gap:13px}.feature-card{padding:23px}.feature-card-main{display:flex;grid-column:initial;gap:15px}.feature-card-main .text-link{margin:0 0 15px}.feature-small{min-height:unset;grid-template-columns:1fr 1fr;gap:10px}.feature-small h3{font-size:17px}.feature-small .shared-preview,.feature-small .mail-preview{padding:10px}.mail-preview{flex-wrap:wrap}.mail-preview .done-entry{font-size:9px}.section-link-row{display:block;line-height:1.8}.section-link-row .text-link{display:flex;margin-top:10px}.steps-row{grid-template-columns:1fr;gap:25px;margin-top:40px}.steps-row article{display:grid;grid-template-columns:72px 1fr;column-gap:14px;align-items:start}.steps-row article:not(:last-child):after{display:none}.step-number{grid-column:1;grid-row:1;margin:0 0 4px}.step-icon{grid-column:1;grid-row:2/span 2;width:58px;height:58px;margin:0}.steps-row h3{grid-column:2;grid-row:1/span 2;margin:10px 0}.steps-row p{grid-column:2;grid-row:3;margin:0}.penny-copy h2{font-size:clamp(31px,9vw,43px)}.email-demo{gap:8px}.email-card{width:45%;min-width:0}.email-card-top{padding:10px 8px;font-size:9px}.email-card-top span{display:none}.email-card-body{padding:12px 9px}.email-card-body p{font-size:10px}.email-arrow .icon{width:18px;height:18px}.email-entry{min-width:0;flex:1;padding:11px 9px}.email-entry strong{font-size:12px}.email-entry b{font-size:14px}.closing-panel{min-height:unset;padding:42px 28px;border-radius:20px}.closing-graphic{right:-55px;top:45px;opacity:.13}.closing-content h2{font-size:35px}.closing-content p{font-size:13px}.faq-teaser{padding-top:12px}.inner-hero{padding:75px 0 60px}.inner-hero h1{font-size:clamp(43px,11vw,60px)}.inner-hero p{font-size:15px}.feature-detail,.how-big-step{grid-template-columns:1fr;gap:28px;padding-block:62px}.feature-detail.swap .detail-copy,.how-big-step.reverse .how-big-copy{order:1}.feature-detail.swap .detail-display,.how-big-step.reverse .how-card{order:2}.detail-copy h2{margin-bottom:16px}.detail-copy p,.how-big-copy p{font-size:14px}.detail-display{min-height:300px}.tool-grid{grid-template-columns:1fr 1fr;gap:20px}.tool-grid h3{font-size:14px}.tool-grid p{font-size:12px}.cta-strip-inner{flex-direction:column;align-items:flex-start}.cta-strip h2{font-size:25px}.about-visual{min-height:300px;padding:35px}.about-visual-text{font-size:26px}.about-end-card{min-height:280px}.values-grid{grid-template-columns:1fr;gap:16px}.values-grid article{padding:25px}.faq-full{grid-template-columns:1fr;gap:34px;padding-bottom:75px}.faq-item summary{font-size:14px}.footer-top{flex-direction:column;gap:45px;padding-bottom:40px}.footer-columns{gap:70px}.footer-bottom{flex-direction:column;gap:10px}}
@media(max-width:390px){.hero h1{font-size:45px}.hero-micro span{display:none}.calendar-cell{height:41px}.balance-tiny{font-size:6px}.metric strong{font-size:10px}.feature-small{grid-template-columns:1fr}.shared-preview,.mail-preview{width:100%}.mail-preview{justify-content:center}.email-demo{gap:6px}.mail-card{max-width:40%}.footer-columns{gap:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:600px){.ambient-blur,.closing-graphic{display:none}}
.hero-micro>.micro-item{display:inline-flex;align-items:center;gap:6px;opacity:1;padding:0}.hero-micro>.micro-dot{opacity:.5;padding:0}
@media(max-width:600px){.hero-micro{gap:8px 14px}.hero-micro>.micro-dot{display:none}.hero-micro>.micro-item:last-child{display:none}}

/* ---- Real app screenshots (replacing the drawn concept screens) ---- */
.app-shot {
  margin: 0;
  max-width: 100%;
}
.app-shot img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  border: 1px solid rgb(1 34 57 / 0.1);
  background: #fff;
  box-shadow: 0 24px 60px -28px rgb(1 34 57 / 0.35), 0 2px 6px rgb(1 34 57 / 0.06);
}
.hero-stage .app-shot-wide {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
}
.app-shot-card {
  max-width: 600px;
  margin-inline: auto;
}
.app-shot-tall {
  max-width: 400px;
  margin-inline: auto;
}
.app-shot-popup {
  max-width: 300px;
  margin-inline: auto;
}
.app-shot-phone {
  max-width: 300px;
  margin-inline: auto;
}
.app-shot-phone img {
  border-radius: 28px;
  border: 6px solid #012239;
}