*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#fafaf6;color:#193b3a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #c98443;outline-offset:5px}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:20px;top:-70px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1.1px;font-weight:720}.brand svg{width:35px;height:35px;color:#0a5852}.brand-dot{color:#d68e5c}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:550}.site-header nav a:hover,.text-link:hover{color:#a55a2c}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:#0a5852;border:1px solid #0a5852;color:white;padding:15px 23px;border-radius:9px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#134944;transform:translateY(-2px)}.button.small{padding:10px 17px;font-size:13px;gap:18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding-top:57px;padding-bottom:100px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.1px;margin:0 0 22px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#349b7c;flex-shrink:0}h1{font-size:clamp(44px,4.9vw,66px);letter-spacing:-3.2px;line-height:1.09;margin:0 0 26px;font-weight:570}h1 em{font-style:normal;color:#0e7366}h2{font-size:39px;line-height:1.17;letter-spacing:-1.6px;font-weight:570;margin:0 0 20px}h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:14px 0}.intro{font-size:17px;line-height:1.8;color:#52664f;max-width:460px;margin:0 0 30px}.hero-actions{display:flex;gap:25px;align-items:center}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:650}.beta-note{display:flex;gap:8px;align-items:center;margin:26px 0 0;color:#52664f;font-size:11px;flex-wrap:wrap}.beta-note>span{color:#4f6a5c;border:1px solid #d9e1d6;border-radius:20px;padding:3px 8px}.preview-area{position:relative;padding:38px 0 24px}.preview-area:before{content:"";position:absolute;inset:0 -25px -20px -25px;background:#e8eee4;border-radius:48% 48% 20% 35%;z-index:-1;transform:rotate(-7deg)}.preview-caption{display:flex;gap:9px;align-items:center;margin:0 10px 18px 30px;color:#52664f;font-size:12px}.tiny-mark{font-size:11px;font-weight:700;border:1px solid #a9bba1;border-radius:50%;width:23px;height:23px;text-align:center;line-height:21px}.preview-caption>span:last-child{margin-left:auto;font-size:26px}.dashboard{background:#fff;border:1px solid #dfe7df;border-radius:17px;box-shadow:0 24px 60px #1b403b12;overflow:hidden;transform:rotate(1deg)}.dashboard-top{display:flex;justify-content:space-between;align-items:center;padding:27px 28px 22px}.overline{font-size:9px;color:#52664f;letter-spacing:1.5px;margin:0 0 8px;font-weight:650}.dashboard h2{font-size:22px;letter-spacing:-.7px;margin:0}.demo-badge{font-size:10px;background:#f1f4ec;color:#687760;border-radius:15px;padding:4px 9px}.demo-tabs{display:flex;gap:20px;padding:0 28px;border-bottom:1px solid #edf0ea}.demo-tabs button{background:none;border:0;padding:0 0 12px;cursor:pointer;color:#52664f;font-size:11px;border-bottom:2px solid transparent}.demo-tabs button[aria-selected=true]{color:#0a5852;font-weight:650;border-bottom-color:#0a5852}.demo-summary{padding:24px 28px 0}.demo-summary>span{font-size:12px;color:#60716a}.demo-summary strong{display:block;font-size:42px;font-weight:600;letter-spacing:-1.7px;line-height:1.5}.demo-summary strong span{font-size:27px;color:#617362;font-weight:450}.demo-summary p{font-size:10px;margin:0;color:#52664f}.allocation-bar{display:flex;height:7px;border-radius:20px;margin:22px 28px 12px;overflow:hidden;gap:3px}.allocation-bar span:nth-child(1){width:53%;background:#0b7062}.allocation-bar span:nth-child(2){width:27%;background:#bed1ba}.allocation-bar span:nth-child(3){width:20%;background:#e4bb99}.demo-rows{padding:0 28px}.demo-rows>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f2ed;padding:10px 0;font-size:11px;gap:12px}.demo-rows>div>span{display:flex;align-items:center;gap:8px}.demo-rows b{font-weight:550;white-space:nowrap}.dot{width:7px;height:7px;border-radius:2px}.teal{background:#0b7062}.pale{background:#bed1ba}.peach{background:#e4bb99}.demo-detail{font-size:10px;color:#52664f;padding:0 28px;margin:14px 0 20px}.dashboard-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #edf0ea;background:#f9fbf7;padding:12px 28px;font-size:9px;color:#52664f}.dashboard-footer .status-dot{width:5px;height:5px}.floating-note{position:absolute;right:-25px;bottom:-3px;background:#fbf5e9;border:1px solid #ecdfc8;border-radius:12px;padding:14px 18px;box-shadow:0 9px 20px #314a2b09;display:flex;gap:13px;align-items:center;font-size:12px;transform:rotate(-3deg)}.floating-note>span{color:#a97845;background:#f4e5cf;border-radius:50%;height:29px;width:29px;text-align:center;line-height:29px;font-size:20px}.floating-note small{display:block;font-size:10px;color:#52664f}.principles{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dde5db;border-bottom:1px solid #dde5db;padding:23px 0;color:#52664f;font-size:12px}.principles span:before{content:"+";color:#90a28b;margin-right:9px}.section{padding-top:95px;padding-bottom:95px}.section-heading{max-width:580px}.section-heading>p:last-child{font-size:15px;color:#52664f;max-width:480px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.feature-grid article{padding:26px;border-top:1px solid #bacdbd;background:linear-gradient(#f0f3eb,#fafaf6);border-radius:0 0 12px 12px}.feature-number{font-size:9px;letter-spacing:1.2px;color:#52664f}.feature-icon{margin:26px 0 22px;font-size:29px;color:#357c6b}.feature-grid p{font-size:14px;color:#52664f;line-height:1.8;margin:0}.your-way{background:#edf1e9}.way-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.way-grid>div>p:not(.eyebrow){font-size:15px;color:#52664f;max-width:400px;margin-bottom:25px}.choice-list>div{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid #d6dfd0}.choice-list>div:last-child{border-bottom:0}.choice-list>div>span{font-size:11px;color:#52664f;padding-top:4px}.choice-list h3{margin:0 0 8px;font-size:18px}.choice-list p{font-size:13px;color:#52664f;margin:0}.faq{display:grid;grid-template-columns:1fr 1fr;gap:90px}.faq h2{font-size:34px}.faq details{padding:20px 0;border-bottom:1px solid #dce4d8}.faq details:first-child{border-top:1px solid #dce4d8}summary{cursor:pointer;font-size:14px;font-weight:550;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:#6c8875;font-size:18px;line-height:1.2}details[open]>summary:after{content:"−"}details p{font-size:13px;color:#52664f;margin-bottom:0;line-height:1.8}.cta{background:#0a5852;color:#fff;padding:45px 55px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta .eyebrow{color:#b2ccc1;font-size:10px}.cta h2{font-size:34px;margin:0}.button.light{background:#f4f1e6;color:#174d43;border-color:#f4f1e6}.button.light:hover{background:white}footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding-top:45px;padding-bottom:35px;color:#52664f}footer .brand{font-size:23px;color:#244d40;gap:0}footer>p{font-size:12px;margin:0}footer>span{font-size:10px;margin-left:auto}.privacy{flex-basis:100%;border-top:1px solid #e4e9de;padding-top:13px}.privacy summary{font-size:10px;width:max-content;gap:15px}.privacy p{font-size:11px;max-width:800px}.privacy summary:after{font-size:13px}
@media(min-width:1500px){.hero{padding-top:75px;padding-bottom:120px}}@media(max-width:1000px){.hero{gap:35px}.floating-note{right:-10px}.demo-tabs{gap:14px}.way-grid{gap:65px}.faq{gap:45px}h1{font-size:49px;letter-spacing:-2.3px}}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.site-header{height:86px}.site-header nav{display:none}.brand{font-size:23px}.brand svg{width:29px;height:29px}.button.small{font-size:12px;padding:9px 12px;gap:12px}.hero{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:65px}.hero-copy{max-width:540px}h1{font-size:clamp(43px,8.4vw,62px);letter-spacing:-2.4px}.intro{font-size:16px;max-width:500px}.preview-area{width:min(440px,100%);margin:0 auto;padding:22px 0}.preview-area:before{inset:0;transform:none}.floating-note{right:0;transform:none}.dashboard{transform:none}.principles{flex-wrap:wrap;padding:20px 0;font-size:11px;gap:13px}.principles span{width:calc(50% - 10px)}.section{padding-top:65px;padding-bottom:65px}h2{font-size:33px}.feature-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.feature-grid article{padding:22px}.feature-icon{margin:15px 0}.feature-grid h3{margin-top:8px}.way-grid,.faq{grid-template-columns:1fr;gap:30px}.choice-list>div{padding:20px 0}.cta{padding:30px;align-items:flex-start;flex-direction:column}.cta h2{font-size:30px}footer{gap:12px}footer>p{width:calc(100% - 130px);font-size:11px}footer>span{margin-left:0}.beta-note{font-size:10px}.hero-actions{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* The public beta: a product story, with the real demo and a clear next step. */
body{overflow-wrap:break-word}.site-header nav{gap:25px}.login-link{color:#45685e}.hero{padding-top:45px;padding-bottom:90px}.beta-eyebrow{font-size:11px;letter-spacing:.8px}.hero h1{font-size:clamp(52px,5.8vw,78px);letter-spacing:-3.8px;line-height:1.04}.hero .intro{font-size:17px;line-height:1.75}.hero .beta-note{font-size:12px;line-height:1.7;max-width:400px;margin-top:23px;display:block}.principles{font-size:12px;color:#486758}.feature-number{font-size:10px}.feature-grid h3{font-size:20px}.feature-grid p{color:#536d60}.automation-note{margin-top:28px;border:1px solid #dce3d6;background:#f5f5ec;border-radius:12px;padding:25px 28px;display:flex;gap:20px;align-items:flex-start}.note-mark{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#e4eadb;color:#426c53;font-size:26px;line-height:36px;text-align:center}.automation-note h3{font-size:18px;margin:0 0 7px}.automation-note p{font-size:14px;color:#5e7263;margin:0;max-width:890px}.demo-section{background:#eaf0e7}.demo-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:95px;align-items:end;margin-bottom:30px}.demo-intro h2{margin-bottom:0}.demo-intro>p{font-size:15px;color:#52664f;margin:0 0 4px}.video-figure{margin:0;border:1px solid #ccd9c7;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 20px 55px #163c2f0a}.video-figure video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#113e39}.video-figure figcaption{padding:15px 22px;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:12px;color:#52664f}.video-figure figcaption>a{font-weight:650;white-space:nowrap;color:#235b4b}.video-figure figcaption>a:hover{text-decoration:underline;text-underline-offset:4px}.demo-context{font-size:12px;color:#52664f;margin:15px 0 38px}.screenshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.screenshots figure{margin:0;min-width:0}.screenshots figure>a{display:block;border:1px solid #ccd8c6;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 8px 22px #183c2d08;transition:transform .2s,box-shadow .2s}.screenshots figure>a:hover{transform:translateY(-3px);box-shadow:0 12px 26px #183c2d12}.screenshots img{display:block;width:100%;height:auto;aspect-ratio:8/5}.screenshots figcaption{padding:22px 0 0}.screenshots figcaption>span{font-size:10px;letter-spacing:1px;color:#52664f}.screenshots h3{font-size:19px;margin:10px 0 8px}.screenshots p{font-size:13px;color:#52664f;margin:0 0 12px}.screenshots .text-link{font-size:12px}.media-note{font-size:11px;color:#52664f;margin:30px 0 0}.privacy-section{display:grid;grid-template-columns:.9fr 1.25fr;gap:40px 80px;align-items:start}.privacy-heading{position:sticky;top:35px}.privacy-heading>p:last-child{font-size:15px;color:#627764;max-width:390px}.privacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 26px}.privacy-grid article{border-top:1px solid #c7d4c1;padding-top:17px}.privacy-symbol{font-size:11px;color:#52664f}.privacy-grid h3{font-size:18px;margin:12px 0}.privacy-grid p{font-size:13px;color:#52664f;margin:0;line-height:1.8}.development-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.development-grid>div>p:not(.eyebrow){font-size:15px;color:#52664f;max-width:470px}.development-grid>div>p+.text-link{margin-top:10px}.development-status{display:grid;gap:22px}.development-status>div{background:#fafbf7;border:1px solid #d6e0ce;border-radius:12px;padding:28px}.status-tag{display:inline-flex;padding:4px 9px;background:#deead7;border-radius:4px;color:#3a6545;font-size:10px;font-weight:650;letter-spacing:.2px}.status-tag.outlined{background:#f6f0df;color:#715d28}.development-status h3{font-size:20px;margin:15px 0 10px}.development-status p{font-size:14px;color:#52664f;margin:0;line-height:1.8}.tester-section{padding-bottom:0}.tester-steps{list-style:none;counter-reset:none;margin:35px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.tester-steps li{border-top:1px solid #bdcdb6;padding-top:24px}.tester-steps li>span{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;font-size:13px;background:#e9eee1;color:#4a7054}.tester-steps h3{font-size:19px;margin:18px 0 10px}.tester-steps p{font-size:14px;color:#52664f;margin:0}.tester-contact-note{margin-top:32px;padding:20px 24px;border:1px solid #e6dcc5;background:#f8f4e8;border-radius:10px}.tester-contact-note strong{font-size:14px;font-weight:600}.tester-contact-note p{font-size:13px;color:#756f59;margin:6px 0 0}.faq{padding-top:85px}.faq details p a{text-decoration:underline;text-underline-offset:3px;color:#275e49}.faq summary{line-height:1.6}.faq summary:after{flex-shrink:0}.cta h2{font-size:34px}.cta>div>p:last-child{font-size:13px;color:#c1d7cb;max-width:390px;margin:16px 0 0}.privacy p{color:#52664f}.demo-tabs button{min-height:36px}.demo-summary p,.demo-detail,.dashboard-footer{font-size:11px}.demo-tabs button,.demo-rows>div{font-size:12px}.dashboard-top{gap:12px}.demo-badge{flex-shrink:0}.screenshots a:focus-visible{outline-offset:5px}
@media(max-width:1000px){.hero h1{font-size:65px;letter-spacing:-3px}.hero{gap:40px}.site-header nav{gap:17px;font-size:13px}.privacy-section{gap:35px}.demo-intro{gap:40px}.development-grid{gap:55px}.screenshots{gap:18px}.tester-steps{gap:25px}.dashboard-top{padding-inline:22px}.dashboard h2{font-size:20px}}
@media(max-width:900px){.site-header{height:85px}.hero{padding-top:25px;padding-bottom:65px;gap:35px}.hero h1{font-size:clamp(55px,12vw,76px);letter-spacing:-3px}.beta-eyebrow{font-size:10px;letter-spacing:.6px}.hero .intro{font-size:16px}.hero .beta-note{max-width:450px;font-size:12px}.hero-actions{gap:24px}.hero-actions .button{gap:20px}.preview-caption{margin-left:15px}.principles{font-size:11px}.feature-grid article{padding:25px}.feature-icon{font-size:27px}.automation-note{padding:22px;gap:15px}.automation-note p{font-size:13px}.automation-note h3{line-height:1.4}.demo-intro{grid-template-columns:1fr;gap:18px}.demo-intro>p{font-size:14px;max-width:500px}.video-figure{border-radius:10px}.video-figure figcaption{padding:13px 15px;align-items:flex-start;font-size:10px;gap:10px;flex-direction:column}.demo-context{font-size:11px;margin-bottom:30px}.screenshots{grid-template-columns:1fr;gap:34px}.screenshots figure{max-width:560px}.screenshots figcaption{padding-top:17px}.screenshots h3{font-size:20px}.screenshots p{font-size:14px;max-width:470px}.screenshots .text-link{font-size:13px}.media-note{max-width:470px;line-height:1.8}.privacy-section{grid-template-columns:1fr;gap:26px}.privacy-heading{position:static}.privacy-heading>p:last-child{max-width:500px}.privacy-grid{gap:28px}.privacy-grid h3{font-size:18px}.development-grid{grid-template-columns:1fr;gap:30px}.development-status>div{padding:24px}.tester-steps{grid-template-columns:1fr;gap:26px}.tester-steps li{display:grid;grid-template-columns:34px 1fr;gap:0 16px;padding-top:21px}.tester-steps li>span{grid-row:1/3}.tester-steps h3{margin:3px 0 9px}.tester-steps p{grid-column:2}.tester-contact-note{padding:20px}.tester-contact-note p{line-height:1.8}.faq{padding-top:65px}.cta h2{font-size:30px}.cta>div>p:last-child{font-size:13px}.cta .button{white-space:normal;text-align:center}.privacy p{font-size:12px}}
@media(max-width:420px){.wrap{width:calc(100% - 36px)}.brand{font-size:22px}.brand svg{width:29px;height:29px}.login-link{font-size:12px;gap:8px}.hero-actions{align-items:flex-start;gap:20px;flex-direction:column}.hero h1{font-size:57px}.privacy-grid{grid-template-columns:1fr;gap:24px}.demo-tabs{gap:18px}.dashboard-top,.demo-tabs{padding-inline:20px}.demo-summary,.demo-rows{padding-inline:20px}.allocation-bar{margin-inline:20px}.demo-detail{padding-inline:20px}.dashboard-footer{padding-inline:20px}.floating-note{right:-2px;padding:12px 14px}.automation-note{padding:20px;gap:12px}.note-mark{flex-basis:29px;width:29px;height:29px;line-height:29px;font-size:22px}.cta{padding:26px}}
@media(max-width:1300px){.preview-area:before{inset:0;transform:none}}
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}
/* Test examples and a readable first visit on small screens. */
.demo-controls { margin: 20px 24px 0; padding: 0; border: 0; min-width: 0; }
.demo-controls[hidden] { display: none; }
.demo-controls legend { font-size: 13px; color: #315c4c; font-weight: 650; margin-bottom: 9px; padding: 0; }
.demo-presets { display: flex; flex-wrap: wrap; gap: 8px; }
.demo-presets button { min-height: 44px; flex: 1 1 70px; border: 1px solid #bdcdb6; border-radius: 7px; padding: 8px 10px; background: #fff; color: #315c4c; font-size: 14px; cursor: pointer; }
.demo-presets button[aria-pressed=true] { border-color: #0a5852; background: #e8f1e8; color: #0a5852; font-weight: 700; box-shadow: inset 0 0 0 1px #0a5852; }
.demo-controls p { font-size: 12px; color: #52664f; line-height: 1.7; margin: 10px 0 0; }
.overline { font-size: 11px; }
.demo-badge { font-size: 12px; }
.demo-tabs { gap: 16px; }
.demo-tabs button { min-height: 44px; font-size: 14px; }
.demo-summary > span { font-size: 14px; }
.demo-summary p, .demo-detail, .dashboard-footer { font-size: 13px; line-height: 1.7; }
.demo-rows > div { font-size: 14px; padding-block: 12px; }
.demo-rows > div > span { min-width: 0; }
.use-cases { margin-top: 46px; border-top: 1px solid #c7d4c1; padding-top: 30px; display: grid; grid-template-columns: .8fr 1.6fr; gap: 46px; }
.use-cases-heading h3 { font-size: 27px; line-height: 1.25; max-width: 300px; margin: 0; }
.use-cases-heading .eyebrow { margin-bottom: 14px; }
.use-case-list { display: grid; gap: 20px; }
.use-case-list article { border-bottom: 1px solid #dce4d6; padding-bottom: 20px; }
.use-case-list h4 { margin: 0 0 8px; font-size: 18px; font-weight: 600; color: #193b3a; line-height: 1.4; }
.use-case-list p { margin: 0; color: #52664f; font-size: 15px; line-height: 1.8; max-width: 650px; }
.tester-expectations { display: grid; grid-template-columns: 1fr 1.2fr; gap: 45px; background: #edf2e8; border: 1px solid #c6d6be; border-radius: 14px; padding: 30px 34px; margin-block: 30px 36px; }
.tester-expectations .eyebrow { margin-bottom: 15px; }
.tester-expectations h3 { font-size: 25px; margin-top: 0; }
.tester-expectations p, .tester-expectations li { color: #52664f; font-size: 15px; line-height: 1.8; }
.tester-expectations p { margin-bottom: 0; }
.tester-expectations ul { padding-left: 20px; margin: 0; }
.tester-expectations li + li { margin-top: 16px; }
.tester-expectations strong { color: #244d3d; }
.tester-expectations a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) {
.dashboard { transform: none; }
.floating-note { position: static; width: fit-content; max-width: 100%; margin: 16px 0 0 auto; }
.use-cases, .tester-expectations { grid-template-columns: 1fr; gap: 24px; }
.use-cases-heading h3 { max-width: 450px; }
.tester-expectations { padding: 26px; }
}
@media (max-width: 480px) {
.demo-controls { margin-inline: 20px; }
.demo-tabs { gap: 15px; }
.demo-tabs button { font-size: 13px; }
.demo-rows > div { font-size: 13px; }
.demo-summary p, .demo-detail, .dashboard-footer { font-size: 13px; }
.feature-number, .principles, .media-note { font-size: 12px; }
.tester-expectations { padding: 23px 21px; }
.tester-expectations p, .tester-expectations li, .use-case-list p { font-size: 14px; }
}
/* Privacy information: readable without JavaScript or third-party assets. */
.policy-page .brand { gap: 0; }
.policy-hero { padding-top: 48px; padding-bottom: 42px; }
.policy-hero h1 { max-width: 850px; }
.policy-intro { max-width: 720px; font-size: 18px; color: #52664f; line-height: 1.8; }
.policy-updated { font-size: 13px; color: #52664f; }
.policy-status, .policy-callout { border: 1px solid #ded3b8; border-radius: 12px; background: #f8f4e8; padding: 22px 26px; }
.policy-status { margin-top: 28px; max-width: 850px; }
.policy-status p, .policy-callout p { margin: 8px 0 0; font-size: 14px; line-height: 1.8; color: #655b43; }
.policy-layout { display: grid; grid-template-columns: 235px minmax(0, 1fr); gap: 60px; align-items: start; padding-bottom: 70px; }
.policy-toc { position: sticky; top: 28px; border-top: 1px solid #c7d4c1; padding-top: 18px; }
.policy-toc h2 { font-size: 18px; letter-spacing: -.4px; }
.policy-toc nav { display: grid; gap: 15px; font-size: 14px; }
.policy-content { min-width: 0; }
.policy-section { background: #fff; border: 1px solid #dce4d6; border-radius: 14px; padding: 30px 34px; scroll-margin-top: 28px; }
.policy-section + .policy-section { margin-top: 24px; }
.policy-section h2 { font-size: 29px; letter-spacing: -.9px; }
.policy-section h3 { font-size: 19px; margin-top: 26px; }
.policy-section p, .policy-section li { color: #52664f; font-size: 15px; line-height: 1.85; }
.policy-section li + li { margin-top: 16px; }
.policy-section ul { padding-left: 22px; }
.policy-section a, .policy-status a { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.policy-page footer { border-top: 1px solid #dde5db; }
@media (max-width: 900px) {
.policy-hero { padding-top: 28px; }
.policy-layout { grid-template-columns: 1fr; gap: 28px; }
.policy-toc { position: static; }
.policy-toc nav { display: flex; flex-wrap: wrap; gap: 12px 22px; }
}
@media (max-width: 480px) {
.policy-section { padding: 24px 21px; }
.policy-section h2 { font-size: 26px; }
.policy-section p, .policy-section li { font-size: 14px; }
.policy-status, .policy-callout { padding: 20px; }
.policy-intro { font-size: 16px; }
}
/* The idea behind the name, alongside the product explanation. */
.name-story { display: grid; grid-template-columns: 1fr 1.65fr; gap: 48px; padding: 40px 44px; margin-bottom: 96px; background: #edf1e9; border: 1px solid #d4dfcc; border-radius: 16px; }
.name-story h2 { font-size: clamp(30px, 3vw, 39px); margin-bottom: 0; }
.name-story .eyebrow { color: #42684f; }
.name-story-copy { min-width: 0; }
.name-story-copy p { margin: 0 0 16px; color: #52664f; font-size: 15px; line-height: 1.8; }
.name-story-copy p:last-child { margin-bottom: 0; }
.name-story-copy strong { color: #193b3a; font-weight: 650; }
.name-story-copy .name-story-note { margin-top: 24px; padding-top: 20px; border-top: 1px solid #c7d4c1; font-size: 14px; }
.name-story-note strong { display: block; margin-bottom: 6px; }
@media (max-width: 900px) {
.name-story { grid-template-columns: 1fr; gap: 24px; padding: 28px; margin-bottom: 64px; }
}
@media (max-width: 480px) {
.name-story { padding: 24px; }
.name-story-copy p { font-size: 14px; }
}
/* Public tester guide: no account data or progress is stored on this page. */
.guide-page .site-header nav { gap: 24px; }
.guide-page [hidden] { display: none !important; }
.guide-hero { padding-top: 54px; padding-bottom: 48px; }
.guide-hero h1 { max-width: 820px; font-size: clamp(42px, 5vw, 66px); line-height: 1.1; letter-spacing: -2.6px; }
.guide-kicker { color: #42684f; }
.guide-intro { max-width: 700px; color: #52664f; font-size: 18px; line-height: 1.8; }
.guide-actions, .guide-jumps, .copy-actions { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; }
.guide-actions { margin-top: 28px; }
.guide-actions button.text-link { background: none; border: 0; color: inherit; padding: 0; cursor: pointer; }
.guide-jumps { margin-top: 28px; font-size: 14px; color: #315c4c; }
.guide-jumps a, .guide-page p a, .guide-page li a { text-decoration: underline; text-underline-offset: 4px; }
.guide-before { background: #edf1e9; border: 1px solid #d4dfcc; border-radius: 14px; padding: 26px 30px; margin-bottom: 42px; }
.guide-before h2 { font-size: 25px; letter-spacing: -.6px; }
.guide-before p, .guide-before li { font-size: 14px; color: #52664f; }
.guide-before ul { margin-bottom: 0; padding-left: 22px; }
.guide-before li + li { margin-top: 9px; }
.guide-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 55px; align-items: start; padding-bottom: 70px; }
.guide-aside { position: sticky; top: 30px; border-top: 1px solid #c7d4c1; padding-top: 18px; }
.guide-aside h2 { font-size: 18px; letter-spacing: -.4px; }
.guide-aside nav { display: grid; gap: 14px; font-size: 14px; }
.guide-aside p { color: #52664f; font-size: 13px; }
.guide-aside a:hover, .guide-jumps a:hover { color: #934f27; }
.guide-task { background: #fff; border: 1px solid #dce4d6; border-radius: 14px; padding: 32px 36px; scroll-margin-top: 28px; }
.guide-task + .guide-task { margin-top: 24px; }
.guide-task h2 { font-size: 30px; letter-spacing: -1px; margin: 18px 0; }
.guide-task p, .guide-task li { color: #52664f; font-size: 15px; }
.task-meta { display: flex; align-items: center; gap: 12px; color: #52664f; font-size: 12px; }
.task-meta .eyebrow { margin: 0; font-size: 11px; letter-spacing: .7px; }
.task-number { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; background: #e8eee1; color: #315a43; font-size: 13px; font-weight: 650; }
.task-steps { padding-left: 22px; margin: 20px 0; }
.task-steps li + li { margin-top: 12px; }
.task-question { background: #f8f4e8; border-left: 3px solid #c9ac7b; padding: 15px 18px; margin-top: 22px; }
.guide-task p.task-question { color: #655b43; font-size: 14px; }
.task-question p { margin: 5px 0 0; color: #655b43; font-size: 14px; }
.task-question strong { color: #594b30; font-size: 14px; }
.guide-example { background: #edf3e9; border-radius: 9px; padding: 18px 22px; margin-block: 20px; color: #315b44; }
.guide-example p { margin: 0; }
.guide-example strong { color: #174e3c; }
.guide-feedback { padding-top: 64px; padding-bottom: 64px; background: #eaf0e7; scroll-margin-top: 20px; }
.guide-layout .guide-feedback { margin-top: 36px; border-radius: 14px; padding: 32px 36px; }
.guide-feedback h2 { font-size: 38px; max-width: 700px; }
.guide-feedback p { color: #52664f; max-width: 780px; font-size: 15px; }
.feedback-template { font-family: inherit; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid #cbd8c4; background: #fff; border-radius: 12px; padding: 24px 28px; line-height: 2; font-size: 15px; color: #244d3d; max-width: 800px; margin: 25px 0 20px; }
.copy-actions { margin-top: 18px; }
.copy-actions .button { white-space: normal; }
#copy-status { flex-basis: 100%; min-height: 1.8em; margin-top: 0; font-size: 13px; }
.guide-end { padding-block: 60px; }
.guide-end h2 { font-size: 31px; }
.guide-end p { color: #52664f; max-width: 740px; }
.guide-page footer { border-top: 1px solid #dde5db; }
.guide-entry { margin-top: 25px; border: 1px solid #c6d6be; border-radius: 12px; background: #edf2e8; padding: 24px 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.guide-entry h3 { font-size: 20px; margin: 0 0 7px; }
.guide-entry p { max-width: 620px; margin: 0; font-size: 14px; color: #52664f; }
.footer-guide { font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.development-grid p a, .tester-steps p a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) {
.guide-hero { padding-top: 30px; }
.guide-layout { grid-template-columns: 1fr; gap: 26px; }
.guide-aside { position: static; }
.guide-aside nav { display: flex; flex-wrap: wrap; gap: 12px 22px; }
.guide-aside p { max-width: 600px; }
.guide-hero h1 { font-size: clamp(40px, 7vw, 60px); }
.guide-intro { font-size: 16px; }
.guide-entry { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 480px) {
.guide-hero { padding-bottom: 30px; }
.guide-hero h1 { font-size: 41px; letter-spacing: -1.8px; }
.guide-before, .guide-task { padding: 23px 21px; }
.guide-task h2 { font-size: 27px; }
.guide-task p, .guide-task li { font-size: 14px; }
.guide-feedback h2 { font-size: 32px; }
.feedback-template { padding: 20px; font-size: 14px; }
.guide-feedback { padding-block: 48px; }
.guide-layout .guide-feedback { padding: 23px 21px; }
.guide-entry { padding: 22px; }
.guide-page .site-header .button.small { font-size: 12px; padding: 9px 12px; }
}
@media print {
.guide-page { background: #fff; color: #000; }
.guide-page .site-header, .guide-page .guide-aside, .guide-page .guide-actions,
.guide-page .guide-jumps, .guide-page .copy-actions, .guide-page #copy-status,
.guide-page footer, .guide-page .skip { display: none; }
.guide-page .wrap { width: 100%; max-width: none; }
.guide-page .guide-layout { display: block; padding-bottom: 0; }
.guide-page .guide-hero { padding: 0 0 20px; }
.guide-page .guide-hero h1 { font-size: 32px; letter-spacing: -1px; }
.guide-page .guide-task { break-inside: avoid; box-shadow: none; padding: 20px; }
.guide-page .guide-task h2 { font-size: 23px; }
.guide-page .guide-feedback { background: #fff; padding-block: 24px; }
.guide-page .guide-feedback h2 { font-size: 27px; }
.guide-page .guide-end { padding-block: 20px; }
}
.language-switch{display:flex;flex:none;align-items:center;gap:5px;font-size:13px;font-weight:600}.language-switch a{padding:5px 7px;border-radius:5px}.language-switch a[aria-current="page"]{background:#0a5852;color:#fff}.language-switch a:hover{color:#a55a2c}.language-switch a[aria-current="page"]:hover{color:#fff}@media(max-width:600px){.site-header{gap:8px}.language-switch{font-size:12px}.language-switch a{padding:4px 5px}}
.site-header .language-switch{display:flex;gap:5px}
/* Larger touch targets on the small-screen header and guide navigation. */
@media (max-width: 900px) {
.site-header .brand, .site-header .login-link { min-height: 44px; display: inline-flex; align-items: center; }
.site-header .language-switch a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.hero-actions .text-link, .guide-actions .text-link, .guide-jumps a { min-height: 44px; display: inline-flex; align-items: center; }
}
.mobile-preview { padding-top: 50px; }
.mobile-preview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; max-width: 800px; margin-top: 32px; }
.mobile-preview-grid figure { margin: 0; min-width: 0; }
.mobile-preview-grid figure > a { display: block; max-width: 340px; border: 1px solid #ccd8c6; border-radius: 14px; overflow: hidden; }
.mobile-preview-grid img { display: block; width: 100%; height: auto; }
.mobile-preview-grid h3 { font-size: 20px; margin: 18px 0 8px; }
.mobile-preview-grid p { font-size: 14px; color: #52664f; max-width: 340px; }
@media (max-width: 700px) { .mobile-preview-grid { grid-template-columns: 1fr; gap: 32px; } }
.social-section { padding-top: 30px; padding-bottom: 60px; }
.social-cards { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.social-cards a { display: flex; align-items: center; gap: 16px; min-height: 64px; padding: 14px 18px; border: 1px solid #d6e0ce; background: #f6f8f2; border-radius: 10px; }
.social-cards a:hover { border-color: #0a5852; color: #0a5852; }
.social-cards a span { font-size: 13px; color: #52664f; }
.social-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; flex-basis: 100%; font-size: 13px; }
.social-footer a { display: inline-flex; align-items: center; min-height: 44px; color: #244d40; font-weight: 600; }
.social-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
/* A compact editorial band between the header and hero; no overlay or animation. */
.daily-quote {
color: #fffdf7;
background: #0a5852;
border-block: 1px solid #154f47;
}
.daily-quote-inner {
display: grid;
gap: 7px;
padding-block: 18px 20px;
text-align: center;
}
.daily-quote-meta {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
gap: 6px 14px;
margin: 0;
line-height: 1.4;
}
.daily-quote-label {
color: #f0c9a7;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.daily-quote-date,
.daily-quote-credit {
color: #c8ddd2;
font-size: 11px;
}
.daily-quote blockquote,
.daily-quote-text {
margin: 0;
}
.daily-quote-text {
max-width: 900px;
margin-inline: auto;
font-size: clamp(18px, 2.1vw, 24px);
line-height: 1.4;
font-weight: 500;
letter-spacing: -.3px;
overflow-wrap: break-word;
}
.daily-quote-credit {
margin: 0;
}
/* One combined introduction to Moniratio's whole-finances approach. */
.wealth-landing { padding-block: 46px 80px; }
.wealth-hero { max-width: 920px; padding-bottom: 8px; }
.wealth-hero h1 { max-width: 900px; font-size: clamp(38px, 5.1vw, 64px); line-height: 1.08; letter-spacing: -2.3px; }
.wealth-hero .eyebrow { color: #7b532e; margin-bottom: 18px; }
.wealth-hero p { max-width: 800px; }
.wealth-lead { font-size: clamp(18px, 2vw, 22px); line-height: 1.6; color: #42615c; }
.wealth-block { margin-top: 42px; }
.wealth-block h2, .wealth-goal h2 { font-size: clamp(27px, 3.2vw, 37px); letter-spacing: -1px; margin: 0 0 18px; }
.wealth-block > p { max-width: 900px; }
.wealth-pain-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.wealth-pain-grid article { border: 1px solid #dce3d6; border-radius: 12px; background: #f4f5ec; padding: 25px; min-width: 0; }
.wealth-pain-grid h3 { font-size: 21px; line-height: 1.3; margin: 0 0 12px; }
.wealth-pain-grid p { margin: 0; color: #42615c; }
.wealth-question { border-left: 3px solid #c98443; padding: 9px 0 9px 18px; margin-top: 24px; }
.wealth-parts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0; margin: 24px 0 0; list-style: none; }
.wealth-parts li { border-top: 2px solid #0a5852; padding: 16px 19px; background: #edf2e8; min-width: 0; }
.wealth-parts strong, .wealth-parts span { display: block; }
.wealth-parts strong { margin-bottom: 6px; }
.wealth-parts span { color: #42615c; }
.wealth-development { margin-top: 24px; padding: 20px 23px; border: 1px solid #cbd9c6; border-radius: 10px; font-size: 14px; line-height: 1.7; }
.wealth-development p { margin: 7px 0 0; }
.wealth-goal { margin-top: 42px; padding: 34px; border-radius: 14px; background: #0a5852; color: #fffdf7; }
.wealth-goal > p { max-width: 790px; }
.wealth-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; margin-top: 24px; }
.wealth-actions .button { color: #0a5852; background: #fffdf7; border-color: #fffdf7; }
.wealth-actions .button:hover { background: #edf2e8; }
.wealth-actions .text-link { min-height: 44px; display: inline-flex; align-items: center; gap: 12px; text-decoration: underline; text-underline-offset: 4px; }
.wealth-actions .text-link:hover { color: #f0c9a7; }
.wealth-beta { font-size: 12px; color: #d9e7de; margin-bottom: 0; }
.wealth-sources { font-size: 12px; color: #526871; margin-top: 25px; }
.wealth-sources summary { width: fit-content; min-height: 44px; display: list-item; align-content: center; cursor: pointer; }
.wealth-sources a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 650px) {
.wealth-landing { padding-block: 27px 48px; }
.wealth-hero h1 { font-size: 39px; letter-spacing: -1.5px; }
.wealth-pain-grid, .wealth-parts { grid-template-columns: 1fr; }
.wealth-pain-grid article { padding: 22px; }
.wealth-block { margin-top: 34px; }
.wealth-goal { padding: 25px 22px; }
.wealth-actions { align-items: flex-start; flex-direction: column; gap: 14px; }
.wealth-development { padding: 18px; }
}
@media (max-width: 360px) {
.site-header { gap: 6px; }
.site-header .brand { font-size: 20px; gap: 6px; }
.site-header .brand svg { width: 25px; height: 25px; }
.site-header .login-link { gap: 4px; }
}
@media (max-width: 600px) {
.daily-quote-inner {
gap: 6px;
padding-block: 13px 15px;
}
.daily-quote-text {
font-size: 18px;
line-height: 1.4;
letter-spacing: -.15px;
}
.daily-quote-label,
.daily-quote-date,
.daily-quote-credit {
font-size: 10px;
}
}