@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#20221f;--muted:#777a74;--accent:#94c9a4;--line:#e7e8e2;--paper:#fbfcf9;--blue:#eaf3f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #32734e;outline-offset:4px}button{color:inherit}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400}p{line-height:1.7;color:var(--muted)}.nav{position:sticky;z-index:20;top:20px;max-width:1320px;margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 25px;border-radius:60px;border:1px solid #fff;background:#ffffffde;backdrop-filter:blur(18px);box-shadow:0 8px 28px #222a1a0b}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:-.6px}.brand-sub{display:block;font-size:8px;letter-spacing:1.7px;color:#777;margin-top:5px;font-weight:500}.mark{font:italic 40px Georgia;letter-spacing:-13px;width:48px;display:block;color:#20221f}.mark span{color:#4c8d65}.nav nav{display:flex;gap:30px;color:#6a6d66;font-size:13px}.nav nav a:hover{color:#191c16}.button{border:0;border-radius:50px;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 12px 12px 24px;font-weight:650;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #427d5929}.button span{border-radius:50%;background:#0000000a;width:36px;height:36px;display:grid;place-items:center;font-size:20px}.button.small{padding:13px 22px;gap:20px;font-size:12px}.button.small span{width:auto;height:auto;background:none;font-size:16px}.menu{display:none}.hero{text-align:center;padding-top:80px;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;display:block}.dot{display:inline-block;background:#5b956f;width:6px;height:6px;border-radius:50%;margin-right:8px;vertical-align:middle}.hero h1{font-weight:450;font-size:clamp(44px,4.7vw,72px);letter-spacing:-3px;line-height:1.12;margin:28px 0 25px}.hero h1 em{font-size:1.08em}.hero>p{font-size:16px;margin-bottom:28px}.actions{display:flex;align-items:center;justify-content:center;gap:28px}.text-link{font-size:12px;background:none;border:0;padding:7px 0;font-weight:550}.text-link:hover{color:#32734e}.hero-caption{font-size:10px;color:#8a8a7d;margin-top:20px}.hero-visual{position:relative;height:380px;max-width:1600px;margin:0 auto;background:linear-gradient(180deg,transparent,#eef7ee 60%,#dcebe1);isolation:isolate}.orb{position:absolute;top:0;left:calc(50% - 230px);width:460px;height:320px;background:#a6d7b866;filter:blur(65px);z-index:-1}.landscape{position:absolute;width:100%;height:290px;bottom:-20px;left:0;z-index:-1;opacity:.65}.float-card{text-align:left;background:#ffffffef;border:1px solid #fff;box-shadow:0 18px 40px #313a3114;border-radius:19px;padding:24px;position:absolute}.mini-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#7c8079}.left-card{width:280px;left:calc(50% - 510px);top:115px;transform:rotate(-7deg)}.float-card h3{font-weight:500;font-size:22px;letter-spacing:-.8px}.spark{width:100%;height:75px}.float-card small{display:block;font-size:10px;color:#8b8b80}.center-card{width:410px;left:calc(50% - 205px);top:55px;z-index:2;box-shadow:0 20px 50px #555e3420}.pill{display:inline-block;background:#deeee0;border-radius:30px;padding:7px 10px;font-size:9px;font-weight:600;letter-spacing:.3px;color:#38634a}.notebook-title{font-size:29px;letter-spacing:-1px;line-height:1.25;margin:30px 0}.notebook-title em{font-size:35px}.notebook-bottom{display:flex;gap:12px;align-items:center;font-size:12px;border-top:1px solid var(--line);padding-top:17px}.notebook-bottom a{margin-left:auto;font-size:22px}.notebook-bottom small{margin-top:4px}.icon-box{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,#daebd8,#94c9a4);border-radius:11px;flex-shrink:0;font-size:19px}.blue{background:linear-gradient(135deg,#e7f2ff,#b3d6ef)}.pale{background:#f0f0e8}.right-card{width:270px;left:calc(50% + 225px);top:120px;transform:rotate(6deg)}.mini-row{display:flex;gap:12px;align-items:center;margin-top:20px;font-size:12px}.mini-row small{margin-top:4px}.ticker{display:flex;justify-content:center;align-items:center;gap:50px;padding:24px 20px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.6px;color:#767b70}.ticker i{font-style:normal;color:#6b9979;font-size:18px}.section{max-width:1120px;margin:auto;padding:110px 24px}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}h2{font-weight:450;font-size:48px;line-height:1.13;letter-spacing:-1.8px;margin:24px 0}h2 em{font-size:1.12em}.about p{font-size:14px;max-width:460px}.signature{margin-top:25px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:28px}.signature span{font-family:Arial;font-style:normal;margin-left:20px;font-size:20px}.about-board{position:relative;overflow:hidden;min-height:390px;border-radius:25px;padding:33px;background:linear-gradient(135deg,#f3f5ed,#d6e8d8)}.about-board h3{font-weight:450;font-size:52px;line-height:1.04;letter-spacing:-2px;position:relative;z-index:1}.about-board h3 em{font-size:1.2em}.board-bottom{display:flex;justify-content:space-between;border-top:1px solid #20221f20;padding-top:16px;font-size:8px;letter-spacing:1px;position:relative;z-index:1}.board-circle{position:absolute;width:290px;height:290px;right:-100px;bottom:30px;border:1px solid #6d9e7966;border-radius:50%;box-shadow:0 0 0 25px #6d9e790a,0 0 0 50px #6d9e790a,0 0 0 75px #6d9e790a}.workspace{max-width:1240px;padding-top:30px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:0 30px 38px}.section-head p{font-size:13px;margin-bottom:26px}.workspace-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.workspace-tabs button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:13px 23px;font-size:12px}.workspace-tabs button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}.workspace-shell{border:1px solid var(--line);border-radius:23px;background:white;padding:0 30px;box-shadow:0 16px 55px #30352b06}.storage-note{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0;font-size:10px;color:#8b8f84}.storage-note>span:first-child{color:#646a5f}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding-top:28px;gap:15px}.panel-heading h3{font-size:24px;letter-spacing:-.8px;font-weight:500;margin:0}.panel-heading p{font-size:12px;margin:9px 0 0}.tiny-pill{display:inline-block;font-size:10px;letter-spacing:0;background:#f4f4ed;border-radius:20px;padding:5px 9px;margin-left:12px;color:#777}.filter-row{display:flex;gap:12px;margin:25px 0}input,select,textarea{width:100%;background:#fafbf8;border:1px solid #e4e6dd;border-radius:10px;padding:12px;font-size:12px;color:var(--ink)}select{max-width:190px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-height:180px;margin-bottom:30px}.note{border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;min-height:210px;background:linear-gradient(140deg,#fff,#f9faf5)}.note h4{font-size:18px;font-weight:500;letter-spacing:-.4px;line-height:1.3;margin:18px 0 9px}.note p{font-size:12px;margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere}.note-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:9px;color:#92958b}.note-footer button,.row-actions button{border:0;background:none;font-size:11px;padding:5px;color:#6b7262}.empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:#7d8477;line-height:1.7;font-size:13px}.empty strong{display:block;color:var(--ink);font-size:22px;font-weight:450;margin:8px}.empty-icon{font-family:Georgia;font-size:36px;color:#c8a82e}.backup-bar{border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b8f84;gap:12px}.backup-bar>div{display:flex;gap:25px}.backup-bar button{font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.stat{border:1px solid var(--line);border-radius:13px;background:#f8f9f4;padding:18px}.stat span{font-size:10px;color:#838878;display:block}.stat strong{display:block;font-size:25px;margin-top:10px;font-weight:450;letter-spacing:-1px}.stat small{font-size:9px;color:#92978b}.positive{color:#4e7e52}.negative{color:#b35848}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:9px;font-weight:500;color:#95998e;padding:14px 9px;border-bottom:1px solid var(--line)}td{padding:15px 9px;font-size:11px;border-bottom:1px solid #f0f1eb}td small{display:block;color:#92978b;font-size:9px;margin-top:5px}.equity{padding:25px 0}.equity svg{width:100%;height:150px;margin-top:12px}.subtle{font-size:10px}.planner-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin:30px 0}.planner-grid form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:11px;font-weight:500;display:block}label input,label textarea,label select{margin-top:8px}label select{max-width:none}.pac-result{border-radius:18px;background:#eef5ec;padding:28px}.pac-result strong{font-size:42px;font-weight:450;letter-spacing:-2px;display:block;margin:18px 0}.pac-result p{font-size:10px;line-height:1.6}.pac-result small{font-size:9px;color:#456d4c}.pac-result small span{color:#8cb39a;margin-left:12px}#pac-details{display:flex;gap:20px;font-size:11px;line-height:1.8}.pac-bars{height:8px;background:#b6d7bf;border-radius:8px;overflow:hidden;margin:22px 0 10px}#paid-bar{height:100%;background:#497b58}.method{margin:0 20px;border-radius:28px;background:radial-gradient(ellipse at 75% 80%,#34624738,transparent 50%),radial-gradient(#ffffff12 .7px,transparent .7px),#171a16;background-size:auto,20px 20px;color:#f4f5ed;text-align:center}.method .section{padding-top:85px;padding-bottom:85px}.method .eyebrow{color:#b6bba8}.method h2 em{color:#a3d1ae}.method>div>p{font-size:13px;color:#929b89}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:left;gap:20px;margin:50px 0 40px}.method-grid article{border-top:1px solid #ffffff25;padding:20px 12px 0}.method-grid article>span{font-size:10px;color:#8b927f}.method-icon{display:block;font-size:25px;color:var(--accent);margin:24px 0 17px}.method-grid h3{font-size:18px;font-weight:500}.method-grid p{font-size:12px;color:#929b89}.light{background:#fff}.closing{text-align:center;padding:100px 24px}.closing .text-link{display:inline-block;margin-top:15px}footer{max-width:1320px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:30px 24px;gap:20px}footer p,footer>span{font-size:9px}footer .brand{font-size:15px}dialog{border:1px solid var(--line);border-radius:22px;padding:27px;width:560px;max-width:calc(100% - 24px);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#161d174f;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-heading h3{font-size:24px;font-weight:500;margin:0;letter-spacing:-.8px}.close{font-size:26px;border:0;background:#f3f4ee;border-radius:50%;width:32px;height:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}textarea{resize:vertical;min-height:130px;line-height:1.6}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.secondary{border:1px solid var(--line);background:transparent;border-radius:30px;padding:12px 20px;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#20261f;color:white;border-radius:30px;padding:14px 24px;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1500px){.hero{padding-top:100px}.hero-visual{height:420px}}@media(max-width:1100px){.nav{margin:18px 20px}.nav nav{gap:20px;font-size:11px}.about{gap:45px}.left-card{left:calc(50% - 450px);width:240px}.right-card{left:calc(50% + 205px);width:240px}.center-card{width:380px;left:calc(50% - 190px)}.section-head{margin-left:0;margin-right:0}}@media(max-width:760px){html{scroll-padding-top:100px}.nav{top:10px;padding:12px 18px;margin:12px 12px 0}.brand{font-size:14px;gap:5px}.brand-sub{font-size:6px}.mark{font-size:33px;width:40px}.nav>.button{display:none}.menu{display:block;border:0;background:transparent;font-size:21px}.nav nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fffffff5;padding:23px;border:1px solid var(--line);border-radius:20px;font-size:14px}.nav.open nav{display:flex;flex-direction:column}.hero{padding-top:60px}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:43px;letter-spacing:-1.8px;padding:0 16px}.hero>p{font-size:13px;padding:0 28px}.desktop{display:none}.actions{flex-direction:column;gap:10px}.hero-caption{margin-top:15px}.hero-visual{height:335px;margin-top:20px}.center-card{width:310px;left:calc(50% - 155px);top:30px;padding:21px}.notebook-title{font-size:25px}.notebook-title em{font-size:30px}.left-card{left:-180px;top:100px}.right-card{left:calc(100% - 50px);top:100px}.ticker{gap:18px;justify-content:space-around;padding:20px 15px;font-size:7px;line-height:1.6}.ticker span:last-of-type,.ticker i:last-child{display:none}.section{padding:65px 22px}.about{grid-template-columns:1fr;gap:30px}.about-board{min-height:340px}.about-board h3{font-size:49px;margin:30px 0}h2{font-size:37px;letter-spacing:-1.3px}.section-head{display:block}.section-head p{font-size:12px}.workspace{padding-top:25px}.workspace-tabs{gap:5px;justify-content:space-between}.workspace-tabs button{padding:11px 10px;font-size:10px}.workspace-shell{padding:0 16px;border-radius:18px}.storage-note{display:block;font-size:8px;line-height:1.8}.storage-note>span{display:block}.panel-heading{align-items:flex-start;flex-wrap:wrap}.panel-heading h3{font-size:22px}.panel-heading p{font-size:11px}.panel-heading .button{font-size:10px;padding:12px 15px}.filter-row{gap:8px;flex-wrap:wrap}.filter-row input{flex:1;min-width:130px}.filter-row select{width:auto;max-width:150px;font-size:10px}.notes-grid{grid-template-columns:1fr}.note{min-height:190px}.backup-bar{display:block;line-height:1.6}.backup-bar>div{margin-top:8px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:24px}.planner-grid{grid-template-columns:1fr;gap:25px}.planner-grid form{gap:15px}.pac-result{padding:22px}.method{margin:0 10px}.method-grid{grid-template-columns:1fr 1fr;gap:25px}.method-grid article{padding-left:0;padding-right:0}.method .section{padding:65px 22px}.method-grid h3{font-size:17px}.method-grid p{font-size:11px}.closing{padding:75px 20px}.closing h2{font-size:33px}footer{flex-wrap:wrap;padding:25px}footer p{order:3;width:100%}.form-grid{gap:14px}dialog{padding:21px}.dialog-heading h3{font-size:22px}#toast{width:max-content;max-width:90vw;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.logout-form{margin:0 12px 0 auto}.logout-form button{color:#64816c;font-size:11px}.nav nav{margin-left:auto;margin-right:30px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#f8fbf6}.login-story{position:relative;overflow:hidden;padding:65px clamp(30px,7vw,110px);display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 90%,#badac1,transparent 65%),#eaf2e8}.login-story>.brand{font-size:24px}.login-story .eyebrow{margin-top:auto;padding-top:100px;color:#5a7a61}.login-story h1{font-size:clamp(44px,5vw,72px);font-weight:450;letter-spacing:-2.5px;line-height:1.08;margin:30px 0}.login-story h1 em{color:#477956}.login-story p{max-width:360px;font-size:14px;color:#6e8271}.login-story footer{padding:60px 0 0;margin:0;margin-top:auto;border:0;color:#65836d;font-size:10px;letter-spacing:1px}.login-content{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:360px}.login-card h2{font-size:38px;margin-top:18px;margin-bottom:14px}.login-card>p{font-size:13px;margin-bottom:32px}.login-card label{margin:20px 0;font-size:12px}.login-card input{background:white;font-size:14px;padding:15px;border-radius:12px}.password-field{position:relative}.password-field input{padding-right:78px}.password-toggle{position:absolute;right:12px;top:22px;background:none;border:0;font-size:10px;color:#5e7e67}.login-submit{width:100%;justify-content:space-between;margin-top:10px}.login-feedback{min-height:20px;font-size:12px;color:#a34d3e;line-height:1.6}.login-footnote{margin-top:30px;font-size:10px!important;color:#849387;text-align:center}.login-card .eyebrow{color:#60866a}@media(max-width:1100px){.nav nav{margin-right:15px;gap:16px}.logout-form{margin:0 15px 0 0}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-story{padding:26px 28px 35px}.login-story .eyebrow{padding-top:40px}.login-story h1{font-size:40px;margin:18px 0}.login-story p,.login-story footer{display:none}.login-content{padding:40px 28px 50px}.login-card{max-width:420px}.login-card h2{font-size:32px}.logout-form{margin-left:auto;margin-right:18px}.nav nav{margin:0}}

/* Explicit foreground colors prevent inheritance from the dark method section. */
.method .button.light{color:var(--ink);background:#fff}
.close{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-family:Arial,sans-serif;flex-shrink:0}
.pac-chart-card{margin:0 0 30px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fcfdfb}
.pac-chart-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.pac-chart-heading h4{font-size:17px;font-weight:500;margin:0 0 8px;letter-spacing:-.4px}.pac-chart-heading p{font-size:11px;margin:0}.pac-chart-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#70816e}.pac-chart-legend span:before{content:'';display:inline-block;width:17px;height:3px;margin-right:7px;vertical-align:middle;background:#39764e}.pac-chart-legend span:last-child:before{background:#9da99a}
#pac-chart{display:block;width:100%;height:auto;min-height:200px;margin:20px 0 8px;overflow:visible}
.pac-year-control{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:17px}.pac-year-control label{flex:1;min-width:110px;color:#73806c}.pac-year-control input{display:block;padding:0;margin-top:14px;accent-color:#39764e;background:transparent;border:0;min-height:22px}.pac-year-control output{display:flex;gap:25px;font-size:11px;line-height:1.8}.pac-year-control output b{display:block;font-weight:600;color:var(--ink);font-size:14px}
@media(max-width:760px){.pac-chart-card{padding:18px 12px}.pac-chart-heading,.pac-year-control{display:block}.pac-chart-legend{margin-top:18px;gap:14px}.pac-year-control output{gap:18px;margin-top:15px;flex-wrap:wrap}.pac-year-control output b{font-size:12px}.pac-chart-heading p{font-size:10px}#pac-chart{min-height:170px}}