/* TimeClock.website v3 design system. All prices and actions remain server-authoritative. */
:root{--ink:#18233b;--mute:#667187;--accent:#b9f18b;--deep:#111b32;--soft:#f6f8fb;--line:#e2e7ef;--paper:#fff;--aqua:#e9f5ff;--shadow:0 22px 65px rgba(19,30,55,.11);--blue:#4863ed;--navy:#141e35;--mint:#a9e77e}
body{background:#fff;color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.62}
h1,h2,h3{font-family:Inter,'Segoe UI',Arial,sans-serif;letter-spacing:-.055em;line-height:1.11}
p{color:#667187}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6a87ff;outline-offset:3px}
.container{width:min(1240px,calc(100% - 52px))}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #edf0f5}.nav-inner{min-height:80px;gap:44px}.brand-icon,.logo-mini{background:#151f38;color:#c0f48b;width:44px;height:44px;border-radius:14px;font-size:1.9rem;line-height:1;font-weight:700}.brand-name{font-size:1.18rem;letter-spacing:-.06em;font-weight:850;color:#121b31}.brand-name span{display:inline;font-size:inherit;letter-spacing:inherit;font-weight:850;color:#5370f2;margin:0}.nav a:not(.button){color:#515d73;font-size:.84rem;font-weight:650}.nav a:hover,.nav a.current{color:#3656de}.button{border-radius:12px;font-weight:780;min-height:50px;padding:13px 21px;letter-spacing:-.02em;box-shadow:none}.button.primary{background:#4566ec;color:#fff;box-shadow:0 12px 23px #4267d81d}.button.primary:hover{background:#304bd4}.button.outline{color:#1c2942;background:#fff;border-color:#d5dbe7}.button.secondary{background:#eaf0ff;color:#334fc2}.button.accent{background:#bafa86;color:#14213c;border:0}.button.accent:hover{background:#caff9e}.button.dark{background:#17253d}.eyebrow{font-size:.73rem!important;letter-spacing:.17em!important;color:#5270e5!important;font-weight:850!important}.v3-kicker,.mini-hint{font-size:.68rem;letter-spacing:.16em;color:#5c72ad;font-weight:850}.mini-hint{color:#657896}.kicker-star{display:inline-block;width:27px;height:27px;line-height:27px;text-align:center;margin-right:7px;border-radius:7px;background:#baf58e;color:#17213a;font-size:1rem}
/* Opening split hero: editorial photography plus a genuine UI preview */
.hero-v3{background:radial-gradient(ellipse at 18% 8%,#ecf2ff 0%,#fafbff 53%,#f7f9fd 100%);overflow:hidden}.hero-v3-inner{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:60px;padding:72px 0 88px;min-height:670px}.hero-v3-copy{padding-bottom:5px}.hero-v3 h1{font-size:clamp(3.4rem,5.5vw,5.6rem);letter-spacing:-.078em;line-height:1.04;margin:24px 0}.hero-v3 h1 span,.v3-pagehero h1 span{color:#4d6af0}.hero-v3-lead{font-size:1.08rem;line-height:1.83;max-width:570px}.hero-v3-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:36px 0 30px}.button.hero-ghost{border:0;background:transparent;padding:8px;color:#1d2941;box-shadow:none}.circle-play{width:34px;height:34px;border-radius:50%;border:1px solid #ccd6ed;display:grid;place-items:center;font-size:.68rem}.hero-v3-assurance{display:flex;flex-wrap:wrap;gap:12px 21px;font-size:.74rem;font-weight:700;color:#5c667b}.hero-v3-assurance b{font-size:.86rem;color:#3d66d3;margin-right:4px}.hero-v3-art{height:520px;position:relative}.hero-photograph{position:absolute;inset:0 0 17px 14px;background:url('workshop-timeclock.webp') center 55%/cover;border-radius:34px;box-shadow:0 25px 70px #1d344c22}.hero-photograph:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(10,21,46,0) 30%,rgba(8,22,40,.36) 100%)}.floating-app{position:absolute;left:-35px;top:80px;width:min(345px,80%);border-radius:21px;background:#fff;box-shadow:0 25px 70px #11213c55;overflow:hidden;border:1px solid #fff;transform:rotate(-2deg)}.floating-app-top{background:#16213d;color:#eef5ff;display:flex;align-items:center;gap:8px;font-size:.72rem;padding:13px 17px;font-weight:760}.floating-app-top>span:last-child{color:#bafb92;font-size:.64rem;margin-left:auto}.tiny-dot{width:9px;height:9px;border-radius:50%;background:#bafb92}.floating-app-body{text-align:center;padding:23px 26px 24px}.mini-time{font-size:3.6rem;color:#172640;font-weight:870;letter-spacing:-.09em;margin:8px 0 0}.mini-time span{font-size:.96rem;letter-spacing:0;margin-left:7px;color:#73819a}.mini-label{font-size:.62rem;color:#94a0b4;letter-spacing:.13em;font-weight:800}.mini-punch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.mini-punch span,.mini-rest span{padding:11px 6px;border-radius:9px;font-weight:820;font-size:.78rem;background:#aef183;color:#17253b}.mini-punch span+span{background:#eaf0fe;color:#2546ac}.mini-rest{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mini-rest span{background:#f5f7fb;font-size:.7rem;color:#44536a}.floating-status{position:absolute;right:-10px;bottom:3px;border:1px solid #e4e9ee;background:#fff;box-shadow:0 15px 50px #19283a2c;border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px;max-width:285px;transform:rotate(2deg)}.floating-status b,.floating-status small{display:block}.floating-status b{font-size:.82rem}.floating-status small{font-size:.7rem;color:#6f7c8f}.status-ring{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:13px;background:#e7fad8;color:#25753b;font-weight:900;font-size:1.3rem}.signal-bar{background:#151f36;color:#d8e5f3;padding:20px 0}.signal-bar-inner{display:flex;justify-content:space-between;gap:17px;flex-wrap:wrap;align-items:center;font-weight:800;font-size:.67rem;letter-spacing:.12em}.signal-bar-inner span:nth-child(even){color:#b8f18a;font-size:1.05rem}
.section{padding:95px 0}.v3-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.v3-section-head h2{font-size:clamp(2.1rem,4vw,3.35rem);margin:0}.v3-section-head h2 span{color:#6376a0}.v3-section-head>p{max-width:345px;line-height:1.8}.v3-feature-grid{grid-template-columns:repeat(3,1fr)}.v3-feature-grid .feature-card{border:1px solid #e5eaf2;border-radius:19px;padding:34px 30px;background:#fff;min-height:236px}.v3-feature-grid .feature-card:hover{box-shadow:0 15px 55px #1a305415;transform:translateY(-3px)}.v3-feature-grid h3{font-size:1.18rem;margin:23px 0 9px}.v3-feature-grid p{font-size:.88rem;line-height:1.8}.v3-feature-icon{width:49px;height:49px;display:grid;place-items:center;background:#eaf0ff;color:#4966eb;border-radius:13px;font-size:1.7rem;font-weight:700}
.v3-split-showcase{background:#f3f6fd;padding:68px 0}.v3-split-inner{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:85px}.showcase-photo{height:450px;border-radius:24px;position:relative;background:linear-gradient(90deg,#151f3720,#151f3700),url('workshop-timeclock.webp') center/cover;box-shadow:0 22px 55px #192c4b18}.showcase-picture-tag{position:absolute;bottom:19px;left:19px;background:#fff;color:#142139;font-size:.68rem;font-weight:900;letter-spacing:.1em;padding:12px 16px;border-radius:9px}.showcase-text h2{font-size:clamp(2.2rem,3.9vw,3.7rem)}.showcase-text>p:not(.eyebrow){line-height:1.85}.v3-checks{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;margin:30px 0;font-weight:720;font-size:.78rem;color:#344763}.v3-checks span::first-letter{color:#5578da}
.v3-steps{background:#fff}.v3-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.v3-steps-grid article{border-radius:17px;border:1px solid #e1e7ef;padding:34px;background:#fff;min-height:246px;position:relative}.v3-steps-grid article>span{position:absolute;right:27px;top:20px;font-size:2rem;letter-spacing:-.07em;color:#dce5f5;font-weight:860}.step-picto{height:53px;width:53px;border-radius:15px;display:grid;place-items:center;background:#e9f1ff;color:#3b60e3;font-size:1.8rem}.v3-steps-grid h3{margin:26px 0 6px}.v3-steps-grid p{font-size:.86rem}.v3-bottom-banner{background:#14203a;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:25px;padding:55px 62px;margin-bottom:90px;background-image:radial-gradient(circle at 87% 30%,#6272b950,transparent 33%)}.v3-bottom-banner h2{font-size:clamp(2.5rem,4vw,4rem);margin:8px 0 10px}.v3-bottom-banner p{color:#b2bfd4}.v3-bottom-banner .eyebrow{color:#baf18b!important}.v3-bottom-banner>div:last-child{text-align:right}.banner-price{color:#b0bbd2;font-size:.8rem;margin:0 0 15px}.banner-price strong{display:block;color:#fff;font-size:2.7rem;letter-spacing:-.07em}.banner-price span{display:block}
/* Pricing: deliberately only one required product, with optional services */
.v3-pagehero{max-width:830px;padding:79px 0 48px}.v3-pagehero h1{font-size:clamp(3rem,6vw,5rem);letter-spacing:-.075em}.v3-price-pair{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-top:7px;margin-bottom:86px;max-width:1030px}.v3-main-price,.v3-host-price{position:relative;border:1px solid #e3e8f0;padding:44px 43px;border-radius:24px;display:flex;flex-direction:column;background:#fff;box-shadow:0 15px 50px #1627410a}.v3-main-price{border:2px solid #4a68ef;background:linear-gradient(180deg,#f4f7ff 0,#fff 44%)}.v3-host-price{background:#f9fafc}.v3-plan-label{font-size:.65rem;font-weight:850;letter-spacing:.15em;color:#4761d5}.v3-host-price .v3-plan-label{color:#46644e}.v3-price-pair h2{font-size:2.1rem;margin:17px 0 0}.v3-price-pair article>p{font-size:.88rem;line-height:1.78;max-width:370px}.v3-cost{font-weight:850;font-size:3.45rem;letter-spacing:-.08em;margin:13px 0}.v3-cost small{display:block;font-size:.73rem;letter-spacing:normal;font-weight:550;color:#7d879a;margin-top:-5px}.v3-price-pair ul{margin:25px 0 0;padding:0;list-style:none}.v3-price-pair li{padding:11px 0 11px 28px;border-bottom:1px solid #edf0f6;position:relative;color:#435168;font-size:.84rem}.v3-price-pair li:before{content:'✓';position:absolute;left:0;top:11px;color:#4b6ddd;font-weight:900}.v3-host-price li:before{color:#51904b}.host-badge{position:absolute;right:27px;top:24px;padding:7px 11px;background:#e5f8d9;color:#28724b;font-size:.66rem;font-weight:820;border-radius:99px}.v3-price-note{font-size:.78rem;padding:14px;border:1px solid #dfe6f5;background:#fff;border-radius:11px;color:#536076;margin-bottom:13px}.v3-price-note strong{color:#233c91}.v3-addon-wrap{margin-bottom:60px}.v3-addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.v3-addon-grid article{padding:31px;border:1px solid #e0e6f0;border-radius:19px;display:flex;flex-direction:column}.v3-addon-grid article>span{display:grid;place-items:center;height:42px;width:42px;border-radius:12px;background:#eaf0ff;color:#3b60ed;font-size:1.5rem}.v3-addon-grid h3{margin:22px 0 6px}.v3-addon-grid p{font-size:.83rem;flex:1}.v3-addon-grid b{font-size:1.5rem;letter-spacing:-.05em}.v3-addon-grid small{font-size:.74rem;color:#8a95a8}.v3-addon-grid a{font-weight:780;color:#3e60cc;font-size:.84rem;margin:13px 0 0}.v3-faq-hint{border-top:1px solid #e8ebf2;padding:30px 0 70px;display:flex;align-items:center;gap:20px;font-size:.87rem}.v3-faq-hint span{font-weight:820;flex:none}.v3-faq-hint p{flex:1;margin:0}.v3-faq-hint a{font-weight:800;color:#4d61c6;flex:none}
/* Interactive product tour, with real client-side state transitions */
.demo-v3-head{background:#14203a;color:#fff;padding:68px 0 82px;overflow:hidden}.demo-v3-head>.container{display:flex;align-items:center;justify-content:space-between}.demo-v3-copy{max-width:760px}.demo-v3-head h1{font-size:clamp(3rem,6vw,5.2rem);letter-spacing:-.075em;margin:10px 0}.demo-v3-head h1 span{color:#b9f18b}.demo-v3-head p{color:#b1c0d7;max-width:600px}.demo-v3-head .eyebrow{color:#b9f18b!important}.demo-ornament{font-size:12rem;color:#7187d6;opacity:.24;line-height:.8;transform:rotate(13deg)}.demo-ornament span{display:block;font-size:4rem;letter-spacing:-.09em}.demo-v3-area{margin-top:-38px;position:relative;z-index:1;margin-bottom:30px;border-radius:22px;background:#fff;box-shadow:0 30px 80px #19274026;border:1px solid #e9edf3;overflow:hidden}.tour-switch{background:#fff;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e7eaf0;padding:15px 19px}.tour-switch button{border:0;background:transparent;border-radius:10px;padding:13px 22px;color:#7b8799;font-size:.85rem;font-weight:830}.tour-switch button[aria-selected="true"]{background:#edf2ff;color:#3653d0}.tour-switch button span{font-size:1.14rem;margin-right:5px}.tour-marker{margin-left:auto;font-size:.66rem;letter-spacing:.08em;font-weight:780;color:#8a96a8}.tour-kiosk{display:grid;grid-template-columns:1.15fr .85fr;min-height:620px}.tour-kiosk-left{background:#f5f7fc;padding:27px 37px 40px;border-right:1px solid #edf0f6}.tour-kiosk-header{display:flex;align-items:center;gap:13px}.tour-kiosk-header b,.tour-kiosk-header small{display:block}.tour-kiosk-header b{font-size:.86rem}.tour-kiosk-header small{font-size:.72rem;color:#8994a5}.tour-online{color:#4a9c68;margin-left:auto;font-size:.69rem;font-weight:700}.tour-kiosk-main{background:#fff;border:1px solid #e9edf4;padding:27px 34px 24px;border-radius:20px;max-width:440px;margin:19px auto 0;box-shadow:0 18px 40px #152b4c09;text-align:center}.tour-big-time{font-size:4rem;line-height:1.1;color:#16223e;font-weight:870;letter-spacing:-.09em;margin:7px 0}.tour-today{color:#8993a8;font-size:.78rem;margin-bottom:22px}.tour-employee{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid #e7ecf3;padding:12px;border-radius:12px}.tour-avatar,.person-dot{display:inline-grid;place-items:center;width:42px;height:42px;flex:none;background:#e3edff;color:#3656bb;border-radius:10px;font-weight:850;font-size:.8rem}.tour-employee b,.tour-employee small{display:block;font-size:.82rem}.tour-employee small{color:#8a94a6;font-size:.7rem}.tour-check{margin-left:auto;color:#3fb173;font-weight:900}.tour-state{padding:10px;margin-top:11px;background:#f4f6fa;border-radius:10px;color:#566379;font-size:.78rem}.tour-state b{margin-right:6px}.tour-state small{font-size:.73rem}.tour-state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8d9aad;margin-right:4px}.tour-state.is-working{background:#eafbe9;color:#226e48}.tour-state.is-working .tour-state-dot{background:#2cbf73}.tour-state.is-break{background:#fff7e4;color:#936722}.tour-state.is-break .tour-state-dot{background:#e4ad3e}.tour-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.tour-action{border-radius:10px;border:1px solid #e4eaf4;background:#f7f9fd;padding:12px 7px;font-size:.82rem;font-weight:830;color:#38465f;display:flex;justify-content:center;align-items:center;gap:8px;min-height:51px;transition:transform .2s,filter .2s}.tour-action:hover:not(:disabled){transform:translateY(-2px)}.tour-action:disabled{opacity:.45;cursor:not-allowed}.tour-action span{font-size:1.25rem}.tour-action.clockin{background:#b9f18b;color:#1c3d2a;border:0}.tour-action.clockout{background:#20375e;color:#fff;border:0}.tour-action.return{grid-column:span 2;background:#ecf2ff;color:#2447a7}.tour-feedback{border-radius:10px;background:#eef4ff;color:#3156a8;font-size:.76rem;padding:11px 13px;margin:13px 0 0}.tour-kiosk-right{padding:54px 44px}.tour-explain-tag{font-size:.68rem;font-weight:850;letter-spacing:.13em;color:#4768d8}.tour-kiosk-right h2{font-size:clamp(2rem,3vw,3rem);margin:14px 0}.tour-kiosk-right>p{font-size:.89rem;line-height:1.78;margin-bottom:29px}.tour-explain-row{display:flex;gap:17px;margin:20px 0}.tour-explain-row>span{font-size:.88rem;font-weight:900;color:#526bdf;background:#eaf0ff;width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:10px}.tour-explain-row b{font-size:.89rem}.tour-explain-row p{margin:4px 0 0;font-size:.8rem;line-height:1.6}.tour-next{margin-top:10px}.tour-manager{display:grid;grid-template-columns:194px minmax(0,1fr);min-height:550px}.tour-manager[hidden],.tour-kiosk[hidden]{display:none}.tour-side{background:#15223c;color:#c8d3e9;padding:31px 19px;display:flex;flex-direction:column;gap:14px}.tour-side-logo{width:42px;height:42px;border-radius:12px;background:#baf48b;color:#233e30;display:grid;place-items:center;font-size:1.75rem}.tour-side b{font-size:1rem;line-height:1.3;color:#fff}.tour-side hr{border:0;border-top:1px solid #34425d;width:100%;margin:7px 0}.tour-side>span:not(.tour-side-logo){font-weight:700;font-size:.76rem;padding:9px 10px;border-radius:8px}.tour-side span.selected{background:#344967;color:#b9f58b}.tour-side small{margin-top:auto;color:#8594b1;font-size:.66rem}.tour-manager-main{padding:31px 35px;background:#f6f8fc}.tour-manager-top{display:flex;align-items:flex-start;justify-content:space-between}.tour-eyebrow{font-size:.65rem;letter-spacing:.14em;font-weight:830;color:#6076c9}.tour-manager-top h2{font-size:1.8rem;margin:9px 0}.tour-manager-top p{font-size:.77rem;margin:0}.tour-sample-tag{background:#e5f8e6;color:#347d59;border-radius:20px;font-size:.69rem;font-weight:800;padding:7px 11px}.tour-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:27px 0}.tour-metrics article{border:1px solid #e8edf4;background:#fff;border-radius:12px;padding:20px 17px}.tour-metrics small,.tour-metrics strong,.tour-metrics span{display:block}.tour-metrics small{color:#7a879a;font-size:.69rem}.tour-metrics strong{font-size:2rem;letter-spacing:-.07em;margin:11px 0 5px}.tour-metrics span{font-size:.67rem;color:#8795a5}.tour-manager-bottom{display:grid;grid-template-columns:1.5fr .7fr;gap:13px}.tour-timetable,.tour-insight{background:#fff;border:1px solid #e8edf4;border-radius:14px;padding:22px}.tour-table-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tour-table-head b,.tour-table-head small{display:block}.tour-table-head b{font-size:.9rem}.tour-table-head small{font-size:.7rem;color:#97a2b1}.tour-table-head>span{font-size:.67rem;color:#425fcb;font-weight:750}.tour-timetable table{margin:0;font-size:.71rem}.tour-timetable th,.tour-timetable td{padding:12px 4px;white-space:nowrap}.tour-timetable .person-dot{width:28px;height:28px;font-size:.58rem;display:inline-grid;margin-right:5px}.person-dot.violet{background:#eee9ff;color:#7551be}.person-dot.sky{background:#dff4ff;color:#227ca1}.tour-pill{padding:5px 9px;border-radius:20px;background:#f0f2f6;color:#657489;font-size:.66rem;font-weight:760}.tour-pill.green{background:#e5f7ed;color:#2a8052}.tour-pill.amber{background:#fff4db;color:#9e742c}.tour-insight{background:#182743;color:#fff}.tour-insight>span:first-child{display:grid;place-items:center;background:#344664;color:#c0f58f;border-radius:10px;width:43px;height:43px;font-size:1.5rem}.tour-insight h3{font-size:1.36rem;margin:20px 0 6px}.tour-insight p{color:#bec9da;font-size:.78rem}.tour-insight-button{display:inline-block;background:#baf18b;color:#17233a;padding:9px 13px;border-radius:9px;font-size:.69rem;font-weight:820;margin-top:14px}.demo-v3-cta{display:flex;justify-content:space-between;align-items:center;padding:28px 0 85px;gap:16px}.demo-v3-cta b{font-size:1.05rem}.demo-v3-cta p{font-size:.83rem;margin:2px 0}.bundle-callout{display:grid;grid-template-columns:1fr 300px;gap:30px;border:1px solid #c6d4ff;background:linear-gradient(120deg,#edf2ff,#fff);border-radius:17px;padding:26px;margin:18px 0 35px}.bundle-callout h2{font-size:1.5rem;margin:6px 0}.bundle-callout p{font-size:.84rem;margin:3px 0}.bundle-callout .stack{justify-content:center}.bundle-callout-price{font-size:1.8rem;font-weight:840;margin-top:10px}.bundle-callout-price small{font-weight:600;font-size:.7rem;color:#69768c}.purchase-card{border-radius:17px}.owner-sidebar{position:sticky;top:105px;align-self:start}.owner-sidebar nav a:hover{background:#eaf0ff;color:#345de6}.owner-content .metric{background:#f8faff;border:1px solid #e4eaf5}.owner-content .metric strong{color:#263e91}.site-header .menu-toggle{color:#1d2b4a}.footer{background:#14203a}.footer-brand span{color:#baf18b}
/* Conservative restyling of existing account, installation and admin screens */
.auth-card,.guide-card,.price-card,.demo-card{border-color:#e3eaf2}.auth-card,.admin-form{box-shadow:0 20px 55px #26344f0c}.auth-card input,.admin-form input{border-color:#d9e0ee}.auth-layout,.dashboard-page{background:#fff}.status.completed{background:#e5f9ec;color:#267448}.owner-layout{gap:30px}.owner-sidebar{border-color:#e6eaf2}.table-scroller{border-color:#e2e9f2}.flash,.alert{border-color:#d4e7e8;background:#f3fbf8;color:#254a42}
@media(max-width:1100px){.hero-v3-inner{gap:30px}.floating-app{left:-16px}.v3-split-inner{gap:36px}.tour-metrics{grid-template-columns:repeat(2,1fr)}.tour-manager-bottom{grid-template-columns:1fr}.v3-main-price,.v3-host-price{padding:33px}}
@media(max-width:850px){.nav{top:79px}.hero-v3-inner{grid-template-columns:1fr;padding:60px 0 65px;gap:27px}.hero-v3-art{height:465px;max-width:650px;width:100%;margin:auto}.hero-v3 h1{font-size:clamp(3.2rem,9vw,4.5rem)}.v3-feature-grid{grid-template-columns:repeat(2,1fr)}.v3-split-inner,.v3-price-pair{grid-template-columns:1fr}.v3-split-inner{gap:25px}.v3-steps-grid{grid-template-columns:1fr}.v3-steps-grid article{min-height:190px}.v3-section-head{display:block}.v3-section-head>p{max-width:620px}.v3-bottom-banner{padding:35px}.tour-kiosk{grid-template-columns:1fr}.tour-kiosk-left{border:0}.tour-kiosk-right{padding:30px 34px}.tour-manager{grid-template-columns:145px 1fr}.tour-manager-main{padding:20px}.v3-faq-hint{flex-wrap:wrap}.v3-faq-hint p{flex-basis:100%}.bundle-callout{grid-template-columns:1fr}.demo-ornament{display:none}.demo-v3-head{padding-bottom:70px}}
@media(max-width:580px){.container{width:calc(100% - 32px)}.nav-inner{min-height:72px}.nav{top:71px}.brand-name{font-size:1.02rem}.hero-v3-inner{padding:38px 0 52px}.hero-v3 h1{font-size:3.15rem}.hero-v3-lead{font-size:.96rem}.hero-v3-actions{margin:25px 0}.hero-v3-actions .button{width:100%}.hero-v3-art{height:345px}.hero-photograph{border-radius:18px;inset:0}.floating-app{left:0;top:30px;width:74%;border-radius:14px}.floating-app-top{font-size:.58rem;padding:9px}.floating-app-body{padding:13px}.mini-time{font-size:2.6rem}.mini-punch span,.mini-rest span{font-size:.6rem;padding:8px 3px}.floating-status{bottom:3px;right:-2px;padding:10px;max-width:200px}.floating-status small{display:none}.signal-bar-inner{font-size:.6rem;justify-content:center;text-align:center}.signal-bar-inner span:nth-child(even){display:none}.v3-feature-grid{grid-template-columns:1fr}.v3-feature-grid .feature-card{min-height:0}.showcase-photo{height:280px}.v3-checks{grid-template-columns:1fr}.v3-bottom-banner{flex-direction:column;align-items:stretch}.v3-bottom-banner>div:last-child{text-align:left}.v3-pagehero{padding:55px 0 26px}.v3-pagehero h1{font-size:2.85rem}.v3-addon-grid{grid-template-columns:1fr}.v3-main-price,.v3-host-price{padding:29px 23px}.v3-cost{font-size:2.9rem}.host-badge{top:14px;right:15px}.demo-v3-head{padding:50px 0 68px}.demo-v3-head h1{font-size:3rem}.tour-switch{flex-wrap:wrap;padding:12px}.tour-switch button{flex:1;padding:10px;font-size:.74rem}.tour-marker{width:100%;text-align:center}.tour-kiosk-left{padding:14px}.tour-kiosk-main{padding:20px 17px}.tour-big-time{font-size:3.2rem}.tour-kiosk-right{padding:27px 19px}.tour-manager{grid-template-columns:1fr}.tour-side{display:none}.tour-manager-top{flex-wrap:wrap;gap:10px}.tour-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.tour-metrics article{padding:14px}.tour-timetable{overflow:auto}.tour-timetable table{min-width:460px}.tour-manager-bottom{grid-template-columns:1fr}.demo-v3-cta{align-items:stretch;flex-direction:column;padding-bottom:40px}.bundle-callout-price small{display:block}.tour-manager-main{padding:13px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0}.health-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e4eaf2;border-radius:13px;padding:16px}.health-item>div{flex:1}.health-item b,.health-item small{display:block}.health-item small{color:#77859b;font-size:.71rem;margin-top:3px}.health-indicator{display:grid;place-items:center;font-weight:900;width:31px;height:31px;border-radius:10px}.health-indicator.good{background:#e1f6e7;color:#208248}.health-indicator.attention{background:#fff0d8;color:#b16d15}@media(max-width:800px){.health-grid{grid-template-columns:1fr}}