/* Visual refresh: retains every original feature, chart and product preview. */
:root{--bg:#fffaf4;--text:#233d38;--muted:#65756d;--primary:#168c7f;--primary-deep:#116b60;--accent:#f67138;--line:#e2e5db;--radius:20px;--shadow:0 8px 30px #273e3210;--shadow-hover:0 14px 35px #273e321c}
body{background:#fffdf9;color:var(--text)}
.container{width:min(1180px,91vw)}
.site-header{background:#fffdf9f5;border-bottom:1px solid #e8e7dd;backdrop-filter:blur(10px)}
.nav{min-height:82px;gap:20px}.brand-text{font-size:22px;letter-spacing:-.8px}.brand-mark{width:44px;height:44px;border-radius:12px;object-fit:cover;background:none}.menu{gap:20px;font-size:13px}.nav-ico{display:none}.menu .guide-nav{color:#b24724;font-weight:700}
.section{padding:78px 0}.hero{background:#f7ddc7;padding:62px 0;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.3fr .8fr;gap:55px;align-items:center}.hero-copy{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:15px 0;height:auto}.eyebrow{color:#b14e2a;font-size:12px;letter-spacing:1.4px;margin-bottom:19px}.hero-title{font-size:clamp(38px,4.3vw,59px);line-height:1.25;color:#173f36;letter-spacing:-2px;margin-bottom:23px}.lead{font-size:16px;line-height:1.95;color:#485e50}.lead strong{color:#285a4b}.lead mark{background:linear-gradient(transparent 67%,#e89b6370 67%)}.lead-sub{font-size:14px;color:#64705b}.hero-cta{margin-top:8px;padding-top:17px}.hero-cta-left{gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;font-size:13px;padding:12px 20px;border-radius:10px;box-shadow:none}.btn-primary{background:#176e60;box-shadow:none}.btn-secondary{background:#fffaf4;border-color:#cfb79e;color:#355c48}.btn-notice{background:#fff2d9;border:1px solid #c98350;color:#893d1c;font-weight:700}.hero-qr img{width:82px;height:82px;border:0;padding:5px;border-radius:11px;box-shadow:none}.hero-visual{position:relative;padding:20px 25px;background:#fff8ed60;border:1px solid #fff6e9;border-radius:150px 150px 35px 35px}.phone-single{width:min(100%,290px)}.phone-mockup{background:#253b34;box-shadow:0 18px 38px #5b503628}.phone-screen{height:490px}.phone-notch{background:#142d24}.screen-header{background:#258675}.month-pill{background:#268977}.card{background:white;border:1px solid var(--line);box-shadow:none;padding:28px;border-radius:17px}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}h2{font-size:clamp(26px,3vw,36px);line-height:1.4;letter-spacing:-1px;margin-bottom:23px}h3{font-size:20px;line-height:1.45}.card p{color:#657568;font-size:14px;line-height:1.9}.section-soft{background:#eff3ec;border-top:0;border-bottom:0}.value-grid{gap:20px}.value-grid .card{padding:29px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-grid .card:last-child{grid-column:span 2}.card-ico{background:#e7f0e5;border:0;color:#1a7d67;width:48px;height:48px;font-size:24px;border-radius:14px}.feature-grid .card:nth-child(2) .card-ico,.feature-grid .card:nth-child(4) .card-ico{background:#fff0d9}.mock-dashboard{margin-top:32px;gap:22px}.chart-card{padding:28px;background:#fff;border:1px solid #d9e4da}.chart-head{align-items:center;flex-wrap:wrap}.chart-head h3{font-size:19px}.chart-total{font-size:12px;background:#f0f4ec;padding:5px 9px;border-radius:8px}.bar-chart{height:215px;gap:18px;padding:15px 0 0;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#eaf0e9 44px,#eaf0e9 45px)}.bar-col .bar{background:linear-gradient(180deg,#53b7a4,#1b8272);border-radius:6px 6px 0 0;box-shadow:none;width:75%;margin:auto auto 0}.chart-card:nth-child(2) .bar{background:linear-gradient(180deg,#ffbd7c,#eb8249)}.bar-col em{text-align:center}.mini-ico,.kpi-ico{border:0;background:#edf4e8}.stats-kpi-grid{margin-top:22px;gap:16px}.kpi-card{padding:24px 15px}.kpi-card strong{font-size:34px;letter-spacing:-1px;margin-top:12px;color:#1b7d69}.mock-tip{margin-top:17px;font-size:12px}.chips span{background:#fff;border-color:#dddace;color:#5b6b5b;padding:10px 20px}.notification-section{background:#f9ecdf}.notification-guide{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.notification-guide p{font-size:14px;color:#6d7260;line-height:1.9}.notification-guide .btn{margin-top:16px}.notification-guide img{border-radius:18px;box-shadow:0 12px 30px #79533015;width:100%}.section-cta{background:#fffdf9}.cta-wrap{background:#1d4439;color:#fff;border:0;box-shadow:none;border-radius:24px;padding:45px 50px}.cta-wrap .eyebrow{color:#c4dbc0}.cta-wrap h2{color:#fff}.cta-wrap p{color:#d0ddcd;font-size:14px}.qr-box{background:white;padding:14px;border-radius:15px}.qr-box figcaption{color:#58705c}.faq-list .card{box-shadow:none}.faq-list summary{color:#244b3a}.site-footer{background:#183c32;color:#c4d4c3;border:0;padding:34px 0;font-size:12px}.site-footer a{color:#d4e3cf}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e88143;outline-offset:4px}
@media(max-width:1050px){.menu{gap:12px;font-size:12px}.hero-grid{gap:30px}.hero-title{font-size:44px}.hero-visual{padding:18px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid .card:last-child{grid-column:span 2}}
@media(max-width:760px){.section{padding:48px 0}.nav{min-height:70px}.brand-text{font-size:19px}.hero{padding:32px 0 38px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-copy{padding:0}.hero-title{font-size:35px;letter-spacing:-1px}.eyebrow{font-size:11px;margin-bottom:13px}.lead{font-size:14px;line-height:1.95}.lead-sub{font-size:13px}.hero-cta{gap:16px}.hero-cta-left{flex-basis:100%}.btn{padding:11px 15px;font-size:12px}.hero-qr{display:flex;align-items:center;gap:12px}.hero-qr img{width:68px;height:68px}.hero-visual{width:min(350px,100%);margin:auto;border-radius:100px 100px 25px 25px;padding:20px}.phone-single{width:265px}.phone-screen{height:465px}.value-grid{grid-template-columns:1fr;gap:12px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-grid .card:last-child{grid-column:auto}.card,.value-grid .card{padding:24px}.mock-dashboard{grid-template-columns:1fr;gap:15px}.bar-chart{height:180px;gap:12px}.chart-card{padding:22px}.chart-head h3{font-size:17px}.stats-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi-card{padding:20px 12px}.kpi-card strong{font-size:29px}.notification-guide{grid-template-columns:1fr;gap:25px}.notification-guide h2{font-size:26px}.cta-wrap{padding:28px}.qr-box{width:190px}.menu.open{background:#fffdf9;border:1px solid #e1e3d8;border-radius:14px;padding:15px}.menu.open a{padding:9px 12px}.menu.open .guide-nav{background:#fff0de;border-radius:8px}.site-footer{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen-track{animation:none}.btn,.card{transition:none}}

.notification-guide img{height:auto}
@media(max-width:760px){.hamburger{display:flex}.menu{display:none;position:fixed;top:70px;left:4.5vw;right:4.5vw;flex-direction:column;z-index:25;max-height:calc(100dvh - 90px);overflow:auto;font-size:14px;gap:5px}.menu.open{display:flex}.hero-cta-left{flex-direction:row;flex-wrap:wrap}.hero-qr{align-self:flex-start}.notification-guide img{height:auto}}