:root{--blue:#1687ff;--royal:#5d63f5;--sky:#edf8ff;--cyan:#4bcfff;--navy:#102342;--text:#29405d;--muted:#71839a;--line:#e5eef7;--shadow:0 22px 65px rgba(54,110,160,.11)}
body{background:#fbfdff;background-image:radial-gradient(#d8eafa 1px,transparent 1px);background-size:28px 28px;background-attachment:fixed}
.navbar{background:rgba(255,255,255,.78);border-bottom:1px solid rgba(220,234,246,.7)}.navbar.scrolled{background:rgba(255,255,255,.95)}
.btn-primary{background:linear-gradient(115deg,#1687ff,#6063f7);box-shadow:0 15px 34px rgba(37,120,245,.22)}
.hero{padding-top:142px;background:radial-gradient(circle at 80% 20%,rgba(75,207,255,.25),transparent 27%),radial-gradient(circle at 15% 65%,rgba(107,102,255,.10),transparent 25%),linear-gradient(180deg,#f7fcff 0%,rgba(255,255,255,.95) 100%)}
.hero:before{content:"";position:absolute;inset:80px 0 auto;height:620px;background-image:linear-gradient(rgba(49,137,224,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(49,137,224,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}
.eyebrow{padding:8px 13px;border:1px solid #d7ebfb;border-radius:99px;background:rgba(255,255,255,.72);box-shadow:0 8px 25px rgba(53,126,187,.07)}.eyebrow span{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 5px rgba(22,135,255,.12)}
.solution-pills{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 18px}.solution-pills span{font-size:.72rem;color:#52708e;font-weight:700;background:#fff;border:1px solid #e0edf8;padding:7px 10px;border-radius:9px}.solution-pills i{color:var(--blue);margin-right:4px}
.display-title{font-size:clamp(3rem,5.25vw,5rem);background:linear-gradient(115deg,#102342 12%,#15487c 60%);-webkit-background-clip:text;background-clip:text;color:transparent}.display-title span{background:linear-gradient(95deg,#1687ff,#665cf2);-webkit-background-clip:text;background-clip:text;color:transparent}
.dashboard-wrap{padding:48px 7px 42px 28px}.dashboard{border-radius:28px;border:7px solid rgba(255,255,255,.88);box-shadow:0 35px 90px rgba(46,105,160,.18);transform:perspective(1200px) rotateY(-5deg) rotateX(1deg);position:relative}.dashboard:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:21px;box-shadow:inset 0 0 0 1px rgba(122,177,220,.22)}
.phone-preview{position:absolute;z-index:6;width:132px;height:235px;right:-35px;bottom:2px;background:linear-gradient(165deg,#fff,#f3f9ff);border:6px solid #142d4d;border-radius:25px;padding:25px 11px 10px;box-shadow:0 24px 45px rgba(25,70,115,.22);transform:rotate(5deg);animation:float 4.8s ease-in-out infinite}.phone-notch{position:absolute;top:6px;left:40px;width:44px;height:7px;background:#142d4d;border-radius:10px}.phone-preview small,.phone-preview strong{display:block}.phone-preview small{color:#879aab;font-size:.58rem}.phone-preview strong{color:var(--navy);font-size:.72rem;margin:3px 0 10px}.food-line{height:43px;border:1px solid #e4edf5;border-radius:9px;background:#fff;margin:6px 0;display:flex;align-items:center;padding:6px;gap:6px}.food-line span{font-size:1.1rem}.food-line i{display:block;width:45px;height:5px;border-radius:5px;background:#dbe8f3;box-shadow:0 10px 0 #edf3f8}.phone-preview button{width:100%;border:0;border-radius:8px;padding:7px 3px;background:var(--blue);color:#fff;font-size:.56rem;font-weight:800;margin-top:4px}
.float-badge{border-color:#dcecf8;box-shadow:0 18px 45px rgba(42,105,161,.14)}.badge-sales{right:8px;top:28px}.badge-stock{left:-4px;bottom:20px}
.hero-strip{margin:70px auto 0;background:transparent}.hero-strip .container{background:rgba(255,255,255,.9);border:1px solid #dfecf7;border-radius:22px;box-shadow:0 18px 55px rgba(53,110,160,.09);position:relative;z-index:3}.strip-grid{padding:23px 10px}.strip-grid>div{border-right:1px solid #e2ecf5}.strip-grid strong{font-size:1.02rem;color:var(--navy)}.strip-grid span{color:#7990a6;margin-top:4px;display:block}
.section-padding{padding:105px 0}.section-head .section-kicker{background:#ecf7ff;border-radius:99px;padding:7px 13px}.section-head h2,.workflow-section h2,.faq-section h2{letter-spacing:-.045em}
.bento-grid{gap:22px}.feature-card{border-color:#e6eef6;border-radius:26px;padding:30px;background:rgba(255,255,255,.94);box-shadow:0 10px 35px rgba(55,108,153,.055)}.feature-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(66,180,255,.07);right:-55px;top:-55px}.feature-card:hover{box-shadow:0 25px 65px rgba(45,105,158,.12);transform:translateY(-9px) rotate(.15deg)}.feature-large{background:linear-gradient(145deg,#f2fbff,#f7f6ff)}.feature-icon{box-shadow:0 10px 25px rgba(30,126,235,.18)}.receipt-ui{border:1px solid #e5edf5;box-shadow:0 15px 45px rgba(48,108,159,.08)}.ticket-head{display:flex;justify-content:space-between;background:#eff8ff;margin:-18px -18px 12px;padding:13px 18px;border-radius:16px 16px 0 0;font-size:.72rem;color:#58748d}.status-live{font-size:.72rem;color:#11a36b!important;background:#e7f9f1;padding:5px 8px;border-radius:20px}.table-stack span{border-radius:10px;background:#f0edff}
.dark-card{background:linear-gradient(135deg,#eef8ff,#f1f0ff);border:1px solid #dfeaf6;color:var(--navy)}.dark-card h3{color:var(--navy)}.dark-card p{color:var(--muted);opacity:1}.dark-card a{color:var(--blue)}.feature-icon.light{background:linear-gradient(135deg,#1687ff,#6365f5);color:#fff}.donut{background:conic-gradient(#49caff 0 68%,#e3ecf5 68%)}.custom-donut{background:conic-gradient(#5f69f7 0 88%,#e3ecf5 88%)}.donut:before{background:#fff}.donut strong{color:var(--navy)}.donut small{color:var(--muted)}
.workflow-section{background:linear-gradient(135deg,rgba(237,248,255,.94),rgba(249,247,255,.96));border-top:1px solid #e2edf7;border-bottom:1px solid #e2edf7;position:relative;overflow:hidden}.workflow-section:after{content:"";position:absolute;width:380px;height:380px;border:75px solid rgba(70,103,255,.035);border-radius:50%;right:-170px;bottom:-210px}.pos-screen{border:8px solid rgba(255,255,255,.85);border-radius:29px;transform:rotate(1.2deg);box-shadow:0 28px 80px rgba(52,104,153,.13)}.step{border-left-color:#dce9f4}.step.active{border-radius:16px;border:1px solid #e0edf7;box-shadow:0 12px 35px rgba(45,102,151,.08)}
.industry-grid{gap:22px}.industry-card{background:rgba(255,255,255,.92);border-color:#e3edf6;border-radius:24px;padding:29px;box-shadow:0 8px 30px rgba(55,105,150,.05);position:relative;overflow:hidden}.industry-card:nth-child(2n) .industry-icon{background:#f3efff}.industry-card:nth-child(3n) .industry-icon{background:#edfbf6}.industry-tag{position:absolute;right:18px;top:18px;font-size:.64rem;font-weight:800;color:#fff;background:linear-gradient(100deg,#ff8d45,#ff647f);padding:5px 8px;border-radius:20px}.featured-industry{background:linear-gradient(145deg,#f2fbff,#fff);border-color:#bfe2fb}
.clients-section{margin:20px 18px;padding:85px 0;border-radius:32px;background:radial-gradient(circle at 15% 20%,rgba(38,164,255,.18),transparent 28%),linear-gradient(135deg,#071d3d,#0b315f);border:1px solid rgba(109,190,255,.16);box-shadow:0 26px 70px rgba(7,29,61,.16)}.clients-section .section-head h2{color:#fff}.clients-section .section-head h2 span{color:#58c9ff}.clients-section .section-kicker{color:#71d4ff;background:rgba(81,193,255,.1);border:1px solid rgba(107,207,255,.16)}.client-logo{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#fff;box-shadow:none;backdrop-filter:blur(12px)}.client-logo b,.client-logo span,.client-logo i{color:#69d3ff}
.faq-section{background:rgba(255,255,255,.82)}.accordion-item{background:#fff;border:1px solid #e4edf5!important;border-radius:16px!important;margin-bottom:10px;padding:0 16px;box-shadow:0 7px 24px rgba(50,104,150,.045)}
.branch-icon{background:linear-gradient(135deg,#506cff,#7a61f5)}.payment-icon{background:linear-gradient(135deg,#11c5a2,#0b9dc8)}.mini-branches{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.mini-branches span{font-size:.66rem;font-weight:700;color:#58728a;background:#f1f7fc;border:1px solid #e1ecf5;padding:6px 8px;border-radius:8px}.mini-branches i{display:inline-block;width:6px;height:6px;background:#18b57b;border-radius:50%;margin-right:4px;box-shadow:0 0 0 3px rgba(24,181,123,.1)}.payment-chips{display:flex;gap:7px;margin-top:20px}.payment-chips span{font:700 .65rem/1 sans-serif;color:#29708d;border:1px solid #d9eaf2;background:#f1fbfc;padding:8px 10px;border-radius:8px}
.cta-section{padding:105px 0 95px;background:radial-gradient(circle at 50% 0,rgba(29,151,242,.23),transparent 37%),linear-gradient(180deg,#081f40 0%,#071d3d 100%);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:-52px;background-image:linear-gradient(rgba(112,195,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(112,195,255,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 82%);animation:ctaGrid 14s linear infinite}.cta-section:after{content:"";position:absolute;width:640px;height:640px;border:1px solid rgba(99,197,255,.13);border-radius:50%;left:50%;top:-430px;transform:translateX(-50%);box-shadow:0 0 0 80px rgba(77,174,245,.035),0 0 0 160px rgba(77,174,245,.022);animation:ctaRings 5s ease-in-out infinite}.cta-box{background:transparent;color:#fff;border:0;box-shadow:none;margin:0;padding:0;overflow:visible}.cta-box .row{display:block;text-align:center}.cta-box .col-lg-7,.cta-box .col-lg-5{width:100%;max-width:none}.cta-label{background:rgba(72,190,255,.1);border-color:rgba(105,205,255,.2);color:#78d9ff;animation:ctaLabel 3s ease-in-out infinite}.cta-box h2{color:#fff;max-width:800px;margin:22px auto 15px;font-size:clamp(2.7rem,5vw,4.7rem)}.cta-box h2 br{display:none}.cta-box h2 span{color:transparent;background:linear-gradient(90deg,#56c9ff,#a4eaff,#6a8cff,#56c9ff);background-size:250% auto;-webkit-background-clip:text;background-clip:text;animation:ctaText 5s linear infinite}.cta-box p{color:rgba(225,240,255,.72);font-size:1.03rem}.cta-glow{width:580px;height:360px;background:radial-gradient(circle,rgba(54,190,255,.25),rgba(79,95,255,.08) 45%,transparent 72%);left:50%;top:-150px;transform:translateX(-50%);filter:blur(18px);animation:ctaAurora 7s ease-in-out infinite}.contact-card{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:transparent;border-radius:0;padding:0;box-shadow:none;max-width:930px;margin:40px auto 0}.contact-card a{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12)!important;border-radius:16px;padding:18px;text-align:left;color:#fff;backdrop-filter:blur(12px);position:relative;overflow:hidden;animation:ctaCardFloat 5s ease-in-out infinite}.contact-card a:nth-child(2){animation-delay:-1.4s}.contact-card a:nth-child(3){animation-delay:-2.8s}.contact-card a:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.11) 45%,transparent 65%);transform:translateX(-130%);animation:ctaShine 7s ease-in-out infinite}.contact-card a:nth-child(2):before{animation-delay:1s}.contact-card a:nth-child(3):before{animation-delay:2s}.contact-card a:hover{background:rgba(255,255,255,.14);transform:translateY(-7px)!important;border-color:rgba(100,207,255,.3)!important}.contact-card>a>i:first-child{background:rgba(65,189,255,.13);color:#6fd5ff;animation:ctaIconPulse 3s ease-in-out infinite}.contact-card small{color:#93abc3}.contact-card strong{color:#fff}.contact-card>a>i:last-child{color:#5fc9ff;transition:.25s}.contact-card a:hover>i:last-child{transform:translate(3px,-3px)}
@keyframes ctaGrid{to{transform:translate(52px,52px)}}
@keyframes ctaRings{0%,100%{opacity:.55;transform:translateX(-50%) scale(.94)}50%{opacity:1;transform:translateX(-50%) scale(1.04)}}
@keyframes ctaAurora{0%,100%{opacity:.55;transform:translateX(-55%) scale(.9)}50%{opacity:1;transform:translateX(-45%) scale(1.12)}}
@keyframes ctaText{to{background-position:250% center}}
@keyframes ctaLabel{0%,100%{box-shadow:0 0 0 0 rgba(82,197,255,0)}50%{box-shadow:0 0 0 8px rgba(82,197,255,.06)}}
@keyframes ctaCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ctaShine{0%,60%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
@keyframes ctaIconPulse{0%,100%{box-shadow:0 0 0 0 rgba(76,200,255,.06)}50%{box-shadow:0 0 0 7px rgba(76,200,255,.08)}}
@media(prefers-reduced-motion:reduce){.cta-section:before,.cta-section:after,.cta-label,.cta-box h2 span,.cta-glow,.contact-card a,.contact-card a:before,.contact-card>a>i:first-child{animation:none!important}}
footer{background:#071d3d;border-top:1px solid rgba(255,255,255,.1);color:#fff}footer .footer-top p{color:#9fb6ce}.footer-links a{color:#c7d8e8}.socials a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#6bd3ff}.footer-bottom{border-top-color:rgba(255,255,255,.1);color:#8fa9c2}footer .footer-top img{filter:brightness(0) invert(1)}
@media(max-width:991px){.dashboard-wrap{padding:50px 24px 35px}.phone-preview{right:0}.clients-section{margin:10px}.hero{padding-top:125px}}
@media(max-width:767px){.hero{text-align:center}.eyebrow{justify-content:center}.solution-pills,.hero-actions,.trust-row{justify-content:center}.dashboard-wrap{padding:32px 0 25px}.phone-preview{display:none}.hero-strip .container{border-radius:0;border-left:0;border-right:0}.strip-grid strong{font-size:.9rem}.strip-grid span{font-size:.7rem}.clients-section{margin:0;border-radius:0}.feature-card{padding:24px}.pos-screen{transform:none}.industry-tag{position:static;display:inline-block;margin-bottom:12px}.cta-section{padding:80px 0 60px}.contact-card{grid-template-columns:1fr;margin-top:28px}.cta-box h2 br{display:block}.contact-card a{padding:15px}}
.cta-box h2 br{display:block}.cta-box h2 span{display:inline-block}

/* Brand-color closing sections: sky blue + royal blue */
.clients-section{background:radial-gradient(circle at 12% 15%,rgba(255,255,255,.38),transparent 30%),linear-gradient(135deg,#1687ff,#5d63f5);border-color:rgba(255,255,255,.28);box-shadow:0 26px 70px rgba(41,111,224,.2)}
.clients-section .section-head h2{color:#fff}.clients-section .section-head h2 span{color:#d5f4ff}.clients-section .section-kicker{color:#fff;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22)}.client-logo{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.23);color:#fff}.client-logo b,.client-logo span,.client-logo i{color:#d5f4ff}
.cta-section{background:radial-gradient(circle at 50% 0,rgba(255,255,255,.24),transparent 38%),linear-gradient(135deg,#1687ff 0%,#3479f9 48%,#5d63f5 100%)}.cta-section:before{background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px)}.cta-section:after{border-color:rgba(255,255,255,.2);box-shadow:0 0 0 80px rgba(255,255,255,.035),0 0 0 160px rgba(255,255,255,.02)}.cta-label{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#fff}.cta-box h2 span{background:linear-gradient(90deg,#d9f7ff,#fff,#dce4ff,#d9f7ff);background-size:250% auto;-webkit-background-clip:text;background-clip:text}.cta-box p{color:rgba(255,255,255,.83)}.cta-glow{background:radial-gradient(circle,rgba(255,255,255,.22),rgba(119,225,255,.12) 45%,transparent 72%)}.contact-card a{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.25)!important}.contact-card a:hover{background:rgba(255,255,255,.24)}.contact-card>a>i:first-child{background:rgba(255,255,255,.18);color:#fff}.contact-card small{color:rgba(255,255,255,.7)}.contact-card>a>i:last-child{color:#fff}
footer{background:#eef8ff;border-top:1px solid #d5eaff;color:var(--navy)}footer .footer-top img{filter:none}footer .footer-top p{color:var(--muted)}.footer-links a{color:#49647e}.socials a{background:#fff;border-color:#d6e9f8;color:var(--blue)}.footer-bottom{border-top-color:#d5e6f4;color:#7890a7}

/* Softer brand surfaces; footer styling above remains unchanged */
.clients-section{background:radial-gradient(circle at 12% 12%,rgba(70,190,255,.14),transparent 30%),linear-gradient(135deg,#eef9ff,#f4f6ff);border-color:#d9ebf8;box-shadow:0 24px 65px rgba(57,112,164,.1)}.clients-section .section-head h2{color:var(--navy)}.clients-section .section-head h2 span{color:var(--blue)}.clients-section .section-kicker{color:var(--blue);background:#fff;border-color:#d9eafa}.client-logo{background:rgba(255,255,255,.86);border-color:#d9e8f5;color:#49647e;box-shadow:0 9px 28px rgba(49,103,151,.07)}.client-logo b,.client-logo span,.client-logo i{color:var(--blue)}
.cta-section{background:radial-gradient(circle at 50% 0,rgba(63,190,255,.18),transparent 38%),linear-gradient(145deg,#edf9ff 0%,#f7fbff 48%,#f2f2ff 100%)}.cta-section:before{background-image:linear-gradient(rgba(35,132,221,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(35,132,221,.055) 1px,transparent 1px)}.cta-section:after{border-color:rgba(25,139,229,.13);box-shadow:0 0 0 80px rgba(25,139,229,.025),0 0 0 160px rgba(95,99,245,.018)}.cta-label{background:#fff;border-color:#d6eafa;color:var(--blue);box-shadow:0 8px 25px rgba(47,112,168,.08)}.cta-box h2{color:var(--navy)}.cta-box h2 span{background:linear-gradient(90deg,#1687ff,#57bff7,#5d63f5,#1687ff);background-size:250% auto;-webkit-background-clip:text;background-clip:text}.cta-box p{color:var(--muted)}.cta-glow{background:radial-gradient(circle,rgba(52,185,255,.16),rgba(93,99,245,.06) 45%,transparent 72%)}.contact-card a{background:rgba(255,255,255,.88);border-color:#dceaf5!important;color:var(--navy);box-shadow:0 12px 35px rgba(48,102,150,.08)}.contact-card a:hover{background:#fff;border-color:#aedbfa!important;box-shadow:0 18px 42px rgba(48,112,173,.13)}.contact-card>a>i:first-child{background:#eaf7ff;color:var(--blue)}.contact-card small{color:#8094a8}.contact-card strong{color:var(--navy)}.contact-card>a>i:last-child{color:var(--blue)}

/* Remove decorative cropped-circle corner shapes from all content cards */
.feature-card:before,.industry-card:before{content:none!important;display:none!important}

/* Client carousel should flow as a section, not a boxed panel */
.clients-section{margin:0;border:0;border-radius:0;box-shadow:none}

/* Mobile navigation toggle: hamburger becomes close icon while open */
.navbar-toggler .navbar-toggler-icon{transition:transform .25s ease,background-image .2s ease}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23102342' stroke-linecap='round' stroke-width='2.4' d='M7 7L23 23M23 7L7 23'/%3e%3c/svg%3e");transform:rotate(90deg)}