:root { --v3-navy:#0d1d3a; --v3-blue:#2456d8; --v3-yellow:#f5bd16; --v3-ink:#101c33; --v3-muted:#627089; --v3-line:#dce4f0; --v3-soft:#f4f7fc; }
.attendancebox-v3 .v3-nav-link { position:relative; color:#263650; font-size:14px; font-weight:750; white-space:nowrap; }
.attendancebox-v3 .v3-nav-link::after { content:""; position:absolute; left:0; right:100%; bottom:-10px; height:2px; background:var(--v3-yellow); transition:right .2s ease; }
.attendancebox-v3 .v3-nav-link:hover::after { right:0; }
.mobile-app-dock { display:none; }
.v3-section-head { max-width:1180px; margin:0 auto 46px; text-align:center; }
.v3-section-head > span { display:block; margin-bottom:12px; color:var(--v3-blue); font-size:12px; font-weight:900; letter-spacing:.14em; }
.v3-section-head h2 { color:var(--v3-ink); font-size:clamp(38px,4.2vw,62px); font-weight:850; line-height:1.04; letter-spacing:-.045em; }
.v3-section-head h2 em { color:var(--v3-blue); font-style:normal; }
.v3-section-head p { max-width:720px; margin:18px auto 0; color:var(--v3-muted); font-size:17px; line-height:1.65; }

.v3-proof-strip { position:relative; z-index:10; padding:0 28px; background:#fff; }
.v3-proof-shell { width:min(1520px,100%); margin:0 auto; display:grid; grid-template-columns:1.5fr repeat(4,1fr); border:1px solid var(--v3-line); border-radius:22px; background:#fff; box-shadow:0 22px 60px rgba(18,43,92,.14); overflow:hidden; }
.v3-proof-intro,.v3-proof-stat { min-height:138px; padding:27px 28px; display:flex; flex-direction:column; justify-content:center; }
.v3-proof-intro { color:#fff; background:linear-gradient(130deg,#102753,#21458d); }
.v3-proof-intro small { color:#9fc0ff; font-size:10px; font-weight:900; letter-spacing:.12em; }
.v3-proof-intro strong { max-width:320px; margin-top:9px; font-size:19px; line-height:1.35; }
.v3-proof-stat { border-left:1px solid var(--v3-line); }
.v3-proof-stat b { color:var(--v3-blue); font-size:35px; line-height:1; letter-spacing:-.04em; }
.v3-proof-stat span { margin-top:9px; color:#53627a; font-size:12px; font-weight:750; line-height:1.4; }
.v3-featured-clients { padding:45px 28px 10px; text-align:center; background:#fff; }
.v3-featured-label small { display:block; color:#758198; font-size:9px; font-weight:900; letter-spacing:.15em; }
.v3-featured-label strong { display:block; margin-top:8px; color:#1a2944; font-size:17px; }
.v3-logo-rail { width:min(1420px,100%); margin:24px auto 0; display:grid; grid-template-columns:repeat(8,1fr); border:1px solid var(--v3-line); border-radius:17px; overflow:hidden; background:#fff; }
.v3-logo-rail div { min-height:98px; padding:17px 14px; display:flex; align-items:center; justify-content:center; gap:8px; border-left:1px solid var(--v3-line); color:#9aa5b6; background:#fff; }
.v3-logo-rail div:first-child { border-left:0; }
.v3-logo-rail img { width:100%; max-width:138px; height:58px; object-fit:contain; filter:grayscale(1); opacity:.72; transition:filter .2s ease,opacity .2s ease,transform .2s ease; }
.v3-logo-rail div:hover img { filter:grayscale(0); opacity:1; transform:scale(1.04); }
.v3-featured-clients > p { margin:13px 0 0; color:#8995a8; font-size:11px; }
.v3-whatsapp-demo { width:max-content; margin:20px auto 0; padding:13px 19px; display:flex; align-items:center; justify-content:center; gap:9px; border-radius:12px; color:#fff; background:#16a75c; box-shadow:0 14px 30px rgba(22,167,92,.22); font-size:14px; font-weight:850; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.v3-whatsapp-demo:hover { color:#fff; background:#0e934e; transform:translateY(-2px); }
.v3-whatsapp-demo span,.v3-header-whatsapp span { width:20px; height:20px; display:inline-grid; place-items:center; border:2px solid currentColor; border-radius:50%; font-size:9px; }
.attendancebox-v3 .v3-header-whatsapp { display:flex; align-items:center; justify-content:center; gap:8px; color:#fff!important; background:#16a75c!important; box-shadow:0 10px 24px rgba(22,167,92,.2); }
.attendancebox-v3 .v3-header-whatsapp:hover { background:#0e934e!important; }

.v3-products { padding:110px 28px 100px; background:linear-gradient(180deg,#fff,#f5f8fd); }
.v3-product-shell { width:min(1500px,100%); margin:auto; display:grid; grid-template-columns:360px 1fr; gap:24px; }
.v3-product-tabs { display:grid; gap:11px; }
.v3-product-tabs button { width:100%; min-height:92px; padding:17px 18px; display:flex; gap:15px; align-items:center; border:1px solid var(--v3-line); border-radius:17px; color:#53627a; background:#fff; text-align:left; cursor:pointer; transition:.24s ease; }
.v3-product-tabs button > i { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:11px; color:#31527f; background:#eef3fb; font-style:normal; font-weight:900; }
.v3-product-tabs button span { display:flex; flex-direction:column; gap:5px; }
.v3-product-tabs button b { color:#17233a; font-size:16px; }
.v3-product-tabs button small { font-size:12px; }
.v3-product-tabs button.is-active { border-color:#2b60df; background:#edf3ff; box-shadow:inset 4px 0 0 #2b60df,0 13px 32px rgba(32,76,171,.1); transform:translateX(6px); }
.v3-product-tabs button.is-active > i { color:#fff; background:var(--v3-blue); }
.v3-product-stage { min-height:500px; display:grid; grid-template-columns:.9fr 1.1fr; border:1px solid var(--v3-line); border-radius:25px; background:#fff; box-shadow:0 25px 65px rgba(19,45,94,.11); overflow:hidden; transition:opacity .18s ease,transform .18s ease; }
.v3-product-stage.is-changing,.v3-industry-stage.is-changing { opacity:.3; transform:translateY(6px); }
.v3-product-copy { padding:48px 42px; display:flex; flex-direction:column; justify-content:center; }
.v3-product-copy > small,.v3-industry-stage small { color:var(--v3-blue); font-size:10px; font-weight:900; letter-spacing:.12em; }
.v3-product-copy h3 { margin-top:13px; color:var(--v3-ink); font-size:clamp(29px,2.7vw,43px); line-height:1.08; letter-spacing:-.035em; }
.v3-product-copy > p { margin-top:17px; color:var(--v3-muted); font-size:15px; line-height:1.65; }
.v3-product-copy ul { margin:22px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:11px 16px; list-style:none; }
.v3-product-copy li { color:#34445f; font-size:13px; font-weight:750; }
.v3-product-copy li::before { content:"✓"; margin-right:8px; color:#13a660; }
.v3-product-copy > a,.v3-industry-stage a,.v3-proof-cta a { width:max-content; margin-top:27px; padding:14px 18px; border-radius:11px; color:#152b5a; background:var(--v3-yellow); font-size:14px; font-weight:850; text-decoration:none; box-shadow:0 12px 26px rgba(208,158,0,.2); }
.v3-product-visual { position:relative; min-width:0; padding:36px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:radial-gradient(circle at 50% 35%,#fff,transparent 40%),linear-gradient(145deg,#eaf0fa,#dce6f5); }
.v3-product-visual::before { content:""; position:absolute; inset:0; opacity:.5; background-image:linear-gradient(rgba(35,74,151,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(35,74,151,.08) 1px,transparent 1px); background-size:42px 42px; }
.v3-terminal-device { position:relative; z-index:1; width:min(390px,75%); padding:14px; border-radius:24px; background:#111d32; box-shadow:0 35px 70px rgba(8,20,44,.28); }
.v3-terminal-device img { width:100%; height:355px; display:block; object-fit:cover; object-position:center; border-radius:15px; }
.v3-terminal-device > span { position:absolute; left:28px; right:28px; bottom:27px; padding:11px 12px; border-radius:9px; color:#0b7544; background:rgba(255,255,255,.95); font-size:11px; font-weight:900; text-align:center; }
.v3-terminal-device > span i { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#1fbd72; box-shadow:0 0 0 5px rgba(31,189,114,.13); }
.v3-product-output { position:absolute; z-index:3; left:32px; right:32px; bottom:28px; padding:15px 17px; border:1px solid rgba(255,255,255,.65); border-radius:14px; background:rgba(255,255,255,.94); box-shadow:0 16px 35px rgba(16,38,82,.16); backdrop-filter:blur(12px); }
.v3-product-output small { display:block; color:#6380ae; font-size:8px; font-weight:900; letter-spacing:.12em; }
.v3-product-output b { display:block; margin-top:5px; color:#14233d; font-size:14px; }
.v3-product-output span { display:block; margin-top:4px; color:#68768d; font-size:11px; }
.v3-phone { position:relative; z-index:1; width:260px; min-height:420px; padding:21px 18px; border:9px solid #111d32; border-radius:34px; background:#f8fafc; box-shadow:0 35px 70px rgba(8,20,44,.25); }
.v3-phone-top { padding:10px 9px; color:#234b9e; font-size:10px; font-weight:900; border-bottom:1px solid #dce5f1; }.v3-phone-top i{float:right;width:8px;height:8px;border-radius:50%;background:#26bd75}
.v3-phone > small { display:block; margin-top:21px; color:#71809a; font-size:8px; font-weight:850; }.v3-phone > strong{display:block;margin-top:6px;color:#152b5a;font-size:32px}
.v3-app-success { margin-top:18px; padding:14px; border-radius:13px; color:#087b49; background:#dff8eb; font-size:13px; font-weight:850; }.v3-app-success small{display:block;margin:4px 0 0 18px;color:#4f7e68;font-size:9px}
.v3-app-grid { margin-top:15px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }.v3-app-grid span{padding:11px;border:1px solid #dde5f0;border-radius:10px;color:#6a7890;font-size:9px;background:white}.v3-app-grid b{display:block;margin-top:4px;color:#1d3158;font-size:11px}
.v3-map { position:relative; z-index:1; width:90%; height:390px; border:8px solid #fff; border-radius:25px; overflow:hidden; background:linear-gradient(35deg,transparent 47%,#d5dfed 48% 52%,transparent 53%),linear-gradient(145deg,transparent 45%,#e3eaf3 46% 52%,transparent 53%),#f8fafc; box-shadow:0 30px 65px rgba(16,40,86,.19); }
.v3-map-route { position:absolute; left:8%; top:49%; width:76%; height:80px; border-top:7px dashed #2557be; border-radius:50%; transform:rotate(-8deg); }.v3-map .pin{position:absolute;width:31px;height:31px;display:grid;place-items:center;border:5px solid #fff;border-radius:50%;color:#fff;background:#285bd0;font-style:normal;font-size:10px;box-shadow:0 6px 15px rgba(23,54,112,.25)}.v3-map .p1{left:15%;top:48%}.v3-map .p2{left:49%;top:34%}.v3-map .p3{right:13%;top:45%}
.v3-map-status{position:absolute;left:22px;right:22px;bottom:20px;padding:15px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(20,47,95,.14)}.v3-map-status span{display:block;color:#138756;font-size:9px;font-weight:850}.v3-map-status span i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#22bc73}.v3-map-status b{display:block;margin-top:6px;color:#152b5a;font-size:18px}.v3-map-status small{display:block;margin-top:4px;color:#6a7890}
.v3-payroll{position:relative;z-index:1;width:min(430px,90%);padding:24px;border:8px solid #13213a;border-radius:22px;background:white;box-shadow:0 32px 70px rgba(10,25,55,.25)}.v3-payroll-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #dce5f1}.v3-payroll-head span{color:#61718b;font-size:10px;font-weight:900;letter-spacing:.1em}.v3-payroll-head b{color:#0b8550}.v3-payroll-row{margin-top:14px;padding:14px;display:flex;align-items:center;gap:12px;border-radius:12px;background:#f5f8fc}.v3-payroll-row>i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#1dbf72;font-style:normal;font-weight:900}.v3-payroll-row span{color:#1c2c48;font-size:13px;font-weight:850}.v3-payroll-row small{display:block;margin-top:4px;color:#748198;font-size:9px}.v3-payroll-row.active{background:#fff5cc}.v3-payroll-row.active>i{color:#122b5a;background:#f5bd16}

.v3-industries { padding:105px 28px; color:white; background:linear-gradient(140deg,#0b1a35,#173c7d); }
.v3-section-head-light h2 { color:#fff; }.v3-section-head-light h2 em{color:#8db3ff}.v3-section-head-light>span{color:#f5c93f}.v3-section-head-light p{color:#b8c8e5}
.v3-industry-shell { width:min(1480px,100%); margin:auto; }
.v3-industry-tabs { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; margin-bottom:25px; }
.v3-industry-tabs button { padding:11px 16px; border:1px solid rgba(255,255,255,.18); border-radius:999px; color:#c8d5ed; background:rgba(255,255,255,.06); font-size:12px; font-weight:800; cursor:pointer; }
.v3-industry-tabs button.is-active { color:#102958; border-color:var(--v3-yellow); background:var(--v3-yellow); }
.v3-industry-stage { min-height:470px; display:grid; grid-template-columns:.9fr 1.1fr; border:1px solid rgba(255,255,255,.15); border-radius:25px; overflow:hidden; background:rgba(255,255,255,.07); transition:.2s ease; }
.v3-industry-stage>div { padding:52px; display:flex; flex-direction:column; justify-content:center; }.v3-industry-stage small{color:#f5ca43}.v3-industry-stage h3{margin-top:15px;color:#fff;font-size:clamp(30px,3.2vw,48px);line-height:1.08;letter-spacing:-.035em}.v3-industry-stage p{margin-top:18px;color:#bdcbe4;font-size:15px;line-height:1.65}.v3-industry-stage img{width:100%;height:100%;min-height:470px;object-fit:cover}.v3-industry-stack{margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:9px}.v3-industry-stack span{padding:9px 11px;border:1px solid rgba(255,255,255,.2);border-radius:9px;color:#fff;background:rgba(255,255,255,.08);font-size:11px;font-weight:800}.v3-industry-stack b{color:#f5c93f}

.v3-customers { padding:105px 28px; background:#fff; }
.v3-customer-grid { width:min(1480px,100%); margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.v3-customer-grid article { min-height:315px; padding:32px; display:flex; flex-direction:column; border:1px solid var(--v3-line); border-radius:21px; background:linear-gradient(155deg,#fff,#f6f8fc); box-shadow:0 18px 45px rgba(20,45,92,.08); }
.v3-customer-grid small { color:var(--v3-blue); font-size:9px; font-weight:900; letter-spacing:.12em; }.v3-customer-grid h3{margin-top:18px;color:var(--v3-ink);font-size:25px;line-height:1.18;letter-spacing:-.025em}.v3-customer-grid p{margin-top:15px;color:var(--v3-muted);font-size:14px;line-height:1.65}.v3-customer-grid span{margin-top:auto;padding-top:20px;color:#294c94;font-size:11px;font-weight:850}
.v3-proof-cta { width:min(1480px,100%); margin:22px auto 0; padding:25px 28px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-radius:20px; color:#fff; background:linear-gradient(120deg,#102753,#21458d); }.v3-proof-cta small{display:block;color:#9fc0ff;font-size:9px;font-weight:900;letter-spacing:.12em}.v3-proof-cta strong{display:block;margin-top:7px;font-size:18px}.v3-proof-cta a{margin-top:0;white-space:nowrap}

/* Interactive before/after story replaces generic customer feedback cards */
.v3-change-shell { width:min(1480px,100%); margin:0 auto; display:grid; grid-template-columns:300px minmax(0,1fr); gap:20px; }
.v3-change-tabs { display:grid; align-content:start; gap:12px; }
.v3-change-tabs button { width:100%; min-height:92px; padding:17px; display:flex; align-items:center; gap:14px; border:1px solid var(--v3-line); border-radius:17px; color:#65728a; background:#fff; text-align:left; transition:.22s ease; }
.v3-change-tabs button:hover { border-color:#b8caf0; transform:translateX(3px); }
.v3-change-tabs button.is-active { border-color:#2c5bc0; color:#172b55; background:#edf3ff; box-shadow:0 12px 30px rgba(35,79,165,.12); }
.v3-change-tabs i { flex:0 0 42px; height:42px; display:grid; place-items:center; border-radius:12px; color:#fff; background:#2b58b5; font-size:11px; font-style:normal; font-weight:900; }
.v3-change-tabs button.is-active i { color:#172b55; background:var(--v3-yellow); }
.v3-change-tabs span { display:grid; gap:4px; }.v3-change-tabs b{color:inherit;font-size:14px}.v3-change-tabs small{font-size:10px;color:#8490a4}
.v3-change-stage { min-height:560px; display:grid; grid-template-columns:1.05fr .95fr; overflow:hidden; border:1px solid var(--v3-line); border-radius:25px; background:#f7f9fd; box-shadow:0 24px 60px rgba(20,45,92,.12); transition:opacity .16s ease,transform .16s ease; }
.v3-change-stage.is-changing { opacity:.48; transform:translateY(4px); }
.v3-change-image { position:relative; min-height:560px; overflow:hidden; background:#dbe5f5; }
.v3-change-image img { width:100%; height:100%; display:block; object-fit:cover; }
.v3-change-image:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(9,25,54,.5)); pointer-events:none; }
.v3-change-image>span { position:absolute; z-index:2; top:22px; left:22px; padding:10px 13px; border:1px solid rgba(255,255,255,.55); border-radius:99px; color:#fff; background:rgba(12,35,77,.84); backdrop-filter:blur(10px); font-size:9px; font-weight:900; letter-spacing:.09em; }
.v3-change-image>span i { width:8px; height:8px; display:inline-block; margin-right:7px; border-radius:50%; background:#36d88b; box-shadow:0 0 0 6px rgba(54,216,139,.15); }
.v3-change-result { padding:clamp(34px,4vw,65px); display:flex; flex-direction:column; justify-content:center; }
.v3-change-result>small { color:#2b58b5; font-size:10px; font-weight:900; letter-spacing:.14em; }
.v3-change-result h3 { margin:14px 0 25px; color:#11203c; font-size:clamp(30px,2.6vw,45px); line-height:1.06; letter-spacing:-.045em; }
.v3-change-compare { display:grid; grid-template-columns:1fr; gap:10px; }
.v3-change-compare>div { padding:16px 17px; border-radius:14px; background:#f1f3f7; }.v3-change-compare>div:last-child{background:#e9f8ef}
.v3-change-compare b { display:block; margin-bottom:6px; color:#b85e5e; font-size:8px; letter-spacing:.13em; }.v3-change-compare>div:last-child b{color:#16814c}
.v3-change-compare strong { display:block; color:#526078; font-size:13px; line-height:1.48; }.v3-change-compare>div:last-child strong{color:#284f3b}
.v3-change-compare>i { width:30px; height:30px; display:grid; place-items:center; justify-self:center; margin:-3px 0; border-radius:50%; color:#1c3c7d; background:var(--v3-yellow); font-style:normal; font-weight:900; transform:rotate(90deg); }
.v3-change-result>a { width:max-content; margin-top:25px; padding:14px 18px; display:inline-flex; gap:25px; border-radius:11px; color:#152b5a; background:var(--v3-yellow); font-size:14px; font-weight:850; text-decoration:none; box-shadow:0 12px 26px rgba(208,158,0,.2); }

@media (max-width:1180px){.v3-proof-shell{grid-template-columns:1.4fr repeat(2,1fr)}.v3-proof-stat:nth-child(4),.v3-proof-stat:nth-child(5){border-top:1px solid var(--v3-line)}.v3-product-shell{grid-template-columns:300px 1fr}.v3-product-stage{grid-template-columns:1fr}.v3-product-visual{min-height:440px}}
@media (max-width:820px){.v3-proof-strip{padding:0 14px}.v3-proof-shell{margin-top:-18px;grid-template-columns:1fr 1fr}.v3-proof-intro{grid-column:1/-1}.v3-proof-stat{min-height:112px;padding:21px}.v3-featured-clients{padding:42px 16px 0}.v3-logo-rail{grid-template-columns:repeat(3,1fr)}.v3-logo-rail div{border-top:1px solid var(--v3-line)}.v3-products,.v3-industries,.v3-customers{padding:75px 16px}.v3-product-shell{grid-template-columns:1fr}.v3-product-tabs{display:flex;overflow-x:auto;padding:0 0 8px}.v3-product-tabs button{min-width:225px}.v3-product-tabs button.is-active{transform:none}.v3-product-stage{min-height:0}.v3-product-copy{padding:35px 25px}.v3-product-visual{min-height:430px}.v3-industry-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.v3-industry-tabs button{flex:0 0 auto}.v3-industry-stage{grid-template-columns:1fr}.v3-industry-stage>div{padding:35px 26px}.v3-industry-stage img{min-height:320px;max-height:390px}.v3-customer-grid{grid-template-columns:1fr}.v3-proof-cta{align-items:flex-start;flex-direction:column}.v3-section-head{text-align:left}.v3-section-head p{margin-left:0}.v3-section-head h2 br{display:none}}
@media (max-width:1000px){.v3-change-shell{grid-template-columns:1fr}.v3-change-tabs{display:flex;overflow-x:auto;padding-bottom:7px}.v3-change-tabs button{flex:0 0 225px}.v3-change-stage{grid-template-columns:1fr}.v3-change-image{min-height:430px;height:52vw;max-height:560px}.v3-change-result{padding:38px 28px}.v3-change-stage{min-height:0}}
@media (max-width:520px){.v3-proof-stat b{font-size:28px}.v3-proof-stat span{font-size:10px}.v3-product-copy ul{grid-template-columns:1fr}.v3-product-visual{min-height:390px;padding:18px}.v3-terminal-device{width:84%}.v3-terminal-device img{height:300px}.v3-phone{transform:scale(.88)}.v3-product-output{left:16px;right:16px;bottom:15px}.v3-industry-stage h3{font-size:31px}.v3-proof-cta a{white-space:normal}.attendancebox-v3 .v3-mobile-link{display:block;padding:12px 0;color:#17233a;font-weight:800}}
@media (max-width:520px){.v3-change-tabs button{flex-basis:190px;min-height:82px;padding:13px}.v3-change-image{min-height:330px;height:85vw}.v3-change-image>span{top:14px;left:14px}.v3-change-result{padding:30px 20px}.v3-change-result h3{font-size:31px}.v3-change-result>a{width:100%;box-sizing:border-box;justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.v3-product-stage,.v3-industry-stage,.v3-product-tabs button{transition:none!important}}

@media (max-width:1180px){.v3-logo-rail{grid-template-columns:repeat(4,1fr)}.v3-logo-rail div:nth-child(5){border-left:0}.v3-logo-rail div:nth-child(n+5){border-top:1px solid var(--v3-line)}}
@media (max-width:820px){.v3-logo-rail{grid-template-columns:repeat(4,1fr)}}
@media (max-width:820px){.v3-proof-shell{margin-top:0}}
@media (max-width:520px){.v3-logo-rail{grid-template-columns:repeat(2,1fr)}.v3-logo-rail div:nth-child(odd){border-left:0}.v3-logo-rail div:nth-child(n+3){border-top:1px solid var(--v3-line)}.v3-logo-rail img{height:52px}}

@media (max-width:600px){
  body.attendancebox-v4 { padding-bottom:78px; background:#edf2f8; }
  .attendancebox-v4 .glass-header { min-height:68px; border-bottom:1px solid #dce4ef; background:#fff; box-shadow:0 3px 12px rgba(21,45,86,.06); backdrop-filter:none!important; }
  .attendancebox-v4 .glass-header > div { min-height:68px!important; padding-left:15px!important; padding-right:15px!important; }
  .attendancebox-v4 .glass-header img { width:218px!important; max-width:72vw!important; }
  .attendancebox-v4 #mobile-menu-button { width:40px; height:40px; padding:0!important; display:grid; place-items:center; border:1px solid #d9e1ec; border-radius:12px; background:#f7f9fc; }
  .attendancebox-v4 .whatsapp-chat,.attendancebox-v4 .solution-finder-fab { display:none!important; }
  .mobile-app-dock { position:fixed; z-index:100; left:10px; right:10px; bottom:max(8px,env(safe-area-inset-bottom)); height:66px; padding:6px; display:grid; grid-template-columns:repeat(4,1fr); gap:3px; border:1px solid #d4deeb; border-radius:20px; background:#fff; box-shadow:0 10px 28px rgba(12,33,71,.18); backdrop-filter:none; transform:translateZ(0); }
  .mobile-app-dock a { min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; border-radius:14px; color:#65738a; text-decoration:none; font-size:8px; font-weight:800; }
  .mobile-app-dock a i { font-style:normal; font-size:19px; line-height:1; }
  .mobile-app-dock a.is-active { color:#2456d8; background:#edf3ff; }
  .mobile-app-dock a.is-demo { color:#fff; background:#16a75c; }
  .attendancebox-v4 .v3-products,.attendancebox-v4 .v3-industries,.attendancebox-v4 .v3-customers { border-radius:24px 24px 0 0; }
  .attendancebox-v4 .content-enter,.attendancebox-v4 .hero-content-enter { opacity:1!important; transform:none!important; filter:none!important; transition:none!important; }
  .attendancebox-v4 #products,.attendancebox-v4 #diagnostic,.attendancebox-v4 #workflow,.attendancebox-v4 #industries,.attendancebox-v4 #customers,.attendancebox-v4 #outcomes { content-visibility:auto; contain-intrinsic-size:900px; }
  .attendancebox-v4 { touch-action:pan-y; }
}