@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--forest:#153d32;--forest-2:#214f40;--ink:#17352d;--muted:#65736b;--paper:#f5f4ed;--white:#fffefa;--lime:#c8f36a;--line:#e3e7dc;--tomato:#ba6d50;--shadow:0 24px 70px rgba(20,55,44,.11);font-family:'DM Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:var(--paper);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
.skip-link{position:fixed;left:16px;top:12px;z-index:30;transform:translateY(-180%);padding:10px 16px;border-radius:10px;background:var(--lime);font-weight:700}
.skip-link:focus{transform:translateY(0)}
.section-wrap{width:min(1176px,calc(100% - 48px));margin-inline:auto}
.site-header{position:relative;z-index:10;background:rgba(245,244,237,.93);border-bottom:1px solid rgba(21,61,50,.08)}
.header-inner{width:min(1280px,calc(100% - 48px));min-height:82px;margin:auto;display:flex;align-items:center;gap:38px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:Manrope,'DM Sans',sans-serif;font-size:17px;font-weight:600;letter-spacing:-.045em}
.brand img{width:38px;height:38px}
.brand b{font-weight:800}
.primary-nav{display:flex;align-items:center;gap:30px;margin-left:auto;color:#506359;font-size:13px;font-weight:600}
.primary-nav a{transition:color .18s ease}
.primary-nav a:hover{color:var(--forest)}
.button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 21px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.button:hover{transform:translateY(-1px)}
.button:focus-visible,.primary-nav a:focus-visible,.text-link:focus-visible,.site-footer a:focus-visible{outline:3px solid #87ae32;outline-offset:3px}
.button:disabled{opacity:.68;cursor:wait;transform:none}
.button-dark{background:var(--forest);color:#fff}
.button-dark:hover{background:var(--forest-2);box-shadow:0 8px 18px rgba(21,61,50,.15)}
.button-large{min-height:55px;padding-inline:22px;border-radius:14px}
.button-lime{background:var(--lime);color:var(--forest)}
.button-lime:hover{background:#d5f88e;box-shadow:0 8px 20px rgba(200,243,106,.18)}
.button-outline{border-color:#d5ddd1;background:transparent;color:var(--forest)}
.button-outline:hover{background:#fff}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.94fr);align-items:center;gap:clamp(44px,7vw,94px);padding-top:68px;padding-bottom:80px;overflow:hidden}
.hero-copy{position:relative;z-index:2;padding-block:18px}
.eyebrow{margin:0 0 16px;display:flex;align-items:center;gap:9px;color:#5d735f;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#8cab44;box-shadow:0 0 0 4px rgba(140,171,68,.14)}
h1,h2,h3,p,figure{margin-top:0}
h1,h2,h3{font-family:Manrope,'DM Sans',ui-sans-serif,system-ui,sans-serif;color:var(--forest);letter-spacing:-.052em}
h1{max-width:630px;margin-bottom:20px;font-size:clamp(44px,6vw,74px);line-height:1.02;font-weight:700}
.hero-lede{max-width:530px;margin:0;color:#66736a;font-size:clamp(16px,1.45vw,18px);line-height:1.78}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:31px}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:13px;font-weight:700}
.text-link span{color:#79964a}
.hero-meta{margin:20px 0 0;color:#819087;font-size:11px;letter-spacing:.02em}
.hero-photo{position:relative;z-index:1;margin:0;min-width:0}
.photo-frame{height:min(490px,43vw);min-height:360px;overflow:hidden;border:7px solid rgba(255,255,252,.8);border-radius:34px;background:#dce2d6;box-shadow:var(--shadow);transform:rotate(1.2deg)}
.photo-frame>img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.photo-caption{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(255,255,255,.56);border-radius:15px;background:rgba(255,254,250,.92);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(16,48,38,.08)}
.caption-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--lime);color:var(--forest);font-family:Manrope,sans-serif;font-size:19px;font-weight:800}
.photo-caption b,.photo-caption small{display:block}
.photo-caption b{font-size:12px;letter-spacing:-.015em}
.photo-caption small{margin-top:1px;color:#748078;font-size:10px}
.hero-orbit{position:absolute;z-index:0;border:1px solid rgba(129,155,83,.15);border-radius:50%;pointer-events:none}
.orbit-one{width:440px;height:440px;right:-205px;top:12px}
.orbit-two{width:330px;height:330px;right:-150px;top:67px}
.proof-strip{border-block:1px solid var(--line);background:#efefe6}
.proof-inner{width:min(1176px,calc(100% - 48px));min-height:77px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.proof-inner>span{display:flex;align-items:center;gap:11px;color:#526258;font-size:12px;font-weight:650}
.proof-inner i{color:#93a187;font-family:Manrope,sans-serif;font-size:10px;font-style:normal;font-weight:800}
.proof-currency b{color:#557348;font-size:12px;letter-spacing:.05em}
.features{padding-top:99px;padding-bottom:108px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:42px;margin-bottom:34px}
.section-heading .eyebrow{margin-bottom:12px}
h2{margin-bottom:0;font-size:clamp(30px,4vw,46px);line-height:1.12;font-weight:650}
.section-heading>p{max-width:330px;margin:0 0 2px;color:var(--muted);font-size:14px;line-height:1.75}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.feature-card{overflow:hidden;border:1px solid #e2e6dd;border-radius:20px;background:var(--white);box-shadow:0 14px 42px rgba(28,59,47,.045);transition:transform .22s ease,box-shadow .22s ease}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(28,59,47,.10)}
.feature-card-tall{margin-top:34px}
.feature-card-highlight{margin-top:64px}
.feature-image{overflow:hidden;aspect-ratio:1.62;background:#e3e7dd}
.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.feature-card:hover .feature-image img{transform:scale(1.025)}
.feature-body{padding:23px 24px 26px}
.feature-index{display:flex;align-items:center;gap:8px;margin:0 0 13px;color:#92a18f;font-size:10px;font-weight:800;letter-spacing:.1em}
.feature-index span{padding:4px 8px;border-radius:30px;background:#f0f3e9;color:#557052;font-size:9px}
.feature-body h3{margin:0 0 8px;font-size:20px;line-height:1.25;font-weight:700}
.feature-body>p:last-child{margin:0;color:#718077;font-size:13px;line-height:1.75}
.signals-band{position:relative;overflow:hidden;background:var(--forest);color:#f2f4e9}
.signals-band::before,.signals-band::after{position:absolute;content:"";border:1px solid rgba(200,243,106,.11);border-radius:50%;pointer-events:none}
.signals-band::before{width:570px;height:570px;left:-280px;top:-250px}
.signals-band::after{width:390px;height:390px;left:-190px;top:-160px}
.signals-inner{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:90px;padding-top:88px;padding-bottom:88px}
.eyebrow-light{color:#c1d4b5}
.signals-copy h2{max-width:485px;color:#fbfcf4}
.signals-copy>p:not(.eyebrow){max-width:440px;margin:18px 0 24px;color:#c0ccc3;font-size:15px;line-height:1.8}
.signal-notes{border-top:1px solid rgba(255,255,255,.16)}
.signal-note{min-height:83px;display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:15px;border-bottom:1px solid rgba(255,255,255,.16)}
.signal-note>span:first-child{color:#b7d687;font-family:Manrope,sans-serif;font-size:11px;font-weight:800}
.signal-note>span:last-child{color:#b9d687}
.signal-note b,.signal-note small{display:block}
.signal-note b{color:#f8faf2;font-size:13px}
.signal-note small{margin-top:4px;color:#bdc9bf;font-size:11px;line-height:1.5}
.trust{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:23px;padding-top:72px;padding-bottom:72px}
.trust-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8e0d4;border-radius:14px;color:#58734b;font-family:Georgia,serif;font-size:21px;font-style:italic}
.trust .eyebrow{margin-bottom:9px}
.trust h2{font-size:24px}
.trust p:last-child{max-width:790px;margin:10px 0 0;color:#718077;font-size:12px;line-height:1.75}
.signin-status{position:fixed;z-index:25;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));margin:0;padding:10px 14px;border:1px solid rgba(21,61,50,.12);border-radius:11px;background:#fffefa;color:var(--forest);font-size:13px;box-shadow:0 10px 30px rgba(21,61,50,.10);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}
.signin-status:not(:empty){opacity:1;transform:translateY(0)}
.signin-status[data-error="true"]{color:#953e32}
.site-footer{border-top:1px solid var(--line);background:#efefe7}
.footer-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#758078;font-size:11px}
.brand-footer{color:var(--forest);font-size:14px}
.brand-footer img{width:32px;height:32px}
.footer-inner>a:last-child{font-weight:700;color:#506b4f}
@media(max-width:1000px){.header-inner{gap:24px}.primary-nav{gap:19px}.hero{grid-template-columns:1fr .9fr;gap:34px}.photo-frame{height:430px;min-height:350px}.signals-inner{gap:50px}}
@media(max-width:760px){.section-wrap,.proof-inner{width:min(100% - 36px,560px)}.header-inner{width:calc(100% - 36px);min-height:72px;gap:12px}.primary-nav{display:none}.header-cta{margin-left:auto;min-height:41px;padding-inline:16px}.hero{grid-template-columns:1fr;gap:31px;padding-top:51px;padding-bottom:62px}.hero-copy{padding-block:0}.hero h1{max-width:570px;font-size:clamp(43px,10vw,62px)}.hero-lede{max-width:580px;font-size:15px}.photo-frame{height:auto;min-height:0;aspect-ratio:1.34;border-radius:25px}.hero-photo>img{object-position:68% center}.proof-inner{min-height:0;display:grid;grid-template-columns:1fr 1fr;justify-content:start;gap:15px 12px;padding-block:20px}.proof-inner>span{font-size:11px}.features{padding-top:70px;padding-bottom:74px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:12px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card-tall,.feature-card-highlight{margin-top:0}.feature-image{aspect-ratio:1.85}.feature-body{padding:19px 20px 22px}.signals-inner{grid-template-columns:1fr;gap:33px;padding-top:65px;padding-bottom:66px}.trust{grid-template-columns:42px 1fr;align-items:start;gap:17px;padding-top:54px;padding-bottom:54px}.trust-mark{width:38px;height:38px}.trust h2{font-size:22px}.trust .button{grid-column:2;justify-self:start}.footer-inner{width:calc(100% - 36px);min-height:0;flex-wrap:wrap;padding-block:19px}.footer-inner>span{order:3;width:100%}}
@media(max-width:420px){.brand{font-size:15px}.brand img{width:33px;height:33px}.button-large{width:100%}.hero-actions{align-items:stretch;gap:16px}.hero-actions .text-link{justify-content:center}.photo-caption{left:11px;right:11px;bottom:11px;padding:10px 12px}.feature-image{aspect-ratio:1.55}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Session-aware navigation for the public homepage */
.header-session-actions{display:flex;align-items:center;gap:18px;flex:none}
.member-nav{align-items:center;gap:18px;color:#506359;font-size:13px;font-weight:650}
.member-nav a{padding:7px 0;transition:color .18s ease}
.member-nav a:hover{color:var(--forest)}
.member-nav a[aria-current="page"]{color:var(--forest);text-decoration:underline;text-decoration-color:#91ad4d;text-decoration-thickness:2px;text-underline-offset:6px}
[data-auth-only]{display:none!important}
body[data-authenticated="true"] [data-anonymous-only]{display:none!important}
body[data-authenticated="true"] .member-nav[data-auth-only]{display:flex!important}
body[data-authenticated="true"] .button[data-auth-only]{display:inline-flex!important}
.workspace-preview{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:56px;padding-top:90px;padding-bottom:96px}
.workspace-preview-copy h2{max-width:420px;margin:0;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.055em;color:var(--forest)}
.workspace-preview-copy>p:not(.eyebrow){max-width:440px;margin:17px 0 24px;color:#66776d;font-size:14px;line-height:1.8}
.sample-dashboard{display:grid;grid-template-columns:145px minmax(0,1fr);overflow:hidden;min-width:0;border:1px solid #dce2d8;border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(28,56,43,.12)}
.sample-sidebar{display:flex;flex-direction:column;gap:9px;padding:19px 13px;background:#153d32;color:#f4f6ef}
.sample-brand{display:flex;align-items:center;gap:7px;margin-bottom:17px;font-size:12px;font-weight:750}.sample-brand>span{display:grid;width:23px;height:23px;place-items:center;border-radius:8px;background:#c8f36a;color:#153d32;font-weight:800}
.sample-nav-item{padding:8px 9px;border-radius:8px;color:#d2ddd4;font-size:10px}.sample-nav-active{background:rgba(200,243,106,.16);color:#d9f99b}
.sample-sidebar>small{margin-top:auto;padding:10px 8px 0;color:#afc0b3;font-size:7px;letter-spacing:.12em}
.sample-content{min-width:0;padding:20px 19px 13px;background:#fbfcf7}
.sample-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:17px}.sample-overline{color:#718077;font-size:7px;font-weight:750;letter-spacing:.14em}.sample-heading h3{margin:5px 0 0;color:#153d32;font-size:18px;letter-spacing:-.04em}.sample-currency{padding:6px 8px;border:1px solid #dce4d8;border-radius:20px;color:#637267;font-size:8px;white-space:nowrap}
.sample-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sample-metrics>div{min-width:0;padding:10px;border:1px solid #e7ebe3;border-radius:11px;background:white}.sample-metrics span,.sample-metrics small{display:block;color:#7c887e;font-size:8px}.sample-metrics strong{display:block;margin:7px 0 4px;color:#153d32;font-size:15px;letter-spacing:-.035em}.sample-metrics small{font-size:7px}
.sample-lower{display:grid;grid-template-columns:1.08fr .92fr;gap:9px;margin-top:10px}.sample-list-card,.sample-signal-card{min-width:0;padding:11px;border:1px solid #e7ebe3;border-radius:11px;background:#fff}.sample-card-title{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:9px;color:#294e3d;font-size:9px;font-weight:750}.sample-card-title>span{color:#879287;font-size:6px;letter-spacing:.07em}.sample-list-row{display:grid;grid-template-columns:13px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 0;border-top:1px solid #eef0ea;color:#68766d;font-size:8px}.sample-list-row i{width:10px;height:10px;border:1px solid #b8c4b6;border-radius:3px}.sample-list-row:first-of-type i{border-color:#9bb954;background:#c8f36a}.sample-list-row b{color:#244434;font-size:8px}.sample-signal-card p{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0}.sample-signal-dot{flex:none;width:7px;height:7px;margin-top:3px;border-radius:50%;background:#91ad4d}.sample-signal-fuel{background:#d9ad5a}.sample-signal-card p b,.sample-signal-card p small{display:block;color:#42584a;font-size:8px}.sample-signal-card p small{margin-top:3px;color:#869187;font-size:7px;line-height:1.4}.sample-disclaimer{margin:11px 0 0;color:#7d897e;font-size:7px;line-height:1.5}
@media(max-width:850px){.header-inner{gap:18px}.primary-nav{gap:16px}.member-nav{gap:12px}}
@media(max-width:760px){.workspace-preview{grid-template-columns:1fr;gap:28px;padding-top:68px;padding-bottom:72px}.workspace-preview-copy h2{max-width:580px}.sample-dashboard{grid-template-columns:112px minmax(0,1fr)}}
@media(max-width:600px){.header-inner{width:calc(100% - 32px);min-height:70px;flex-wrap:wrap;gap:10px;padding:11px 0}.brand{font-size:15px}.brand img{width:34px;height:34px}.primary-nav{display:none}.header-session-actions{margin-left:auto;gap:9px}.member-nav{gap:9px;font-size:11px}.header-cta{min-height:40px;padding-inline:13px;font-size:12px}.sample-dashboard{grid-template-columns:1fr}.sample-sidebar{display:none}.sample-content{padding:15px 13px 11px}.sample-metrics{gap:5px}.sample-metrics>div{padding:8px 6px}.sample-metrics strong{font-size:13px}.sample-lower{grid-template-columns:1fr}.sample-signal-card{display:grid;grid-template-columns:1fr 1fr;column-gap:9px}.sample-signal-card .sample-card-title{grid-column:1/-1}}
