.demo-mode{padding-top:48px}.demo-mode .sidebar{top:48px}.demo-mode .topbar{top:48px}.demo-banner{position:fixed;inset:0 0 auto 0;min-height:48px;background:#fff3cd;border-bottom:1px solid #ead08a;color:#624b08;display:flex;align-items:center;justify-content:center;gap:22px;padding:7px 18px;z-index:50}.demo-banner div{display:flex;align-items:center;gap:12px}.demo-banner span{font-size:12px}.demo-cta-button{display:inline-flex;align-items:center;justify-content:center;background:#1877f2;color:#fff!important;border-radius:8px;padding:10px 15px;font-weight:800;white-space:nowrap;box-shadow:0 3px 10px #1877f233;transition:transform .15s,background .15s}.demo-cta-button:hover{background:#0d65d9;transform:translateY(-1px)}.demo-cta-button.compact{font-size:12px;padding:7px 10px}.sidebar-cta{margin:24px 5px 5px;padding:14px;border:1px solid #315044;border-radius:10px;color:#dcebe4;background:#172d25}.sidebar-cta small,.sidebar-cta strong{display:block;margin-bottom:8px}.sidebar-cta small{color:#88a99a}.in-app-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;margin-top:28px;border-radius:12px;background:linear-gradient(120deg,#10291f,#174e39);color:#fff}.in-app-cta div>*{display:block}.in-app-cta small{color:#7ed7aa;text-transform:uppercase;letter-spacing:.12em}.in-app-cta strong{font-size:18px}.in-app-cta span{color:#b9cec4}.demo-blocked{background:#eaf2ff;color:#174c8f;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-blocked span{flex:1}.dashboard-charts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.bar-chart{height:220px;display:flex;align-items:flex-end;gap:8px;padding-top:10px}.bar-chart>div{height:100%;min-width:20px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.bar-chart span{display:block;min-height:5px;border-radius:5px 5px 2px 2px;background:linear-gradient(#42b982,#167d55)}.bar-chart small{font-size:9px;color:var(--muted);margin-top:7px;white-space:nowrap}.progress-row{margin:13px 0}.progress-row>div{display:flex;justify-content:space-between;gap:10px}.progress-row small{color:var(--muted)}.progress-row>span{display:block;height:7px;background:#edf2ef;border-radius:10px;margin-top:5px;overflow:hidden}.progress-row i{display:block;height:100%;background:var(--green);border-radius:10px}
.demo-landing{padding:0;background:#f5f8f6}.landing-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#0f251d}.landing-nav .brand{padding:0}.landing-nav .brand small{letter-spacing:.05em}.landing-hero{min-height:650px;background:radial-gradient(circle at 85% 20%,#246b4b 0,#10271e 45%,#0b1c16 100%);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:70px max(24px,calc((100vw - 1180px)/2))}.landing-copy h1{font-size:58px;line-height:1.04;margin:10px 0 22px;max-width:620px}.landing-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#c6d8d0;max-width:620px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-actions form{margin:0}.landing-button{padding:13px 20px;font-size:15px}.demo-trust{display:flex;gap:18px;flex-wrap:wrap;color:#a7c6b8;font-size:12px;margin-top:28px}.preview-window{background:#fff;border:1px solid #ffffff33;border-radius:15px;box-shadow:0 30px 80px #0006;overflow:hidden;transform:perspective(1000px) rotateY(-4deg);animation:floatPreview 5s ease-in-out infinite}.preview-bar{height:38px;background:#e9efec;display:flex;align-items:center;gap:5px;padding:0 12px;color:#617168;font-size:10px}.preview-bar i{width:8px;height:8px;border-radius:50%;background:#bdcac4}.preview-bar span{margin-left:10px}.preview-body{height:350px;display:grid;grid-template-columns:80px 1fr}.preview-sidebar{background:#12271f}.preview-content{padding:28px;color:#17231e}.preview-content>p{text-transform:uppercase;font-size:10px;color:#167d55;font-weight:bold}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-metrics b{padding:18px 8px;background:#f1f6f3;border-radius:7px;font-size:13px}.preview-chart{height:165px;margin-top:25px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #d9e3de}.preview-chart span{flex:1;background:linear-gradient(#43bd82,#167d55);border-radius:5px 5px 0 0}.landing-section{max-width:1180px;margin:0 auto;padding:90px 24px;text-align:center}.landing-section h2,.landing-final h2{font-size:36px;margin:8px auto 35px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.feature-card:hover{transform:translateY(-4px);border-color:#9ccdb5}.feature-card>span{font-size:24px;color:var(--green)}.feature-card h3{margin:13px 0 6px}.feature-card p{color:var(--muted);margin:0}.business-section{max-width:none;background:#e9f4ee;display:grid;grid-template-columns:1fr 1.3fr;gap:50px;text-align:left;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.business-section h2{margin-left:0}.business-tags{display:flex;flex-wrap:wrap;align-content:center;gap:10px}.business-tags span{padding:10px 14px;background:#fff;border:1px solid #cde0d6;border-radius:30px;font-weight:700}.demo-disclaimer{max-width:900px;margin:65px auto 0;text-align:center;padding:22px;background:#fff5d8;border:1px solid #ead59c;border-radius:12px;color:#715400}.demo-disclaimer p{margin:5px 0}.landing-final{text-align:center;background:#10271e;color:#fff;margin-top:70px;padding:80px 24px}.landing-final h2{max-width:750px;margin-bottom:10px}.landing-final>p:not(.eyebrow){color:#b9cec4}.landing-final .hero-actions{justify-content:center}.demo-landing footer{padding:24px;text-align:center;background:#091913;color:#9db5aa}.demo-landing footer span{margin-left:20px}@keyframes floatPreview{50%{transform:perspective(1000px) rotateY(-4deg) translateY(-8px)}}
@media(max-width:1050px){.dashboard-charts{grid-template-columns:1fr 1fr}.chart-card{grid-column:1/-1}.landing-hero{gap:30px}.landing-copy h1{font-size:45px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.demo-mode{padding-top:72px}.demo-mode .sidebar{top:72px}.demo-mode .topbar{top:72px}.demo-banner{min-height:72px;justify-content:space-between;padding:8px 10px}.demo-banner div{display:block}.demo-banner span{display:block;font-size:10px;line-height:1.2;max-width:210px}.demo-banner .demo-cta-button{white-space:normal;text-align:center;max-width:130px}.sidebar{width:min(290px,86vw);box-shadow:15px 0 40px #0005}.nav-open:after{content:"";position:fixed;inset:72px 0 0;background:#07140e88;z-index:15}.topbar{height:64px}.userbox>div{display:none}.content{overflow:hidden}.page-head{flex-direction:column}.page-head .btn{width:100%}.btn,input,select,textarea{min-height:44px}.filters>*{width:100%!important;min-width:0!important}.actions{min-width:180px}.cart-line{grid-template-columns:1fr auto}.cart-line>b{grid-column:1}.in-app-cta{display:block;text-align:center}.in-app-cta .demo-cta-button{margin-top:15px;width:100%}.dashboard-charts{grid-template-columns:1fr}.chart-card{grid-column:auto}.bar-chart{height:190px;gap:4px}.bar-chart small{transform:rotate(-35deg);margin:10px -10px 0}.landing-nav{height:68px;padding:0 16px}.landing-nav .brand small{display:none}.landing-nav .demo-cta-button{font-size:10px;white-space:normal;max-width:150px;text-align:center}.landing-hero{min-height:auto;grid-template-columns:1fr;padding:65px 20px}.landing-copy h1{font-size:42px}.landing-copy>p:not(.eyebrow){font-size:16px}.landing-preview{display:none}.hero-actions>*{width:100%}.hero-actions .btn,.hero-actions .demo-cta-button{width:100%}.demo-trust{display:grid;gap:7px}.landing-section{padding:60px 18px}.landing-section h2,.landing-final h2{font-size:29px}.feature-grid{grid-template-columns:1fr}.business-section{grid-template-columns:1fr;gap:20px}.demo-disclaimer{margin:35px 16px 0}.demo-landing footer span{display:block;margin:5px 0 0}}
@media(max-width:430px){.metrics,.metrics.compact{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.product-tile{min-width:0;padding:12px;min-height:150px}.pos-tools{display:grid;grid-template-columns:1fr}.pos-tools select{width:100%}.receipt-totals{width:100%}.cart{padding:15px}.login-panel{padding:25px}.landing-copy h1{font-size:36px}}
@media print{.demo-banner,.in-app-cta{display:none!important}}