@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071327;--navy2:#0b1c38;--blue:#356dff;--cyan:#61d7ff;--ink:#17243a;--muted:#65738a;--line:#e7edf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,19,39,.97);border-bottom:1px solid #26324a;backdrop-filter:blur(18px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#4e86ff,#1544b7);display:grid;place-items:center;font:800 27px Manrope;position:relative}.spark{font-size:10px;position:absolute;right:5px;top:4px;color:#92efff}.brand-name{font:800 15px/1.1 Manrope;letter-spacing:1.1px}.brand-name small{display:block;font-size:10px;letter-spacing:4.1px;color:#a9c1e6;margin-top:5px}.nav-links{display:flex;align-items:center;gap:27px;color:#b9c8de;font-size:13px;font-weight:700}.nav-links>a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:9px;padding:15px 22px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#386dff;color:#fff;box-shadow:0 12px 28px #1a4ae13b}.btn-primary:hover{box-shadow:0 16px 32px #1a4ae16b}.btn-small{padding:12px 17px}.btn-outline{border-color:#52647e;color:#fff}.btn-white{background:white;color:#163a8c}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 28%,#183c77 0%,transparent 42%),linear-gradient(135deg,#071327,#0b1c38);color:#fff}.hero-glow{position:absolute;right:-250px;top:-200px;width:700px;height:700px;background:#1e60ff22;border-radius:50%;filter:blur(40px)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:45px;min-height:635px;padding:70px 0 55px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#366cff}.eyebrow{display:flex;align-items:center;gap:10px;color:#91baff}.pulse,.green-dot{height:8px;width:8px;border-radius:50%;background:#45dbb0;box-shadow:0 0 0 5px #45dbb01c}.hero h1,h2,h3{font-family:Manrope,Arial,sans-serif}.hero h1{font-size:clamp(43px,4.5vw,65px);line-height:1.15;letter-spacing:-3px;margin:22px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#76d9ff,#6c91ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#b2c3dd;max-width:500px;line-height:1.85;font-size:16px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;gap:24px;margin-top:57px;flex-wrap:wrap}.hero-proof span{font-size:11px;color:#9cacc5}.hero-proof b{color:#65caff;margin-right:6px}.hero-visual{position:relative;padding:25px 5px}.dashboard{display:flex;min-height:405px;background:#f8fbff;border:8px solid #263b5e;border-radius:19px;box-shadow:0 35px 85px #0007;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);overflow:hidden;color:#22324a}.dash-side{width:58px;background:#102446;display:flex;align-items:center;flex-direction:column;gap:24px;padding:17px 0;color:#8da8d5}.dash-side i{font-style:normal;font-size:17px}.dash-side .selected{color:#fff;background:#356dff;border-radius:8px;padding:6px}.dash-logo{font:800 20px Manrope;color:white}.dash-logo span{font-size:9px;color:#5de4ff}.dash-main{padding:22px;flex:1;min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800}.dash-avatar{background:#dbe7ff;color:#3467c8;padding:8px;border-radius:50%;font-size:10px}.dash-welcome{font:800 20px Manrope;margin:25px 0 18px}.dash-welcome span{color:#f6b64b}.dash-welcome small{display:block;font:400 11px 'DM Sans';color:#8c99ad;margin-top:4px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{background:white;border:1px solid #e9eef8;border-radius:9px;padding:13px 9px}.metric small{display:block;font-size:9px;color:#7c8da5}.metric strong{display:block;font-size:clamp(11px,1.35vw,17px);margin:9px 0}.positive{font-size:9px;color:#0caa81}.chart-box{background:#fff;border:1px solid #e9eef8;border-radius:10px;padding:14px;margin-top:12px}.chart-title{font-size:11px;font-weight:800;display:flex;justify-content:space-between}.chart-title span{font-size:9px;color:#8795ab}.bars{display:flex;align-items:end;justify-content:space-around;gap:10px;height:96px;border-bottom:1px solid #e9edf6;padding:12px 9px 0}.bars div{height:var(--h);width:11%;border-radius:5px 5px 0 0;background:linear-gradient(#4a9aff,#3c68f5)}.chart-labels{display:flex;justify-content:space-around;color:#8d9ab0;font-size:9px;margin-top:7px}.dash-footer{display:flex;justify-content:space-between;font-size:9px;color:#8d9bb1;margin-top:14px}.dash-footer span:first-child{color:#1eb68e}.floating-tag{position:absolute;z-index:2;padding:13px 16px;background:white;color:#1a2b4a;border-radius:10px;box-shadow:0 12px 40px #0003;font-size:11px;font-weight:800}.top-tag{right:-5px;top:-3px}.bottom-tag{bottom:4px;left:-14px;display:flex;align-items:center;gap:12px}.mockup-note{text-align:right;font-size:10px;color:#91a3c1}.hero-bottom{border-top:1px solid #ffffff1d;padding:22px 0;display:flex;justify-content:space-between;gap:10px;color:#7792b9;letter-spacing:2px;font-size:10px;font-weight:800}.section{padding:105px 0}.light{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head>p{max-width:360px;color:var(--muted);line-height:1.8;font-size:14px}h2{font-size:clamp(30px,3.5vw,45px);letter-spacing:-1.8px;line-height:1.25;margin:16px 0 0}h2 span{color:#3d70f5}.cards.four{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.solution-card{border:1px solid var(--line);border-radius:17px;padding:25px 21px;min-height:322px;display:flex;flex-direction:column;transition:.2s;background:#fff}.solution-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #1a3e7b12;border-color:#d0dfff}.card-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:27px;margin-bottom:26px}.blue{background:#e8efff;color:#336dff}.violet{background:#f0eaff;color:#8a5df6}.orange{background:#fff1e5;color:#ed8b30}.teal{background:#e4faf6;color:#16b79d}.card-number{font-size:10px;letter-spacing:1.3px;color:#8291a9;font-weight:800}.solution-card h3{font-size:17px;line-height:1.5;margin:12px 0}.solution-card p{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 24px}.solution-card a{margin-top:auto;color:#336bfb;font-size:12px;font-weight:800}.section-footnote{font-size:11px;color:#8c98a9;margin-top:20px}.automation{background:#0a1931;color:#fff}.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.cyan{color:#6cd7ff}.automation h2 span{color:#75d9ff}.automation-grid>div>p{line-height:1.9;color:#b0bfd6;max-width:460px;margin:23px 0 28px}.automation-panel{border:1px solid #314565;background:#122642;border-radius:19px;padding:28px;box-shadow:0 25px 70px #0002}.flow-heading{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;margin-bottom:25px}.flow-heading>span{color:#65d8ff}.flow-heading small{margin-left:auto;font-size:9px;color:#88a1c4}.flow-step{display:flex;align-items:center;gap:14px;padding:14px;background:#1b3253;border:1px solid #2d4568;border-radius:12px}.flow-symbol{background:#2b64a2;width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.flow-symbol.purple{background:#55409d}.flow-symbol.green{background:#1d756e}.flow-step b{display:block;font-size:12px}.flow-step small{display:block;font-size:10px;color:#9aafcb;margin-top:4px}.flow-status{margin-left:auto;color:#8ce2c6;font-size:10px}.flow-connector{height:25px;border-left:2px dashed #46648b;margin-left:32px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:45px}.service{padding-top:22px;border-top:2px solid #e4eaf5}.service>span{color:#3974ff;font-size:27px}.service h3{font-size:17px;line-height:1.5;margin:22px 0 9px}.service p{color:var(--muted);font-size:13px;line-height:1.8}.about{background:#f5f8fd}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-grid>div>p{line-height:1.9;color:#61728b;margin:0 0 27px}.about-points>div{display:grid;grid-template-columns:42px 1fr;gap:3px 12px;padding:17px 0;border-top:1px solid #dce5f2}.about-points span{grid-row:span 2;color:#3971f6;font-weight:800}.about-points b{font-size:14px}.about-points small{color:#7b8ba3}.cta{background:linear-gradient(110deg,#102b63,#2356bc);color:#fff;padding:70px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:36px}.cta p{color:#c5d9ff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid>div>p{color:#6e7d91;line-height:1.9;max-width:380px}.contact-details{display:flex;flex-direction:column;gap:17px;margin-top:35px;color:#344968;font-size:14px}.contact-details a:hover{color:#356dff}.contact-form{border:1px solid #e3eaf4;padding:32px;border-radius:17px;box-shadow:0 14px 50px #163a7910}.contact-form label{display:block;font-size:12px;font-weight:800;margin-bottom:17px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dfe7f1;background:#f9fbff;padding:13px;border-radius:8px;outline:none;margin-top:9px;color:#263751}.contact-form :is(input,select,textarea):focus{border-color:#3a71ff;box-shadow:0 0 0 3px #3a71ff15}.form-submit{width:100%}.form-note{font-size:11px;color:#7c8ba2;line-height:1.5}footer{background:#081529;color:#fff;padding-top:55px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:55px}.footer-top p{color:#9db0cb;line-height:1.9;font-size:13px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:15px;font-size:13px;color:#a9bad3}.footer-top b{color:white;margin-bottom:8px}.footer-top a:hover{color:#78d7ff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #28364d;padding:22px 0;color:#8397b5;font-size:11px}.whatsapp{position:fixed;bottom:22px;right:22px;z-index:40;background:#19ae71;color:white;padding:13px 17px;border-radius:50px;box-shadow:0 10px 30px #123c2e55;font-size:13px;font-weight:800}.whatsapp:hover{background:#13965f}@media(max-width:1050px){.nav-links{gap:13px}.hero-grid{gap:20px}.cards.four{grid-template-columns:repeat(2,1fr)}.solution-card{min-height:280px}.service-grid{grid-template-columns:repeat(2,1fr)}.automation-grid,.about-grid,.contact-grid{gap:45px}}@media(max-width:760px){.container{width:min(100% - 34px,1160px)}.nav{height:68px}.menu-toggle{display:block;background:none;color:white;border:0;font-size:27px}.nav-links{display:none;position:absolute;left:0;right:0;top:68px;background:#0b1c38;flex-direction:column;align-items:stretch;padding:20px 24px 26px;gap:18px;border-bottom:1px solid #2e4262}.nav-links.open{display:flex}.nav-links .btn{align-self:start}.hero-grid{grid-template-columns:1fr;padding:60px 0 35px}.hero h1{letter-spacing:-2px}.hero-visual{max-width:550px;margin:25px auto 0;width:100%}.hero-proof{margin-top:32px}.hero-bottom{flex-wrap:wrap;justify-content:center;gap:18px}.section{padding:70px 0}.section-head,.cta-inner{display:block}.section-head>p{max-width:100%}.automation-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.cta-inner .btn{margin-top:15px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child{grid-column:span 2}}@media(max-width:480px){.hero h1{font-size:42px}.eyebrow{font-size:9px}.hero-proof{gap:13px}.hero-proof span{font-size:10px}.dashboard{min-height:330px;border-width:5px}.dash-side{width:38px;gap:18px}.dash-main{padding:12px}.dash-welcome{margin:13px 0;font-size:16px}.metric{padding:9px 5px}.metric strong{font-size:11px}.metric small{font-size:8px}.chart-box{padding:9px}.bars{height:75px}.floating-tag{font-size:9px;padding:9px}.cards.four,.service-grid{grid-template-columns:1fr}.solution-card{min-height:250px}.flow-heading{font-size:12px}.flow-heading small{display:none}.flow-status{font-size:9px}.cta h2{font-size:29px}.contact-form{padding:21px}.footer-bottom{gap:12px;flex-direction:column}.whatsapp span{display:none}}

/* Soft, coordinated page surfaces: no stark white section backgrounds */
:root{
  --page-bg:#eef3fb;
  --surface-bg:#f3f6fd;
  --surface-card:#f8faff;
  --surface-border:#dce5f3;
}
body{background:var(--page-bg)}
.section.light{background:linear-gradient(145deg,#f1f5fc 0%,#eaf1fb 100%)}
.section.about{background:linear-gradient(135deg,#e8effa 0%,#f0f3fc 55%,#e8f2f8 100%)}
.solution-card{background:linear-gradient(155deg,#fbfcff 0%,#f0f5fd 100%);border-color:#dce5f3}
.solution-card:hover{background:linear-gradient(155deg,#ffffff 0%,#eaf2ff 100%);border-color:#c6d8f8}
.service{border-top-color:#d2def0}
.contact-form{background:linear-gradient(145deg,#f8faff 0%,#edf3fc 100%);border-color:#d8e2f1}
.contact-form input,.contact-form select,.contact-form textarea{background:#f5f8fe;border-color:#d7e1f0}
.section-footnote{color:#71819a}

/* Refined section continuity: blend the hero into the solutions surface */
.hero{
  background:
    radial-gradient(ellipse at 80% 28%,#183c77 0%,transparent 42%),
    linear-gradient(180deg,#071327 0%,#0b1c38 76%,#152b4b 91%,#dce7f7 100%);
}
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:86px;
  background:linear-gradient(180deg,rgba(220,231,247,0) 0%,rgba(220,231,247,.58) 58%,#eaf1fb 100%);
  pointer-events:none;z-index:0;
}
.hero-bottom{position:relative;z-index:1;border-top-color:#ffffff20;padding-bottom:30px}
.section.light{
  position:relative;
  background:
    radial-gradient(ellipse at 12% 18%,rgba(255,255,255,.55),transparent 38%),
    linear-gradient(155deg,#eaf1fb 0%,#e5edf9 48%,#edf3fc 100%);
  margin-top:-1px;
}
.section.light::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(95,133,190,.18),transparent);
}
.section.light>.container{position:relative;z-index:1}
.solution-card{
  background:linear-gradient(155deg,rgba(255,255,255,.58),rgba(233,241,252,.72));
  border:1px solid rgba(194,211,237,.78);
  box-shadow:0 10px 30px rgba(31,66,119,.045),inset 0 1px 0 rgba(255,255,255,.7);
}
.solution-card:hover{
  background:linear-gradient(155deg,rgba(255,255,255,.82),rgba(231,240,254,.9));
  box-shadow:0 18px 42px rgba(31,66,119,.10);
}
@media(max-width:760px){.hero::after{height:60px}.hero-bottom{padding-bottom:25px}}

/* Version 3: slightly deeper blue-grey surfaces for a richer premium look */
:root{
  --page-bg:#dce5f2;
  --surface-bg:#d9e3f1;
  --surface-card:#e5edf8;
  --surface-border:#c3d1e4;
}
body{background:#dce5f2}
.section.light{
  background:
    radial-gradient(ellipse at 12% 18%,rgba(255,255,255,.28),transparent 38%),
    linear-gradient(155deg,#dce6f4 0%,#d4e0f0 48%,#e0e9f5 100%);
}
.section.about{background:linear-gradient(135deg,#d4dfef 0%,#dce4f2 55%,#d2e1ed 100%)}
.solution-card{
  background:linear-gradient(155deg,#e9f0fa 0%,#dce6f4 100%);
  border-color:#c4d3e8;
  box-shadow:0 10px 30px rgba(25,55,100,.075),inset 0 1px 0 rgba(255,255,255,.55);
}
.solution-card:hover{background:linear-gradient(155deg,#edf3fb 0%,#d7e4f6 100%);border-color:#b8cce8}
.contact-form{background:linear-gradient(145deg,#e6edf8 0%,#d7e2f1 100%);border-color:#c5d3e6}
.contact-form input,.contact-form select,.contact-form textarea{background:#e1eaf6;border-color:#c6d4e7}
.service{border-top-color:#bdcde2}
.section-footnote{color:#657792}
.hero{background:radial-gradient(ellipse at 80% 28%,#183c77 0%,transparent 42%),linear-gradient(180deg,#071327 0%,#0b1c38 76%,#152b4b 91%,#d2deef 100%)}
.hero::after{background:linear-gradient(180deg,rgba(210,222,239,0) 0%,rgba(210,222,239,.58) 58%,#dce6f4 100%)}

/* Product showcase previews: polished illustrative software screens */
.product-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.product-card{padding:13px;min-height:0;overflow:hidden;background:linear-gradient(155deg,#263c5b 0%,#1a2e4b 100%);border:1px solid #3b5272;box-shadow:0 14px 35px #07132724}
.product-card:hover{background:linear-gradient(155deg,#30496d 0%,#1d3557 100%);border-color:#6282b2;box-shadow:0 22px 45px #07132740}
.product-preview{height:222px;border-radius:11px;overflow:hidden;background:#f4f7fc;color:#1a2b45;position:relative;border:1px solid #d8e2f0;box-shadow:0 8px 22px #07132720}
.preview-top{height:31px;background:#102343;color:#fff;display:flex;align-items:center;padding:0 11px;gap:8px;font-size:8px;letter-spacing:.6px}
.preview-top b{font-size:10px;letter-spacing:1px}.preview-top b span{color:#72cfff}.preview-top small{margin-left:auto;color:#9fb4d2;font-size:7px;letter-spacing:1px}.preview-top i{font-style:normal;color:#7f9bbf;font-size:7px;margin-left:8px;white-space:nowrap}
.preview-body{display:flex;height:164px}.preview-sidebar{width:31px;background:#e8eef8;display:flex;align-items:center;flex-direction:column;gap:16px;padding-top:13px;color:#5878a8;font-size:12px}.preview-sidebar b:first-child{background:#356dff;color:#fff;padding:4px 7px;border-radius:5px}
.preview-content{padding:11px 12px;flex:1;min-width:0}.preview-title,.lab-heading,.coach-heading,.retail-heading{font-size:10px;font-weight:800;color:#203653}.preview-title small,.lab-heading small,.coach-heading small,.retail-heading small{display:block;font-size:7px;font-weight:500;color:#8b9ab0;margin-top:3px}
.mini-stats,.lab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.mini-stats>div,.lab-stats>div{background:#fff;border:1px solid #e2eaf4;border-radius:6px;padding:7px 6px}.mini-stats small,.lab-stats small{display:block;font-size:6px;color:#8190a5;letter-spacing:.4px}.mini-stats b,.lab-stats b{display:block;font-size:14px;margin:4px 0;color:#1d3150}.mini-stats em{font-style:normal;color:#0d9c7a;font-size:6px}.room-heading{font-size:8px;font-weight:800;margin:10px 0 6px}.room-heading small{float:right;color:#4679d8}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.room-grid span{border-radius:5px;padding:5px 3px;font-size:8px;font-weight:800;text-align:center}.room-grid b{font-size:6px;font-weight:500}.occupied{background:#e0eaff;color:#3d68bc}.available{background:#ddf7ee;color:#168568}.cleaning{background:#fff0d9;color:#b47a1c}.preview-caption{height:26px;background:#e9eff8;color:#667d9d;display:flex;align-items:center;padding:0 12px;font-size:7px;letter-spacing:1.2px;font-weight:800}
.product-copy{padding:18px 10px 12px;color:#eef4ff}.product-copy .card-number{color:#91b6e6}.product-copy h3{font-size:18px;line-height:1.35;margin:10px 0;color:#fff}.product-copy p{font-size:12px;line-height:1.75;color:#b9c9df;margin:0 0 18px}.product-copy a{display:inline-flex;margin-top:0;color:#7fcaff;font-size:11px;font-weight:800}.product-copy a:hover{color:#fff}
/* Restaurant POS preview */
.pos-layout{height:164px;display:grid;grid-template-columns:1.5fr .8fr;padding:10px;gap:9px}.pos-welcome{font-size:9px;font-weight:800}.pos-welcome small{display:block;font-size:7px;color:#8b9ab0;font-weight:500;margin-top:3px}.pos-categories{display:flex;gap:5px;margin:8px 0}.pos-categories span{font-size:6px;padding:4px 6px;border-radius:10px;background:#e8eef7;color:#667b9b;white-space:nowrap}.pos-categories .active{background:#356dff;color:#fff}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.food-grid>div{background:#fff;border:1px solid #e4eaf2;border-radius:5px;padding:4px;text-align:center;min-width:0}.food-thumb{height:33px;display:grid;place-items:center;border-radius:4px;font-size:17px;background:#fff0df}.food-thumb.pizza{background:#ffeddf}.food-thumb.salad{background:#e0f5e9}.food-thumb.coffee{background:#f0e8df}.food-grid b,.food-grid small{display:block;font-size:5px;white-space:nowrap}.food-grid small{color:#4672be;margin-top:3px}.order-ticket{background:#fff;border:1px solid #e3eaf3;border-radius:6px;padding:7px;font-size:7px}.order-ticket>b{display:block;font-size:8px;margin-bottom:10px}.order-ticket>b small{float:right;color:#4672c6;font-size:6px}.order-ticket div{display:flex;justify-content:space-between;margin:7px 0;color:#66758a}.order-ticket hr{border:0;border-top:1px solid #e8edf4}.order-ticket>small{color:#8795a8}.order-ticket strong{float:right;font-size:10px}.order-ticket label{display:block;clear:both;background:#356dff;color:white;text-align:center;border-radius:4px;padding:6px 2px;margin-top:12px;font-size:6px;font-weight:800}
/* Pathology, coaching and retail previews */
.lab-content,.coach-content,.retail-content{height:164px;padding:12px 13px}.lab-stats{margin-top:10px}.lab-stats b{font-size:13px}.lab-table{margin-top:9px;background:#fff;border:1px solid #e5ebf3;border-radius:5px;overflow:hidden}.lab-table>div{display:grid;grid-template-columns:1.2fr .8fr .65fr;gap:4px;padding:5px 7px;border-bottom:1px solid #edf1f6;font-size:6px;color:#697b94}.lab-table .table-head{background:#edf2f9;color:#8190a5;font-weight:800}.lab-table b{font-size:6px;color:#2d405e}.lab-table em{font-style:normal;font-size:6px}.ready{color:#0b9b79}.pending{color:#c18a2e}
.coach-heading{font-size:10px}.coach-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.coach-stats>div{background:#fff;border:1px solid #e4eaf3;border-radius:6px;padding:7px}.coach-stats b{display:block;font-size:15px;color:#315fb6}.coach-stats small{font-size:6px;color:#8391a5}.attendance-title{font-size:7px;font-weight:800;margin-top:10px}.attendance-title b{float:right;color:#168d75}.attendance-bars{height:37px;display:flex;align-items:end;gap:8px;padding:0 9px;margin-top:5px;border-bottom:1px solid #dfe7f1}.attendance-bars i{display:block;flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#71b9ff,#426ff0)}.attendance-days{display:flex;justify-content:space-around;font-size:6px;color:#8a99ad;margin-top:4px}
.retail-kpi{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.retail-kpi>div{background:#fff;border:1px solid #e3eaf3;border-radius:6px;padding:7px}.retail-kpi small{display:block;font-size:6px;color:#8291a5}.retail-kpi b{display:block;font-size:14px;color:#203653;margin:3px 0}.retail-kpi em{font-size:6px;color:#0d9c7a;font-style:normal}.retail-kpi .warn{color:#c68a28}.stock-list{margin-top:8px;background:#fff;border:1px solid #e4eaf3;border-radius:5px;overflow:hidden}.stock-list>div{display:grid;grid-template-columns:1.4fr .6fr .8fr;padding:5px 7px;border-bottom:1px solid #edf1f6;font-size:6px;color:#71829a}.stock-list>div:first-child{background:#edf2f9;font-weight:800}.stock-list b{font-size:6px;color:#2c405d}.stock-list .low{color:#d18a2c;font-weight:800}
@media(max-width:1000px){.product-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.product-showcase{grid-template-columns:1fr}.product-preview{height:230px}.preview-body,.pos-layout,.lab-content,.coach-content,.retail-content{height:172px}}

/* Product showcase: show every solution in a normal responsive grid, never a horizontal carousel. */
html, body { max-width: 100%; overflow-x: clip; }
.product-showcase {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  overflow: visible;
}
.product-showcase > .product-card {
  width: 100%;
  min-width: 0;
}
.product-preview,
.product-copy,
.preview-body,
.pos-layout,
.pos-menu,
.order-ticket,
.lab-content,
.coach-content,
.retail-content {
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 1000px) {
  .product-showcase { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .product-showcase { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}

/* Multi-page navigation and page introductions */
.page-intro{padding:54px 0 58px;background:linear-gradient(135deg,#10284b 0%,#183d70 58%,#263f66 100%);color:#fff;border-bottom:1px solid #496184}
.page-intro .section-kicker{color:#80d8ff;margin-top:25px}.page-intro h1{font:800 clamp(32px,4vw,49px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-1.7px;margin:12px 0}.page-intro p{color:#c0d0e6;max-width:650px;line-height:1.8;margin:0}.home-return{display:inline-flex;padding:10px 15px;border:1px solid #6b83a6;border-radius:8px;color:#e4efff;font-size:12px;font-weight:800}.home-return:hover{background:#ffffff16}.nav-links a[aria-current="page"]{color:#fff}.mobile-home{display:none}
@media(max-width:760px){.nav{height:68px}.menu-toggle{display:block;background:transparent;border:1px solid #52647e;color:#fff;border-radius:8px;padding:7px 11px;font-size:21px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#0b1c38;padding:18px 24px 22px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #334766}.nav-links.open{display:flex}.nav-links>a{padding:12px 4px}.nav-links .btn{margin-top:8px}.mobile-home{display:flex;position:fixed;z-index:45;left:14px;bottom:14px;align-items:center;gap:7px;padding:11px 15px;border-radius:30px;background:#356dff;color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 25px #07132755}.page-intro{padding:34px 0 42px}.page-intro h1{font-size:34px}}