/* Retained approved miniature service interfaces; page geometry lives in design.css. */
.mini-site { border: 1px solid rgba(121, 151, 206, .28); border-radius: 9px; overflow: hidden; background: #07101e; }
.browser-dots { height: 21px; display: flex; align-items: center; gap: 4px; padding: 0 9px; border-bottom: 1px solid rgba(119, 146, 195, .18); }
.browser-dots i { width: 5px; height: 5px; border-radius: 50%; background: #34dda1; }
.browser-dots i:nth-child(1) { background: #ff605c; } .browser-dots i:nth-child(2) { background: #ffbd44; }
.site-preview { display: grid; grid-template-columns: 1fr 1.1fr; min-height: 120px; }
.site-copy { padding: 20px 13px; background: linear-gradient(135deg, #070f1d, #111926); }
.site-copy .micro { color: #bbc5d9; font-size: .42rem; letter-spacing: .15em; }
.site-copy b { display: block; margin-top: 16px; max-width: 86px; line-height: 1.1; font-size: .9rem; }
.site-copy span { display: block; margin-top: 7px; color: #a6afc0; font-size: .46rem; }
.site-photo { position: relative; background: linear-gradient(145deg, #07121f, #253b51 48%, #b18443 49%, #332719 100%); overflow: hidden; }
.site-photo::before { content: ""; position: absolute; width: 76%; height: 52%; left: 12%; bottom: 17%; background: linear-gradient(90deg, #1c222b 0 10%, #9f7436 11% 19%, #232831 20% 35%, #a47a42 36% 44%, #252a32 45% 100%); box-shadow: 0 -25px 0 -10px #1f242c; }
.site-photo.photo-real::before { display: none; }
.site-url { display: flex; justify-content: space-between; padding: 8px 10px; color: #8f99ad; font-size: .55rem; }
.live-pill, .pilot-pill { padding: 2px 8px; color: #55ecbd; border: 1px solid rgba(46, 218, 164, .45); border-radius: 999px; font-size: .58rem; }

.chat-preview { display: grid; gap: 7px; padding: 6px 4px 2px; }
.chat-bubble { max-width: 82%; padding: 9px 10px; border-radius: 7px; color: #e9ecf4; background: #111a2a; font-size: .64rem; line-height: 1.35; }
.chat-bubble.out { margin-left: auto; background: linear-gradient(120deg, #0e4b83, #6131da); }
.confirm-row { display: grid; grid-template-columns: 26px 1fr; gap: 8px; padding-top: 8px; border-top: 1px solid rgba(135, 160, 205, .2); }
.confirm-check { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #042318; background: var(--green); font-weight: 800; }
.confirm-row strong { display: block; font-size: .66rem; line-height: 1.25; }
.confirm-row small { display: block; margin-top: 3px; color: var(--muted); font-size: .56rem; line-height: 1.35; }

.profile-card { border: 1px solid rgba(116, 147, 202, .24); border-radius: 8px; padding: 10px; background: rgba(5, 12, 24, .78); }
.profile-row { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.profile-row strong { font-size: .74rem; }
.stars { color: #ffc536; letter-spacing: .04em; font-size: .66rem; }
.profile-thumb { width: 54px; height: 42px; border-radius: 5px; background: linear-gradient(145deg, #172233 45%, #a67f46 46%); }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 8px; }
.metric { padding: 8px 5px; border: 1px solid rgba(126, 153, 204, .17); border-radius: 6px; }
.metric strong { display: block; font-size: .75rem; } .metric span { color: #8894aa; font-size: .47rem; } .metric em { color: var(--green); font-size: .48rem; font-style: normal; }
.kit-row { margin-top: 8px; padding-top: 7px; border-top: 1px solid rgba(126, 153, 204, .16); color: #aeb7c9; font-size: .52rem; }
.kit-row b { display: block; margin-bottom: 4px; color: #d9deea; font-weight: 500; }
.kit-row span { margin-right: 9px; color: #b9c1d1; }

.uptime { display: flex; justify-content: space-between; font-size: .58rem; color: #aab4c7; }
.uptime-bars { height: 50px; display: flex; align-items: end; gap: 4px; padding: 7px 0; }
.uptime-bars i { flex: 1; height: var(--h, 60%); min-width: 3px; background: linear-gradient(#42dca8, #159d79); }
.care-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.care-grid div { padding: 8px 3px; text-align: center; border: 1px solid rgba(126, 153, 204, .16); border-radius: 6px; }
.care-grid b { display: block; color: #d7dfef; font-size: .5rem; }
.care-grid span { color: var(--green); font-size: .44rem; }
.support-response { margin-top: 6px; padding: 6px 8px; border: 1px solid rgba(126, 153, 204, .16); border-radius: 6px; color: #99a5bb; font-size: .49rem; }

.front-mini { display:grid; grid-template-columns:.7fr 1fr; gap:8px; }
.mini-call { display:grid; align-content:center; gap:8px; color:#cbd4e5; font-size:.65rem; }
.wave-line, .voice-wave { height:42px; display:block; background: repeating-linear-gradient(90deg, #139aff 0 2px, transparent 2px 6px); clip-path: polygon(0 45%,4% 40%,8% 70%,12% 20%,16% 60%,20% 30%,24% 75%,28% 15%,32% 55%,36% 25%,40% 80%,44% 35%,48% 65%,52% 22%,56% 72%,60% 30%,64% 55%,68% 18%,72% 68%,76% 35%,80% 62%,84% 25%,88% 70%,92% 38%,96% 55%,100% 45%,100% 55%,0 55%); filter: drop-shadow(0 0 6px #146bff); }
.profile-actions, .kit-mini, .care-icons { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:12px; }
.profile-actions i { height:42px; display:grid; place-items:center; border:1px solid rgba(59,132,255,.35); border-radius:50%; color:#63a7ff; font-style:normal; }
.kit-mini { grid-template-columns:repeat(3,1fr); align-items:end; }
.kit-mini div { min-height:100px; display:grid; place-items:center; border:1px solid rgba(126,159,217,.24); border-radius:8px; background:#06101e; }
.kit-mini span { font-size:2rem; font-weight:800; color:transparent; background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0); background-clip:text; }
.kit-mini b { font-size:.58rem; color:#bac4d7; }
.care-top { padding:12px; border-radius:8px; color:#072317; background:linear-gradient(90deg,#28bb7a,#67db87); font-weight:700; }
.care-icons { grid-template-columns:repeat(5,1fr); }
.care-icons i { min-height:58px; display:grid; place-items:end center; border:1px solid rgba(126,159,217,.18); border-radius:8px; color:#b7c1d3; font-size:.5rem; font-style:normal; background:radial-gradient(circle at 50% 35%,rgba(54,218,126,.42),transparent 30%); }

.demo-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.demo-top span { display:flex; gap:6px; }
.demo-top i { width:9px; height:9px; border-radius:50%; background:#2cd894; }
.demo-top i:first-child{background:#ff6258}.demo-top i:nth-child(2){background:#ffc345}.demo-top b{color:#eaf2ff;letter-spacing:.16em}
.builder-browser { position:relative; min-height:390px; padding:22px; border:1px solid rgba(120,155,215,.32); border-radius:13px; background:#06101e; overflow:hidden; }
.builder-browser nav { display:flex; justify-content:flex-end; gap:25px; margin-bottom:20px; color:#b3bfd3; font-size:.58rem; }
.builder-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:18px; align-items:stretch; }
.builder-layout h3 { margin:26px 0 12px; font-size:2.2rem; line-height:1.02; }
.builder-layout p { color:#aab4c7; font-size:.8rem; }
.builder-layout button, .next-panel button, .handoff button { min-height:36px; padding:0 14px; border:1px solid rgba(70,112,255,.7); border-radius:5px; color:#fff; background:linear-gradient(90deg,#074edb,#4e1ce0); font-size:.65rem; }
.builder-layout img { width:100%; height:240px; object-fit:cover; border-radius:8px; }
.builder-services { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:17px; }
.builder-services span { padding:15px 8px; border:1px solid rgba(118,150,204,.22); border-radius:7px; color:#c9d1df; font-size:.7rem; }
.builder-phone { position:absolute; right:-1%; bottom:0; width:175px; padding:16px 13px; border:3px solid #263043; border-radius:28px; background:#030914; box-shadow:0 20px 40px #000; }
.builder-phone span { display:flex; justify-content:space-between; font-size:.65rem; }.builder-phone em{color:#49e7ae;font-style:normal}.builder-phone h3{font-size:1.25rem}.builder-phone p{color:#9ea9bc;font-size:.55rem}.builder-phone b{display:inline-block;padding:7px;color:#fff;background:#f05b17;font-size:.55rem}.builder-phone i{display:block;margin-top:8px;padding:8px;border:1px solid #1a2940;border-radius:5px;color:#cbd4e5;font-size:.55rem;font-style:normal}

.reservation-demo { display:grid; grid-template-columns:.84fr 1.16fr; gap:14px; }
.calendar-panel, .reservation-chat { min-height:505px; padding:24px; }
.calendar-panel h3,.reservation-chat h3 { margin:0 0 20px; }
.calendar-head { display:flex; justify-content:space-between; margin-bottom:16px; }
.calendar-days { display:grid; grid-template-columns:repeat(7,1fr); gap:10px 8px; text-align:center; font-size:.72rem; }
.calendar-days small{color:#6f7a90}.calendar-days span,.calendar-days b,.calendar-days em{font-style:normal;font-weight:400}.calendar-days em{padding:4px 0;border-radius:5px;color:#fff;background:#174ee9}.time-list{display:grid;gap:7px;margin-top:20px}.time-list span,.time-list b{padding:9px 12px;border:1px solid rgba(118,150,204,.18);border-radius:6px;color:#778399;font-size:.72rem}.time-list b{color:#fff;background:#123db5}.reservation-chat .chat-bubble{max-width:92%;padding:14px;font-size:.8rem}.confirm-banner{margin-top:15px;padding:13px;border:1px solid rgba(53,221,162,.42);border-radius:8px;color:#dffcf3;background:rgba(15,106,71,.35)}

.front-desk-demo { min-height:500px; padding:24px; }
.demo-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }.demo-title h3{margin:0;font-size:1.4rem}.demo-title span{color:#4e8dff}.demo-title b{padding:6px 10px;border:1px solid #3055cb;border-radius:8px;font-size:.65rem;color:#cad9ff;background:#102d7a}.front-desk-grid{display:grid;grid-template-columns:1.05fr 1.1fr .85fr;gap:14px}.call-panel,.message-panel,.next-panel{min-height:275px;padding:16px;border:1px solid rgba(118,150,204,.23);border-radius:10px;background:rgba(3,9,19,.68)}.call-panel>span{font-size:.75rem}.call-panel b,.call-panel small{display:block;margin-top:14px}.call-panel small{color:#8f9bb0}.call-actions{display:flex;gap:12px;margin-top:25px}.call-actions i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #263650;border-radius:50%;font-style:normal}.call-actions .hang{color:#ff4b55;border-color:#8f1e27}.message-panel .chat-bubble{max-width:100%;font-size:.72rem;padding:13px}.typing{width:70px;padding:10px;border-radius:7px;background:#101d31;color:#9aa9c3;letter-spacing:.25em}.next-panel{display:grid;align-content:start;gap:16px}.next-panel>b{font-size:2rem;color:#69a6ff}.next-panel strong{font-weight:500}.handoff{display:flex;align-items:center;gap:14px;margin-top:14px;padding:15px;border:1px solid rgba(118,150,204,.23);border-radius:10px}.handoff>span{font-size:1.8rem;color:#7caaff}.handoff div{flex:1}.handoff b,.handoff small{display:block}.handoff small{color:#8f9bb0}

.google-demo { min-height:500px; padding:28px; }.g-head{display:flex;align-items:center;gap:16px}.g-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#0e55e9}.g-head h3{margin:0}.g-head small{color:#a7b0c2}.optimized{margin-left:auto;padding:10px 16px;border:1px solid rgba(53,221,162,.32);border-radius:999px;font-size:.75rem}.optimized i{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:var(--green)}.g-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border:1px solid rgba(118,150,204,.18);border-radius:8px 8px 0 0}.g-tabs>*{padding:15px;text-align:center;color:#a8b1c3;font-size:.75rem}.g-tabs b{color:#2587ff;border-bottom:2px solid #2587ff}.g-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0;border-bottom:1px solid rgba(118,150,204,.18)}.g-actions div{display:grid;place-items:center;gap:5px}.g-actions i{width:50px;height:50px;display:grid;place-items:center;border:2px solid #176be8;border-radius:50%;color:#5aa0ff;font-size:1.4rem;font-style:normal}.g-actions b{font-size:.72rem}.g-actions small{color:#33ce71}.g-rows>div{display:grid;grid-template-columns:36px 1fr 1fr 20px;align-items:center;padding:17px;border-bottom:1px solid rgba(118,150,204,.18)}.g-rows i{color:#4c9cff;font-style:normal}.g-rows b{color:#30d071;font-weight:500}.g-rows em{font-style:normal;font-size:1.5rem}

.review-hardware { position:relative; min-height:480px; padding:0; overflow:hidden; }.review-hardware img{width:100%;height:100%;min-height:480px;object-fit:cover}.hardware-copy{position:absolute;display:grid;place-items:center;text-align:center;color:#fff;text-shadow:0 2px 8px #000}.hardware-copy span{font-size:1rem}.hardware-copy b{margin:8px 0;color:transparent;background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);background-clip:text;font-size:2rem}.hardware-copy small{font-size:.58rem;line-height:1.8}.hardware-one{left:10%;top:24%;width:25%;transform:rotate(-3deg)}.hardware-two{left:41%;top:28%;width:29%}.hardware-three{right:7%;top:38%;width:20%;transform:rotate(5deg)}

.care-dashboard { min-height:470px; padding:28px; }.health-head{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid rgba(118,150,204,.22)}.health-head>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#3d6bff,#8429e9);font-size:1.6rem}.health-head h3{margin:0}.health-head small{color:#a7b1c3}.health-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.health-grid>div{min-height:130px;display:grid;place-items:center;padding:14px 6px;border:1px solid rgba(118,150,204,.2);border-radius:8px}.health-grid i{font-size:2rem;color:#62dd78;font-style:normal}.health-grid b{font-size:.7rem}.health-grid small{color:#47d76e;font-size:.62rem}.monitor-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:16px}.monitor-grid>div{padding:17px;border:1px solid rgba(118,150,204,.2);border-radius:8px}.monitor-grid h4{margin:0 0 12px}.monitor-grid span{display:block;margin:8px 0;color:#9ca8bc;font-size:.68rem}.monitor-grid span::first-letter{color:#287bff}.monitor-grid p{color:#9ca8bc;font-size:.72rem}.monitor-grid a{display:inline-flex;padding:9px 12px;border:1px solid #356fff;border-radius:6px;text-decoration:none;font-size:.7rem}