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

:root{--ink:#172c26;--green:#17634e;--mint:#dcebe2;--paper:#f7f7f2;--muted:#67736b;--line:#dfe4dc;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:-.7px}.brand-mark,.dash-icon{display:grid;place-items:center;background:var(--green);color:#fff;font-family:var(--display);font-weight:800}.brand-mark{width:32px;height:32px;border-radius:9px;font-size:18px}.brand-light{font-weight:500}.topbar nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600}.topbar nav a{text-decoration:none}.topbar nav>a:not(.nav-cta):hover,.text-link:hover{color:var(--green)}.nav-cta{padding:11px 15px;border:1px solid #cbd6cc;border-radius:5px}.nav-cta span{padding-left:12px;color:var(--green)}.hero{position:relative;min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding-block:74px 96px}.hero-copy{max-width:530px;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 23px;color:var(--green);font:500 10px var(--mono);letter-spacing:1.25px}.pulse{width:7px;height:7px;border-radius:50%;background:#48a77b;box-shadow:0 0 0 4px #48a77b20}h1,h2{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-2.6px;line-height:1.07}h1{font-size:clamp(44px,5.3vw,68px)}h1 em,h2 em{color:var(--green);font-style:normal}.intro{max-width:480px;margin:23px 0 27px;color:#647068;font-size:15px;line-height:1.8}.hero-actions,.closing-actions{display:flex;align-items:center;gap:12px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:29px;padding:0 17px;border-radius:4px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .16s,background-color .16s}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:var(--green)}.button-primary:hover{background:#104e3b}.button-primary span{font-size:17px}.button-quiet{gap:11px;color:var(--ink);background:transparent}.button-quiet:hover{color:var(--green)}.hero-note{margin:19px 0 0;color:#879087;font-size:11px}.dashboard{position:relative;z-index:1;padding:21px 23px 17px;border:1px solid #dce2da;border-radius:8px;background:#fff;box-shadow:0 22px 60px #203a2c13;transform:rotate(1deg)}.dash-top,.dash-title,.live,.dash-foot,.chart-head,.chart-days{display:flex;align-items:center}.dash-top,.chart-head,.dash-foot{justify-content:space-between}.dash-title{gap:8px;font:500 9px var(--mono);letter-spacing:.8px}.dash-icon{width:22px;height:22px;border-radius:6px;font:700 12px var(--display)}.slash{color:#aeb8b0}.live{gap:5px;padding:5px 7px;border-radius:3px;background:#eff7f0;color:#36734e;font:500 8px var(--mono)}.live i,.stock-dot{width:5px;height:5px;border-radius:50%;background:#50a66b}.dash-greeting{display:grid;gap:7px;margin:25px 0 17px}.dash-greeting span,.metric>span,.chart-head span{color:#89938c;font:9px var(--mono);letter-spacing:.6px}.dash-greeting strong{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.5px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.metric{display:grid;gap:8px;padding:14px;border:1px solid #e7ebe6;border-radius:5px}.metric>strong{font:600 22px var(--display);letter-spacing:-.7px}.metric small{color:#588263;font-size:9px}.metric small span{color:#98a198}.metric small:not(.up){color:#89938c}.chart{margin-top:12px;padding:14px;border:1px solid #e7ebe6;border-radius:5px}.chart-head strong{font-size:10px}.chart-head span{font-size:8px}.chart-bars{height:93px;display:flex;align-items:end;justify-content:space-around;gap:13px;padding:10px 6px 0;border-bottom:1px solid #e9ede8;background:repeating-linear-gradient(to bottom,transparent 0 29px,#eff1ed 30px)}.chart-bars i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:#8bb59a}.chart-bars i:nth-child(6){background:var(--green)}.chart-days{justify-content:space-around;padding-top:8px;color:#99a199;font:8px var(--mono)}.dash-foot{padding-top:14px;color:#758078;font-size:9px}.dash-foot>span:first-child{display:flex;align-items:center;gap:6px}.dash-foot b{color:#415c4d}.hero-stamp{position:absolute;right:-9px;bottom:55px;z-index:2;display:grid;gap:3px;padding:14px 17px;border:1px solid #cfd9cd;border-radius:50%;background:#f0f4e9;color:#637267;text-align:center;font:8px var(--mono);letter-spacing:.5px;transform:rotate(8deg)}.hero-stamp b{color:var(--green);font-weight:500}.hero-stamp span{position:absolute;top:-9px;right:3px;color:#dd9067;font-size:17px}.features-section{padding:93px 0 101px;background:#eef1e9}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2,.plans-section h2,.closing h2{font-size:clamp(37px,4.3vw,53px)}.section-heading>p{max-width:360px;margin:0 0 5px;color:#6f7a70;font-size:13px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7ded5;border-left:1px solid #d7ded5}.feature-card{position:relative;min-height:196px;padding:25px 26px;border-right:1px solid #d7ded5;border-bottom:1px solid #d7ded5}.feature-number{position:absolute;top:27px;right:25px;color:#9aa59b;font:9px var(--mono)}.feature-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#dce9dd;color:var(--green);font-size:19px}.feature-card h3,.plan-option h3{margin:17px 0 7px;font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:-.3px}.feature-card p,.plan-option p{max-width:270px;margin:0;color:#717c73;font-size:12px;line-height:1.7}.plans-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;padding-block:102px}.plan-copy>p:not(.eyebrow){max-width:365px;margin:20px 0;color:#6f7a70;font-size:13px;line-height:1.8}.text-link{display:inline-flex;gap:14px;margin-top:8px;color:var(--green);font-size:13px;font-weight:700;text-decoration:none}.plan-details{padding-top:4px}.plan-option{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:13px;padding:22px 0;border-bottom:1px solid var(--line)}.plan-option:first-child{border-top:1px solid var(--line)}.option-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--green);font-size:19px}.plan-option h3{margin:0 0 5px}.option-arrow{color:#88948a}.plan-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:22px;color:#7d887f;font-size:10px}.plan-bottom span{font:8px var(--mono);letter-spacing:.5px}.closing{padding:79px 0 85px;background:#e6eee5;text-align:center}.closing-inner>.eyebrow{justify-content:center}.closing h2{letter-spacing:-2px}.closing-inner>p:not(.eyebrow){margin:16px 0 24px;color:#6f7a70;font-size:13px}.closing-actions{justify-content:center}.button-outline{border:1px solid #b9c9bb;background:transparent;color:var(--ink)}.button-outline:hover{border-color:var(--green);color:var(--green)}.footer{min-height:81px;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer .brand{font-size:14px}.footer .brand-mark{width:27px;height:27px;border-radius:7px;font-size:15px}.footer>span{color:#7c867e;font-size:10px}.footer>a:last-child{color:#77837a;font:9px var(--mono);text-decoration:none}

@media(max-width:760px){.wrap{width:min(100% - 40px,560px)}.topbar{height:70px}.topbar nav{gap:15px;font-size:12px}.topbar nav>a:first-child{display:none}.nav-cta{padding:9px 10px}.hero{grid-template-columns:1fr;gap:38px;padding-block:60px 85px}.hero-copy{max-width:560px}.dashboard{width:min(100%,510px);justify-self:center}.hero-stamp{right:0;bottom:40px}.section-heading{align-items:start;flex-direction:column;gap:17px}.section-heading>p{max-width:480px}.features-section{padding:72px 0}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:180px}.plans-section{grid-template-columns:1fr;gap:35px;padding-block:75px}.closing{padding:67px 0}.footer>span{display:none}}
@media(max-width:440px){.wrap{width:calc(100% - 36px)}.brand{font-size:15px}.topbar nav{gap:8px}.topbar nav>a:nth-child(2){display:none}.nav-cta{font-size:11px}.hero{padding-top:49px;gap:32px}h1{font-size:clamp(39px,11vw,51px);letter-spacing:-1.9px}.intro{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:6px}.button-quiet{padding-left:4px}.dashboard{padding:17px 14px}.dash-title{font-size:8px}.metric{padding:11px}.metric>strong{font-size:19px}.chart{padding:11px}.hero-stamp{bottom:25px;right:-5px;font-size:7px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:158px;padding:21px}.feature-card h3{margin-top:13px}.section-heading h2,.plans-section h2,.closing h2{font-size:39px;letter-spacing:-1.8px}.plan-bottom{flex-direction:column}.closing-actions{flex-direction:column}.closing-actions .button{width:min(100%,250px)}.footer{min-height:70px}.footer>a:last-child{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Red brand palette and theme switch */
:root{color-scheme:light;--ink:#29201f;--green:#b4232d;--mint:#f5dfe0;--paper:#faf8f7;--muted:#756b69;--line:#e8ddda;--surface:#fff;--section:#f5eeeb;--soft:#f3e6e4;--red-dark:#8f1922}
body{transition:background-color .2s,color .2s}
.dashboard{background:var(--surface);border-color:var(--line)}
.features-section{background:var(--section)}
.closing{background:var(--soft)}
.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);font:600 11px var(--sans);cursor:pointer}
.theme-toggle:hover{border-color:var(--green);color:var(--green)}
.theme-icon{font-size:15px;line-height:1}
.nav-cta{border-color:var(--line)}
.pulse{background:#d34a52;box-shadow:0 0 0 4px #d34a5220}
.live{background:#f9e9e8;color:#9c2630}
.live i,.stock-dot{background:#c53a44}
.metric small{color:#a5333b}
.chart-bars i{background:#e8a5a8}
.hero-stamp{border-color:#e6c9c8;background:#f8ece9}
.hero-stamp span{color:#c45a5d}
.feature-grid,.feature-card{border-color:#e5d7d4}
.feature-icon{background:#f4dfe0}
.button-primary:hover{background:var(--red-dark)}
.button-outline{border-color:#d8b9b7}
html[data-theme="dark"]{color-scheme:dark;--ink:#f1e9e7;--green:#f06b72;--mint:#452629;--paper:#171515;--muted:#b9aaa7;--line:#393130;--surface:#211e1d;--section:#201c1b;--soft:#2d2020;--red-dark:#d84b54}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .intro,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .feature-card p,html[data-theme="dark"] .plan-copy>p:not(.eyebrow),html[data-theme="dark"] .plan-option p,html[data-theme="dark"] .closing-inner>p:not(.eyebrow){color:#b9aaa7}
html[data-theme="dark"] .hero-note,html[data-theme="dark"] .footer>span,html[data-theme="dark"] .footer>a:last-child,html[data-theme="dark"] .plan-bottom{color:#a99b98}
html[data-theme="dark"] .dashboard{background:#211e1d;border-color:#403635;box-shadow:0 22px 60px #0005}
html[data-theme="dark"] .metric,html[data-theme="dark"] .chart{border-color:#403635}
html[data-theme="dark"] .chart-bars{border-color:#403635;background:repeating-linear-gradient(to bottom,transparent 0 29px,#37302f 30px)}
html[data-theme="dark"] .chart-bars i{background:#9c454a}
html[data-theme="dark"] .chart-bars i:nth-child(6){background:var(--green)}
html[data-theme="dark"] .live{background:#392426;color:#ff9ba0}
html[data-theme="dark"] .hero-stamp{border-color:#584041;background:#302324;color:#c4b3b0}
html[data-theme="dark"] .feature-grid,html[data-theme="dark"] .feature-card{border-color:#393130}
html[data-theme="dark"] .feature-icon{background:#412629}
html[data-theme="dark"] .option-icon{border-color:#393130}
html[data-theme="dark"] .button-outline{border-color:#684347}
html[data-theme="dark"] .nav-cta{border-color:#493b39}
@media(max-width:760px){.theme-toggle{padding:7px}.theme-label{display:none}}

/* Larger, easier-to-read type */
body{font-size:16px}
.topbar nav{font-size:15px}
.theme-toggle{font-size:13px}
.eyebrow{font-size:11px}
h1{font-size:clamp(50px,6vw,76px)}
.intro{font-size:17px;line-height:1.75}
.button{font-size:15px;min-height:54px}
.hero-note{font-size:13px}
.section-heading h2,.plans-section h2,.closing h2{font-size:clamp(42px,4.8vw,60px)}
.section-heading>p,.plan-copy>p:not(.eyebrow),.closing-inner>p:not(.eyebrow){font-size:15px}
.feature-card h3,.plan-option h3{font-size:18px}
.feature-card p,.plan-option p{font-size:14px}
.plan-bottom{font-size:12px}
.footer>span{font-size:12px}
.hero-copy{animation:rise-in .7s cubic-bezier(.2,.7,.2,1) both}
.dashboard{animation:rise-in .8s .12s cubic-bezier(.2,.7,.2,1) both, float-in 7s 1s ease-in-out infinite}
.hero-stamp{animation:stamp-in .7s .5s cubic-bezier(.2,.8,.2,1) both}
.feature-card{transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}
.feature-card:hover{transform:translateY(-5px);background:color-mix(in srgb,var(--surface) 55%,transparent);box-shadow:0 12px 26px #6b22220d}
.feature-icon{transition:transform .22s ease}
.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-5deg)}
.plan-option{transition:padding .2s ease,color .2s ease}
.plan-option:hover{padding-left:8px}
.theme-toggle,.nav-cta{transition:color .2s ease,border-color .2s ease,background-color .2s ease}
@keyframes rise-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes stamp-in{from{opacity:0;transform:rotate(8deg) scale(.75)}to{opacity:1;transform:rotate(8deg) scale(1)}}
@keyframes float-in{0%,100%{transform:rotate(1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-7px)}}
@media(max-width:760px){.intro{font-size:16px}.section-heading>p,.plan-copy>p:not(.eyebrow),.closing-inner>p:not(.eyebrow){font-size:15px}.feature-card h3,.plan-option h3{font-size:17px}.feature-card p,.plan-option p{font-size:14px}}
@media(max-width:440px){h1{font-size:clamp(43px,12vw,56px)}.section-heading h2,.plans-section h2,.closing h2{font-size:clamp(40px,10vw,46px)}.button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.dashboard,.hero-stamp{animation:none}.feature-card,.feature-icon,.plan-option{transition:none}}

/* Brighter red accents and more expressive motion */
:root{--green:#e00016;--red-dark:#b00012}
html[data-theme="dark"]{--green:#ff394b;--red-dark:#e00016}
.brand-mark,.dash-icon{background:var(--green)}
.button-primary{position:relative;overflow:hidden;background:linear-gradient(110deg,#c90016 0%,#ed1028 48%,#c90016 100%);background-size:200% 100%;box-shadow:0 5px 16px #e0001633;transition:transform .22s ease,box-shadow .22s ease,background-position .45s ease}
.button-primary:hover{background-position:100% 0;box-shadow:0 9px 24px #e0001655;transform:translateY(-3px) scale(1.025)}
.button-primary::after{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 25%,#ffffff55 48%,transparent 70%);transform:translateX(-130%);transition:transform .65s ease}
.button-primary:hover::after{transform:translateX(130%)}
.pulse{position:relative;background:#f00020;box-shadow:0 0 0 5px #f000202b;animation:pulse-glow 1.8s ease-in-out infinite}
.hero-stamp{box-shadow:0 8px 22px #c8001620;animation:stamp-in .7s .5s cubic-bezier(.2,.8,.2,1) both,stamp-float 4s 1.2s ease-in-out infinite}
.dashboard{animation:rise-in .8s .12s cubic-bezier(.2,.7,.2,1) both,dashboard-float 5s 1s ease-in-out infinite}
.feature-card{animation:card-in .65s cubic-bezier(.2,.75,.25,1) both}
.feature-card:nth-child(2){animation-delay:.08s}.feature-card:nth-child(3){animation-delay:.16s}.feature-card:nth-child(4){animation-delay:.24s}.feature-card:nth-child(5){animation-delay:.32s}.feature-card:nth-child(6){animation-delay:.4s}
.feature-card:hover{border-color:#f00020;box-shadow:0 14px 30px #d0001620}
.feature-icon{background:#ffe2e5;color:#d00018}
html[data-theme="dark"] .feature-icon{background:#542127;color:#ff6572}
.chart-bars i{background:#ff9da7}
.chart-bars i:nth-child(6){background:var(--green)}
.hero-stamp b,.eyebrow,.text-link,.option-icon{color:var(--green)}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 4px #f000201c,0 0 0 0 #f0002000}50%{box-shadow:0 0 0 5px #f0002040,0 0 0 10px #f0002000}}
@keyframes dashboard-float{0%,100%{transform:rotate(1deg) translateY(0)}50%{transform:rotate(-.5deg) translateY(-11px)}}
@keyframes stamp-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes card-in{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.pulse,.hero-stamp,.dashboard,.feature-card{animation:none}.button-primary,.button-primary::after{transition:none}}

/* Stronger heading hierarchy and more spacious feature cards */
h1{font-size:clamp(58px,7vw,88px);line-height:1.02;letter-spacing:-3.8px}
.section-heading{align-items:center;gap:64px;margin-bottom:48px}
.section-heading h2,.plans-section h2,.closing h2{font-size:clamp(54px,6.1vw,76px);line-height:1.04;letter-spacing:-3.2px}
.section-heading>p{max-width:430px;font-size:18px;line-height:1.85}
.feature-grid{gap:14px;border:0}
.feature-card{min-height:244px;padding:32px;border:1px solid #ead5d4;border-radius:12px;background:var(--surface);box-shadow:0 8px 22px #76202908;animation:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.feature-card:hover{transform:translateY(-7px);border-color:#ff7883;background:var(--surface);box-shadow:0 18px 38px #76202918}
.feature-number{top:33px;right:31px;font-size:11px}
.feature-icon{width:48px;height:48px;border-radius:12px;font-size:23px}
.feature-card h3{margin:23px 0 10px;font-size:22px;letter-spacing:-.6px}
.feature-card p{max-width:330px;font-size:17px;line-height:1.75}
.intro,.plan-copy>p:not(.eyebrow),.plan-option p,.closing-inner>p:not(.eyebrow){font-size:17px}
.plan-option h3{font-size:20px}
.plan-bottom{font-size:13px}
.eyebrow{font-size:12px}
html[data-theme="dark"] .feature-card{border-color:#493637;background:#211e1d;box-shadow:0 8px 22px #0002}
html[data-theme="dark"] .feature-card:hover{border-color:#ff5867;background:#272020;box-shadow:0 18px 38px #0005}
html[data-theme="dark"] .section-heading>p{color:#c4b6b3}
@media(max-width:760px){
 h1{font-size:clamp(50px,9vw,72px);letter-spacing:-2.8px}
 .section-heading{gap:20px;margin-bottom:34px}
 .section-heading h2,.plans-section h2,.closing h2{font-size:clamp(46px,8vw,62px);letter-spacing:-2.5px}
 .section-heading>p{font-size:17px}
 .feature-grid{gap:12px}
 .feature-card{min-height:220px;padding:26px}
 .feature-card h3{font-size:20px}
 .feature-card p{font-size:16px}
}
@media(max-width:440px){
 h1{font-size:clamp(45px,12vw,58px);letter-spacing:-2.3px}
 .section-heading h2,.plans-section h2,.closing h2{font-size:clamp(42px,10.5vw,50px);letter-spacing:-2px}
 .feature-card{min-height:200px;padding:24px}
 .feature-card h3{font-size:19px}
 .feature-card p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.feature-card{transition:none}}

/* Temporarily hide the Multi-Branch feature card */
.feature-card:nth-child(6){display:none}
.closing-actions .button-outline{display:none}