.services-page{background:#080c0e;color:#f7f8f8}.services-hero{padding:220px 0 105px;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 35%,rgba(90,48,180,.16),transparent 28%),radial-gradient(circle at 90% 60%,rgba(0,177,177,.12),transparent 26%),#080c0e}.services-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.services-hero h1{font-size:clamp(54px,5.2vw,88px);line-height:.98;letter-spacing:-.055em;margin:18px 0 28px}.services-hero-copy>p{font-size:20px;line-height:1.7;color:#aeb7bb;max-width:680px}.tech-visual{perspective:1200px}.tech-visual svg{width:100%;display:block;transform:rotateY(-5deg) rotateX(2deg);filter:drop-shadow(0 35px 55px rgba(0,0,0,.45))}.services-catalog{padding:110px 0 125px;background:#0b0f11}.catalog-head{max-width:880px;margin-bottom:65px}.catalog-head h2,.shi-intro h2{font-size:clamp(42px,4.3vw,68px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 18px}.catalog-head p,.shi-intro p{font-size:18px;color:#9da9ae;line-height:1.7}.hex-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:stretch}.hex-card{min-height:315px;padding:55px 28px 46px;background:linear-gradient(145deg,#151929,#0c1519);clip-path:polygon(25% 0,75% 0,100% 18%,100% 82%,75% 100%,25% 100%,0 82%,0 18%);position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.35s ease}.hex-card:before{content:"";position:absolute;inset:1px;clip-path:inherit;background:linear-gradient(145deg,rgba(118,78,255,.16),rgba(20,211,204,.08));z-index:-1}.hex-card:hover{transform:translateY(-10px);filter:drop-shadow(0 18px 26px rgba(30,205,199,.15))}.hex-icon{width:52px;height:52px;border:1px solid #2ed4cd;border-radius:16px;display:grid;place-items:center;color:#4ee5de;font-weight:800;font-size:22px;margin-bottom:20px;background:#0c1a20}.hex-card h3{font-size:19px;line-height:1.2;margin:0 0 13px}.hex-card p{font-size:13.5px;line-height:1.55;color:#a9b2b7;margin:0}.shi-section{padding:120px 0;background:radial-gradient(circle at 15% 50%,rgba(26,210,203,.08),transparent 28%),#070b0d}.shi-intro{display:grid;grid-template-columns:1fr .9fr;gap:75px;align-items:end;margin-bottom:65px}.shi-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.predictor,.shi-scorecard{border:1px solid rgba(63,205,200,.25);background:linear-gradient(145deg,#0e151d,#0a1014);border-radius:28px;padding:30px;box-shadow:0 25px 60px rgba(0,0,0,.3)}.predictor-top,.scorecard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.predictor-top small,.scorecard-head span{font-size:11px;letter-spacing:.14em;color:#62d9d5}.predictor-top h3{font-size:25px;margin:7px 0}.live-dot{font-size:11px;color:#64e68a;border:1px solid rgba(100,230,138,.3);padding:8px 11px;border-radius:999px}.predictor-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.predictor-kpis>div{padding:18px;border-radius:16px;background:#111b22;border:1px solid #20303a}.predictor-kpis small{display:block;color:#8f9da5;font-size:10px}.predictor-kpis b{display:block;font-size:27px;margin:5px 0}.predictor-kpis em{font-style:normal;color:#63e789;font-size:11px}.predictor-chart{height:250px;padding:18px;background:#091219;border-radius:18px;border:1px solid #1b3039}.predictor-chart svg{width:100%;height:190px}.chart-label{font-size:11px;color:#8ea0aa}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.signal-grid span{font-size:10px;padding:10px;border-radius:10px;background:#111b22;color:#aab8bf;text-align:center}.scorecard-head{margin-bottom:22px}.scorecard-head small{color:#74838b}.score-row{margin:0 0 20px}.score-row>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.score-row b{font-size:14px}.score-num{font-size:26px;font-weight:800;color:#fff;min-width:44px;text-align:right}.score-row i{height:8px;background:#172229;border-radius:10px;display:block;overflow:hidden}.score-row u{display:block;width:0;height:100%;border-radius:10px;background:linear-gradient(90deg,#7255e8,#19d2cb,#58dd88);transition:width 3s cubic-bezier(.16,1,.3,1)}.shi-scorecard.counted .score-row u{width:var(--score)}.services-cta{padding:35px 0 100px;background:#070b0d}.services-cta .cta-panel{text-align:center}.services-cta .cta-panel p{margin-left:auto;margin-right:auto}.services-cta .cta-panel h2{max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:1150px){.hex-grid{grid-template-columns:repeat(2,1fr)}.services-hero-grid,.shi-intro,.shi-grid{grid-template-columns:1fr}.tech-visual{width:100%;max-width:800px;margin:auto}.shi-intro{gap:20px}.shi-scorecard{max-width:700px}}
@media(max-width:700px){.services-hero{padding-top:145px}.services-hero h1{font-size:48px}.hex-grid{grid-template-columns:1fr}.hex-card{clip-path:polygon(10% 0,90% 0,100% 12%,100% 88%,90% 100%,10% 100%,0 88%,0 12%)}.predictor-kpis,.signal-grid{grid-template-columns:1fr}.predictor{padding:18px}.shi-scorecard{padding:22px}}

/* V51 — upgraded technology hero */
.chip-stage{height:590px;position:relative;border-radius:42px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(32,216,207,.13),transparent 31%),radial-gradient(circle at 24% 18%,rgba(125,77,255,.18),transparent 28%),linear-gradient(145deg,#070a10,#0b1118 48%,#071315);border:1px solid rgba(63,219,211,.12);box-shadow:inset 0 0 80px rgba(20,210,205,.035),0 35px 70px rgba(0,0,0,.42)}
.chip-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(32,213,205,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(32,213,205,.1) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(circle,#000 20%,transparent 78%)}
.chip-lines:after,.chip-lines:before{content:"";position:absolute;inset:11% 7%;border:1px solid rgba(31,218,210,.22);clip-path:polygon(0 14%,23% 14%,23% 0,61% 0,61% 20%,100% 20%,100% 72%,76% 72%,76% 100%,35% 100%,35% 83%,0 83%)}
.holo-dashboard{position:absolute;width:76%;left:12%;top:14%;padding:26px;border-radius:26px;background:linear-gradient(145deg,rgba(15,24,36,.96),rgba(7,28,31,.93));border:1px solid rgba(44,229,217,.6);box-shadow:0 0 0 1px rgba(130,82,255,.18),0 0 35px rgba(28,215,208,.14),0 38px 70px rgba(0,0,0,.5);transform:perspective(1000px) rotateX(5deg) rotateY(-7deg);transform-origin:center}
.holo-head{display:flex;justify-content:space-between;align-items:center}.holo-head small{display:block;color:#57e3dc;letter-spacing:.13em;font-size:9px}.holo-head b{display:block;font-size:17px;margin-top:5px}.holo-head>span{color:#67e78a;font-size:9px;border:1px solid rgba(103,231,138,.3);padding:7px 9px;border-radius:999px}.holo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:19px 0}.holo-kpis>div{padding:14px;border-radius:13px;background:rgba(8,17,28,.75);border:1px solid rgba(92,107,255,.28)}.holo-kpis small{display:block;color:#81919c;font-size:8px}.holo-kpis strong{font-size:23px;display:inline-block;margin-top:5px}.holo-kpis em{font-size:8px;color:#63e789;font-style:normal;margin-left:5px}.holo-body{display:grid;grid-template-columns:1.7fr .8fr;gap:10px}.holo-bars,.holo-rings{height:190px;border:1px solid #203440;border-radius:15px;padding:14px;background:rgba(7,16,25,.78)}.holo-bars>small,.holo-rings>small{color:#82939d;font-size:8px}.bars{height:120px;display:flex;align-items:flex-end;gap:10px;padding:10px 12px 0;border-bottom:1px solid #263843}.bars i{flex:1;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(#8b5cf6,#17d8d0);box-shadow:0 0 12px rgba(24,216,208,.18)}.trend-line{height:2px;background:linear-gradient(90deg,#8b5cf6,#17d8d0,#64e68a);transform:rotate(-8deg) translateY(-69px);box-shadow:0 0 8px #17d8d0}.ring{width:88px;height:88px;border-radius:50%;margin:10px auto;background:conic-gradient(#8b5cf6 0 32%,#18d7cf 32% 72%,#63e789 72% 91%,#1d2b35 91%);display:grid;place-items:center}.ring:before{content:"";width:61px;height:61px;background:#0b1720;border-radius:50%;position:absolute}.ring div{z-index:1;text-align:center}.ring b{font-size:17px;display:block}.ring span{font-size:6px;color:#91a1aa}.holo-rings p{display:flex;justify-content:space-between;margin:6px 0;font-size:8px;color:#91a1aa}.holo-rings p b{color:#64e68a}.data-chip{position:absolute;padding:12px 16px;border:1px solid rgba(37,221,212,.35);background:rgba(8,18,26,.88);border-radius:13px;color:#53e2db;font-weight:800;box-shadow:0 0 25px rgba(30,211,204,.12)}.data-chip span{display:block;color:#8b9aa4;font-size:8px;font-weight:500}.chip-one{left:4%;bottom:10%}.chip-two{right:4%;top:9%;color:#a07aff}.floating-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:140px;height:140px;right:-40px;bottom:25px;background:radial-gradient(circle,rgba(30,215,205,.2),transparent 70%)}.orb-b{width:160px;height:160px;left:-55px;top:0;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 70%)}

/* F&B Intelligence */
.fnb-intelligence{padding:120px 0;background:radial-gradient(circle at 88% 22%,rgba(128,76,255,.09),transparent 28%),radial-gradient(circle at 10% 75%,rgba(18,210,200,.08),transparent 25%),#080c0f}.fnb-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:54px}.fnb-head h2{font-size:clamp(42px,4.3vw,68px);line-height:1.04;letter-spacing:-.045em;margin:14px 0 0}.fnb-head p{font-size:18px;line-height:1.75;color:#9eaaaf}.fnb-dashboard{border:1px solid rgba(49,218,210,.24);border-radius:30px;background:linear-gradient(145deg,#0d141b,#081013);padding:30px;box-shadow:0 35px 80px rgba(0,0,0,.35)}.fnb-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fnb-topbar small{font-size:10px;letter-spacing:.16em;color:#54ddd6}.fnb-topbar h3{font-size:25px;margin:5px 0}.fnb-live{font-size:10px;color:#62e78a;border:1px solid rgba(98,231,138,.28);padding:8px 11px;border-radius:999px}.fnb-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.fnb-kpis>div{background:#101a21;border:1px solid #1e3039;border-radius:16px;padding:17px}.fnb-kpis small{display:block;color:#7f9099;font-size:9px}.fnb-kpis b{display:block;font-size:24px;margin:5px 0}.fnb-kpis em{font-size:9px;color:#62e78a;font-style:normal}.fnb-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:14px}.fnb-panel{background:#091219;border:1px solid #1c3039;border-radius:18px;padding:18px;min-height:250px}.sales-panel{grid-column:span 2}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel-title b{font-size:13px}.panel-title span{font-size:9px;color:#71858f}.sales-chart{height:155px;position:relative;margin-top:8px;overflow:hidden}.chart-bars{position:absolute;inset:15px 0 10px;display:flex;gap:9px;align-items:flex-end;border-bottom:1px solid #253943}.chart-bars i{width:11%;height:var(--v);border-radius:5px 5px 0 0;background:linear-gradient(rgba(139,92,246,.5),rgba(24,216,208,.2))}.sales-chart svg{position:absolute;inset:20px 0 0;width:100%;height:115px}.sales-chart path{fill:none;stroke:#18d7d0;stroke-width:4}.sales-chart .prev{stroke:#65727d;stroke-width:2.5}.forecast-note{padding:10px 12px;border-radius:10px;background:rgba(31,216,207,.07);display:flex;gap:15px;align-items:center}.forecast-note b{font-size:10px;color:#65e7df}.forecast-note span{font-size:9px;color:#91a1a9}.menu-matrix{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.menu-matrix>div{height:86px;border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:center;font-size:18px}.menu-matrix b{font-size:8px;margin:3px 0}.menu-matrix span{font-size:8px;color:#9eabb1}.star{background:rgba(99,231,137,.09);border:1px solid rgba(99,231,137,.22);color:#63e789}.question{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.24);color:#a886ff}.cow{background:rgba(24,216,208,.08);border:1px solid rgba(24,216,208,.22);color:#35ddd5}.dog{background:rgba(255,104,81,.07);border:1px solid rgba(255,104,81,.18);color:#ff806c}.basket-panel .pair{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:10px}.pair>span{width:95px}.pair i{height:1px;flex:1;background:linear-gradient(90deg,#1dd9d0,#845cff)}.pair strong{font-size:9px}.pair em{font-style:normal;color:#63e789}.basket-panel p{font-size:9px;line-height:1.55;color:#758791;margin-top:16px}.product-row{display:grid;grid-template-columns:72px 1fr 42px;gap:8px;align-items:center;margin:19px 0;font-size:9px}.product-row i{height:6px;background:#18252d;border-radius:8px;overflow:hidden}.product-row u{display:block;height:100%;background:linear-gradient(90deg,#18d8cf,#64e68a);border-radius:8px}.product-row b{color:#64e68a;text-align:right}.product-row.down u{background:linear-gradient(90deg,#8b5cf6,#ff6e59)}.product-row.down b{color:#ff7966}.peak-hours{margin-top:25px;padding:12px;background:#101b22;border-radius:11px}.peak-hours small{display:block;font-size:8px;color:#71858f}.peak-hours b{font-size:11px;color:#53dfd8}.staff-intelligence{display:grid;grid-template-columns:1.15fr 1.4fr 1fr;gap:18px;align-items:center;margin-top:14px;padding:22px;border:1px solid #1d3139;border-radius:18px;background:linear-gradient(90deg,#0a141b,#0d151c)}.staff-copy small{font-size:8px;letter-spacing:.12em;color:#51dcd5}.staff-copy h3{font-size:20px;margin:6px 0}.staff-copy p{font-size:9px;line-height:1.55;color:#7f9099}.staff-cards{display:flex;flex-direction:column;gap:7px}.staff-card{appearance:none;border:1px solid #20343e;background:#0c171e;color:#fff;border-radius:11px;padding:9px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;gap:8px;cursor:pointer}.staff-card>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#132932;color:#50ddd6;font-size:8px}.staff-card b{font-size:9px;display:block}.staff-card small{font-size:7px;color:#748690}.staff-card strong{font-size:9px;color:#65e78a}.staff-card.active{border-color:#24d9d0;background:rgba(24,216,208,.06)}.staff-detail{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-detail>div{padding:10px;background:#101b22;border-radius:10px}.staff-detail small{font-size:7px;color:#72848e;display:block}.staff-detail b{font-size:10px;display:block;margin-top:4px}.fnb-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fnb-controls span{padding:8px 11px;border:1px solid #1b343c;border-radius:999px;color:#7f949d;font-size:8px;background:#0b151b}
@media(max-width:1150px){.fnb-head{grid-template-columns:1fr;gap:20px}.fnb-grid{grid-template-columns:1fr 1fr}.sales-panel{grid-column:span 2}.staff-intelligence{grid-template-columns:1fr}.fnb-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.chip-stage{height:auto}.holo-dashboard{position:relative;width:auto;left:auto;top:auto;margin:14px 14px 90px;padding:15px;transform:none}.chip-one{left:14px;bottom:13px}.chip-two{right:14px;top:auto;bottom:13px}.holo-kpis{gap:6px}.holo-kpis>div{padding:12px 8px;min-width:0}.holo-kpis strong{font-size:clamp(17px,5.4vw,23px)}.holo-kpis em{display:block;margin:4px 0 0}.holo-body{grid-template-columns:1fr}.holo-rings{display:none}.fnb-grid{grid-template-columns:1fr}.sales-panel{grid-column:auto}.fnb-kpis{grid-template-columns:1fr}.forecast-note{align-items:flex-start;flex-direction:column}.fnb-dashboard{padding:17px}.fnb-head{margin-bottom:30px}}

/* v52 motion system — F&B + Sinergia Software */
.fnb-dashboard .chart-bars i{height:0;transition:height 3s cubic-bezier(.16,1,.3,1)}
.fnb-dashboard.motion-on .chart-bars i,html:not(.js) .fnb-dashboard .chart-bars i{height:var(--v)}
.sales-chart path,.predictor-chart path:not(:first-child){stroke-dasharray:1100;stroke-dashoffset:1100;transition:stroke-dashoffset 3s cubic-bezier(.16,1,.3,1)}
.fnb-dashboard.motion-on .sales-chart path,.predictor.motion-on .predictor-chart path,html:not(.js) .sales-chart path,html:not(.js) .predictor-chart path:not(:first-child){stroke-dashoffset:0}
.basket-panel .pair i{transform:scaleX(0);transform-origin:left;transition:transform 2.4s cubic-bezier(.16,1,.3,1)}
.fnb-dashboard.motion-on .basket-panel .pair i,html:not(.js) .basket-panel .pair i{transform:scaleX(1)}
.product-row u{width:0!important;transition:width 2.8s cubic-bezier(.16,1,.3,1)}
.fnb-dashboard.motion-on .product-row:nth-child(2) u,html:not(.js) .product-row:nth-child(2) u{width:82%!important}.fnb-dashboard.motion-on .product-row:nth-child(3) u,html:not(.js) .product-row:nth-child(3) u{width:38%!important}.fnb-dashboard.motion-on .product-row:nth-child(4) u,html:not(.js) .product-row:nth-child(4) u{width:67%!important}
.staff-card{transform:translateX(-10px);opacity:.25;transition:transform .7s ease,opacity .7s ease,border-color .3s,background .3s}
.fnb-dashboard.motion-on .staff-card,html:not(.js) .staff-card{transform:none;opacity:1}.fnb-dashboard.motion-on .staff-card:nth-child(2){transition-delay:.15s}.fnb-dashboard.motion-on .staff-card:nth-child(3){transition-delay:.3s}
.staff-detail>div{transform:translateY(8px);opacity:.25;transition:.7s ease}.fnb-dashboard.motion-on .staff-detail>div,html:not(.js) .staff-detail>div{transform:none;opacity:1}.fnb-dashboard.motion-on .staff-detail>div:nth-child(2){transition-delay:.1s}.fnb-dashboard.motion-on .staff-detail>div:nth-child(3){transition-delay:.2s}.fnb-dashboard.motion-on .staff-detail>div:nth-child(4){transition-delay:.3s}
.predictor-kpis b{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion: reduce){.fnb-dashboard .chart-bars i,.sales-chart path,.predictor-chart path,.basket-panel .pair i,.product-row u,.staff-card,.staff-detail>div{transition:none}}

/* V54 — larger staff detail cards */
.staff-detail{gap:12px}
.staff-detail>div{min-height:82px;padding:16px 15px;border:1px solid rgba(47,85,99,.28);display:flex;flex-direction:column;justify-content:center}
.staff-detail small{font-size:8px;letter-spacing:.04em}
.staff-detail b{font-size:14px;margin-top:7px;line-height:1.25}
@media(max-width:1100px){.staff-intelligence{grid-template-columns:1fr 1.25fr}.staff-detail{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.staff-detail{grid-template-columns:1fr 1fr}.staff-detail>div{min-height:74px}}