:root{--forest:#0d2522;--deep:#091c19;--lime:#c9ef9b;--paper:#f5f4ee;--ink:#15352e;--muted:#a4b8af;--line:#ffffff18}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--forest);color:var(--paper);font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #74b872;outline-offset:5px}main:focus{outline:none}.container{max-width:1200px;margin:auto;padding:0 40px}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.065em}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.19em;display:flex;align-items:center;gap:12px;margin:0 0 30px}.status-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #c9ef9b0a}.button{display:inline-flex;justify-content:center;align-items:center;gap:0.5rem;background:linear-gradient(135deg, #139226 0%, #34AC4C 100%);color:#ffffff!important;border:none;border-radius:9999px;padding:0.875rem 2rem;min-height:unset;font-size:0.9375rem;font-weight:700;transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 4px 25px rgba(19, 146, 38, 0.45)}.button:hover{background:linear-gradient(135deg, #34AC4C 0%, #40c057 100%);transform:translateY(-2px);box-shadow:0 8px 35px rgba(52, 172, 76, 0.6)}.button svg,.text-link svg,.dark-text-link svg{width:19px;height:19px}.button.small{padding:0.5rem 1.5rem;min-height:unset;font-size:0.875rem;gap:18px}.site-header{position:sticky;top:0;z-index:30;background:#0d2522f5;border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:25px;font-weight:700;display:inline-flex;align-items:center;letter-spacing:-1px;line-height:1}.brand-dot{color:var(--lime)}.brand-mark{display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-size:33px;border:1px solid #c9ef9b60;border-radius:10px;width:39px;height:40px;margin-right:10px;color:var(--lime);padding-bottom:5px;position:relative}.brand-mark>span{position:absolute;right:7px;top:6px;width:4px;height:4px;background:var(--lime);border-radius:50%}.desktop-links{display:flex;gap:30px;font-size:11px;color:#c1cdc5}.desktop-links a:hover,.sign-in:hover{color:var(--lime)}.nav-actions{display:flex;align-items:center;gap:24px}.sign-in{font-size:12px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{overflow:hidden;background:radial-gradient(ellipse at 83% 30%,#23453844,transparent 55%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-top:75px;padding-bottom:80px}.hero-copy h1{font-size:clamp(60px,6.8vw,89px);line-height:1.015;font-weight:500;letter-spacing:-.065em;margin:0}.hero-copy h1 .serif{color:var(--lime)}.hero-description{font-size:14px;max-width:350px;color:#b6c6bd;line-height:1.9;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:23px}.text-link{font-size:11px;border-bottom:1px solid #b3c6b75c;padding:8px 0;white-space:nowrap}.text-link span{margin-left:10px}.hero-note{display:flex;align-items:center;gap:14px;margin-top:36px}.hero-note p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.hero-note strong{color:#d8e4d9;font-weight:500}.mini-mark{font-size:27px;color:var(--lime);width:36px;border-right:1px solid #c9ef9b33}.hero-art{position:relative;min-width:0;padding:50px 0 44px 22px}.art-grid{position:absolute;inset:-45px -75px;background-image:linear-gradient(#91b19207 1px,transparent 1px),linear-gradient(90deg,#91b19207 1px,transparent 1px);background-size:37px 37px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.orbit{position:absolute;border:1px solid #c9ef9b13;border-radius:50%;width:530px;height:530px;top:-20px;left:-20px;transform:rotate(-25deg)}.orbit-two{width:630px;height:330px;top:90px;left:-65px}.art-caption{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;color:#8ba797;font-size:8px;letter-spacing:.18em;margin-bottom:30px}.tiny-cross{font-size:23px;font-weight:300;color:#c9ef9b70}.overview-card{position:relative;background:linear-gradient(150deg,#1d3d34,#132e29);border:1px solid #b8dca82c;box-shadow:0 28px 60px #0003;border-radius:17px;padding:25px 28px;max-width:418px;margin:auto;transform:rotate(-3deg)}.card-top{display:flex;align-items:center;gap:10px;font-size:11px;color:#d2dfd5}.card-symbol{font-size:16px;border-radius:7px;background:#c9ef9b17;color:var(--lime);width:28px;height:28px;display:grid;place-items:center}.example-tag{margin-left:auto;border:1px solid #d5e8d233;color:#b8cabc;border-radius:20px;font-size:8px;padding:3px 8px}.card-label{font-size:10px;color:#9bb3a5;margin:26px 0 3px}.principal{font-size:43px;line-height:1.2;letter-spacing:-2px;font-weight:500;font-variant-numeric:tabular-nums}.principal>span{color:#789282}.card-meta{display:flex;align-items:center;gap:10px;font-size:9px;color:#9fb6a5;margin-top:14px}.rate-pill{background:#c9ef9b17;color:var(--lime);border-radius:5px;padding:4px 7px}.chart-area{position:relative;margin-top:19px}.chart-guides{position:absolute;inset:0 0 20px;background:repeating-linear-gradient(to bottom,transparent,transparent 31px,#cee5c90e 32px)}.growth-chart{width:100%;height:auto;position:relative}.chart-labels{display:flex;justify-content:space-between;color:#8ca494;font-size:8px;margin-top:8px}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #bddbb917;margin-top:22px;padding-top:17px}.card-bottom>div{display:flex;flex-direction:column;gap:3px}.card-bottom span{font-size:9px;color:#9bb0a0}.card-bottom strong{font-size:20px;font-weight:500;color:#def2c8;letter-spacing:-.5px}.floating-note{position:relative;display:flex;align-items:center;gap:11px;background:var(--paper);color:var(--ink);border-radius:10px;padding:15px 18px;max-width:335px;margin:-3px -9px 0 auto;transform:rotate(3deg);box-shadow:0 15px 32px #0002}.note-icon{border-radius:50%;background:#deebd2;width:31px;height:31px;display:grid;place-items:center;font-size:14px;flex-shrink:0}.floating-note strong{display:block;font-size:11px;font-weight:650}.floating-note div>span{display:block;font-size:8px;color:#5e7569}.illustration-note{text-align:center;color:#789588;font-size:8px;position:relative;margin-top:25px;letter-spacing:.025em}.terms-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;padding-top:25px;padding-bottom:30px;border-top:1px solid var(--line)}.terms-strip>div:not(:first-child){padding-left:40px;border-left:1px solid var(--line)}.terms-strip strong{font-size:32px;font-weight:400;line-height:1.2;letter-spacing:-1px}.terms-strip strong>span{font-size:20px;color:#8ba992;margin-left:3px}.terms-strip p{margin:7px 0 0;font-size:10px;color:#a7bdb0}.strip-copy{display:flex;align-items:center;gap:22px}.strip-copy p{font-size:12px;color:#c6d3c9;line-height:1.7}.light-section{background:var(--paper);color:var(--ink)}.process-section{padding:83px 0 88px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px;gap:50px}.light-section .eyebrow{color:#4b6a58}.section-heading h2,h2{font-weight:450;font-size:49px;line-height:1.12;letter-spacing:-2.2px;margin:0}.section-heading>p{max-width:270px;font-size:13px;color:#6c7c70;line-height:1.8;margin:0 0 6px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{border:1px solid #d9dfd2;border-radius:10px;padding:24px;background:#ffffff45}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.step-number{font-family:Georgia,serif;font-size:14px;font-style:italic;color:#788c77}.step-top svg{width:37px;height:37px;stroke:#42664c;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.step h3{font-size:17px;letter-spacing:-.5px;font-weight:550;margin:0 0 12px}.step p{font-size:12px;color:#617462;line-height:1.9;margin:0 0 26px}.step-label{font-size:8px;font-weight:650;letter-spacing:.13em;color:#56724f}.calculator-section{padding:65px 0;background:#112d27}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.calculator-copy h2 .serif{color:var(--lime)}.calculator-copy>p:not(.eyebrow){font-size:13px;color:#adbfaf;max-width:330px;line-height:1.9;margin:26px 0}.formula{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:23px;margin-top:25px;font-size:17px}.formula>span:first-child{font-size:27px;color:var(--lime)}.formula-times{color:#718f76}.formula small{flex-basis:100%;color:#a4b9a5;font-size:10px;margin-top:-12px}.calculator-copy>p.risk-note{font-size:10px;color:#96ad98;margin-top:25px}.calculator-card{background:#fbfaf6;color:var(--ink);border-radius:18px;padding:20px 22px;max-width:440px;margin:0 auto;box-shadow:0 15px 40px #0002}.calculator-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.calculator-top h3{font-size:14px;font-weight:650;margin:0}.small-label{font-size:9px;border:1px solid #d7dfd2;border-radius:4px;padding:2px 6px;color:#627967}.calculator-card label{display:block;font-size:11px;color:#637b66;margin-bottom:4px}.amount-control{display:flex;align-items:center;gap:6px;border-bottom:1px solid #b9c7b5;padding:2px 0 6px;font-size:26px;letter-spacing:-1px}.amount-control>span{color:#7b967a}.amount-control input{width:100%;min-width:0;border:0;background:transparent;font-size:26px;letter-spacing:-1.5px;color:var(--ink);padding:0;line-height:1.2;border-radius:3px;appearance:textfield;-moz-appearance:textfield}.amount-control input::-webkit-inner-spin-button{appearance:none}.input-hint{font-size:10px;color:#6c816d;margin:5px 0 10px}.presets{display:flex;gap:6px}.presets button{flex:1;min-width:0;border:1px solid #dce2d5;border-radius:7px;padding:5px 8px;font-size:11px;background:transparent;color:#4f6a52;min-height:32px}.presets button[aria-pressed=true]{background:#dcebc9;border-color:#b8d293;color:#1f482b}.estimate-lines{margin:12px 0 10px}.estimate-lines>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:6px 0}.estimate-lines dt{color:#647e68}.estimate-lines dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.estimate-total{background:#e8eedf;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}.estimate-total>span{font-size:11px;font-weight:550;line-height:1.3}.estimate-total small{display:block;font-size:9px;color:#5f765f;font-weight:400;margin-top:2px}.estimate-total strong{font-size:22px;letter-spacing:-.5px;white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}.calculator-cta{margin-top:12px;background:linear-gradient(135deg, #139226 0%, #34AC4C 100%);color:#ffffff!important;border:none;width:100%;font-size:12px;border-radius:9999px;padding:9px 16px;min-height:40px;box-shadow:0 4px 25px rgba(19, 146, 38, 0.45)}.calculator-cta:hover{background:linear-gradient(135deg, #34AC4C 0%, #40c057 100%);transform:translateY(-2px);box-shadow:0 8px 35px rgba(52, 172, 76, 0.6)}.calculator-footnote{font-size:9px;text-align:center;color:#6b7d69;margin:8px 0 0}.input-error{font-size:11px;color:#982e24}.faq-section{padding:90px 0}.faq-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.faq-grid>div>p:not(.eyebrow){color:#6e7f70;font-size:12px;margin:20px 0}.dark-text-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #bbc8b4;font-size:12px;padding:10px 0}.faq-list details{border-bottom:1px solid #d4ddcd}.faq-list details:first-child{border-top:1px solid #d4ddcd}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:13px;font-weight:550;padding:22px 0;cursor:pointer;min-height:65px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:19px;line-height:1;font-weight:400;color:#5d7955}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.9;color:#5f765e;margin:0 25px 23px 0}.closing-section{padding:75px 0;text-align:center;background:radial-gradient(ellipse at center bottom,#36543730,transparent 65%),var(--forest)}.closing-inner .eyebrow{justify-content:center;color:#a2b99f}.closing-inner h2{font-size:50px}.closing-inner h2 .serif{color:var(--lime)}.closing-inner .button{margin-top:30px}.closing-inner>p:last-child{font-size:10px;color:#a4b6a3;margin:20px 0 0}.footer{border-top:1px solid var(--line);background:var(--deep)}.footer-top{display:flex;align-items:center;gap:25px;padding-top:33px;padding-bottom:33px}.footer-top>.brand{font-size:22px}.footer-top>p{font-size:10px;color:#94ab9c}.footer-top nav{display:flex;margin-left:auto;gap:28px;font-size:11px;color:#b3c6b7}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:8px;color:#859f8f;padding-top:18px;padding-bottom:22px}.mobile-cta{display:none}.skip{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-160%);background:var(--lime);color:var(--ink);padding:12px 18px;border-radius:5px}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1400px){.container{max-width:1280px}.hero-grid{padding-top:95px;padding-bottom:95px}.hero-copy h1{font-size:96px}}
@media(max-width:1000px){.container{padding-left:28px;padding-right:28px}.desktop-links{gap:18px;font-size:10px}.hero-grid{gap:25px}.hero-copy h1{font-size:70px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-art{padding-left:0}.overview-card{padding:23px;max-width:360px}.floating-note{max-width:290px;margin-right:0}.calculator-grid{gap:55px}.faq-grid{gap:50px}.section-heading h2,h2{font-size:43px}.terms-strip>div:not(:first-child){padding-left:25px}}
@media(max-width:760px){html{scroll-padding-top:90px}.container{padding-left:22px;padding-right:22px}.nav{height:76px;gap:12px}.brand{font-size:24px}.brand-mark{height:35px;width:34px;font-size:29px}.desktop-links,.nav-actions>.sign-in{display:none}.nav-actions{gap:12px}.nav-actions>.button{min-height:44px;font-size:11px;padding:10px 13px;gap:9px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:44px;border:1px solid #c9ef9b30;background:transparent;border-radius:6px}.menu-toggle span{width:16px;height:1px;background:var(--paper)}.mobile-nav{padding:10px 22px 20px;display:grid;border-top:1px solid var(--line)}.mobile-nav a{padding:12px 4px;font-size:14px;color:#d5e4d2}.hero-grid{grid-template-columns:1fr;gap:20px;padding-top:45px;padding-bottom:25px}.eyebrow{font-size:9px;margin-bottom:25px;letter-spacing:.16em}.hero-copy h1{font-size:clamp(61px,12.8vw,84px);max-width:500px;letter-spacing:-.065em}.hero-description{font-size:14px;line-height:1.85;max-width:360px;margin:22px 0}.hero-actions{gap:22px;flex-wrap:wrap}.hero-actions .button{font-size:12px;padding:15px 17px;gap:16px}.text-link{font-size:11px;min-height:44px;display:flex;align-items:center}.hero-note{margin-top:25px}.hero-note p{font-size:10px}.hero-art{max-width:450px;width:100%;margin:0 auto;padding:30px 12px 10px}.art-caption{font-size:7px;margin-bottom:17px}.overview-card{max-width:355px;padding:23px}.floating-note{margin-top:-1px;max-width:285px;padding:13px 15px}.illustration-note{margin:20px 0 0}.orbit{width:400px;height:400px;left:0;top:15px}.orbit-two{width:460px;height:300px;left:-30px;top:50px}.terms-strip{grid-template-columns:1fr 1fr;gap:23px 0;padding-top:24px;padding-bottom:26px}.terms-strip>div{padding:0 18px!important;border:0!important}.terms-strip>div:nth-child(2n){border-left:1px solid var(--line)!important}.terms-strip>div:nth-child(2n+1){padding-left:0!important}.terms-strip strong{font-size:30px}.terms-strip p{font-size:10px}.strip-copy{gap:12px}.strip-copy p{font-size:11px}.process-section{padding:55px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2,h2{font-size:40px;letter-spacing:-1.8px}.section-heading>p{font-size:13px;max-width:310px;margin:19px 0 0}.steps{grid-template-columns:1fr;gap:13px}.step{padding:24px}.step-top{margin-bottom:18px}.step h3{font-size:19px}.step p{font-size:13px;margin-bottom:18px}.step-label{font-size:9px}.calculator-section{padding:35px 0}.calculator-grid{grid-template-columns:1fr;gap:30px}.calculator-copy h2{font-size:43px}.calculator-copy>p:not(.eyebrow){font-size:13px;max-width:100%;margin:20px 0}.formula{margin-top:18px}.calculator-copy>p.risk-note{font-size:11px}.calculator-card{padding:16px 18px;border-radius:16px}.calculator-top h3{font-size:14px}.calculator-card label{font-size:11px}.amount-control input{font-size:24px;min-height:auto}.input-hint{font-size:10px}.presets button{min-height:32px;font-size:11px;padding:5px 6px}.estimate-lines>div{font-size:12px}.estimate-total{padding:10px 12px;gap:6px}.estimate-total>span{font-size:11px}.estimate-total small{font-size:9px}.estimate-total strong{font-size:20px}.calculator-footnote{font-size:9px}.calculator-cta{font-size:12px;min-height:40px;padding:9px 16px}.faq-section{padding:55px 0}.faq-grid{grid-template-columns:1fr;gap:28px}.faq-list summary{font-size:14px;padding:20px 0}.faq-list details p{font-size:13px}.dark-text-link{min-height:44px}.closing-section{padding:55px 0}.closing-inner h2{font-size:39px}.closing-inner>p:last-child{font-size:11px}.footer-top{flex-wrap:wrap;padding-top:28px;padding-bottom:20px;gap:13px}.footer-top>p{font-size:10px}.footer-top nav{flex-basis:100%;margin:8px 0 0;gap:28px}.footer-top nav a{min-height:44px;display:flex;align-items:center;font-size:12px}.footer-bottom{display:flex;flex-direction:column;gap:10px;font-size:9px;padding-bottom:110px}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;align-items:center;justify-content:space-between;gap:15px;padding:12px 22px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #c9ef9b30;background:#0d2522f7;box-shadow:0 -5px 30px #0002}.mobile-cta>a:first-child{font-size:12px;padding:10px 0;min-height:44px;display:flex;align-items:center}.mobile-cta .button{font-size:12px;min-height:44px;padding:11px 20px}.footer-bottom>span:last-child{max-width:300px}}
@media(max-width:360px){.container{padding-left:18px;padding-right:18px}.nav-actions{gap:8px}.nav-actions>.button svg{display:none}.hero-copy h1{font-size:58px}.hero-actions{gap:12px}.hero-art{padding-left:5px;padding-right:5px}.overview-card{padding:19px}.floating-note{max-width:255px}.floating-note div>span{font-size:7px}.estimate-total{flex-wrap:wrap}.calculator-card{padding:23px 17px}.hero-description{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* Mobile refinement: one persistent primary action, with a calmer first screen. */
@media (max-width:760px) {
  .nav { height:68px; }
  .nav-actions > .button { display:none; }
  .nav-actions > .sign-in { display:inline-flex; align-items:center; min-height:44px; padding:0 7px; font-size:12px; color:#d5e4d2; }
  .nav-actions { gap:12px; }
  .menu-toggle { border-radius:10px; }
  .hero-grid { padding-top:32px; gap:12px; }
  .hero-copy .eyebrow { margin-bottom:22px; font-size:8px; }
  .hero-copy h1 { font-size:clamp(51px,13.6vw,74px); line-height:1.04; letter-spacing:-.06em; }
  .hero-description { font-size:13px; line-height:1.85; margin:22px 0 14px; max-width:355px; }
  .hero-actions > .button { display:none; }
  .hero-actions { margin-top:4px; }
  .hero-actions .text-link { font-size:12px; border-bottom-color:#c9ef9b45; }
  .hero-note { margin-top:22px; padding:13px 15px; border:1px solid #c9ef9b20; background:#c9ef9b06; border-radius:10px; max-width:355px; }
  .hero-note p { font-size:10px; }
  .hero-note .mini-mark { font-size:22px; }
  .hero-art { padding-top:24px; }
  .art-caption { margin-bottom:18px; }
  .mobile-cta { padding-top:10px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); }
  .mobile-cta .button { border-radius:9px; min-height:46px; }
}

/* Clearer product-led hero: green identity, lighter dashboard and earlier preview. */
.hero-grid { padding-top:65px; padding-bottom:60px; }
.hero-copy h1 { font-size:clamp(60px,6.2vw,82px); line-height:1.08; }
.hero-description { max-width:340px; font-size:15px; }
.hero-note { margin-top:25px; }
.hero-art { padding-top:20px; padding-bottom:15px; }
.art-grid,.orbit { display:none; }
.art-caption { margin-bottom:18px; color:#b4c9b9; font-size:9px; letter-spacing:.12em; }
.overview-card { transform:none; background:#fafbf7; color:#173c31; border:1px solid #e2eadb; box-shadow:0 20px 65px #0002; }
.card-top { color:#254836; font-size:12px; }
.card-symbol { color:#325c3b; background:#e5eddc; }
.example-tag { color:#536d59; border-color:#d4dfca; font-size:9px; }
.card-label { color:#627967; font-size:11px; }
.principal > span { color:#8c9e89; }
.card-meta { color:#58715d; font-size:10px; }
.rate-pill { color:#375b28; background:#e5efd9; }
.chart-guides { background:repeating-linear-gradient(to bottom,transparent,transparent 31px,#49644414 32px); }
.growth-chart path[stroke] { stroke:#648e45; }
.growth-chart circle { fill:#648e45; stroke:#fafbf7; }
#chartFill stop { stop-color:#94b774; }
.chart-labels { color:#637963; font-size:9px; }
.card-bottom { border-color:#dce5d5; }
.card-bottom span { color:#5e765e; font-size:10px; }
.card-bottom strong { color:#254e31; }
.floating-note { transform:none; max-width:380px; margin:12px auto 0; background:#c9ef9b10; color:#e0ebdb; box-shadow:none; border:1px solid #c9ef9b22; }
.floating-note .note-icon { background:#c9ef9b18; color:#c9ef9b; }
.floating-note div > span { color:#b5c9b5; font-size:9px; }
.illustration-note { color:#a6bda9; font-size:9px; margin-top:15px; }
@media (max-width:760px) {
  .hero-grid { padding-top:28px; padding-bottom:22px; gap:20px; }
  .hero-copy h1 { font-size:clamp(45px,12.8vw,66px); line-height:1.06; }
  .hero-copy .eyebrow { margin-bottom:18px; font-size:9px; }
  .hero-description { font-size:14px; line-height:1.75; margin:18px 0 8px; max-width:340px; }
  .hero-note { margin-top:12px; border:0; background:none; padding:0; gap:10px; }
  .hero-note p { font-size:11px; }
  .hero-note .mini-mark { font-size:20px; width:28px; }
  .hero-art { padding:5px 0 0; }
  .art-caption { text-align:left; justify-content:flex-start; margin:0 0 12px; font-size:8px; }
  .overview-card { max-width:none; padding:21px; border-radius:13px; }
  .card-label { margin-top:20px; }
  .principal { font-size:38px; }
  .chart-area { margin-top:12px; }
  .growth-chart { max-height:90px; }
  .card-bottom { margin-top:16px; padding-top:14px; }
  .floating-note { max-width:none; padding:12px 14px; }
  .floating-note div > span { font-size:9px; }
}

/* ===================== REVIEWS SECTION ===================== */
.reviews-section {
  background: var(--forest);
  padding: 90px 0 80px;
  overflow: hidden;
}
.reviews-heading {
  text-align: center;
  margin-bottom: 52px;
}
.reviews-heading .eyebrow {
  justify-content: center;
  color: #a2b99f;
}
.reviews-heading h2 {
  color: var(--paper);
  margin: 0 0 14px;
}
.reviews-heading h2 .serif {
  color: var(--lime);
}
.reviews-sub {
  font-size: 13px;
  color: #8fa898;
  margin: 0;
  max-width: 420px;
  margin-inline: auto;
  line-height: 1.8;
}

/* Track / Carousel */
.reviews-track-wrap {
  position: relative;
  overflow: hidden;
  margin: 0 -40px;
  padding: 0 40px;
}
.reviews-track {
  display: flex;
  gap: 18px;
  transition: transform .45s cubic-bezier(.4,0,.2,1);
  will-change: transform;
  align-items: stretch;
}

/* Individual card */
.review-card {
  background: linear-gradient(145deg, #162e28, #0f2420);
  border: 1px solid #c9ef9b1a;
  border-radius: 14px;
  padding: 22px 22px 18px;
  flex: 0 0 calc(25% - 14px);
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform .2s, box-shadow .2s;
}
.review-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px #00000030;
}

/* Card top row */
.rc-top {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rc-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3a7a4a, #1d5237);
  color: var(--lime);
  font-weight: 700;
  font-size: 16px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  border: 1.5px solid #c9ef9b30;
}
.rc-meta {
  flex: 1;
  min-width: 0;
}
.rc-name {
  display: block;
  font-size: 12px;
  font-weight: 650;
  color: var(--paper);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rc-country {
  font-size: 10px;
  color: #7a9a86;
}
.rc-stars {
  display: flex;
  gap: 1px;
  flex-shrink: 0;
}
.star {
  font-size: 12px;
  color: #3d5242;
}
.star.on {
  color: #f5c542;
}

/* Review text */
.rc-text {
  font-size: 11.5px;
  color: #b0c4b8;
  line-height: 1.75;
  margin: 0;
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* Card footer */
.rc-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border-top: 1px solid #c9ef9b12;
  padding-top: 10px;
  flex-wrap: wrap;
}
.rc-email {
  font-size: 9.5px;
  color: #5e8070;
  font-family: monospace;
  background: #c9ef9b0a;
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid #c9ef9b15;
}
.rc-time {
  font-size: 9px;
  color: #4d6b5a;
}

/* Controls */
.reviews-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 30px;
}
.rc-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #c9ef9b25;
  background: #162e28;
  color: var(--paper);
  display: grid;
  place-items: center;
  transition: background .2s, border-color .2s;
}
.rc-btn:hover {
  background: #1f3e35;
  border-color: #c9ef9b50;
}
.rc-btn svg {
  width: 18px;
  height: 18px;
}


/* Summary bar */
.reviews-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-top: 44px;
  background: #0e2420;
  border: 1px solid #c9ef9b18;
  border-radius: 14px;
  padding: 24px 32px;
  flex-wrap: wrap;
}
.rs-score {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.rs-number {
  font-size: 38px;
  font-weight: 500;
  color: var(--paper);
  letter-spacing: -1.5px;
  line-height: 1;
}
.rs-stars {
  color: #f5c542;
  font-size: 14px;
  letter-spacing: 2px;
}
.rs-label {
  font-size: 9px;
  color: #5e7d6b;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.rs-divider {
  width: 1px;
  height: 40px;
  background: #c9ef9b18;
  margin: 0 32px;
}
.rs-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.rs-stat strong {
  font-size: 24px;
  font-weight: 500;
  color: var(--lime);
  letter-spacing: -.5px;
}
.rs-stat span {
  font-size: 10px;
  color: #6a8e78;
}

/* ===================== RESPONSIVE ===================== */
/* Tablet: 3 cards */
@media (max-width: 1100px) {
  .review-card { flex-basis: calc(33.333% - 13px); }
}
/* Small tablet: 2 cards */
@media (max-width: 760px) {
  .reviews-section { padding: 55px 0 50px; }
  .reviews-heading { margin-bottom: 32px; }
  .reviews-track-wrap { margin: 0 -22px; padding: 0 22px; }
  .review-card { flex-basis: calc(50% - 9px); padding: 18px 16px 14px; }
  .rc-text { font-size: 11px; -webkit-line-clamp: 5; }
  .reviews-summary { padding: 20px 18px; gap: 0; }
  .rs-divider { margin: 0 18px; }
  .rs-number { font-size: 30px; }
  .rs-stat strong { font-size: 20px; }
}
/* Mobile: 1 card + 2×2 summary grid */
@media (max-width: 480px) {
  .reviews-track-wrap { margin: 0 -18px; padding: 0 18px; }
  .review-card { flex-basis: calc(100% - 0px); }
  .reviews-summary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 20px;
  }
  .rs-divider { display: none; }
  .rs-score,
  .rs-stat {
    text-align: center;
    align-items: center;
  }
}