:root{--primary:#0F7B5A;--primary-dark:#07543F;--primary-hover:#0B6B4E;--mint:#E8F6F0;--cream:#FFF9ED;--cream2:#FFFDF8;--dark:#0C2923;--navy:#071D32;--text:#102620;--soft:#607873;--muted:#87978F;--line:#DDECE5;--white:#fff;--orange:#FFB020;--red:#D64545;--blue:#3975F6;--shadow:0 22px 70px rgba(12,41,35,.12);--shadow2:0 12px 34px rgba(12,41,35,.08);--max:1240px;--nav:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;color:var(--text);background:var(--cream2);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:92px 0}.section.white{background:#fff}.section.soft{background:#F4F9F6}.section.cream{background:var(--cream)}.section.dark{background:var(--dark);color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #CDE9DE;border-radius:999px;background:var(--mint);color:var(--primary-dark);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.eyebrow.dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#D7F2E8}.title{font-size:clamp(34px,4.6vw,62px);line-height:1.04;letter-spacing:-.055em;margin:14px 0 0;font-weight:800}.copy{font-size:16px;color:var(--soft);line-height:1.8;margin:16px 0 0}.dark .copy{color:#B8D0C7}.center{text-align:center}.center .copy{max-width:760px;margin-left:auto;margin-right:auto}.btn{min-height:48px;padding:0 20px;border-radius:14px;border:1.5px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:13px;transition:.22s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.22),transparent 80%);transform:translateX(-120%);transition:.55s}.btn:hover:before{transform:translateX(120%)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 14px 28px rgba(15,123,90,.2)}.btn-primary:hover{background:var(--primary-hover)}.btn-light{background:#fff;border-color:var(--line);color:var(--text)}.btn-dark{background:var(--dark);color:#fff}.btn-outline{background:transparent;border-color:rgba(255,255,255,.22);color:#fff}.btn-sm{min-height:42px;padding:0 16px;border-radius:12px}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:10px;font-weight:800;color:var(--soft)}

/* NAV */
.nav{position:fixed;z-index:1000;top:0;left:0;right:0;height:var(--nav);display:flex;align-items:center;background:rgba(255,253,248,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(12,41,35,.06)}.nav.scrolled{box-shadow:0 12px 34px rgba(12,41,35,.07)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{height:48px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:3px}.nav-links a,.nav-links button{border:0;background:transparent;padding:10px 11px;border-radius:10px;color:#526A61;font-size:12px;font-weight:800}.nav-links a:hover,.nav-links button:hover{background:var(--mint);color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:8px}.signin{min-height:42px;padding:0 16px;border-radius:12px;border:1px solid #BFD7CD;background:#fff;color:var(--dark);font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:8px}.signin:hover{border-color:var(--primary);color:var(--primary)}.hamb{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--dark)}.mobile-nav{display:none;position:fixed;z-index:999;top:86px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow)}.mobile-nav.open{display:grid;gap:4px}.mobile-nav a,.mobile-nav button{border:0;background:transparent;text-align:left;padding:12px 13px;border-radius:11px;font-weight:800;color:#566D64}.mobile-nav .btn{text-align:center;color:#fff}

/* LAUNCH RAIL */
.launch-rail{overflow:hidden;background:linear-gradient(90deg,#0C2923,#0F7B5A,#0C2923);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.rail-track{display:flex;width:max-content;animation:rail 24s linear infinite}.rail-track span{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:10px 26px;font-size:11px;font-weight:800;letter-spacing:.02em}.rail-track b{color:#FFDA72}.rail-dot{width:6px;height:6px;border-radius:50%;background:#69E2B9}.launch-rail:hover .rail-track{animation-play-state:paused}@keyframes rail{to{transform:translateX(-50%)}}

/* HERO */
.hero{padding:calc(var(--nav) + 42px) 0 70px;position:relative;background:radial-gradient(circle at 80% 15%,rgba(15,123,90,.14),transparent 27%),radial-gradient(circle at 7% 84%,rgba(255,222,157,.25),transparent 30%),var(--cream2);overflow:hidden}.hero:before{content:"";position:absolute;right:-160px;top:110px;width:430px;height:430px;border:1px solid rgba(15,123,90,.1);border-radius:50%;box-shadow:0 0 0 65px rgba(15,123,90,.025),0 0 0 130px rgba(15,123,90,.013)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}.hero h1{font-size:clamp(48px,6.3vw,86px);line-height:.98;letter-spacing:-.07em;margin:18px 0 20px;max-width:700px}.hero h1 .accent{color:var(--primary)}.hero-copy{position:relative;z-index:3}.hero-copy>p{font-size:18px;line-height:1.75;color:var(--soft);max-width:650px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 18px}.proof{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#647970;font-weight:800}.proof span{display:flex;align-items:center;gap:7px}.proof i{color:var(--primary)}.hero-offer{margin-top:17px;display:flex;gap:8px;flex-wrap:wrap}.hero-offer .pill strong{color:var(--primary)}

/* HERO DEMO */
.hero-demo{position:relative;min-height:610px}.demo-glow{position:absolute;inset:60px 20px 20px 70px;border-radius:50%;background:radial-gradient(circle,rgba(15,123,90,.2),rgba(15,123,90,.04) 48%,transparent 70%)}.dash{position:absolute;right:0;top:42px;width:88%;background:#F6F9F7;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 40px 90px rgba(12,41,35,.17);transform:rotate(1deg)}.dash-top{height:44px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#D7E2DD}.dash-title{font-size:8px;font-weight:800;color:#71857C}.dash-body{display:grid;grid-template-columns:106px 1fr;min-height:410px}.dash-side{background:#fff;border-right:1px solid var(--line);padding:12px 8px}.dash-side b{font-size:9px;padding:7px;display:block}.dnav{font-size:6px;padding:7px;border-radius:7px;color:#75877F;margin:2px 0;font-weight:800}.dnav.active{background:var(--primary);color:#fff}.dash-main{padding:12px}.mini-heading{display:flex;justify-content:space-between;align-items:flex-start}.mini-heading h4{font-size:12px;margin:0}.mini-heading p{font-size:6px;color:#86958F;margin:2px 0}.livepill{font-size:6px;font-weight:800;color:var(--primary);background:var(--mint);padding:4px 6px;border-radius:999px}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0}.mini-kpi{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px}.mini-kpi small{font-size:5px;color:#89978F;display:block}.mini-kpi b{font-size:12px;display:block;margin-top:2px}.mini-board{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-col{background:#ECF3F0;border-radius:9px;padding:7px;min-height:175px}.mini-colhead{font-size:6px;font-weight:800;display:flex;justify-content:space-between;color:#63776F}.mini-order{background:#fff;border:1px solid #DDE8E3;border-radius:8px;padding:7px;margin-top:5px;box-shadow:0 7px 16px rgba(12,41,35,.05)}.mini-order b{font-size:6px;display:flex;justify-content:space-between}.mini-order p{font-size:5px;color:#84938D;margin:4px 0}.mini-order span{font-size:5px;font-weight:800;color:var(--primary)}.mini-order.live-order{border-color:#98D7C0;animation:pulseCard 1.5s infinite}@keyframes pulseCard{50%{box-shadow:0 0 0 5px rgba(15,123,90,.06)}}.phone{position:absolute;left:0;bottom:0;width:215px;background:#10211B;border:7px solid #10211B;border-radius:38px;box-shadow:0 34px 70px rgba(12,41,35,.3);transform:rotate(-4deg);z-index:4}.phone-screen{min-height:455px;border-radius:27px;background:#FFFDF8;overflow:hidden}.notch{width:68px;height:17px;background:#10211B;border-radius:0 0 12px 12px;margin:auto}.phone-head{padding:11px;background:#fff;border-bottom:1px solid var(--line)}.phone-row{display:flex;gap:8px;align-items:center}.rmark{width:32px;height:32px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.rmeta{flex:1}.rmeta b{font-size:7px;display:block}.rmeta span{font-size:5px;color:#789087}.tabletag{font-size:5px;color:var(--primary);background:var(--mint);padding:4px 6px;border-radius:999px;font-weight:800}.phone-search{margin:8px 9px 6px;background:#F0F4F2;border-radius:8px;padding:7px;font-size:5px;color:#8B9A93}.phone-tabs{display:flex;gap:4px;padding:0 9px 7px}.phone-tabs span{font-size:4.7px;background:#EDF2EF;padding:4px 6px;border-radius:999px;font-weight:800}.phone-tabs .active{background:var(--primary);color:#fff}.dish{display:grid;grid-template-columns:1fr 50px;gap:7px;padding:8px 9px;border-top:1px solid var(--line)}.dish b{font-size:6px}.dish p{font-size:4.7px;color:#82918B;margin:2px 0}.dish strong{font-size:5.5px}.dishpic{border-radius:9px;background:linear-gradient(145deg,#F1B969,#A44B36)}.addbtn{float:right;font-size:4px;color:var(--primary);border:1px solid #B6DDD0;background:#fff;border-radius:5px;padding:3px 4px;font-weight:800}.cartbar{margin:7px 9px;background:var(--primary);color:#fff;padding:8px;border-radius:9px;display:flex;justify-content:space-between;font-size:5.5px;font-weight:800}.event-toast{position:absolute;right:10px;top:8px;background:var(--dark);color:#fff;border-radius:14px;padding:10px 12px;box-shadow:var(--shadow2);z-index:5;width:175px;animation:floaty 3.5s ease-in-out infinite}.event-toast small{font-size:5px;color:#7CE4C0;font-weight:800}.event-toast b{font-size:7px;display:block;margin:2px 0}.event-toast span{font-size:5px;color:#BDD3CB}@keyframes floaty{50%{transform:translateY(-6px)}}

/* VALUE + CARDS */
.value-strip{background:var(--dark);color:#fff;padding:22px 0}.value-grid{display:grid;grid-template-columns:repeat(4,1fr)}.value{padding:5px 22px;border-right:1px solid rgba(255,255,255,.1)}.value:last-child{border:0}.value b{font-size:13px;display:flex;gap:8px;align-items:center}.value i{color:#67E1B8}.value span{display:block;font-size:9px;color:#9EB6AD;margin-top:3px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 8px 24px rgba(12,41,35,.035)}.card:hover{border-color:#B7D6CA;transform:translateY(-3px);transition:.2s;box-shadow:var(--shadow2)}.iconbox{width:44px;height:44px;border-radius:14px;background:var(--mint);color:var(--primary);display:grid;place-items:center;font-size:16px}.card h3{font-size:16px;margin:16px 0 7px}.card p{font-size:11px;color:var(--soft);line-height:1.7}.card .tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.card .tags span{font-size:8px;font-weight:800;background:#F1F6F3;color:#637870;padding:5px 7px;border-radius:999px}

/* PRODUCT PREVIEW */
.product-strip{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.product-map{background:#fff;border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:var(--shadow)}.system-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.system-node{border:1px solid var(--line);background:#F8FBF9;border-radius:15px;padding:14px;min-height:100px}.system-node i{color:var(--primary);font-size:16px}.system-node b{display:block;font-size:11px;margin:7px 0 4px}.system-node span{font-size:8px;color:var(--soft)}.system-arrow{text-align:center;color:var(--primary);padding:8px}.system-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.system-badges span{font-size:9px;font-weight:800;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 9px}

/* PRICING */
.pricing-wrap{position:relative}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1040px;margin:42px auto 0}.price-card{position:relative;border-radius:30px;padding:30px;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow2)}.price-card.pro{background:var(--dark);color:#fff;border-color:var(--dark);box-shadow:0 28px 72px rgba(12,41,35,.2)}.launch-tag{position:absolute;right:-46px;top:20px;transform:rotate(35deg);width:190px;text-align:center;background:linear-gradient(90deg,#FFE27A,#FFB020);color:#332300;padding:7px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 7px 20px rgba(255,176,32,.25)}.plan-name small{font-size:9px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.1em}.pro .plan-name small{color:#77E0BC}.plan-name h3{font-size:27px;margin:5px 0 0}.mrp-label{font-size:9px;color:#8A9992;font-weight:800;text-transform:uppercase;margin-top:22px}.pro .mrp-label{color:#A6BCB4}.old-price{display:inline-block;font-size:30px;font-weight:900;color:#7D8D86;position:relative;margin-top:3px}.old-price:after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:3px;background:#D64545;transform:rotate(-7deg);border-radius:999px}.pro .old-price{color:#91A79F}.launch-label{margin-top:12px;display:flex;align-items:center;gap:8px;color:#B66A00;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.pro .launch-label{color:#FFCD65}.launch-price{font-size:63px;line-height:.95;font-weight:900;letter-spacing:-.065em;color:var(--primary);margin-top:4px}.pro .launch-price{color:#74E0BB}.launch-price small{font-size:13px;letter-spacing:0;font-weight:700;color:#71857C}.pro .launch-price small{color:#B2C9C0}.annual-pill{display:inline-flex;gap:7px;align-items:center;margin-top:11px;padding:8px 10px;border-radius:10px;background:var(--mint);color:var(--primary-dark);font-size:10px;font-weight:900}.annual-pill del{color:#799087}.pro .annual-pill{background:rgba(255,255,255,.08);color:#C5EADF}.price-desc{font-size:11px;color:var(--soft);line-height:1.7;margin:16px 0}.pro .price-desc{color:#AAC0B7}.feature-title{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:20px 0 10px}.feature-list{display:grid;gap:9px}.feature-list div{display:flex;gap:9px;font-size:10px;font-weight:700}.feature-list i{color:var(--primary);margin-top:3px}.pro .feature-list i{color:#69E0B8}.support-chip{margin:18px 0 14px;padding:10px 12px;border-radius:12px;border:1px solid #CBE3DA;background:#F7FBF9;font-size:9px;font-weight:800;color:#587067}.pro .support-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.11);color:#BBD3CA}.price-card .btn{width:100%;margin-top:18px}.offer-expiry{max-width:1040px;margin:14px auto 0;border:1px solid #ECDCAA;background:#FFF9E5;color:#6C5200;border-radius:13px;padding:11px 14px;font-size:10px;font-weight:800;text-align:center}.trial-box{max-width:1040px;margin:16px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trial-box div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.trial-box b{font-size:11px;display:block}.trial-box span{font-size:8px;color:var(--soft)}

/* FAQ */
.faq{max-width:900px;margin:38px auto 0;border-top:1px solid var(--line)}.faqitem{border-bottom:1px solid var(--line)}.faqq{width:100%;border:0;background:transparent;padding:20px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left;color:var(--text);font-size:13px;font-weight:800}.faqq i{color:var(--primary);transition:.2s}.faqa{display:none;padding:0 34px 18px 0;font-size:11px;color:var(--soft);line-height:1.8}.faqitem.open .faqa{display:block}.faqitem.open .faqq i{transform:rotate(45deg)}

/* MODALS */
.modal-backdrop{position:fixed;z-index:2000;inset:0;background:rgba(7,29,50,.68);backdrop-filter:blur(9px);display:none;padding:24px;overflow:auto}.modal-backdrop.open{display:grid;place-items:center}.modal{width:min(1050px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;border:1px solid rgba(255,255,255,.35);box-shadow:0 40px 110px rgba(0,0,0,.3);position:relative}.modal.darkmodal{background:#0E2B24;color:#fff}.modal-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.darkmodal .modal-head{background:rgba(14,43,36,.95);border-color:rgba(255,255,255,.1)}.modal-head b{font-size:14px}.close-modal{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:#fff}.darkmodal .close-modal{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.12)}.modal-body{padding:24px}.feature-modal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-mini{border:1px solid var(--line);border-radius:15px;padding:14px;background:#FBFDFC}.feature-mini i{color:var(--primary)}.feature-mini b{font-size:10px;display:block;margin:7px 0 3px}.feature-mini span{font-size:8px;color:var(--soft);line-height:1.5}.dashboard-modal-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:20px}.dashboard-story h3{font-size:28px;line-height:1.1;margin:12px 0}.dashboard-story p{font-size:11px;color:#BDD3CB}.story-steps{display:grid;gap:8px;margin-top:18px}.story-step{padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:9px;color:#C7DDD5}.story-step.active{background:rgba(99,226,184,.1);border-color:#4BBE96;color:#fff}.modal-dash{background:#F4F8F6;border-radius:20px;padding:14px;color:var(--text)}.modal-board{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.modal-col{background:#EAF2EE;border-radius:11px;padding:8px;min-height:255px}.modal-col h5{font-size:7px;margin:0 0 7px}.move-card{background:#fff;border:1px solid #D8E7E1;border-radius:10px;padding:8px;transition:.35s;box-shadow:0 7px 18px rgba(12,41,35,.06)}.move-card b{font-size:7px}.move-card p{font-size:6px;color:#7A8E86}.move-card span{font-size:6px;color:var(--primary);font-weight:800}.request-card{margin-top:6px;background:#fff5de;border:1px solid #F0D49A;border-radius:10px;padding:8px;font-size:6px;font-weight:800;color:#7A5700}

/* CTA + FOOTER */
.final-cta{padding:80px 0;background:var(--cream)}.cta-box{background:radial-gradient(circle at 85% 20%,rgba(105,226,185,.15),transparent 28%),var(--dark);color:#fff;border-radius:34px;padding:56px;box-shadow:0 30px 80px rgba(12,41,35,.17);position:relative;overflow:hidden}.cta-box h2{font-size:clamp(34px,4.8vw,60px);line-height:1.05;letter-spacing:-.055em;margin:13px 0}.cta-box p{max-width:700px;color:#AFC7BE}.cta-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0}.cta-flow span{font-size:9px;font-weight:800;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#C8DDD5}.cta-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.footer{background:#071713;color:#96AAA3;padding:50px 0 22px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:30px}.footer-logo img{height:45px;filter:brightness(0) invert(1);margin-bottom:13px}.footer p{font-size:10px;line-height:1.7;max-width:330px}.footer h4{font-size:10px;color:#fff;margin:0 0 11px}.footer a{display:block;font-size:9.5px;margin:8px 0}.footer a:hover{color:#67E1B8}.footer-bottom{border-top:1px solid #1B3029;margin-top:30px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;font-size:8.5px}.mobile-cta{display:none}

/* SUB PAGES */
.subhero{padding:calc(var(--nav) + 52px) 0 65px;background:radial-gradient(circle at 80% 18%,rgba(15,123,90,.13),transparent 28%),var(--cream2);text-align:center}.subhero h1{font-size:clamp(43px,6vw,78px);line-height:1;letter-spacing:-.06em;margin:15px auto;max-width:980px}.subhero p{max-width:760px;margin:auto;color:var(--soft)}.prose{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow2)}.prose h2{font-size:23px;margin:28px 0 9px}.prose h2:first-child{margin-top:0}.prose h3{font-size:16px;margin:22px 0 7px}.prose p,.prose li{font-size:12px;color:var(--soft);line-height:1.85}.prose ul{padding-left:20px}.notice{padding:12px 14px;border-radius:12px;background:#FFF9E6;border:1px solid #EADCAD;color:#6D5605;font-size:10px;font-weight:700}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;max-width:1040px;margin:auto}.contact-card,.contact-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow2)}.contact-card h3,.contact-form h3{font-size:24px;margin:0 0 10px}.contact-row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}.contact-row:last-child{border:0}.contact-row i{width:34px;height:34px;border-radius:10px;background:var(--mint);color:var(--primary);display:grid;place-items:center}.contact-row b{font-size:11px;display:block}.contact-row span,.contact-row a{font-size:10px;color:var(--soft)}.field{display:grid;gap:6px;margin-bottom:11px}.field label{font-size:9px;font-weight:800;color:#5A7168}.field input,.field textarea{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#FBFDFC;outline:none}.field input:focus,.field textarea:focus{border-color:#8BCBB4;box-shadow:0 0 0 3px rgba(15,123,90,.08)}.field textarea{min-height:120px;resize:vertical}

/* HOW IT WORKS */
.flow-page{min-height:100vh;padding:calc(var(--nav) + 30px) 0 50px;background:radial-gradient(circle at 75% 20%,rgba(15,123,90,.16),transparent 28%),#F5F9F7}.flow-shell{display:grid;grid-template-columns:310px 1fr;gap:18px;max-width:1180px;margin:auto}.flow-sidebar{background:var(--dark);color:#fff;border-radius:26px;padding:24px;position:sticky;top:100px;height:max-content}.flow-sidebar h2{font-size:28px;line-height:1.08;margin:12px 0}.flow-sidebar p{font-size:10px;color:#B8D0C7}.step-list{display:grid;gap:7px;margin-top:22px}.step-btn{width:100%;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#BBD2C9;border-radius:12px;padding:10px;text-align:left;font-size:9px;font-weight:800}.step-btn.active{background:#fff;color:var(--dark);border-color:#fff}.flow-stage{background:#fff;border:1px solid var(--line);border-radius:28px;min-height:650px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.slide{display:none;min-height:560px}.slide.active{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;align-items:center;animation:slideIn .45s ease}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}.slide-copy h3{font-size:38px;line-height:1.05;letter-spacing:-.04em;margin:13px 0}.slide-copy p{font-size:12px;color:var(--soft);line-height:1.8}.slide-number{font-size:10px;font-weight:900;color:var(--primary);text-transform:uppercase;letter-spacing:.1em}.visual{min-height:400px;border-radius:24px;background:#F4F8F6;border:1px solid var(--line);display:grid;place-items:center;padding:20px;position:relative;overflow:hidden}.searchbar{width:88%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow2);font-size:12px;color:#789087}.searchbar .typing{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--primary);animation:typing 3s steps(18) infinite}@keyframes typing{0%,10%{width:0}55%,90%{width:165px}100%{width:0}}.scanbox{width:210px;height:210px;background:#fff;border:1px solid var(--line);border-radius:24px;display:grid;place-items:center;box-shadow:var(--shadow2);position:relative}.qr{width:130px;height:130px;border:12px solid #173329;background:repeating-linear-gradient(45deg,#173329 0 8px,#fff 8px 16px)}.scanline{position:absolute;left:25px;right:25px;height:2px;background:#18C98F;box-shadow:0 0 12px #18C98F;animation:scan 2s ease-in-out infinite}@keyframes scan{0%,100%{top:35px}50%{top:175px}}.menuvisual{width:250px;background:#fff;border:7px solid #10211B;border-radius:34px;padding:13px;box-shadow:var(--shadow);transform:rotate(-2deg)}.mitem{padding:10px 0;border-bottom:1px solid var(--line);font-size:10px;font-weight:800;display:flex;justify-content:space-between}.mitem button{border:1px solid #B7DCCF;border-radius:7px;background:#fff;color:var(--primary);font-size:8px;font-weight:900}.mitem button.picked{background:var(--primary);color:#fff}.checkoutbox{width:320px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.checkoutbox h4{margin:0 0 12px}.payrow{padding:10px;border:1px solid var(--line);border-radius:10px;margin:7px 0;font-size:9px;font-weight:800}.payrow.active{border-color:#77C6AA;background:var(--mint);color:var(--primary)}.notifybox{width:360px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.notify{display:flex;gap:12px;align-items:center;padding:12px;background:var(--dark);color:#fff;border-radius:14px;animation:notify 1.5s infinite}@keyframes notify{50%{transform:scale(1.02)}}.notify i{width:38px;height:38px;border-radius:12px;background:#1D4A3D;color:#67E1B8;display:grid;place-items:center}.statusline{display:flex;gap:7px;margin-top:14px}.statusline span{flex:1;text-align:center;font-size:8px;font-weight:800;border:1px solid var(--line);padding:8px;border-radius:9px}.statusline .active{background:var(--primary);color:#fff}.invoicebox{width:340px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);font-family:ui-monospace,monospace}.invoicebox h4{text-align:center}.ratingstars{color:#FFB020;font-size:23px;letter-spacing:4px;text-align:center;margin-top:16px}.flow-controls{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.progressbar{height:5px;background:#E7EFEA;border-radius:999px;overflow:hidden;margin-bottom:12px}.progressbar span{height:100%;background:var(--primary);display:block;width:14.2%;transition:.3s}

/* WHY PAGE */
.why-matrix{display:grid;grid-template-columns:1fr 1fr;gap:18px}.why-panel{border-radius:26px;padding:28px}.why-panel.old{background:#F2F0E9;border:1px solid #E4DFD2}.why-panel.new{background:var(--dark);color:#fff}.why-panel h3{font-size:28px;line-height:1.15}.compare-list{display:grid;gap:10px;margin-top:20px}.compare-row{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start}.compare-row i{width:36px;height:36px;border-radius:11px;background:rgba(12,41,35,.06);display:grid;place-items:center}.new .compare-row i{background:rgba(255,255,255,.08);color:#69E0B8}.compare-row b{font-size:11px}.compare-row p{font-size:9px;color:#6E7D77;margin:2px 0}.new .compare-row p{color:#ABC3BA}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:32px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.metric b{font-size:15px;display:block}.metric span{font-size:9px;color:var(--soft)}

/* PRODUCT PAGE */
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-block{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}.product-block h3{font-size:22px;margin:10px 0}.product-block p{font-size:11px;color:var(--soft)}.product-list{display:grid;gap:8px;margin-top:16px}.product-list span{font-size:10px;font-weight:800;display:flex;gap:8px}.product-list i{color:var(--primary)}

@media(max-width:1080px){.nav-links{display:none}.hamb{display:grid;place-items:center}.hero-grid,.product-strip,.contact-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-actions,.proof,.hero-offer{justify-content:center}.hero-demo{max-width:780px;width:100%;margin:auto}.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{display:none}.flow-shell{grid-template-columns:1fr}.flow-sidebar{position:relative;top:auto}.step-list{grid-template-columns:repeat(4,1fr)}.slide.active{grid-template-columns:1fr}.slide-copy{text-align:center}.feature-modal-grid{grid-template-columns:repeat(3,1fr)}.dashboard-modal-grid{grid-template-columns:1fr}.pricing-grid{max-width:820px}.product-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){:root{--nav:68px}.container{width:min(var(--max),calc(100% - 28px))}.section{padding:70px 0}.brand img{height:40px}.nav-actions .signin,.nav-actions .btn{display:none}.hero{padding-top:calc(var(--nav) + 26px)}.hero h1{font-size:47px}.hero-copy>p{font-size:14px}.hero-actions .btn{width:100%}.proof{display:grid;grid-template-columns:1fr 1fr;text-align:left}.hero-demo{min-height:510px}.dash{width:95%;right:-18px;top:28px}.dash-body{grid-template-columns:74px 1fr;min-height:325px}.dash-side{padding:6px 4px}.dnav{font-size:4.5px;padding:5px}.dash-main{padding:7px}.mini-kpis{grid-template-columns:1fr 1fr}.mini-kpi:nth-child(n+3){display:none}.mini-board{grid-template-columns:1fr 1fr}.mini-col:nth-child(n+3){display:none}.phone{width:160px;border-width:5px;border-radius:29px}.phone-screen{min-height:340px;border-radius:21px}.event-toast{right:0;width:130px}.value-grid{grid-template-columns:1fr 1fr}.value{border-bottom:1px solid rgba(255,255,255,.08);border-right:0;padding:13px}.value:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}.cards,.pricing-grid,.trial-box,.why-matrix,.metric-grid,.product-grid{grid-template-columns:1fr}.feature-modal-grid{grid-template-columns:1fr 1fr}.modal-board{grid-template-columns:1fr 1fr}.modal-col:nth-child(n+3){display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1}.footer-grid>div:last-child{display:block}.footer-bottom{display:block;line-height:1.8;padding-bottom:66px}.mobile-cta{display:flex;position:fixed;z-index:950;left:9px;right:9px;bottom:9px;background:var(--dark);border:1px solid #23453A;border-radius:16px;padding:7px;gap:7px;box-shadow:0 18px 45px rgba(12,41,35,.28)}.mobile-cta .btn,.mobile-cta .signin{display:flex;flex:1;min-height:43px;font-size:10px;padding:0 7px}.mobile-cta .signin{background:#fff}.cta-box{padding:34px 21px}.cta-actions .btn{width:100%}.flow-page{padding-top:calc(var(--nav) + 20px)}.flow-stage{padding:12px;min-height:auto}.slide{min-height:auto}.visual{min-height:350px}.slide-copy h3{font-size:31px}.step-list{grid-template-columns:1fr 1fr}.flow-controls .btn{flex:1}.product-map{padding:13px}.system-row{grid-template-columns:1fr}.system-arrow{transform:rotate(90deg)}.launch-price{font-size:51px}.price-card{padding:24px 20px}.subhero{padding-top:calc(var(--nav) + 36px)}.prose,.contact-card,.contact-form{padding:22px}}
@media(max-width:480px){.hero h1{font-size:42px}.feature-modal-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-logo{grid-column:auto}.step-list{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{border-radius:20px}.qr{width:110px;height:110px}.scanbox{width:180px;height:180px}.scanline{left:22px;right:22px}.menuvisual{width:220px}.checkoutbox,.notifybox,.invoicebox{width:100%}.rail-track span{padding:9px 17px;font-size:9px}}


/* ============================================================
   DINEQUBE LAUNCH FINAL — UI, TYPE, PRICING, LEGAL & RESPONSIVE
   ============================================================ */
:root{--body-readable:14px}
body{font-size:var(--body-readable);color:#102620}
.copy,.price-desc,.faqa,.prose p,.contact-card p,.contact-row span,.contact-row a{color:#405B52!important}
.nav-links a,.nav-links button{font-size:13px;min-height:44px;padding:0 12px;display:inline-flex;align-items:center}
.signin{min-height:46px;padding:0 18px;font-size:13px;border-radius:13px}.btn{font-size:14px;min-height:50px}.btn-sm{min-height:46px;font-size:13px}
.brand img{height:52px}
.hero h1{font-size:clamp(48px,5.8vw,80px);line-height:1.01;letter-spacing:-.06em;font-weight:800}
.hero-copy>p{font-size:17px;color:#405B52;font-weight:500}.proof{font-size:12px;color:#405B52}
.hero-trial-line{font-size:11px!important;padding:8px 12px!important;color:#294C40!important;white-space:normal}.hero-trial-line strong{color:#087B58!important}
.rail-track{animation-duration:18s}.rail-track span{font-size:12px;padding:11px 28px}

/* Footer master logo: same file, correct contrast, no white blank square */
.footer-logo img{height:58px!important;width:auto!important;max-width:240px!important;filter:none!important;background:#FFFDF8;padding:7px 10px;border-radius:14px;margin-bottom:16px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.footer p{font-size:12px;color:#AFC2BA}.footer h4{font-size:12px}.footer a{font-size:11.5px;color:#AFC2BA}.footer-bottom{font-size:10px;color:#8FA59C}

/* Pricing: tag-based launch offer */
.pricing-trial-line{font-weight:700;color:#2A5447!important;white-space:nowrap;max-width:none!important;font-size:13px!important}
.pricing-grid{align-items:stretch}
.price-card{overflow:hidden;padding-top:34px}
.launch-tag{font-size:10px!important;letter-spacing:.07em;text-transform:uppercase;font-weight:900;background:linear-gradient(90deg,#FFDF79,#FFC94A);color:#4D3500!important;border:1px solid #F1C754;box-shadow:0 8px 22px rgba(255,176,32,.18)}
.plan-name small{font-size:11px!important;color:#416057!important;font-weight:800}.plan-name h3{font-size:25px!important}
.price-offer-block{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:10px;margin:20px 0 10px;padding:16px;border-radius:18px;background:#F5FAF7;border:1px solid #D8EAE2;position:relative}
.price-offer-block .mrp-label{grid-column:1/-1;color:#516D63;font-size:10px;font-weight:900;letter-spacing:.08em}
.old-price{font-size:24px!important;color:#7F8F89!important;text-decoration-thickness:3px;text-decoration-color:#D64545;font-weight:800}
.offer-badge{position:absolute;right:12px;top:11px;background:#0F7B5A;color:#fff;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.08em}
.launch-price{grid-column:1/-1;font-size:58px!important;line-height:1;margin-top:8px;font-weight:900;color:#0A6F52;letter-spacing:-.055em}.launch-price small{font-size:14px!important;color:#35584C;font-weight:800;letter-spacing:0}
.annual-offer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:#0C2923;color:#fff;margin:11px 0 16px;font-size:12px;font-weight:800}.annual-offer span{font-size:9px;letter-spacing:.09em;color:#8FE4C7}.annual-offer del{color:#B9CAC4;text-decoration-color:#FF8F8F;text-decoration-thickness:2px}.annual-offer strong{font-size:17px;color:#78E5BF}
.feature-title{font-size:12px!important}.feature-list div{font-size:11.5px!important;color:#284C40;font-weight:700}.support-chip{font-size:11px!important}.price-cta{width:100%;font-size:14px!important}
.offer-expiry{font-size:13px!important;text-align:center;background:#FFF1C6!important;border-color:#F0D27A!important;color:#624400!important;padding:14px!important}.trial-strip{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px auto 0;padding:11px 14px;border:1px solid #CFE5DC;border-radius:15px;background:#fff;font-size:11px;color:#31594B}.trial-strip strong{color:#087A58}.trial-strip span{padding-left:10px;border-left:1px solid #DCE8E3;font-weight:700}

/* Dashboard modal: cleaner, less green, faster visual hierarchy */
.darkmodal{background:#F5F8F6!important;color:#102620!important;border:1px solid #D7E8E1!important}.darkmodal .modal-head{background:#fff!important;color:#102620!important;border-bottom:1px solid #DDECE5!important}.darkmodal .close-modal{background:#F1F5F3!important;color:#244B3E!important;border-color:#D8E6E0!important}.dashboard-modal-grid{background:#F5F8F6!important;gap:18px!important}.dashboard-story{background:#0C2923;color:#fff;border-radius:20px;padding:22px}.dashboard-story p{color:#BED1C9!important;font-size:12px!important}.dashboard-story h3{font-size:30px!important}.story-step{font-size:10.5px!important}.modal-dash{background:#fff!important;border:1px solid #D9E7E1!important;box-shadow:0 14px 35px rgba(12,41,35,.10)!important}.modal-board{gap:8px!important}.modal-col{background:#EEF4F1!important}.request-card{font-size:8.5px!important}.move-card{transition:.18s ease!important}

/* Contact form success modal */
.contact-success{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(7,29,24,.58);backdrop-filter:blur(8px)}.contact-success.open{display:flex}.contact-success-card{width:min(460px,100%);background:#fff;border-radius:24px;padding:28px;border:1px solid #D7E9E1;box-shadow:0 28px 80px rgba(7,29,24,.24);text-align:center}.contact-success-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:18px;background:#E4F7EF;color:#0F7B5A;display:grid;place-items:center;font-size:24px}.contact-success-card h3{font-size:25px;margin:0 0 8px}.contact-success-card p{font-size:13px;color:#526D63;line-height:1.7}.contact-success-card .btn{margin-top:15px}.contact-form .form-error{color:#B4232C!important;font-weight:700}.contact-form .form-ok{color:#0A7655!important;font-weight:700}

/* Legal final product pages */
.legal-nav .nav-inner{justify-content:space-between}.legal-simple-links{display:flex;align-items:center;gap:10px}.legal-simple-links a:not(.btn){font-size:12px;font-weight:800;color:#49645A}.legal-simple-links .btn{min-height:44px}
.legal-hero{padding:calc(var(--nav) + 48px) 0 46px;background:radial-gradient(circle at 78% 15%,rgba(15,123,90,.10),transparent 25%),#FFFDF8}.legal-hero .container{max-width:1040px}.legal-hero h1{font-size:clamp(46px,6vw,76px);line-height:1;letter-spacing:-.06em;margin:14px 0 12px}.legal-hero p{max-width:760px;font-size:15px;color:#49645A}.legal-updated{display:inline-flex;margin-top:15px;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #DDECE5;color:#5B736A;font-size:10px;font-weight:800}
.legal-page{padding:42px 0 78px;background:#F4F9F6}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;max-width:1120px}.legal-toc{position:sticky;top:100px;height:max-content;background:#fff;border:1px solid #DDECE5;border-radius:20px;padding:18px}.legal-toc b{display:block;font-size:11px;margin-bottom:10px}.legal-toc a{display:block;font-size:10.5px;color:#536C62;padding:7px 0;border-bottom:1px solid #EEF3F1}.legal-toc a:last-child{border-bottom:0}.legal-card{background:#fff;border:1px solid #DDECE5;border-radius:24px;padding:32px;box-shadow:0 15px 40px rgba(12,41,35,.06)}.legal-card section{scroll-margin-top:105px;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #E7EFEB}.legal-card section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.legal-card h2{font-size:24px;line-height:1.2;margin:0 0 10px;color:#0C2923}.legal-card h3{font-size:16px;margin:16px 0 7px}.legal-card p,.legal-card li{font-size:13px;line-height:1.8;color:#405B52}.legal-card ul{padding-left:20px}.legal-highlight{padding:14px 16px;border-radius:14px;background:#EAF8F2;border:1px solid #CFE9DE;color:#194A3A!important;font-weight:700}.legal-money{background:#FFF5D7;border-color:#EED68B}.legal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* General readability: no washed-out micro text */
.value span,.card p,.feature-mini span,.metric span,.product-block p,.compare-row p,.slide-copy p,.flow-sidebar p{font-size:max(11px,1em);color:#405B52}.section.dark .card p,.section.dark .copy{color:#C8D9D2!important}.subhero p{font-size:15px!important;color:#49645A!important}.contact-row b{font-size:12px!important}.contact-row a,.contact-row span{font-size:11.5px!important}.field label{font-size:11px!important}.field input,.field textarea{font-size:13px!important}

@media(max-width:1080px){.pricing-trial-line{white-space:normal}.legal-layout{grid-template-columns:1fr}.legal-toc{position:relative;top:auto;display:flex;gap:8px;flex-wrap:wrap}.legal-toc b{width:100%}.legal-toc a{display:inline-flex;border:1px solid #E1ECE7!important;border-radius:999px;padding:6px 9px!important}}
@media(max-width:760px){.nav-actions .signin,.nav-actions>.btn{display:none}.brand img{height:44px}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.pricing-trial-line{font-size:11.5px!important}.launch-price{font-size:48px!important}.price-card{padding:24px 18px}.annual-offer{align-items:flex-start}.trial-strip{justify-content:flex-start}.trial-strip span{width:100%;border-left:0;padding-left:0}.footer-logo img{height:54px!important}.legal-hero{padding-top:calc(var(--nav) + 28px)}.legal-hero h1{font-size:44px}.legal-card{padding:22px 18px}.legal-card h2{font-size:21px}.legal-card p,.legal-card li{font-size:12.5px}.legal-simple-links a:not(.btn){display:none}.dashboard-story h3{font-size:25px!important}}


/* ============================================================
   DINEQUBE V5 — PRICING COLOR + HERO LIVE ANIMATION
   ============================================================ */
/* Professional offer uses the same strong DineQube green as Starter. */
.price-card.pro .price-offer-block{background:#F5FAF7!important;border-color:#CFE6DC!important}
.price-card.pro .price-offer-block .mrp-label{color:#516D63!important}
.price-card.pro .old-price{color:#7F8F89!important}
.price-card.pro .launch-price{color:#0A6F52!important}
.price-card.pro .launch-price small{color:#35584C!important}
.price-card.pro .offer-badge{background:#0F7B5A!important;color:#fff!important}
.price-card.pro .annual-offer{background:#F5FAF7!important;border:1px solid #CFE6DC!important;color:#102620!important}
.price-card.pro .annual-offer span{color:#0A6F52!important}
.price-card.pro .annual-offer del{color:#7F8F89!important;text-decoration-color:#D64545!important}
.price-card.pro .annual-offer strong{color:#0A6F52!important}
.price-card.pro .plan-name h3,.price-card.pro .feature-title{color:#fff!important}
.price-card.pro .plan-name small{color:#8FE4C7!important}
.price-card.pro .price-desc{color:#C7DBD3!important}
.price-card.pro .feature-list div{color:#EAF6F1!important}
.price-card.pro .feature-list i{color:#69E2B9!important}
.price-card.pro .support-chip{color:#E8F6F0!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important}

/* Hero animation states — intentionally JS-driven so the full sequence repeats reliably. */
.hero-demo{isolation:isolate}
.hero-demo .event-toast{opacity:.12;transform:translateY(7px) scale(.94);animation:none!important;transition:opacity .24s ease,transform .24s ease,box-shadow .24s ease}
.hero-demo .event-toast.hero-show{opacity:1;transform:translateY(0) scale(1);box-shadow:0 18px 44px rgba(12,41,35,.25)}
.hero-demo .event-toast.hero-pop{animation:heroToastPop .32s ease both!important}
.hero-demo .mini-col{transition:background .22s ease,box-shadow .22s ease,transform .22s ease}
.hero-demo .mini-col.hero-active-col{background:#E1F4EC!important;box-shadow:inset 0 0 0 1.5px #86CEB4;transform:translateY(-2px)}
.hero-demo .live-order{animation:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}
.hero-demo .live-order.hero-moving{animation:heroOrderPop .34s ease both!important;border-color:#62C8A5!important;box-shadow:0 10px 25px rgba(15,123,90,.16)!important}
.hero-demo .addbtn{transition:.18s ease}
.hero-demo .addbtn.hero-picked{background:#0F7B5A!important;color:#fff!important;border-color:#0F7B5A!important;transform:scale(1.05)}
.hero-demo .addbtn.hero-picked:after{content:' ✓'}
.hero-demo .cartbar{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hero-demo .cartbar.hero-hot{background:#07543F!important;transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,123,90,.28)}
.hero-demo .phone{transition:transform .28s ease,box-shadow .28s ease}
.hero-demo.hero-phone-active .phone{transform:rotate(-2deg) translateY(-5px);box-shadow:0 40px 80px rgba(12,41,35,.34)}
.hero-demo .dash{transition:transform .3s ease,box-shadow .3s ease}
.hero-demo.hero-dashboard-active .dash{transform:rotate(.2deg) translateY(-4px);box-shadow:0 44px 100px rgba(12,41,35,.20)}
.hero-demo .demo-glow{animation:heroGlow 2.2s ease-in-out infinite}
@keyframes heroToastPop{0%{opacity:0;transform:translateY(10px) scale(.88)}70%{opacity:1;transform:translateY(-2px) scale(1.03)}100%{opacity:1;transform:none}}
@keyframes heroOrderPop{0%{opacity:.35;transform:translateY(8px) scale(.94)}100%{opacity:1;transform:none}}
@keyframes heroGlow{50%{opacity:.72;transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.hero-demo .demo-glow{animation:none}.hero-demo *{scroll-behavior:auto}}