:root{--ink:#111;--forest:#183a31;--forest2:#254d45;--fog:#f7f6f5;--mist:#eceaf3;--lupine:#5b3a86;--deep-purple:#302554;--soft-purple:#8a6db0;--blue:#617988;--teal:#347b83;--pink:#c85888;--line:#d8d5df;--white:#fff;--shadow:0 16px 40px rgba(22,20,34,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf8;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1500px;margin:auto;padding:20px 44px;background:rgba(251,250,248,.9);backdrop-filter:blur(12px)}.brand-logo img{width:285px;height:auto}.brand{display:flex;align-items:center;gap:12px}.brand>img:not(.brand-logo img){width:78px}.brand span{display:grid}.brand strong{font-family:Georgia,serif;font-size:1.35rem}.brand small{color:#67557e}.site-nav{display:flex;align-items:center;gap:32px;font-size:15px}.site-nav a{padding:9px 0;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a.active{color:var(--lupine);border-color:var(--lupine)}.site-nav .nav-pill{padding:12px 24px;border:0;border-radius:999px;background:linear-gradient(90deg,#4b2e77,#69449c);color:white}.menu-toggle{display:none;border:1px solid #cbc6d7;background:white;border-radius:999px;padding:8px 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;padding:14px 24px;font-weight:650;border:1px solid transparent}.btn.primary{background:linear-gradient(90deg,#4b2e77,#7046a2);color:#fff;box-shadow:0 10px 26px rgba(91,58,134,.22)}.btn.secondary,.btn.ghost{border-color:#6d5a8c;color:#4e356f;background:transparent}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:800;color:var(--lupine)}
/* Home hero */
.possibility-hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px;display:grid;grid-template-columns:1.05fr .8fr .85fr;align-items:center;gap:44px;padding:58px max(6vw,42px) 70px;background:linear-gradient(118deg,#fbfaf8 0%,#f7f4f4 31%,#e9edf2 62%,#dfe7ec 100%)}.possibility-hero:before{content:"";position:absolute;inset:auto 0 0;height:58%;z-index:-2;background:radial-gradient(ellipse at 10% 100%,rgba(38,63,69,.44),transparent 43%),radial-gradient(ellipse at 60% 110%,rgba(37,63,78,.45),transparent 48%),radial-gradient(ellipse at 100% 100%,rgba(38,63,69,.52),transparent 52%);filter:blur(2px)}.possibility-hero:after{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 76% 8%,rgba(130,102,176,.26),transparent 28%),radial-gradient(circle at 34% 35%,rgba(255,255,255,.8),transparent 36%),linear-gradient(to bottom,transparent 53%,rgba(83,104,113,.13))}.hero-fog{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(105deg,transparent 0 105px,rgba(36,65,68,.06) 106px 112px,transparent 113px 160px);mask:linear-gradient(to bottom,transparent 15%,#000 70%);opacity:.55}.possibility-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(3.3rem,5.1vw,6.2rem);line-height:.94;letter-spacing:-.045em;margin:0 0 28px;color:#0d1720}.possibility-copy h1 em{font-style:normal;color:#402073}.possibility-copy p{max-width:570px;font-size:1.05rem}.spark-divider{display:flex;align-items:center;gap:12px;width:min(410px,100%);color:var(--lupine);margin:10px 0 28px}.spark-divider span{height:1px;background:#9e91b2;flex:1}.spark-divider b{font-size:20px}.possibility-copy .btn{margin-top:14px}.hero-phone-wrap{display:flex;justify-content:center}.phone-shell,.mini-phone{background:#090b0c;border:5px solid #0d0d0f;border-radius:40px;padding:6px;box-shadow:0 20px 50px rgba(17,20,28,.28),inset 0 0 0 2px #777}.phone-shell{width:min(325px,100%);height:600px;overflow:hidden}.phone-shell img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:29px}.hero-product-copy h2,.home-showcase h2,.coming-soon h2{font-family:Georgia,serif;color:#4b2f70}.hero-product-copy h2{font-size:clamp(2.2rem,3.1vw,3.6rem);font-weight:500;margin:.25rem 0}.hero-product-copy h3{font-family:Georgia,serif;color:#5a3a79;font-size:1.45rem;font-weight:500;line-height:1.25}.hero-product-copy>p:last-of-type{max-width:380px}.google-play{display:inline-flex;gap:12px;align-items:center;margin-top:20px;background:#070707;color:white;border-radius:8px;padding:10px 18px;font-size:1.2rem;line-height:1}.google-play small{display:block;font-size:.58rem;letter-spacing:.08em}.play-triangle{font-size:1.7rem;color:#51b449}
.quote-band{position:relative;overflow:hidden;text-align:center;color:white;padding:31px 20px 24px;background:radial-gradient(circle at 85% 45%,rgba(130,74,171,.7),transparent 28%),radial-gradient(circle at 12% 55%,rgba(68,48,137,.75),transparent 35%),linear-gradient(100deg,#0f2238 0%,#15294a 38%,#24194b 70%,#3e205f 100%)}.quote-band:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.5px);background-size:95px 70px;opacity:.25}.quote-band blockquote{position:relative;margin:0;font-family:Georgia,serif;font-style:italic;font-size:clamp(1.55rem,2.25vw,2.35rem);line-height:1.25}.quote-band cite{position:relative;display:block;margin-top:8px;font-style:normal}.quote-band p{position:relative;margin:10px 0 0;color:#c9a8dc;font-family:Georgia,serif;font-size:clamp(1.2rem,1.8vw,1.85rem);font-style:italic}.quote-rule{position:relative;color:#d3c5dd;margin-top:8px}.cheshire{position:absolute;right:8.5%;top:26%;width:150px;height:82px;opacity:.095;filter:blur(.3px)}.cheshire .eye{position:absolute;top:4px;width:27px;height:15px;border-radius:50% 50% 48% 48%;background:#fff;box-shadow:0 0 15px rgba(255,255,255,.4)}.cheshire .eye:after{content:"";position:absolute;left:11px;top:1px;width:5px;height:13px;border-radius:50%;background:#1b1731}.cheshire .e1{left:24px;transform:rotate(6deg)}.cheshire .e2{right:24px;transform:rotate(-6deg)}.cheshire .grin{position:absolute;left:19px;right:15px;bottom:4px;height:40px;border-bottom:12px solid #fff;border-radius:0 0 80px 80px;transform:rotate(-2deg)}
.home-showcase{display:grid;grid-template-columns:300px 1fr;gap:36px;padding:34px max(4vw,32px) 28px;background:linear-gradient(#fbfaf8,#f5f2f5)}.values-panel h2{font-size:1.5rem;font-weight:500;margin:0 0 23px}.values-panel article{display:flex;gap:13px;margin:20px 0;align-items:flex-start}.values-panel strong{display:block}.values-panel p{margin:3px 0;font-size:.88rem}.value-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;background:#eee7f8;color:#4d2d79;font-size:1.2rem}.value-icon.green{background:#e6efeb;color:#2b6b58}.value-icon.pink{background:#f5e2eb;color:#c93b78}.screens-row{display:grid;grid-template-columns:repeat(6,minmax(115px,1fr));gap:15px;align-items:end}.screens-row figure{margin:0;text-align:center}.screens-row figcaption{font-family:Georgia,serif;font-size:.9rem;line-height:1.15;margin-bottom:10px}.mini-phone{width:100%;height:330px;border-width:4px;border-radius:25px;padding:4px}.mini-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:17px}.coming-soon{margin:0 max(4vw,32px) 32px;padding:18px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border:1px solid #dbd3e5;border-radius:24px;background:linear-gradient(90deg,#eee8f3,#f8f6fa)}.coming-soon h2{font-size:1.15rem;margin:0;color:#4f3577}.coming-soon p{margin:2px 0}.paper-plane{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#392064,#7253a7);color:white;font-size:1.5rem}.wonder-footer{position:relative;overflow:hidden;display:grid;grid-template-columns:1.45fr repeat(3,.7fr) 1.1fr;gap:42px;padding:42px max(5vw,38px) 72px;color:#f4eef8;background:radial-gradient(circle at 90% 25%,rgba(89,48,123,.55),transparent 30%),linear-gradient(105deg,#0c2928,#121f3f 55%,#241641)}.wonder-footer:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(to top,rgba(4,14,20,.65),transparent);clip-path:polygon(0 70%,4% 30%,8% 68%,13% 35%,18% 68%,23% 20%,28% 66%,33% 32%,38% 70%,43% 20%,48% 66%,53% 30%,58% 70%,63% 24%,68% 67%,73% 30%,78% 70%,83% 24%,88% 66%,93% 34%,100% 70%,100% 100%,0 100%)}.wonder-footer h3{font-size:.92rem;margin:0 0 10px;text-decoration:underline;text-underline-offset:3px}.wonder-footer a,.wonder-footer span{display:block;color:#eee7f5;font-size:.88rem;margin:6px 0}.footer-brand img{width:260px;filter:brightness(0) invert(1) opacity(.9)}.footer-message p{font-family:Georgia,serif;font-style:italic}.copyright{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);font-size:.78rem;color:#d5cfdb;z-index:2}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{width:36px;height:36px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07)}
/* Interior pages */
.page .site-header,.product-page .site-header{box-shadow:0 1px 0 #e7e3ea}.product-intro,.content-section,.screenshots-section,.faq-section,.download-cta,.tutorial-callout,.feature-panels,.follow-section{max-width:1180px;margin:0 auto;padding:48px 32px}.product-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:center}.product-intro h1,.content-section h1,.section-title h2{font-family:Georgia,serif;color:#3c275f}.product-intro h1{font-size:clamp(2.7rem,4.5vw,4.7rem);line-height:1}.lead{font-size:1.1rem;color:#35323a}.purchase-note{color:#6d6573;font-size:.9rem}.product-card,.contact-box,.support-options article,.feature-panels article,.screenshot-card,.faq-list details{background:white;border:1px solid #e4e0e8;border-radius:18px;box-shadow:0 8px 24px rgba(25,23,35,.06)}.product-card{padding:26px;text-align:center}.app-icon{width:105px;margin:auto;border-radius:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.content-section.narrow{max-width:900px}.content-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tutorial-callout,.download-cta,.follow-section{display:flex;align-items:center;gap:22px}.tutorial-callout{background:#f0ebf5;border-radius:22px;margin-top:32px}.tutorial-icon{width:56px;height:56px;border-radius:50%;background:#5b3a86;color:white;display:grid;place-items:center;flex:none}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.screenshot-card{margin:0;overflow:hidden}.screenshot-card img{width:100%;height:480px;object-fit:contain;background:#f1f4f3}.screenshot-card figcaption{padding:18px;display:grid;gap:5px}.faq-list{display:grid;gap:12px}.faq-list details{padding:18px 20px}.faq-list summary{font-weight:700;cursor:pointer}.download-cta{background:#183a31;color:white;border-radius:24px;margin-bottom:40px}.download-cta img{width:82px;border-radius:18px}.follow-section{justify-content:space-between}.support-options{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.support-options article{padding:24px}.contact-box{padding:16px}.site-footer:not(.wonder-footer){display:flex;justify-content:space-between;gap:30px;padding:34px max(5vw,38px);background:#131f2d;color:#eee}.site-footer:not(.wonder-footer) .footer-brand img{width:220px}.site-footer:not(.wonder-footer) a{color:#eee}
@media(max-width:1050px){.site-nav{gap:18px}.brand-logo img{width:235px}.possibility-hero{grid-template-columns:1fr 1fr}.hero-product-copy{grid-column:1/-1;max-width:680px}.home-showcase{grid-template-columns:1fr}.screens-row{grid-template-columns:repeat(3,1fr)}.mini-phone{height:440px}.wonder-footer{grid-template-columns:1.3fr repeat(2,1fr)}.footer-message{grid-column:2/-1}.screenshot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{padding:14px 18px;flex-wrap:wrap}.brand-logo img{width:220px}.menu-toggle{display:block}.site-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.site-nav.open{display:flex}.site-nav a{padding:12px}.possibility-hero{grid-template-columns:1fr;padding:38px 22px 50px}.hero-phone-wrap{order:3}.hero-product-copy{order:2}.possibility-copy h1{font-size:3.2rem}.phone-shell{height:560px}.quote-band{padding:28px 16px}.cheshire{right:1%;transform:scale(.8)}.screens-row{grid-template-columns:repeat(2,1fr)}.mini-phone{height:390px}.coming-soon{grid-template-columns:auto 1fr}.coming-soon .btn{grid-column:1/-1}.wonder-footer{grid-template-columns:1fr 1fr;padding-bottom:90px}.footer-brand,.footer-message{grid-column:1/-1}.copyright{width:100%;text-align:center}.product-intro,.content-columns,.feature-panels,.support-options{grid-template-columns:1fr}.tutorial-callout,.download-cta,.follow-section{align-items:flex-start;flex-direction:column}.screenshot-grid{grid-template-columns:1fr}.site-footer:not(.wonder-footer){flex-direction:column}}
.interior-footer{margin-top:34px}
.tagline{font-family:Georgia,serif;font-size:1.45rem;color:#5b3a86}.mini-checks,.checks{list-style:none;padding:0;margin:18px 0}.mini-checks li,.checks li{position:relative;padding:6px 0 6px 26px}.mini-checks li:before,.checks li:before{content:"✓";position:absolute;left:0;color:#5b3a86;font-weight:800}.text-link{color:#5b3a86;font-weight:750}.section-title{max-width:820px;margin-bottom:26px}.section-title.left{text-align:left}.compact-title{margin-bottom:20px}.support-symbol{font-size:1.8rem}.social-links:not(.wonder-footer .social-links){gap:8px}.social-links:not(.wonder-footer .social-links) a{width:auto;height:auto;padding:8px 13px;border:1px solid #d8d0e0;color:#5b3a86;background:#fff;border-radius:999px}


/* App store link groups */
.store-links { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.store-cta-buttons { display:flex; flex-wrap:nowrap; gap:12px; align-items:center; justify-content:flex-end; margin-left:auto; }
.store-cta-buttons .btn { white-space:nowrap; }
@media (max-width: 900px) { .download-cta { flex-wrap:wrap; } .store-cta-buttons { width:100%; justify-content:flex-start; margin-left:104px; } }
@media (max-width: 760px) { .store-cta-buttons { margin-left:0; flex-wrap:wrap; justify-content:flex-start; } }


/* Featured Paycheck Planner video tutorials */
.video-tutorials{max-width:1180px;margin:34px auto 0;padding:44px 32px 48px;border:1px solid #ded5e8;border-radius:26px;background:linear-gradient(135deg,#f2edf7 0%,#fbfafc 48%,#eef5f2 100%);box-shadow:0 12px 34px rgba(38,28,58,.08)}
.video-tutorials-heading{max-width:820px;margin:0 auto 28px;text-align:center}.video-tutorials-heading h2{font-family:Georgia,serif;color:#3c275f;font-size:clamp(2rem,3vw,3rem);margin:6px 0 12px}.video-tutorials-heading p:last-child{font-size:1.04rem;color:#4f4955;margin:0 auto;max-width:760px}.tutorial-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tutorial-video-card{overflow:hidden;background:#fff;border:1px solid #ddd5e4;border-radius:20px;box-shadow:0 9px 26px rgba(31,24,45,.09)}.video-embed{position:relative;aspect-ratio:16/9;background:#17131e}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tutorial-video-copy{padding:22px 22px 24px}.tutorial-step{display:inline-block;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:#eee7f6;color:#5b3a86;font-weight:800;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.tutorial-video-copy h3{font-family:Georgia,serif;color:#3c275f;font-size:1.35rem;margin:0 0 9px}.tutorial-video-copy p{margin:0 0 12px;color:#57505c}.tutorial-channel-link{text-align:center;margin-top:26px}.tutorial-channel-link .btn.youtube{display:inline-flex;align-items:center;justify-content:center;background:#b4232d;color:#fff;border-color:#b4232d}.tutorial-channel-link .btn.youtube:hover{filter:brightness(.94)}
@media(max-width:760px){.video-tutorials{margin-top:24px;padding:34px 18px 38px;border-radius:20px}.tutorial-video-grid{grid-template-columns:1fr}.tutorial-channel-link .btn.youtube{width:100%}}

/* Keep the two store buttons side-by-side in the Paycheck Planner download banner */
.download-cta{
  display:grid;
  grid-template-columns:82px minmax(0,1fr) auto;
  align-items:center;
  column-gap:28px;
}
.store-cta-buttons{
  display:grid;
  grid-template-columns:repeat(2,max-content);
  gap:12px;
  align-items:center;
  justify-content:end;
  margin-left:0;
  width:auto;
}
.store-cta-buttons .btn{white-space:nowrap;min-width:190px;}
@media(max-width:1050px){
  .download-cta{grid-template-columns:82px 1fr;}
  .store-cta-buttons{grid-column:2;justify-content:start;}
}
@media(max-width:760px){
  .download-cta{display:flex;align-items:flex-start;flex-direction:column;}
  .store-cta-buttons{display:grid;grid-template-columns:1fr;width:100%;margin-left:0;}
  .store-cta-buttons .btn{width:100%;min-width:0;}
}

/* Final store-button layout: keep buttons side-by-side on laptop/tablet widths. */
@media (max-width:760px){
  .download-cta .store-cta-buttons{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    width:100%;
    gap:12px;
  }
  .download-cta .store-cta-buttons .btn{
    width:auto;
    min-width:190px;
    flex:0 0 auto;
  }
}
@media (max-width:520px){
  .download-cta .store-cta-buttons{
    flex-direction:column;
    align-items:stretch;
  }
  .download-cta .store-cta-buttons .btn{
    width:100%;
    min-width:0;
  }
}

/* 2026-08-30: definitive Paycheck Planner store CTA layout.
   New stylesheet filename also prevents an older cached stylesheet from winning. */
.download-cta-store-row{
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:28px !important;
}
.download-cta-store-row .store-buttons-forced-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  width:auto !important;
  margin:0 !important;
  grid-column:auto !important;
}
.download-cta-store-row .store-buttons-forced-row .btn{
  display:inline-flex !important;
  width:auto !important;
  min-width:190px !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  margin:0 !important;
}
@media (max-width: 980px){
  .download-cta-store-row{
    grid-template-columns:82px minmax(0,1fr) !important;
  }
  .download-cta-store-row .store-buttons-forced-row{
    grid-column:2 !important;
    justify-content:flex-start !important;
  }
}
@media (max-width: 600px){
  .download-cta-store-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .download-cta-store-row .store-buttons-forced-row{
    width:100% !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .download-cta-store-row .store-buttons-forced-row .btn{
    width:100% !important;
    min-width:0 !important;
  }
}