.solution-page .desk-hero h1{font-size:clamp(46px,4.8vw,76px)}
.solution-hero-frame{position:relative;isolation:isolate;height:480px;border-radius:18px;overflow:hidden;background:#244260;box-shadow:0 25px 70px #0002}
.solution-hero-image{display:block;width:100%;height:100%;object-fit:cover;animation:desk-photo-drift 18s ease-in-out infinite alternate}
.solution-page .desk-hero.paused .solution-hero-image,.solution-page .desk-hero.paused .chart-track i{animation-play-state:paused}
.solution-hero-parking .solution-hero-image{object-fit:contain;animation:none;background:#d4d9dc;padding-bottom:105px}
.solution-hero-dashboard{background:#f6f9fc;color:#092449;display:flex;align-items:center}
.solution-hero-dashboard{height:auto;min-height:480px}.solution-hero-dashboard .solution-dashboard{padding:24px}.solution-hero-dashboard .dashboard-metrics{margin:18px 0}.solution-hero-dashboard .dashboard-metrics div{padding:12px}.solution-hero-dashboard .chart-track{height:105px}.solution-hero-dashboard .dashboard-insight{margin-top:15px}
.solution-dashboard{padding:28px;width:100%;min-width:0}
.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:17px;margin-bottom:25px}
.dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.dashboard-metrics div{padding:18px;border:1px solid #d5e1eb;border-radius:10px}
.dashboard-metrics small{display:block;color:#637a92;font-size:10px;margin-bottom:12px;line-height:1.5}
.dashboard-metrics strong{font-size:32px;font-weight:500;letter-spacing:-.04em}
.solution-chart{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:10px 0}
.solution-chart>div{text-align:center;font-size:11px;color:#6a7b91}
.chart-track{height:145px;position:relative;background:#e7eef4;border-radius:5px;margin-bottom:10px;overflow:hidden}
.chart-track i{position:absolute;bottom:0;left:0;right:0;height:var(--bar);background:linear-gradient(#83aeea,#2f72c7);border-radius:5px;transition:height .4s}
.solution-hero-dashboard .chart-track i{animation:solution-bar-breathe 5s ease-in-out infinite alternate}
.solution-chart b,.solution-chart span{display:block}.solution-chart b{margin-bottom:5px;color:#163656;font-weight:500}
.dashboard-insight{padding:13px;background:#e6f0eb;border-radius:8px;color:#31755f;font-size:12px;line-height:1.6;margin:20px 0 13px}
.solution-dashboard>small{font-size:9px;color:#74889c;line-height:1.5;display:block}
.solution-demo-body{padding:5px 24px 15px;min-width:0}
.solution-field{display:grid;gap:8px;font-size:11px;color:#667b91}
.solution-field select,.solution-page input{width:100%;min-width:0;border:1px solid #d6e0e8;border-radius:6px;background:#f7f9fb;color:#092449;padding:10px;font:inherit}
.solution-demo-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px}
.solution-demo-actions p{font-size:12px;line-height:1.6;max-width:280px;margin:0}
.solution-demo-actions .pill{font-size:11px;flex-shrink:0;white-space:nowrap;padding:14px 17px}
.solution-demo-actions .pill:disabled{opacity:.45;cursor:default}
.solution-reset{display:block;margin:8px 24px 24px;font-size:10px}
.room-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 8px}
.room-choice{border:1px solid #d1e0e8;border-radius:10px;padding:20px 8px;background:#f2f8f5;color:#143a2d;display:grid;gap:9px;text-align:center}
.room-choice strong{font-size:13px;font-weight:500}.room-choice span:not(.room-icon),.room-choice small{font-size:10px}
.room-icon{font-size:28px;color:#347c62}.room-choice:disabled{background:#f2f3f5;color:#83909f;cursor:default}.room-choice:disabled .room-icon{color:inherit}
.room-choice[aria-pressed=true]{border-color:#1958d2;box-shadow:0 0 0 2px #1958d2}
.planner-time{display:grid;grid-template-columns:80px repeat(4,1fr);font-size:10px;color:#6d8299;gap:5px;padding:10px 0 18px}
.planner-lane{display:grid;grid-template-columns:80px repeat(4,minmax(0,1fr));gap:4px;min-height:74px;border-top:1px solid #e1e8ef;align-items:center;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#f0f4f8 calc(25% - 1px),#f0f4f8 25%)}
.planner-lane>b{font-size:11px;background:white;align-self:stretch;display:flex;align-items:center;font-weight:500}
.planner-lane button{grid-column:calc(var(--start) + 1);border:1px solid #aabde2;border-radius:5px;background:#e0eafb;color:#193863;font-size:10px;padding:12px 5px;line-height:1.5;transition:background .2s}
.planner-lane button small{display:block;font-size:8px}.planner-lane button[aria-pressed=true]{background:#214f8b;color:white}
.solution-demo-body .demo-controls{padding:0}.order-preview{display:flex;align-items:center;gap:20px;background:#f3f6fa;border-radius:12px;padding:28px 20px;margin:25px 0 5px}
.order-symbol{font-size:45px;color:#547396}.order-preview small,.visitor-example small{color:#6d8098;font-size:10px}
.order-preview h3,.visitor-example h3{font-size:19px;font-weight:500;line-height:1.35;margin:10px 0}
.order-preview p,.visitor-example p{font-size:11px;color:#6d8098;line-height:1.6}
.kitchen-orders{display:grid;gap:9px}.kitchen-orders button{display:flex;align-items:center;gap:15px;justify-content:space-between;background:#f7f9fc;border:1px solid #dce5ed;padding:17px 12px;border-radius:7px;text-align:left;color:#193755;font-size:10px}
.kitchen-orders small,.kitchen-orders strong{display:block}.kitchen-orders small{color:#687b91;margin-bottom:6px}.kitchen-orders strong{font-size:13px;font-weight:500}.kitchen-orders b{background:#e7edf8;padding:5px 8px;border-radius:15px;font-size:9px;font-weight:500}
.kitchen-orders button[aria-pressed=true]{border-color:#4277b8;background:#eef4fc}.kitchen-detail{padding:20px 0 5px;font-size:14px}.kitchen-detail p{color:#6b8095;font-size:11px;line-height:1.6}
.visitor-example{display:flex;align-items:center;gap:20px;margin:15px 0 20px}.solution-avatar{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#dbe7f5;color:#476b96;flex-shrink:0}
.visit-progress{display:flex;list-style:none;padding:0;gap:10px;margin:25px 0}.visit-progress li{flex:1;border-top:3px solid #e3eaf0;padding-top:12px;font-size:10px;color:#899aac}.visit-progress li.active{border-color:#4f997a;color:#267559}
.welcome-preview{background:#edf6f0;padding:22px;border-radius:12px;text-align:center}.welcome-preview>span{display:block;font-size:30px;margin-bottom:12px;color:#34785b}.welcome-preview strong{font-size:19px;font-weight:500}.welcome-preview p{font-size:11px;color:#668071;line-height:1.7}
.badge-demo-stage{min-height:330px;display:flex;align-items:center;justify-content:center;position:relative;padding:35px;margin-top:15px;background:#f1f4f5;border-radius:12px}
.badge-lanyard{position:absolute;top:0;width:12px;height:65px;background:#19242e;border-radius:0 0 6px 6px}
.solution-badge{position:relative;background:#295ca2;border-radius:14px;padding:16px;width:195px;box-shadow:0 10px 25px #071d3826;transform:rotate(-3deg)}
.badge-slot{width:50px;height:6px;background:#143b70;border-radius:6px;margin:0 auto 16px}.badge-screen{background:#e7e7df;color:#31332f;padding:20px 12px;border:1px solid #b2b8ae;border-radius:5px;min-height:172px;text-align:center}
.badge-screen>small{font-size:8px;display:block;margin:6px 0}.badge-screen>strong{font-size:17px;display:block;margin:12px 0}.badge-screen p{font-size:9px}.badge-screen hr{border:0;border-top:1px solid #93958c;margin:15px 0}
.solution-badge>img{display:block;width:70px;height:auto;margin:15px auto 0}
.parking-demo-map{margin:0 24px}.parking-demo-map .demo-pin{width:22px;height:22px;font-size:9px}
[data-parking-demo]>.solution-demo-actions{padding:10px 24px 15px}
.ai-greeting{font-size:17px;font-weight:500;display:flex;gap:15px;align-items:center}.ai-greeting span{font-size:32px;color:#649ad3}
.ai-questions{display:grid;gap:8px;margin:20px 0}.ai-questions button{display:flex;justify-content:space-between;gap:15px;text-align:left;background:#f1f5fb;border:1px solid #d7e2ed;border-radius:8px;color:#173b67;padding:14px;font-size:12px;line-height:1.5}.ai-questions button[aria-pressed=true]{background:#e2ecfa;border-color:#5690ce}
.ai-answer{background:#092449;color:white;padding:24px;border-radius:12px;min-height:145px}.ai-answer small{color:#92b5e6;font-size:9px;letter-spacing:.1em}.ai-answer p{font-size:14px;line-height:1.7}.ai-data-note{font-size:9px;color:#73879c;line-height:1.6}
.solution-service-art{min-width:0;position:relative}.solution-service-art>img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 20px 60px #09244915}
.solution-service-label{display:flex;justify-content:space-between;gap:8px;margin-top:22px;color:#6a7c91;font-size:10px}
.solution-page .connected-grid p{min-height:150px}.solution-page .connected-grid .line-link{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:13px}
.solution-page .connected-grid h3{font-size:29px;min-height:72px;line-height:1.2}
.solution-page #solution-demo-dialog{padding:42px;border:1px solid #d8e3eb;border-radius:16px;color:#092449;max-width:520px}.solution-page #solution-demo-dialog::backdrop{background:#04142699;backdrop-filter:blur(6px)}
.solution-page #solution-demo-dialog h2{font-size:38px;line-height:1.1}.solution-page #solution-demo-dialog p:not(.eyebrow){font-size:15px;line-height:1.7;color:#63758b;margin:20px 0 25px}
@keyframes solution-bar-breathe{from{filter:brightness(.92)}to{filter:brightness(1.1)}}
.solution-overview .desk-hero{min-height:0}.overview-intro{padding-top:85px;padding-bottom:85px}.solution-overview .desk-hero h1{font-size:clamp(45px,5.8vw,84px)}.overview-intro .lead{color:#b8c9db;margin:25px 0 35px;max-width:590px}.overview-group{padding:80px 0;border-bottom:1px solid #d6e0e8}.overview-group:last-child{border:0}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px}.overview-card{position:relative;display:flex;flex-direction:column;text-decoration:none;background:#edf2f6;border:1px solid #d6e1e9;padding:35px;border-radius:14px;transition:transform .2s,background .2s;min-height:250px}.overview-card:hover{transform:translateY(-4px);background:#e4edf6}.solution-overview main .overview-card h2{font-size:32px;line-height:1.15;margin:15px 35px 20px 0}.overview-card p{font-size:14px;line-height:1.7;color:#667b93;max-width:420px;margin:0 0 25px}.overview-arrow{position:absolute;right:25px;top:25px;font-size:24px;color:#567da6}.overview-more{font-size:12px;margin-top:auto;color:#31669b}#overview-demo-dialog{padding:35px;border:1px solid #d6e0e8;border-radius:12px;color:#092449;max-width:480px}#overview-demo-dialog::backdrop{background:#071d3899}#overview-demo-dialog h2{font-size:32px}#overview-demo-dialog p{line-height:1.7;margin:20px 0}
@media(max-width:760px){.overview-intro{padding:50px 0 60px}.overview-group{padding:50px 0}.overview-grid{grid-template-columns:minmax(0,1fr)}.overview-card{padding:27px;min-height:230px}.solution-overview main .overview-card h2{font-size:28px}#overview-demo-dialog{width:calc(100% - 32px);padding:30px 24px}}
@media(max-width:1100px){.solution-hero-frame{height:450px}.solution-page .desk-hero h1{font-size:clamp(42px,5.2vw,65px)}.solution-page .desk-play-grid{gap:45px}.solution-chart{gap:12px}.dashboard-metrics{gap:10px}.dashboard-metrics strong{font-size:26px}}
@media(max-width:760px){.solution-page .desk-hero h1{font-size:clamp(38px,10vw,60px)}.solution-hero-frame{height:380px;border-radius:12px}.solution-hero-image{object-fit:cover}.solution-hero-parking{height:350px}.solution-hero-parking .solution-hero-image{object-fit:contain;padding-bottom:110px}.solution-page .desk-play-grid{gap:35px}.solution-demo-body{padding:5px 16px 15px}.solution-dashboard{padding:20px}.dashboard-metrics{gap:10px}.dashboard-metrics div{padding:12px}.dashboard-metrics strong{font-size:26px}.chart-track{height:120px}.solution-chart{gap:10px}.dashboard-head{font-size:15px;margin-bottom:18px}.solution-demo-actions{gap:15px;align-items:flex-start;flex-wrap:wrap}.solution-demo-actions .pill{padding:12px 16px}.room-options{gap:8px}.room-choice{padding:15px 5px}.room-choice strong{font-size:11px}.solution-reset{margin:8px 16px 22px}.planner-time,.planner-lane{grid-template-columns:55px repeat(4,minmax(0,1fr))}.planner-lane button{font-size:8px}.planner-lane button small{font-size:7px}.kitchen-orders button{gap:7px;padding:15px 10px}.kitchen-orders strong{font-size:12px}.kitchen-orders b{font-size:8px}.order-preview{padding:20px 15px;gap:15px}.order-preview h3{font-size:17px}.order-symbol{font-size:30px}.solution-avatar{width:45px;height:45px}.visitor-example{gap:12px}.visitor-example h3{font-size:18px}.parking-demo-map{margin:0 16px}.parking-demo-map .demo-pin{width:14px;height:14px;font-size:6px;border-width:1px}[data-parking-demo]>.solution-demo-actions{padding:10px 16px 15px}.solution-page .connected-grid h3,.solution-page .connected-grid p{min-height:0}.solution-page .connected-grid .line-link{margin-top:20px}.solution-page #solution-demo-dialog{padding:30px 24px;width:calc(100% - 32px)}.solution-page #solution-demo-dialog h2{font-size:32px}.solution-service-art{order:2}.solution-service-label{font-size:9px;gap:5px}}
@media(prefers-reduced-motion:reduce){.solution-hero-image,.solution-hero-dashboard .chart-track i{animation:none}.chart-track i{transition:none}}
