:root {
  --theme-primary: #009ecd;
  --theme-primary-strong: #0086ae;
  --theme-primary-soft: #e6f5fa;
  --theme-accent: #a4f5ff;
  --theme-dark: #00396b;
  --theme-light: #ffffff;
  --theme-surface: #ffffff;
  --theme-border: #d6e0e8;
  --theme-muted: #7b98ae;
  --theme-on-primary: #ffffff;
  --theme-on-dark: #ffffff;
  --platform-primary: var(--theme-primary);
  --platform-dark: var(--theme-dark);
  --platform-light: var(--theme-light);
  --ink: var(--theme-dark);
  --ink-2: var(--theme-primary-strong);
  --navy: var(--theme-dark);
  --paper: var(--theme-light);
  --white: #ffffff;
  --line: var(--theme-border);
  --muted: var(--theme-muted);
  --surface-soft: color-mix(in srgb, var(--theme-primary) 5%, var(--theme-surface));
  --accent: var(--theme-accent);
  --accent-strong: var(--theme-primary);
  --mint: #eaf7ef;
  --green: #176542;
  --red: var(--theme-primary);
  --red-soft: var(--theme-primary-soft);
  --orange: #d47722;
  --shadow: 0 20px 54px color-mix(in srgb, var(--theme-dark) 15%, transparent);
  --radius: 24px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--paper); scrollbar-gutter: stable; }
body { min-height: 100vh; margin: 0; background: var(--paper); color: var(--ink); }
body, button, input, select, textarea { font: inherit; }
button, input, select, textarea { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.035em; }
button { border: 0; }

@font-face { font-family: "Ekip Bauhaus"; src: local("Bauhaus 93"), local("Bauhaus93"); font-display: swap; }
.brand-lockup { display: inline-flex; align-items: center; gap: 11px; color: var(--ink); }
.brand-icon { display: grid; width: 46px; height: 46px; flex: 0 0 auto; place-items: center; border-radius: 15px; background: var(--theme-primary); color: var(--theme-on-primary); box-shadow: 0 9px 22px color-mix(in srgb, var(--theme-primary) 26%, transparent); font-family: "Ekip Bauhaus", "Bauhaus 93", "Arial Rounded MT Bold", sans-serif; font-size: 1.9rem; line-height: 1; }
.brand-icon svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.brand-wordmark { display: grid; min-width: 0; max-width: 180px; gap: 0; font-family: "Ekip Bauhaus", "Bauhaus 93", "Arial Rounded MT Bold", sans-serif; line-height: 1; }
.brand-wordmark strong { display: block; overflow: hidden; color: currentColor; font: inherit; font-size: 1.14rem; letter-spacing: .045em; text-overflow: ellipsis; white-space: nowrap; }
.brand-wordmark small { margin-top: 4px; color: currentColor; font: inherit; font-size: .71rem; letter-spacing: .015em; opacity: .72; }
.brand-lockup-dark { color: var(--ink); }
.brand-lockup-on-brand { color: #fff; }
.brand-lockup-on-brand .brand-icon { background: var(--theme-surface); color: var(--theme-primary); box-shadow: 0 9px 24px color-mix(in srgb, var(--theme-dark) 22%, transparent); }
.platform-logo-image { display: flex; min-width: 0; align-items: center; }
.platform-logo-image img { width: auto; height: auto; max-width: min(230px, 100%); max-height: 58px; object-fit: contain; }
.eyebrow { display: block; margin-bottom: 9px; color: #5d737e; font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.muted { color: var(--muted); }
.status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,.16); }

.button { display: inline-flex; min-width: 0; max-width: 100%; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 0 18px; border: 1px solid transparent; border-radius: 13px; cursor: pointer; font-weight: 750; line-height: 1.1; white-space: nowrap; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover { transform: translateY(-1px); }
.button:disabled { cursor: not-allowed; opacity: .6; transform: none; }
.button-primary { background: var(--tenant-button, var(--theme-primary)); color: var(--tenant-button-text, var(--theme-on-primary)); box-shadow: 0 10px 25px color-mix(in srgb, var(--tenant-button, var(--theme-primary)) 25%, transparent); }
.button-primary:hover { background: color-mix(in srgb, var(--tenant-button, var(--theme-primary)) 84%, #000); color: var(--tenant-button-text, var(--theme-on-primary)); }
.button-dark { background: var(--theme-dark); color: var(--theme-on-dark); }
.button-accent { background: var(--theme-surface); color: var(--theme-primary-strong); box-shadow: 0 10px 25px color-mix(in srgb, var(--theme-dark) 14%, transparent); }
.button-light { border-color: var(--line); background: var(--theme-surface); color: var(--ink); }
.button-block { width: 100%; }
.button-large { min-height: 56px; padding-inline: 26px; border-radius: 16px; }
.text-button, .text-link { padding: 0; background: transparent; color: var(--ink-2); cursor: pointer; font-size: .9rem; font-weight: 750; text-decoration: underline; text-decoration-color: #c5d2d0; text-underline-offset: 4px; }
.icon-button { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 13px; background: #fff; cursor: pointer; color: var(--ink); font-size: 1.35rem; }
.icon-button .power-icon { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.15; stroke-linecap: round; stroke-linejoin: round; }
.back-link { display: inline-flex; align-items: center; color: var(--muted); font-size: .9rem; font-weight: 700; }

label { display: grid; position: relative; gap: 8px; color: #384f5c; font-size: .82rem; font-weight: 750; }
label small { font-weight: 500; }
input, select, textarea { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid #d7e1de; outline: none; border-radius: 12px; background: #fff; transition: border .18s ease, box-shadow .18s ease; }
textarea { min-height: 105px; padding-block: 12px; resize: vertical; line-height: 1.55; }
input:focus, select:focus, textarea:focus { border-color: var(--theme-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--theme-primary) 12%, transparent); }
input::placeholder { color: #9ca9ae; }
.form-stack { display: grid; gap: 17px; }
.form-grid { display: grid; gap: 14px; }
.two-col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-hint { margin: -4px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.field-suffix { position: absolute; right: 12px; top: 42px; color: var(--muted); font-size: .74rem; font-weight: 600; pointer-events: none; }
.check-row { display: flex; align-items: center; gap: 10px; }
.check-row input { width: 19px; min-height: 19px; accent-color: var(--red); }

.alert { margin-bottom: 18px; padding: 14px 17px; border: 1px solid; border-radius: 14px; font-size: .9rem; font-weight: 650; line-height: 1.5; }
.alert-error { border-color: #f1c9cc; background: var(--red-soft); color: #8f2d36; }
.alert-success { border-color: #bce3cb; background: #eaf9ef; color: var(--green); }
.preserved-hint { margin: 0; padding: 10px 12px; border-radius: 10px; background: #fff8e8; color: #8a5b10; }
.field-help { color: var(--muted); font-size: .72rem; font-weight: 500; line-height: 1.45; }

/* Modern notifications */
.toast-stack { display: grid; position: fixed; z-index: 1000; width: min(430px, calc(100% - 32px)); top: max(18px, env(safe-area-inset-top)); right: max(18px, env(safe-area-inset-right)); gap: 12px; pointer-events: none; }
.app-toast { display: grid; position: relative; grid-template-columns: auto 1fr auto; align-items: start; gap: 13px; padding: 16px; overflow: hidden; border: 1px solid #eadcdd; border-radius: 18px; background: rgba(255,255,255,.98); color: var(--ink); box-shadow: 0 22px 58px rgba(70,0,4,.2); pointer-events: auto; animation: toast-in .28s cubic-bezier(.2,.8,.2,1); backdrop-filter: blur(18px); }
.app-toast::after { content: ""; position: absolute; height: 3px; right: 0; bottom: 0; left: 0; background: var(--red); opacity: .85; }
.app-toast.toast-success::after { background: var(--green); }
.app-toast.toast-warning::after { background: #d48a16; }
.app-toast.is-leaving { animation: toast-out .2s ease forwards; }
.toast-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: var(--red-soft); color: var(--red); font-size: 1rem; font-weight: 900; }
.toast-success .toast-icon { background: var(--mint); color: var(--green); }
.toast-warning .toast-icon { background: #fff4dc; color: #9a620b; }
.toast-copy { min-width: 0; }
.toast-copy strong { display: block; margin: 1px 0 4px; font-size: .86rem; }
.toast-copy p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.toast-close { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; background: #f6f1f1; color: var(--muted); cursor: pointer; font-size: 1.1rem; }
@keyframes toast-in { from { opacity: 0; transform: translate3d(24px,-8px,0) scale(.97); } }
@keyframes toast-out { to { opacity: 0; transform: translate3d(30px,0,0) scale(.96); } }

/* Native-app style popup */
.app-popup-overlay { display: grid; position: fixed; z-index: 1800; inset: 0; place-items: center; padding: 22px; opacity: 0; pointer-events: none; transition: opacity .2s ease; }
.app-popup-overlay.is-open { opacity: 1; pointer-events: auto; }
.app-popup-overlay.is-leaving { opacity: 0; }
.app-popup-backdrop { position: absolute; inset: 0; background: rgba(37,23,25,.58); backdrop-filter: blur(10px); }
.app-popup-sheet { display: grid; position: relative; width: min(420px, 100%); justify-items: center; padding: 34px 30px 28px; border: 1px solid rgba(255,255,255,.7); border-radius: 30px; background: rgba(255,255,255,.98); color: var(--ink); box-shadow: 0 34px 100px rgba(52,9,12,.32); text-align: center; transform: translateY(18px) scale(.96); transition: transform .26s cubic-bezier(.2,.8,.2,1); }
.app-popup-overlay.is-open .app-popup-sheet { transform: translateY(0) scale(1); }
.app-popup-handle { display: none; }
.app-popup-icon { display: grid; width: 68px; height: 68px; margin-bottom: 20px; place-items: center; border-radius: 23px; background: var(--red-soft); color: var(--red); box-shadow: 0 12px 30px color-mix(in srgb, var(--theme-primary) 14%, transparent); font-size: 1.6rem; font-weight: 950; }
.popup-success .app-popup-icon { background: var(--mint); color: var(--green); box-shadow: 0 12px 30px rgba(23,101,66,.12); }
.popup-warning .app-popup-icon { background: #fff4dc; color: #9a620b; box-shadow: 0 12px 30px rgba(154,98,11,.12); }
.app-popup-copy { width: 100%; }
.app-popup-eyebrow { display: block; margin-bottom: 7px; color: var(--red); font-size: .66rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.popup-success .app-popup-eyebrow { color: var(--green); }
.popup-warning .app-popup-eyebrow { color: #9a620b; }
.app-popup-copy h2 { margin-bottom: 10px; font-size: 1.55rem; }
.app-popup-copy p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.65; }
.app-popup-actions { width: 100%; margin-top: 26px; }
.app-popup-actions .button { border-radius: 16px; }

.tablet-device-blocked body { overflow: hidden !important; }
.device-warning-overlay { display: grid; position: fixed; z-index: 2000; inset: 0; place-items: center; padding: 22px; background: rgba(37,23,25,.78); backdrop-filter: blur(14px); }
.device-warning-card { width: min(460px, 100%); padding: 36px; border: 1px solid var(--line); border-radius: 28px; background: #fff; color: var(--ink); text-align: center; box-shadow: 0 30px 90px rgba(0,0,0,.3); }
.device-warning-icon { display: grid; width: 72px; height: 72px; margin: 0 auto 22px; place-items: center; border-radius: 22px; background: var(--red-soft); color: var(--red); font-size: 2rem; font-weight: 900; }
.device-warning-card .eyebrow { color: var(--red); }
.device-warning-card h1 { margin-bottom: 12px; font-size: 2rem; }
.device-warning-card p { margin-bottom: 26px; color: var(--muted); line-height: 1.65; }

/* Landing */
.landing-body { background: var(--platform-primary); }
.landing-shell { display: grid; min-height: 100vh; grid-template-columns: minmax(380px, .9fr) minmax(520px, 1.1fr); }
.brand-panel { display: flex; min-height: 100vh; flex-direction: column; justify-content: space-between; padding: clamp(28px, 5vw, 72px); overflow: hidden; background: var(--theme-light); background: linear-gradient(145deg, color-mix(in srgb, var(--theme-light) 86%, #fff) 0% 0%, var(--theme-accent) 46%, color-mix(in srgb, var(--theme-primary) 68%, var(--theme-dark)) 100%); color: var(--theme-dark); }
.brand-panel .brand-lockup-on-brand { color: var(--theme-dark); }
.brand-panel .brand-lockup-on-brand .brand-icon { background: var(--theme-dark); color: var(--theme-on-dark); }
.brand-panel::after { content: ""; position: fixed; width: 440px; height: 440px; left: -180px; bottom: -210px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.035), 0 0 0 140px rgba(255,255,255,.02); pointer-events: none; }
.hero-copy { max-width: 610px; padding: 70px 0; }
.hero-copy .eyebrow { color: var(--theme-dark); opacity: .72; }
.hero-copy h1 { margin-bottom: 24px; font-size: clamp(3.2rem, 6.1vw, 6.8rem); line-height: .92; }
.hero-copy p { max-width: 530px; margin: 0; color: color-mix(in srgb, var(--theme-dark) 76%, transparent); font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.65; }
.privacy-note { display: flex; width: fit-content; align-items: center; gap: 13px; padding: 10px 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: color-mix(in srgb, var(--theme-dark) 72%, transparent); color: #fff; font-size: .82rem; backdrop-filter: blur(16px); }
.portal-panel { display: flex; flex-direction: column; justify-content: center; padding: clamp(30px, 7vw, 110px); background: var(--paper); }
.portal-heading { margin-bottom: 34px; }
.portal-heading h2 { margin-bottom: 0; font-size: clamp(2rem, 3vw, 3.1rem); }
.portal-grid { display: grid; gap: 14px; }
.portal-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding: 23px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 6px 20px rgba(91,12,17,.04); transition: border .18s ease, transform .18s ease, box-shadow .18s ease; }
.portal-card:hover { transform: translateY(-2px); border-color: #d7b8ba; box-shadow: var(--shadow); }
.portal-card-primary { border-color: #e6b6b9; background: var(--red-soft); }
.portal-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: #f3e8e9; color: var(--red); font-size: 1.45rem; font-weight: 850; }
.portal-card-primary .portal-icon { background: var(--red); color: #fff; }
.portal-card strong, .portal-card small { display: block; }
.portal-card strong { margin-bottom: 5px; font-size: 1rem; }
.portal-card small { color: var(--muted); }
.portal-card .arrow { font-size: 1.3rem; }
.portal-panel footer { margin-top: 38px; color: #8a999e; font-size: .78rem; }

/* Login and installer */
.auth-body { display: grid; place-items: center; padding: 28px; background: var(--paper); }
.auth-shell { width: min(100%, 510px); }
.auth-shell > .back-link { margin-bottom: 20px; }
.auth-card { padding: clamp(26px, 5vw, 44px); border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.auth-card .brand-lockup { margin-bottom: 38px; }
.auth-card h1 { margin-bottom: 10px; font-size: 2rem; }
.auth-card > p { margin-bottom: 28px; line-height: 1.6; }
.center-card { text-align: center; }
.center-card > img { margin: 0 auto 20px; }
.success-mark { display: grid; width: 70px; height: 70px; margin: 0 auto 24px; place-items: center; border-radius: 50%; background: var(--red); color: #fff; font-size: 2.2rem; font-weight: 900; }
.install-body { display: block; }
.install-shell { width: min(1120px, calc(100% - 36px)); margin: 64px auto; }
.install-heading { max-width: 740px; margin-bottom: 42px; }
.install-heading .brand-lockup { margin-bottom: 45px; }
.install-heading h1 { margin-bottom: 16px; font-size: clamp(2.3rem, 5vw, 4.6rem); line-height: 1.02; }
.install-heading p { max-width: 700px; color: var(--muted); font-size: 1.05rem; line-height: 1.7; }
.install-form { display: grid; gap: 18px; }
.form-section { display: grid; grid-template-columns: 220px 1fr; gap: 42px; padding: 30px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.form-section h2 { margin: 5px 0; }
.step-number { color: var(--red); font-size: .74rem; font-weight: 900; letter-spacing: .14em; }
.install-form > .button { justify-self: end; }

/* Employee */
.employee-body { background: var(--theme-light); background-image: radial-gradient(circle at 90% -10%, color-mix(in srgb, var(--theme-accent) 42%, transparent), transparent 34%), linear-gradient(180deg, var(--theme-light), color-mix(in srgb, var(--theme-primary-soft) 36%, var(--theme-light))); }
.mobile-header { display: flex; position: sticky; z-index: 30; height: 76px; top: 0; align-items: center; justify-content: space-between; padding: 0 max(20px, env(safe-area-inset-left)); border-bottom: 1px solid color-mix(in srgb, var(--theme-border) 75%, transparent); background: color-mix(in srgb, var(--theme-surface) 88%, transparent); box-shadow: 0 8px 30px color-mix(in srgb, var(--theme-dark) 7%, transparent); backdrop-filter: blur(24px) saturate(150%); }
.employee-shell { width: min(780px, calc(100% - 32px)); margin: 0 auto; padding: 46px 0 80px; }
.welcome-row { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.welcome-row h1 { margin: 0; font-size: clamp(2rem, 6vw, 3rem); }
.employee-badge { padding: 12px 16px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb, var(--theme-surface) 86%, transparent); box-shadow: 0 10px 28px color-mix(in srgb, var(--theme-dark) 7%, transparent); text-align: right; backdrop-filter: blur(18px); }
.employee-badge span, .employee-badge small { display: block; }
.employee-badge span { font-weight: 800; }
.employee-badge small { margin-top: 2px; color: var(--muted); }
.scan-card { position: relative; min-height: 390px; padding: clamp(26px, 6vw, 46px); overflow: hidden; border: 1px solid color-mix(in srgb, var(--theme-accent) 24%, transparent); border-radius: 34px; background: linear-gradient(145deg, color-mix(in srgb, var(--theme-primary) 88%, var(--theme-accent)) 0%, var(--theme-primary-strong) 48%, var(--theme-dark) 100%); color: var(--theme-on-dark); box-shadow: 0 28px 70px color-mix(in srgb, var(--theme-dark) 28%, transparent); }
.scan-card::before { content: ""; position: absolute; width: 240px; height: 240px; right: -80px; bottom: -100px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.035), 0 0 0 90px rgba(255,255,255,.02); }
.scan-card .eyebrow { color: #fff; opacity: .72; }
.scan-card-copy { position: relative; z-index: 1; max-width: 470px; }
.scan-card h2 { margin-bottom: 12px; font-size: clamp(1.9rem, 6vw, 3rem); }
.scan-card p { color: rgba(255,255,255,.78); line-height: 1.65; }
.next-action-chip { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 16px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.26); border-radius: 999px; background: rgba(255,255,255,.12); }
.next-action-chip small { font-size: .68rem; font-weight: 650; opacity: .75; }
.next-action-chip strong { font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; }
.employee-event-selector { position: relative; z-index: 2; display: grid; max-width: 560px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 2px 0 10px; }
.employee-event-button { position: relative; display: flex; min-height: 78px; align-items: center; gap: 13px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 18px; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; text-align: left; transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease; }
.employee-event-button:hover { transform: translateY(-1px); background: rgba(255,255,255,.17); }
.employee-event-button.is-selected { border-color: var(--theme-surface); background: var(--theme-surface); color: var(--theme-primary-strong); box-shadow: 0 14px 32px color-mix(in srgb, var(--theme-dark) 20%, transparent); }
.employee-event-button.is-expected:not(.is-selected) { border-color: rgba(255,255,255,.58); }
.employee-event-button > span:not(.event-choice-icon) { display: grid; gap: 2px; }
.employee-event-button strong { font-size: 1rem; }
.employee-event-button small { color: currentColor; font-size: .72rem; opacity: .72; }
.employee-event-button em { position: absolute; top: 8px; right: 9px; padding: 3px 7px; border-radius: 999px; background: rgba(255,255,255,.18); color: currentColor; font-size: .58rem; font-style: normal; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.employee-event-button.is-selected em { background: var(--red-soft); }
.event-choice-icon { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 12px; background: rgba(255,255,255,.16); font-size: 1.25rem; font-weight: 900; }
.employee-event-button.is-selected .event-choice-icon { background: var(--red-soft); }
.event-choice-help { position: relative; z-index: 1; max-width: 560px; min-height: 22px; margin: 0 0 18px !important; color: rgba(255,255,255,.72) !important; font-size: .78rem; }
.event-choice-help.is-ready { color: #fff !important; }
.scan-symbol { position: absolute; top: 43px; right: 46px; width: 105px; height: 105px; opacity: .96; }
.scan-symbol span { position: absolute; width: 32px; height: 32px; border-color: #fff; border-style: solid; }
.scan-symbol span:nth-child(1) { top: 0; left: 0; border-width: 4px 0 0 4px; border-radius: 8px 0 0; }
.scan-symbol span:nth-child(2) { top: 0; right: 0; border-width: 4px 4px 0 0; border-radius: 0 8px 0 0; }
.scan-symbol span:nth-child(3) { bottom: 0; left: 0; border-width: 0 0 4px 4px; border-radius: 0 0 0 8px; }
.scan-symbol span:nth-child(4) { right: 0; bottom: 0; border-width: 0 4px 4px 0; border-radius: 0 0 8px; }
.scan-symbol i { position: absolute; top: 50%; left: 13px; right: 13px; height: 2px; background: #fff; box-shadow: 0 0 12px rgba(255,255,255,.9); animation: scanline 2.2s infinite ease-in-out; }
@keyframes scanline { 0%,100% { transform: translateY(-25px); } 50% { transform: translateY(25px); } }
.scan-actions { position: relative; z-index: 1; display: flex; align-items: center; gap: 18px; margin-top: 35px; }
.scan-card .text-button { color: #d4e0e4; text-decoration-color: #567182; }
.scan-card .text-button:disabled { cursor: not-allowed; opacity: .45; }
.manual-form { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 12px; max-width: 460px; margin-top: 22px; padding: 16px; border-radius: 16px; background: rgba(255,255,255,.09); }
.manual-form label { color: #d7e3e7; }
.manual-form input { letter-spacing: .28em; font-size: 1.15rem; font-weight: 850; }
.scan-progress, .scan-result { position: relative; z-index: 3; display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; max-width: 540px; margin-top: 22px; padding: 15px 17px; border-radius: 15px; background: rgba(255,255,255,.1); }
.scan-progress .spinner { grid-row: span 2; align-self: center; }
.scan-progress small { color: #bdcbd1; }
.scan-result strong, .scan-result span { display: block; }
.scan-result strong { margin-bottom: 4px; }
.scan-result span { color: #d4e0e4; line-height: 1.5; }
.scan-result.is-success { background: rgba(217,255,112,.15); }
.scan-result.is-error { background: rgba(255,113,121,.16); }
.scan-result.has-recovery { grid-template-columns: 1fr; gap: 5px; padding: 17px; border: 1px solid rgba(255,255,255,.12); }
.scan-result.has-recovery strong, .scan-result.has-recovery span { grid-column: 1; }
.permission-recovery-button { display: inline-flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; margin-top: 11px; padding: 0 18px; border: 1px solid rgba(255,255,255,.65); border-radius: 13px; background: #fff; color: var(--ink); box-shadow: 0 10px 24px rgba(0,0,0,.12); cursor: pointer; font-size: .88rem; font-weight: 850; }
.permission-recovery-button:active { transform: translateY(1px); }
.spinner { width: 22px; height: 22px; border: 3px solid rgba(255,255,255,.25); border-top-color: var(--accent); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.privacy-strip { display: grid; grid-template-columns: auto 1fr; gap: 12px 18px; margin: 18px 0 44px; padding: 17px 20px; border: 1px solid color-mix(in srgb, var(--theme-primary) 16%, var(--theme-border)); border-radius: 18px; background: var(--theme-primary-soft); font-size: .83rem; line-height: 1.55; }
.privacy-strip strong { color: var(--theme-primary-strong); }
.privacy-strip span { color: color-mix(in srgb, var(--theme-dark) 74%, var(--theme-light)); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
.section-heading h2 { margin: 0; font-size: 1.7rem; }
.record-count { color: var(--muted); font-size: .84rem; font-weight: 750; }
.today-section, .history-section { padding: 0 4px; }
.history-section { scroll-margin-top: 94px; }
.history-heading { margin-bottom: 18px; }
.history-range-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; padding: 6px; border: 1px solid var(--line); border-radius: 17px; background: #f1eded; }
.history-range-link { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; padding: 7px 10px; border-radius: 12px; color: #765f62; font-size: .76rem; font-weight: 850; text-align: center; transition: background .18s ease, color .18s ease, box-shadow .18s ease; }
.history-range-link.is-active { background: #fff; color: var(--red); box-shadow: 0 7px 18px rgba(67,17,20,.1); }
.history-custom-form { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 10px; margin-top: 13px; padding: 17px; border: 1px solid #eddcdd; border-radius: 17px; background: #fff8f8; }
.history-custom-form label { font-size: .74rem; }
.history-custom-form input { min-height: 44px; }
.history-custom-form .button { min-height: 44px; }
.history-result-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 0 7px; color: var(--muted); font-size: .75rem; font-weight: 750; }
.history-result-summary span { color: var(--ink); }
.timeline { display: grid; }
.timeline-item { display: grid; position: relative; grid-template-columns: auto 1fr auto; align-items: center; gap: 15px; min-height: 74px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.timeline-marker { width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 2px var(--green); }
.timeline-item.is-exit .timeline-marker { background: var(--orange); box-shadow: 0 0 0 2px var(--orange); }
.timeline-item strong, .timeline-item small { display: block; }
.timeline-item small { margin-top: 4px; color: var(--muted); }
.timeline-item time { min-width: 78px; text-align: right; font-variant-numeric: tabular-nums; }
.timeline-item time strong { font-size: 1.08rem; font-weight: 850; }
.timeline-item time small { margin-top: 3px; color: var(--muted); font-size: .68rem; font-weight: 700; }
.history-pagination { margin-bottom: 6px; }
.empty-state { padding: 44px 20px; color: var(--muted); text-align: center; }
.empty-state > span { display: block; margin-bottom: 8px; font-size: 2rem; }
.empty-state strong { display: block; color: var(--ink); }
.empty-state p { margin: 7px 0 0; }
.install-prompt { position: fixed; right: 22px; bottom: 22px; padding: 13px 18px; border-radius: 13px; background: var(--red); color: #fff; box-shadow: var(--shadow); cursor: pointer; font-weight: 800; }
.modal { position: fixed; z-index: 100; inset: 0; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(6,25,38,.66); backdrop-filter: blur(5px); }
.scanner-sheet { position: absolute; width: min(560px, calc(100% - 24px)); left: 50%; bottom: max(12px, env(safe-area-inset-bottom)); padding: 24px; transform: translateX(-50%); border-radius: 24px; background: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.3); }
.long-shift-modal { z-index: 280; }
.modal-open { overflow: hidden; }
.long-shift-sheet { position: absolute; width: min(560px, calc(100% - 24px)); left: 50%; top: 50%; padding: 30px; transform: translate(-50%, -50%); border-radius: 28px; background: #fff; box-shadow: 0 28px 80px rgba(8,18,28,.32); animation: popup-sheet-in .24s cubic-bezier(.2,.8,.2,1); }
@keyframes popup-sheet-in { from { opacity: 0; transform: translate(-50%, calc(-50% + 24px)) scale(.97); } }
.long-shift-icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 18px; border-radius: 17px; color: var(--red); background: var(--theme-primary-soft); font-size: 24px; font-weight: 900; }
.long-shift-sheet h2 { margin: 4px 0 10px; font-size: clamp(24px, 5vw, 31px); }
.long-shift-sheet > p { margin: 0 0 22px; color: var(--muted); line-height: 1.62; }
.long-shift-sheet form > label { display: block; margin-bottom: 8px; font-weight: 800; }
.long-shift-sheet textarea { min-height: 132px; }
.field-help { display: block; margin-top: 8px; color: var(--muted); line-height: 1.45; }
.long-shift-actions { display: grid; grid-template-columns: .8fr 1.2fr; gap: 10px; margin-top: 22px; }
.modal-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.modal-heading h2 { margin: 0; }
#qr-reader { min-height: 310px; overflow: hidden; border: 0 !important; border-radius: 18px; background: #e7ecea; }
#qr-reader video { border-radius: 18px; }
.scanner-help { margin: 16px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }

/* Tablet */
.kiosk-login-body { background: linear-gradient(145deg, color-mix(in srgb, var(--theme-primary) 84%, var(--theme-accent)) 0%, var(--theme-primary-strong) 50%, var(--theme-dark) 100%); color: var(--theme-on-dark); }
.kiosk-login-shell { display: grid; min-height: 100vh; grid-template-columns: 1.1fr .9fr; }
.kiosk-intro { display: flex; flex-direction: column; justify-content: center; padding: clamp(40px, 7vw, 110px); }
.kiosk-intro .brand-lockup { margin-bottom: auto; }
.kiosk-intro .eyebrow { margin-top: auto; color: #fff; opacity: .75; }
.kiosk-intro h1 { max-width: 660px; margin-bottom: 18px; font-size: clamp(3rem, 6vw, 6rem); line-height: .98; }
.kiosk-intro p { max-width: 550px; margin-bottom: auto; color: rgba(255,255,255,.78); font-size: 1.1rem; line-height: 1.7; }
.kiosk-login-card { display: flex; flex-direction: column; justify-content: center; padding: clamp(40px, 8vw, 120px); background: #fff; color: var(--ink); }
.kiosk-login-card .kiosk-back { margin-top: 24px; }
.tablet-body { height: 100vh; height: 100dvh; overflow: hidden; overscroll-behavior: none; background: radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--tenant-tablet-bg, var(--theme-primary)) 78%, #fff) 0%, transparent 34%), linear-gradient(145deg, var(--tenant-tablet-bg, var(--theme-primary)) 0%, color-mix(in srgb, var(--tenant-tablet-bg, var(--theme-primary)) 78%, #000) 100%); color: var(--tenant-tablet-text, var(--theme-on-dark)); touch-action: manipulation; user-select: none; }
.tablet-header { display: grid; height: 84px; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 34px; border-bottom: 1px solid rgba(255,255,255,.16); }
.tablet-location { display: grid; grid-template-columns: auto auto; align-items: center; gap: 2px 10px; text-align: left; }
.tablet-location .status-dot { grid-row: span 2; }
.tablet-location small { color: rgba(255,255,255,.66); }
.tablet-controls { display: flex; justify-self: end; gap: 8px; }
.tablet-action { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; font-size: .75rem; font-weight: 750; }
.tablet-action:hover { background: rgba(255,255,255,.15); }
.tablet-shell { display: grid; height: calc(100vh - 84px); height: calc(100dvh - 84px); grid-template-columns: 1fr minmax(430px, .78fr); }
.tablet-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(40px, 7vw, 110px); }
.tablet-copy .eyebrow { color: var(--tenant-tablet-text, #fff); opacity: .72; }
.tablet-copy h1 { margin-bottom: 20px; font-size: clamp(3.3rem, 6vw, 6.4rem); line-height: .94; }
.tablet-copy > p { max-width: 650px; color: color-mix(in srgb, var(--tenant-tablet-text, #fff) 76%, transparent); font-size: 1.08rem; line-height: 1.7; }
.mode-toggle { display: inline-flex; align-self: flex-start; gap: 7px; margin-top: 28px; padding: 6px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(255,255,255,.06); }
.mode-button { min-width: 130px; padding: 13px 20px; border-radius: 11px; background: transparent; color: rgba(255,255,255,.7); cursor: pointer; font-weight: 800; }
.mode-button.active { background: #fff; color: var(--red); box-shadow: 0 8px 22px rgba(70,0,4,.16); }
.mode-button span { margin-right: 5px; }
.touchless-note { display: inline-flex; align-self: flex-start; align-items: center; gap: 12px; margin-top: 28px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(255,255,255,.08); }
.touchless-note > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 11px; background: #fff; color: var(--red); font-weight: 900; }
.touchless-note strong, .touchless-note small { display: block; }
.touchless-note strong { font-size: .82rem; }
.touchless-note small { margin-top: 3px; color: rgba(255,255,255,.68); font-size: .7rem; }
.tablet-clock { display: flex; align-items: baseline; gap: 16px; margin-top: auto; padding-top: 40px; }
.tablet-clock strong { font-size: 1.8rem; font-variant-numeric: tabular-nums; }
.tablet-clock span { color: rgba(255,255,255,.68); text-transform: capitalize; }
.qr-panel { display: flex; align-self: center; justify-self: center; width: min(520px, calc(100% - 50px)); flex-direction: column; padding: clamp(26px, 3.4vw, 42px); border-radius: 30px; background: #fff; color: var(--ink); box-shadow: 0 28px 80px rgba(0,0,0,.22); }
.qr-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.qr-heading span, .qr-heading small { display: block; }
.qr-heading span { font-size: 1.08rem; font-weight: 850; }
.qr-heading small { margin-top: 3px; color: var(--muted); }
.countdown { display: flex; align-items: baseline; gap: 3px; }
.countdown strong { font-size: 2rem; font-variant-numeric: tabular-nums; }
.countdown span { color: var(--muted); font-size: .75rem; }
.qr-frame { display: grid; position: relative; min-height: 322px; place-items: center; padding: 15px; border: 1px solid #dce5e1; border-radius: 23px; background: #fff; }
#qr-code { display: grid; place-items: center; }
#qr-code img, #qr-code canvas { width: min(292px, 34vh) !important; height: min(292px, 34vh) !important; }
.qr-loading { display: grid; position: absolute; inset: 0; place-content: center; justify-items: center; gap: 12px; border-radius: 23px; background: #f7faf8; color: var(--muted); }
.qr-loading .spinner { border-color: #d6e1dd; border-top-color: var(--ink-2); }
.manual-code-row { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 18px; color: var(--muted); }
.manual-code-row strong { color: var(--ink); font-size: 1.4rem; letter-spacing: .16em; }
.tablet-status { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 17px; padding-top: 17px; border-top: 1px solid var(--line); color: var(--muted); font-size: .84rem; font-weight: 700; }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 rgba(22,112,74,.4); animation: pulse 1.8s infinite; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(22,112,74,.38); } 70% { box-shadow: 0 0 0 9px rgba(22,112,74,0); } 100% { box-shadow: 0 0 0 0 rgba(22,112,74,0); } }
.success-overlay { display: grid; position: fixed; z-index: 200; inset: 0; place-content: center; justify-items: center; background: #fff; color: var(--red); text-align: center; animation: reveal .25s ease; }
@keyframes reveal { from { opacity: 0; transform: scale(1.02); } }
.success-ring { display: grid; width: 110px; height: 110px; margin-bottom: 26px; place-items: center; border: 4px solid var(--red); border-radius: 50%; font-size: 3.4rem; font-weight: 900; }
.success-overlay > span { font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.success-overlay h2 { margin: 12px 0; font-size: clamp(3rem, 7vw, 6rem); }
.success-overlay p { font-size: 1.2rem; }
.tablet-logout-modal { z-index: 260; }
.tablet-logout-sheet { position: absolute; width: min(460px, calc(100% - 30px)); left: 50%; top: 50%; padding: 28px; transform: translate(-50%, -50%); border-radius: 24px; background: #fff; color: var(--ink); box-shadow: 0 30px 90px rgba(70,0,4,.34); user-select: text; }
.tablet-logout-sheet > p { margin-bottom: 22px; color: var(--muted); line-height: 1.6; }

/* Admin */
.admin-body { min-height: 100vh; background: color-mix(in srgb, var(--theme-primary-soft) 32%, var(--theme-light)); }
.admin-sidebar { display: flex; position: fixed; z-index: 90; width: 270px; inset: 0 auto 0 0; flex-direction: column; padding: 26px 18px; background: var(--tenant-sidebar, var(--theme-dark)); color: var(--tenant-sidebar-text, var(--theme-on-dark)); box-shadow: 18px 0 60px color-mix(in srgb, var(--tenant-sidebar, var(--theme-dark)) 18%, transparent); }
.admin-sidebar > .brand-lockup { padding: 0 10px 30px; }
.admin-sidebar nav { display: grid; gap: 5px; }
.admin-sidebar nav a { display: flex; min-height: 44px; align-items: center; gap: 12px; padding: 0 13px; border-radius: 12px; background: var(--tenant-menu, transparent); color: var(--tenant-menu-text, rgba(255,255,255,.72)); font-size: .91rem; font-weight: 700; }
.admin-sidebar nav a span { display: grid; width: 25px; place-items: center; font-size: 1.08rem; }
.admin-sidebar nav a:hover { background: var(--tenant-menu-hover, rgba(255,255,255,.08)); color: var(--tenant-menu-hover-text, #fff); }
.admin-sidebar nav a.active { background: var(--tenant-menu-hover, var(--theme-surface)); color: var(--tenant-menu-hover-text, var(--theme-primary-strong)); box-shadow: 0 10px 24px color-mix(in srgb, var(--tenant-sidebar, var(--theme-dark)) 20%, transparent); }
.admin-sidebar-close { display: none; position: absolute; width: 42px; height: 42px; top: 18px; right: 14px; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 14px; background: rgba(255,255,255,.12); color: var(--theme-on-dark); cursor: pointer; font-size: 1.5rem; }
.admin-sidebar-overlay { display: none; position: fixed; z-index: 80; inset: 0; background: color-mix(in srgb, var(--theme-dark) 58%, transparent); backdrop-filter: blur(7px); }
.sidebar-foot { margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.11); }
.admin-profile { display: flex; align-items: center; gap: 11px; padding: 0 7px 16px; }
.admin-profile > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: rgba(255,255,255,.16); font-size: .78rem; font-weight: 850; }
.admin-profile strong, .admin-profile small { display: block; }
.admin-profile strong { max-width: 140px; overflow: hidden; font-size: .83rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-profile small { margin-top: 2px; color: rgba(255,255,255,.6); font-size: .72rem; }
.admin-logout-form { margin: 0; }
.admin-logout-button { display:grid;position:relative;width:100%;min-height:62px;grid-template-columns:40px 1fr 28px;align-items:center;gap:11px;padding:10px 11px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tenant-sidebar-text,var(--theme-on-dark)) 16%,transparent);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--tenant-sidebar-text,var(--theme-on-dark)) 10%,transparent),color-mix(in srgb,var(--tenant-sidebar-text,var(--theme-on-dark)) 4%,transparent));color:var(--tenant-sidebar-text,var(--theme-on-dark));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tenant-sidebar-text,var(--theme-on-dark)) 10%,transparent),0 12px 30px color-mix(in srgb,var(--tenant-sidebar,var(--theme-dark)) 30%,transparent);cursor:pointer;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.admin-logout-button::before { content:"";position:absolute;width:110px;height:110px;right:-82px;bottom:-84px;border:1px solid color-mix(in srgb,currentColor 13%,transparent);border-radius:50%;box-shadow:0 0 0 18px color-mix(in srgb,currentColor 3%,transparent);pointer-events:none; }
.admin-logout-button:hover { transform:translateY(-2px);border-color:color-mix(in srgb,var(--tenant-menu-hover-text,var(--tenant-sidebar-text,var(--theme-on-dark))) 28%,transparent);background:linear-gradient(145deg,var(--tenant-menu-hover,color-mix(in srgb,var(--tenant-sidebar-text,var(--theme-on-dark)) 15%,transparent)),color-mix(in srgb,var(--tenant-menu-hover,color-mix(in srgb,var(--tenant-sidebar-text,var(--theme-on-dark)) 12%,transparent)) 74%,var(--tenant-sidebar,var(--theme-dark))));color:var(--tenant-menu-hover-text,var(--tenant-sidebar-text,var(--theme-on-dark)));box-shadow:inset 0 1px 0 color-mix(in srgb,currentColor 12%,transparent),0 18px 36px color-mix(in srgb,var(--tenant-sidebar,var(--theme-dark)) 42%,transparent); }
.admin-logout-button:active { transform:translateY(0) scale(.985); }
.admin-logout-button:focus-visible { outline:3px solid color-mix(in srgb,var(--theme-accent) 70%,#fff);outline-offset:3px; }
.admin-logout-icon { display:grid;position:relative;width:40px;height:40px;place-items:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:13px;background:color-mix(in srgb,currentColor 9%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,currentColor 12%,transparent); }
.admin-logout-icon::before { content:"";position:absolute;width:15px;height:15px;left:11px;bottom:8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%; }
.admin-logout-icon::after { content:"";position:absolute;width:2px;height:12px;top:8px;left:18px;border-radius:999px;background:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 8%,transparent); }
.admin-logout-copy,.admin-logout-copy strong,.admin-logout-copy small { display:block;min-width:0;color:inherit; }.admin-logout-copy strong { overflow:hidden;font-size:.71rem;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap; }.admin-logout-copy small { margin-top:3px;opacity:.58;font-size:.51rem;font-weight:650;letter-spacing:.02em; }.admin-logout-arrow { display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:color-mix(in srgb,currentColor 8%,transparent);font-size:.82rem;font-weight:850;transition:transform .2s ease,background .2s ease; }.admin-logout-button:hover .admin-logout-arrow { transform:translateX(3px);background:color-mix(in srgb,currentColor 14%,transparent); }
.admin-main { min-height: 100vh; margin-left: 270px; padding: 34px clamp(24px, 4vw, 62px) 80px; }
.admin-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 34px; }
.admin-topbar h1 { margin: 0; font-size: clamp(2rem, 3vw, 2.7rem); }
.mobile-menu-button { display: none; padding: 10px; background: transparent; cursor: pointer; font-size: 1.4rem; }
.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 18px; }
.stats-grid article { min-height: 160px; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.stats-grid article > span, .stats-grid article > small { display: block; color: var(--muted); }
.stats-grid article > span { font-size: .8rem; font-weight: 750; }
.stats-grid article > strong { display: block; margin: 18px 0 12px; font-size: 2.55rem; letter-spacing: -.05em; }
.stats-grid article > small { font-size: .75rem; }
.content-card { padding: clamp(20px, 2.6vw, 32px); border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 7px 24px rgba(91,12,17,.035); }
.branch-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.branch-summary-grid article { padding: 19px; border: 1px solid var(--line); border-radius: 16px; }
.branch-summary-grid article > div:first-child { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; }
.branch-summary-grid strong { font-size: .92rem; }
.branch-summary-grid small { grid-column: 2; color: var(--muted); }
.branch-dot { grid-row: span 2; align-self: center; width: 10px; height: 10px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 5px var(--red-soft); }
.branch-counts { display: flex; gap: 18px; margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--line); color: var(--muted); font-size: .76rem; }
.branch-counts b { color: var(--ink); font-size: 1rem; }
.setup-callout { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 18px; padding: 30px; border-radius: 22px; background: var(--ink-2); color: #fff; }
.setup-callout .eyebrow { color: var(--accent); }
.setup-callout h2 { margin-bottom: 7px; }
.setup-callout p { margin: 0; color: rgba(255,255,255,.76); }
.split-layout { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(520px, 1.45fr); align-items: start; gap: 18px; }
.sticky-card { position: sticky; top: 24px; }
.data-list { display: grid; }
.data-row { display: grid; grid-template-columns: auto minmax(180px, 1fr) auto auto; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.data-row:last-child { border-bottom: 0; }
.data-row.is-inactive { opacity: .55; }
.avatar, .device-icon { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 13px; background: #f5e9ea; color: var(--red); font-size: .77rem; font-weight: 850; }
.device-icon { background: var(--red); color: #fff; font-family: "Ekip Bauhaus", "Bauhaus 93", "Arial Rounded MT Bold", sans-serif; font-size: 1.15rem; }
.device-icon svg { width: 100%; height: 100%; fill: currentColor; }
.data-main { min-width: 0; }
.data-main strong, .data-main small { display: block; }
.data-main small { margin-top: 4px; overflow: hidden; color: var(--muted); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.location-pill { padding: 6px 9px; border-radius: 999px; background: #f4eeee; color: #6c5557; font-size: .7rem; font-weight: 750; white-space: nowrap; }
.row-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.row-actions a, .row-actions button { padding: 5px; background: transparent; color: var(--ink-2); cursor: pointer; font-size: .73rem; font-weight: 750; }
.row-actions button.danger-action { padding: 6px 9px; border-radius: 8px; background: var(--red-soft); color: var(--red); }
.status-badge { padding: 6px 9px; border-radius: 999px; background: #edf0ef; color: var(--muted); font-size: .7rem; font-weight: 800; }
.status-badge.is-active { background: var(--mint); color: var(--green); }
.page-intro { margin-bottom: 22px; }
.page-intro > div { max-width: 760px; }
.page-intro h2 { margin-bottom: 10px; font-size: 2rem; }
.page-intro p { margin: 0; color: var(--muted); line-height: 1.65; }
.location-create-card { margin-bottom: 18px; }
.location-create-note { max-width: 340px; color: var(--muted); font-size: .78rem; line-height: 1.5; text-align: right; }
.location-create-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; gap: 14px; }
.location-create-form > .check-row { min-width: 0; grid-column: 1 / span 2; }
.location-create-actions { display: flex; min-width: 0; grid-column: 3 / -1; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
.location-create-form .location-feedback { grid-column: 1 / -1; }
.location-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); align-items: start; gap: 16px; }
.location-card { display: flex; width: 100%; min-width: 0; max-width: 100%; justify-self: stretch; flex-direction: column; gap: 16px; }
.location-card.is-inactive { border-style: dashed; background: #fbf9f9; }
.location-edit-form { display: grid; width: 100%; min-width: 0; gap: 15px; }
.location-edit-form > *, .location-edit-form .form-grid, .location-edit-form label { min-width: 0; }
.location-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }
.location-code { display: grid; width: 54px; height: 38px; place-items: center; border-radius: 10px; background: var(--ink-2); color: var(--accent); font-size: .78rem; font-weight: 900; letter-spacing: .08em; }
.switch input { display: none; }
.switch > span { display: block; position: relative; width: 42px; height: 24px; border-radius: 999px; background: #c8d3d0; cursor: pointer; }
.switch > span::after { content: ""; position: absolute; width: 18px; height: 18px; top: 3px; left: 3px; border-radius: 50%; background: #fff; transition: transform .18s ease; }
.switch input:checked + span { background: var(--green); }
.switch input:checked + span::after { transform: translateX(18px); }
.form-actions { display: flex; justify-content: space-between; gap: 10px; margin-top: 4px; }
.location-edit-form .form-actions { display: grid; grid-template-columns: max-content minmax(0, 1fr); }
.location-edit-form .form-actions .button { width: 100%; min-width: 0; }
.location-feedback { min-height: 18px; color: var(--green); font-size: .73rem; }
.location-delete-form { display: flex; justify-content: flex-end; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); }
.danger-action { padding: 7px 10px; border-radius: 9px; background: var(--red-soft); color: var(--red); cursor: pointer; font-size: .74rem; font-weight: 800; }
.danger-action:hover { background: #fbdfe1; }
.single-layout { display: grid; }
.location-readonly-card { display: grid; gap: 22px; }
.location-readonly-card h3, .location-readonly-card p { margin: 0; }
.location-readonly-card h3 { margin-top: 5px; font-size: 1.2rem; }
.location-readonly-card p { margin-top: 4px; color: var(--muted); }
.location-readonly-card dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; }
.location-readonly-card dl div { padding: 13px; border-radius: 16px; background: var(--surface-soft); }
.location-readonly-card dt { color: var(--muted); font-size: .75rem; }
.location-readonly-card dd { margin: 5px 0 0; font-weight: 700; }
.assignment-notification-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-bottom: 20px; padding: 22px; overflow: hidden; border-radius: 20px; background: linear-gradient(135deg, var(--theme-dark), var(--theme-primary)); color: var(--theme-on-dark); box-shadow: 0 18px 42px color-mix(in srgb, var(--theme-dark) 24%, transparent); }
.assignment-notification-card .eyebrow { color: rgba(255,255,255,.7); }
.assignment-notification-card h2 { margin: 0 0 7px; font-size: 1.25rem; }
.assignment-notification-card p { margin: 0; color: rgba(255,255,255,.78); font-size: .82rem; line-height: 1.55; }
.assignment-notification-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; background: rgba(255,255,255,.14); font-size: 1.3rem; font-weight: 900; }
.assignment-reminder-list { margin-bottom: 20px; border-color: #edc6c8; }
.assignment-reminder-copy { margin: -6px 0 12px; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.assignment-reminder-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid var(--line); }
.assignment-reminder-row strong, .assignment-reminder-row small { display: block; }
.assignment-reminder-row small { margin-top: 4px; color: var(--muted); font-size: .74rem; }
.absence-layout { grid-template-columns: minmax(330px, .78fr) minmax(580px, 1.45fr); }
.absence-list { display: grid; }
.absence-row { display: grid; grid-template-columns: auto minmax(250px, 1fr) auto auto; align-items: center; gap: 15px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.absence-row:last-child { border-bottom: 0; }
.absence-date { display: grid; width: 52px; height: 58px; place-content: center; border-radius: 15px; background: var(--red-soft); color: var(--red); text-align: center; }
.absence-date strong { font-size: 1.2rem; line-height: 1; }
.absence-date span { margin-top: 4px; font-size: .6rem; font-weight: 850; letter-spacing: .1em; }
.absence-main { min-width: 0; }
.absence-main > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.absence-main strong { font-size: .9rem; }
.absence-main small { display: block; margin-top: 5px; color: var(--muted); font-size: .72rem; }
.absence-main p { max-width: 620px; margin: 7px 0 0; overflow: hidden; color: #6c5a5d; font-size: .74rem; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.absence-type, .absence-state { display: inline-flex; padding: 5px 8px; border-radius: 999px; font-size: .65rem; font-weight: 800; white-space: nowrap; }
.absence-type { background: #fff1da; color: #95600d; }
.absence-type.is-report { background: #f1eafb; color: #7043a2; }
.absence-type.is-assignment { background: #e7f2ff; color: #23649b; }
.absence-type.is-hourly { background: #fff5d9; color: #8b6410; }
.absence-state { background: #edf0ef; color: var(--muted); }
.absence-state.is-current { background: var(--mint); color: var(--green); }
.absence-state.is-upcoming { background: #e9f2ff; color: #32659a; }
.absence-state.is-cancelled { background: var(--red-soft); color: var(--red); }
.access-layout { grid-template-columns: minmax(390px, .9fr) minmax(560px, 1.25fr); }
.access-permission-fieldset { margin: 0; padding: 16px; border: 1px solid var(--line); border-radius: 15px; }
.access-permission-fieldset legend { padding: 0 7px; color: var(--ink); font-size: .8rem; font-weight: 850; }
.access-permission-grid { display: grid; gap: 10px; }
.access-permission-grid .check-row { align-items: flex-start; color: #5d4e50; font-size: .76rem; line-height: 1.4; }
.access-user-list { display: grid; }
.access-user-row { display: grid; grid-template-columns: auto minmax(220px, 1fr) auto; align-items: center; gap: 14px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.access-user-row:last-child { border-bottom: 0; }
.access-user-row.is-inactive { opacity: .55; }
.access-user-main { min-width: 0; }
.access-user-main > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.access-user-main small { display: block; margin-top: 5px; overflow: hidden; color: var(--muted); font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }
.access-user-main p { margin: 6px 0 0; color: #765f62; font-size: .7rem; }
.department-badge { display: inline-flex; padding: 5px 8px; border-radius: 999px; background: #e7f2ff; color: #23649b; font-size: .64rem; font-weight: 850; }
.department-badge.is-hr { background: #f1eafb; color: #7043a2; }
.access-user-row .row-actions { grid-column: 2 / -1; }
.api-intro { align-items: center; }
.api-security-badge { display: inline-flex; flex: 0 0 auto; padding: 10px 14px; border: 1px solid rgba(26,119,86,.2); border-radius: 999px; background: var(--mint); color: var(--green); font-size: .7rem; font-weight: 850; white-space: nowrap; }
.api-secret-card { display: grid; grid-template-columns: auto 1fr; gap: 18px; margin-bottom: 22px; padding: 24px; border: 1px solid rgba(26,119,86,.18); border-radius: 22px; background: linear-gradient(135deg, #effbf6, #fff); box-shadow: 0 18px 45px rgba(16,88,60,.09); }
.api-secret-icon { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 18px; background: var(--green); color: #fff; font-size: 1.35rem; font-weight: 900; }
.api-secret-copy h2 { margin: 3px 0 7px; }
.api-secret-copy > p { margin: 0; color: var(--muted); font-size: .79rem; line-height: 1.55; }
.api-token-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; margin-top: 16px; }
.api-token-field input { min-width: 0; border-color: rgba(26,119,86,.2); background: #fff; color: #245447; font-family: Consolas, Monaco, monospace; font-size: .75rem; }
.api-overview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 22px; }
.api-overview-grid article { display: grid; grid-template-columns: auto 1fr; gap: 12px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.72); }
.api-overview-grid article > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; background: var(--red-soft); color: var(--red); font-size: .75rem; font-weight: 900; }
.api-overview-grid strong { display: block; margin: 1px 0 5px; font-size: .82rem; }
.api-overview-grid p { margin: 0; color: var(--muted); font-size: .7rem; line-height: 1.5; }
.api-layout { align-items: start; }
.api-scope-fieldset { margin: 0; padding: 14px; border: 1px solid var(--line); border-radius: 15px; }
.api-scope-fieldset legend { padding: 0 7px; color: var(--ink); font-size: .78rem; font-weight: 850; }
.api-scope-list { display: grid; gap: 8px; }
.api-scope-option { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 10px; padding: 11px; border: 1px solid #eee5e6; border-radius: 12px; background: #fbf9f9; cursor: pointer; }
.api-scope-option:has(input:checked) { border-color: color-mix(in srgb, var(--theme-primary) 30%, transparent); background: var(--red-soft); }
.api-scope-option input { margin-top: 3px; accent-color: var(--red); }
.api-scope-option b, .api-scope-option small { display: block; }
.api-scope-option b { color: var(--ink); font-size: .76rem; }
.api-scope-option small { margin-top: 3px; color: var(--muted); font-size: .66rem; line-height: 1.4; }
.api-client-list { display: grid; gap: 14px; }
.api-client-card { padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.api-client-card.is-inactive { background: #f8f7f7; }
.api-client-heading { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.api-client-heading strong, .api-client-heading code { display: block; }
.api-client-heading strong { margin-bottom: 5px; font-size: .9rem; }
.api-client-heading code { color: #7d686a; font-size: .67rem; }
.api-client-form { margin-top: 14px; }
.api-inline-scopes { display: flex; flex-wrap: wrap; gap: 8px; }
.api-inline-scopes .check-row { padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: #faf9f9; font-size: .68rem; }
.api-client-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 10px 12px; border-radius: 10px; background: #f4f6f5; color: var(--muted); font-size: .66rem; }
.api-client-meta b { color: #4f5b58; }
.api-client-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.api-client-actions button, .api-endpoint-list button { min-height: 34px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #67575a; font-size: .67rem; font-weight: 800; cursor: pointer; }
.api-client-actions button:hover, .api-endpoint-list button:hover { border-color: color-mix(in srgb, var(--theme-primary) 34%, transparent); color: var(--red); }
.api-docs-card { margin-top: 22px; }
.api-version { padding: 7px 10px; border-radius: 9px; background: #251f20; color: #fff; font-size: .68rem; font-weight: 850; }
.api-auth-guide { display: grid; grid-template-columns: .7fr 1.6fr 1.4fr; gap: 10px; margin-bottom: 18px; }
.api-auth-guide > div { min-width: 0; padding: 14px; border-radius: 14px; background: #f4f6f5; }
.api-auth-guide small, .api-auth-guide strong, .api-auth-guide code { display: block; }
.api-auth-guide small { margin-bottom: 7px; color: var(--muted); font-size: .64rem; }
.api-auth-guide strong { font-size: .78rem; }
.api-auth-guide code { overflow: hidden; color: #3f5550; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.api-endpoint-list { display: grid; gap: 10px; }
.api-endpoint-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 14px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; }
.api-endpoint-list article > div { min-width: 0; }
.api-endpoint-list span, .api-endpoint-list code { display: block; }
.api-endpoint-list span { margin-bottom: 6px; color: var(--ink); font-size: .75rem; font-weight: 850; }
.api-endpoint-list code { overflow: hidden; color: #276d59; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.api-endpoint-list p { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .67rem; line-height: 1.6; }
.api-endpoint-list p code { display: inline; color: #6c5558; white-space: normal; }
.api-doc-note { margin-top: 16px; padding: 16px; border-left: 4px solid var(--red); border-radius: 4px 13px 13px 4px; background: var(--red-soft); }
.api-doc-note strong { display: block; margin-bottom: 5px; font-size: .76rem; }
.api-doc-note p { margin: 0; color: #755a5d; font-size: .7rem; line-height: 1.6; }
.api-doc-note code { color: var(--red-dark); }
.report-card { padding-bottom: 16px; }
.filter-bar { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)) auto; align-items: end; gap: 10px; padding: 18px; border-radius: 16px; background: #f3f6f4; }
.workforce-filter { grid-template-columns: repeat(5, minmax(125px, 1fr)) minmax(170px, auto) auto; }
.filter-bar label { font-size: .72rem; }
.filter-bar input, .filter-bar select { min-height: 42px; }
.compact-check { min-height: 42px; align-self: end; padding: 0 8px; border-radius: 10px; background: #fff; }
.period-links { display: flex; align-items: center; gap: 14px; padding: 17px 4px; color: var(--muted); font-size: .76rem; }
.period-links a { color: var(--ink-2); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.report-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin: 0 0 14px; padding: 0 4px; color: var(--muted); font-size: .7rem; }
.report-legend span { display: inline-flex; align-items: center; gap: 6px; }
.legend-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.legend-dot.is-late { background: #d47722; }
.legend-dot.is-absent { background: var(--red); }
.legend-dot.is-leave { background: #7043a2; }
.legend-dot.is-assignment { background: #347db6; }
.legend-dot.is-hourly { background: #d49a1d; }
.legend-dot.is-inactive { background: #8e9895; }
.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 15px; }
table { width: 100%; border-collapse: collapse; font-size: .81rem; }
th, td { padding: 14px 15px; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
th { background: #f6f8f7; color: #667a84; font-size: .69rem; letter-spacing: .06em; text-transform: uppercase; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: #fbfcfb; }
.event-badge { display: inline-flex; padding: 5px 9px; border-radius: 999px; font-size: .7rem; font-weight: 800; }
.event-badge.entry { background: var(--mint); color: var(--green); }
.event-badge.exit { background: #fff1da; color: #99620c; }
.verified { color: var(--green); font-size: .73rem; font-weight: 750; }
.daily-status { display: inline-flex; padding: 6px 9px; border-radius: 999px; font-size: .68rem; font-weight: 850; }
.daily-status.is-present { background: var(--mint); color: var(--green); }
.daily-status.is-late { background: #fff1da; color: #99620c; }
.daily-status.is-absent { background: var(--red-soft); color: var(--red); }
.daily-status.is-leave { background: #f1eafb; color: #7043a2; }
.daily-status.is-assignment { background: #e7f2ff; color: #23649b; }
.daily-status.is-hourly { background: #fff5d9; color: #8b6410; }
.daily-status.is-inactive { background: #edf0ef; color: #5d6a67; }
.check-cell { font-size: .72rem; font-weight: 800; }
.check-cell.is-yes { color: var(--green); }
.check-cell.is-no { color: #a8787b; }
.table-footer { display: flex; justify-content: space-between; gap: 20px; padding: 16px 3px 0; color: var(--muted); font-size: .73rem; }
.app-pagination { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.pagination-pages { display: flex; align-items: center; justify-content: center; gap: 7px; }
.pagination-direction, .pagination-number { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); font-size: .76rem; font-weight: 800; transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease; }
.pagination-direction { padding: 0 14px; white-space: nowrap; }
.pagination-number { width: 40px; padding: 0; }
a.pagination-direction:hover, a.pagination-number:hover { border-color: color-mix(in srgb, var(--theme-primary) 38%, transparent); color: var(--red); transform: translateY(-1px); }
.pagination-number.is-current { border-color: var(--red); background: var(--red); color: var(--theme-on-primary); box-shadow: 0 8px 20px color-mix(in srgb, var(--theme-primary) 24%, transparent); }
.pagination-direction.is-disabled { opacity: .42; cursor: not-allowed; }
.pagination-ellipsis { display: inline-grid; width: 24px; place-items: center; color: var(--muted); font-weight: 900; }
.admin-confirm-modal { z-index: 300; }
.admin-confirm-sheet { position: absolute; width: min(440px, calc(100% - 30px)); left: 50%; top: 50%; padding: 30px; transform: translate(-50%, -50%); border-radius: 24px; background: #fff; text-align: center; box-shadow: 0 30px 90px rgba(70,0,4,.28); }
.confirm-icon { display: grid; width: 58px; height: 58px; margin: 0 auto 18px; place-items: center; border-radius: 18px; background: var(--red-soft); color: var(--red); font-size: 1.6rem; font-weight: 900; }
.admin-confirm-sheet h2 { margin-bottom: 10px; }
.admin-confirm-sheet p { margin-bottom: 24px; color: var(--muted); line-height: 1.6; }
.confirm-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

@media (max-width: 1120px) {
  .landing-shell { grid-template-columns: 1fr 1fr; }
  .hero-copy h1 { font-size: 4rem; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .location-create-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .location-create-form > .check-row, .location-create-actions { grid-column: 1 / -1; }
  .location-grid { grid-template-columns: 1fr; }
  .location-edit-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .location-card-head, .location-edit-form .form-actions, .location-edit-form .location-feedback { grid-column: 1 / -1; }
  .split-layout { grid-template-columns: 1fr; }
  .sticky-card { position: static; }
  .tablet-shell { grid-template-columns: .9fr 1.1fr; }
  .tablet-copy { padding: 48px; }
  .tablet-copy h1 { font-size: 4.2rem; }
  .filter-bar { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .landing-shell { display: block; }
  .brand-panel { min-height: 74vh; }
  .brand-panel::after { position: absolute; }
  .hero-copy { padding: 70px 0 40px; }
  .portal-panel { min-height: 70vh; }
  .kiosk-login-shell { grid-template-columns: 1fr; }
  .kiosk-intro { min-height: 53vh; padding: 34px; }
  .kiosk-intro .brand-lockup, .kiosk-intro .eyebrow, .kiosk-intro p { margin: 0; }
  .kiosk-intro .eyebrow { margin-top: auto; }
  .kiosk-intro h1 { margin-top: 10px; font-size: 3rem; }
  .kiosk-intro p { margin-bottom: auto; }
  .kiosk-login-card { min-height: 47vh; padding: 34px; }
  .tablet-body { overflow: hidden; }
  .tablet-header { grid-template-columns: 1fr auto; }
  .tablet-location { display: none; }
  .tablet-shell { height: calc(100dvh - 84px); grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
  .tablet-copy { min-height: auto; align-items: center; padding: 14px 24px 8px; }
  .tablet-copy > .eyebrow, .tablet-copy h1, .tablet-copy > p, .tablet-clock { display: none; }
  .tablet-copy .mode-toggle { align-self: center; margin-top: 0; }
  .qr-panel { margin: 0 auto 18px; }
  .admin-sidebar { transform: translateX(-100%); box-shadow: 20px 0 60px rgba(0,0,0,.28); transition: transform .2s ease; }
  .admin-sidebar.is-open { transform: translateX(0); }
  .admin-main { margin-left: 0; padding: 22px 18px 60px; }
  .mobile-menu-button { display: block; }
  .admin-topbar { display: grid; grid-template-columns: auto 1fr auto; }
  .branch-summary-grid { grid-template-columns: 1fr; }
  .data-row { grid-template-columns: auto 1fr auto; }
  .data-row .location-pill { grid-column: 2; justify-self: start; }
  .row-actions { grid-column: 3; grid-row: 1 / span 2; }
  .form-section { grid-template-columns: 1fr; gap: 15px; }
  .absence-row { grid-template-columns: auto 1fr auto; }
  .absence-row .row-actions { grid-column: 2 / -1; grid-row: auto; justify-content: flex-start; }
  .access-user-row { grid-template-columns: auto 1fr auto; }
  .api-overview-grid { grid-template-columns: 1fr; }
  .location-edit-form { grid-template-columns: 1fr; }
  .location-card-head, .location-edit-form .form-actions, .location-edit-form .location-feedback { grid-column: auto; }
  .location-edit-form .form-actions { display: grid; width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .location-edit-form .form-actions .button { width: 100%; }
}

@media (max-width: 600px) {
  .two-col { grid-template-columns: 1fr; }
  .brand-panel, .portal-panel { padding: 26px; }
  .brand-panel { min-height: 680px; }
  .hero-copy h1 { font-size: 3.2rem; }
  .portal-card { grid-template-columns: auto 1fr; }
  .portal-card .arrow { display: none; }
  .auth-body { padding: 18px; }
  .employee-shell { width: min(100% - 24px, 780px); padding-top: 30px; }
  .welcome-row { align-items: start; }
  .employee-badge { padding: 9px 11px; }
  .employee-badge span { font-size: .77rem; }
  .employee-badge small { max-width: 100px; font-size: .68rem; }
  .scan-card { min-height: 470px; padding: 27px 23px; }
  .employee-event-selector { grid-template-columns: 1fr; }
  .employee-event-button { min-height: 70px; }
  .scan-symbol { top: auto; right: 28px; bottom: 26px; width: 82px; height: 82px; opacity: .55; }
  .scan-actions { align-items: stretch; flex-direction: column; }
  .scan-actions .text-button { align-self: flex-start; }
  .manual-form { grid-template-columns: 1fr; }
  .privacy-strip { grid-template-columns: 1fr; }
  .history-heading { align-items: flex-start; }
  .history-heading h2 { max-width: 230px; font-size: 1.5rem; }
  .history-range-links { grid-template-columns: 1fr 1fr; }
  .history-range-link { min-height: 43px; }
  .history-custom-form { grid-template-columns: 1fr; }
  .history-custom-form .button { width: 100%; }
  .history-result-summary { align-items: flex-start; flex-direction: column; }
  .timeline-item { gap: 12px; }
  .timeline-item > div small { max-width: 155px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .scanner-sheet { padding: 18px; }
  .long-shift-sheet { top: auto; bottom: 0; width: 100%; max-height: 92dvh; padding: 26px 22px max(24px, calc(18px + env(safe-area-inset-bottom))); overflow-y: auto; transform: translateX(-50%); border-radius: 30px 30px 0 0; animation: none; }
  .long-shift-actions { grid-template-columns: 1fr; }
  #qr-reader { min-height: 260px; }
  .tablet-header { height: 72px; padding: 0 18px; }
  .tablet-header .brand-wordmark { display: none; }
  .tablet-action span { display: none; }
  .tablet-shell { height: calc(100dvh - 72px); }
  .tablet-copy { padding: 10px 18px 6px; }
  .touchless-note { width: 100%; justify-content: center; margin-top: 0; }
  .mode-toggle { width: 100%; }
  .mode-button { min-width: 0; flex: 1; }
  .qr-panel { width: calc(100% - 24px); padding: 22px; }
  .qr-frame { min-height: 280px; }
  #qr-code img, #qr-code canvas { width: 250px !important; height: 250px !important; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid article { min-height: 135px; padding: 17px; }
  .stats-grid article > strong { margin: 12px 0 8px; font-size: 2rem; }
  .setup-callout { align-items: flex-start; flex-direction: column; }
  .location-create-card .section-heading { align-items: flex-start; flex-direction: column; }
  .location-create-note { text-align: left; }
  .location-create-form, .location-edit-form { grid-template-columns: 1fr; }
  .location-create-actions { align-items: stretch; flex-direction: column; }
  .location-card-head, .location-edit-form .form-actions, .location-edit-form .location-feedback { grid-column: auto; }
  .form-actions { align-items: stretch; flex-direction: column; }
  .location-edit-form .form-actions { grid-template-columns: 1fr; }
  .data-row { grid-template-columns: auto 1fr; }
  .row-actions { grid-column: 2; grid-row: auto; }
  .data-row .location-pill, .data-row .status-badge { grid-column: 2; justify-self: start; }
  .filter-bar { grid-template-columns: 1fr; }
  .toast-stack { width: calc(100% - 24px); top: auto; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
  .app-toast { padding: 14px; border-radius: 16px; }
  .app-popup-overlay { align-items: end; padding: 0; }
  .app-popup-sheet { width: 100%; padding: 13px 22px max(24px, calc(16px + env(safe-area-inset-bottom))); border-width: 1px 0 0; border-radius: 30px 30px 0 0; transform: translateY(105%); }
  .app-popup-overlay.is-open .app-popup-sheet { transform: translateY(0); }
  .app-popup-handle { display: block; width: 42px; height: 5px; margin: 0 auto 22px; border-radius: 99px; background: #dfd4d5; }
  .app-popup-icon { width: 62px; height: 62px; margin-bottom: 16px; border-radius: 21px; }
  .app-popup-copy h2 { font-size: 1.4rem; }
  .app-popup-actions { margin-top: 22px; }
  .absence-row { grid-template-columns: auto 1fr; align-items: start; }
  .absence-row .absence-state { grid-column: 2; justify-self: start; }
  .absence-row .row-actions { grid-column: 2; }
  .absence-main p { white-space: normal; }
  .assignment-notification-card { grid-template-columns: auto 1fr; }
  .assignment-notification-card .button { grid-column: 1 / -1; width: 100%; }
  .assignment-reminder-row { align-items: stretch; flex-direction: column; }
  .assignment-reminder-row .button { width: 100%; }
  .location-readonly-card dl { grid-template-columns: 1fr; }
  .access-user-row { grid-template-columns: auto 1fr; align-items: start; }
  .access-user-row .status-badge { grid-column: 2; justify-self: start; }
  .access-user-row .row-actions { grid-column: 2; }
  .access-user-main small { white-space: normal; }
  .api-intro { align-items: flex-start; flex-direction: column; }
  .api-secret-card { grid-template-columns: 1fr; padding: 20px; }
  .api-token-field { grid-template-columns: 1fr; }
  .api-auth-guide { grid-template-columns: 1fr; }
  .api-endpoint-list article { grid-template-columns: 1fr; }
  .api-endpoint-list article > button { justify-self: start; }
  .api-client-heading { align-items: flex-start; flex-direction: column; }
  .api-client-heading .status-badge { align-self: flex-start; }
  .api-client-form .two-col { grid-template-columns: 1fr; }
  .api-client-actions { align-items: stretch; flex-direction: column; }
  .api-client-actions form, .api-client-actions button { width: 100%; }
  .device-warning-card { padding: 30px 22px; }
  .admin-topbar > .button { display: none; }
  .table-footer { flex-direction: column; }
  .app-pagination { flex-wrap: wrap; justify-content: center; }
  .pagination-pages { width: 100%; order: -1; }
  .pagination-direction { flex: 1; }
  .install-shell { margin: 30px auto; }
  .install-heading .brand-lockup { margin-bottom: 30px; }
  .install-form > .button { width: 100%; }
}

/* SaaS owner, white-label and premium mobile experience */
.brand-logo-image { display: flex; max-width: 190px; height: 46px; align-items: center; }
.brand-logo-image img { width: auto; max-height: 46px; object-fit: contain; }
.app-popup-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; }

.owner-login-body { min-height: 100vh; background: var(--platform-light); }
.owner-login-shell { display: grid; min-height: 100vh; grid-template-columns: minmax(380px, 1.05fr) minmax(450px, .95fr); }
.owner-login-brand { display: flex; position: relative; flex-direction: column; justify-content: center; padding: clamp(42px, 8vw, 120px); overflow: hidden; background: var(--platform-light); background: linear-gradient(145deg, color-mix(in srgb, var(--theme-light) 86%, #fff) 0% 0%, var(--theme-accent) 46%, color-mix(in srgb, var(--theme-primary) 68%, var(--theme-dark)) 100%); color: var(--theme-dark); }
.owner-login-brand::after { content: ""; position: absolute; width: 420px; height: 420px; right: -210px; bottom: -210px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.015); }
.owner-logo-mark { display: grid; width: 64px; height: 64px; margin-bottom: 16px; place-items: center; border-radius: 20px; background: var(--theme-primary); color: var(--theme-on-primary); font-family: "Ekip Bauhaus", sans-serif; font-size: 2.7rem; box-shadow: 0 18px 46px color-mix(in srgb, var(--theme-primary) 32%, transparent); }
.owner-login-logo { align-self: flex-start; padding: 10px 14px; border: 1px solid rgba(255,255,255,.28); border-radius: 18px; background: color-mix(in srgb, var(--theme-dark) 78%, transparent); color: var(--theme-on-dark); backdrop-filter: blur(16px); }
.owner-login-logo .platform-logo-image img { max-width: 290px; max-height: 72px; }
.owner-login-brand > strong { font-size: 1.25rem; }
.owner-login-brand > small { margin-top: 5px; color: rgba(255,255,255,.5); font-size: .72rem; }
.owner-login-brand h1 { max-width: 670px; margin: 70px 0 20px; font-size: clamp(2.7rem, 5.5vw, 6rem); line-height: .96; }
.owner-login-brand p { max-width: 580px; margin: 0; color: color-mix(in srgb, var(--theme-dark) 76%, transparent); font-size: 1rem; line-height: 1.75; }
.owner-login-card { display: flex; flex-direction: column; justify-content: center; padding: clamp(38px, 7vw, 100px); background: var(--platform-light); }
.owner-login-card h2 { margin-bottom: 9px; font-size: 2.5rem; }
.owner-login-card > p { margin-bottom: 30px; color: var(--muted); }
.owner-login-card form { max-width: 480px; }
.owner-login-card > .back-link { margin-top: 24px; }

.owner-body { background: var(--platform-light); }
.owner-sidebar { display: flex; position: fixed; z-index: 40; width: 270px; inset: 0 auto 0 0; flex-direction: column; padding: 26px 18px; background: var(--platform-dark); color: #fff; box-shadow: 18px 0 55px rgba(28,9,11,.12); }
.owner-brand { display: flex; align-items: center; gap: 12px; padding: 4px 8px 26px; color: #fff; }
.owner-brand > .brand-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 15px; background: var(--red); font-family: "Ekip Bauhaus", sans-serif; font-size: 1.9rem; }
.owner-brand .platform-logo-image { width: 100%; }
.owner-brand .platform-logo-image img { max-width: 210px; max-height: 54px; }
.owner-brand strong, .owner-brand small { display: block; }
.owner-brand strong { font-size: 1rem; }
.owner-brand small { margin-top: 3px; color: rgba(255,255,255,.5); font-size: .7rem; }
.owner-sidebar nav { display: grid; gap: 6px; }
.owner-sidebar nav a { display: flex; min-height: 50px; align-items: center; gap: 11px; padding: 0 13px; border-radius: 14px; color: rgba(255,255,255,.67); font-size: .83rem; font-weight: 750; }
.owner-sidebar nav a span { display: grid; width: 28px; place-items: center; font-size: 1.05rem; }
.owner-sidebar nav a.active, .owner-sidebar nav a:hover { background: rgba(255,255,255,.09); color: #fff; }
.owner-profile { display: grid; margin-top: auto; gap: 14px; padding: 18px 10px 4px; border-top: 1px solid rgba(255,255,255,.1); }
.owner-profile strong, .owner-profile small { display: block; }
.owner-profile strong { font-size: .78rem; }
.owner-profile small { margin-top: 4px; color: rgba(255,255,255,.47); font-size: .66rem; }
.owner-profile button { padding: 0; background: transparent; color: #ff9ea2; cursor: pointer; font-size: .72rem; font-weight: 800; }
.owner-main { min-height: 100vh; margin-left: 270px; padding: 34px clamp(24px, 4vw, 62px) 80px; }
.owner-topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.owner-topbar h1 { margin: 0; font-size: clamp(2rem, 4vw, 3.2rem); }
.owner-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; }
.owner-stat-grid article { display: grid; min-height: 145px; align-content: space-between; padding: 22px; border: 1px solid #e0e6e3; border-radius: 20px; background: #fff; box-shadow: 0 12px 35px rgba(27,48,40,.045); }
.owner-stat-grid span, .owner-stat-grid small { color: var(--muted); font-size: .72rem; }
.owner-stat-grid strong { font-size: 2.35rem; letter-spacing: -.07em; }
.owner-create-card { margin-bottom: 30px; padding: clamp(22px, 3vw, 34px); border-radius: 24px; background: linear-gradient(145deg, #fff 0%, #fffafa 100%); box-shadow: 0 18px 52px rgba(70,0,4,.08); }
.owner-create-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.owner-create-form fieldset, .settings-brand-card fieldset { display: grid; min-width: 0; align-content: start; gap: 13px; margin: 0; padding: 18px; border: 1px solid var(--line); border-radius: 17px; }
.owner-create-form legend, .settings-brand-card legend { padding: 0 7px; color: var(--red); font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.owner-customer-list { display: grid; gap: 14px; }
.owner-tenant-card { padding: 22px; border: 1px solid #e0e5e2; border-radius: 20px; background: #fff; }
.owner-tenant-card.is-expired { border-color: #ecc9cb; }
.owner-tenant-card > header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; }
.owner-tenant-monogram { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; background: #241e1f; color: #fff; font-size: 1.15rem; font-weight: 900; }
.owner-tenant-card header strong, .owner-tenant-card header small { display: block; }
.owner-tenant-card header small { margin-top: 4px; color: var(--muted); font-size: .7rem; }
.owner-usage-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 18px 0; }
.owner-usage-grid span { padding: 12px; border-radius: 12px; background: #f4f7f5; color: var(--muted); font-size: .68rem; }
.owner-usage-grid b { display: block; margin-bottom: 4px; color: var(--ink); font-size: .8rem; }
.owner-license-warning { margin: 14px 0; padding: 13px 15px; border-radius: 13px; background: var(--red-soft); color: #8b3036; }
.owner-license-warning strong { font-size: .75rem; }
.owner-license-warning p { margin: 4px 0 0; font-size: .7rem; line-height: 1.5; }
.owner-tenant-card details { border-top: 1px solid var(--line); }
.owner-tenant-card summary { padding: 15px 0 0; cursor: pointer; color: var(--red); font-size: .74rem; font-weight: 850; }
.owner-tenant-edit { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; }
.owner-tenant-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.owner-tenant-actions form { display: flex; align-items: center; gap: 8px; }
.owner-tenant-actions input { width: 140px; }
.owner-payment-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.owner-payment-layout #netgsm-settings { grid-column: 1 / -1; }

.platform-brand-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr); align-items: start; gap: 20px; }
.platform-brand-settings > h2 { margin-bottom: 10px; font-size: 1.65rem; }
.platform-brand-settings > .muted { max-width: 760px; margin-bottom: 25px; line-height: 1.65; }
.platform-color-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.platform-color-control { display: grid; grid-template-columns: 52px 1fr; gap: 8px; }
.platform-color-control input[type="color"] { width: 52px; min-height: 48px; padding: 5px; border-radius: 13px; cursor: pointer; }
.platform-color-control input[type="color"]::-webkit-color-swatch { border: 0; border-radius: 8px; }
.platform-color-control input[type="color"]::-moz-color-swatch { border: 0; border-radius: 8px; }
.platform-color-control input[type="text"] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; text-transform: lowercase; }
.platform-logo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.platform-logo-upload { display: grid; align-content: start; gap: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.platform-logo-preview { display: grid; min-height: 116px; place-items: center; padding: 20px; border-radius: 16px; overflow: hidden; }
.platform-logo-preview.is-dark { background: var(--platform-dark); color: #fff; }
.platform-logo-preview.is-light { border: 1px solid var(--line); background: var(--platform-light); color: var(--platform-dark); }
.platform-logo-preview .platform-logo-image img { max-width: 220px; max-height: 64px; }
.platform-logo-upload > div > strong { display: block; margin-bottom: 5px; font-size: .92rem; }
.platform-logo-upload > div > p { margin: 0; color: var(--muted); font-size: .77rem; line-height: 1.55; }
.platform-logo-upload input[type="file"] { padding: 10px; font-size: .72rem; }
.platform-logo-upload .check-row { align-items: flex-start; font-size: .73rem; line-height: 1.45; }
.platform-brand-live-preview { --preview-primary: var(--theme-primary); --preview-accent: var(--theme-accent); --preview-dark: var(--theme-dark); --preview-light: var(--theme-light); position: sticky; top: 26px; padding: 20px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--shadow); }
.platform-preview-window { overflow: hidden; border: 1px solid rgba(0,0,0,.08); border-radius: 20px; box-shadow: 0 18px 50px rgba(28,9,11,.12); }
.platform-preview-hero { display: grid; min-height: 230px; align-content: space-between; gap: 12px; padding: 22px; background: linear-gradient(145deg, color-mix(in srgb, var(--preview-light) 86%, #fff) 0% 0%, var(--preview-accent) 46%, color-mix(in srgb, var(--preview-primary) 68%, var(--preview-dark)) 100%); color: var(--preview-dark); }
.platform-preview-hero .brand-lockup { justify-self: start; }
.platform-preview-hero .platform-logo-image img { max-width: 190px; max-height: 52px; }
.platform-preview-hero > strong { align-self: end; max-width: 250px; font-size: 1.6rem; line-height: 1; }
.platform-preview-hero > span { color: color-mix(in srgb, var(--preview-dark) 72%, transparent); font-size: .72rem; line-height: 1.5; }
.platform-preview-surface { display: grid; gap: 10px; padding: 22px; background: var(--preview-light); color: var(--preview-dark); }
.platform-preview-surface .platform-logo-image img { max-width: 170px; max-height: 46px; }
.platform-preview-surface > span { display: block; height: 9px; border-radius: 20px; background: color-mix(in srgb, var(--preview-dark) 12%, transparent); }
.platform-preview-surface > span:nth-of-type(2) { width: 72%; }
.platform-preview-surface > button { min-height: 40px; margin-top: 5px; border-radius: 12px; background: var(--preview-primary); color: #fff; font-size: .76rem; font-weight: 800; }
.platform-brand-live-preview > p { margin: 16px 2px 0; color: var(--muted); font-size: .74rem; line-height: 1.55; }

.license-lock-body, .payment-body { display: grid; min-height: 100vh; place-items: center; padding: 28px; background: radial-gradient(circle at top, #fff 0, #f7f1f1 42%, #efe8e8 100%); }
.license-lock-shell, .payment-shell { width: min(680px, 100%); padding: clamp(28px, 5vw, 52px); border: 1px solid var(--line); border-radius: 30px; background: rgba(255,255,255,.96); box-shadow: 0 30px 90px rgba(76,15,19,.14); text-align: center; }
.license-lock-shell .brand-lockup { margin-bottom: 38px; }
.license-lock-icon { display: grid; width: 78px; height: 78px; margin: 0 auto 24px; place-items: center; border-radius: 25px; background: var(--red-soft); color: var(--red); font-size: 2rem; font-weight: 950; }
.license-lock-shell h1, .payment-shell h1 { margin-bottom: 13px; font-size: clamp(2rem, 6vw, 3.5rem); }
.license-lock-shell > p, .payment-shell header > p { color: var(--muted); line-height: 1.65; }
.license-retention-note { display: grid; gap: 6px; margin: 24px 0; padding: 18px; border-radius: 16px; background: #fff5e1; color: #755116; text-align: left; }
.license-retention-note span { font-size: .78rem; line-height: 1.6; }
.license-lock-shell form { margin-top: 12px; }
.payment-shell { width: min(860px, 100%); }
.payment-shell .brand-lockup { margin: 24px auto; }
.paytr-frame-card { margin-top: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; }
.paytr-frame-card iframe { width: 100%; min-height: 690px; }
.payment-shell footer { margin-top: 18px; color: var(--muted); font-size: .72rem; }

.request-page-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.request-page-head h2 { margin-bottom: 8px; font-size: clamp(2rem, 4vw, 3.1rem); }
.request-page-head p { margin: 0; color: var(--muted); }
.request-tabs { display: flex; gap: 7px; padding: 5px; border-radius: 15px; background: #e9efec; }
.request-tabs a { padding: 11px 15px; border-radius: 11px; color: var(--muted); font-size: .75rem; font-weight: 850; }
.request-tabs a.is-active { background: #fff; color: var(--red); box-shadow: 0 5px 15px rgba(37,23,25,.08); }
.request-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.request-review-card { padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 8px 26px rgba(60,20,23,.04); }
.request-review-card > header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; }
.request-review-card header strong, .request-review-card header small { display: block; }
.request-review-card header small { margin-top: 3px; color: var(--muted); font-size: .68rem; }
.request-status { display: inline-flex; width: fit-content; padding: 6px 9px; border-radius: 999px; background: #fff0d7; color: #8a5d12; font-size: .65rem; font-weight: 850; }
.status-approved, .request-review-card.status-approved .request-status { background: var(--mint); color: var(--green); }
.status-rejected, .request-review-card.status-rejected .request-status { background: var(--red-soft); color: var(--red); }
.status-partial { background: #e8f2ff; color: #2d6092; }
.request-review-card dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 18px 0; }
.request-review-card dl div { padding: 10px; border-radius: 11px; background: #f5f7f6; }
.request-review-card dt { color: var(--muted); font-size: .62rem; }
.request-review-card dd { margin: 4px 0 0; font-size: .73rem; font-weight: 800; }
.request-review-card > p { color: var(--muted); font-size: .78rem; line-height: 1.6; }
.request-amount { margin: 20px 0 9px; font-size: 2rem; font-weight: 900; letter-spacing: -.06em; }
.request-note { margin: 12px 0; padding: 12px; border-radius: 12px; background: #f3f6f4; color: #5d6865; font-size: .72rem; line-height: 1.55; }
.request-note b { display: block; margin-bottom: 4px; color: var(--ink); }
.request-decision-form { display: grid; gap: 12px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.settings-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.settings-brand-card fieldset { margin-top: 4px; }
.department-account-list { display: grid; gap: 9px; margin: 20px 0; }
.department-account-list article { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; padding: 12px; border-radius: 13px; background: #f5f7f6; }
.department-account-list article > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: var(--red); color: #fff; font-size: .68rem; font-weight: 900; }
.department-account-list strong, .department-account-list small { display: block; }
.department-account-list small { margin-top: 3px; color: var(--muted); font-size: .63rem; }

.employee-shell { padding-bottom: 126px; }
.mobile-header { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; }
.mobile-header .brand-lockup { justify-self: center; }
.mobile-menu-trigger, .employee-bell { display: grid; position: relative; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: var(--ink); }
.mobile-menu-trigger svg, .employee-bell svg, .employee-back-button svg, .employee-drawer svg, .employee-bottom-nav svg, .screen-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.employee-bell span { display: grid; position: absolute; min-width: 18px; height: 18px; top: -5px; right: -5px; place-items: center; padding: 0 4px; border: 2px solid #fff; border-radius: 999px; background: var(--red); color: #fff; font-size: .58rem; font-weight: 900; }
.employee-drawer-overlay { position: fixed; z-index: 80; inset: 0; background: rgba(26,16,18,.5); backdrop-filter: blur(5px); }
.employee-drawer { display: flex; position: fixed; z-index: 90; width: min(350px, 88vw); inset: 0 auto 0 0; flex-direction: column; padding: max(22px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom)); border-radius: 0 32px 32px 0; background: var(--theme-surface); box-shadow: 25px 0 70px color-mix(in srgb, var(--theme-dark) 28%, transparent); transform: translateX(-105%); transition: transform .28s cubic-bezier(.2,.8,.2,1); }
.employee-drawer.is-open { transform: translateX(0); }
.employee-drawer > header { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 18px; }
.employee-drawer-profile { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; padding: 16px; border-radius: 20px; background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-strong) 58%, var(--theme-dark)); color: var(--theme-on-dark); }
.employee-drawer-profile > span { display: grid; width: 47px; height: 47px; place-items: center; border-radius: 15px; background: rgba(255,255,255,.18); font-weight: 900; }
.employee-drawer-profile strong, .employee-drawer-profile small { display: block; }
.employee-drawer-profile small { margin-top: 3px; color: rgba(255,255,255,.7); font-size: .7rem; }
.employee-drawer nav { display: grid; gap: 5px; margin: 20px 0; }
.employee-drawer nav a, .employee-drawer-logout { display: flex; min-height: 50px; align-items: center; gap: 13px; padding: 0 14px; border-radius: 14px; color: #514649; font-size: .82rem; font-weight: 800; }
.employee-drawer nav a:hover { background: var(--red-soft); color: var(--red); }
.employee-drawer nav a b { display: grid; min-width: 20px; height: 20px; margin-left: auto; place-items: center; border-radius: 999px; background: var(--red); color: #fff; font-size: .6rem; }
.employee-drawer form { margin-top: auto; }
.employee-drawer-logout { width: 100%; background: #f6f2f2; color: var(--red); cursor: pointer; }
.employee-back-button { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 9px 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--muted); cursor: pointer; font-size: .75rem; font-weight: 800; }
.employee-screen-head { margin-bottom: 24px; padding: 22px; overflow: hidden; border-radius: 28px; background: linear-gradient(145deg, color-mix(in srgb, var(--theme-primary) 88%, var(--theme-accent)), var(--theme-primary-strong) 54%, var(--theme-dark)); color: var(--theme-on-dark); box-shadow: 0 18px 45px color-mix(in srgb, var(--theme-dark) 28%, transparent); }
.employee-screen-head .screen-icon { display: grid; width: 50px; height: 50px; margin-bottom: 20px; place-items: center; border-radius: 16px; background: rgba(255,255,255,.15); }
.employee-screen-head .eyebrow { color: rgba(255,255,255,.7); }
.employee-screen-head h1 { margin-bottom: 9px; font-size: clamp(2rem, 7vw, 3rem); }
.employee-screen-head p { max-width: 580px; margin: 0; color: rgba(255,255,255,.74); line-height: 1.6; }
.employee-request-layout { display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 18px; }
.mobile-form-card, .employee-request-history { padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 8px 28px rgba(70,0,4,.045); }
.mobile-form-card h2 { margin-bottom: 20px; }
.money-input { display: grid; grid-template-columns: 52px 1fr; overflow: hidden; border: 1px solid #d7e1de; border-radius: 14px; }
.money-input:focus-within { border-color: var(--red); box-shadow: 0 0 0 4px color-mix(in srgb, var(--theme-primary) 12%, transparent); }
.money-input span { display: grid; place-items: center; background: var(--red-soft); color: var(--red); font-size: 1.15rem; font-weight: 900; }
.money-input input { border: 0; border-radius: 0; box-shadow: none !important; }
.leave-day-preview { padding: 12px 14px; border-radius: 12px; background: #f2f6f4; color: #597068; font-size: .72rem; font-weight: 750; }
.employee-date-filter { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 9px; margin-bottom: 15px; }
.mobile-list, .notification-mobile-list { display: grid; gap: 11px; }
.mobile-request-item, .notification-mobile-item { padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.mobile-request-item > header { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.mobile-request-item header time, .mobile-request-item header small { color: var(--muted); font-size: .65rem; }
.mobile-request-item > strong { display: block; margin-bottom: 6px; font-size: 1.16rem; }
.mobile-request-item > small { display: block; margin-bottom: 8px; color: var(--green); }
.mobile-request-item > p, .mobile-request-item blockquote { margin: 8px 0 0; color: var(--muted); font-size: .76rem; line-height: 1.6; }
.mobile-request-item blockquote { padding: 12px; border-left: 3px solid var(--red); border-radius: 0 10px 10px 0; background: var(--red-soft); }
.approval-mobile-list { max-width: 760px; margin: 0 auto; }
.supervisor-decision-form { margin-top: 17px; padding-top: 17px; border-top: 1px solid var(--line); }
.notification-mobile-item { display: grid; grid-template-columns: auto 1fr; gap: 12px; }
.notification-mobile-item > span { width: 9px; height: 9px; margin-top: 6px; border-radius: 50%; background: #c9d1ce; }
.notification-mobile-item.is-unread > span { background: var(--red); box-shadow: 0 0 0 5px var(--red-soft); }
.notification-mobile-item strong, .notification-mobile-item time { display: block; }
.notification-mobile-item p { margin: 5px 0; color: var(--muted); font-size: .75rem; line-height: 1.5; }
.notification-mobile-item time { color: #9a8d8f; font-size: .64rem; }
.employee-bottom-nav { display: grid; position: fixed; z-index: 60; min-height: 78px; right: max(12px, env(safe-area-inset-right)); bottom: max(10px, env(safe-area-inset-bottom)); left: max(12px, env(safe-area-inset-left)); grid-auto-flow: column; grid-auto-columns: 1fr; align-items: end; padding: 9px 10px; border: 1px solid color-mix(in srgb, var(--theme-border) 76%, transparent); border-radius: 25px; background: color-mix(in srgb, var(--theme-surface) 92%, transparent); box-shadow: 0 20px 60px color-mix(in srgb, var(--theme-dark) 22%, transparent); backdrop-filter: blur(24px) saturate(160%); }
.employee-bottom-nav a { display: grid; min-width: 0; justify-items: center; gap: 5px; color: #8a7d7f; font-size: .59rem; font-weight: 800; }
.employee-bottom-nav a > svg { width: 22px; height: 22px; }
.employee-bottom-nav a.is-active { color: var(--red); }
.employee-bottom-nav .employee-nav-scan { align-self: start; margin-top: -28px; }
.employee-nav-scan i { display: grid; width: 58px; height: 58px; place-items: center; border: 5px solid var(--theme-surface); border-radius: 20px; background: linear-gradient(145deg, var(--theme-primary), var(--theme-primary-strong)); color: var(--theme-on-primary); box-shadow: 0 12px 28px color-mix(in srgb, var(--theme-primary) 38%, transparent); }
.employee-nav-scan i svg { width: 27px; height: 27px; }

.tablet-body { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; overscroll-behavior: none; touch-action: none; }
.tablet-screen-lock { display: grid; position: fixed; z-index: 2500; inset: 0; place-items: center; padding: 24px; background: rgba(22,13,15,.82); backdrop-filter: blur(24px); }
.tablet-screen-lock-card { width: min(470px, 100%); padding: clamp(26px, 5vw, 42px); border: 1px solid rgba(255,255,255,.4); border-radius: 30px; background: #fff; text-align: center; box-shadow: 0 35px 100px rgba(0,0,0,.42); user-select: none; }
.tablet-lock-shield { display: grid; width: 68px; height: 68px; margin: 0 auto 22px; place-items: center; border-radius: 22px; background: var(--red-soft); color: var(--red); font-size: 1.35rem; }
.tablet-screen-lock-card h2 { margin-bottom: 10px; font-size: 1.8rem; }
.tablet-screen-lock-card > p { margin-bottom: 22px; color: var(--muted); line-height: 1.6; }
.tablet-lock-footnote { display: block; margin-top: 16px; color: #988b8d; font-size: .66rem; }
.tablet-lock-error { margin: 0; }
.tablet-lock-error.is-info { border-color: #b9ddca; background: var(--mint); color: var(--green); }
.pattern-surface { display: grid; position: relative; width: min(300px, 82vw); aspect-ratio: 1; margin: 0 auto; grid-template-columns: repeat(3,1fr); gap: 17px; padding: 17px; border: 1px solid var(--theme-border); border-radius: 28px; background: color-mix(in srgb,var(--theme-primary-soft) 34%,var(--theme-surface)); touch-action: none; }
.pattern-surface svg { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.pattern-surface polyline { fill: none; stroke: var(--theme-primary); stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; opacity: .72; filter: drop-shadow(0 4px 7px color-mix(in srgb,var(--theme-primary) 28%,transparent)); }
.pattern-surface button { display: grid; position: relative; z-index: 2; aspect-ratio: 1; place-items: center; border: 1px solid color-mix(in srgb,var(--theme-border) 80%,transparent); border-radius: 50%; background: var(--theme-surface); color: var(--theme-muted); cursor: crosshair; box-shadow: 0 7px 18px color-mix(in srgb,var(--theme-dark) 8%,transparent); }
.pattern-surface button span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; background: color-mix(in srgb,var(--theme-primary-soft) 60%,var(--theme-surface)); font-size: .74rem; font-weight: 900; transition: transform .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease; }
.pattern-surface button.is-selected span { background: var(--theme-primary); color: var(--theme-on-primary); box-shadow: 0 0 0 8px color-mix(in srgb,var(--theme-primary) 15%,transparent); transform: scale(1.08); }
.pattern-surface.is-drawing { cursor: crosshair; }
.pattern-surface.is-complete { border-color: color-mix(in srgb,var(--green) 38%,var(--theme-border)); }
.pattern-surface.is-invalid { border-color: #d45b63; animation: pattern-shake .28s ease; }
@keyframes pattern-shake { 33% { transform: translateX(-5px); } 66% { transform: translateX(5px); } }
.tablet-pattern { width: min(280px, 82vw); }
.tablet-pattern-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tablet-pattern-actions small { color: var(--muted); font-size: .68rem; }
.kiosk-pattern-creator { display: grid; gap: 20px; padding: 18px; border: 1px solid var(--theme-border); border-radius: 20px; background: color-mix(in srgb,var(--theme-primary-soft) 26%,var(--theme-surface)); }
.pattern-create-step { display: grid; gap: 8px; }
.pattern-create-step > strong { font-size: .82rem; }.pattern-create-step > small { color: var(--theme-muted); font-size: .68rem; line-height: 1.5; }
.pattern-surface-admin { width: min(260px,100%); margin-top: 8px; }
.pattern-match-status { padding: 11px 12px; border-radius: 12px; background: color-mix(in srgb,var(--theme-border) 45%,var(--theme-surface)); color: var(--theme-muted); font-size: .68rem; font-weight: 750; line-height: 1.45; }
.pattern-match-status.is-matched { background: var(--mint); color: var(--green); }.pattern-match-status.is-mismatch { background: #fff0f1; color: #a82e38; }

@media (max-width: 1180px) {
  .owner-create-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .owner-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .request-card-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .owner-login-shell { grid-template-columns: 1fr; }
  .owner-login-brand { min-height: 44vh; padding: 38px 28px; }
  .owner-login-brand h1 { margin: 38px 0 15px; font-size: 3rem; }
  .owner-login-card { min-height: 56vh; padding: 38px 28px; }
  .owner-sidebar { position: static; width: auto; height: auto; padding: 15px 18px; flex-direction: row; align-items: center; }
  .owner-brand { padding: 0; }
  .owner-brand small, .owner-sidebar nav a span, .owner-profile div { display: none; }
  .owner-sidebar nav { margin-left: auto; grid-auto-flow: column; }
  .owner-sidebar nav a { min-height: 42px; padding: 0 10px; }
  .owner-profile { margin: 0 0 0 6px; padding: 0; border: 0; }
  .owner-main { margin-left: 0; padding: 24px 18px 60px; }
  .owner-payment-layout, .settings-grid, .platform-brand-layout { grid-template-columns: 1fr; }
  .owner-payment-layout #netgsm-settings { grid-column: auto; }
  .platform-brand-live-preview { position: static; }
  .employee-request-layout { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .owner-login-brand { min-height: 40vh; }
  .owner-login-brand h1 { margin: 28px 0 12px; font-size: 2.35rem; }
  .owner-login-brand p { font-size: .82rem; }
  .owner-login-card { min-height: 60vh; padding: 32px 22px; border-radius: 28px 28px 0 0; }
  .owner-login-card h2 { font-size: 2rem; }
  .mobile-header { height: 68px; padding: 0 13px; }
  .mobile-header .brand-wordmark small { display: none; }
  .mobile-header .brand-icon { width: 38px; height: 38px; border-radius: 12px; font-size: 1.55rem; }
  .brand-logo-image { max-width: 135px; height: 38px; }
  .brand-logo-image img { max-height: 38px; }
  .employee-shell { width: min(100% - 24px, 780px); padding: 22px 0 126px; }
  .employee-screen-head { padding: 20px; border-radius: 22px; }
  .employee-screen-head h1 { font-size: 2rem; }
  .employee-screen-head p { font-size: .8rem; }
  .mobile-form-card, .employee-request-history { padding: 17px; border-radius: 19px; }
  .employee-date-filter { grid-template-columns: 1fr 1fr; }
  .employee-date-filter .button { grid-column: 1 / -1; }
  .employee-bottom-nav { min-height: 74px; right: 8px; bottom: max(7px, env(safe-area-inset-bottom)); left: 8px; padding-inline: 6px; border-radius: 22px; }
  .employee-bottom-nav a span { max-width: 54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .employee-bottom-nav .employee-nav-scan { margin-top: -25px; }
  .employee-nav-scan i { width: 54px; height: 54px; border-radius: 18px; }
  .owner-sidebar { overflow-x: auto; scrollbar-width: none; }
  .owner-sidebar::-webkit-scrollbar { display: none; }
  .owner-brand > .brand-icon { width: 38px; height: 38px; }
  .owner-brand .platform-logo-image { width: auto; }
  .owner-brand .platform-logo-image img { max-width: 70px; max-height: 38px; }
  .owner-brand strong { display: none; }
  .owner-sidebar nav a { font-size: .68rem; white-space: nowrap; }
  .owner-topbar { align-items: flex-start; flex-direction: column; }
  .owner-topbar .button { display: none; }
  .owner-stat-grid, .owner-create-form, .owner-tenant-edit { grid-template-columns: 1fr; }
  .platform-color-grid, .platform-logo-grid { grid-template-columns: 1fr; }
  .owner-stat-grid article { min-height: 120px; }
  .owner-tenant-card > header { grid-template-columns: auto 1fr; }
  .owner-tenant-card > header .status-badge { grid-column: 2; justify-self: start; }
  .owner-usage-grid { grid-template-columns: 1fr 1fr; }
  .owner-tenant-actions, .owner-tenant-actions form { align-items: stretch; flex-direction: column; }
  .owner-tenant-actions input { width: 100%; }
  .request-page-head { align-items: stretch; flex-direction: column; }
  .request-tabs { display: grid; grid-template-columns: 1fr 1fr; text-align: center; }
  .request-review-card { padding: 17px; }
  .request-review-card > header { grid-template-columns: auto 1fr; }
  .request-review-card > header .request-status { grid-column: 2; }
  .request-review-card dl { grid-template-columns: 1fr; }
  .license-lock-body, .payment-body { align-items: end; padding: 0; }
  .license-lock-shell, .payment-shell { border-width: 1px 0 0; border-radius: 30px 30px 0 0; }
  .paytr-frame-card iframe { min-height: 620px; }
  .tablet-screen-lock { align-items: end; padding: 0; }
  .tablet-screen-lock-card { padding: 28px 22px max(26px, calc(18px + env(safe-area-inset-bottom))); border-width: 1px 0 0; border-radius: 30px 30px 0 0; }
  .tablet-pattern { width: min(235px, 76vw); gap: 15px; }
}

/* 4.1 theme engine and webview experience */
.button { overflow: hidden; flex-shrink: 0; text-overflow: ellipsis; }
.admin-sidebar > .brand-lockup { min-width: 0; max-width: 100%; padding-right: 8px; }
.admin-sidebar .brand-wordmark { max-width: 164px; }
.stats-grid article,
.content-card,
.auth-card,
.portal-card,
.mobile-form-card,
.employee-request-history,
.mobile-request-item,
.notification-mobile-item,
.request-review-card { border-color: var(--theme-border); background: var(--theme-surface); box-shadow: 0 12px 34px color-mix(in srgb, var(--theme-dark) 7%, transparent); }
.icon-button,
.mobile-menu-trigger,
.employee-bell,
.employee-back-button { border-color: var(--theme-border); background: color-mix(in srgb, var(--theme-surface) 92%, transparent); }
.employee-menu-open,
.admin-menu-open { height: 100dvh; overflow: hidden !important; overscroll-behavior: none; }
.employee-menu-open .employee-shell,
.employee-menu-open .mobile-header,
.employee-menu-open .employee-bottom-nav,
.admin-menu-open .admin-main { touch-action: none; }
.employee-drawer-overlay { background: color-mix(in srgb, var(--theme-dark) 56%, transparent); }
.employee-drawer nav a.is-active,
.employee-drawer nav a:hover { background: var(--theme-primary-soft); color: var(--theme-primary-strong); }
.employee-screen-head { position: relative; isolation: isolate; }
.employee-screen-head::after { content: ""; position: absolute; z-index: -1; width: 190px; height: 190px; right: -55px; bottom: -120px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,255,255,.04), 0 0 0 76px rgba(255,255,255,.025); }
.employee-bottom-nav a { position: relative; min-height: 52px; align-content: center; padding: 5px 4px; border-radius: 16px; transition: color .18s ease, background .18s ease, transform .18s ease; }
.employee-bottom-nav a:not(.employee-nav-scan).is-active { background: var(--theme-primary-soft); color: var(--theme-primary-strong); }
.employee-bottom-nav a:active { transform: scale(.95); }
.history-range-links { border-color: var(--theme-border); background: color-mix(in srgb, var(--theme-primary-soft) 58%, var(--theme-surface)); }
.history-range-link { color: var(--theme-muted); }
.history-range-link.is-active { background: var(--theme-surface); color: var(--theme-primary-strong); box-shadow: 0 7px 18px color-mix(in srgb, var(--theme-dark) 10%, transparent); }
.history-custom-form { border-color: var(--theme-border); background: color-mix(in srgb, var(--theme-primary-soft) 52%, var(--theme-surface)); }
.setup-callout { background: linear-gradient(135deg, var(--theme-dark), var(--theme-primary-strong)); }
.tenant-color-control { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; }
.tenant-color-control input[type="color"] { height: 50px; min-height: 50px; padding: 5px; cursor: pointer; }
.tenant-color-control input[type="text"] { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 800; letter-spacing: .04em; text-transform: lowercase; }
.tenant-theme-preview { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 12px; margin-top: 10px; padding: 13px; color: var(--tenant-preview-text, var(--ink)); border: 1px solid var(--theme-border); border-radius: 16px; background: var(--theme-primary-soft); }
.tenant-theme-preview > i { display: block; width: 52px; height: 52px; border: 6px solid var(--theme-surface); border-radius: 17px; background: var(--tenant-preview, var(--theme-primary)); box-shadow: 0 8px 22px color-mix(in srgb, var(--theme-primary) 24%, transparent); }
.tenant-theme-preview strong,
.tenant-theme-preview small { display: block; }
.tenant-theme-preview small { margin-top: 3px; color: var(--theme-muted); font-size: .69rem; font-weight: 600; }

@media (display-mode: standalone) {
  .product-vitrine[data-pwa-sales-page="true"] { visibility: hidden; }
}
.platform-preview-hero .brand-lockup { width: fit-content; padding: 8px 10px; border-radius: 14px; background: color-mix(in srgb, var(--preview-dark) 76%, transparent); color: #fff; backdrop-filter: blur(12px); }
.owner-body { background: var(--theme-light); background-image: radial-gradient(circle at 90% -10%, color-mix(in srgb, var(--theme-accent) 34%, transparent), transparent 34%), linear-gradient(180deg, var(--theme-light), color-mix(in srgb, var(--theme-primary-soft) 28%, var(--theme-light))); }
.owner-stat-grid article,
.owner-create-card,
.owner-tenant-card { border-color: var(--theme-border); background: var(--theme-surface); box-shadow: 0 12px 35px color-mix(in srgb, var(--theme-dark) 7%, transparent); }
.owner-sidebar { background: linear-gradient(180deg, var(--theme-primary-strong), var(--theme-dark)); box-shadow: 18px 0 55px color-mix(in srgb, var(--theme-dark) 18%, transparent); }

@media (max-width: 820px) {
  .admin-sidebar { width: min(318px, 88vw); padding-top: 78px; border-radius: 0 30px 30px 0; }
  .admin-sidebar-close { display: grid; }
  .admin-sidebar-overlay:not([hidden]) { display: block; }
  .admin-sidebar > .brand-lockup { position: absolute; top: 20px; left: 18px; max-width: calc(100% - 86px); padding: 0; }
  .admin-sidebar .brand-wordmark { max-width: 125px; }
  .admin-main { transition: none; }
}

@media (max-width: 600px) {
  .employee-body { background-attachment: fixed; }
  .mobile-header { height: calc(68px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); border-bottom: 0; box-shadow: 0 10px 38px color-mix(in srgb, var(--theme-dark) 9%, transparent); }
  .employee-shell { width: min(100% - 20px, 780px); padding-top: 18px; }
  .welcome-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; margin-bottom: 18px; padding: 4px 4px 0; }
  .welcome-row .eyebrow { margin-bottom: 5px; }
  .welcome-row h1 { max-width: 100%; overflow: hidden; font-size: clamp(1.65rem, 8vw, 2.25rem); text-overflow: ellipsis; white-space: nowrap; }
  .employee-badge { max-width: 132px; border-radius: 17px; text-align: left; }
  .scan-card { min-height: 510px; padding: 25px 20px 24px; border-radius: 30px; }
  .scan-card h2 { max-width: 270px; font-size: 2.05rem; line-height: 1.02; }
  .scan-card p { max-width: 310px; font-size: .84rem; }
  .employee-event-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .employee-event-button { min-height: 88px; align-items: flex-start; gap: 8px; padding: 13px 10px; border-radius: 18px; }
  .employee-event-button strong { font-size: .88rem; }
  .employee-event-button small { font-size: .62rem; }
  .event-choice-icon { width: 34px; height: 34px; flex-basis: 34px; border-radius: 11px; }
  .employee-event-button em { top: auto; right: 8px; bottom: 7px; max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .scan-symbol { width: 88px; height: 88px; right: -10px; bottom: -8px; opacity: .22; transform: rotate(8deg); }
  .scan-actions { align-items: stretch; margin-top: 24px; }
  .scan-actions .button { width: 100%; min-height: 54px; border-radius: 17px; }
  .manual-form { border: 1px solid rgba(255,255,255,.14); border-radius: 19px; backdrop-filter: blur(12px); }
  .privacy-strip { margin-top: 14px; border-radius: 20px; }
  .employee-drawer { width: min(340px, 90vw); }
  .employee-screen-head { margin-bottom: 16px; padding: 22px 20px 24px; border-radius: 27px; }
  .mobile-form-card,
  .employee-request-history { border-radius: 22px; }
  .timeline { gap: 9px; }
  .timeline-item { min-height: 72px; padding: 12px 13px; border: 1px solid var(--theme-border); border-radius: 18px; background: var(--theme-surface); box-shadow: 0 8px 22px color-mix(in srgb, var(--theme-dark) 6%, transparent); }
  .timeline-marker { margin-left: 2px; }
  .employee-bottom-nav { right: 7px; bottom: max(7px, env(safe-area-inset-bottom)); left: 7px; min-height: 76px; border-radius: 25px; }
}

/* 4.2 public product experience */
.marketing-body { overflow-x: hidden; background: #f5fbfc; color: var(--theme-dark); }
.marketing-container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.marketing-header { display: grid; position: fixed; z-index: 300; width: min(1280px, calc(100% - 40px)); min-height: 74px; top: 20px; left: 50%; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; padding: 10px 12px 10px 18px; border: 1px solid rgba(255,255,255,.6); border-radius: 24px; background: color-mix(in srgb, var(--theme-light) 78%, transparent); box-shadow: 0 16px 50px color-mix(in srgb, var(--theme-dark) 8%, transparent); transform: translateX(-50%); backdrop-filter: blur(26px) saturate(170%); transition: top .25s ease, background .25s ease, box-shadow .25s ease; }
.marketing-header.is-scrolled { top: 10px; background: color-mix(in srgb, var(--theme-light) 93%, transparent); box-shadow: 0 18px 60px color-mix(in srgb, var(--theme-dark) 13%, transparent); }
.marketing-brand, .marketing-brand > .brand-lockup { min-width: 0; }
.marketing-brand .brand-wordmark { max-width: 190px; }
.marketing-nav { display: flex; align-items: center; justify-content: center; gap: clamp(15px, 2.3vw, 34px); }
.marketing-nav a { position: relative; padding: 9px 0; color: color-mix(in srgb, var(--theme-dark) 72%, transparent); font-size: .78rem; font-weight: 750; white-space: nowrap; }
.marketing-nav a::after { content: ""; position: absolute; height: 2px; right: 50%; bottom: 3px; left: 50%; border-radius: 2px; background: var(--theme-primary); transition: right .2s ease, left .2s ease; }
.marketing-nav a:hover::after { right: 0; left: 0; }
.marketing-header-actions { display: flex; align-items: center; gap: 9px; }
.marketing-header-actions .button { min-height: 46px; }
.marketing-tablet-link { color: var(--theme-primary-strong); font-size: .76rem; font-weight: 800; }
.marketing-menu-toggle { display: none; width: 44px; height: 44px; place-items: center; border-radius: 14px; background: var(--theme-primary-soft); }
.marketing-menu-toggle span { display: block; width: 19px; height: 2px; margin: 4px auto; border-radius: 2px; background: var(--theme-dark); }

.marketing-hero { position: relative; min-height: 980px; padding-top: 152px; overflow: hidden; background: linear-gradient(145deg, color-mix(in srgb, var(--theme-light) 90%, #fff) 0%, color-mix(in srgb, var(--theme-accent) 52%, var(--theme-light)) 47%, color-mix(in srgb, var(--theme-primary) 72%, var(--theme-dark)) 120%); }
.marketing-hero::before { content: ""; position: absolute; width: 780px; height: 780px; top: -430px; left: 42%; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; box-shadow: 0 0 0 100px rgba(255,255,255,.08), 0 0 0 210px rgba(255,255,255,.04); }
.hero-ambient { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.hero-ambient-one { width: 420px; height: 420px; top: 160px; right: -210px; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.52), color-mix(in srgb, var(--theme-primary) 50%, transparent) 64%, transparent 70%); animation: ambient-float 10s ease-in-out infinite; }
.hero-ambient-two { width: 260px; height: 260px; bottom: 80px; left: -130px; border: 1px solid rgba(255,255,255,.5); box-shadow: inset 0 0 80px rgba(255,255,255,.24); animation: ambient-float 12s ease-in-out -4s infinite reverse; }
@keyframes ambient-float { 50% { transform: translate3d(0,30px,0) scale(1.06); } }
.hero-layout { display: grid; position: relative; z-index: 2; min-height: 700px; grid-template-columns: minmax(420px,.88fr) minmax(560px,1.12fr); align-items: center; gap: clamp(38px,6vw,96px); }
.marketing-hero-copy { padding-bottom: 80px; }
.hero-kicker { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 26px; padding: 9px 13px; border: 1px solid color-mix(in srgb, var(--theme-primary) 18%, transparent); border-radius: 999px; background: rgba(255,255,255,.55); color: var(--theme-primary-strong); font-size: .68rem; font-weight: 850; letter-spacing: .08em; backdrop-filter: blur(14px); }
.hero-kicker span { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(23,101,66,.12); }
.marketing-hero-copy h1 { max-width: 700px; margin-bottom: 27px; font-size: clamp(4rem,6.4vw,7.2rem); line-height: .86; letter-spacing: -.075em; }
.marketing-hero-copy h1 em { color: var(--theme-primary); font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.06em; }
.marketing-hero-copy > p { max-width: 600px; margin-bottom: 32px; color: color-mix(in srgb, var(--theme-dark) 70%, transparent); font-size: clamp(1rem,1.3vw,1.17rem); line-height: 1.75; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.hero-actions .button span { font-size: 1.15rem; }
.hero-text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--theme-dark); font-size: .86rem; font-weight: 800; }
.hero-text-link i { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid color-mix(in srgb, var(--theme-dark) 16%, transparent); border-radius: 50%; background: rgba(255,255,255,.45); color: var(--theme-primary); font-size: .65rem; font-style: normal; }
.hero-proof { display: flex; gap: 0; margin-top: 48px; }
.hero-proof div { display: grid; min-width: 130px; gap: 5px; padding-right: 24px; }
.hero-proof div + div { padding-left: 24px; border-left: 1px solid color-mix(in srgb, var(--theme-dark) 15%, transparent); }
.hero-proof strong { font-size: 1.12rem; }
.hero-proof span { color: color-mix(in srgb, var(--theme-dark) 56%, transparent); font-size: .66rem; font-weight: 650; }

.hero-product-stage { position: relative; min-height: 660px; perspective: 1300px; --stage-x: 0deg; --stage-y: 0deg; --float-x: 0px; --float-y: 0px; }
.stage-orbit { position: absolute; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; }
.orbit-one { width: 590px; height: 590px; top: 5px; right: -45px; }
.orbit-two { width: 430px; height: 430px; top: 85px; right: 35px; border-style: dashed; animation: orbit-spin 28s linear infinite; }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
.hero-tablet-mockup { position: absolute; width: 610px; height: 410px; top: 82px; right: -20px; overflow: hidden; border: 9px solid #102d43; border-radius: 33px; background: linear-gradient(135deg,var(--theme-dark),var(--theme-primary)); box-shadow: 0 44px 90px color-mix(in srgb, var(--theme-dark) 35%, transparent); transform: rotateY(var(--stage-x)) rotateX(var(--stage-y)) rotateZ(-2deg); transform-style: preserve-3d; transition: transform .16s ease-out; }
.mockup-camera { position: absolute; z-index: 3; width: 6px; height: 6px; top: 5px; left: 50%; border-radius: 50%; background: #2a465a; }
.hero-tablet-mockup > header { display: flex; height: 62px; align-items: center; justify-content: space-between; padding: 0 25px; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; }
.hero-tablet-mockup .brand-icon { width: 33px; height: 33px; border-radius: 10px; font-size: 1.35rem; }
.hero-tablet-mockup .brand-wordmark strong { font-size: .76rem; }
.hero-tablet-mockup .brand-wordmark small { display: none; }
.hero-tablet-mockup > header > span { display: flex; align-items: center; gap: 8px; font-size: .64rem; font-weight: 700; }
.hero-tablet-mockup > header > span i { width: 7px; height: 7px; border-radius: 50%; background: #62e397; box-shadow: 0 0 0 5px rgba(98,227,151,.13); }
.mockup-tablet-content { display: grid; height: calc(100% - 62px); grid-template-columns: 1fr 240px; align-items: center; gap: 24px; padding: 27px; color: #fff; }
.mockup-tablet-content > div:first-child small { color: rgba(255,255,255,.62); font-size: .58rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.mockup-tablet-content > div:first-child strong { display: block; margin: 12px 0; font-size: 2.22rem; line-height: .96; letter-spacing: -.055em; }
.mockup-tablet-content > div:first-child p { color: rgba(255,255,255,.62); font-size: .66rem; }
.mockup-qr-card { position: relative; padding: 22px; border: 1px solid rgba(255,255,255,.54); border-radius: 22px; background: rgba(255,255,255,.94); color: var(--theme-dark); box-shadow: 0 20px 45px rgba(0,0,0,.18); }
.mockup-countdown { position: absolute; z-index: 2; top: -13px; right: -11px; padding: 8px 10px; border-radius: 12px; background: var(--theme-primary); color: #fff; font-size: .82rem; font-weight: 900; }
.mockup-countdown small { margin-left: 2px; font-size: .5rem; }
.visual-qr, .mini-qr { display: grid; aspect-ratio: 1; grid-template-columns: repeat(4,1fr); gap: 7px; padding: 12px; border-radius: 13px; background: #fff; }
.visual-qr i, .mini-qr::before, .mini-qr::after { border-radius: 2px; background: var(--theme-dark); }
.visual-qr i:nth-child(3n+1), .visual-qr i:nth-child(5), .visual-qr i:nth-child(14) { opacity: .16; }
.mockup-qr-card > small { display: block; margin-top: 8px; color: #78909b; font-size: .52rem; text-align: center; }
.hero-phone-mockup { position: absolute; z-index: 4; width: 220px; height: 448px; right: 360px; bottom: -1px; padding: 17px 15px; overflow: hidden; border: 7px solid #0c2638; border-radius: 39px; background: #f9fcfc; box-shadow: 0 36px 70px rgba(0,35,55,.31); transform: translate3d(var(--float-x),var(--float-y),40px) rotateZ(5deg); transition: transform .16s ease-out; }
.phone-dynamic-island { width: 64px; height: 16px; margin: -11px auto 7px; border-radius: 99px; background: #0c2638; }
.phone-status { display: flex; justify-content: space-between; margin-bottom: 17px; padding: 0 5px; font-size: .5rem; font-weight: 900; }
.phone-app-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.phone-logo { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 11px; background: var(--theme-primary); color: #fff; font-family: "Ekip Bauhaus",sans-serif; font-size: 1.35rem; }
.phone-app-head i { color: var(--theme-primary); font-style: normal; }
.hero-phone-mockup > small { color: #8ca0aa; font-size: .58rem; }
.hero-phone-mockup h3 { margin: 3px 0 15px; font-size: 1rem; }
.phone-action-card { position: relative; padding: 15px 12px 19px; overflow: hidden; border-radius: 20px; background: linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong)); color: #fff; }
.phone-action-card > b { display: block; margin-bottom: 12px; font-size: .68rem; }
.phone-action-card button { display: grid; width: 100%; grid-template-columns: auto 1fr auto; align-items: center; gap: 7px; margin-bottom: 7px; padding: 8px; border: 1px solid rgba(255,255,255,.15); border-radius: 11px; background: rgba(255,255,255,.08); color: #fff; text-align: left; }
.phone-action-card button:first-of-type { background: #fff; color: var(--theme-dark); }
.phone-action-card button span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 8px; background: var(--theme-primary-soft); color: var(--theme-primary); }
.phone-action-card button strong { font-size: .58rem; }
.phone-action-card button i { color: var(--green); font-size: .45rem; font-style: normal; font-weight: 800; }
.phone-action-card > em { display: block; margin-top: 13px; padding: 10px; border-radius: 10px; background: var(--theme-primary); font-size: .57rem; font-style: normal; font-weight: 850; text-align: center; }
.phone-scan-line { position: absolute; width: 120%; height: 1px; left: -10%; bottom: 50px; background: rgba(255,255,255,.4); box-shadow: 0 0 9px #fff; animation: scan-line 2.8s ease-in-out infinite; }
@keyframes scan-line { 50% { transform: translateY(-110px); } }
.hero-phone-mockup nav { display: flex; position: absolute; height: 43px; right: 10px; bottom: 8px; left: 10px; align-items: center; justify-content: space-around; border: 1px solid #e2ebed; border-radius: 16px; background: rgba(255,255,255,.94); color: #9aabb2; font-size: .64rem; }
.hero-phone-mockup nav strong { display: grid; width: 34px; height: 34px; margin-top: -24px; place-items: center; border: 4px solid #fff; border-radius: 12px; background: var(--theme-primary); color: #fff; }
.stage-float-card { display: flex; position: absolute; z-index: 6; align-items: center; gap: 10px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.65); border-radius: 17px; background: rgba(255,255,255,.83); box-shadow: 0 18px 45px rgba(0,35,55,.16); backdrop-filter: blur(18px); }
.stage-float-card strong,.stage-float-card small { display: block; }
.stage-float-card strong { font-size: .68rem; }
.stage-float-card small { margin-top: 3px; color: #8499a2; font-size: .52rem; }
.float-security { top: 25px; left: 20px; transform: translate3d(calc(var(--float-x) * -.6),calc(var(--float-y) * -.6),60px); }
.float-security > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: #e8f7ef; color: var(--green); font-weight: 950; }
.float-live { right: -6px; bottom: 83px; transform: translate3d(calc(var(--float-x) * .55),calc(var(--float-y) * .55),60px); }
.float-live > i { width: 9px; height: 9px; border-radius: 50%; background: #36c97c; box-shadow: 0 0 0 6px rgba(54,201,124,.15); }
.hero-client-strip { display: flex; position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; min-height: 78px; align-items: center; justify-content: center; gap: clamp(14px,2.2vw,36px); border-top: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.38); color: color-mix(in srgb, var(--theme-dark) 55%, transparent); backdrop-filter: blur(20px); }
.hero-client-strip span { font-size: .6rem; font-weight: 700; text-transform: uppercase; }
.hero-client-strip strong { font-size: .67rem; letter-spacing: .12em; }
.hero-client-strip i { width: 4px; height: 4px; border-radius: 50%; background: var(--theme-primary); }

[data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.75,.2,1); }
[data-reveal].is-visible { opacity: 1; transform: translateY(0); }
.section-index { display: block; margin-bottom: 19px; color: var(--theme-primary); font-size: .66rem; font-weight: 900; letter-spacing: .17em; }
.problem-section { padding: 130px 0; background: #fff; }
.problem-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(60px,10vw,150px); }
.problem-grid h2,.section-heading-premium h2,.pricing-copy h2,.faq-layout h2 { margin: 0; font-size: clamp(3rem,5.2vw,5.5rem); line-height: .95; letter-spacing: -.065em; }
.problem-copy > p { margin: 42px 0; color: #6d828b; font-size: 1.05rem; line-height: 1.8; }
.problem-metrics { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #dce6e8; }
.problem-metrics article { padding: 23px 15px 0 0; }
.problem-metrics strong,.problem-metrics span { display: block; }
.problem-metrics strong { margin-bottom: 7px; font-size: .92rem; }
.problem-metrics span { color: #8799a1; font-size: .66rem; line-height: 1.45; }

.steps-section { padding: 135px 0; background: #eef8f9; }
.section-heading-premium { display: grid; grid-template-columns: 1fr minmax(280px,400px); align-items: end; gap: 60px; margin-bottom: 75px; }
.section-heading-premium > p { margin: 0 0 5px; color: #71868f; line-height: 1.75; }
.steps-track { display: grid; position: relative; grid-template-columns: repeat(3,1fr); gap: 24px; }
.steps-track::before { content: ""; position: absolute; height: 1px; top: 24px; right: 16%; left: 16%; background: linear-gradient(90deg,transparent,var(--theme-primary),transparent); opacity: .25; }
.steps-track article { position: relative; padding: 0 12px; }
.step-no { display: grid; position: relative; z-index: 2; width: 48px; height: 48px; margin-bottom: 27px; place-items: center; border: 1px solid color-mix(in srgb,var(--theme-primary) 25%,transparent); border-radius: 50%; background: #eef8f9; color: var(--theme-primary); font-size: .68rem; font-weight: 900; }
.step-visual { display: grid; position: relative; height: 220px; margin-bottom: 27px; place-items: center; overflow: hidden; border: 1px solid #d9e8ea; border-radius: 26px; background: rgba(255,255,255,.7); }
.steps-track h3 { margin-bottom: 12px; font-size: 1.35rem; }
.steps-track p { margin: 0; color: #71858e; font-size: .82rem; line-height: 1.7; }
.phone-choice-visual { grid-template-columns: 1fr 1fr; gap: 10px; padding: 42px; }
.phone-choice-visual i { display: grid; width: 100%; height: 94px; place-items: center; border: 1px solid #d7e4e6; border-radius: 18px; color: #90a0a6; font-size: .58rem; font-style: normal; font-weight: 900; }
.phone-choice-visual i:first-child { border-color: var(--theme-primary); background: var(--theme-primary-soft); color: var(--theme-primary); box-shadow: 0 12px 25px color-mix(in srgb,var(--theme-primary) 15%,transparent); }
.phone-choice-visual b { display: grid; position: absolute; width: 31px; height: 31px; top: 34px; left: calc(25% + 40px); place-items: center; border: 4px solid #fff; border-radius: 50%; background: var(--green); color: #fff; font-size: .65rem; }
.scan-visual .mini-qr { width: 128px; background: repeating-conic-gradient(var(--theme-dark) 0 25%,transparent 0 50%) 50%/25px 25px; box-shadow: 0 16px 36px rgba(0,40,62,.13); }
.scan-visual > i { position: absolute; width: 190px; height: 2px; background: var(--theme-primary); box-shadow: 0 0 16px var(--theme-primary); animation: step-scan 2.5s ease-in-out infinite; }
@keyframes step-scan { 50% { transform: translateY(76px); } }
.verified-visual span { display: grid; width: 68px; height: 68px; margin-bottom: 9px; place-items: center; border-radius: 23px; background: #e8f7ef; color: var(--green); box-shadow: 0 13px 30px rgba(23,101,66,.13); font-size: 1.6rem; font-weight: 950; }
.verified-visual b { font-size: 1.4rem; }
.verified-visual small { margin-top: 4px; color: #8ca0a8; }

.feature-section { padding: 140px 0; background: #072f4e; color: #fff; }
.light-heading .section-index { color: var(--theme-accent); }
.light-heading > p { color: rgba(255,255,255,.6); }
.feature-bento { display: grid; grid-template-columns: repeat(12,1fr); gap: 18px; }
.feature-bento > article { position: relative; min-height: 330px; padding: clamp(26px,3vw,42px); overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 30px; background: rgba(255,255,255,.055); box-shadow: inset 0 1px rgba(255,255,255,.05); }
.feature-bento > article::before { content: ""; position: absolute; width: 190px; height: 190px; right: -90px; bottom: -110px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.015); }
.bento-large { display: grid; grid-column: span 8; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 34px; }
.bento-card { grid-column: span 4; }
.bento-wide { display: grid; grid-column: span 8; grid-template-columns: 1fr 1fr; align-items: center; gap: 30px; }
.feature-icon { display: grid; width: 48px; height: 48px; margin-bottom: 36px; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(255,255,255,.08); color: var(--theme-accent); font-size: 1.2rem; }
.feature-bento article > small,.feature-bento article > div > small { color: var(--theme-accent); font-size: .62rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.feature-bento h3 { margin: 10px 0 14px; font-size: clamp(1.65rem,2.4vw,2.55rem); line-height: 1.02; }
.feature-bento p { margin: 0; color: rgba(255,255,255,.58); font-size: .8rem; line-height: 1.7; }
.mini-dashboard { padding: 20px; border: 1px solid rgba(255,255,255,.14); border-radius: 21px; background: rgba(255,255,255,.08); transform: rotate(2deg); }
.mini-dashboard header,.mini-dashboard footer { display: flex; align-items: center; justify-content: space-between; font-size: .55rem; }
.mini-dashboard header b { padding: 6px 8px; border-radius: 8px; background: rgba(255,255,255,.08); color: var(--theme-accent); }
.chart-bars { display: flex; height: 150px; align-items: end; gap: 9px; padding: 25px 0 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
.chart-bars i { width: 100%; height: var(--h); border-radius: 8px 8px 2px 2px; background: linear-gradient(var(--theme-accent),var(--theme-primary)); }
.mini-dashboard footer { justify-content: flex-start; gap: 18px; padding-top: 14px; color: rgba(255,255,255,.55); }
.mini-dashboard footer i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: var(--theme-accent); }
.branch-pills { display: flex; position: absolute; right: 30px; bottom: 32px; align-items: center; }
.branch-pills i,.branch-pills b { display: grid; width: 50px; height: 50px; margin-left: -9px; place-items: center; border: 3px solid #123d59; border-radius: 50%; background: var(--theme-primary); color: #fff; font-size: .57rem; font-style: normal; }
.branch-pills i:nth-child(2) { background: #11a3bf; }.branch-pills i:nth-child(3) { background: #2e7196; }.branch-pills b { background: #fff; color: var(--theme-dark); }
.privacy-radar { display: grid; position: absolute; width: 150px; height: 150px; right: -28px; bottom: -25px; place-items: center; border: 1px solid rgba(164,245,255,.18); border-radius: 50%; box-shadow: 0 0 0 28px rgba(164,245,255,.04),0 0 0 56px rgba(164,245,255,.02); }
.privacy-radar span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 17px; background: var(--theme-accent); color: var(--theme-dark); font-weight: 950; }
.request-stack { display: grid; position: absolute; right: 26px; bottom: 28px; left: 26px; gap: 8px; }
.request-stack span { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; padding: 11px; border-radius: 12px; background: rgba(255,255,255,.075); font-size: .56rem; }
.request-stack i { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 7px; background: rgba(164,245,255,.14); color: var(--theme-accent); font-style: normal; }
.request-stack b { color: var(--theme-accent); font-size: .5rem; }
.api-flow { display: flex; align-items: center; justify-content: center; }
.api-flow span,.api-flow strong { display: grid; width: 92px; height: 92px; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 26px; background: rgba(255,255,255,.06); font-size: .7rem; }
.api-flow strong { background: var(--theme-accent); color: var(--theme-dark); font-size: 1rem; }
.api-flow i { color: rgba(255,255,255,.28); letter-spacing: .3em; }

.pricing-section { padding: 145px 0; background: linear-gradient(145deg,#fff,#eef9fa); }
.pricing-layout { display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: clamp(60px,9vw,130px); }
.pricing-copy > p { margin: 28px 0 30px; color: #71858d; line-height: 1.8; }
.pricing-copy ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.pricing-copy li { display: flex; align-items: center; gap: 11px; color: #4f6872; font-size: .82rem; font-weight: 700; }
.pricing-copy li span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 8px; background: #e8f7ef; color: var(--green); font-size: .65rem; }
.pricing-calculator { padding: clamp(26px,4vw,46px); border: 1px solid rgba(255,255,255,.85); border-radius: 36px; background: rgba(255,255,255,.82); box-shadow: 0 38px 90px rgba(0,57,107,.15); backdrop-filter: blur(22px); }
.pricing-calculator > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 29px; padding-bottom: 22px; border-bottom: 1px solid #dbe7e9; }
.pricing-calculator > header span,.pricing-calculator > header small { display: block; }
.pricing-calculator > header span { font-size: 2rem; font-weight: 850; }
.pricing-calculator > header small { margin-top: 5px; color: #82969e; font-size: .95rem; }
.pricing-calculator > header > b { padding: 7px 10px; border-radius: 999px; background: #e8f7ef; color: var(--green); font-size: .58rem; }
.pricing-inputs { display: grid; gap: 12px; }
.pricing-inputs > label { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 18px; border: 1px solid #dce7e8; border-radius: 18px; background: #f9fcfc; }
.pricing-inputs label > span b,.pricing-inputs label > span small { display: block; }
.pricing-inputs label > span b { font-size: 1.4rem; }.pricing-inputs label > span small { margin-top: 4px; color: #8ca0a7; font-size: 1rem; }
.pricing-stepper { display: grid; width: 166px; grid-template-columns: 42px 1fr 42px; align-items: center; overflow: hidden; border: 1px solid #d3e1e4; border-radius: 13px; background: #fff; }
.pricing-stepper button { height: 42px; background: transparent; color: var(--theme-primary); cursor: pointer; font-size: 1.15rem; font-weight: 800; }
.pricing-stepper input { height: 42px; min-height: 42px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-weight: 900; text-align: center; -moz-appearance: textfield; }
.pricing-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; }
.pricing-breakdown { display: grid; gap: 9px; margin: 23px 0 16px; padding: 0 3px; }
.pricing-breakdown div { display: flex; justify-content: space-between; color: #71858d; font-size: 1.4rem; }
.pricing-breakdown strong { color: var(--theme-dark); }
.pricing-total { position: relative; margin-bottom: 18px; padding: 24px; overflow: hidden; border-radius: 22px; background: linear-gradient(135deg,var(--theme-dark),var(--theme-primary-strong)); color: #fff; }
.pricing-total::after { content: ""; position: absolute; width: 150px; height: 150px; right: -70px; bottom: -95px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,255,255,.04); }
.pricing-total > span,.pricing-total > strong,.pricing-total > small { display: block; position: relative; z-index: 1; }
.pricing-total > span { color: rgba(255,255,255,.62); font-size: .95rem; }.pricing-total > strong { margin: 7px 0 5px; font-size: clamp(2.15rem,4vw,3.35rem); letter-spacing: -.055em; }.pricing-total > small { color: rgba(255,255,255,.66); font-size: .62rem; }
.pricing-calculator.is-calculating .pricing-total > strong { animation: price-pulse .28s ease; }
@keyframes price-pulse { 50% { transform: translateY(-2px); opacity: .65; } }
.pricing-calculator > footer { display: flex; justify-content: center; gap: 16px; margin-top: 14px; color: #82949b; font-size: .56rem; }
.pricing-offline-note { display: block; margin-top: 10px; color: #87999f; font-size: .62rem; line-height: 1.5; text-align: center; }

.faq-section { padding: 140px 0; background: #fff; }
.faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; align-items: start; gap: clamp(60px,9vw,140px); }
.faq-layout > div:first-child > p { margin: 25px 0; color: #71858d; line-height: 1.75; }
.faq-list { border-top: 1px solid #dbe6e8; }
.faq-list details { border-bottom: 1px solid #dbe6e8; }
.faq-list summary { display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 1rem; font-weight: 800; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--theme-primary-soft); color: var(--theme-primary); transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 620px; margin: -4px 50px 26px 0; color: #71858d; line-height: 1.75; }

.final-cta { position: relative; padding: 145px 0; overflow: hidden; background: linear-gradient(135deg,var(--theme-primary-strong),var(--theme-dark)); color: #fff; text-align: center; }
.final-cta .marketing-container { display: grid; position: relative; z-index: 2; justify-items: center; }
.final-cta .brand-lockup { margin-bottom: 54px; }
.final-cta h2 { margin-bottom: 24px; font-size: clamp(5rem,10vw,10rem); line-height: .72; letter-spacing: -.08em; }
.final-cta h2 em { color: var(--theme-accent); font-family: Georgia,"Times New Roman",serif; font-weight: 500; }
.final-cta p { max-width: 540px; margin-bottom: 30px; color: rgba(255,255,255,.65); line-height: 1.7; }
.final-cta .marketing-container > div { display: flex; gap: 10px; }
.final-login-button { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.07); color: #fff; }
.final-orbit { position: absolute; width: 740px; height: 740px; top: 50%; left: 50%; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 100px rgba(255,255,255,.025),0 0 0 200px rgba(255,255,255,.014); transform: translate(-50%,-50%); }
.marketing-footer { padding: 80px 0 20px; background: #f6fbfc; }
.marketing-footer > .marketing-container { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 50px; }
.marketing-footer .brand-lockup { margin-bottom: 17px; }
.marketing-footer p { max-width: 260px; color: #7a8f97; font-size: .75rem; line-height: 1.65; }
.marketing-footer nav { display: grid; align-content: start; gap: 11px; }
.marketing-footer nav strong { margin-bottom: 7px; font-size: .72rem; }.marketing-footer nav a { color: #758990; font-size: .7rem; }
.marketing-footer-bottom { display: flex; width: min(1240px,calc(100% - 48px)); justify-content: space-between; margin: 60px auto 0; padding-top: 19px; border-top: 1px solid #dce7e9; color: #8b9da3; font-size: .6rem; }

/* Public checkout */
.sales-checkout-body { min-height: 100vh; background: radial-gradient(circle at 85% 0,color-mix(in srgb,var(--theme-accent) 45%,transparent),transparent 34%),linear-gradient(145deg,#fff,#eef9fa); }
.sales-checkout-header { display: grid; width: min(1180px,calc(100% - 40px)); min-height: 80px; margin: 0 auto; grid-template-columns: 1fr auto 1fr; align-items: center; }
.sales-checkout-header > span { justify-self: end; color: var(--green); font-size: .68rem; font-weight: 850; }
.sales-back-link { color: #71858d; font-size: .7rem; font-weight: 750; }
.sales-checkout-shell { display: grid; width: min(1120px,calc(100% - 40px)); min-height: calc(100vh - 120px); margin: 20px auto 60px; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 30px; }
.sales-checkout-intro,.sales-payment-copy { position: sticky; top: 28px; padding: clamp(30px,5vw,58px); border-radius: 32px; background: linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong)); color: #fff; box-shadow: 0 30px 70px color-mix(in srgb,var(--theme-dark) 24%,transparent); }
.sales-checkout-intro .eyebrow,.sales-payment-copy .eyebrow { color: var(--theme-accent); }
.sales-checkout-intro h1,.sales-payment-copy h1 { margin-bottom: 18px; font-size: clamp(2.3rem,4vw,4.2rem); line-height: .92; }
.sales-checkout-intro > p,.sales-payment-copy > p { color: rgba(255,255,255,.62); line-height: 1.7; }
.sales-order-summary { display: grid; gap: 11px; margin-top: 38px; }
.sales-order-summary > div { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.1); font-size: .68rem; }
.sales-order-summary span { color: rgba(255,255,255,.58); }.sales-order-summary strong { font-size: .76rem; }
.sales-order-summary .sales-summary-total { align-items: end; margin-top: 10px; padding: 19px; border: 0; border-radius: 16px; background: rgba(255,255,255,.09); }
.sales-summary-total strong { color: var(--theme-accent); font-size: 1.55rem; }
.sales-checkout-card,.sales-paytr-frame { padding: clamp(28px,4vw,48px); border: 1px solid rgba(255,255,255,.85); border-radius: 32px; background: rgba(255,255,255,.88); box-shadow: 0 28px 70px rgba(0,57,107,.12); backdrop-filter: blur(20px); }
.sales-checkout-card h2 { margin-bottom: 28px; font-size: 2rem; }
.sales-purchase-form { display: grid; gap: 22px; }
.sales-purchase-form fieldset { display: grid; gap: 14px; margin: 0; padding: 0; border: 0; }
.sales-purchase-form fieldset + fieldset { padding-top: 22px; border-top: 1px solid #dce7e9; }
.sales-purchase-form legend { margin-bottom: 14px; font-size: .73rem; font-weight: 900; }
.sales-consent { display: flex; align-items: flex-start; gap: 10px; color: #71858d; font-size: .68rem; line-height: 1.5; }
.sales-consent input { width: 18px; min-height: 18px; margin-top: 1px; accent-color: var(--theme-primary); }
.sales-secure-note { color: #82959c; font-size: .6rem; text-align: center; }
.sales-paytr-frame { padding: 8px; overflow: hidden; }
.sales-paytr-frame iframe { width: 100%; min-height: 760px; border-radius: 25px; }
.sales-payment-total { margin-top: 35px; padding: 20px; border-radius: 18px; background: rgba(255,255,255,.08); }
.sales-payment-total span,.sales-payment-total strong,.sales-payment-total small { display: block; }.sales-payment-total span,.sales-payment-total small { color: rgba(255,255,255,.6); font-size: .62rem; }.sales-payment-total strong { margin: 7px 0; color: var(--theme-accent); font-size: 2.2rem; }
.sales-result-body .brand-lockup { margin-bottom: 28px; }.sales-result-loader { display: block; width: 38px; height: 38px; margin: 0 auto 22px; border: 3px solid var(--theme-primary-soft); border-top-color: var(--theme-primary); border-radius: 50%; animation: spin 1s linear infinite; }

/* Owner branding and pricing additions */
.three-col { grid-template-columns: repeat(3,minmax(0,1fr)); }
.sales-pricing-settings { margin-bottom: 18px; }
.sales-pricing-card { grid-column: span 1; }
.sales-pricing-preview { display: grid; align-content: start; }
.owner-price-example { display: grid; gap: 7px; margin: 10px 0 22px; padding: 24px; border-radius: 20px; background: linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong)); color: #fff; }
.owner-price-example span,.owner-price-example small { color: rgba(255,255,255,.64); font-size: .68rem; }.owner-price-example strong { color: var(--theme-accent); font-size: 2.15rem; letter-spacing: -.05em; }
.platform-asset-preview { display: grid; width: 74px; height: 74px; place-items: center; border: 1px solid var(--theme-border); border-radius: 20px; background: var(--theme-surface); box-shadow: 0 12px 25px color-mix(in srgb,var(--theme-dark) 10%,transparent); }
.platform-asset-preview img { width: 42px; height: 42px; object-fit: contain; }.platform-asset-preview.is-pwa { width: 92px; height: 92px; border-radius: 25px; }.platform-asset-preview.is-pwa img { width: 72px; height: 72px; border-radius: 18px; }

@media (max-width: 1100px) {
  .marketing-header { grid-template-columns: auto auto; }.marketing-menu-toggle { display: block; justify-self: end; }.marketing-nav { display: none; position: absolute; top: calc(100% + 9px); right: 0; left: 0; padding: 18px; border: 1px solid var(--theme-border); border-radius: 20px; background: rgba(255,255,255,.97); box-shadow: 0 20px 50px rgba(0,57,107,.15); }.marketing-menu-open .marketing-nav { display: grid; }.marketing-header-actions { display: none; position: absolute; top: calc(100% + 214px); right: 0; left: 0; padding: 0 18px 18px; background: rgba(255,255,255,.97); }.marketing-menu-open .marketing-header-actions { display: flex; }.marketing-menu-open { overflow: hidden; }
  .hero-layout { grid-template-columns: 1fr; }.marketing-hero { min-height: 1500px; }.marketing-hero-copy { max-width: 780px; padding-bottom: 0; }.hero-product-stage { width: min(720px,100%); margin: 10px auto 0; }.hero-tablet-mockup { right: 0; }.hero-phone-mockup { right: auto; left: 30px; }
  .feature-bento > article { grid-column: span 6; }.bento-large,.bento-wide { grid-column: span 12; }.pricing-layout { grid-template-columns: 1fr; }.pricing-copy { max-width: 780px; }.faq-layout { grid-template-columns: 1fr; }.faq-layout > div:first-child { max-width: 680px; }
}

@media (max-width: 760px) {
  .marketing-container { width: min(100% - 30px,1240px); }.marketing-header { width: calc(100% - 20px); min-height: 64px; top: 10px; padding-left: 12px; border-radius: 19px; }.marketing-header .brand-icon { width: 38px; height: 38px; border-radius: 12px; font-size: 1.5rem; }.marketing-header .brand-wordmark { max-width: 145px; }.marketing-header .brand-wordmark small { display: none; }
  .marketing-hero { min-height: 1190px; padding-top: 115px; }.marketing-hero-copy h1 { font-size: clamp(3.55rem,16.3vw,5.3rem); }.marketing-hero-copy > p { font-size: .9rem; }.hero-proof { display: grid; grid-template-columns: repeat(3,1fr); }.hero-proof div { min-width: 0; padding-right: 10px; }.hero-proof div + div { padding-left: 10px; }.hero-proof span { font-size: .54rem; }.hero-product-stage { min-height: 480px; transform: scale(.74); transform-origin: top center; }.hero-tablet-mockup { width: 610px; right: 50%; transform: translateX(50%) rotateZ(-2deg); }.hero-phone-mockup { left: calc(50% - 285px); }.float-security { left: -20px; }.float-live { right: -20px; }.hero-client-strip { min-height: 62px; gap: 13px; overflow: hidden; }.hero-client-strip strong { font-size: .55rem; }.hero-client-strip i { display: none; }.hero-client-strip span { display: none; }
  .problem-section,.steps-section,.feature-section,.pricing-section,.faq-section { padding: 90px 0; }.problem-grid,.section-heading-premium { grid-template-columns: 1fr; gap: 30px; }.problem-grid h2,.section-heading-premium h2,.pricing-copy h2,.faq-layout h2 { font-size: clamp(2.65rem,12vw,4rem); }.problem-copy > p { margin-top: 0; }.problem-metrics { grid-template-columns: 1fr; }.problem-metrics article { padding: 16px 0; border-bottom: 1px solid #e2eaec; }
  .steps-track { grid-template-columns: 1fr; gap: 48px; }.steps-track::before { width: 1px; height: auto; top: 24px; right: auto; bottom: 24px; left: 24px; }.steps-track article { padding-left: 0; }.step-visual { height: 200px; }.feature-bento { grid-template-columns: 1fr; }.feature-bento > article,.bento-large,.bento-wide { grid-column: auto; grid-template-columns: 1fr; }.mini-dashboard { margin-top: 28px; }.bento-wide { min-height: 440px !important; }.api-flow { margin-top: 35px; }.feature-bento h3 { font-size: 2rem; }
  .pricing-calculator { padding: 22px 17px; border-radius: 27px; }.pricing-inputs > label { align-items: stretch; flex-direction: column; }.pricing-stepper { width: 100%; }.pricing-total > strong { font-size: 2.35rem; }.pricing-calculator > footer { align-items: center; flex-direction: column; gap: 5px; }.faq-list summary { min-height: 74px; font-size: .85rem; }.final-cta { padding: 110px 0; }.final-cta h2 { font-size: 5rem; }.final-cta .marketing-container > div { width: 100%; flex-direction: column; }.marketing-footer > .marketing-container { grid-template-columns: 1fr 1fr; }.marketing-footer > .marketing-container > div:first-child { grid-column: 1 / -1; }.marketing-footer-bottom { width: calc(100% - 30px); align-items: flex-start; flex-direction: column; gap: 7px; }
  .sales-checkout-header { width: calc(100% - 28px); grid-template-columns: 1fr auto; }.sales-checkout-header .brand-lockup { display: none; }.sales-checkout-shell { width: calc(100% - 20px); grid-template-columns: 1fr; }.sales-checkout-intro,.sales-payment-copy { position: static; border-radius: 27px; }.sales-checkout-card,.sales-paytr-frame { padding: 22px 17px; border-radius: 27px; }.sales-paytr-frame { padding: 6px; }.sales-paytr-frame iframe { min-height: 680px; }.three-col { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .hero-kicker { font-size: .56rem; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .button { width: 100%; }.hero-product-stage { margin-top: -10px; transform: scale(.58); }.marketing-hero { min-height: 1070px; }.hero-client-strip { justify-content: flex-start; padding-left: 16px; white-space: nowrap; }.section-heading-premium { margin-bottom: 50px; }.pricing-total { padding: 20px; }.marketing-footer > .marketing-container { grid-template-columns: 1fr; }.marketing-footer > .marketing-container > div:first-child { grid-column: auto; }.sales-purchase-form .two-col { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* 4.3.0 — product vitrine, public content and editorial studio */
.product-vitrine { overflow-x: clip; background: #f7fbfc; color: #082d42; }
.product-vitrine::selection,.public-page-body::selection { background: color-mix(in srgb,var(--theme-accent) 68%,#fff); color: #03253b; }
.product-shell { width: min(1280px,calc(100% - 48px)); margin-inline: auto; }
.product-header { display: grid; position: fixed; z-index: 100; top: 18px; right: 24px; left: 24px; grid-template-columns: 1fr auto 1fr; min-height: 70px; align-items: center; padding: 8px 10px 8px 18px; border: 1px solid rgba(255,255,255,.8); border-radius: 23px; background: rgba(249,253,254,.76); box-shadow: 0 14px 40px rgba(3,42,67,.08); backdrop-filter: blur(22px) saturate(160%); transition: background .25s ease,box-shadow .25s ease,transform .25s ease; }
.product-header.is-scrolled { background: rgba(255,255,255,.94); box-shadow: 0 18px 52px rgba(3,42,67,.13); }
.product-brand { justify-self: start; }.product-brand .brand-icon { width: 41px; height: 41px; border-radius: 13px; }.product-brand .platform-logo-image img { max-height: 42px; }
.product-nav-links { display: flex; align-items: center; gap: 7px; padding: 5px; border: 1px solid rgba(6,53,76,.07); border-radius: 999px; background: rgba(255,255,255,.72); }
.product-nav-links a { display:flex;align-items:center;gap:7px;padding:8px 13px 8px 8px;border-radius:999px;color:#466475;font-size:.95rem;font-weight:780;transition:background .18s ease,color .18s ease,transform .18s ease; }.product-nav-links a:hover { background:#e8f6f8;color:#07334b;transform:translateY(-1px); }.product-nav-links a i { display:grid;width:35px;height:35px;place-items:center;border:1px solid rgba(4,62,87,.08);border-radius:9px;background:#fff;color:var(--theme-primary-strong);box-shadow:0 5px 13px rgba(4,55,78,.08);font-size:1.2rem;font-style:normal;font-weight:900; }
.product-header-actions { display:flex;justify-self:end;align-items:center;gap:8px; }.product-header-actions .button { min-height:49px;border-radius:16px;box-shadow:0 10px 25px color-mix(in srgb,var(--theme-primary) 20%,transparent); }.product-login-link,.product-tablet-link { display:flex;align-items:center;gap:8px;padding:10px 12px;color:#234b60;font-size:.95rem;font-weight:820; }.product-login-link i { display:grid;position:relative;width:30px;height:30px;place-items:center;border:1px solid #d6e6e9;border-radius:10px;background:#fff;color:transparent;box-shadow:0 7px 16px rgba(4,51,72,.09);font-style:normal; }.product-login-link i::before { content:"";position:absolute;top:7px;width:7px;height:7px;border:2px solid var(--theme-primary-strong);border-radius:50%; }.product-login-link i::after { content:"";position:absolute;bottom:5px;width:13px;height:7px;border:2px solid var(--theme-primary-strong);border-bottom:0;border-radius:9px 9px 0 0; }.product-tablet-link { color:var(--theme-primary-strong); }
.product-hero { position: relative; min-height: 1000px; padding: 170px 0 0; overflow: hidden; background: linear-gradient(145deg,color-mix(in srgb,#fff 86%,var(--theme-light)) 0%,#a4f5ff 46%,color-mix(in srgb,#009ecd 68%,#00396b) 100%); }
.hero-mesh { position: absolute; inset: 0; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.36) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.36) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,#000,transparent 72%); }
.hero-mesh::after { content:""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 22%,rgba(255,255,255,.92),transparent 32%),radial-gradient(circle at 83% 12%,rgba(255,255,255,.52),transparent 24%); }
.hero-cursor-glow { --glow-x:70%; --glow-y:20%; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(400px circle at var(--glow-x) var(--glow-y),rgba(255,255,255,.38),transparent 68%); }
.product-hero-grid { display: grid; position: relative; z-index: 2; grid-template-columns: minmax(420px,.8fr) minmax(650px,1.25fr); gap: clamp(20px,3vw,60px); align-items: center; }
.product-hero-copy { padding: 30px 0 130px; }
.product-kicker,.section-marker { display: inline-flex; align-items: center; gap: 9px; color: color-mix(in srgb,var(--theme-dark) 82%,#fff); font-size: .67rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }.product-kicker i { width: 8px; height: 8px; border-radius: 50%; background: var(--theme-primary); box-shadow: 0 0 0 7px rgba(255,255,255,.42); }
.product-hero-copy h1 { max-width: 720px; margin: 25px 0 27px; color: #052b42; font-size: clamp(4.6rem,6.5vw,7.8rem); font-weight: 870; letter-spacing: -.078em; line-height: .86; }.product-hero-copy h1 em { color: rgba(5,43,66,.43); font-style: normal; font-weight: 540; }
.product-lead { max-width: 610px; margin-bottom: 31px; color: #315b70; font-size: clamp(1rem,1.35vw,1.16rem); line-height: 1.75; }
.product-hero-actions { display: flex; align-items: center; gap: 23px; }.product-hero-actions .button { min-height: 61px; border-radius: 18px; box-shadow: 0 18px 40px color-mix(in srgb,var(--theme-primary) 30%,transparent); }
.product-play-link { display: flex; align-items: center; gap: 11px; }.product-play-link > i { display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid rgba(5,43,66,.18); border-radius: 50%; background: rgba(255,255,255,.38); font-size: .7rem; font-style: normal; }.product-play-link span,.product-play-link b,.product-play-link small { display: block; }.product-play-link b { font-size: .75rem; }.product-play-link small { margin-top: 4px; color: #5c7d8c; font-size: .62rem; }
.product-trust-row { display: flex; gap: 20px; margin-top: 45px; }.product-trust-row span { padding-right: 20px; border-right: 1px solid rgba(4,48,70,.15); color: #567787; font-size: .62rem; }.product-trust-row span:last-child { border: 0; }.product-trust-row b { display: block; margin-bottom: 5px; color: #073248; font-size: 1rem; }
.product-stage { --stage-x:0deg; --stage-y:0deg; --float-x:0px; --float-y:0px; position: relative; min-height: 720px; perspective: 1500px; }
.stage-depth-grid { position: absolute; inset: 8% -10% -12%; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px); background-size: 42px 42px; transform: rotateX(66deg) translateY(33%); mask-image: radial-gradient(ellipse,#000 12%,transparent 68%); }
.stage-halo { position: absolute; top: 3%; right: 0; width: 530px; height: 530px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.08),0 0 0 140px rgba(255,255,255,.05); }
.vitrine-tablet { position: absolute; top: 28px; right: -46px; width: 700px; height: 500px; overflow: hidden; border: 8px solid #05263b; border-radius: 34px; background: #052c45; box-shadow: 0 55px 110px rgba(0,42,68,.34),inset 0 0 0 1px rgba(255,255,255,.13); transform: rotateX(var(--stage-y)) rotateY(var(--stage-x)) rotateZ(1.2deg); transition: transform .18s ease-out; }
.tablet-camera { position: absolute; z-index: 5; top: 7px; left: 50%; width: 7px; height: 7px; border-radius: 50%; background: #183a50; box-shadow: inset 0 0 0 2px #071725; }
.tablet-browser-bar { display: flex; height: 44px; align-items: center; justify-content: space-between; padding: 0 16px; background: #f8fbfc; color: #8ba0aa; }.tablet-browser-bar > span { display: flex; gap: 5px; }.tablet-browser-bar > span i { width: 7px; height: 7px; border-radius: 50%; background: #ccd7da; }.tablet-browser-bar > div { display: flex; min-width: 250px; height: 26px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #e2e9eb; border-radius: 8px; background: #fff; color: #607985; font-size: .56rem; }.tablet-browser-bar img { width: 13px; height: 13px; object-fit: contain; }.tablet-browser-bar em { color: #53a77a; font-style: normal; }
.tablet-product-head { display: flex; height: 78px; align-items: center; justify-content: space-between; padding: 0 30px; border-bottom: 1px solid rgba(255,255,255,.08); }.tablet-product-head .brand-icon { width: 35px; height: 35px; border-radius: 11px; font-size: 1.4rem; }.tablet-product-head .brand-wordmark { max-width: 135px; }.tablet-product-head .brand-wordmark strong { font-size: .84rem; }.tablet-product-head .brand-wordmark small { font-size: .54rem; }.tablet-product-head > span { display: flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: rgba(255,255,255,.7); font-size: .56rem; }.tablet-product-head > span i { width: 6px; height: 6px; border-radius: 50%; background: #54dc95; box-shadow: 0 0 0 4px rgba(84,220,149,.12); }
.tablet-product-body { display: grid; grid-template-columns: 1fr 244px; gap: 24px; align-items: center; padding: 31px 34px; }.tablet-message > small { color: var(--theme-accent); font-size: .55rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }.tablet-message h2 { margin: 10px 0 12px; color: #fff; font-size: 2.42rem; line-height: .98; }.tablet-message > p { margin-bottom: 23px; color: rgba(255,255,255,.55); font-size: .69rem; }.tablet-message > div { display: flex; align-items: center; gap: 10px; margin-top: 9px; color: rgba(255,255,255,.77); font-size: .58rem; }.tablet-message > div span { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: 7px; color: var(--theme-accent); font-size: .48rem; }
.real-qr-card { display: grid; position: relative; padding: 17px; border: 1px solid rgba(255,255,255,.75); border-radius: 23px; background: #fff; box-shadow: 0 22px 55px rgba(0,0,0,.24); color: #082d42; text-align: center; }.qr-live-label { display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 8px; color: #607985; font-size: .46rem; font-weight: 900; letter-spacing: .13em; }.qr-live-label i { width: 6px; height: 6px; border-radius: 50%; background: #35b875; animation: live-dot 1.8s infinite; }.real-marketing-qr,.workflow-qr { display: grid; place-items: center; overflow: hidden; }.real-marketing-qr canvas,.real-marketing-qr img,.workflow-qr canvas,.workflow-qr img { width: 100% !important; height: auto !important; image-rendering: pixelated; }.qr-timer { position: absolute; right: -12px; bottom: 44px; display: grid; width: 48px; height: 48px; place-items: center; border: 4px solid #fff; border-radius: 50%; background: var(--theme-primary); color: #fff; box-shadow: 0 8px 18px color-mix(in srgb,var(--theme-primary) 32%,transparent); }.qr-timer b { margin-bottom: -15px; font-size: .9rem; }.qr-timer small { font-size: .32rem; }.real-qr-card > em { margin-top: 9px; color: #8a9ca5; font-size: .42rem; font-style: normal; }
.stage-scan-beam { position: absolute; z-index: 4; right: 32px; bottom: 64px; width: 260px; height: 3px; border-radius: 99px; background: var(--theme-accent); box-shadow: 0 0 20px 7px color-mix(in srgb,var(--theme-accent) 70%,transparent); animation: tablet-scan 4.2s ease-in-out infinite; }
.vitrine-phone { position: absolute; z-index: 6; right: 405px; bottom: 5px; width: 245px; height: 500px; padding: 23px 17px 68px; overflow: hidden; border: 7px solid #061d2d; border-radius: 38px; background: #f7fbfc; box-shadow: 0 40px 80px rgba(0,31,49,.34); transform: translate(var(--float-x),var(--float-y)) rotate(-4deg); transition: transform .18s ease-out; }.phone-island { position: absolute; z-index: 3; top: 8px; left: 50%; width: 72px; height: 18px; border-radius: 999px; background: #061d2d; transform: translateX(-50%); }.phone-system-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; padding: 0 3px; color: #153b50; font-size: .48rem; }.phone-brand-row { display: flex; align-items: center; }.phone-brand-row img { width: 29px; height: 29px; border-radius: 9px; object-fit: cover; }.phone-brand-row > span { display: grid; margin-left: 8px; }.phone-brand-row b { max-width: 115px; overflow: hidden; font-size: .55rem; text-overflow: ellipsis; white-space: nowrap; }.phone-brand-row small { margin-top: 2px; color: #8399a4; font-size: .43rem; }.phone-brand-row > i { margin-left: auto; color: #d43844; font-style: normal; }.phone-welcome { padding: 22px 2px 15px; }.phone-welcome > small { color: #8298a3; font-size: .43rem; }.phone-welcome h3 { margin: 5px 0; font-size: 1.35rem; }.phone-welcome p { margin: 0; color: #67828f; font-size: .51rem; }.phone-choice { display: grid; gap: 8px; }.phone-choice button { display: flex; min-height: 62px; align-items: center; padding: 10px; border: 1px solid #dce8eb; border-radius: 16px; background: #fff; text-align: left; }.phone-choice button > i { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 11px; background: #edf5f7; color: #17475e; font-style: normal; }.phone-choice button span { display: grid; gap: 2px; margin-left: 8px; }.phone-choice button b { font-size: .64rem; }.phone-choice button small { color: #8ca0a9; font-size: .43rem; }.phone-choice button > em { display: grid; width: 19px; height: 19px; margin-left: auto; place-items: center; border-radius: 50%; background: var(--theme-primary); color: #fff; font-size: .47rem; font-style: normal; }.phone-choice button.is-selected { border-color: color-mix(in srgb,var(--theme-primary) 52%,#fff); box-shadow: 0 9px 23px color-mix(in srgb,var(--theme-primary) 10%,transparent); }.phone-choice button.is-selected > i { background: var(--theme-primary); color: #fff; }.phone-camera-button { display: flex; min-height: 57px; align-items: center; margin-top: 12px; padding: 10px; border-radius: 16px; background: #062f48; color: #fff; box-shadow: 0 12px 26px rgba(5,44,68,.2); }.phone-camera-button > i { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 11px; background: rgba(255,255,255,.1); color: var(--theme-accent); font-style: normal; }.phone-camera-button span { display: grid; gap: 2px; margin-left: 8px; }.phone-camera-button b { font-size: .57rem; }.phone-camera-button small { color: rgba(255,255,255,.5); font-size: .4rem; }.phone-camera-button > em { margin-left: auto; font-style: normal; }.vitrine-phone nav { display: flex; position: absolute; right: 0; bottom: 0; left: 0; height: 56px; align-items: center; justify-content: space-around; border-top: 1px solid #e4ecee; background: #fff; }.vitrine-phone nav span { display: grid; justify-items: center; gap: 3px; color: #9aabb2; font-size: .68rem; }.vitrine-phone nav small { font-size: .35rem; }.vitrine-phone nav .is-active { color: var(--theme-primary); }
.stage-event { display: flex; position: absolute; z-index: 8; align-items: center; padding: 12px; border: 1px solid rgba(255,255,255,.7); border-radius: 17px; background: rgba(255,255,255,.88); box-shadow: 0 20px 42px rgba(0,42,66,.18); backdrop-filter: blur(18px); }.stage-event > i { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 11px; background: #e6f8ef; color: #16825a; font-style: normal; }.stage-event span { display: grid; gap: 3px; margin-left: 9px; }.stage-event small { color: #758e99; font-size: .45rem; }.stage-event b { font-size: .58rem; }.stage-event > em { margin-left: 18px; color: #6e8792; font-size: .43rem; font-style: normal; }.event-location { top: 62px; left: -20px; animation: float-card 5s ease-in-out infinite; }.event-record { right: -13px; bottom: 89px; animation: float-card 5s 1.5s ease-in-out infinite; }.event-record > i { background: color-mix(in srgb,var(--theme-primary) 12%,#fff); color: var(--theme-primary); }
.product-signal-rail { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; overflow: hidden; border-top: 1px solid rgba(255,255,255,.4); border-bottom: 1px solid rgba(255,255,255,.4); background: rgba(255,255,255,.15); backdrop-filter: blur(12px); }.product-signal-rail > div { display: flex; min-width: max-content; height: 76px; align-items: center; gap: 35px; padding-inline: 35px; animation: signal-roll 34s linear infinite; }.product-signal-rail span { color: rgba(5,48,70,.5); font-size: .57rem; font-weight: 900; letter-spacing: .2em; }.product-signal-rail b { font-size: .76rem; letter-spacing: .08em; }.product-signal-rail i { width: 5px; height: 5px; border-radius: 50%; background: rgba(4,48,70,.28); }
@keyframes signal-roll { to { transform: translateX(-25%); } } @keyframes live-dot { 50% { box-shadow: 0 0 0 6px rgba(53,184,117,.16); } } @keyframes tablet-scan { 0%,100% { transform: translateY(-184px); opacity:.2; } 45%,55% { opacity:1; } 50% { transform:translateY(84px); } } @keyframes float-card { 50% { transform:translateY(-9px); } }

.product-manifesto { padding: 145px 0 110px; background: #fff; }.manifesto-grid { display: grid; grid-template-columns: .4fr 1.6fr; gap: 55px; }.manifesto-grid h2 { max-width: 970px; margin-bottom: 32px; color: #052b42; font-size: clamp(3.5rem,6.2vw,6.8rem); line-height: .98; }.manifesto-grid h2 em { color: var(--theme-primary); font-style: normal; }.manifesto-grid p { max-width: 760px; margin-left: 32%; color: #607d8b; font-size: 1.05rem; line-height: 1.8; }.manifesto-measures { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 92px; border-top: 1px solid #dce7e9; border-bottom: 1px solid #dce7e9; }.manifesto-measures article { display: flex; min-height: 145px; align-items: center; gap: 18px; padding: 24px; border-right: 1px solid #dce7e9; }.manifesto-measures article:last-child { border-right: 0; }.manifesto-measures strong { color: #062e45; font-size: 2.8rem; letter-spacing: -.07em; }.manifesto-measures span { color: #78909b; font-size: .63rem; line-height: 1.5; text-transform: uppercase; }
.product-operating-system { padding: 125px 0 150px; background: #041f31; color: #fff; }.operating-heading { display: grid; grid-template-columns: 1.4fr .6fr; gap: 60px; align-items: end; margin-bottom: 90px; }.operating-heading .section-marker { color: var(--theme-accent); }.operating-heading h2 { max-width: 820px; margin: 20px 0 0; font-size: clamp(3.8rem,6vw,6.8rem); line-height: .95; }.operating-heading > p { margin: 0; color: rgba(255,255,255,.56); line-height: 1.8; }
.operation-scenes { display: grid; gap: 26px; }.operation-scene { display: grid; min-height: 570px; grid-template-columns: .75fr 1.25fr; align-items: center; gap: clamp(40px,7vw,110px); padding: clamp(36px,6vw,82px); overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 42px; background: radial-gradient(circle at 85% 20%,rgba(36,181,219,.16),transparent 35%),rgba(255,255,255,.04); }.operation-scene:nth-child(even) { grid-template-columns: 1.25fr .75fr; }.scene-copy > span { color: var(--theme-accent); font-size: 1rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }.scene-copy h3 { margin: 16px 0 20px; font-size: clamp(2.5rem,4vw,4.5rem); line-height: 1; }.scene-copy p { color: rgba(255,255,255,.58); line-height: 1.75; }.scene-copy ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; padding: 0; list-style: none; }.scene-copy li { padding: 9px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: rgba(255,255,255,.7); font-size: 1rem; }
.attendance-product-card { padding: 24px; border: 1px solid rgba(255,255,255,.7); border-radius: 28px; background: #f9fcfd; box-shadow: 0 35px 90px rgba(0,0,0,.3); color: #082d42; transform: rotate(2deg); }.attendance-product-card > header { display: flex; align-items: center; justify-content: space-between; }.attendance-product-card > header > div { display: flex; align-items: center; gap: 9px; }.attendance-product-card header img { width: 35px; height: 35px; object-fit: contain; }.attendance-product-card header span { display: grid; }.attendance-product-card header b { font-size: .72rem; }.attendance-product-card header small { color: #8398a2; font-size: .5rem; }.attendance-product-card header > em { padding: 7px 10px; border-radius: 999px; background: #e5f8ed; color: #16815a; font-size: .49rem; font-style: normal; }.attendance-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 23px 0 12px; }.attendance-summary span { padding: 15px; border-radius: 15px; background: #edf5f7; }.attendance-summary b,.attendance-summary small { display: block; }.attendance-summary b { font-size: 1.45rem; }.attendance-summary small { margin-top: 3px; color: #79909a; font-size: .46rem; }.attendance-chart { display: flex; height: 115px; align-items: end; gap: 8px; padding: 17px; border-radius: 18px; background: #062f48; }.attendance-chart i { width: 100%; height: var(--h); border-radius: 6px 6px 2px 2px; background: linear-gradient(to top,var(--theme-primary),var(--theme-accent)); animation: chart-rise 2.5s ease-in-out infinite alternate; }.attendance-list { display: grid; margin-top: 10px; }.attendance-list > span { display: flex; align-items: center; padding: 10px 3px; border-bottom: 1px solid #e5edef; }.attendance-list > span > i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 10px; background: #dff4fa; color: #0d6f8e; font-size: .48rem; font-style: normal; font-weight: 900; }.attendance-list > span > i.avatar-b { background:#f1eafa;color:#7656a3; }.attendance-list > span > i.avatar-c { background:#e8f6ed;color:#357957; }.attendance-list b { display: grid; gap: 2px; margin-left: 8px; font-size: .57rem; }.attendance-list small { color: #8aa0aa; font-size: .43rem; font-weight: 500; }.attendance-list em { margin-left: auto; font-size: .51rem; font-style: normal; font-weight: 850; }.attendance-list em.is-leave { padding: 5px 8px; border-radius: 99px; background: #e7f6ec; color: #2d7a51; } @keyframes chart-rise { to { filter:brightness(1.15); transform:scaleY(.92); transform-origin:bottom; } }
.branch-network { position: relative; min-height: 430px; }.network-lines { position: absolute; inset: 10%; border: 1px dashed rgba(164,245,255,.24); border-radius: 50%; box-shadow: 0 0 0 70px rgba(164,245,255,.025),0 0 0 140px rgba(164,245,255,.018); }.network-core,.network-node { display: grid; position: absolute; justify-items: center; text-align: center; }.network-core { z-index: 3; top: 50%; left: 50%; width: 154px; height: 154px; place-content: center; border: 1px solid rgba(164,245,255,.38); border-radius: 50%; background: radial-gradient(circle at 35% 25%,#0d6382,#062a41 70%); box-shadow: 0 0 70px rgba(76,217,239,.18); transform: translate(-50%,-50%); }.network-core img { width: 49px; height: 49px; margin-bottom: 9px; border-radius: 15px; object-fit: cover; }.network-core b { font-size: 1.4rem; }.network-core small { margin-top: 4px; color: rgba(255,255,255,.45); font-size: .65rem; }.network-node { z-index: 4; min-width: 110px; padding: 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: #0b354b; box-shadow: 0 15px 35px rgba(0,0,0,.22); }.network-node i { display: grid; width: 60px; height: 60px; place-items: center; margin-bottom: 7px; border-radius: 11px; background: rgba(164,245,255,.12); color: var(--theme-accent); font-size: 1rem; font-style: normal; font-weight: 900; }.network-node b { font-size: 1.4rem; }.network-node small { margin-top: 3px; color: rgba(255,255,255,.45); font-size: .85rem; }.node-ist { top: 2%; left: 4%; }.node-ank { top: 3%; right: 1%; }.node-izm { bottom: 1%; left: 7%; }.node-api { right: 4%; bottom: 1%; }
.people-flow { display: grid; max-width: 490px; margin-inline: auto; justify-items: center; }.people-flow > span { display: flex; position: relative; width: 100%; max-width: 390px; align-items: center; padding: 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 21px; background: #0b354b; box-shadow: 0 18px 40px rgba(0,0,0,.2); }.people-flow > span > i { display: grid; width: 45px; height: 45px; flex: 0 0 auto; place-items: center; border-radius: 14px; background: rgba(164,245,255,.12); color: var(--theme-accent); font-size: .66rem; font-style: normal; font-weight: 900; }.people-flow > span b { margin-left: 11px; font-size: .68rem; }.people-flow > span small { position: absolute; top: 40px; left: 73px; color: rgba(255,255,255,.45); font-size: .46rem; }.people-flow > span em { display: grid; width: 23px; height: 23px; margin-left: auto; place-items: center; border-radius: 50%; background: #38b77a; font-size: .52rem; font-style: normal; }.flow-request { transform:translateX(-36px); }.flow-manager { transform:translateX(44px); }.flow-hr { transform:translateX(-5px); }.flow-line { display:block;width:1px;height:46px;background:linear-gradient(var(--theme-accent),rgba(164,245,255,.08)); }

.workflow-lab { padding: 145px 0; background: #edf7f9; }.workflow-heading { display: grid; grid-template-columns: .45fr 1.2fr .7fr; gap: 35px; align-items: end; margin-bottom: 60px; }.workflow-heading h2 { margin: 0; font-size: clamp(3.7rem,5.8vw,6.3rem); line-height: .94; }.workflow-heading p { margin: 0; color: #65808d; line-height: 1.7; }.workflow-theater { display: grid; grid-template-columns: 310px 1fr; min-height: 670px; overflow: hidden; border: 1px solid rgba(255,255,255,.9); border-radius: 42px; background: #fff; box-shadow: 0 40px 100px rgba(5,52,75,.13); }.workflow-controls { display: grid; align-content: center; padding: 30px; background: #062b42; }.workflow-controls button { display: flex; align-items: center; padding: 22px 12px; border-bottom: 1px solid rgba(255,255,255,.08); background: transparent; color: rgba(255,255,255,.48); cursor: pointer; text-align: left; transition: color .22s ease,transform .22s ease; }.workflow-controls button:hover,.workflow-controls button.is-active { color: #fff; transform:translateX(6px); }.workflow-controls button > i { display: grid; width: 50px; height: 50px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; font-size: 1rem; font-style: normal; }.workflow-controls button.is-active > i { border-color: var(--theme-accent); background: var(--theme-accent); color: #052c43; }.workflow-controls button span { display: grid; gap: 5px; margin-left: 12px; }.workflow-controls b { font-size: 1rem; }.workflow-controls small { color: inherit; font-size: .75rem; font-weight: 500; }.workflow-screen { display: grid; position: relative; grid-template-columns: .55fr 1.45fr; align-items: center; overflow: hidden; padding: 55px; background: radial-gradient(circle at 70% 35%,#d4f7fc,transparent 31%),linear-gradient(145deg,#fff,#eaf5f7); }.workflow-screen::before { content:""; position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#9dc6cf 1px,transparent 1px),linear-gradient(90deg,#9dc6cf 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000); }.workflow-caption { display:none; position:relative;z-index:2; }.is-entry .caption-entry,.is-scan .caption-scan,.is-verified .caption-verified { display:block; animation:workflow-copy .45s ease both; }.workflow-caption small { color:var(--theme-primary);font-size:.75rem;font-weight:900;letter-spacing:.15em; }.workflow-caption strong { display:block;margin:14px 0;color:#062d44;font-size:2rem;line-height:1.07; }.workflow-caption p { color:#66828f;font-size:1rem;line-height:1.7; }.workflow-devices { position:relative;z-index:2;min-height:510px; }.workflow-tablet { position:absolute;top:35px;right:-20px;width:440px;height:320px;padding:56px 25px 20px;border:7px solid #06273a;border-radius:28px;background:#06344e;box-shadow:0 30px 70px rgba(5,47,70,.28);transform:rotate(2deg); }.workflow-tablet header { display:flex;position:absolute;top:0;right:0;left:0;height:38px;align-items:center;justify-content:center;gap:6px;border-radius:20px 20px 0 0;background:#fff;color:#6d8792;font-size:.47rem; }.workflow-tablet header img { width:12px;height:12px;object-fit:contain; }.workflow-tablet-logo { position:absolute;top:54px;left:23px; }.workflow-tablet-logo .brand-icon { width:31px;height:31px;border-radius:10px;font-size:1.2rem; }.workflow-tablet-logo .brand-wordmark strong { font-size:.72rem; }.workflow-tablet-logo .brand-wordmark small { display:none; }.workflow-qr { width:171px;margin:38px auto 6px;padding:11px;border-radius:16px;background:#fff; }.workflow-tablet > small { display:block;color:rgba(255,255,255,.5);font-size:.42rem;text-align:center; }.workflow-phone { position:absolute;z-index:4;bottom:0;left:30px;width:190px;height:385px;padding:31px 14px;border:6px solid #071e2d;border-radius:31px;background:#f8fbfc;box-shadow:0 27px 62px rgba(2,35,53,.3);transform:rotate(-4deg); }.workflow-phone-icon img { width:27px;height:27px;border-radius:8px;object-fit:cover; }.workflow-phone > small { display:block;margin-top:27px;color:#8298a3;font-size:.42rem; }.workflow-phone h4 { margin:5px 0 17px;font-size:1.05rem; }.workflow-entry-button { display:flex;width:100%;min-height:58px;align-items:center;padding:9px;border:1px solid color-mix(in srgb,var(--theme-primary) 45%,#fff);border-radius:15px;background:#fff; }.workflow-entry-button i { display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:var(--theme-primary);color:#fff;font-style:normal; }.workflow-entry-button span { margin-left:8px;font-size:.57rem;font-weight:800; }.workflow-entry-button em { display:grid;width:18px;height:18px;margin-left:auto;place-items:center;border-radius:50%;background:var(--theme-primary);color:#fff;font-size:.42rem;font-style:normal; }.workflow-camera-frame,.workflow-success { display:none;position:absolute;inset:93px 11px 45px;border-radius:18px; }.workflow-camera-frame { place-items:center;border:2px solid var(--theme-accent);background:linear-gradient(rgba(4,31,47,.83),rgba(4,31,47,.83)),repeating-linear-gradient(45deg,#173b50 0 10px,#234e64 10px 20px);color:#fff; }.workflow-camera-frame i { position:absolute;inset:30px;border:2px solid #fff;border-radius:14px; }.workflow-camera-frame span { z-index:2;padding:7px 9px;border-radius:99px;background:#fff;color:#073149;font-size:.46rem;font-weight:800; }.workflow-success { align-content:center;justify-items:center;background:#fff;text-align:center; }.workflow-success i { display:grid;width:58px;height:58px;place-items:center;margin-bottom:17px;border-radius:19px;background:#e1f7eb;color:#16815a;font-size:1.4rem;font-style:normal; }.workflow-success b { font-size:.77rem; }.workflow-success small { margin-top:5px;color:#78909b;font-size:.47rem; }.workflow-data-pulse { display:none;position:absolute;z-index:7;top:45%;right:285px;left:195px;height:2px;background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent)); }.workflow-data-pulse i { position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(164,245,255,.3);animation:data-pulse 1.6s linear infinite; }.workflow-data-pulse i:nth-child(2){animation-delay:.5s}.workflow-data-pulse i:nth-child(3){animation-delay:1s}.workflow-data-pulse span{position:absolute;top:12px;width:100%;color:#5c7b89;font-size:.43rem;text-align:center;}.is-scan .workflow-camera-frame { display:grid; }.is-scan .workflow-entry-button { opacity:.25; }.is-scan .workflow-data-pulse { display:block; }.is-verified .workflow-success { display:grid; }.is-verified .workflow-entry-button { opacity:.15; } @keyframes workflow-copy{from{opacity:0;transform:translateY(14px)}} @keyframes data-pulse{from{left:0}to{left:100%}}

.trust-section { padding: 150px 0; overflow:hidden;background:#fff; }.trust-grid { display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:center; }.trust-grid h2 { margin:22px 0 27px;font-size:clamp(3.7rem,5.7vw,6.2rem);line-height:.96; }.trust-grid p { max-width:570px;color:#617d8a;line-height:1.8; }.trust-grid > div:first-child > a,.product-text-link { display:inline-flex;margin-top:20px;color:var(--theme-primary-strong);font-size:.73rem;font-weight:850; }.trust-orbit { position:relative;min-height:600px; }.trust-ring { position:absolute;top:50%;left:50%;border:1px dashed #b9d9df;border-radius:50%;transform:translate(-50%,-50%);animation:orbit-spin 45s linear infinite; }.ring-one{width:410px;height:410px}.ring-two{width:570px;height:570px;animation-direction:reverse}.trust-core,.trust-node{display:grid;position:absolute;justify-items:center;text-align:center}.trust-core{z-index:3;top:50%;left:50%;width:190px;height:190px;place-content:center;border-radius:50%;background:#052f48;color:#fff;box-shadow:0 35px 85px rgba(4,46,70,.28);transform:translate(-50%,-50%)}.trust-core img{width:58px;height:58px;margin-bottom:12px;border-radius:18px;object-fit:cover}.trust-core b{font-size:.8rem}.trust-core small{margin-top:5px;color:rgba(255,255,255,.5);font-size:.48rem}.trust-node{z-index:4;width:133px;padding:15px;border:1px solid #dce8ea;border-radius:21px;background:#fff;box-shadow:0 18px 44px rgba(5,50,72,.11)}.trust-node i{display:grid;width:37px;height:37px;place-items:center;margin-bottom:7px;border-radius:12px;background:#edf5f7;color:#78909b;font-style:normal;font-weight:900}.trust-node b{font-size:.62rem}.trust-node small{margin-top:3px;color:#8ba0a9;font-size:.42rem}.trust-location i,.trust-qr i{background:#e4f8ed;color:#16805a}.trust-face{top:5%;left:14%}.trust-finger{top:13%;right:5%}.trust-location{right:4%;bottom:12%}.trust-qr{bottom:4%;left:11%}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}
.product-pricing { padding:150px 0;background:linear-gradient(145deg,#eaf8fa,#fff 52%,color-mix(in srgb,var(--theme-accent) 27%,#fff)); }.product-pricing .pricing-layout { display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(50px,8vw,120px);align-items:center; }.product-pricing .pricing-copy h2 { margin:22px 0 28px;font-size:clamp(4rem,6vw,6.4rem);line-height:.93; }.product-pricing .pricing-copy > p { max-width:590px;color:#617d8a;line-height:1.8; }.pricing-includes { display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:32px; }.pricing-includes span { color:#426577;font-size:.85rem;font-weight:720; }.pricing-includes i { display:inline-grid;width:20px;height:20px;margin-right:7px;place-items:center;border-radius:7px;background:#dff5e9;color:#16805a;font-size:.5rem;font-style:normal; }.product-pricing .pricing-calculator { background:rgba(255,255,255,.9);box-shadow:0 40px 100px rgba(4,57,83,.16); }.pricing-calculator > header > b { display:flex;align-items:center;gap:6px; }.pricing-calculator > header > b i { width:6px;height:6px;border-radius:50%;background:#31ad73;animation:live-dot 1.8s infinite; }
.product-faq { padding:145px 0;background:#fff; }.product-faq .faq-layout { display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,120px); }.product-faq h2 { margin:22px 0;font-size:clamp(3.6rem,5.4vw,5.8rem);line-height:.96; }.product-faq .faq-layout > div:first-child > p { max-width:440px;color:#66818e;line-height:1.75; }
.product-final { position:relative;padding:155px 0;overflow:hidden;background:#052b42;color:#fff;text-align:center; }.final-grid { position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle,#000,transparent 70%); }.product-final .product-shell { position:relative;z-index:2; }.product-final img { width:82px;height:82px;margin:0 auto 24px;border-radius:25px;object-fit:cover;box-shadow:0 18px 45px rgba(0,0,0,.24); }.product-final .product-shell > span { color:var(--theme-accent);font-size:.61rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase; }.product-final h2 { margin:22px 0;font-size:clamp(5rem,9vw,10rem);line-height:.78; }.product-final h2 em { color:var(--theme-accent);font-style:normal; }.product-final p { color:rgba(255,255,255,.6); }.product-final .product-shell > div { display:flex;justify-content:center;gap:10px;margin-top:30px; }.product-final .final-login-button { border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff; }
.product-footer { padding:80px 0 25px;background:#f5fafb; }.product-footer-grid { display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:55px;padding-bottom:65px; }.product-footer-brand p { max-width:300px;margin:20px 0;color:#6e8793;font-size:0.98rem;line-height:1.4; }.product-footer-brand > a { color:var(--theme-primary-strong);font-size:1rem;font-weight:800; }.product-footer nav { display:grid;align-content:start;gap:12px; }.product-footer nav strong { margin-bottom:5px;font-size:1.4rem; }.product-footer nav a { color:#6c8591;font-size:.95rem;transition:color .18s ease,transform .18s ease; }.product-footer nav a:hover { color:var(--theme-primary);transform:translateX(3px); }.product-footer-bottom { display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid #dce8ea;color:#8297a0;font-size:1.2rem; }

/* Platform owner editorial studio */
.platform-content-intro { display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:22px;padding:27px 30px;border:1px solid color-mix(in srgb,var(--theme-primary) 13%,var(--theme-border));border-radius:25px;background:linear-gradient(135deg,var(--theme-surface),color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface)));box-shadow:0 15px 38px color-mix(in srgb,var(--theme-dark) 8%,transparent); }.platform-content-intro h2 { margin-bottom:7px;font-size:1.75rem; }.platform-content-intro p { max-width:760px;margin:0;color:var(--theme-muted);line-height:1.6; }.platform-content-layout { display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start; }.content-page-list { display:grid;position:sticky;top:24px;gap:7px;padding:15px;border:1px solid var(--theme-border);border-radius:23px;background:var(--theme-surface);box-shadow:0 16px 38px color-mix(in srgb,var(--theme-dark) 7%,transparent); }.content-page-list > span { padding:6px 9px 10px;color:var(--theme-muted);font-size:.63rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }.content-page-list a { display:flex;align-items:center;padding:12px 10px;border-radius:14px;color:var(--theme-muted); }.content-page-list a:hover,.content-page-list a.is-active { background:var(--theme-primary-soft);color:var(--theme-dark); }.content-page-list a > i { margin-right:9px;color:#40a978;font-size:.54rem;font-style:normal; }.content-page-list a > div { display:grid;min-width:0;gap:3px; }.content-page-list a strong { overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap; }.content-page-list a small { font-size:.5rem;opacity:.65; }.content-page-list a > b { margin-left:auto; }.rich-editor-card { padding:0;overflow:hidden; }.rich-editor-form { display:grid; }.rich-editor-meta { display:grid;grid-template-columns:.85fr 1.15fr;gap:15px;padding:24px;border-bottom:1px solid var(--theme-border); }.rich-editor-meta textarea { min-height:72px; }.rich-editor-meta label small { color:var(--theme-muted);font-size:.58rem;text-align:right; }.rich-editor-shell { margin:22px;border:1px solid var(--theme-border);border-radius:19px;background:var(--theme-surface);box-shadow:0 12px 28px color-mix(in srgb,var(--theme-dark) 6%,transparent); }.rich-editor-toolbar { display:flex;position:sticky;z-index:4;top:0;flex-wrap:wrap;gap:7px;padding:10px;border-bottom:1px solid var(--theme-border);border-radius:18px 18px 0 0;background:color-mix(in srgb,var(--theme-surface) 94%,var(--theme-primary)); }.rich-editor-toolbar > div { display:flex;gap:3px;padding-right:7px;border-right:1px solid var(--theme-border); }.rich-editor-toolbar > div:last-child { border:0; }.rich-editor-toolbar button { min-height:34px;padding:0 10px;border-radius:9px;background:transparent;color:var(--theme-dark);cursor:pointer;font-size:.68rem; }.rich-editor-toolbar button:hover { background:var(--theme-primary-soft);color:var(--theme-primary-strong); }.rich-editor-canvas { min-height:470px;padding:42px 8%;outline:none;color:#1c3f50;font-family:Georgia,"Times New Roman",serif;font-size:1rem;line-height:1.8; }.rich-editor-canvas h2,.rich-editor-canvas h3 { color:var(--theme-dark);font-family:Inter,ui-sans-serif,system-ui,sans-serif; }.rich-editor-canvas h2 { margin-top:1.7em;font-size:2rem; }.rich-editor-canvas h3 { margin-top:1.5em;font-size:1.35rem; }.rich-editor-canvas blockquote { margin:25px 0;padding:16px 22px;border-left:4px solid var(--theme-primary);background:var(--theme-primary-soft);font-style:italic; }.rich-editor-canvas a { color:var(--theme-primary-strong);text-decoration:underline; }.rich-editor-shell > footer { display:flex;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--theme-border);color:var(--theme-muted);font-size:.55rem; }.rich-editor-actions { display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-primary) 3%,var(--theme-surface)); }.rich-editor-actions > div { display:flex;gap:8px; }.rich-editor-preview { position:fixed;z-index:900;inset:5vh 5vw;padding:0;overflow:auto;border:1px solid var(--theme-border);border-radius:28px;background:var(--theme-surface);box-shadow:0 30px 100px rgba(3,36,54,.28); }.rich-editor-preview > header { display:flex;position:sticky;z-index:2;top:0;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--theme-border);background:var(--theme-surface); }.rich-editor-preview > header > div { display:flex;gap:6px; }.rich-editor-preview > header i { width:9px;height:9px;border-radius:50%;background:#e9b45b; }.rich-editor-preview > header i:first-child{background:#ee7777}.rich-editor-preview > header i:last-child{background:#62c78c}.rich-editor-preview > header button{padding:8px 11px;border-radius:10px;background:var(--theme-dark);color:#fff;cursor:pointer;font-size:.65rem}.rich-editor-preview > article{max-width:820px;margin:auto;padding:60px;font-family:Georgia,"Times New Roman",serif;line-height:1.8}.editor-preview-open{overflow:hidden}.editor-preview-open::after{content:"";position:fixed;z-index:899;inset:0;background:rgba(2,24,36,.56);backdrop-filter:blur(5px)}

/* Public institutional pages */
.public-page-body { background:#f5fafb;color:#153b50; }.public-page-body .product-header { grid-template-columns:1fr auto; }.is-page-header .product-header-actions { justify-self:end; }.public-page-main { min-height:75vh;padding-top:105px; }.public-page-hero { position:relative;padding:50px 0 50px;overflow:hidden;background:linear-gradient(145deg,#f8fdfe,var(--theme-primary-soft)); }.public-page-orbit { position:absolute;top:-230px;right:-100px;width:620px;height:620px;border:1px solid color-mix(in srgb,var(--theme-primary) 22%,transparent);border-radius:50%;box-shadow:0 0 0 90px color-mix(in srgb,var(--theme-primary) 3%,transparent),0 0 0 180px color-mix(in srgb,var(--theme-primary) 2%,transparent); }.public-page-container { position:relative;width:min(1120px,calc(100% - 48px));margin-inline:auto; }.public-page-hero a { display:inline-flex;align-items:center;gap:8px;margin-bottom:40px;color:var(--theme-primary-strong);font-size:.7rem;font-weight:850; }.public-page-hero .section-marker { color:var(--theme-primary); }.public-page-hero h1 { max-width:900px;margin:20px 0 22px;font-size:clamp(1.6rem,4vw,4rem);line-height:.91; }.public-page-hero p { max-width:680px;margin:0;color:#617d8a;font-size:1rem;line-height:1.8; }.public-page-layout { display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:70px;align-items:start;padding-top:70px;padding-bottom:110px; }.public-page-article { color:#315466;font-family:Georgia,"Times New Roman",serif;font-size:1.02rem;line-height:1.9; }.public-page-article h2,.public-page-article h3 { color:#082f45;font-family:Inter,ui-sans-serif,system-ui,sans-serif; }.public-page-article h2 { margin:2em 0 .6em;font-size:2.2rem; }.public-page-article h2:first-child { margin-top:0; }.public-page-article h3 { margin:1.7em 0 .5em;font-size:1.35rem; }.public-page-article a { color:var(--theme-primary-strong);text-decoration:underline;text-underline-offset:3px; }.public-page-article blockquote { margin:28px 0;padding:20px 24px;border-left:4px solid var(--theme-primary);border-radius:0 16px 16px 0;background:var(--theme-primary-soft); }.public-page-article li { margin-bottom:8px; }.public-page-index { display:grid;position:sticky;top:110px;gap:5px;padding:16px;border:1px solid var(--theme-border);border-radius:20px;background:#fff;box-shadow:0 16px 40px rgba(5,51,73,.08); }.public-page-index > span { padding:5px 8px 10px;color:#8298a3;font-size:1.4rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }.public-page-index a { padding:10px 9px;border-radius:11px;color:#66818d;font-size:1rem;font-weight:700; }.public-page-index a:hover,.public-page-index a.is-active { background:var(--theme-primary-soft);color:var(--theme-primary-strong); }.public-page-not-found { display:grid;min-height:70vh;place-content:center;padding:40px;text-align:center; }.public-page-not-found strong { color:var(--theme-primary);font-size:4rem; }.public-page-not-found h1 { font-size:3rem; }.compact-product-footer { padding-top:55px; }

.public-page-breadcrumb { display:flex;align-items:center;gap:9px;margin-bottom:40px;color:#718b97;font-size:.68rem;font-weight:750; }.public-page-breadcrumb a { margin:0;color:var(--theme-primary-strong); }.public-page-breadcrumb strong { max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.public-page-article > footer { display:flex;align-items:center;justify-content:space-between;margin-top:70px;padding-top:20px;border-top:1px solid var(--theme-border);color:#8298a3;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.6rem; }.public-page-article > footer strong { color:#476776; }.public-page-index a { display:flex;align-items:center;justify-content:space-between; }.public-page-index a i { font-style:normal;opacity:.45; }.public-page-not-found { justify-items:center; }.public-page-not-found .brand-lockup { margin-bottom:30px; }.compact-product-footer .product-footer-grid { grid-template-columns:1.6fr 1fr 1.3fr; }

@media (max-width:1180px) {
  .product-header { grid-template-columns:1fr auto; }.marketing-menu-toggle { display:block;justify-self:end; }.product-nav-links,.product-header-actions { display:none;position:absolute;right:0;left:0;background:rgba(255,255,255,.98); }.product-nav-links { top:calc(100% + 8px);padding:14px;border:1px solid var(--theme-border);border-radius:18px;box-shadow:0 20px 50px rgba(3,42,67,.14); }.product-header-actions { top:calc(100% + 222px);padding:0 14px 14px;border-radius:0 0 18px 18px; }.marketing-menu-open .product-nav-links { display:grid; }.marketing-menu-open .product-header-actions { display:flex; }.marketing-menu-open { overflow:hidden; }
  .product-hero { min-height:1500px; }.product-hero-grid { grid-template-columns:minmax(0,1fr); }.product-hero-copy { min-width:0;max-width:800px;padding-bottom:20px; }.product-stage { width:min(820px,100%);margin:auto; }.vitrine-tablet { right:0; }.operating-heading { grid-template-columns:1fr; }.workflow-theater { grid-template-columns:260px 1fr; }.workflow-screen { grid-template-columns:1fr; }.workflow-caption { position:absolute;z-index:10;top:35px;left:35px;width:210px; }.workflow-caption strong { font-size:1.45rem; }.workflow-devices { margin-left:120px; }.platform-content-layout { grid-template-columns:220px minmax(0,1fr); }
}
@media (max-width:900px) {
  .product-shell,.public-page-container { width:min(100% - 30px,1280px); }.product-header { top:10px;right:10px;left:10px;min-height:62px;border-radius:19px; }.product-header .brand-icon { width:37px;height:37px;border-radius:12px; }.product-header .brand-wordmark small { display:none; }
  .product-hero { min-height:1260px;padding-top:125px; }.product-hero-copy { padding-bottom:0; }.product-hero-copy h1 { font-size:clamp(4rem,12vw,6.6rem); }.product-stage { min-height:550px;margin-top:15px;transform:scale(.76);transform-origin:top center; }.vitrine-tablet { right:50%;transform:translateX(50%) rotateZ(1deg); }.vitrine-phone { right:auto;left:calc(50% - 330px); }.event-location { left:0; }.event-record { right:0; }
  .product-manifesto,.product-operating-system,.workflow-lab,.trust-section,.product-pricing,.product-faq { padding-block:100px; }.manifesto-grid,.operating-heading,.operation-scene,.operation-scene:nth-child(even),.trust-grid,.product-pricing .pricing-layout,.product-faq .faq-layout { grid-template-columns:1fr; }.manifesto-grid p { margin-left:0; }.manifesto-measures { grid-template-columns:1fr 1fr; }.manifesto-measures article:nth-child(2){border-right:0}.manifesto-measures article:nth-child(-n+2){border-bottom:1px solid #dce7e9}.operation-scene,.operation-scene:nth-child(even){min-height:0;gap:55px;padding:45px}.scene-network .branch-network{order:2}.workflow-heading{grid-template-columns:1fr}.workflow-theater{grid-template-columns:1fr}.workflow-controls{grid-template-columns:repeat(3,1fr);padding:12px}.workflow-controls button{padding:15px 8px;border-right:1px solid rgba(255,255,255,.08);border-bottom:0}.workflow-controls button:hover,.workflow-controls button.is-active{transform:none}.workflow-controls button small{display:none}.workflow-screen{min-height:600px}.trust-orbit{min-height:580px}.product-footer-grid{grid-template-columns:1fr 1fr}.product-footer-brand{grid-column:1/-1}.platform-content-intro{align-items:flex-start;flex-direction:column}.platform-content-layout{grid-template-columns:1fr}.content-page-list{position:static;grid-template-columns:repeat(3,1fr)}.content-page-list>span{grid-column:1/-1}.public-page-layout{grid-template-columns:1fr;gap:30px}.public-page-index{position:static;order:-1}.public-page-hero{padding-top:70px}
}
@media (max-width:620px) {
  .product-hero { min-height:1020px; }.product-hero-copy h1 { font-size:clamp(3.6rem,17vw,5rem); }.product-kicker{font-size:.54rem}.product-lead{font-size:.87rem}.product-hero-actions{align-items:stretch;flex-direction:column}.product-play-link{justify-content:center}.product-trust-row{gap:10px}.product-trust-row span{padding-right:10px;font-size:.48rem}.product-stage{width:730px;left:50%;justify-self:start;min-height:440px;transform:translateX(-50%) scale(.55);transform-origin:top center}.product-signal-rail>div{height:62px}.manifesto-grid h2,.operating-heading h2,.workflow-heading h2,.trust-grid h2,.product-pricing .pricing-copy h2,.product-faq h2{font-size:clamp(3rem,13vw,4.5rem)}.manifesto-measures article{min-height:110px;padding:16px}.manifesto-measures strong{font-size:2rem}.operation-scene,.operation-scene:nth-child(even){padding:25px 18px;border-radius:28px}.scene-copy h3{font-size:2.5rem}.attendance-product-card{padding:15px}.branch-network{transform:scale(.85);margin:-25px}.people-flow>span{max-width:300px}.flow-request,.flow-manager,.flow-hr{transform:none}.workflow-theater{border-radius:28px}.workflow-controls{display:flex;overflow-x:auto}.workflow-controls button{min-width:145px}.workflow-screen{min-height:600px;padding:20px}.workflow-caption{top:25px;left:24px}.workflow-devices{width:520px;margin:90px 0 0 -140px;transform:scale(.7)}.trust-orbit{min-height:430px;transform:scale(.72);margin:-60px}.pricing-includes{grid-template-columns:1fr}.product-final{padding-block:105px}.product-final h2{font-size:clamp(4rem,20vw,6.5rem)}.product-final .product-shell>div{align-items:stretch;flex-direction:column}.product-footer-grid{grid-template-columns:1fr}.product-footer-brand{grid-column:auto}.product-footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}.content-page-list{grid-template-columns:1fr 1fr}.rich-editor-meta{grid-template-columns:1fr}.rich-editor-shell{margin:12px}.rich-editor-toolbar{position:static;overflow-x:auto;flex-wrap:nowrap}.rich-editor-toolbar>div{flex:0 0 auto}.rich-editor-canvas{min-height:420px;padding:28px 20px}.rich-editor-actions{align-items:stretch;flex-direction:column;gap:15px}.rich-editor-actions>div{display:grid}.platform-content-intro{padding:22px 18px}.public-page-main{padding-top:82px}.public-page-hero{padding:60px 0}.public-page-hero h1{font-size:3.4rem}.public-page-layout{padding-top:40px;padding-bottom:70px}.public-page-article{font-size:.91rem}.public-page-article h2{font-size:1.75rem}
}

/* 4.3.2 — resilient tablet form-factor verification */
.tablet-verification-body { min-height:100vh;background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--theme-accent) 58%,transparent),transparent 34%),linear-gradient(145deg,#f8fdfe,#edf8fa 58%,color-mix(in srgb,var(--theme-primary-soft) 66%,#fff)); }
.tablet-verification-shell { display:grid;width:min(100% - 32px,680px);min-height:100vh;place-items:center;margin:auto;padding:36px 0; }
.tablet-verification-card { width:100%;padding:clamp(30px,6vw,58px);border-radius:34px;box-shadow:0 35px 100px color-mix(in srgb,var(--theme-dark) 16%,transparent); }
.tablet-verification-card .brand-lockup { width:max-content;max-width:100%;margin:0 auto 34px; }
.tablet-verification-card h1 { margin:10px 0 14px;font-size:clamp(2.35rem,7vw,4rem);letter-spacing:-.055em; }
.tablet-verification-card > p { max-width:510px;margin:0 auto 18px; }
.tablet-verification-card .alert { margin:0 0 18px;text-align:left; }
.tablet-verification-icon { display:grid;position:relative;width:86px;height:86px;place-items:center;margin:0 auto 22px;border:1px solid color-mix(in srgb,var(--theme-primary) 24%,#fff);border-radius:28px;background:linear-gradient(145deg,var(--theme-primary-soft),#fff);color:var(--theme-primary-strong);font-size:2.35rem;box-shadow:0 18px 38px color-mix(in srgb,var(--theme-primary) 15%,transparent); }
.tablet-verification-icon i { position:absolute;right:11px;bottom:11px;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#2fbd7c;box-shadow:0 0 0 5px rgba(47,189,124,.15); }
.tablet-verification-progress { display:flex;justify-content:center;gap:8px;margin:19px 0 24px; }
.tablet-verification-progress i { width:9px;height:9px;border-radius:50%;background:var(--theme-primary);animation:tablet-verification-pulse 1.15s ease-in-out infinite; }
.tablet-verification-progress i:nth-child(2) { animation-delay:.15s; }.tablet-verification-progress i:nth-child(3) { animation-delay:.3s; }
.tablet-verification-card form { max-width:390px;margin:0 auto; }.tablet-verification-card .back-link { display:block;margin-top:19px; }
@keyframes tablet-verification-pulse { 0%,80%,100%{opacity:.28;transform:scale(.72)} 40%{opacity:1;transform:scale(1)} }
@media (max-width:620px) { .tablet-verification-shell{width:min(100% - 18px,680px);padding:10px 0}.tablet-verification-card{padding:30px 20px;border-radius:28px}.tablet-verification-card h1{font-size:2.6rem} }

/* 4.3.1 — secure access hub, reCAPTCHA and kiosk hardening */
.secure-auth-body { display:block;min-height:100vh;padding:0;background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--theme-accent) 54%,transparent),transparent 30%),linear-gradient(145deg,#f8fdfe,#edf8fa 56%,color-mix(in srgb,var(--theme-primary-soft) 64%,#fff)); }
.secure-auth-shell { width:min(1220px,calc(100% - 40px));min-height:100vh;margin:auto;padding:30px 0 54px; }
.inner-breadcrumb,.checkout-breadcrumb { display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#78909b;font-size:.65rem;font-weight:760; }
.inner-breadcrumb { min-height:42px;margin-bottom:24px; }.inner-breadcrumb a,.checkout-breadcrumb a { color:var(--theme-primary-strong); }.inner-breadcrumb strong,.checkout-breadcrumb strong { color:var(--theme-dark); }.inner-breadcrumb span,.checkout-breadcrumb span { opacity:.45; }
.login-hub { padding:clamp(28px,5vw,68px);border:1px solid rgba(255,255,255,.92);border-radius:38px;background:rgba(255,255,255,.78);box-shadow:0 35px 100px color-mix(in srgb,var(--theme-dark) 12%,transparent);backdrop-filter:blur(25px); }
.login-hub > header { max-width:790px;margin:0 auto 45px;text-align:center; }.login-hub > header .brand-lockup { width:max-content;margin:0 auto 38px; }.login-hub > header .eyebrow { margin-bottom:15px; }.login-hub > header h1 { margin-bottom:17px;font-size:clamp(2.8rem,6vw,5.7rem);line-height:.94;letter-spacing:-.065em; }.login-hub > header p { margin:0;color:#64808e;font-size:1rem; }
.login-portal-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:15px; }.login-portal-card { display:grid;position:relative;min-height:260px;grid-template-rows:auto 1fr auto;padding:25px;overflow:hidden;border:1px solid #dce9eb;border-radius:27px;background:#fff;color:#133c51;box-shadow:0 16px 38px rgba(4,47,70,.07);transition:transform .2s ease,box-shadow .2s ease,border .2s ease; }.login-portal-card:hover { transform:translateY(-5px);border-color:color-mix(in srgb,var(--theme-primary) 34%,#dce9eb);box-shadow:0 25px 55px rgba(4,47,70,.13); }.login-portal-card.is-company { background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));color:#fff; }.login-portal-card.is-disabled { cursor:not-allowed;filter:saturate(.45);opacity:.64; }.login-portal-card.is-disabled:hover { transform:none;box-shadow:0 16px 38px rgba(4,47,70,.07); }.login-portal-icon { display:grid;width:55px;height:55px;place-items:center;border-radius:17px;background:var(--theme-primary-soft);color:var(--theme-primary-strong);font-size:1.45rem; }.is-company .login-portal-icon { background:rgba(255,255,255,.12);color:var(--theme-accent); }.login-portal-card > div { align-self:end;padding-top:28px; }.login-portal-card small,.login-portal-card strong,.login-portal-card p { display:block; }.login-portal-card small { margin-bottom:8px;color:var(--theme-primary-strong);font-size:.56rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase; }.is-company small { color:var(--theme-accent); }.login-portal-card strong { font-size:1.5rem; }.login-portal-card p { margin:9px 0 0;color:#718a96;font-size:.7rem;line-height:1.6; }.is-company p { color:rgba(255,255,255,.58); }.login-portal-card > i { position:absolute;right:22px;top:22px;font-size:1rem;font-style:normal; }.login-hub > footer { display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:32px;color:#6c8692;font-size:.62rem;font-weight:750; }.login-hub > footer i { display:inline-grid;width:20px;height:20px;margin-right:5px;place-items:center;border-radius:7px;background:#e4f7ed;color:#16815a;font-style:normal; }
.secure-login-layout { display:grid;min-height:760px;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:38px;background:#fff;box-shadow:0 38px 110px rgba(4,49,72,.15); }.secure-login-intro { display:flex;position:relative;flex-direction:column;justify-content:center;padding:clamp(42px,7vw,94px);overflow:hidden;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--theme-accent) 55%,transparent),transparent 35%),linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));color:#fff; }.secure-login-intro::after { content:"";position:absolute;width:430px;height:430px;right:-250px;bottom:-250px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 75px rgba(255,255,255,.035),0 0 0 150px rgba(255,255,255,.02); }.secure-login-intro .brand-lockup { width:max-content;margin-bottom:70px; }.secure-login-intro .eyebrow { color:var(--theme-accent); }.secure-login-intro h1 { max-width:650px;margin:18px 0 23px;font-size:clamp(3.2rem,5.4vw,6rem);line-height:.91;letter-spacing:-.068em; }.secure-login-intro > p { max-width:570px;color:rgba(255,255,255,.62);line-height:1.8; }.secure-login-points { display:grid;gap:10px;margin-top:38px; }.secure-login-points span { color:rgba(255,255,255,.75);font-size:.68rem;font-weight:700; }.secure-login-points i { display:inline-grid;width:21px;height:21px;margin-right:8px;place-items:center;border-radius:7px;background:rgba(255,255,255,.1);color:var(--theme-accent);font-style:normal; }
.secure-login-card { align-self:stretch;width:auto;max-width:none;padding:clamp(38px,7vw,88px);border:0;border-radius:0;box-shadow:none; }.secure-login-card h2 { margin:9px 0 10px;font-size:2.5rem; }.secure-login-card > .muted { margin-bottom:28px; }.secure-login-card > .back-link { margin-top:22px; }.secure-login-card .form-stack { max-width:500px; }
.browser-check-status { display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #dce8ea;border-radius:15px;background:#f7fafb;color:#6e8792; }.browser-check-status > i,.recaptcha-disabled-note > i { display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:9px;background:#e9f1f3;font-style:normal;font-weight:900; }.browser-check-status span,.browser-check-status b,.browser-check-status small { display:block; }.browser-check-status b { font-size:.66rem; }.browser-check-status small { margin-top:3px;font-size:.54rem; }.browser-check-status.is-ready { border-color:#bee6d0;background:#effaf4;color:#176a49; }.browser-check-status.is-ready > i { background:#dff5e9;color:#148257; }.browser-check-status.is-error { border-color:#efc5c8;background:#fff4f4;color:#a3343b; }.recaptcha-shell { max-width:100%;overflow:hidden;border-radius:12px; }.recaptcha-disabled-note { display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px dashed #d4e0e3;border-radius:14px;color:#748c97;font-size:.6rem;line-height:1.5; }.recaptcha-disabled-note > i { background:var(--theme-primary-soft);color:var(--theme-primary-strong); }
.device-block-card { width:min(560px,100%);margin:8vh auto 0;text-align:center; }.device-block-card .brand-lockup { width:max-content;margin:0 auto 32px; }.device-block-icon { display:grid;width:78px;height:78px;margin:0 auto 18px;place-items:center;border-radius:25px;background:var(--theme-primary-soft);color:var(--theme-primary);font-size:2rem; }.device-block-card h1 { margin:10px 0 15px;font-size:2.8rem; }.device-block-card .button { margin-top:23px; }.device-block-card .back-link { display:block;margin-top:18px; }
.owner-login-breadcrumb { position:absolute;z-index:5;top:20px;left:26px;padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px); }.secure-owner-login .owner-login-shell { position:relative; }.secure-owner-login .browser-check-status { max-width:480px; }
.security-settings-grid { display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:start; }.security-settings-card,.browser-security-overview { padding:clamp(24px,4vw,42px); }.security-settings-card h2,.browser-security-overview h2 { margin:8px 0 13px;font-size:2rem; }.security-settings-card > p { margin-bottom:28px;line-height:1.7; }.security-check-list { display:grid;gap:10px;margin-top:25px; }.security-check-list span { display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:14px;border:1px solid var(--theme-border);border-radius:16px;background:color-mix(in srgb,var(--theme-primary-soft) 32%,var(--theme-surface)); }.security-check-list i { display:grid;width:30px;height:30px;grid-row:1/3;place-items:center;border-radius:10px;background:#dff5e9;color:#16815a;font-style:normal;font-weight:900; }.security-check-list b { font-size:.7rem; }.security-check-list small { margin-top:3px;color:var(--theme-muted);font-size:.58rem; }.security-domain-note { margin-top:18px;padding:18px;border-radius:18px;background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));color:#fff; }.security-domain-note strong { color:var(--theme-accent);font-size:.75rem; }.security-domain-note p { margin:7px 0 0;color:rgba(255,255,255,.62);font-size:.65rem;line-height:1.55; }.mail-settings-card { grid-column:1/-1; }.password-reset-layout { min-height:640px; }.password-reset-shell { padding-bottom:45px; }
.checkout-breadcrumb { justify-self:start; }.sales-checkout-header > .checkout-breadcrumb { max-width:320px; }.sales-consent a { color:var(--theme-primary-strong);font-weight:800;text-decoration:underline;text-underline-offset:2px; }.tablet-logout-pattern { width:min(260px,70vw); }.tablet-logout-sheet:has(.tablet-logout-pattern) { width:min(540px,calc(100% - 30px));max-height:94vh;overflow:auto; }.tablet-screen-lock:not([hidden]) { animation:kiosk-lock-in .22s ease-out; } @keyframes kiosk-lock-in{from{opacity:0}.01%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}

@media (max-width:900px) {
  .login-portal-grid { grid-template-columns:1fr; }.login-portal-card { min-height:190px; }.secure-login-layout { grid-template-columns:1fr; }.secure-login-intro { min-height:440px; }.secure-login-intro .brand-lockup { margin-bottom:40px; }.security-settings-grid { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .secure-auth-shell { width:min(100% - 20px,1220px);padding-top:10px; }.login-hub { padding:28px 14px;border-radius:28px; }.login-hub > header { margin-bottom:27px; }.login-hub > header .brand-lockup { margin-bottom:26px; }.login-hub > header h1 { font-size:2.75rem; }.login-hub > footer { align-items:flex-start;flex-direction:column;padding-inline:9px; }.secure-login-layout { border-radius:28px; }.secure-login-intro { min-height:390px;padding:34px 25px; }.secure-login-intro h1 { font-size:3.25rem; }.secure-login-intro .brand-lockup { margin-bottom:38px; }.secure-login-card { padding:34px 20px; }.secure-login-card h2 { font-size:2rem; }.recaptcha-shell { transform-origin:top left; }.recaptcha-shell .g-recaptcha { transform:scale(.86);transform-origin:top left;margin-bottom:-11px; }.owner-login-breadcrumb { top:10px;left:10px;max-width:calc(100% - 20px); }.checkout-breadcrumb strong { display:none; }.sales-checkout-header > .checkout-breadcrumb { max-width:180px; }.tablet-logout-sheet:has(.tablet-logout-pattern) { width:100%;max-height:96dvh;top:auto;bottom:0;transform:translateX(-50%);border-radius:28px 28px 0 0; }.password-reset-layout { min-height:0; }
}

/* 4.8.0 — premium access, white-label controls and request ownership */
.login-hub-premium { position:relative;isolation:isolate;padding:clamp(34px,5vw,72px);overflow:hidden;border-color:rgba(255,255,255,.96);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,252,253,.82));box-shadow:0 42px 120px rgba(3,45,68,.14); }
.login-hub-premium::before { content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(40,111,131,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(40,111,131,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 67%); }
.login-hub-orb { position:absolute;z-index:-1;border-radius:999px;filter:blur(2px);pointer-events:none; }
.login-hub-orb.is-one { width:360px;height:360px;top:-220px;right:-80px;background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent) 72%,transparent),transparent 69%); }
.login-hub-orb.is-two { width:310px;height:310px;bottom:-220px;left:-110px;background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary-soft) 88%,transparent),transparent 70%); }
.login-hub-premium > header { max-width:850px;margin-bottom:48px; }
.login-hub-premium > header .brand-lockup { margin-bottom:30px; }
.login-security-kicker { display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--theme-primary-strong);font-size:.61rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase; }
.login-security-kicker svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.login-hub-premium > header h1 { margin:0 0 20px;color:var(--theme-dark);font-size:clamp(3.15rem,6vw,6.3rem);line-height:.88;letter-spacing:-.072em; }
.login-hub-premium > header h1 span { color:var(--theme-primary); }
.login-hub-premium > header p { max-width:690px;margin-inline:auto;color:var(--theme-muted);font-size:clamp(.85rem,1.4vw,1.03rem);line-height:1.75; }
.login-hub-premium .login-portal-grid { gap:18px; }
.login-hub-premium .login-portal-card { min-height:330px;padding:28px;border-radius:30px;box-shadow:0 18px 45px rgba(4,47,70,.08); }
.login-hub-premium .login-portal-card::before { content:"";position:absolute;width:190px;height:190px;right:-115px;bottom:-120px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:50%;box-shadow:0 0 0 34px color-mix(in srgb,currentColor 3%,transparent),0 0 0 68px color-mix(in srgb,currentColor 2%,transparent);pointer-events:none; }
.login-hub-premium .login-portal-card:hover { transform:translateY(-7px);box-shadow:0 30px 72px rgba(4,47,70,.15); }
.login-hub-premium .login-portal-card.is-company { background:radial-gradient(circle at 85% 5%,rgba(120,224,241,.18),transparent 31%),linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong)); }
.login-hub-premium .login-portal-card.is-tablet { border-color:color-mix(in srgb,var(--theme-primary) 25%,#dce9eb);background:linear-gradient(150deg,#fff,color-mix(in srgb,var(--theme-primary-soft) 52%,#fff)); }
.login-portal-top { display:flex;align-items:center;justify-content:space-between; }
.login-portal-top > b { color:color-mix(in srgb,currentColor 28%,transparent);font-size:.65rem;letter-spacing:.13em; }
.login-hub-premium .login-portal-icon { width:62px;height:62px;border:1px solid color-mix(in srgb,var(--theme-primary) 12%,transparent);border-radius:20px;background:linear-gradient(145deg,var(--theme-primary-soft),#fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 11px 28px rgba(4,65,86,.1); }
.login-hub-premium .is-company .login-portal-icon { border-color:rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 28px rgba(0,0,0,.12); }
.login-portal-icon svg { width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.login-hub-premium .login-portal-card > div { align-self:end;padding-top:38px; }
.login-hub-premium .login-portal-card strong { font-size:1.68rem;letter-spacing:-.035em; }
.login-hub-premium .login-portal-card p { max-width:290px;font-size:.71rem;line-height:1.7; }
.login-portal-action { display:flex;position:relative;z-index:1;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent); }
.login-portal-action em { font-size:.62rem;font-style:normal;font-weight:800; }
.login-portal-action i { display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:var(--theme-primary-soft);color:var(--theme-primary-strong);font-style:normal;transition:transform .2s ease,background .2s ease; }
.login-portal-action i svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.is-company .login-portal-action i { background:rgba(255,255,255,.12);color:#fff; }
.login-portal-card:hover .login-portal-action i { transform:translateX(3px); }
.login-hub-premium .login-portal-card.is-disabled .login-portal-action i { background:#edf1f2;color:#87999f; }
.login-trust-strip { position:relative;z-index:1;padding-top:8px; }
.login-trust-strip span { display:inline-flex;align-items:center; }
.login-hub-premium > .login-trust-strip i { width:25px;height:25px;border:1px solid #cdebdc;border-radius:9px; }
.login-trust-strip svg { width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round; }

.tl-icon text { fill:currentColor;stroke:none;font-family:Arial,"Helvetica Neue",sans-serif;font-size:18px;font-weight:800; }
.screen-icon .tl-icon text { font-size:17px; }
.request-route-info { display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:13px;border:1px solid color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border));border-radius:16px;background:color-mix(in srgb,var(--theme-primary-soft) 52%,var(--theme-surface)); }
.request-route-info > i { display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:var(--theme-primary);color:var(--theme-on-primary);font-size:.61rem;font-style:normal;font-weight:900;letter-spacing:.04em; }
.request-route-info span,.request-route-info strong,.request-route-info small { display:block; }
.request-route-info strong { font-size:.7rem; }.request-route-info small { margin-top:4px;color:var(--theme-muted);font-size:.57rem;line-height:1.5; }

.settings-grid-expanded { grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);align-items:start; }
.settings-brand-card,.department-responsibility-card { padding:clamp(24px,3.6vw,42px); }
.tenant-theme-group { display:grid;gap:14px;padding:18px;border:1px solid var(--theme-border);border-radius:19px;background:color-mix(in srgb,var(--theme-primary-soft) 25%,var(--theme-surface)); }
.tenant-theme-group > legend { padding:0 8px;color:var(--theme-primary-strong);font-size:.69rem;font-weight:900; }
.form-grid.three-col { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tenant-brand-assets label { min-width:0;padding:14px;border:1px dashed var(--theme-border);border-radius:16px;background:var(--theme-surface); }
.tenant-brand-assets small { display:block;margin:4px 0 10px;color:var(--theme-muted);font-size:.54rem; }
.tenant-theme-preview { display:grid;grid-template-columns:1fr;gap:14px;margin:4px 0 2px;padding:16px;border-radius:20px;background:color-mix(in srgb,var(--theme-primary-soft) 40%,var(--theme-surface)); }
.tenant-theme-preview > header { display:flex;align-items:flex-end;justify-content:space-between;gap:12px; }
.tenant-theme-preview > header small { text-align:right; }
.tenant-theme-preview-layout { display:grid;min-height:190px;grid-template-columns:92px 1fr;grid-template-rows:1fr 70px;overflow:hidden;border:1px solid var(--theme-border);border-radius:17px;background:#fff;box-shadow:0 15px 35px rgba(7,45,62,.1); }
.tenant-theme-preview-layout aside { display:grid;grid-row:1/3;align-content:start;gap:8px;padding:16px 10px;background:var(--preview-sidebar,#063b4b); }
.tenant-theme-preview-layout aside i { display:block;height:25px;border-radius:8px;background:var(--preview-menu,#0b5063); }
.tenant-theme-preview-layout aside i:nth-child(2) { background:var(--preview-menu-hover,#fff);box-shadow:inset 4px 0 0 var(--preview-primary,#009ecd); }
.tenant-theme-preview-layout main { display:grid;align-content:center;justify-items:center;gap:14px;padding:18px;color:var(--preview-text,#082032);background:linear-gradient(145deg,#fff,#f6fafb); }
.tenant-theme-preview-layout main span { width:58%;height:9px;border-radius:99px;background:color-mix(in srgb,var(--preview-text,#082032) 16%,transparent);box-shadow:0 18px 0 color-mix(in srgb,var(--preview-text,#082032) 9%,transparent); }
.tenant-theme-preview-layout main b { margin-top:18px;padding:10px 17px;border-radius:10px;background:var(--preview-button,#009ecd);color:var(--preview-button-text,#fff);font-size:.55rem; }
.tenant-theme-preview-layout footer { display:grid;grid-column:2;align-content:center;padding:13px 18px;background:var(--preview-tablet,#006e8f);color:var(--preview-tablet-text,#fff); }
.tenant-theme-preview-layout footer strong,.tenant-theme-preview-layout footer small { color:inherit; }
.department-account-list article { border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-primary-soft) 28%,var(--theme-surface)); }
.department-account-list article.is-responsible { border-color:color-mix(in srgb,var(--theme-primary) 34%,var(--theme-border));box-shadow:inset 4px 0 0 var(--theme-primary); }
.department-assignment-form { padding-top:18px;border-top:1px solid var(--theme-border); }
.responsibility-route-note { display:grid;gap:5px;padding:14px;border-radius:16px;background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));color:#fff; }
.responsibility-route-note strong { color:var(--theme-accent);font-size:.68rem; }.responsibility-route-note span { color:rgba(255,255,255,.72);font-size:.58rem;line-height:1.55; }
.tablet-logo-image { display:flex;max-width:min(330px,46vw);align-items:center; }
.tablet-logo-image img { width:auto;height:auto;max-width:100%;max-height:72px;object-fit:contain; }
.tablet-header { border-bottom-color:color-mix(in srgb,var(--tenant-tablet-text,#fff) 18%,transparent); }
.tablet-location small,.tablet-clock span,.touchless-note small { color:color-mix(in srgb,var(--tenant-tablet-text,#fff) 68%,transparent); }
.tablet-action { border-color:color-mix(in srgb,var(--tenant-tablet-text,#fff) 22%,transparent);background:color-mix(in srgb,var(--tenant-tablet-text,#fff) 9%,transparent);color:var(--tenant-tablet-text,#fff); }
.tablet-action:hover { background:color-mix(in srgb,var(--tenant-tablet-text,#fff) 16%,transparent); }
.mode-toggle,.touchless-note { border-color:color-mix(in srgb,var(--tenant-tablet-text,#fff) 17%,transparent);background:color-mix(in srgb,var(--tenant-tablet-text,#fff) 8%,transparent); }
.mode-button { color:color-mix(in srgb,var(--tenant-tablet-text,#fff) 72%,transparent); }
.mode-button.active,.touchless-note > span { background:var(--tenant-tablet-text,#fff);color:var(--tenant-tablet-bg,var(--theme-primary-strong)); }
.tenant-theme-preview-layout aside i { position:relative; }
.tenant-theme-preview-layout aside i::before { content:"";position:absolute;width:42%;height:3px;top:11px;left:9px;border-radius:99px;background:var(--preview-menu-text,#d9f2f7); }
.tenant-theme-preview-layout aside i:nth-child(2)::before { width:54%;background:var(--preview-menu-hover-text,#063b4b); }

@media (max-width:1050px) {
  .settings-grid-expanded { grid-template-columns:1fr; }
  .department-responsibility-card { order:-1; }
}
@media (max-width:900px) {
  .login-hub-premium .login-portal-card { min-height:245px; }
}
@media (max-width:700px) {
  .form-grid.three-col { grid-template-columns:1fr; }
  .tenant-theme-preview-layout { grid-template-columns:72px 1fr; }
}
@media (max-width:620px) {
  .login-hub-premium { padding:28px 14px 30px; }
  .login-hub-premium > header h1 { font-size:2.9rem;line-height:.92; }
  .login-hub-premium > header p { padding-inline:8px;font-size:.76rem; }
  .login-hub-premium .login-portal-card { min-height:255px;padding:22px;border-radius:24px; }
  .login-hub-premium .login-portal-card > div { padding-top:28px; }
  .login-trust-strip { padding-inline:8px; }
  .tenant-theme-preview > header { align-items:flex-start;flex-direction:column; }
  .tenant-theme-preview > header small { text-align:left; }
}

/* 5.0.0 — concise premium product story */
.attendance-product-card { position:relative; }
.attendance-product-card::before { content:"YÖNETİM PANELİ  ·  CANLI";position:absolute;top:-17px;left:22px;padding:7px 11px;border:1px solid rgba(164,245,255,.26);border-radius:999px;background:#082f46;color:var(--theme-accent);box-shadow:0 10px 25px rgba(0,0,0,.22);font-size:.44rem;font-weight:900;letter-spacing:.12em; }
.people-flow::after { content:"₺  Avans talebi   →   Finans sorumlusu";display:flex;width:min(100%,420px);min-height:54px;align-items:center;justify-content:center;margin-top:25px;border:1px solid rgba(164,245,255,.22);border-radius:18px;background:linear-gradient(120deg,rgba(164,245,255,.16),rgba(255,255,255,.05));color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.18);font-size:.58rem;font-weight:850;letter-spacing:.02em;animation:finance-route 3.8s ease-in-out infinite; }
@keyframes finance-route { 50% { border-color:var(--theme-accent);box-shadow:0 16px 45px rgba(71,211,230,.2);transform:translateY(-4px); } }
@media (max-width:1100px) { .product-nav-links a { justify-content:flex-start; }.product-nav-links a i { width:34px;height:34px; }.marketing-menu-open .product-header-actions { top:calc(100% + 184px); } }

/* 5.0.4 — secure employee Excel import */
.employee-entry-hub { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px; }
.employee-entry-option { display:grid;min-width:0;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:20px;border:1px solid var(--theme-border);border-radius:22px;background:var(--theme-surface);color:var(--theme-dark);box-shadow:0 14px 35px rgba(7,51,69,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.employee-entry-option:hover { transform:translateY(-3px);border-color:color-mix(in srgb,var(--theme-primary) 38%,var(--theme-border));box-shadow:0 22px 48px rgba(7,51,69,.11); }
.employee-entry-option.is-featured { border-color:color-mix(in srgb,var(--theme-primary) 35%,var(--theme-border));background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary-soft) 70%,#fff),#fff); }
.employee-entry-icon { display:grid;width:49px;height:49px;place-items:center;border-radius:16px;background:var(--theme-primary-soft);color:var(--theme-primary-strong);font-size:.8rem;font-weight:950;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-primary) 14%,transparent); }
.employee-entry-option.is-featured .employee-entry-icon { background:var(--theme-primary);color:var(--theme-on-primary); }
.employee-entry-option small,.employee-entry-option strong,.employee-entry-option p { display:block; }.employee-entry-option small { color:var(--theme-primary-strong);font-size:.5rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }.employee-entry-option strong { margin-top:4px;font-size:.86rem; }.employee-entry-option p { margin:5px 0 0;color:var(--theme-muted);font-size:.57rem;line-height:1.45; }.employee-entry-option>b { color:var(--theme-primary);font-size:1rem; }
.employee-import-card { display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:28px;align-items:center;margin-bottom:18px;padding:clamp(24px,3.5vw,40px);overflow:hidden;background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--theme-accent) 42%,transparent),transparent 35%),var(--theme-surface); }
.employee-import-copy h2 { margin:8px 0 11px;font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.04em; }.employee-import-copy>p { max-width:670px;color:var(--theme-muted);line-height:1.7; }
.employee-import-security { display:grid;gap:8px;margin-top:21px; }.employee-import-security span { position:relative;padding-left:27px;color:var(--theme-dark);font-size:.62rem;font-weight:720; }.employee-import-security span::before { content:"✓";display:grid;position:absolute;left:0;top:-2px;width:19px;height:19px;place-items:center;border-radius:7px;background:#dff5e9;color:#16815a;font-size:.57rem;font-weight:950; }
.employee-import-upload-form { display:grid;gap:11px;padding:18px;border:1px solid color-mix(in srgb,var(--theme-primary) 20%,var(--theme-border));border-radius:21px;background:color-mix(in srgb,var(--theme-primary-soft) 35%,#fff);box-shadow:0 18px 42px rgba(5,53,72,.08); }
.employee-file-drop { display:grid;min-height:145px;place-items:center;align-content:center;gap:5px;padding:18px;border:1px dashed color-mix(in srgb,var(--theme-primary) 50%,var(--theme-border));border-radius:17px;background:#fff;text-align:center;cursor:pointer; }.employee-file-drop:hover { border-style:solid;background:color-mix(in srgb,var(--theme-primary-soft) 35%,#fff); }.employee-file-drop input { max-width:100%;margin-top:10px;font-size:.58rem; }.employee-file-drop strong { font-size:.72rem; }.employee-file-drop small { color:var(--theme-muted);font-size:.54rem; }.employee-file-icon { display:grid;min-width:52px;height:36px;place-items:center;padding:0 10px;border-radius:11px;background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));color:var(--theme-accent);font-size:.52rem;font-weight:950;letter-spacing:.08em; }
.employee-import-branch-codes { grid-column:1/-1;padding-top:18px;border-top:1px solid var(--theme-border); }.employee-import-branch-codes>strong { display:block;margin-bottom:9px;font-size:.62rem; }.employee-import-branch-codes>div { display:flex;flex-wrap:wrap;gap:7px; }.employee-import-branch-codes span { padding:7px 10px;border-radius:10px;background:var(--theme-primary-soft);color:var(--theme-primary-strong);font-size:.53rem;font-weight:800; }
.employee-import-preview,.employee-import-errors { margin-bottom:18px;padding:clamp(24px,3.5vw,40px); }.import-status-mark { display:grid;width:56px;height:56px;flex:0 0 56px;place-items:center;border-radius:18px;background:#dff5e9;color:#16815a;font-size:1.25rem;font-weight:950; }.import-status-mark.is-error { background:#ffe8e9;color:#ae3038; }.employee-import-errors { border-color:#efc8cb;background:linear-gradient(145deg,#fff,#fff8f8); }.employee-import-errors ol { display:grid;gap:7px;margin:20px 0 0;padding-left:22px;color:#8f3037;font-size:.62rem;line-height:1.55; }
.employee-import-table-wrap { max-width:100%;margin-top:22px;overflow:auto;border:1px solid var(--theme-border);border-radius:18px; }.employee-import-table { width:100%;min-width:980px;border-collapse:collapse;background:#fff; }.employee-import-table th { padding:12px 13px;background:var(--theme-dark);color:#fff;font-size:.52rem;letter-spacing:.04em;text-align:left;white-space:nowrap; }.employee-import-table td { padding:12px 13px;border-bottom:1px solid var(--theme-border);color:var(--theme-dark);font-size:.57rem;white-space:nowrap; }.employee-import-table tbody tr:last-child td { border-bottom:0; }.employee-import-table tbody tr:nth-child(even) { background:color-mix(in srgb,var(--theme-primary-soft) 24%,#fff); }.employee-import-table td strong,.employee-import-table td small { display:block; }.employee-import-table td small { margin-top:3px;color:var(--theme-muted);font-size:.49rem; }
.employee-import-confirm-actions { display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px; }.employee-import-confirm-actions form { margin:0; }
@media (max-width:1050px) { .employee-entry-hub { grid-template-columns:1fr; }.employee-entry-option { min-height:105px; }.employee-import-card { grid-template-columns:1fr; }.employee-import-branch-codes { grid-column:auto; } }
@media (max-width:620px) { .employee-entry-option { grid-template-columns:auto 1fr;padding:16px; }.employee-entry-option>b { display:none; }.employee-entry-option p { font-size:.54rem; }.employee-import-card,.employee-import-preview,.employee-import-errors { padding:20px 16px;border-radius:20px; }.employee-import-confirm-actions { align-items:stretch;flex-direction:column; }.employee-import-confirm-actions form,.employee-import-confirm-actions .button { width:100%; }.employee-import-preview .section-heading,.employee-import-errors .section-heading { align-items:flex-start; }.import-status-mark { width:45px;height:45px;flex-basis:45px;border-radius:14px; } }

/* 5.1.0 — SaaS command center, branch QR and native-feel PWA */
.product-contact-actions { display:flex;align-items:center;gap:6px; }
.product-contact-button { display:flex;min-height:40px;align-items:center;gap:7px;padding:0 11px;border:1px solid #d9e8eb;border-radius:12px;background:rgba(255,255,255,.78);color:#214b60;font-size:.68rem;font-weight:850;box-shadow:0 7px 18px rgba(4,51,72,.06); }
.product-contact-button svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.product-contact-button.is-whatsapp { border-color:#ccebd9;background:#effbf4;color:#168353; }
.product-social-links { display:flex;gap:4px;padding-left:2px; }
.product-social-links a { display:grid;width:33px;height:33px;place-items:center;border:1px solid #d9e7ea;border-radius:11px;background:#fff;color:#244d61;font-size:.57rem;font-weight:950;box-shadow:0 6px 16px rgba(4,51,72,.07); }
.branch-qr-choices { display:grid;max-height:430px;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0;overflow:auto;padding:2px 4px 4px 2px;scrollbar-width:thin; }
.branch-qr-choice { padding:13px;border:1px solid #dce8ea;border-radius:18px;background:#fbfdfd; }
.branch-qr-choice>header { display:flex;align-items:center;gap:10px;margin-bottom:10px; }
.branch-choice-number { display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#e8f5f7;color:var(--theme-primary-strong);font-size:.56rem;font-weight:950; }
.branch-qr-choice header strong,.branch-qr-choice header small { display:block; }.branch-qr-choice header strong { font-size:.7rem; }.branch-qr-choice header small { margin-top:2px;color:#80949c;font-size:.5rem; }
.branch-qr-choice>div { display:grid;grid-template-columns:1fr 1fr;gap:7px; }.branch-qr-choice label { min-width:0;cursor:pointer; }.branch-qr-choice input { position:absolute;opacity:0;pointer-events:none; }
.branch-qr-choice label>span { display:grid;min-height:105px;align-content:start;gap:4px;padding:10px;border:1px solid #dfe9eb;border-radius:13px;background:#fff;color:#315769;transition:.18s ease; }
.branch-qr-choice label>span i { display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:#edf6f7;color:var(--theme-primary-strong);font-style:normal;font-weight:950; }.branch-qr-choice label>span b { font-size:.55rem;line-height:1.3; }.branch-qr-choice label>span small { color:#82959d;font-size:.47rem;line-height:1.4; }.branch-qr-choice label>span em { margin-top:auto;color:var(--theme-primary-strong);font-size:.49rem;font-style:normal;font-weight:900; }
.branch-qr-choice input:checked+span { border-color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary-soft) 55%,#fff);box-shadow:inset 0 0 0 1px var(--theme-primary),0 9px 22px rgba(4,104,135,.09); }.branch-qr-choice input:checked+span i { background:var(--theme-primary);color:#fff; }

.location-schedule-builder { grid-column:1/-1;padding:15px;border:1px solid var(--theme-border);border-radius:18px;background:color-mix(in srgb,var(--theme-primary-soft) 26%,#fff); }
.location-schedule-builder>header { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px; }.location-schedule-builder header strong,.location-schedule-builder header small { display:block; }.location-schedule-builder header strong { font-size:.69rem; }.location-schedule-builder header small { margin-top:3px;color:var(--theme-muted);font-size:.52rem; }
.location-schedule-builder [data-schedule-rows] { display:grid;gap:9px; }.schedule-row { display:grid;grid-template-columns:minmax(130px,1.35fr) 1fr 1fr 36px;align-items:end;gap:8px;padding:10px;border:1px solid var(--theme-border);border-radius:14px;background:#fff; }.schedule-row label { min-width:0; }.schedule-row button { display:grid;width:36px;height:42px;place-items:center;border:1px solid #f0cfd1;border-radius:11px;background:#fff5f5;color:#a9363d;cursor:pointer;font-size:1rem; }
.remember-me-row { padding:12px 13px;border:1px solid var(--theme-border);border-radius:15px;background:color-mix(in srgb,var(--theme-primary-soft) 28%,#fff); }.remember-me-row>span,.remember-me-row b,.remember-me-row small { display:block; }.remember-me-row b { font-size:.65rem; }.remember-me-row small { margin-top:3px;color:var(--theme-muted);font-size:.52rem; }

.admin-body,.owner-body { background-image:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--theme-accent) 16%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--theme-primary-soft) 23%,#f8fbfc),#f7fafb); }
.admin-topbar,.owner-topbar { position:sticky;z-index:25;top:14px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--theme-border) 75%,transparent);border-radius:19px;background:color-mix(in srgb,#fff 83%,transparent);box-shadow:0 12px 38px rgba(4,45,65,.07);backdrop-filter:blur(20px) saturate(150%); }
.stats-grid article,.owner-stat-grid article { position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--theme-primary) 12%,var(--theme-border));box-shadow:0 15px 40px rgba(5,49,69,.055); }
.stats-grid article::after,.owner-stat-grid article::after { content:"";position:absolute;width:92px;height:92px;right:-37px;bottom:-43px;border-radius:50%;background:color-mix(in srgb,var(--theme-primary-soft) 58%,transparent);box-shadow:0 0 0 17px color-mix(in srgb,var(--theme-primary-soft) 24%,transparent); }
.stats-grid article:nth-child(2),.owner-stat-grid article:nth-child(2) { background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));color:#fff; }.stats-grid article:nth-child(2)>span,.stats-grid article:nth-child(2)>small,.owner-stat-grid article:nth-child(2)>span,.owner-stat-grid article:nth-child(2)>small { color:rgba(255,255,255,.65); }
.dashboard-analytics-grid,.owner-analytics-grid { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.45fr);gap:16px;margin-bottom:18px; }.activity-chart-card,.attendance-ring-card,.owner-portfolio-chart,.owner-license-health { min-height:330px;padding:24px; }
.chart-legend { display:flex;flex-wrap:wrap;gap:11px; }.chart-legend span { display:flex;align-items:center;gap:5px;color:var(--theme-muted);font-size:.52rem;font-weight:750; }.chart-legend i { width:8px;height:8px;border-radius:3px; }.chart-legend .is-entry,.activity-bars .is-entry { background:var(--theme-primary); }.chart-legend .is-exit,.activity-bars .is-exit { background:var(--theme-accent); }.chart-legend .is-break,.activity-bars .is-break { background:#ffaf54; }
.activity-bar-chart { display:grid;height:225px;grid-template-columns:repeat(7,1fr);align-items:end;gap:9px;padding-top:18px; }.activity-day { display:grid;height:100%;grid-template-rows:1fr auto auto;justify-items:center;gap:5px; }.activity-bars { display:flex;width:100%;height:100%;align-items:end;justify-content:center;gap:3px;border-bottom:1px solid var(--theme-border);background:repeating-linear-gradient(to top,transparent 0,transparent 24%,color-mix(in srgb,var(--theme-border) 45%,transparent) 25%); }.activity-bars i { width:min(16px,27%);height:max(3px,var(--bar));border-radius:6px 6px 2px 2px;transition:height .4s ease; }.activity-day>span { color:var(--theme-dark);font-size:.55rem;font-weight:850;text-transform:uppercase; }.activity-day>small { color:var(--theme-muted);font-size:.49rem; }
.metric-ring { display:grid;width:180px;aspect-ratio:1;margin:8px auto 19px;place-items:center;border-radius:50%;background:conic-gradient(var(--theme-primary) var(--metric),color-mix(in srgb,var(--theme-primary-soft) 70%,#edf2f3) 0);box-shadow:0 18px 42px color-mix(in srgb,var(--theme-primary) 17%,transparent); }.metric-ring::before { content:"";grid-area:1/1;width:132px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--theme-border); }.metric-ring>div { z-index:1;grid-area:1/1;text-align:center; }.metric-ring strong,.metric-ring small { display:block; }.metric-ring strong { font-size:2rem;letter-spacing:-.06em; }.metric-ring small { color:var(--theme-muted);font-size:.52rem; }.ring-summary { display:grid;grid-template-columns:1fr 1fr;gap:8px; }.ring-summary span { padding:10px;border-radius:12px;background:var(--theme-primary-soft);color:var(--theme-muted);font-size:.5rem;text-align:center; }.ring-summary b { display:block;margin-bottom:3px;color:var(--theme-dark);font-size:.72rem; }
.chart-period { padding:7px 9px;border-radius:999px;background:#e2f5ea;color:#167950;font-size:.49rem;font-weight:900; }.horizontal-metric-list { display:grid;gap:13px;margin-top:22px; }.horizontal-metric-list>div { display:grid;grid-template-columns:minmax(125px,.38fr) 1fr;align-items:center;gap:13px; }.horizontal-metric-list span,.horizontal-metric-list b,.horizontal-metric-list small { display:block; }.horizontal-metric-list span>b { overflow:hidden;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap; }.horizontal-metric-list small { margin-top:3px;color:var(--theme-muted);font-size:.48rem; }.horizontal-metric-list>div>i { display:block;height:10px;overflow:hidden;border-radius:999px;background:var(--theme-primary-soft); }.horizontal-metric-list>div>i>b { width:var(--width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent)); }

.qr-management-intro { display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:25px;border-radius:24px;background:linear-gradient(135deg,var(--theme-dark),var(--theme-primary-strong));color:#fff;box-shadow:0 22px 55px color-mix(in srgb,var(--theme-dark) 20%,transparent); }.qr-management-intro h2 { margin:5px 0 8px;font-size:2rem; }.qr-management-intro p { max-width:720px;color:rgba(255,255,255,.67); }.qr-entitlement-summary { display:flex;gap:8px; }.qr-entitlement-summary span { min-width:100px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.68);font-size:.5rem;text-align:center; }.qr-entitlement-summary b { display:block;margin-bottom:4px;color:#fff;font-size:1.2rem; }
.feature-lock-notice { display:flex;align-items:center;gap:14px;margin:16px 0;padding:17px 19px;border:1px solid #f0d19f;border-radius:18px;background:#fff8e9;color:#704b18; }.feature-lock-notice>span { display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;background:#ffe6b4;font-weight:950; }.feature-lock-notice strong,.feature-lock-notice p { display:block; }.feature-lock-notice strong { font-size:.68rem; }.feature-lock-notice p { margin:3px 0 0;color:#8b6b3d;font-size:.58rem;line-height:1.55; }
.qr-management-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px; }.qr-management-card { padding:22px; }.qr-management-card>header { display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px; }.qr-management-card header h2 { margin:8px 0 3px;font-size:1.25rem; }.qr-management-card header p { margin:0;color:var(--theme-muted);font-size:.55rem; }.qr-mode-badge { padding:8px 10px;border-radius:999px;font-size:.5rem;font-weight:900; }.qr-mode-badge.is-static { background:#fff0d9;color:#9a5a0b; }.qr-mode-badge.is-rotating { background:#ddf5ea;color:#16764e; }
.static-qr-preview,.rotating-qr-visual { display:flex;min-height:250px;align-items:center;justify-content:center;gap:18px;padding:18px;border:1px solid var(--theme-border);border-radius:20px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--theme-primary-soft) 28%,#fff)); }.static-qr-preview [data-static-qr] { display:grid;flex:0 0 220px;place-items:center;padding:10px;border-radius:15px;background:#fff;box-shadow:0 12px 34px rgba(3,44,64,.1); }.static-qr-preview img,.static-qr-preview canvas { width:200px!important;height:200px!important; }.static-qr-preview>div:last-child { max-width:180px; }.static-qr-preview strong,.rotating-qr-visual strong { font-size:.68rem; }.static-qr-preview p,.rotating-qr-visual p { color:var(--theme-muted);font-size:.54rem;line-height:1.55; }
.static-qr-url { display:flex;gap:8px;margin:12px 0; }.static-qr-url input { min-width:0;font-size:.5rem; }.qr-settings-form { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(130px,.75fr) auto;align-items:end;gap:9px;margin-top:13px;padding-top:13px;border-top:1px solid var(--theme-border); }.static-qr-rotate-form { margin-top:10px;text-align:right; }

.employee-event-button.is-break { border-color:rgba(255,201,119,.45);background:rgba(255,183,74,.13); }.employee-event-button.is-break .event-choice-icon { background:rgba(255,185,78,.19); }.employee-event-selector:has(.employee-event-button:only-child) { grid-template-columns:1fr; }.timeline-item.is-break-start .timeline-marker,.timeline-item.is-break-end .timeline-marker { background:#ffad45;box-shadow:0 0 0 6px #fff3df; }
@media (max-width:1450px) { .product-contact-button span,.product-social-links { display:none; }.product-header { grid-template-columns:auto 1fr auto; }.product-nav-links { justify-self:center; } }
@media (max-width:1100px) { .dashboard-analytics-grid,.owner-analytics-grid { grid-template-columns:1fr; }.attendance-ring-card,.owner-license-health { min-height:auto; }.qr-management-grid { grid-template-columns:1fr; } }
@media (max-width:760px) { .branch-qr-choices { grid-template-columns:1fr;max-height:none; }.branch-qr-choice>div { grid-template-columns:1fr 1fr; }.schedule-row { grid-template-columns:1fr 1fr; }.schedule-row>label:first-of-type { grid-column:1/-1; }.schedule-row button { justify-self:end; }.qr-management-intro { align-items:flex-start;flex-direction:column; }.qr-entitlement-summary { width:100%; }.qr-entitlement-summary span { flex:1; }.qr-settings-form { grid-template-columns:1fr; }.static-qr-preview { flex-direction:column; }.static-qr-preview>div:last-child { max-width:none;text-align:center; }.activity-chart-card { padding:18px 13px; }.activity-bar-chart { gap:4px; }.chart-legend { display:none; }.horizontal-metric-list>div { grid-template-columns:110px 1fr; } }
@media (max-width:620px) { .employee-body { background:#f5fafb; }.mobile-header { height:66px;padding-inline:16px;border:0;background:rgba(255,255,255,.9); }.employee-shell { width:calc(100% - 22px);padding:22px 0 calc(105px + env(safe-area-inset-bottom)); }.welcome-row { align-items:flex-start;margin-bottom:16px; }.welcome-row h1 { font-size:1.55rem; }.employee-badge { padding:9px 11px;border-radius:13px; }.scan-card { min-height:0;padding:22px 17px 25px;border-radius:27px;box-shadow:0 24px 55px color-mix(in srgb,var(--theme-dark) 25%,transparent); }.scan-card h2 { font-size:1.55rem; }.scan-card p { font-size:.64rem; }.employee-event-selector { grid-template-columns:1fr;gap:8px; }.employee-event-button { min-height:67px;padding:11px 13px;border-radius:16px; }.scan-symbol { transform:scale(.82);margin-block:-8px; }.scan-actions { gap:8px; }.employee-bottom-nav { width:calc(100% - 18px);right:9px;bottom:calc(8px + env(safe-area-inset-bottom));left:9px;padding:7px 8px;border:1px solid rgba(255,255,255,.75);border-radius:24px;background:rgba(255,255,255,.91);box-shadow:0 18px 55px rgba(3,38,58,.22);backdrop-filter:blur(20px); }.privacy-strip { border-radius:18px; }.static-qr-url { align-items:stretch;flex-direction:column; }.static-qr-preview [data-static-qr] { flex-basis:200px; }.branch-qr-choice label>span { min-height:96px; }.product-contact-actions { display:none; } }

/* 5.1.1 — conversion header, compact command bar and combined department role */
.product-header { display:block;width:min(1340px,calc(100% - 32px));min-height:0;right:auto;left:50%;top:14px;padding:7px;transform:translateX(-50%);border-radius:22px;background:rgba(252,254,255,.86);box-shadow:0 16px 55px rgba(3,42,67,.1); }
.product-header.is-scrolled { transform:translateX(-50%);background:rgba(255,255,255,.96);box-shadow:0 20px 60px rgba(3,42,67,.15); }
.product-header-shell { display:grid;grid-template-columns:minmax(185px,.75fr) auto minmax(360px,.95fr);min-height:64px;align-items:center;gap:18px;padding:0 3px 0 13px; }
.product-brand { min-width:0; }.product-brand .brand-lockup { max-width:100%; }.product-brand .brand-wordmark { max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.product-nav-links { justify-self:center;gap:2px;padding:4px;border:0;background:#f2f7f8;box-shadow:inset 0 0 0 1px rgba(6,53,76,.055); }
.product-nav-links a { min-height:40px;padding:0 15px;overflow:hidden;border-radius:999px;color:#53707e;font-size:.72rem;font-weight:820;text-overflow:ellipsis;white-space:nowrap; }
.product-nav-links a:hover { background:#fff;color:#07334b;box-shadow:0 7px 20px rgba(4,55,78,.08);transform:none; }
.product-header-actions { min-width:0;justify-self:end;gap:7px; }
.product-header-actions>a,.product-contact-menu>summary { white-space:nowrap; }
.product-contact-menu { position:relative; }.product-contact-menu>summary { display:flex;min-height:44px;align-items:center;gap:8px;padding:0 12px;border:1px solid #dbe8eb;border-radius:14px;background:#fff;color:#244e62;box-shadow:0 7px 18px rgba(4,51,72,.05);cursor:pointer;font-size:.66rem;font-weight:850;list-style:none; }.product-contact-menu>summary::-webkit-details-marker { display:none; }.product-contact-menu>summary svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }.product-contact-menu>summary i { color:#8ca0a8;font-style:normal;transition:transform .18s ease; }.product-contact-menu[open]>summary i { transform:rotate(180deg); }
.product-contact-popover { display:grid;position:absolute;width:290px;top:calc(100% + 12px);right:0;gap:8px;padding:12px;border:1px solid #dce8ea;border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(3,42,67,.18); }
.product-contact-popover::before { content:"";position:absolute;width:12px;height:12px;right:29px;top:-7px;transform:rotate(45deg);border:1px solid #dce8ea;border-right:0;border-bottom:0;background:#fff; }
.product-contact-popover .product-contact-button { min-height:61px;gap:11px;padding:10px 12px;border-radius:15px;font-size:.65rem; }.product-contact-popover .product-contact-button>svg { width:23px;height:23px;flex:0 0 23px; }.product-contact-popover .product-contact-button span,.product-contact-popover .product-contact-button b,.product-contact-popover .product-contact-button small { display:block;min-width:0; }.product-contact-popover .product-contact-button b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.product-contact-popover .product-contact-button small { margin-top:3px;color:#78909b;font-size:.52rem;font-weight:650; }
.product-social-links { display:flex!important;gap:7px;padding:3px 0 0; }.product-social-links a,.product-social-links span,.product-footer-social a,.product-footer-social span { display:grid;width:38px;height:38px;place-items:center;border:1px solid #dbe7ea;border-radius:12px;background:#fff;color:#31566a;transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease; }.product-social-links a:hover,.product-footer-social a:hover { transform:translateY(-2px);border-color:var(--theme-primary);color:var(--theme-primary-strong);box-shadow:0 9px 22px rgba(4,95,124,.12); }.product-social-links .is-unconfigured,.product-footer-social .is-unconfigured { opacity:.42;filter:saturate(.35);cursor:help; }.product-social-links svg,.product-footer-social svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.product-login-link { min-width:0;min-height:44px;padding:5px 10px 5px 5px;border-radius:14px;color:#284f62;font-size:.67rem; }.product-login-link span { max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.product-login-link i { width:34px;height:34px;flex:0 0 34px; }
.product-price-cta { min-width:150px;min-height:50px!important;justify-content:space-between;padding-inline:18px!important;gap:14px;font-size:.7rem; }.product-price-cta span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.product-price-cta i { font-style:normal;font-size:.86rem; }
.product-footer-social { display:flex;flex-wrap:wrap;gap:8px;margin-top:20px; }

.admin-sidebar { padding:20px 14px; }.admin-sidebar>.brand-lockup { padding:0 9px 18px; }.admin-sidebar nav { min-height:0;flex:1;align-content:start;gap:3px;padding:2px 3px 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tenant-sidebar-text,#fff) 24%,transparent) transparent; }.admin-sidebar nav a { min-height:42px;gap:10px;padding:0 11px;border-radius:12px;font-size:.76rem;white-space:nowrap; }.admin-sidebar nav a span { width:23px;font-size:.95rem; }.sidebar-foot { display:none; }
.admin-topbar { position:relative!important;z-index:30;top:auto!important;min-height:78px;margin-bottom:28px;padding:12px 14px 12px 18px;overflow:visible; }.admin-topbar>div:first-of-type { min-width:0; }.admin-topbar h1 { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.admin-top-actions { display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px; }.admin-tablet-shortcut { min-height:44px;padding-inline:14px;border-radius:13px;font-size:.62rem;white-space:nowrap; }
.admin-notification-button { display:grid;position:relative;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid var(--theme-border);border-radius:14px;background:#fff;color:var(--theme-dark);box-shadow:0 8px 22px rgba(4,45,65,.07); }.admin-notification-button svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }.admin-notification-button>span { display:grid;position:absolute;min-width:18px;height:18px;top:-5px;right:-4px;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--theme-primary);color:#fff;font-size:.44rem;font-weight:950; }
.admin-account-menu { position:relative; }.admin-account-menu>summary { display:grid;min-width:210px;min-height:50px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:5px 9px 5px 6px;border:1px solid var(--theme-border);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(4,45,65,.07);cursor:pointer;list-style:none; }.admin-account-menu>summary::-webkit-details-marker { display:none; }.admin-account-avatar,.admin-account-popover-head>span { display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));color:#fff;font-size:.64rem;font-weight:950; }.admin-account-copy,.admin-account-copy strong,.admin-account-copy small { display:block;min-width:0; }.admin-account-copy strong,.admin-account-copy small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.admin-account-copy strong { font-size:.62rem; }.admin-account-copy small { margin-top:3px;color:var(--theme-muted);font-size:.49rem; }.admin-account-menu>summary>i { color:var(--theme-muted);font-style:normal;transition:transform .18s ease; }.admin-account-menu[open]>summary>i { transform:rotate(180deg); }
.admin-account-popover { display:grid;position:absolute;width:290px;top:calc(100% + 11px);right:0;gap:9px;padding:14px;border:1px solid var(--theme-border);border-radius:19px;background:#fff;box-shadow:0 25px 70px rgba(3,42,67,.2); }.admin-account-popover-head { display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid var(--theme-border); }.admin-account-popover-head>span { width:42px;height:42px; }.admin-account-popover-head strong,.admin-account-popover-head small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.admin-account-popover-head strong { font-size:.66rem; }.admin-account-popover-head small { margin-top:3px;color:var(--theme-muted);font-size:.51rem; }.admin-account-popover>p { display:flex;justify-content:space-between;gap:12px;margin:0;color:var(--theme-muted);font-size:.54rem; }.admin-account-popover>p b { max-width:160px;overflow:hidden;color:var(--theme-dark);text-overflow:ellipsis;white-space:nowrap; }.admin-account-popover form { margin:4px 0 0; }.admin-account-popover button { display:flex;width:100%;min-height:45px;align-items:center;justify-content:space-between;padding:0 13px;border-radius:13px;background:#fff1f1;color:#a52d35;cursor:pointer;font-size:.58rem;font-weight:850; }.admin-account-popover button i { font-style:normal; }
.department-badge.is-hr_finance { background:linear-gradient(90deg,#f1eafb,#e5f3ff);color:#57478f; }

@media (max-width:1240px) {
  .product-header-shell { grid-template-columns:minmax(170px,.65fr) auto minmax(330px,.8fr);gap:10px; }.product-nav-links a { padding-inline:11px;font-size:.65rem; }.product-contact-menu>summary span { display:none; }.product-contact-menu>summary { width:44px;justify-content:center;padding:0; }.product-contact-menu>summary i { display:none; }.product-login-link span { max-width:82px; }.product-price-cta { min-width:132px;padding-inline:14px!important; }
}
@media (max-width:1020px) {
  .product-header-shell { grid-template-columns:minmax(170px,1fr) auto auto; }.marketing-menu-toggle { display:grid;grid-column:3;grid-row:1; }.product-nav-links { display:none;position:absolute;top:calc(100% + 10px);right:7px;left:7px;grid-template-columns:repeat(3,1fr);padding:9px;border:1px solid #dce8ea;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(3,42,67,.16); }.marketing-menu-open .product-nav-links { display:grid; }.product-header-actions { grid-column:2;grid-row:1; }.product-contact-menu { display:none; }
}
@media (max-width:760px) {
  .product-header { width:calc(100% - 16px);top:8px;padding:6px;border-radius:19px; }.product-header-shell { min-height:58px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-left:9px; }.product-brand .brand-wordmark { max-width:145px; }.marketing-menu-toggle { grid-column:2;width:42px;height:42px;border-radius:13px; }.product-header-actions { display:none;position:absolute;top:calc(100% + 174px);right:7px;left:7px;grid-template-columns:1fr 1fr;gap:8px;padding:9px;border:1px solid #dce8ea;border-radius:18px;background:rgba(255,255,255,.99);box-shadow:0 25px 65px rgba(3,42,67,.18); }.marketing-menu-open .product-header-actions { display:grid; }.product-nav-links { grid-template-columns:1fr;gap:4px; }.product-nav-links a { justify-content:flex-start;min-height:44px;padding-inline:13px;font-size:.68rem; }.product-contact-menu { display:block; }.product-contact-menu>summary { width:auto;justify-content:center; }.product-contact-menu>summary span { display:inline; }.product-contact-menu>summary i { display:inline; }.product-contact-popover { position:fixed;width:calc(100% - 30px);top:278px;right:15px; }.product-login-link { justify-content:center;border:1px solid #dce8ea;background:#fff; }.product-login-link span { max-width:130px; }.product-price-cta { grid-column:1/-1;width:100%; }.product-hero { padding-top:125px; }
  .product-footer-grid { grid-template-columns:1fr 1fr;gap:35px; }.product-footer-brand { grid-column:1/-1; }.product-footer-bottom { gap:7px;flex-direction:column;font-size:.75rem; }
  .admin-topbar { grid-template-columns:auto minmax(0,1fr) auto;padding:10px 11px; }.admin-topbar h1 { font-size:1.5rem; }.admin-topbar .eyebrow { font-size:.48rem; }.admin-tablet-shortcut,.admin-account-copy { display:none; }.admin-account-menu>summary { min-width:50px;width:50px;grid-template-columns:38px;padding:5px; }.admin-account-menu>summary>i { display:none; }.admin-account-popover { position:fixed;width:calc(100% - 24px);top:78px;right:12px; }
}
@media (max-width:480px) {
  .product-brand .brand-wordmark { max-width:120px; }.product-footer-grid { grid-template-columns:1fr; }.product-footer-brand { grid-column:auto; }.product-footer nav strong { font-size:1.12rem; }
  .admin-main { padding-inline:12px; }.admin-topbar { gap:7px; }.admin-topbar h1 { font-size:1.25rem; }.admin-notification-button { width:42px;height:42px;flex-basis:42px; }.admin-account-menu>summary { width:46px;min-width:46px; }
}

/* 5.2 — premium storefront header, native employee shell and extended QR controls */
.product-header.product-header-pro {
  display:block;
  position:fixed;
  z-index:500;
  width:100%;
  min-height:80px;
  top:0;
  right:0;
  left:0;
  padding:8px 24px;
  transform:none;
  border:0;
  border-bottom:1px solid rgba(217,231,234,.78);
  border-radius:0;
  background:rgba(252,254,255,.9);
  box-shadow:0 12px 40px rgba(3,42,67,.055);
  backdrop-filter:blur(24px) saturate(165%);
  transition:min-height .2s ease,background .2s ease,box-shadow .2s ease;
}
.product-header.product-header-pro.is-scrolled {
  min-height:72px;
  transform:none;
  background:rgba(255,255,255,.97);
  box-shadow:0 13px 42px rgba(3,42,67,.11);
}
.product-header-pro .product-header-shell {
  display:grid;
  width:min(1420px,100%);
  min-height:64px;
  margin:auto;
  grid-template-columns:minmax(168px,210px) minmax(0,1fr);
  align-items:center;
  gap:clamp(18px,2vw,34px);
  padding:0;
}
.product-header-pro .product-brand,
.product-header-pro .product-brand .brand-lockup { min-width:0; }
.product-header-pro .product-brand .brand-wordmark { max-width:178px; }
.product-navigation-panel {
  display:grid;
  min-width:0;
  grid-template-columns:minmax(280px,1fr) auto;
  align-items:center;
  gap:clamp(16px,2.2vw,38px);
}
.product-navigation-head { display:none; }
.product-header-pro .product-nav-links {
  display:flex;
  justify-self:center;
  align-items:center;
  gap:clamp(18px,2.2vw,34px);
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.product-header-pro .product-nav-links a {
  display:inline-flex;
  position:relative;
  min-height:44px;
  align-items:center;
  padding:0;
  overflow:hidden;
  border-radius:0;
  background:transparent;
  color:#3f6171;
  font-size:.7rem;
  font-weight:820;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product-header-pro .product-nav-links a::after {
  content:"";
  position:absolute;
  height:2px;
  right:50%;
  bottom:4px;
  left:50%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent));
  transition:right .2s ease,left .2s ease;
}
.product-header-pro .product-nav-links a:hover {
  background:transparent;
  color:var(--theme-dark);
  box-shadow:none;
}
.product-header-pro .product-nav-links a:hover::after { right:0;left:0; }
.product-header-pro .product-header-actions {
  display:flex;
  min-width:0;
  align-items:center;
  justify-self:end;
  gap:7px;
}
.product-header-contact { display:flex;align-items:center;gap:6px; }
.product-quick-action {
  display:flex;
  min-width:44px;
  min-height:44px;
  align-items:center;
  gap:9px;
  padding:5px 10px 5px 8px;
  overflow:hidden;
  border:1px solid #dce9eb;
  border-radius:14px;
  background:#fff;
  color:#244d60;
  box-shadow:0 8px 22px rgba(4,49,70,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.product-quick-action:hover { transform:translateY(-2px);border-color:var(--theme-primary);box-shadow:0 12px 27px rgba(4,87,111,.12); }
.product-quick-action>svg {
  width:21px;
  height:21px;
  flex:0 0 21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.product-quick-action>span,.product-quick-action small,.product-quick-action b { display:block;min-width:0; }
.product-quick-action small { color:#80949d;font-size:.43rem;font-weight:760;line-height:1.1; }
.product-quick-action b { max-width:96px;margin-top:3px;overflow:hidden;font-size:.52rem;text-overflow:ellipsis;white-space:nowrap; }
.product-quick-action.is-whatsapp { border-color:#caead8;background:#f1fbf5;color:#16764f; }
.product-header-socials { display:flex;align-items:center;gap:4px;margin-inline:2px; }
.product-header-socials a,.product-header-socials>span {
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:11px;
  color:#637d89;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.product-header-socials a:hover { transform:translateY(-2px);background:var(--theme-primary-soft);color:var(--theme-primary-strong); }
.product-header-socials .is-unconfigured { opacity:.34;cursor:help; }
.product-header-socials svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; }
.product-header-pro .product-login-link {
  min-width:44px;
  min-height:44px;
  padding:5px 9px 5px 5px;
  border:1px solid transparent;
  border-radius:14px;
  color:#254e61;
  font-size:.61rem;
}
.product-header-pro .product-login-link:hover { border-color:#dce9eb;background:#fff; }
.product-header-pro .product-login-link i { width:34px;height:34px;flex-basis:34px; }
.product-header-pro .product-login-link span { max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.product-header-pro .product-price-cta { min-width:145px;min-height:48px!important;padding-inline:17px!important;border-radius:15px;font-size:.65rem;box-shadow:0 12px 25px color-mix(in srgb,var(--theme-primary) 24%,transparent); }
.product-header-pro .marketing-menu-toggle { display:none; }

.field-label-with-help { display:inline-flex;align-items:center;gap:7px; }
.field-info-tooltip {
  display:inline-grid;
  position:relative;
  width:20px;
  height:20px;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--theme-primary) 25%,var(--theme-border));
  border-radius:50%;
  background:var(--theme-primary-soft);
  color:var(--theme-primary-strong);
  cursor:help;
  font-size:.52rem;
  font-weight:950;
  line-height:1;
}
.field-info-tooltip [role="tooltip"] {
  visibility:hidden;
  position:absolute;
  z-index:50;
  width:min(290px,calc(100vw - 40px));
  left:50%;
  bottom:calc(100% + 10px);
  padding:11px 12px;
  transform:translate(-50%,6px);
  border-radius:12px;
  background:#082c3e;
  color:#fff;
  box-shadow:0 16px 38px rgba(2,35,51,.22);
  opacity:0;
  font-size:.54rem;
  font-weight:650;
  line-height:1.55;
  pointer-events:none;
  transition:.16s ease;
}
.field-info-tooltip [role="tooltip"]::after { content:"";position:absolute;top:100%;left:50%;border:6px solid transparent;border-top-color:#082c3e;transform:translateX(-50%); }
.field-info-tooltip:hover [role="tooltip"],.field-info-tooltip:focus [role="tooltip"],.field-info-tooltip:focus-visible [role="tooltip"] { visibility:visible;transform:translate(-50%,0);opacity:1; }
.qr-settings-form { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start; }
.qr-settings-form>.button { grid-column:1/-1;width:100%;min-width:0;justify-content:center;white-space:normal;text-align:center; }
.qr-settings-form>label,.qr-duration-control>label { grid-template-rows:20px auto; }
.qr-duration-control { display:grid;grid-template-columns:minmax(110px,1fr) minmax(105px,.75fr);align-items:end;gap:8px; }
.qr-duration-control>small { grid-column:1/-1;color:var(--theme-muted);font-size:.48rem; }

/* Employee PWA: a quiet native-app hierarchy inspired by premium mobile PWA shells. */
.employee-app-shell {
  min-height:100dvh;
  background:#f3f7f8;
  background-image:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--theme-primary-soft) 62%,transparent),transparent 27%);
}
.employee-app-shell .employee-app-bar {
  height:72px;
  border:0;
  background:rgba(255,255,255,.92);
  box-shadow:0 1px 0 var(--theme-border);
}
.employee-app-shell .employee-profile-trigger {
  overflow:hidden;
  border:0;
  border-radius:50%;
  background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));
  color:#fff;
  box-shadow:0 8px 18px color-mix(in srgb,var(--theme-primary) 24%,transparent);
}
.employee-profile-trigger>span { font-size:.58rem;font-weight:950;letter-spacing:.03em; }
.employee-app-shell .employee-shell { width:min(100% - 32px,820px);padding:24px 0 112px; }
.employee-app-shell .welcome-row { margin-bottom:16px;padding-inline:2px; }
.employee-app-shell .welcome-row .eyebrow { color:var(--theme-muted);font-size:.55rem;letter-spacing:0;text-transform:none; }
.employee-app-shell .welcome-row h1 { margin-top:3px;font-size:1.75rem;letter-spacing:-.045em; }
.employee-app-shell .employee-badge { padding:9px 12px;border:1px solid var(--theme-border);border-radius:14px;background:#fff;box-shadow:none; }
.employee-app-shell .scan-card {
  min-height:0;
  padding:22px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--theme-primary) 12%,var(--theme-border));
  border-radius:24px;
  background:#fff;
  color:var(--theme-dark);
  box-shadow:0 14px 38px rgba(4,45,65,.075);
}
.employee-app-shell .scan-card::before { content:"";position:absolute;width:180px;height:180px;right:-105px;top:-115px;border-radius:50%;background:var(--theme-primary-soft);box-shadow:0 0 0 28px color-mix(in srgb,var(--theme-primary-soft) 45%,transparent);pointer-events:none; }
.employee-app-shell .scan-card .eyebrow { color:var(--theme-primary-strong); }
.employee-app-shell .scan-card h2 { max-width:none;margin:19px 0 6px;color:var(--theme-dark);font-size:1.45rem;line-height:1.12; }
.employee-app-shell .scan-card p { max-width:560px;color:var(--theme-muted);font-size:.68rem;line-height:1.55; }
.employee-app-shell .next-action-chip { border-color:var(--theme-border);background:var(--theme-primary-soft);color:var(--theme-primary-strong); }
.employee-app-shell .employee-event-selector { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px; }
.employee-app-shell .employee-event-button {
  min-height:68px;
  align-items:center;
  padding:9px 11px;
  border:1px solid var(--theme-border);
  border-radius:16px;
  background:#f8fbfc;
  color:var(--theme-dark);
}
.employee-app-shell .employee-event-button:hover { background:var(--theme-primary-soft); }
.employee-app-shell .employee-event-button.is-selected {
  border-color:var(--theme-primary);
  background:var(--theme-primary-soft);
  color:var(--theme-primary-strong);
  box-shadow:inset 0 0 0 1px var(--theme-primary);
}
.employee-app-shell .employee-event-button small { color:var(--theme-muted); }
.employee-app-shell .event-choice-icon { background:#fff;color:var(--theme-primary-strong);box-shadow:inset 0 0 0 1px var(--theme-border); }
.employee-app-shell .employee-event-button em { background:#fff;color:var(--theme-primary-strong); }
.employee-app-shell .event-choice-help { min-height:0;margin:10px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--theme-muted)!important; }
.employee-app-shell .scan-symbol { display:none; }
.employee-app-shell .scan-actions { align-items:flex-start;gap:8px;margin-top:17px; }
.employee-app-shell .scan-actions .button { min-height:50px;border-radius:15px; }
.employee-app-shell .manual-form { border-color:var(--theme-border);background:#f7fafb;color:var(--theme-dark); }
.employee-app-shell .scan-progress { color:var(--theme-dark); }
.employee-app-shell .privacy-strip { margin-top:12px;padding:13px 15px;border:0;border-radius:16px;background:color-mix(in srgb,var(--theme-primary-soft) 52%,#fff);box-shadow:none; }
.employee-app-shell .privacy-strip strong { color:var(--theme-primary-strong); }
.employee-app-shell .employee-screen-head {
  display:grid;
  min-height:0;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  column-gap:12px;
  margin-bottom:14px;
  padding:16px;
  border:1px solid var(--theme-border);
  border-radius:20px;
  background:#fff;
  color:var(--theme-dark);
  box-shadow:0 10px 28px rgba(4,45,65,.055);
}
.employee-app-shell .employee-screen-head::after { display:none; }
.employee-app-shell .employee-screen-head .screen-icon { width:42px;height:42px;grid-row:1/4;border-radius:13px;background:var(--theme-primary-soft);color:var(--theme-primary-strong); }
.employee-app-shell .employee-screen-head .eyebrow { grid-column:2;color:var(--theme-primary-strong);font-size:.48rem; }
.employee-app-shell .employee-screen-head h1 { grid-column:2;margin:1px 0 0;color:var(--theme-dark);font-size:1.45rem;line-height:1.1; }
.employee-app-shell .employee-screen-head p { grid-column:2;margin:4px 0 0;color:var(--theme-muted);font-size:.62rem;line-height:1.45; }
.employee-app-shell .employee-back-button { min-height:40px;margin-bottom:10px;border:0;background:transparent;box-shadow:none; }
.employee-app-shell .mobile-form-card,.employee-app-shell .employee-request-history,.employee-app-shell .mobile-request-item,.employee-app-shell .notification-mobile-item {
  border:1px solid var(--theme-border);
  border-radius:19px;
  background:#fff;
  box-shadow:0 8px 24px rgba(4,45,65,.05);
}
.employee-app-shell .employee-request-layout { gap:12px; }
.employee-app-shell .employee-bottom-nav {
  width:min(520px,100%);
  min-height:70px;
  right:auto;
  bottom:0;
  left:50%;
  grid-template-columns:repeat(5,minmax(0,1fr));
  grid-auto-flow:initial;
  grid-auto-columns:auto;
  align-items:stretch;
  padding:7px 8px max(7px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  border:1px solid var(--theme-border);
  border-bottom:0;
  border-radius:22px 22px 0 0;
  background:rgba(255,255,255,.96);
  box-shadow:0 -10px 36px rgba(3,42,67,.09);
  backdrop-filter:blur(22px) saturate(160%);
}
.employee-app-shell .employee-bottom-nav a,.employee-app-shell .employee-bottom-nav button {
  display:grid;
  min-width:0;
  min-height:54px;
  align-content:center;
  justify-items:center;
  gap:4px;
  padding:5px 2px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#7d9098;
  cursor:pointer;
  font-size:.52rem;
  font-weight:820;
}
.employee-app-shell .employee-bottom-nav a>svg,.employee-app-shell .employee-bottom-nav button>svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; }
.employee-app-shell .employee-bottom-nav a.is-active { background:var(--theme-primary-soft);color:var(--theme-primary-strong); }
.employee-app-shell .employee-bottom-nav .employee-nav-scan { align-self:stretch;margin-top:0; }
.employee-app-shell .employee-nav-scan i { display:grid;width:30px;height:30px;place-items:center;border-radius:10px;background:var(--theme-primary);color:#fff;box-shadow:0 7px 16px color-mix(in srgb,var(--theme-primary) 24%,transparent); }
.employee-app-shell .employee-nav-scan i svg { width:18px;height:18px; }

@media (max-width:1400px) {
  .product-header-pro .product-navigation-panel { gap:18px; }
  .product-header-pro .product-quick-action>span { display:none; }
  .product-header-pro .product-quick-action { width:44px;padding:0;justify-content:center; }
  .product-header-pro .product-login-link span { display:none; }
  .product-header-pro .product-login-link { width:44px;padding:5px; }
}
@media (max-width:1450px) {
  .qr-management-grid { grid-template-columns:1fr; }
}
@media (max-width:1220px) {
  .product-header.product-header-pro { padding-inline:18px; }
  .product-header-pro .product-header-shell { grid-template-columns:minmax(150px,175px) minmax(0,1fr);gap:16px; }
  .product-header-pro .product-nav-links { gap:17px; }
  .product-header-pro .product-quick-action>span { display:none; }
  .product-header-pro .product-quick-action { width:44px;padding:0;justify-content:center; }
  .product-header-pro .product-login-link span { display:none; }
  .product-header-pro .product-login-link { width:44px;padding:5px; }
}
@media (max-width:1040px) {
  .product-header.product-header-pro { min-height:70px;padding:6px 14px; }
  .product-header-pro .product-header-shell { min-height:58px;grid-template-columns:minmax(0,1fr) 46px;gap:12px; }
  .product-header-pro .product-brand .brand-wordmark { max-width:164px; }
  .product-header-pro .marketing-menu-toggle {
    display:grid;
    grid-column:2;
    width:46px;
    height:46px;
    place-content:center;
    gap:4px;
    padding:0;
    border:1px solid #dce9eb;
    border-radius:14px;
    background:#fff;
    box-shadow:0 7px 18px rgba(3,42,67,.06);
  }
  .product-header-pro .marketing-menu-toggle span { display:block;width:20px;height:2px;margin:0;border-radius:999px;background:var(--theme-dark);transition:transform .2s ease,opacity .2s ease; }
  .marketing-menu-open .product-header-pro .marketing-menu-toggle span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .marketing-menu-open .product-header-pro .marketing-menu-toggle span:nth-child(2) { opacity:0; }
  .marketing-menu-open .product-header-pro .marketing-menu-toggle span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
  .product-header-pro .product-navigation-panel {
    visibility:hidden;
    display:flex;
    position:fixed;
    z-index:510;
    max-height:calc(100dvh - 92px);
    top:78px;
    right:12px;
    left:12px;
    flex-direction:column;
    align-items:stretch;
    gap:14px;
    padding:18px;
    overflow:auto;
    overscroll-behavior:contain;
    transform:translateY(-10px) scale(.985);
    border:1px solid #dce9eb;
    border-radius:24px;
    background:rgba(255,255,255,.985);
    box-shadow:0 28px 80px rgba(3,42,67,.2);
    opacity:0;
    pointer-events:none;
    transition:visibility .2s ease,opacity .2s ease,transform .2s ease;
  }
  .marketing-menu-open .product-header-pro .product-navigation-panel { visibility:visible;transform:none;opacity:1;pointer-events:auto; }
  .marketing-menu-open { height:100dvh;overflow:hidden; }
  .product-navigation-head { display:block;padding:3px 3px 12px;border-bottom:1px solid var(--theme-border); }
  .product-navigation-head strong,.product-navigation-head small { display:block; }
  .product-navigation-head strong { font-size:1.1rem; }
  .product-navigation-head small { margin-top:4px;color:var(--theme-muted);font-size:.58rem; }
  .product-header-pro .product-nav-links { display:grid;position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;background:transparent;box-shadow:none; }
  .product-header-pro .product-nav-links a { min-height:52px;justify-content:center;padding:0 12px;border:1px solid var(--theme-border);border-radius:15px;background:#f8fbfc;font-size:.66rem; }
  .product-header-pro .product-nav-links a::after { display:none; }
  .product-header-pro .product-header-actions { display:grid;position:static;width:100%;grid-template-columns:1fr 1fr;gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none; }
  .product-header-pro .product-header-contact { display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px; }
  .product-header-pro .product-quick-action { width:auto;min-height:58px;justify-content:flex-start;padding:7px 12px; }
  .product-header-pro .product-quick-action>span { display:block; }
  .product-header-pro .product-quick-action b { max-width:none; }
  .product-header-pro .product-header-socials { display:flex;grid-column:1/-1;justify-content:center;padding:4px 0; }
  .product-header-pro .product-login-link { width:auto;min-height:50px;justify-content:center;padding:5px 10px;border:1px solid var(--theme-border);background:#fff; }
  .product-header-pro .product-login-link span { display:block;max-width:150px; }
  .product-header-pro .product-price-cta { width:100%;min-width:0; }
  .product-hero { padding-top:112px; }
}
@media (max-width:600px) {
  .product-header.product-header-pro { padding-inline:10px; }
  .product-header-pro .product-brand .brand-wordmark { max-width:205px; }
  .product-header-pro .product-navigation-panel { top:76px;right:8px;left:8px;max-height:calc(100dvh - 84px);padding:14px;border-radius:21px; }
  .product-header-pro .product-nav-links { grid-template-columns:1fr; }
  .product-header-pro .product-nav-links a { min-height:48px;justify-content:flex-start; }
  .product-header-pro .product-quick-action { min-width:0; }
  .product-header-pro .product-quick-action b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .product-header-pro .product-price-cta { grid-column:1/-1; }
  .product-hero { padding-top:102px; }

  .employee-app-shell .employee-app-bar { height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;box-shadow:0 1px 0 var(--theme-border); }
  .employee-app-shell .employee-app-bar .brand-logo-image { max-width:122px;height:34px; }
  .employee-app-shell .employee-shell { width:calc(100% - 24px);padding:17px 0 calc(91px + env(safe-area-inset-bottom)); }
  .employee-app-shell .welcome-row { align-items:center;margin-bottom:13px;padding-inline:1px; }
  .employee-app-shell .welcome-row h1 { max-width:210px;font-size:1.42rem; }
  .employee-app-shell .employee-badge { max-width:116px;padding:8px 9px;border-radius:12px; }
  .employee-app-shell .scan-card { padding:17px 15px 18px;border-radius:21px;box-shadow:0 10px 28px rgba(4,45,65,.065); }
  .employee-app-shell .scan-card h2 { margin-top:16px;font-size:1.28rem; }
  .employee-app-shell .scan-card p { font-size:.62rem; }
  .employee-app-shell .employee-event-selector { grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px; }
  .employee-app-shell .employee-event-button { min-height:64px;padding:8px;border-radius:14px; }
  .employee-app-shell .employee-event-button strong { font-size:.76rem; }
  .employee-app-shell .employee-event-button small { font-size:.52rem; }
  .employee-app-shell .employee-event-button em { display:none; }
  .employee-app-shell .event-choice-icon { width:31px;height:31px;flex-basis:31px;border-radius:10px; }
  .employee-app-shell .scan-actions { margin-top:14px; }
  .employee-app-shell .scan-actions .button { width:100%;min-height:49px; }
  .employee-app-shell .privacy-strip { display:grid;grid-template-columns:auto 1fr;gap:8px;padding:11px 12px;border-radius:14px; }
  .employee-app-shell .privacy-strip strong { font-size:.55rem;white-space:nowrap; }
  .employee-app-shell .privacy-strip span { font-size:.49rem;line-height:1.45; }
  .employee-app-shell .employee-screen-head { margin-bottom:11px;padding:13px;border-radius:17px; }
  .employee-app-shell .employee-screen-head h1 { font-size:1.2rem; }
  .employee-app-shell .employee-screen-head p { max-width:none;font-size:.55rem; }
  .employee-app-shell .mobile-form-card,.employee-app-shell .employee-request-history { padding:14px;border-radius:17px; }
  .employee-app-shell .employee-date-filter { gap:7px; }
  .employee-app-shell .history-range-links { padding:4px;overflow-x:auto;border-radius:14px;scrollbar-width:none; }
  .employee-app-shell .history-range-link { min-width:max-content; }
  .employee-app-shell .timeline-item { min-height:66px;border-radius:16px;box-shadow:none; }
  .employee-app-shell .employee-bottom-nav { width:100%;min-height:66px;padding-inline:5px;border-right:0;border-left:0;border-radius:20px 20px 0 0; }
  .employee-app-shell .employee-bottom-nav a,.employee-app-shell .employee-bottom-nav button { min-height:51px;font-size:.48rem; }
  .employee-app-shell .employee-bottom-nav a span,.employee-app-shell .employee-bottom-nav button span { max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .employee-app-shell .employee-drawer {
    width:auto;
    max-height:82dvh;
    top:auto;
    right:8px;
    bottom:8px;
    left:8px;
    padding:20px 16px max(18px,env(safe-area-inset-bottom));
    border-radius:26px;
    transform:translateY(calc(100% + 16px));
  }
  .employee-app-shell .employee-drawer.is-open { transform:translateY(0); }
  .employee-app-shell .employee-drawer>header { padding-bottom:12px; }
  .employee-app-shell .employee-drawer-profile { padding:13px;border-radius:17px;background:var(--theme-primary-soft);color:var(--theme-dark); }
  .employee-app-shell .employee-drawer-profile>span { background:var(--theme-primary);color:#fff; }
  .employee-app-shell .employee-drawer-profile small { color:var(--theme-muted); }
  .employee-app-shell .employee-drawer nav { grid-template-columns:1fr 1fr;gap:6px;margin:13px 0;overflow:auto; }
  .employee-app-shell .employee-drawer nav a { min-height:46px;padding:0 10px;border:1px solid var(--theme-border);background:#fff;font-size:.65rem; }
  .employee-app-shell .employee-drawer nav a svg { width:19px;height:19px; }

  .employee-login-app { background:#f2f6f7; }
  .employee-login-app .secure-auth-shell { width:min(100%,520px);padding:0; }
  .employee-login-app .inner-breadcrumb { display:none; }
  .employee-login-app .secure-login-layout { min-height:100dvh;overflow:visible;border:0;border-radius:0;background:#f2f6f7;box-shadow:none; }
  .employee-login-app .secure-login-intro { min-height:235px;justify-content:flex-start;padding:max(24px,env(safe-area-inset-top)) 22px 62px;border-radius:0 0 32px 32px;background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--theme-accent) 55%,transparent),transparent 38%),linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong)); }
  .employee-login-app .secure-login-intro::after { width:170px;height:170px;right:-105px;bottom:-80px; }
  .employee-login-app .secure-login-intro .brand-lockup { margin-bottom:27px; }
  .employee-login-app .secure-login-intro .eyebrow { font-size:.5rem; }
  .employee-login-app .secure-login-intro h1 { max-width:300px;margin:10px 0 8px;font-size:2.25rem;line-height:.96; }
  .employee-login-app .secure-login-intro>p { max-width:330px;font-size:.65rem;line-height:1.5; }
  .employee-login-app .secure-login-points { display:none; }
  .employee-login-app .secure-login-card { width:calc(100% - 24px);margin:-38px auto 20px;padding:22px 17px 20px;border:1px solid var(--theme-border);border-radius:25px;background:#fff;box-shadow:0 20px 55px rgba(3,42,67,.14); }
  .employee-login-app .secure-login-card h2 { margin:6px 0 7px;font-size:1.65rem; }
  .employee-login-app .secure-login-card>.muted { margin-bottom:18px;font-size:.62rem; }
  .employee-login-app .secure-login-card .form-stack { gap:12px; }
  .employee-login-app .secure-login-card input,.employee-login-app .secure-login-card select { min-height:51px;border-radius:14px; }
  .employee-login-app .secure-login-card .button { min-height:53px;border-radius:15px; }
  .employee-login-app .browser-check-status { padding:10px;border-radius:14px; }

  .login-access-app .secure-auth-shell { width:100%;padding:0; }
  .login-access-app .inner-breadcrumb { display:none; }
  .login-access-app .login-hub-premium { min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none; }
  .login-access-app .login-hub-orb { display:none; }
  .login-access-app .login-hub-premium>header { margin-bottom:22px;text-align:left; }
  .login-access-app .login-hub-premium>header .brand-lockup { margin:0 0 28px; }
  .login-access-app .login-security-kicker { margin:0 0 10px;padding:7px 9px;font-size:.48rem; }
  .login-access-app .login-hub-premium>header h1 { margin-bottom:10px;font-size:2.25rem;line-height:.96; }
  .login-access-app .login-hub-premium>header p { margin:0;padding:0;font-size:.65rem;line-height:1.5;text-align:left; }
  .login-access-app .login-portal-grid { gap:9px; }
  .login-access-app[data-device-type="phone"] .login-portal-card:nth-child(2) { order:-1; }
  .login-access-app .login-hub-premium .login-portal-card { min-height:0;grid-template-columns:48px minmax(0,1fr) 34px;grid-template-rows:1fr;align-items:center;gap:11px;padding:12px;border-radius:18px;box-shadow:0 7px 20px rgba(4,47,70,.055); }
  .login-access-app .login-portal-card::before { display:none; }
  .login-access-app .login-portal-top { display:block; }
  .login-access-app .login-portal-top>b { display:none; }
  .login-access-app .login-hub-premium .login-portal-icon { width:48px;height:48px;border-radius:14px; }
  .login-access-app .login-hub-premium .login-portal-card>div { align-self:center;padding:0; }
  .login-access-app .login-hub-premium .login-portal-card small { margin-bottom:3px;font-size:.43rem; }
  .login-access-app .login-hub-premium .login-portal-card strong { font-size:1rem; }
  .login-access-app .login-hub-premium .login-portal-card p { display:none; }
  .login-access-app .login-portal-action { display:block;justify-self:end;margin:0; }
  .login-access-app .login-portal-action em { display:none; }
  .login-access-app .login-portal-action i { width:32px;height:32px;border-radius:11px; }
  .login-access-app .login-trust-strip { display:none; }

  .qr-settings-form { grid-template-columns:1fr; }
  .qr-duration-control { grid-template-columns:minmax(0,1fr) minmax(105px,.65fr); }
  .field-info-tooltip [role="tooltip"] { position:fixed;right:14px;bottom:18px;left:14px;width:auto;transform:translateY(8px); }
  .field-info-tooltip:hover [role="tooltip"],.field-info-tooltip:focus [role="tooltip"],.field-info-tooltip:focus-visible [role="tooltip"] { transform:none; }
  .field-info-tooltip [role="tooltip"]::after { display:none; }
}

/* 5.3 — Kargonomi-inspired public shell and dedicated premium sales configurator */
.product-vitrine .product-header.product-header-pro {
  min-height:118px;
  padding:0;
  border-bottom:1px solid rgba(217,231,234,.82);
  background:rgba(252,254,255,.94);
  box-shadow:0 12px 40px rgba(3,42,67,.075);
  color:var(--theme-dark);
}
.product-vitrine .product-header.product-header-pro.is-scrolled {
  min-height:108px;
  background:rgba(255,255,255,.985);
  box-shadow:0 16px 48px rgba(3,42,67,.13);
}
.product-header-top { height:38px;border-bottom:1px solid rgba(217,231,234,.76); }
.product-header-top-shell { display:flex;width:min(1420px,calc(100% - 48px));height:100%;align-items:center;justify-content:space-between;margin:auto; }
.product-top-promise { display:flex;align-items:center;gap:8px;color:#6f8792;font-size:.52rem;font-weight:750;letter-spacing:.025em; }
.product-top-promise i { width:6px;height:6px;border-radius:50%;background:#28b878;box-shadow:0 0 0 5px rgba(40,184,120,.1); }
.product-top-contact,.product-top-socials { display:flex;align-items:center;gap:15px; }
.product-top-contact>a { display:flex;align-items:center;gap:6px;color:#4d6b79;font-size:.51rem;font-weight:760; }
.product-top-contact>a:hover { color:var(--theme-primary-strong); }
.product-top-contact>a.is-whatsapp { color:#16815a; }
.product-top-contact>a svg { width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.product-top-socials { gap:4px;padding-left:12px;border-left:1px solid #dce7ea; }
.product-top-socials a,.product-top-socials>span { display:grid;width:26px;height:26px;place-items:center;border-radius:8px;color:#6d8590; }
.product-top-socials a:hover { background:var(--theme-primary-soft);color:var(--theme-primary-strong); }
.product-top-socials .is-unconfigured { opacity:.34;cursor:help; }
.product-top-socials svg { width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.product-vitrine .product-header-pro .product-header-shell { min-height:80px;grid-template-columns:minmax(170px,210px) minmax(0,1fr);padding-inline:24px; }
.product-vitrine .product-header-pro .product-brand .brand-wordmark { max-width:185px; }
.product-vitrine .product-header-pro .product-nav-links a { color:#3f6171; }
.product-vitrine .product-header-pro .product-nav-links a:hover { color:var(--theme-dark); }
.product-vitrine .product-header-pro .product-nav-links a::after { background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent)); }
.product-vitrine .product-header-pro .product-header-actions>.product-header-contact,
.product-vitrine .product-header-pro .product-header-socials { display:none; }
.product-vitrine .product-header-pro .product-login-link { border-color:#dce9eb;background:#fff;color:#254e61; }
.product-vitrine .product-header-pro .product-login-link:hover { border-color:color-mix(in srgb,var(--theme-primary) 32%,#dce9eb);background:var(--theme-primary-soft); }
.product-vitrine .product-header-pro .product-login-link i { border-color:#d6e6e9;background:#fff;box-shadow:0 7px 16px rgba(4,51,72,.09); }
.product-vitrine .product-header-pro .product-login-link i::before,
.product-vitrine .product-header-pro .product-login-link i::after { border-color:var(--theme-primary-strong); }
.product-vitrine .product-header-pro .product-price-cta { border:1px solid color-mix(in srgb,var(--theme-primary) 18%,transparent);background:linear-gradient(135deg,var(--theme-primary),#28bad3);box-shadow:0 14px 32px rgba(0,158,205,.2); }

.product-vitrine .product-hero {
  min-height:860px;
  padding:188px 0 76px;
  background:radial-gradient(circle at 88% 7%,rgba(21,177,205,.2),transparent 31%),radial-gradient(circle at 10% 55%,rgba(26,110,132,.16),transparent 34%),linear-gradient(135deg,#03131e,#061e2d 56%,#082d3e);
  color:#fff;
}
.product-vitrine .hero-mesh { opacity:.12;background-image:linear-gradient(rgba(127,224,238,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(127,224,238,.22) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 78%); }
.product-vitrine .hero-mesh::after { background:radial-gradient(circle at 72% 20%,rgba(37,201,225,.17),transparent 28%),radial-gradient(circle at 18% 28%,rgba(255,255,255,.04),transparent 27%); }
.product-vitrine .hero-cursor-glow { background:radial-gradient(420px circle at var(--glow-x) var(--glow-y),rgba(72,221,239,.13),transparent 68%); }
.product-vitrine .product-hero-grid { grid-template-columns:minmax(420px,.86fr) minmax(590px,1.14fr);gap:clamp(20px,4vw,62px); }
.product-vitrine .product-hero-copy { padding:18px 0 105px; }
.product-vitrine .product-kicker { color:#72dfef;font-size:.58rem;letter-spacing:.15em; }
.product-vitrine .product-kicker i { background:#6be6b0;box-shadow:0 0 0 7px rgba(107,230,176,.1); }
.product-vitrine .product-hero-copy h1 { max-width:650px;margin:24px 0 25px;color:#fff;font-size:clamp(3.6rem,5.25vw,6rem);font-weight:850;letter-spacing:-.066em;line-height:.91; }
.product-vitrine .product-hero-copy h1 em { display:block;margin-top:5px;color:#71d9e8;font-weight:550; }
.product-vitrine .product-lead { max-width:570px;color:rgba(255,255,255,.63);font-size:clamp(.88rem,1.2vw,1.02rem);line-height:1.75; }
.product-vitrine .product-hero-actions .button { background:linear-gradient(135deg,var(--theme-primary),#25bdd5);box-shadow:0 18px 42px rgba(0,158,205,.27); }
.product-vitrine .product-play-link { color:#fff; }
.product-vitrine .product-play-link>i { border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#75e8f4; }
.product-vitrine .product-play-link small { color:rgba(255,255,255,.48); }
.product-vitrine .product-trust-row span { border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.48); }
.product-vitrine .product-trust-row b { color:#fff; }
.product-vitrine .product-stage { min-height:620px; }
.product-vitrine .stage-halo { border-color:rgba(80,222,239,.2);box-shadow:0 0 0 70px rgba(31,171,193,.04),0 0 0 140px rgba(31,171,193,.025); }
.product-vitrine .stage-depth-grid { opacity:.13; }
.product-vitrine .vitrine-tablet { width:650px;height:470px;right:-15px;box-shadow:0 55px 115px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.13); }
.product-vitrine .vitrine-phone { right:380px;bottom:0; }
.product-vitrine .product-signal-rail { border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035); }
.product-vitrine .product-signal-rail span { color:rgba(255,255,255,.34); }
.product-vitrine .product-signal-rail b { color:rgba(255,255,255,.7); }
.product-vitrine .product-signal-rail i { background:rgba(121,227,241,.42); }

.sales-configurator-body { min-height:100vh;overflow-x:clip;background:#f2f6f7;color:#082d42; }
.sales-config-shell { width:min(1240px,calc(100% - 48px));margin-inline:auto; }
.sales-config-header { position:absolute;z-index:20;width:100%;top:0;left:0;border-bottom:1px solid rgba(255,255,255,.1); }
.sales-config-header-shell { display:grid;width:min(1320px,calc(100% - 48px));min-height:78px;grid-template-columns:210px 1fr auto;align-items:center;gap:24px;margin:auto; }
.sales-config-header .brand-wordmark { max-width:180px; }
.sales-config-header nav { display:flex;align-items:center;justify-content:center;gap:25px; }
.sales-config-header nav a { color:rgba(255,255,255,.64);font-size:.62rem;font-weight:800; }
.sales-config-header nav a:hover,.sales-config-header nav .is-whatsapp { color:#72e9b0; }
.sales-config-login { min-width:96px;padding:11px 15px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.07);color:#fff;font-size:.62rem;font-weight:850;text-align:center; }
.sales-config-hero { position:relative;padding:125px 0 92px;overflow:hidden;background:radial-gradient(circle at 82% 0,rgba(26,188,213,.24),transparent 31%),linear-gradient(135deg,#03131e,#082e40);color:#fff; }
.sales-config-hero::after { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(#000,transparent 92%);pointer-events:none; }
.sales-config-hero-glow { position:absolute;width:480px;height:480px;right:-140px;bottom:-330px;border:1px solid rgba(102,225,240,.15);border-radius:50%;box-shadow:0 0 0 75px rgba(65,203,220,.035),0 0 0 150px rgba(65,203,220,.02); }
.sales-config-hero .sales-config-shell { position:relative;z-index:1; }
.sales-breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:38px;color:rgba(255,255,255,.43);font-size:.55rem;font-weight:750; }
.sales-breadcrumb a { color:#75dfec; }.sales-breadcrumb strong { color:rgba(255,255,255,.72); }
.sales-config-intro { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.55fr);align-items:end;gap:60px; }
.sales-config-kicker { display:inline-flex;align-items:center;gap:8px;color:#75dfec;font-size:.55rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }
.sales-config-kicker i { width:7px;height:7px;border-radius:50%;background:#70e5ae;box-shadow:0 0 0 6px rgba(112,229,174,.1); }
.sales-config-intro h1 { max-width:780px;margin:18px 0 0;font-size:clamp(3.2rem,5.8vw,6rem);letter-spacing:-.067em;line-height:.91; }
.sales-config-intro>p { margin:0 0 5px;color:rgba(255,255,255,.58);font-size:.78rem;line-height:1.75; }
.sales-progress { display:grid;max-width:800px;grid-template-columns:repeat(3,1fr);gap:0;margin:55px 0 0;padding:0;list-style:none; }
.sales-progress li { display:flex;position:relative;align-items:center;gap:11px;color:rgba(255,255,255,.35); }
.sales-progress li::after { content:"";position:absolute;height:1px;top:18px;right:16px;left:54px;background:rgba(255,255,255,.13); }
.sales-progress li:last-child::after { display:none; }
.sales-progress li>b { display:grid;position:relative;z-index:1;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#092c3d;font-size:.53rem; }
.sales-progress li.is-active>b { border-color:rgba(103,228,239,.45);background:linear-gradient(145deg,#0c748a,#0aa3bd);color:#fff;box-shadow:0 9px 22px rgba(0,164,190,.18); }
.sales-progress span,.sales-progress small { display:block; }.sales-progress span { font-size:.57rem;font-weight:850; }.sales-progress small { margin-top:3px;font-size:.46rem;font-weight:600;opacity:.72; }
.sales-progress li.is-active { color:#fff; }

.sales-config-workspace { padding:0 0 90px;background:linear-gradient(#eef4f5,#f8fbfc); }
.sales-premium-calculator { display:grid;position:relative;z-index:3;grid-template-columns:minmax(0,1fr) 365px;align-items:start;gap:20px;margin-top:-42px; }
.sales-builder-main { display:grid;gap:18px;min-width:0; }
.sales-builder-card,.sales-summary-panel { border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.94);box-shadow:0 24px 60px rgba(3,42,67,.09); }
.sales-builder-card { padding:27px;border-radius:28px; }
.sales-builder-heading { display:flex;align-items:center;gap:13px;margin-bottom:22px; }
.sales-builder-heading>span { display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));color:#78e4ef;font-size:.57rem;font-weight:950; }
.sales-builder-heading>div:not(.sales-branch-actions),.sales-builder-heading small,.sales-builder-heading h2 { display:block;min-width:0; }
.sales-builder-heading small { color:var(--theme-primary-strong);font-size:.49rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase; }
.sales-builder-heading h2 { margin:4px 0 0;font-size:1.35rem;letter-spacing:-.03em; }
.sales-builder-heading>em { margin-left:auto;color:#82959d;font-size:.49rem;font-style:normal; }
.sales-capacity-inputs { grid-template-columns:repeat(2,minmax(0,1fr));gap:11px; }
.sales-configurator-body .pricing-inputs>label { align-items:flex-start;flex-direction:column;padding:19px;border-color:#dce8ea;border-radius:19px;background:linear-gradient(145deg,#fbfdfd,#f5fafb); }
.sales-configurator-body .pricing-inputs label>span b { font-size:.76rem; }
.sales-configurator-body .pricing-inputs label>span small { margin-top:5px;font-size:.55rem;line-height:1.45; }
.sales-configurator-body .pricing-stepper { width:100%;grid-template-columns:52px 1fr 52px;margin-top:10px;border:0;border-radius:15px;background:#fff;box-shadow:inset 0 0 0 1px #d6e3e6; }
.sales-configurator-body .pricing-stepper button { height:52px;color:var(--theme-primary-strong);font-size:1.2rem; }
.sales-configurator-body .pricing-stepper input { height:52px;min-height:52px;color:var(--theme-dark);font-size:1.1rem; }
.sales-branch-actions { display:flex;gap:7px;margin-left:auto; }
.sales-branch-actions button { min-height:38px;padding:0 12px;border:1px solid #dbe7e9;border-radius:12px;background:#f6fafb;color:#486875;cursor:pointer;font-size:.5rem;font-weight:850; }
.sales-branch-actions button:last-child { border-color:color-mix(in srgb,var(--theme-primary) 28%,#dbe7e9);background:var(--theme-primary-soft);color:var(--theme-primary-strong); }
.sales-choice-guide { display:flex;flex-wrap:wrap;gap:16px;margin:-5px 0 16px;padding:11px 13px;border-radius:13px;background:#f3f8f9;color:#6d8490;font-size:.5rem; }
.sales-choice-guide span { display:flex;align-items:center;gap:6px; }.sales-choice-guide b { color:#345769; }.sales-choice-guide i { width:8px;height:8px;border-radius:3px; }.sales-choice-guide .is-dynamic { background:#0aa3bd;box-shadow:0 0 0 4px rgba(10,163,189,.09); }.sales-choice-guide .is-static { background:#f4ad4d;box-shadow:0 0 0 4px rgba(244,173,77,.11); }
.sales-configurator-body .sales-branch-list { display:grid;max-height:none;grid-template-columns:1fr;gap:12px;margin:0;padding:0;overflow:visible; }
.sales-configurator-body .branch-qr-choice { padding:17px;border:1px solid #dce8ea;border-radius:21px;background:#fbfdfd;transition:border-color .2s ease,box-shadow .2s ease; }
.sales-configurator-body .branch-qr-choice:has(input:checked) { border-color:color-mix(in srgb,var(--theme-primary) 28%,#dce8ea);box-shadow:0 12px 30px rgba(4,91,116,.07); }
.sales-configurator-body .branch-qr-choice>header { margin-bottom:13px; }
.sales-configurator-body .branch-choice-number { display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#e8f4f6;color:var(--theme-primary-strong);font-size:.55rem;font-weight:950; }
.sales-configurator-body .branch-qr-choice header strong { font-size:.69rem; }.sales-configurator-body .branch-qr-choice header small { margin-top:3px;font-size:.49rem; }
.branch-ready { margin-left:auto;padding:6px 9px;border-radius:999px;background:#e5f7ed;color:#16815a;font-size:.44rem!important;font-weight:850; }
.sales-configurator-body .branch-qr-choice>div { grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
.sales-configurator-body .branch-qr-choice label>span { display:flex;position:relative;min-height:122px;align-items:flex-start;gap:11px;padding:15px;border-color:#dce7e9;border-radius:17px;background:#fff; }
.sales-configurator-body .branch-device-icon { display:grid!important;width:43px!important;height:43px!important;flex:0 0 43px;place-items:center!important;border-radius:14px!important;background:#eef7f8!important;color:var(--theme-primary-strong)!important; }
.branch-device-icon svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.branch-option-copy { display:grid;min-width:0;gap:4px; }
.sales-configurator-body .branch-option-copy>b { font-size:.64rem!important;line-height:1.35; }
.sales-configurator-body .branch-option-copy>small { font-size:.49rem!important;line-height:1.5; }
.sales-configurator-body .branch-option-copy>em { margin-top:6px!important;font-size:.52rem!important; }
.branch-option-check { display:grid!important;position:absolute;right:11px;top:11px;width:20px;height:20px;place-items:center;border:1px solid #d9e4e6;border-radius:50%;background:#fff;color:transparent;font-size:.48rem!important; }
.sales-configurator-body .branch-qr-choice input:checked+span { border-color:var(--theme-primary);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--theme-primary-soft) 55%,#fff));box-shadow:inset 0 0 0 1px var(--theme-primary),0 12px 28px rgba(4,104,135,.1); }
.sales-configurator-body .branch-qr-choice input:checked+span .branch-device-icon { background:linear-gradient(145deg,var(--theme-primary),#22bad1)!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,158,205,.2); }
.sales-configurator-body .branch-qr-choice input:checked+span .branch-option-check { border-color:var(--theme-primary);background:var(--theme-primary);color:#fff; }

.sales-summary-panel { position:sticky;top:20px;padding:24px;border-radius:28px;background:linear-gradient(160deg,#fff,#f8fbfc); }
.sales-summary-status { display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid #dde8ea; }
.sales-summary-status>i { width:9px;height:9px;border-radius:50%;background:#35bb7c;box-shadow:0 0 0 6px rgba(53,187,124,.1); }
.sales-summary-status span,.sales-summary-status small,.sales-summary-status strong { display:block; }.sales-summary-status small { color:#82959d;font-size:.46rem; }.sales-summary-status strong { margin-top:3px;font-size:.58rem; }
.sales-summary-panel>h2 { margin:22px 0 14px;font-size:1.35rem; }
.sales-summary-quantities { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.sales-summary-quantities span { padding:13px;border:1px solid #dce7e9;border-radius:15px;background:#fff; }.sales-summary-quantities small,.sales-summary-quantities b { display:block; }.sales-summary-quantities small { color:#81949d;font-size:.47rem; }.sales-summary-quantities b { margin-top:4px;font-size:1.15rem; }
.sales-summary-modes { display:grid;gap:7px;margin:12px 0 18px; }
.sales-summary-modes>div { display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px;border-radius:14px;background:#f1f7f8; }
.sales-summary-modes>div>span { display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#dff2f5;color:#087f96;font-size:.75rem; }.sales-summary-modes>div>span.is-static { background:#fff0d9;color:#a66513; }
.sales-summary-modes p,.sales-summary-modes p small { display:block; }.sales-summary-modes p { margin:0;font-size:.55rem;font-weight:850; }.sales-summary-modes p small { margin-top:2px;color:#7b9099;font-size:.44rem;font-weight:600; }.sales-summary-modes>div>b { font-size:.85rem; }
.sales-configurator-body .pricing-breakdown { margin:0 0 14px;padding-top:16px;border-top:1px solid #dce7e9; }
.sales-configurator-body .pricing-breakdown div { font-size:.58rem; }.sales-configurator-body .pricing-breakdown strong { font-size:.61rem; }
.sales-configurator-body .pricing-total { margin-bottom:13px;padding:20px;border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(80,220,238,.21),transparent 42%),linear-gradient(140deg,#051d2c,#083e50); }
.sales-configurator-body .pricing-total>span { font-size:.51rem; }.sales-configurator-body .pricing-total>strong { margin:7px 0 6px;font-size:clamp(1.8rem,3vw,2.35rem); }.sales-configurator-body .pricing-total>small { font-size:.48rem; }
.sales-configurator-body .pricing-buy-button { min-height:57px;border-radius:16px;background:linear-gradient(135deg,var(--theme-primary),#25bdd5);box-shadow:0 14px 30px rgba(0,158,205,.2); }
.sales-assurances { display:flex;justify-content:center;flex-wrap:wrap;gap:7px 10px;margin-top:13px;color:#788d96;font-size:.42rem;font-weight:760; }
.sales-support-strip { padding:28px 0;background:#0a2939;color:#fff; }.sales-support-strip .sales-config-shell { display:flex;align-items:center;justify-content:space-between;gap:25px; }.sales-support-strip span,.sales-support-strip strong { display:block; }.sales-support-strip span { color:#70ddeb;font-size:.5rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }.sales-support-strip strong { margin-top:6px;font-size:.78rem; }.sales-support-strip .button { min-width:165px; }
.sales-config-footer { padding:32px 0;background:#041723;color:rgba(255,255,255,.48); }.sales-config-footer .sales-config-shell { display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:24px; }.sales-config-footer .brand-wordmark { max-width:165px; }.sales-config-footer p { margin:0;font-size:.5rem;text-align:center; }.sales-config-footer nav { display:flex;gap:14px; }.sales-config-footer nav a { color:rgba(255,255,255,.55);font-size:.48rem;font-weight:750; }

@media (max-width:1180px) {
  .product-vitrine .product-header-pro .product-header-shell { padding-inline:18px; }
  .product-vitrine .product-hero-grid { grid-template-columns:minmax(380px,.78fr) minmax(540px,1.22fr); }
  .product-vitrine .vitrine-tablet { right:0;transform:scale(.88) rotateZ(1deg);transform-origin:top right; }
  .product-vitrine .vitrine-phone { right:330px;transform:scale(.9) rotate(-4deg);transform-origin:bottom right; }
  .sales-premium-calculator { grid-template-columns:minmax(0,1fr) 330px; }
}
@media (max-width:1040px) {
  .product-header-top { display:none; }
  .product-vitrine .product-header.product-header-pro,.product-vitrine .product-header.product-header-pro.is-scrolled { min-height:72px;background:rgba(255,255,255,.98); }
  .product-vitrine .product-header-pro .product-header-shell { min-height:72px;padding-inline:14px; }
  .product-vitrine .product-header-pro .marketing-menu-toggle { border-color:#dce9eb;background:#fff;box-shadow:0 7px 18px rgba(3,42,67,.06); }
  .product-vitrine .product-header-pro .marketing-menu-toggle span { background:var(--theme-dark); }
  .product-vitrine .product-header-pro .product-navigation-panel { top:78px;border-color:#dce9eb;background:rgba(255,255,255,.99);box-shadow:0 30px 80px rgba(3,42,67,.2); }
  .product-vitrine .product-navigation-head { border-color:var(--theme-border); }.product-vitrine .product-navigation-head strong { color:var(--theme-dark); }.product-vitrine .product-navigation-head small { color:var(--theme-muted); }
  .product-vitrine .product-header-pro .product-nav-links a { border-color:var(--theme-border);background:#f8fbfc;color:#3f6171; }
  .product-vitrine .product-header-pro .product-header-actions>.product-header-contact { display:grid; }
  .product-vitrine .product-header-pro .product-header-socials { display:flex; }
  .product-vitrine .product-header-pro .product-quick-action { border-color:#dce9eb;background:#fff;color:#244d60;box-shadow:0 8px 22px rgba(4,49,70,.055); }
  .product-vitrine .product-header-pro .product-quick-action small { color:#80949d; }
  .product-vitrine .product-header-pro .product-quick-action.is-whatsapp { border-color:#caead8;background:#f1fbf5;color:#16764f; }
  .product-vitrine .product-header-pro .product-header-socials a,.product-vitrine .product-header-pro .product-header-socials>span { color:#637d89; }
  .product-vitrine .product-hero { min-height:auto;padding:122px 0 93px; }
  .product-vitrine .product-hero-grid { grid-template-columns:1fr; }
  .product-vitrine .product-hero-copy { max-width:760px;padding:12px 0 20px; }
  .product-vitrine .product-stage { width:min(760px,100%);min-height:600px;margin:0 auto;transform:scale(.82);transform-origin:top center; }
  .product-vitrine .vitrine-tablet { right:50%;transform:translateX(50%) rotateZ(1deg); }
  .product-vitrine .vitrine-phone { right:auto;left:calc(50% - 330px);transform:rotate(-4deg); }
  .sales-config-intro { grid-template-columns:1fr;gap:22px; }.sales-config-intro>p { max-width:680px; }
  .sales-premium-calculator { grid-template-columns:1fr; }.sales-summary-panel { position:relative;top:auto; }
}
@media (max-width:760px) {
  .sales-config-shell,.sales-config-header-shell { width:calc(100% - 28px); }
  .sales-config-header-shell { min-height:68px;grid-template-columns:1fr auto; }.sales-config-header nav { display:none; }.sales-config-header .brand-wordmark { max-width:150px; }.sales-config-login { min-width:82px;padding:10px; }
  .sales-config-hero { padding:99px 0 72px; }.sales-breadcrumb { margin-bottom:25px; }.sales-config-intro h1 { font-size:clamp(2.7rem,12vw,4.4rem); }.sales-progress { margin-top:34px; }.sales-progress li { gap:7px; }.sales-progress li::after { display:none; }.sales-progress li>b { width:34px;height:34px;flex-basis:34px; }.sales-progress small { display:none; }
  .sales-config-workspace { padding-bottom:60px; }.sales-premium-calculator { margin-top:-32px; }.sales-builder-card,.sales-summary-panel { padding:19px;border-radius:22px; }.sales-builder-heading { align-items:flex-start;flex-wrap:wrap; }.sales-builder-heading>em { width:100%;margin-left:55px; }.sales-capacity-inputs { grid-template-columns:1fr; }.sales-branch-actions { width:100%;margin-left:55px; }.sales-branch-actions button { flex:1; }.sales-configurator-body .branch-qr-choice>div { grid-template-columns:1fr; }.sales-configurator-body .branch-qr-choice label>span { min-height:105px; }.sales-summary-panel { order:3; }
  .sales-support-strip .sales-config-shell { align-items:stretch;flex-direction:column; }.sales-support-strip .button { width:100%; }
  .sales-config-footer .sales-config-shell { grid-template-columns:1fr;justify-items:center; }.sales-config-footer nav { flex-wrap:wrap;justify-content:center; }
}
@media (max-width:620px) {
  .product-vitrine .product-header-pro .product-brand .brand-wordmark { max-width:160px; }
  .product-vitrine .product-hero { padding:104px 0 80px; }
  .product-vitrine .product-hero-copy h1 { font-size:clamp(3rem,14vw,4.4rem);line-height:.94; }
  .product-vitrine .product-lead { font-size:.78rem;line-height:1.65; }
  .product-vitrine .product-hero-actions { align-items:stretch;flex-direction:column; }
  .product-vitrine .product-play-link { justify-content:flex-start; }
  .product-vitrine .product-trust-row { justify-content:space-between;margin-top:33px; }
  .product-vitrine .product-trust-row span { padding-right:8px; }
  .product-vitrine .product-stage { width:730px;min-height:430px;left:50%;justify-self:start;margin:5px 0 -85px;transform:translateX(-50%) scale(.54);transform-origin:top center; }
  .product-vitrine .product-signal-rail>div { height:60px; }
  .sales-config-intro>p { font-size:.68rem; }.sales-config-intro h1 { line-height:.94; }.sales-progress span { font-size:.49rem; }.sales-progress { grid-template-columns:repeat(3,minmax(0,1fr)); }.sales-progress li { align-items:flex-start;flex-direction:column; }
  .sales-builder-heading h2 { font-size:1.12rem; }.sales-builder-heading>em { margin-left:0; }.sales-branch-actions { margin-left:0; }.sales-choice-guide { align-items:flex-start;flex-direction:column;gap:9px; }
  .sales-configurator-body .branch-qr-choice { padding:13px; }.sales-configurator-body .branch-qr-choice>header { align-items:flex-start; }.branch-ready { display:none; }.sales-configurator-body .branch-qr-choice label>span { padding:13px; }.sales-configurator-body .branch-device-icon { width:39px!important;height:39px!important;flex-basis:39px; }.sales-summary-panel>h2 { margin-top:18px; }
}

@media (max-width:760px) {
  .qr-settings-form { grid-template-columns:1fr; }
  .qr-settings-form>.button { grid-column:1; }
}

/* Employee PWA additions: measured monthly continuity and premium action surfaces. */
.employee-app-shell .employee-event-button[data-event-choice="entry"] {
  overflow:hidden;
  border-color:#afe6dc;
  background:linear-gradient(135deg,#f3fffc 0%,#dff8f3 48%,#dff3fa 100%);
  color:#086a68;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(6,126,126,.09);
}
.employee-app-shell .employee-event-button[data-event-choice="exit"] {
  overflow:hidden;
  border-color:#c6d7f3;
  background:linear-gradient(135deg,#f6f9ff 0%,#e7f0ff 48%,#eee9ff 100%);
  color:#3c528f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(58,82,145,.09);
}
.employee-app-shell .employee-event-button[data-event-choice="entry"]:hover,
.employee-app-shell .employee-event-button[data-event-choice="exit"]:hover { filter:saturate(1.08) brightness(1.015);transform:translateY(-2px); }
.employee-app-shell .employee-event-button[data-event-choice="entry"].is-selected { border-color:#22baa7;background:linear-gradient(135deg,#12bca8 0%,#078fa1 58%,#08718f 100%);color:#fff;box-shadow:0 14px 30px rgba(4,142,157,.27),inset 0 1px 0 rgba(255,255,255,.2); }
.employee-app-shell .employee-event-button[data-event-choice="exit"].is-selected { border-color:#4e73c7;background:linear-gradient(135deg,#258fd0 0%,#526fc8 53%,#6650b4 100%);color:#fff;box-shadow:0 14px 30px rgba(52,84,173,.27),inset 0 1px 0 rgba(255,255,255,.2); }
.employee-app-shell .employee-event-button[data-event-choice="entry"] .event-choice-icon,
.employee-app-shell .employee-event-button[data-event-choice="exit"] .event-choice-icon { background:rgba(255,255,255,.66);color:currentColor;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 6px 14px color-mix(in srgb,currentColor 12%,transparent); }
.employee-app-shell .employee-event-button[data-event-choice="entry"] small,
.employee-app-shell .employee-event-button[data-event-choice="exit"] small { color:currentColor;opacity:.68; }
.employee-app-shell .employee-event-button[data-event-choice="entry"].is-selected .event-choice-icon,
.employee-app-shell .employee-event-button[data-event-choice="exit"].is-selected .event-choice-icon { background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13); }
.employee-app-shell .employee-event-button[data-event-choice="entry"].is-selected small,
.employee-app-shell .employee-event-button[data-event-choice="exit"].is-selected small { color:#fff;opacity:.74; }
.employee-app-shell .employee-event-selector.needs-event-choice { animation:event-choice-attention 1.15s ease 2; }
@keyframes event-choice-attention { 0%,100%{transform:none;filter:none} 45%{transform:translateY(-3px);filter:drop-shadow(0 11px 15px rgba(0,144,171,.2))} }
.employee-app-shell #open-scanner {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(135,233,245,.28);
  background:linear-gradient(105deg,#087e9b 0%,#00a7c6 52%,#19b995 100%);
  color:#fff;
  box-shadow:0 14px 32px rgba(0,125,154,.3),inset 0 1px 0 rgba(255,255,255,.22);
  text-shadow:0 1px 1px rgba(0,48,67,.16);
}
.employee-app-shell #open-scanner::after { content:"";position:absolute;width:80px;height:180%;top:-40%;left:-105px;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);animation:employee-button-sheen 3.8s ease-in-out infinite; }
.employee-app-shell #open-scanner:not(:disabled):hover { transform:translateY(-2px);filter:saturate(1.08) brightness(1.04);box-shadow:0 18px 38px rgba(0,125,154,.36),inset 0 1px 0 rgba(255,255,255,.25); }
.employee-app-shell #open-scanner:disabled { opacity:.58;filter:saturate(.65);box-shadow:none; }
@keyframes employee-button-sheen { 0%,58%{left:-105px} 82%,100%{left:calc(100% + 45px)} }

.employee-continuity-card { margin-top:14px;padding:18px;border:1px solid rgba(255,255,255,.9);border-radius:23px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--theme-accent) 35%,transparent),transparent 35%),linear-gradient(150deg,#fff,#f4fafb);box-shadow:0 14px 36px rgba(4,45,65,.07); }
.employee-continuity-card>header { display:flex;align-items:flex-start;justify-content:space-between;gap:15px; }
.employee-continuity-card>header .eyebrow { color:var(--theme-primary-strong);font-size:.48rem;letter-spacing:.11em; }
.employee-continuity-card>header h2 { margin:5px 0 0;font-size:1.08rem;letter-spacing:-.025em; }
.continuity-score { min-width:70px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--theme-primary) 18%,#dce8ea);border-radius:15px;background:rgba(255,255,255,.8);text-align:right; }
.continuity-score strong,.continuity-score small { display:block; }.continuity-score strong { color:var(--theme-primary-strong);font-size:1.1rem;letter-spacing:-.04em; }.continuity-score small { margin-top:2px;color:var(--theme-muted);font-size:.43rem; }
.continuity-chart { display:grid;height:150px;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));align-items:end;gap:9px;margin-top:14px;padding:16px 11px 8px;border-radius:17px;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,color-mix(in srgb,var(--theme-border) 48%,transparent) 33px),linear-gradient(180deg,rgba(255,255,255,.3),rgba(235,245,247,.5)); }
.continuity-week { display:grid;height:100%;grid-template-rows:1fr auto;gap:7px;text-align:center; }
.continuity-week>div { display:flex;height:100%;align-items:flex-end;justify-content:center; }
.continuity-week i { display:flex;width:min(38px,78%);height:max(7px,var(--continuity-value));align-items:flex-start;justify-content:center;padding-top:7px;border-radius:11px 11px 5px 5px;background:linear-gradient(180deg,#2ad1c3,#088aa8);box-shadow:0 9px 18px rgba(0,146,170,.18);animation:continuity-rise .9s cubic-bezier(.22,.8,.25,1) both;transform-origin:bottom;font-style:normal; }
.continuity-week:nth-child(2) i { animation-delay:.08s; }.continuity-week:nth-child(3) i { animation-delay:.16s; }.continuity-week:nth-child(4) i { animation-delay:.24s; }.continuity-week:nth-child(5) i { animation-delay:.32s; }.continuity-week:nth-child(6) i { animation-delay:.4s; }
.continuity-week i span { color:rgba(255,255,255,.9);font-size:.38rem;font-weight:850;white-space:nowrap; }
.continuity-week>small { color:#738b95;font-size:.42rem;font-weight:800;text-transform:uppercase; }
.employee-continuity-card>footer { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#7b9099;font-size:.46rem; }
.employee-continuity-card>footer span:first-child { display:flex;align-items:center;gap:5px; }.employee-continuity-card>footer i { width:7px;height:7px;border-radius:3px;background:#0ca6b4;box-shadow:0 0 0 4px rgba(12,166,180,.09); }.employee-continuity-card>footer b { color:#315669; }
@keyframes continuity-rise { from{transform:scaleY(.04);opacity:.25} to{transform:scaleY(1);opacity:1} }
@media (prefers-reduced-motion:reduce) { .employee-continuity-card i,.employee-app-shell #open-scanner::after { animation:none; } }
@media (max-width:600px) {
  .employee-continuity-card { padding:15px;border-radius:20px; }
  .continuity-chart { height:132px;gap:5px;padding-inline:7px; }
  .employee-continuity-card>footer { align-items:flex-start;flex-direction:column;gap:6px; }
}
@media (max-width:380px) {
  .product-header-pro .product-header-contact { grid-template-columns:1fr; }
  .product-header-pro .product-header-actions { grid-template-columns:1fr; }
  .product-header-pro .product-login-link,.product-header-pro .product-price-cta,.product-header-pro .product-header-socials { grid-column:1; }
  .employee-app-shell .welcome-row h1 { max-width:170px;font-size:1.25rem; }
  .employee-app-shell .employee-badge { max-width:100px; }
  .employee-app-shell .employee-event-selector { grid-template-columns:1fr; }
  .employee-app-shell .employee-bottom-nav a,.employee-app-shell .employee-bottom-nav button { font-size:.43rem; }
}

/* Announcement center and responsive rich content */
.announcement-management-intro { display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 8%,#fff),#fff 60%); }
.announcement-management-intro>div:first-child { max-width:820px; }.announcement-management-intro h2 { margin:5px 0 10px;font-size:clamp(1.9rem,3vw,2.7rem); }.announcement-management-intro p { margin:0;color:var(--theme-muted);line-height:1.7; }
.announcement-intro-stat { display:grid;min-width:122px;min-height:106px;place-items:center;align-content:center;border:1px solid color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border));border-radius:25px;background:#fff;box-shadow:0 16px 38px color-mix(in srgb,var(--theme-dark) 8%,transparent); }.announcement-intro-stat strong { color:var(--theme-primary);font-size:2.2rem;line-height:1; }.announcement-intro-stat span { margin-top:7px;color:var(--theme-muted);font-size:.57rem;font-weight:800;text-transform:uppercase; }
.announcement-admin-layout { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px;align-items:start; }.announcement-admin-layout.is-readonly { grid-template-columns:1fr; }.owner-announcement-layout { grid-template-columns:minmax(0,1.4fr) minmax(350px,.6fr); }
.announcement-composer { overflow:visible; }.announcement-composer-head { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 25px 18px;border-bottom:1px solid var(--theme-border); }.announcement-composer-head h2 { margin:4px 0 0;font-size:1.45rem; }.announcement-live-status { display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:99px;background:color-mix(in srgb,var(--theme-primary-soft) 72%,#fff);color:var(--theme-primary-strong);font-size:.57rem;font-weight:900; }.announcement-live-status i { width:7px;height:7px;border-radius:50%;background:#42bd7b;box-shadow:0 0 0 4px rgba(66,189,123,.13); }
.announcement-title-field { padding:19px 24px 5px; }.announcement-title-field input,.announcement-title-field select { min-height:53px;font-size:.78rem;font-weight:700; }.announcement-owner-meta { display:grid;grid-template-columns:.7fr 1.3fr;gap:13px; }
.announcement-audience-fieldset { margin:16px 24px 0;padding:0;border:0; }.announcement-audience-fieldset legend { margin-bottom:10px;color:var(--theme-dark);font-size:.65rem;font-weight:900; }.announcement-audience-options { display:grid;grid-template-columns:repeat(3,1fr);gap:9px; }.announcement-audience-options label { display:block;cursor:pointer; }.announcement-audience-options input { position:absolute;opacity:0;pointer-events:none; }.announcement-audience-options span { display:grid;position:relative;min-height:122px;align-content:center;justify-items:center;padding:14px 11px;border:1px solid var(--theme-border);border-radius:18px;background:#fff;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }.announcement-audience-options i { display:grid;width:37px;height:37px;place-items:center;margin-bottom:8px;border-radius:12px;background:var(--theme-primary-soft);color:var(--theme-primary);font-size:1rem;font-style:normal; }.announcement-audience-options b { color:var(--theme-dark);font-size:.67rem; }.announcement-audience-options small { margin-top:4px;color:var(--theme-muted);font-size:.48rem;line-height:1.35; }.announcement-audience-options input:checked+span { border-color:color-mix(in srgb,var(--theme-primary) 55%,var(--theme-border));box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary) 14%,transparent);transform:translateY(-2px); }.announcement-audience-options input:checked+span::after { content:"✓";position:absolute;top:9px;right:9px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--theme-primary);color:var(--theme-on-primary);font-size:.55rem;font-weight:900; }
.announcement-target-panel { margin:14px 24px 0;padding:15px;border:1px solid var(--theme-border);border-radius:19px;background:color-mix(in srgb,var(--theme-primary-soft) 28%,#fff); }.announcement-target-panel>header { display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px; }.announcement-target-panel>header strong { font-size:.67rem; }.announcement-target-panel>header small { color:var(--theme-muted);font-size:.48rem; }.announcement-target-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:245px;overflow:auto;padding:2px;scrollbar-width:thin; }.announcement-target-option { display:flex;min-width:0;align-items:center;gap:9px;padding:10px;border:1px solid var(--theme-border);border-radius:13px;background:#fff;cursor:pointer; }.announcement-target-option input { width:17px;height:17px;flex:0 0 auto;accent-color:var(--theme-primary); }.announcement-target-option span { display:grid;min-width:0;gap:2px; }.announcement-target-option b { overflow:hidden;color:var(--theme-dark);font-size:.59rem;text-overflow:ellipsis;white-space:nowrap; }.announcement-target-option small { overflow:hidden;color:var(--theme-muted);font-size:.45rem;text-overflow:ellipsis;white-space:nowrap; }.announcement-target-option:has(input:checked) { border-color:color-mix(in srgb,var(--theme-primary) 50%,var(--theme-border));background:color-mix(in srgb,var(--theme-primary-soft) 62%,#fff); }.announcement-target-search { display:flex;align-items:center;gap:8px;margin-bottom:9px;padding:0 10px;border:1px solid var(--theme-border);border-radius:12px;background:#fff; }.announcement-target-search span { color:var(--theme-muted); }.announcement-target-search input { min-height:40px;padding:0;border:0;background:transparent;box-shadow:none; }
.announcement-editor-shell { margin-top:17px; }.announcement-editor-canvas { min-height:350px;padding:34px 7%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.83rem;line-height:1.75; }.announcement-editor-canvas img,.announcement-rich-content img { display:block;width:100%;max-width:100%;height:auto;margin:22px auto;border-radius:16px;object-fit:contain;box-shadow:0 13px 32px rgba(4,39,57,.1); }.announcement-editor-canvas img[data-size="75"],.announcement-rich-content img[data-size="75"] { width:75%; }.announcement-editor-canvas img[data-size="50"],.announcement-rich-content img[data-size="50"] { width:50%; }.announcement-editor-canvas img.is-editor-selected { outline:3px solid var(--theme-primary);outline-offset:4px; }.editor-image-size-tools[hidden] { display:none!important; }.editor-image-size-tools button { min-width:45px; }.announcement-publish-actions>span { max-width:55%;color:var(--theme-muted);font-size:.57rem;line-height:1.45; }
.announcement-history-card { position:sticky;top:20px;max-height:calc(100vh - 42px);overflow:auto; }.announcement-history-list { display:grid;gap:10px; }.announcement-history-item { padding:15px;border:1px solid var(--theme-border);border-radius:18px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--theme-primary-soft) 22%,#fff)); }.announcement-history-item.is-automatic { border-color:color-mix(in srgb,#e4a63e 40%,var(--theme-border)); }.announcement-history-item>header { display:flex;align-items:flex-start;justify-content:space-between;gap:10px; }.announcement-history-item>header>div { display:flex;min-width:0;align-items:center;gap:10px; }.announcement-history-icon { display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:12px;background:var(--theme-primary);color:var(--theme-on-primary);font-size:.9rem; }.announcement-history-item>header>div>div { display:grid;min-width:0;gap:4px; }.announcement-history-item strong { color:var(--theme-dark);font-size:.65rem;line-height:1.4; }.announcement-history-item small { color:var(--theme-muted);font-size:.46rem; }.announcement-history-item>p { display:-webkit-box;margin:12px 0;overflow:hidden;color:var(--theme-muted);font-size:.53rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3; }.announcement-history-item>footer { display:flex;flex-wrap:wrap;gap:6px 12px;padding-top:10px;border-top:1px solid var(--theme-border);color:var(--theme-muted);font-size:.45rem; }.announcement-history-item>footer b { color:var(--theme-dark); }
.announcement-rich-content { overflow-wrap:anywhere;color:#254957;font-size:.88rem;line-height:1.8; }.announcement-rich-content h2,.announcement-rich-content h3,.announcement-rich-content h4 { color:#0b3043;line-height:1.25; }.announcement-rich-content h2 { margin:1.25em 0 .55em;font-size:1.45rem; }.announcement-rich-content h3 { margin:1.15em 0 .5em;font-size:1.15rem; }.announcement-rich-content p { margin:.75em 0; }.announcement-rich-content ul,.announcement-rich-content ol { padding-left:22px; }.announcement-rich-content blockquote { margin:20px 0;padding:15px 17px;border-left:4px solid var(--theme-primary);border-radius:0 13px 13px 0;background:var(--theme-primary-soft); }.announcement-rich-content a { color:var(--theme-primary-strong);font-weight:700;text-decoration:underline; }
.employee-announcement-list { display:grid;gap:10px; }.employee-announcement-card { display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid rgba(15,78,99,.09);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 13px 30px rgba(5,46,64,.07);color:inherit; }.employee-announcement-card.is-unread { border-color:color-mix(in srgb,var(--theme-primary) 36%,transparent);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--theme-primary-soft) 55%,#fff)); }.employee-announcement-icon { display:grid;width:45px;height:45px;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--theme-primary),var(--theme-primary-strong));color:var(--theme-on-primary);box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary) 22%,transparent);font-size:1rem; }.employee-announcement-card>div { min-width:0; }.employee-announcement-card header { display:flex;align-items:flex-start;justify-content:space-between;gap:8px; }.employee-announcement-card strong { color:var(--theme-dark);font-size:.68rem;line-height:1.35; }.employee-announcement-card header i { padding:4px 7px;border-radius:99px;background:var(--theme-primary);color:var(--theme-on-primary);font-size:.41rem;font-style:normal;font-weight:900; }.employee-announcement-card p { display:-webkit-box;margin:6px 0;overflow:hidden;color:var(--theme-muted);font-size:.53rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2; }.employee-announcement-card time { color:#8aa0a9;font-size:.44rem; }.employee-announcement-card>b { color:var(--theme-primary);font-size:1.2rem; }.employee-announcement-detail { padding:22px;border-radius:25px; }.employee-announcement-detail>footer { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--theme-border);color:#4b8b70;font-size:.52rem;font-weight:800; }
.static-qr-url input { flex:1 1 260px; }.static-qr-url .button { white-space:nowrap; }
@media (max-width:1180px) { .announcement-admin-layout,.owner-announcement-layout { grid-template-columns:1fr; }.announcement-history-card { position:static;max-height:none; } }
@media (max-width:760px) { .announcement-management-intro { align-items:flex-start;flex-direction:column; }.announcement-intro-stat { min-width:100%;min-height:82px; }.announcement-owner-meta,.announcement-audience-options { grid-template-columns:1fr; }.announcement-audience-options span { min-height:90px;grid-template-columns:auto 1fr;justify-items:start;column-gap:10px;text-align:left; }.announcement-audience-options i { grid-row:1/3;margin:0; }.announcement-audience-options small { grid-column:2; }.announcement-target-grid { grid-template-columns:1fr; }.announcement-target-panel>header { align-items:flex-start;flex-direction:column; }.announcement-publish-actions { align-items:stretch;flex-direction:column; }.announcement-publish-actions>span { max-width:none; }.announcement-editor-canvas { min-height:310px;padding:25px 18px; }.announcement-rich-content img[data-size] { width:100%; }.employee-announcement-detail { padding:18px 16px; }.employee-announcement-detail>footer { align-items:stretch;flex-direction:column; }.static-qr-url { flex-direction:column; }.static-qr-url input { flex-basis:auto; } }

/* 5.4 — light public experience, owner notifications and QR handoff polish */
.product-top-phone { display:flex;align-items:center;gap:9px;color:#173f52;font-size:.68rem;font-weight:850;letter-spacing:-.01em; }
.product-top-phone svg { width:17px;height:17px;fill:none;stroke:var(--theme-primary-strong);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; }
.product-top-phone span { color:#738a94;font-size:.54rem;font-weight:750;letter-spacing:.03em;text-transform:uppercase; }
.product-top-phone strong { color:#123b4f;font-size:.74rem; }
.product-top-phone:hover strong { color:var(--theme-primary-strong); }

.product-vitrine .product-header.product-header-pro,
.product-vitrine .product-header.product-header-pro.is-scrolled { border-color:#dbe8eb;background:rgba(255,255,255,.97);color:#082d42;box-shadow:0 14px 48px rgba(3,42,67,.1);color-scheme:light; }
.product-vitrine .product-header-top { background:linear-gradient(90deg,#f9fcfd,#f1f9fa 52%,#f9fcfd); }
.product-vitrine .product-hero { background:radial-gradient(circle at 87% 7%,rgba(48,205,224,.22),transparent 31%),radial-gradient(circle at 9% 54%,rgba(0,158,205,.12),transparent 36%),linear-gradient(145deg,#ffffff 0%,#f2fbfc 52%,#dff5f8 100%);color:#082d42; }
.product-vitrine .hero-mesh { opacity:.55;background-image:linear-gradient(rgba(25,128,151,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(25,128,151,.07) 1px,transparent 1px);mask-image:linear-gradient(to bottom,#000,transparent 82%); }
.product-vitrine .hero-mesh::after { background:radial-gradient(circle at 72% 20%,rgba(37,201,225,.18),transparent 28%),radial-gradient(circle at 18% 28%,rgba(0,158,205,.07),transparent 27%); }
.product-vitrine .hero-cursor-glow { background:radial-gradient(420px circle at var(--glow-x) var(--glow-y),rgba(15,178,203,.12),transparent 68%); }
.product-vitrine .product-kicker { color:#087f96; }.product-vitrine .product-kicker i { background:#31b979;box-shadow:0 0 0 7px rgba(49,185,121,.11); }
.product-vitrine .product-hero-copy h1 { color:#062f45; }.product-vitrine .product-hero-copy h1 em { color:#168ca4; }
.product-vitrine .product-lead { color:#587786; }
.product-vitrine .product-play-link { color:#123e52; }.product-vitrine .product-play-link>i { border-color:#cfe1e5;background:#fff;color:#0797b1;box-shadow:0 11px 28px rgba(4,76,99,.09); }.product-vitrine .product-play-link small { color:#7b919b; }
.product-vitrine .product-trust-row span { border-color:#d5e4e7;color:#6b8590; }.product-vitrine .product-trust-row b { color:#0b3a50; }
.product-vitrine .stage-halo { border-color:rgba(0,158,205,.19);box-shadow:0 0 0 70px rgba(0,158,205,.04),0 0 0 140px rgba(0,158,205,.022); }
.product-vitrine .product-signal-rail { border-color:#dce9eb;background:rgba(255,255,255,.66);box-shadow:0 -12px 35px rgba(5,64,84,.04); }
.product-vitrine .product-signal-rail span { color:#79909a; }.product-vitrine .product-signal-rail b { color:#214d60; }.product-vitrine .product-signal-rail i { background:#49b7c9; }

.product-operating-system { position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 8% 15%,rgba(29,190,215,.18),transparent 29%),radial-gradient(circle at 92% 82%,rgba(51,198,155,.12),transparent 27%),linear-gradient(145deg,#031b2a,#062e40 58%,#073b49); }
.product-operating-system::before,.product-operating-system::after { content:"";position:absolute;z-index:-1;border:1px solid rgba(115,226,239,.13);border-radius:50%;pointer-events:none;animation:operating-orbit 18s linear infinite; }
.product-operating-system::before { width:520px;height:520px;top:-310px;right:-130px;box-shadow:0 0 0 70px rgba(86,214,229,.025),0 0 0 140px rgba(86,214,229,.015); }
.product-operating-system::after { width:390px;height:390px;bottom:-250px;left:-120px;animation-direction:reverse;animation-duration:23s; }
.operation-scene { position:relative;isolation:isolate;background:radial-gradient(circle at 85% 18%,rgba(48,204,224,.2),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 35px 100px rgba(0,0,0,.2);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease; }
.operation-scene::after { content:"";position:absolute;z-index:-1;width:42%;height:180%;top:-40%;left:-60%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(125,229,241,.07),transparent);animation:operating-sheen 8s ease-in-out infinite; }
.operation-scene:hover { border-color:rgba(111,224,238,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 42px 115px rgba(0,0,0,.28);transform:translateY(-7px); }
.attendance-product-card { animation:operating-card-float 6.8s ease-in-out infinite;transform-origin:center; }
.attendance-summary span { transition:transform .25s ease,background .25s ease; }.attendance-summary span:hover { background:#e1f4f6;transform:translateY(-4px); }
.network-lines { animation:network-ring-spin 28s linear infinite; }
.network-core { animation:network-core-pulse 3.8s ease-in-out infinite; }
.network-node { transition:border-color .25s ease,box-shadow .25s ease;animation:network-node-float 5.2s ease-in-out infinite; }
.network-node:nth-of-type(3) { animation-delay:.7s; }.network-node:nth-of-type(4) { animation-delay:1.4s; }.network-node:nth-of-type(5) { animation-delay:2.1s; }
.network-node:hover { border-color:rgba(126,232,244,.38);box-shadow:0 24px 55px rgba(0,0,0,.3),0 0 28px rgba(66,202,220,.1); }
@keyframes operating-orbit { to{transform:rotate(360deg) scale(1.035)} }
@keyframes operating-sheen { 0%,45%{left:-60%} 75%,100%{left:125%} }
@keyframes operating-card-float { 0%,100%{transform:rotate(2deg) translateY(0)} 50%{transform:rotate(.4deg) translateY(-12px)} }
@keyframes network-ring-spin { to{transform:rotate(360deg)} }
@keyframes network-core-pulse { 50%{box-shadow:0 0 95px rgba(76,217,239,.3);transform:translate(-50%,-50%) scale(1.035)} }
@keyframes network-node-float { 0%,100%{translate:0 0} 50%{translate:0 -9px} }

:where(.secure-login-card,.owner-login-card,.admin-main,.owner-main) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
:where(.secure-login-card,.owner-login-card,.admin-main,.owner-main) select,
:where(.secure-login-card,.owner-login-card,.admin-main,.owner-main) textarea { border-color:#d3e3e7;background:linear-gradient(120deg,#fff 0%,#f7fbfc 45%,color-mix(in srgb,var(--theme-primary-soft) 46%,#fff) 100%);background-size:180% 100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 7px 18px rgba(4,58,79,.045);transition:border-color .2s ease,box-shadow .2s ease,background-position .35s ease,transform .2s ease; }
:where(.secure-login-card,.owner-login-card,.admin-main,.owner-main) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):hover,
:where(.secure-login-card,.owner-login-card,.admin-main,.owner-main) select:hover,
:where(.secure-login-card,.owner-login-card,.admin-main,.owner-main) textarea:hover { border-color:color-mix(in srgb,var(--theme-primary) 30%,#d3e3e7);background-position:100% 0; }
:where(.secure-login-card,.owner-login-card,.admin-main,.owner-main) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):focus,
:where(.secure-login-card,.owner-login-card,.admin-main,.owner-main) select:focus,
:where(.secure-login-card,.owner-login-card,.admin-main,.owner-main) textarea:focus { border-color:var(--theme-primary);background-position:100% 0;box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary) 11%,transparent),0 13px 28px rgba(3,74,99,.08);transform:translateY(-1px); }
.remember-me-row { width:max-content;min-height:30px;align-items:center;gap:8px;padding:1px 0;border:0;border-radius:0;background:transparent; }
.remember-me-row input { width:17px;height:17px;min-height:17px;margin:0;accent-color:var(--theme-primary); }
.remember-me-row b { color:#496875;font-size:.6rem;font-weight:800; }
.browser-check-status[hidden] { display:none!important; }

.owner-audience-options { grid-template-columns:repeat(4,minmax(0,1fr)); }
.platform-announcement-inbox { margin-bottom:18px;padding:22px;border:1px solid color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border));border-radius:25px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--theme-primary-soft) 36%,#fff));box-shadow:0 18px 45px rgba(4,48,68,.07); }
.platform-announcement-inbox>.section-heading { align-items:center;margin-bottom:14px; }.platform-inbox-count { padding:8px 11px;border-radius:999px;background:var(--theme-primary-soft);color:var(--theme-primary-strong);font-size:.51rem;font-weight:850; }
.platform-announcement-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px; }
.platform-announcement-card { padding:18px;border-radius:19px;box-shadow:none; }.platform-announcement-card.is-unread { border-color:color-mix(in srgb,var(--theme-primary) 45%,var(--theme-border));box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary) 10%,transparent); }
.platform-announcement-card>header { display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid var(--theme-border); }.platform-announcement-card>header>span { display:grid;width:39px;height:39px;flex:0 0 39px;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));color:#fff; }.platform-announcement-card>header div { display:grid;gap:3px; }.platform-announcement-card>header strong { font-size:.7rem; }.platform-announcement-card>header small { color:var(--theme-muted);font-size:.47rem; }.platform-announcement-card .announcement-rich-content { padding-top:8px;font-size:.68rem; }

.static-qr-download { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #cce8d8;border-radius:17px;background:linear-gradient(135deg,#f3fbf6,#eaf8f0); }
.static-qr-download>span { display:flex;align-items:center;gap:8px;color:#24734f; }.static-qr-download>span i { display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:#d8f2e3;font-style:normal;font-weight:900; }.static-qr-download>span b { font-size:.62rem; }
.static-qr-download .button { min-width:205px;white-space:nowrap; }
.static-qr-generation { display:flex;align-items:center;gap:14px;padding:18px;border:1px solid color-mix(in srgb,var(--theme-primary) 23%,var(--theme-border));border-radius:19px;background:linear-gradient(135deg,#f8fdfe,var(--theme-primary-soft)); }
.static-qr-generation>span { display:flex;width:52px;height:52px;flex:0 0 52px;align-items:center;justify-content:center;gap:4px;border-radius:16px;background:#fff;box-shadow:0 9px 22px rgba(3,64,85,.08); }.static-qr-generation>span i { width:6px;height:6px;border-radius:50%;background:var(--theme-primary);animation:qr-generating-dot 1s ease-in-out infinite; }.static-qr-generation>span i:nth-child(2){animation-delay:.15s}.static-qr-generation>span i:nth-child(3){animation-delay:.3s}
.static-qr-generation strong,.static-qr-generation p { display:block; }.static-qr-generation strong { font-size:.69rem; }.static-qr-generation p { margin:5px 0 0;color:var(--theme-muted);font-size:.53rem;line-height:1.45; }
@keyframes qr-generating-dot { 0%,100%{opacity:.28;transform:translateY(0)} 50%{opacity:1;transform:translateY(-5px)} }

@media (max-width:1000px) { .owner-audience-options { grid-template-columns:repeat(2,minmax(0,1fr)); }.platform-announcement-grid { grid-template-columns:1fr; } }
@media (max-width:760px) {
  .product-vitrine .product-hero { background:radial-gradient(circle at 85% 5%,rgba(43,202,222,.2),transparent 33%),linear-gradient(150deg,#fff,#eaf8fa); }
  .product-vitrine .product-hero-grid { min-width:0;grid-template-columns:minmax(0,1fr); }
  .product-vitrine .product-hero-copy { width:100%;min-width:0;max-width:100%; }
  .product-vitrine .product-hero-copy h1,
  .product-vitrine .product-hero-actions,
  .product-vitrine .product-trust-row { width:100%;min-width:0;max-width:100%; }
  .product-vitrine .product-stage { min-width:0; }
  .static-qr-download { align-items:stretch;flex-direction:column; }
  .static-qr-download .button { width:100%;min-width:0; }
  .owner-audience-options { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { .product-operating-system::before,.product-operating-system::after,.operation-scene::after,.attendance-product-card,.network-lines,.network-core,.network-node,.static-qr-generation>span i { animation:none!important; } }

/* Notification center and separated resource workflows */
.resource-page-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 20px;padding:26px 29px;border:1px solid rgba(255,255,255,.92);border-radius:27px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--theme-primary-soft) 72%,transparent),transparent 38%),linear-gradient(145deg,#fff,#f8fbfc);box-shadow:0 18px 48px rgba(4,48,68,.07); }
.resource-page-heading>div { min-width:0; }.resource-page-heading h2 { margin:5px 0 6px;font-size:clamp(1.7rem,2.6vw,2.35rem);letter-spacing:-.045em; }.resource-page-heading p { max-width:720px;margin:0;color:var(--theme-muted);font-size:.69rem;line-height:1.6; }
.resource-add-button { min-width:178px;min-height:49px;flex:0 0 auto;border-radius:15px;box-shadow:0 13px 28px color-mix(in srgb,var(--theme-primary) 22%,transparent);white-space:nowrap; }
.resource-heading-actions { display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap; }
.resource-form-layout { width:min(820px,100%);margin-inline:auto; }.resource-form-card { position:static!important;width:100%;padding:clamp(24px,4vw,38px);border-radius:27px; }
.resource-list-card { padding:19px 22px; }.resource-action-icon { display:inline-grid!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;place-items:center;border:1px solid #d8e5e8!important;border-radius:11px!important;background:#f7fafb!important;color:#315766!important;font-size:.79rem!important;line-height:1!important;text-decoration:none!important;cursor:pointer;transition:.2s ease!important; }
.resource-action-icon:hover { border-color:color-mix(in srgb,var(--theme-primary) 38%,#d8e5e8)!important;background:var(--theme-primary-soft)!important;color:var(--theme-primary-strong)!important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(3,73,96,.1); }
.resource-action-icon.danger-action { color:#c83b43!important; }.resource-action-icon.danger-action:hover { border-color:#efc6ca!important;background:#fff1f2!important;color:#ad222d!important; }
.row-actions { align-items:center; }.row-actions form { display:flex; }

.notification-center-shell { width:min(940px,100%);margin-inline:auto; }.notification-center-heading { align-items:center; }
.notification-center-list { display:grid;gap:11px; }.notification-center-item { display:grid;position:relative;grid-template-columns:7px 48px 1fr auto;align-items:center;gap:14px;padding:18px 20px;border:1px solid #dce7e9;border-radius:20px;background:#fff;color:var(--theme-text);box-shadow:0 12px 31px rgba(3,49,69,.055);transition:.2s ease; }
.notification-center-item:hover { border-color:color-mix(in srgb,var(--theme-primary) 35%,#dce7e9);transform:translateY(-2px);box-shadow:0 18px 38px rgba(3,60,82,.09); }.notification-center-item.is-unread { border-color:color-mix(in srgb,var(--theme-primary) 38%,#dce7e9);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--theme-primary-soft) 45%,#fff)); }
.notification-center-mark { width:7px;height:7px;border-radius:50%;background:#cbd8dc; }.notification-center-item.is-unread .notification-center-mark { background:var(--theme-primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--theme-primary) 11%,transparent); }
.notification-center-icon,.notification-detail-icon { display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));color:#fff;font-size:.9rem;box-shadow:0 10px 24px rgba(5,57,76,.15); }
.notification-center-copy { min-width:0; }.notification-center-copy strong { display:block;font-size:.78rem; }.notification-center-copy p { display:-webkit-box;overflow:hidden;margin:5px 0;color:var(--theme-muted);font-size:.61rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2; }.notification-center-copy time,.notification-detail-card time { color:#8ca0a8;font-size:.49rem;font-weight:700; }.notification-center-item>i { color:var(--theme-primary);font-size:1.25rem;font-style:normal; }
.notification-detail-card { padding:clamp(24px,4vw,40px);border-radius:28px; }.notification-back-link { display:inline-flex;margin-bottom:25px;color:var(--theme-primary-strong);font-size:.61rem;font-weight:850; }.notification-detail-card>header { display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--theme-border); }.notification-detail-card>header h2 { margin:5px 0 4px;font-size:clamp(1.45rem,3vw,2.25rem);letter-spacing:-.04em; }.notification-detail-message { margin:25px 0;color:#365964;font-size:.78rem;line-height:1.75; }.notification-rich-content { padding:22px 0; }
.announcement-audience-options label.is-disabled { opacity:.4;pointer-events:none; }

.employee-notification-detail { padding:21px;border-radius:23px; }.employee-notification-detail>header { display:flex;align-items:center;gap:12px;margin-bottom:17px;padding-bottom:17px;border-bottom:1px solid var(--theme-border); }.employee-notification-detail>header h2 { margin:3px 0 0;font-size:1.35rem;line-height:1.15; }.employee-notification-detail>header small { color:var(--theme-muted);font-size:.55rem; }.employee-notification-detail>p { color:#45626c;font-size:.75rem;line-height:1.7; }.employee-notification-detail .announcement-rich-content { font-size:.76rem; }.employee-notification-detail>.button { margin-top:18px; }
.notification-mobile-item>b { align-self:center;color:var(--theme-primary);font-size:1.2rem; }

/* Premium sales configurator: spacious SaaS hierarchy and live-product motion */
.sales-config-header { border-bottom-color:rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(2,17,27,.46),transparent);backdrop-filter:blur(9px); }
.sales-config-header-shell { min-height:88px; }.sales-config-header nav { gap:34px; }.sales-config-header nav a { position:relative;color:rgba(255,255,255,.77);font-size:.83rem;letter-spacing:-.01em; }.sales-config-header nav a::after { content:"";position:absolute;height:2px;right:50%;bottom:-11px;left:50%;border-radius:2px;background:#67e2ef;transition:.2s ease; }.sales-config-header nav a:hover::after { right:0;left:0; }.sales-config-login { min-width:118px;padding:13px 19px;border-radius:15px;font-size:.78rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); }
.sales-config-hero { min-height:650px;padding:145px 0 100px;background:radial-gradient(circle at 78% 18%,rgba(17,191,214,.27),transparent 26%),radial-gradient(circle at 12% 110%,rgba(42,221,160,.1),transparent 30%),linear-gradient(132deg,#02131f 5%,#062c40 58%,#064153); }
.sales-config-hero::before { content:"";position:absolute;width:210px;height:210px;top:155px;right:8%;border:1px solid rgba(107,230,240,.16);border-radius:46px;transform:rotate(19deg);box-shadow:inset 0 0 55px rgba(61,216,231,.06),0 0 0 35px rgba(255,255,255,.018);animation:sales-orbit 8s ease-in-out infinite; }
.sales-breadcrumb { margin-bottom:48px;font-size:.68rem; }.sales-config-intro { grid-template-columns:minmax(0,1.2fr) minmax(360px,.58fr);gap:80px; }
.sales-config-kicker { font-size:.68rem; }.sales-config-intro h1 { max-width:790px;margin-top:22px;font-size:clamp(4.2rem,6.7vw,7rem);line-height:.88; }.sales-config-intro h1 em { color:#70e7ef;font-style:normal;text-shadow:0 0 34px rgba(58,211,229,.2); }
.sales-hero-side { align-self:end;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.055);box-shadow:0 22px 60px rgba(0,0,0,.14);backdrop-filter:blur(12px); }.sales-hero-side>p { margin:0;color:rgba(255,255,255,.72);font-size:1.03rem;line-height:1.7; }
.sales-hero-proof { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px; }.sales-hero-proof span { display:grid;gap:5px;padding:10px 8px;border-radius:13px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.71);font-size:.61rem;font-weight:750;line-height:1.25; }.sales-hero-proof b { color:#71e2ec;font-size:.56rem; }
.sales-progress { max-width:910px;margin-top:62px; }.sales-progress li>b { width:44px;height:44px;flex-basis:44px;font-size:.67rem; }.sales-progress li::after { top:21px;left:62px; }.sales-progress span { font-size:.75rem; }.sales-progress small { font-size:.61rem; }
.sales-config-workspace { padding:76px 0 105px;background:radial-gradient(circle at 8% 18%,rgba(20,179,199,.08),transparent 25%),linear-gradient(#eef5f6,#fbfdfd 48%,#f4f8f9); }
.sales-workspace-heading { display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);align-items:end;gap:55px;margin-bottom:32px; }.sales-workspace-heading h2 { max-width:760px;margin:12px 0 0;font-size:clamp(2.35rem,4vw,4rem);letter-spacing:-.058em;line-height:1; }.sales-workspace-heading>p { margin:0;color:#607983;font-size:1rem;line-height:1.7; }
.sales-premium-calculator { grid-template-columns:minmax(0,1fr) 400px;gap:26px;margin-top:0; }.sales-builder-main { gap:24px; }.sales-builder-card { padding:35px;border-radius:31px;box-shadow:0 25px 70px rgba(3,42,67,.085); }.sales-builder-card:hover { box-shadow:0 32px 78px rgba(3,55,75,.115); }
.sales-builder-heading { gap:16px;margin-bottom:28px; }.sales-builder-heading>span { width:50px;height:50px;flex-basis:50px;border-radius:16px;font-size:.7rem; }.sales-builder-heading small { font-size:.63rem; }.sales-builder-heading h2 { margin-top:5px;font-size:1.8rem; }.sales-builder-heading>em { font-size:.62rem; }
.sales-capacity-inputs { gap:16px; }.sales-configurator-body .pricing-inputs>label { padding:24px;border-radius:22px; }.sales-configurator-body .pricing-inputs label>span b { font-size:1rem; }.sales-configurator-body .pricing-inputs label>span small { font-size:.7rem; }.sales-configurator-body .pricing-stepper { margin-top:16px; }.sales-configurator-body .pricing-stepper button,.sales-configurator-body .pricing-stepper input { height:58px;min-height:58px; }.sales-configurator-body .pricing-stepper input { font-size:1.35rem; }
.sales-branch-actions button { min-height:44px;padding-inline:16px;font-size:.66rem; }.sales-choice-guide { gap:22px;margin-bottom:20px;padding:14px 17px;font-size:.65rem; }.sales-configurator-body .sales-branch-list { gap:16px; }.sales-configurator-body .branch-qr-choice { padding:21px;border-radius:24px; }.sales-configurator-body .branch-choice-number { width:44px;height:44px;font-size:.68rem; }.sales-configurator-body .branch-qr-choice header strong { font-size:.92rem; }.sales-configurator-body .branch-qr-choice header small { font-size:.63rem; }.sales-configurator-body .branch-qr-choice label>span { min-height:146px;padding:20px;border-radius:20px; }.sales-configurator-body .branch-device-icon { width:50px!important;height:50px!important;flex-basis:50px; }.sales-configurator-body .branch-option-copy>b { font-size:.88rem!important; }.sales-configurator-body .branch-option-copy>small { margin-top:6px!important;font-size:.66rem!important; }.sales-configurator-body .branch-option-copy>em { margin-top:10px!important;font-size:.69rem!important; }
.sales-summary-panel { top:24px;padding:30px;border-radius:31px;box-shadow:0 28px 72px rgba(3,42,67,.12); }.sales-summary-status small { font-size:.59rem; }.sales-summary-status strong { font-size:.75rem; }.sales-summary-panel>h2 { margin-top:27px;font-size:1.8rem; }.sales-summary-quantities span { padding:17px; }.sales-summary-quantities small { font-size:.61rem; }.sales-summary-quantities b { font-size:1.45rem; }.sales-summary-modes>div { padding:14px; }.sales-summary-modes p { font-size:.73rem; }.sales-summary-modes p small { font-size:.57rem; }.sales-summary-modes>div>b { font-size:1.05rem; }.sales-configurator-body .pricing-breakdown div { font-size:.73rem; }.sales-configurator-body .pricing-breakdown strong { font-size:.78rem; }.sales-configurator-body .pricing-total { padding:24px; }.sales-configurator-body .pricing-total>span { font-size:.65rem; }.sales-configurator-body .pricing-total>small { font-size:.62rem; }.sales-assurances { gap:10px 13px;font-size:.55rem; }
.sales-support-strip span { font-size:.63rem; }.sales-support-strip strong { font-size:1rem; }.sales-config-footer p,.sales-config-footer nav a { font-size:.62rem; }
@keyframes sales-orbit { 0%,100%{transform:rotate(19deg) translateY(0)} 50%{transform:rotate(24deg) translateY(-18px)} }

@media (max-width:1100px) {
  .sales-config-intro,.sales-workspace-heading { grid-template-columns:1fr;gap:28px; }.sales-hero-side { max-width:720px; }.sales-premium-calculator { grid-template-columns:minmax(0,1fr) 350px; }.resource-page-heading { align-items:flex-start; }
}
@media (max-width:900px) { .sales-premium-calculator { grid-template-columns:1fr; }.sales-summary-panel { position:relative;top:auto; }.sales-config-hero { min-height:0; }.sales-config-intro h1 { font-size:clamp(3.6rem,10vw,5.7rem); } }
@media (max-width:760px) {
  .resource-page-heading { align-items:stretch;flex-direction:column;padding:22px;border-radius:23px; }.resource-page-heading h2 { font-size:1.75rem; }.resource-page-heading p { font-size:.72rem; }.resource-heading-actions { align-items:stretch;flex-direction:column; }.resource-heading-actions .button,.resource-add-button { width:100%; }.notification-center-item { grid-template-columns:7px 42px 1fr auto;gap:10px;padding:15px 13px; }.notification-center-icon { width:42px;height:42px; }.notification-center-copy p { font-size:.63rem; }.notification-detail-card { padding:20px; }
  .sales-config-header-shell { min-height:76px; }.sales-config-hero { padding:110px 0 70px; }.sales-config-hero::before { opacity:.55;right:-80px; }.sales-breadcrumb { margin-bottom:28px; }.sales-config-intro h1 { font-size:clamp(3.15rem,15vw,5rem); }.sales-hero-side { padding:18px; }.sales-hero-side>p { font-size:.92rem; }.sales-hero-proof { grid-template-columns:1fr; }.sales-hero-proof span { grid-template-columns:28px 1fr;align-items:center;font-size:.68rem; }.sales-progress { margin-top:38px; }.sales-progress span { font-size:.62rem; }.sales-config-workspace { padding:52px 0 70px; }.sales-workspace-heading h2 { font-size:2.5rem; }.sales-workspace-heading>p { font-size:.86rem; }.sales-builder-card,.sales-summary-panel { padding:21px; }.sales-builder-heading h2 { font-size:1.45rem; }.sales-builder-heading>em { margin-left:0; }.sales-configurator-body .branch-qr-choice label>span { min-height:125px; }.sales-support-strip strong { font-size:.91rem; }
}
@media (max-width:460px) { .sales-config-intro h1 { font-size:3rem; }.sales-progress li>b { width:38px;height:38px;flex-basis:38px; }.sales-progress span { font-size:.57rem; }.sales-builder-card { padding:17px; }.sales-builder-heading>span { width:44px;height:44px;flex-basis:44px; }.sales-builder-heading h2 { font-size:1.28rem; }.sales-configurator-body .pricing-inputs>label { padding:18px; }.sales-configurator-body .branch-qr-choice { padding:14px; }.sales-configurator-body .branch-qr-choice label>span { padding:14px; }.sales-configurator-body .branch-device-icon { width:42px!important;height:42px!important;flex-basis:42px; }.sales-configurator-body .branch-option-copy>b { font-size:.79rem!important; } }
@media (prefers-reduced-motion:reduce) { .sales-config-hero::before { animation:none!important; } }

/* Notification editorial layout, sender controls and Sales Studio v2 */
.notification-center-shell { display:grid;width:min(1100px,100%);gap:18px;margin-inline:auto; }
.notification-center-shell>.notification-center-heading,
.notification-center-shell>.notification-center-list,
.notification-center-shell>.notification-detail-card,
.notification-center-shell>.app-pagination { width:100%;max-width:none;margin:0;box-sizing:border-box; }
.notification-center-heading { min-height:155px;padding:30px 34px;border:1px solid #e2e9e8;background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--theme-primary) 10%,transparent),transparent 34%),#fff;box-shadow:0 18px 48px rgba(4,35,48,.065); }
.notification-center-list { gap:13px; }
.notification-center-item { min-height:104px;grid-template-columns:8px 54px minmax(0,1fr) 24px;gap:17px;padding:20px 23px;border-color:#e0e8e8;border-radius:24px;box-shadow:0 14px 35px rgba(4,42,56,.055); }
.notification-center-icon { width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 84%,#fff),var(--theme-primary-strong)); }
.notification-center-copy strong { font-size:.88rem;letter-spacing:-.015em; }
.notification-center-copy p { margin:7px 0 5px;font-size:.68rem;line-height:1.58;white-space:pre-line; }
.notification-detail-card { position:relative;overflow:hidden;padding:0!important;border:1px solid #e1e8e7;border-radius:32px;background:#fff;box-shadow:0 28px 75px rgba(4,36,49,.09); }
.notification-detail-card::before { content:"";position:absolute;width:360px;height:360px;top:-260px;right:-160px;border-radius:50%;background:color-mix(in srgb,var(--theme-primary) 11%,transparent);pointer-events:none; }
.notification-detail-card>.notification-back-link { display:flex;min-height:66px;align-items:center;margin:0;padding:0 38px;border-bottom:1px solid #e7eceb;background:#fafcfc;color:#4d6871;font-size:.66rem;letter-spacing:.01em; }
.notification-detail-card>header { position:relative;align-items:flex-start;gap:18px;margin:0;padding:38px 38px 30px;border:0; }
.notification-detail-card>header::after { content:"";position:absolute;height:1px;right:38px;bottom:0;left:38px;background:#e3e9e8; }
.notification-detail-card>header h2 { max-width:760px;margin:7px 0 8px;font-size:clamp(2rem,4vw,3.2rem);font-weight:840;line-height:1.03; }
.notification-detail-icon { width:58px;height:58px;flex:0 0 58px;border-radius:19px;background:linear-gradient(145deg,var(--theme-primary),var(--theme-primary-strong));box-shadow:0 15px 32px color-mix(in srgb,var(--theme-primary) 22%,transparent); }
.notification-detail-message,.notification-rich-content { width:min(820px,calc(100% - 76px));margin:0 38px!important;padding:32px 0 42px!important;color:#36545e;font-size:.84rem;line-height:1.85;white-space:normal; }
.notification-detail-message { white-space:pre-line; }
.notification-rich-content>p:first-child,.employee-notification-detail .announcement-rich-content>p:first-child { margin-top:0; }
.notification-rich-content p,.employee-notification-detail .announcement-rich-content p { margin:0 0 1.15em;line-height:1.85; }
.notification-rich-content h2,.notification-rich-content h3,.employee-notification-detail .announcement-rich-content h2,.employee-notification-detail .announcement-rich-content h3 { margin:1.35em 0 .55em;color:var(--theme-dark);line-height:1.16; }
.notification-rich-content ul,.notification-rich-content ol,.employee-notification-detail .announcement-rich-content ul,.employee-notification-detail .announcement-rich-content ol { display:grid;gap:.55em;margin:1.1em 0;padding-left:1.4em; }
.notification-rich-content blockquote,.employee-notification-detail .announcement-rich-content blockquote { margin:1.35em 0;padding:16px 19px;border-left:4px solid var(--theme-primary);border-radius:0 14px 14px 0;background:var(--theme-primary-soft);color:#264e5c; }
.notification-rich-content img,.employee-notification-detail .announcement-rich-content img { height:auto;border-radius:18px;box-shadow:0 15px 35px rgba(5,45,59,.1); }
.employee-notification-detail { overflow:hidden;padding:0;border-radius:26px;box-shadow:0 20px 50px rgba(5,45,59,.09); }
.employee-notification-detail>.notification-back-link { display:flex;min-height:56px;align-items:center;margin:0;padding:0 20px;border-bottom:1px solid var(--theme-border);background:#f8fbfb; }
.employee-notification-detail>header { margin:0;padding:22px 20px;border-bottom:1px solid var(--theme-border); }
.employee-notification-detail>.announcement-rich-content,.employee-notification-detail>.employee-notification-message { margin:0;padding:23px 20px 28px;color:#3f5e68;font-size:.78rem;line-height:1.8;white-space:normal; }
.employee-notification-detail>.employee-notification-message { white-space:pre-line; }
.announcement-history-actions { display:flex;align-items:center;gap:7px;margin-left:auto; }
.announcement-history-actions form { display:flex;margin:0; }
.announcement-history-item>p { white-space:normal;line-height:1.65; }

.sales-studio-body { background:#f5f7f4;color:#102d3b; }
.sales-studio-body .sales-config-shell { width:min(1280px,calc(100% - 64px)); }
.sales-studio-body .sales-config-header { position:absolute;border-bottom:1px solid rgba(16,45,59,.09);background:rgba(250,251,248,.84);backdrop-filter:blur(18px); }
.sales-studio-body .sales-config-header-shell { width:min(1360px,calc(100% - 64px));min-height:94px;grid-template-columns:230px 1fr auto; }
.sales-studio-body .sales-config-header .platform-logo-image img { max-height:48px; }
.sales-studio-body .sales-config-header nav { gap:32px; }
.sales-studio-body .sales-config-header nav a { color:#526a72;font-size:.72rem;font-weight:760; }
.sales-studio-body .sales-config-header nav a:hover { color:var(--theme-primary-strong); }
.sales-studio-body .sales-config-header nav .is-whatsapp { color:#14865d; }
.sales-studio-body .sales-config-login { min-width:112px;padding:13px 18px;border:1px solid #d8e2e1;border-radius:999px;background:#fff;color:#173948;font-size:.69rem;box-shadow:0 9px 24px rgba(7,45,58,.07); }

.sales-studio-body .sales-config-hero { min-height:780px;padding:166px 0 100px;background:radial-gradient(circle at 8% 12%,rgba(0,158,205,.09),transparent 25%),radial-gradient(circle at 92% 20%,rgba(82,223,174,.1),transparent 24%),linear-gradient(180deg,#f9faf6,#f2f6f2);color:#102d3b; }
.sales-studio-body .sales-config-hero::before { display:none; }
.sales-studio-body .sales-config-hero::after { background-image:linear-gradient(rgba(13,64,80,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,64,80,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 90%); }
.sales-studio-orb { position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none; }
.sales-studio-orb-one { width:420px;height:420px;right:-260px;top:130px;border:1px solid rgba(0,158,205,.11);box-shadow:0 0 0 70px rgba(0,158,205,.025),0 0 0 140px rgba(0,158,205,.018); }
.sales-studio-orb-two { width:220px;height:220px;left:-150px;bottom:50px;border:1px solid rgba(22,134,93,.11);box-shadow:0 0 0 45px rgba(22,134,93,.022); }
.sales-studio-hero-grid { display:grid;position:relative;z-index:2;grid-template-columns:minmax(0,.92fr) minmax(540px,.83fr);align-items:center;gap:clamp(50px,7vw,110px); }
.sales-studio-copy { min-width:0; }
.sales-studio-body .sales-breadcrumb { margin-bottom:32px;color:#829297;font-size:.63rem; }
.sales-studio-body .sales-breadcrumb a { color:var(--theme-primary-strong); }
.sales-studio-body .sales-breadcrumb strong { color:#4d6871; }
.sales-studio-kicker { display:inline-flex;align-items:center;gap:10px;color:var(--theme-primary-strong);font-size:.65rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }
.sales-studio-kicker i { width:8px;height:8px;border-radius:50%;background:#26b77c;box-shadow:0 0 0 7px rgba(38,183,124,.1); }
.sales-studio-copy h1 { max-width:720px;margin:25px 0 25px;font-size:clamp(4rem,6.1vw,6.8rem);font-weight:860;letter-spacing:-.075em;line-height:.88; }
.sales-studio-copy h1 em { color:var(--theme-primary);font-style:normal;font-weight:570; }
.sales-studio-copy h1 strong { color:#183947;font-weight:860; }
.sales-studio-copy>p { max-width:610px;margin:0;color:#5b747c;font-size:1.02rem;line-height:1.75; }
.sales-studio-actions { display:flex;align-items:center;gap:24px;margin-top:32px; }
.sales-studio-actions>.button { min-height:58px;padding-inline:24px;border-radius:18px;background:linear-gradient(135deg,var(--theme-primary),color-mix(in srgb,var(--theme-primary) 66%,#34cfa1));font-size:.76rem;box-shadow:0 18px 38px color-mix(in srgb,var(--theme-primary) 23%,transparent); }
.sales-studio-actions>.button span { font-size:1rem; }
.sales-studio-call { display:flex;align-items:center;gap:11px;color:#203f4b; }
.sales-studio-call>i { display:grid;width:46px;height:46px;place-items:center;border:1px solid #d6e1df;border-radius:50%;background:#fff;color:var(--theme-primary-strong);font-style:normal;box-shadow:0 8px 20px rgba(7,45,58,.06); }
.sales-studio-call span,.sales-studio-call small,.sales-studio-call b { display:block; }
.sales-studio-call small { color:#7a9097;font-size:.55rem;font-weight:650; }
.sales-studio-call b { margin-top:4px;font-size:.7rem; }
.sales-studio-trust { display:flex;flex-wrap:wrap;gap:18px;margin-top:33px;padding-top:22px;border-top:1px solid #dae3e1; }
.sales-studio-trust span { display:flex;align-items:center;gap:7px;color:#60777f;font-size:.63rem;font-weight:720; }
.sales-studio-trust b { color:var(--theme-primary-strong);font-size:.52rem; }

.sales-product-canvas { overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:34px;background:rgba(255,255,255,.84);box-shadow:0 38px 100px rgba(15,55,67,.13),inset 0 0 0 1px #e3ebe9;backdrop-filter:blur(16px); }
.sales-canvas-top { display:flex;height:68px;align-items:center;padding:0 23px;border-bottom:1px solid #e1e9e7;background:rgba(250,252,250,.9); }
.sales-canvas-top>span { display:flex;gap:6px; }.sales-canvas-top>span i { width:8px;height:8px;border-radius:50%;background:#d6dfdd; }.sales-canvas-top>span i:first-child { background:#ff8c79; }.sales-canvas-top>span i:nth-child(2) { background:#f5c45f; }.sales-canvas-top>span i:last-child { background:#4ecb96; }
.sales-canvas-top>b { margin-left:16px;color:#4b646d;font-size:.62rem; }.sales-canvas-top>em { margin-left:auto;padding:6px 9px;border-radius:999px;background:#e4f7ee;color:#198259;font-size:.46rem;font-style:normal;font-weight:900;letter-spacing:.08em; }
.sales-canvas-body { position:relative;height:460px;background:radial-gradient(circle at 50% 49%,rgba(0,158,205,.1),transparent 25%),linear-gradient(rgba(15,65,78,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(15,65,78,.038) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px; }
.sales-canvas-core { display:grid;position:absolute;z-index:3;width:164px;height:164px;top:50%;left:50%;place-items:center;padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:radial-gradient(circle at 34% 25%,#167f9c,var(--theme-dark));color:#fff;text-align:center;transform:translate(-50%,-50%);box-shadow:0 25px 50px rgba(3,57,76,.25),0 0 0 15px rgba(0,158,205,.06),0 0 0 32px rgba(0,158,205,.035); }
.sales-canvas-core>span { display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:rgba(255,255,255,.12);color:#85e4ef;font-size:.8rem;font-weight:950; }.sales-canvas-core strong { margin-top:3px;font-size:.7rem; }.sales-canvas-core small { color:rgba(255,255,255,.56);font-size:.5rem; }
.sales-canvas-node { display:flex;position:absolute;z-index:4;min-width:170px;align-items:center;gap:11px;padding:13px;border:1px solid #dce7e5;border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 16px 35px rgba(7,49,62,.11);animation:sales-node-float 5s ease-in-out infinite; }
.sales-canvas-node>i { display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border-radius:14px;background:#e5f5f8;color:#087f9e;font-size:.72rem;font-style:normal;font-weight:900; }.sales-canvas-node span,.sales-canvas-node b,.sales-canvas-node small { display:block; }.sales-canvas-node b { font-size:.64rem; }.sales-canvas-node small { margin-top:3px;color:#819399;font-size:.48rem; }
.node-team { top:45px;left:38px; }.node-tablet { top:68px;right:29px;animation-delay:-1.6s; }.node-static { right:47px;bottom:42px;animation-delay:-3.1s; }.node-static>i { background:#fff0d9;color:#a56514; }
.sales-canvas-path { position:absolute;z-index:1;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(0,158,205,.1),rgba(0,158,205,.56),rgba(0,158,205,.1)); }
.path-one { width:205px;top:172px;left:142px;transform:rotate(28deg); }.path-two { width:210px;top:178px;left:308px;transform:rotate(-26deg); }.path-three { width:210px;top:286px;left:310px;transform:rotate(22deg); }
.sales-canvas-pulse { position:absolute;z-index:2;width:10px;height:10px;border-radius:50%;background:var(--theme-primary);box-shadow:0 0 0 6px rgba(0,158,205,.1);animation:sales-data-pulse 3.4s linear infinite; }.pulse-one { top:185px;left:233px; }.pulse-two { right:162px;bottom:157px;animation-delay:-1.7s; }
.sales-product-canvas>footer { display:flex;min-height:65px;align-items:center;justify-content:space-between;gap:15px;padding:0 22px;border-top:1px solid #e1e9e7;color:#6f848b;font-size:.55rem; }.sales-product-canvas>footer span { display:flex;align-items:center;gap:7px; }.sales-product-canvas>footer span i { width:7px;height:7px;border-radius:50%;background:#35bb7c; }.sales-product-canvas>footer strong { color:#34515c;font-size:.55rem; }

.sales-studio-body .sales-config-workspace { padding:86px 0 112px;background:linear-gradient(180deg,#f5f7f4,#edf3f1 48%,#f8faf8); }
.sales-studio-heading { margin-bottom:25px; }
.sales-studio-heading h2 { max-width:720px;color:#102d3b;font-size:clamp(2.6rem,4.5vw,4.6rem); }
.sales-studio-heading>p { color:#627980;font-size:.95rem; }
.sales-studio-progress { max-width:none;margin:0 0 30px;padding:18px 22px;border:1px solid #dfe7e5;border-radius:22px;background:rgba(255,255,255,.74);box-shadow:0 12px 34px rgba(7,45,58,.045); }
.sales-studio-progress li { color:#839397; }.sales-studio-progress li.is-active { color:#183947; }.sales-studio-progress li::after { background:#dfe7e5; }.sales-studio-progress li>b { border-color:#dbe4e2;background:#fff;color:#799097; }.sales-studio-progress li.is-active>b { border-color:color-mix(in srgb,var(--theme-primary) 30%,#dbe4e2);background:linear-gradient(145deg,var(--theme-primary),var(--theme-primary-strong));color:#fff; }
.sales-studio-body .sales-premium-calculator { grid-template-columns:minmax(0,1fr) 390px;gap:24px; }
.sales-studio-body .sales-builder-main { gap:24px; }
.sales-studio-body .sales-builder-card { overflow:hidden;padding:34px;border:1px solid #e0e7e5;border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 24px 65px rgba(7,45,58,.075); }
.sales-studio-body .sales-builder-heading>span { background:#102f3d;color:#7ce0ed; }
.sales-studio-body .sales-builder-heading h2 { font-size:1.7rem; }
.sales-capacity-premium { gap:15px; }
.sales-studio-body .sales-capacity-premium>label { position:relative;overflow:hidden;padding:24px!important;border:1px solid #dfe8e6!important;background:linear-gradient(145deg,#fff,#f5f9f7)!important; }
.sales-studio-body .sales-capacity-premium>label::after { content:"";position:absolute;width:130px;height:130px;right:-80px;bottom:-85px;border-radius:50%;background:color-mix(in srgb,var(--theme-primary) 8%,transparent); }
.sales-capacity-label { display:flex!important;align-items:center;gap:13px; }
.sales-capacity-label>i { display:grid;width:47px;height:47px;flex:0 0 47px;place-items:center;border-radius:15px;background:#e9f5f6;font-size:1rem;font-style:normal; }
.sales-capacity-label>span { display:grid;gap:3px; }
.sales-capacity-note { position:relative;z-index:1;margin-top:2px;color:#809297;font-size:.52rem!important;font-weight:750; }
.sales-studio-body .sales-capacity-premium .pricing-stepper { position:relative;z-index:1;margin-top:18px;box-shadow:0 12px 28px rgba(7,45,58,.07),inset 0 0 0 1px #d9e4e1; }
.sales-studio-body .sales-capacity-premium .pricing-stepper button { background:#f3f8f6; }
.sales-studio-body .sales-choice-guide { align-items:stretch;gap:10px;padding:0;background:transparent; }
.sales-studio-body .sales-choice-guide>span { flex:1;padding:13px 15px;border:1px solid #e0e8e6;border-radius:15px;background:#f7faf8; }
.sales-studio-body .sales-choice-guide>span>span { display:grid;gap:2px; }.sales-studio-body .sales-choice-guide small { color:#839499;font-size:.5rem; }
.sales-studio-body .branch-qr-choice { padding:20px;border-color:#dfe7e5;border-radius:25px;background:#f8faf9; }
.sales-studio-body .branch-ready { display:flex;align-items:center;gap:6px;background:#edf5f1;color:#457062; }.sales-studio-body .branch-ready>i { width:6px;height:6px;border-radius:50%;background:#35bb7c; }
.sales-studio-body .branch-qr-choice>div { gap:12px; }
.sales-studio-body .branch-qr-choice label>span { display:grid;min-height:230px;grid-template-rows:auto 1fr;padding:20px!important;border-radius:21px;background:#fff; }
.sales-studio-body .branch-option-top { display:flex;align-items:center;gap:10px; }
.sales-studio-body .branch-option-top>.branch-option-check { position:static;margin-left:auto; }
.branch-option-tag { margin-left:1px;padding:5px 8px;border-radius:999px;background:#dff4f7;color:#087c95;font-size:.42rem;font-style:normal;font-weight:900;letter-spacing:.07em; }
.branch-option-tag.is-soft { background:#fff0d9;color:#a36513; }
.sales-studio-body .branch-option-copy { align-content:start;margin-top:15px; }
.sales-studio-body .branch-option-copy>b { font-size:.9rem!important; }
.sales-studio-body .branch-option-copy>small { min-height:43px;margin-top:5px!important;font-size:.62rem!important;line-height:1.62!important; }
.branch-feature-list { display:flex;flex-wrap:wrap;gap:6px;margin-top:11px; }.branch-feature-list>i { padding:5px 7px;border-radius:8px;background:#f0f5f3;color:#637b82;font-size:.46rem;font-style:normal;font-weight:760; }
.sales-studio-body .branch-option-copy>em { align-self:end;margin-top:16px!important;padding-top:13px;border-top:1px solid #e6ecea;color:#173e4c!important;font-size:.7rem!important;font-weight:900!important; }
.sales-studio-body .branch-qr-choice input:checked+span { border-color:var(--theme-primary);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--theme-primary-soft) 48%,#fff)); }
.sales-studio-body .sales-summary-panel { top:24px;padding:27px;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(54,213,225,.19),transparent 31%),linear-gradient(155deg,#0c3444,#061e2b);color:#fff;box-shadow:0 30px 70px rgba(5,36,49,.2); }
.sales-studio-body .sales-summary-status { border-bottom-color:rgba(255,255,255,.1); }.sales-studio-body .sales-summary-status small { color:rgba(255,255,255,.5); }.sales-studio-body .sales-summary-status strong { color:#fff; }
.sales-studio-body .sales-summary-panel>h2 { color:#fff; }
.sales-studio-body .sales-summary-quantities span { border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.06); }.sales-studio-body .sales-summary-quantities small { color:rgba(255,255,255,.5); }.sales-studio-body .sales-summary-quantities b { color:#fff; }
.sales-studio-body .sales-summary-modes>div { background:rgba(255,255,255,.055); }.sales-studio-body .sales-summary-modes p { color:#fff; }.sales-studio-body .sales-summary-modes p small { color:rgba(255,255,255,.46); }.sales-studio-body .sales-summary-modes>div>b { color:#fff; }
.sales-studio-body .pricing-breakdown { border-top-color:rgba(255,255,255,.1);color:rgba(255,255,255,.57); }.sales-studio-body .pricing-breakdown strong { color:#fff; }
.sales-studio-body .pricing-total { background:linear-gradient(135deg,rgba(0,158,205,.24),rgba(255,255,255,.07));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.sales-studio-body .sales-assurances { color:rgba(255,255,255,.5); }

@keyframes sales-node-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
@keyframes sales-data-pulse { 0%{opacity:0;transform:scale(.5)} 35%,65%{opacity:1;transform:scale(1)} 100%{opacity:0;transform:scale(1.35)} }

@media (max-width:1100px) {
  .sales-studio-body .sales-config-header nav { gap:18px; }
  .sales-studio-hero-grid { grid-template-columns:minmax(0,.9fr) minmax(470px,.8fr);gap:45px; }
  .sales-studio-copy h1 { font-size:clamp(3.7rem,6.3vw,5.8rem); }
  .sales-studio-body .sales-premium-calculator { grid-template-columns:minmax(0,1fr) 350px; }
}
@media (max-width:900px) {
  .sales-studio-body .sales-config-header nav { display:none; }
  .sales-studio-body .sales-config-header-shell { grid-template-columns:1fr auto; }
  .sales-studio-hero-grid { grid-template-columns:1fr; }
  .sales-studio-body .sales-config-hero { padding-top:145px; }
  .sales-product-canvas { width:min(620px,100%);margin-inline:auto; }
  .sales-studio-body .sales-premium-calculator { grid-template-columns:1fr; }
  .sales-studio-body .sales-summary-panel { position:relative;top:auto; }
}
@media (max-width:760px) {
  .notification-center-shell { gap:13px; }
  .notification-center-heading { min-height:0;padding:23px; }
  .notification-detail-card { border-radius:25px; }
  .notification-detail-card>.notification-back-link { min-height:58px;padding-inline:20px; }
  .notification-detail-card>header { gap:13px;padding:24px 20px; }.notification-detail-card>header::after { right:20px;left:20px; }
  .notification-detail-card>header h2 { font-size:1.85rem; }.notification-detail-icon { width:48px;height:48px;flex-basis:48px;border-radius:15px; }
  .notification-detail-message,.notification-rich-content { width:calc(100% - 40px);margin-inline:20px!important;padding:24px 0 30px!important;font-size:.78rem; }
  .announcement-history-actions { width:100%;margin:9px 0 0 55px; }
  .sales-studio-body .sales-config-shell,.sales-studio-body .sales-config-header-shell { width:calc(100% - 32px); }
  .sales-studio-body .sales-config-header-shell { min-height:78px; }
  .sales-studio-body .sales-config-header .platform-logo-image img { max-width:165px;max-height:41px; }
  .sales-studio-body .sales-config-login { min-width:91px;padding:11px 14px;font-size:.62rem; }
  .sales-studio-body .sales-config-hero { min-height:0;padding:126px 0 66px; }
  .sales-studio-copy h1 { margin-top:20px;font-size:clamp(3.2rem,15vw,4.9rem);line-height:.9; }
  .sales-studio-copy>p { font-size:.88rem; }
  .sales-studio-actions { align-items:stretch;flex-direction:column;gap:17px; }.sales-studio-actions>.button { width:100%; }
  .sales-studio-call { justify-content:center; }
  .sales-studio-trust { display:grid;grid-template-columns:1fr;gap:10px; }
  .sales-product-canvas { border-radius:27px; }
  .sales-canvas-body { display:grid;height:auto;min-height:390px;grid-template-columns:1fr 1fr;align-content:center;gap:11px;padding:26px 18px; }
  .sales-canvas-core { position:relative;width:132px;height:132px;top:auto;left:auto;grid-column:1/-1;justify-self:center;margin-bottom:12px;padding:18px;transform:none; }
  .sales-canvas-core>span { width:40px;height:40px; }.sales-canvas-node { position:relative;min-width:0;top:auto;right:auto;bottom:auto;left:auto;padding:10px;animation:none; }.sales-canvas-node>i { width:36px;height:36px;flex-basis:36px; }.node-team { grid-column:1/-1;justify-self:center;width:70%; }.sales-canvas-path,.sales-canvas-pulse { display:none; }
  .sales-product-canvas>footer { align-items:flex-start;flex-direction:column;justify-content:center;padding-block:14px; }
  .sales-studio-body .sales-config-workspace { padding:62px 0 75px; }
  .sales-studio-heading h2 { font-size:2.65rem; }.sales-studio-heading>p { font-size:.85rem; }
  .sales-studio-progress { padding:15px; }.sales-studio-progress li::after { display:none; }.sales-studio-progress small { display:none; }
  .sales-studio-body .sales-builder-card { padding:22px;border-radius:25px; }
  .sales-studio-body .sales-builder-heading { align-items:flex-start;flex-wrap:wrap; }.sales-studio-body .sales-builder-heading>em { width:100%;margin-left:58px; }
  .sales-capacity-premium { grid-template-columns:1fr; }
  .sales-branch-actions { width:100%;margin-left:58px; }.sales-branch-actions button { flex:1; }
  .sales-studio-body .sales-choice-guide { display:grid;grid-template-columns:1fr; }
  .sales-studio-body .branch-qr-choice>div { grid-template-columns:1fr; }
  .sales-studio-body .branch-qr-choice label>span { min-height:220px; }
}
@media (max-width:460px) {
  .sales-studio-copy h1 { font-size:3.25rem; }
  .sales-studio-kicker { font-size:.57rem;letter-spacing:.1em; }
  .sales-canvas-body { grid-template-columns:1fr; }.sales-canvas-core,.node-team { grid-column:1; }.node-team { width:100%; }.sales-canvas-node { width:100%; }
  .sales-studio-heading h2 { font-size:2.25rem; }
  .sales-studio-progress span { font-size:.54rem; }.sales-studio-progress li>b { width:36px;height:36px;flex-basis:36px; }
  .sales-studio-body .sales-builder-card { padding:17px; }
  .sales-studio-body .sales-builder-heading>span { width:43px;height:43px;flex-basis:43px; }.sales-studio-body .sales-builder-heading h2 { font-size:1.3rem; }
  .sales-studio-body .sales-capacity-premium>label { padding:18px!important; }
  .sales-studio-body .branch-qr-choice { padding:13px; }.sales-studio-body .branch-ready { display:none; }.sales-studio-body .branch-qr-choice label>span { padding:16px!important; }
}
@media (prefers-reduced-motion:reduce) { .sales-canvas-node,.sales-canvas-pulse { animation:none!important; } }

/* 5.7 — editorial SaaS homepage: product-led, responsive and motion-aware */
.product-vitrine { max-width:100%;overflow-x:hidden;background:#f5f8f7;color:#092e40; }
.product-vitrine .product-shell { width:min(1420px,calc(100% - 64px)); }
.product-vitrine .product-header.product-header-pro { z-index:1000; }
.product-vitrine .product-header-shell { width:min(1420px,calc(100% - 48px)); }
.product-vitrine .product-nav-links { gap:clamp(12px,1.5vw,28px); }
.product-vitrine .product-nav-links a { position:relative;padding-inline:2px; }
.product-vitrine .product-nav-links a::after { content:"";position:absolute;height:2px;right:50%;bottom:-8px;left:50%;border-radius:99px;background:linear-gradient(90deg,var(--theme-primary),#2fc7a0);transition:right .25s ease,left .25s ease; }
.product-vitrine .product-nav-links a:hover::after { right:0;left:0; }
.product-vitrine .product-price-cta { border-radius:14px;background:linear-gradient(135deg,#079fc1,#0b718d 58%,#12465a);box-shadow:0 12px 28px rgba(0,127,158,.2); }

.product-vitrine .product-hero-next { min-height:930px;padding:184px 0 92px;background:radial-gradient(circle at 78% 21%,rgba(0,180,207,.16),transparent 29%),radial-gradient(circle at 8% 64%,rgba(36,197,151,.09),transparent 28%),linear-gradient(135deg,#fff 0%,#f4fbfa 49%,#e5f6f7 100%); }
.product-vitrine .product-hero-next::after { content:"";position:absolute;width:420px;height:420px;right:-235px;bottom:30px;border:1px solid rgba(11,141,165,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(11,141,165,.025),0 0 0 140px rgba(11,141,165,.018);pointer-events:none; }
.product-vitrine .product-hero-next .hero-mesh { opacity:.58;background-size:68px 68px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.54) 58%,transparent); }
.product-vitrine .product-hero-next .product-hero-grid { grid-template-columns:minmax(440px,.88fr) minmax(600px,1.12fr);gap:clamp(34px,4vw,74px);align-items:center; }
.product-vitrine .product-hero-next .product-hero-copy { padding:0 0 58px; }
.product-vitrine .product-hero-next .product-kicker { padding:9px 13px;border:1px solid rgba(15,146,169,.16);border-radius:999px;background:rgba(255,255,255,.74);box-shadow:0 8px 24px rgba(12,69,84,.05);font-size:.61rem;letter-spacing:.12em; }
.product-vitrine .product-hero-next .product-hero-copy h1 { max-width:760px;margin:28px 0 27px;font-size:clamp(4.4rem,6vw,7rem);font-weight:880;letter-spacing:-.078em;line-height:.86; }
.product-vitrine .product-hero-next .product-hero-copy h1 em { display:inline;background:linear-gradient(100deg,#0a91ad,#1ab89c 70%);background-clip:text;color:transparent;font-style:normal;font-weight:610; }
.product-vitrine .product-hero-next .product-lead { max-width:650px;font-size:1rem;line-height:1.8; }
.product-vitrine .product-hero-next .product-hero-actions { margin-top:34px; }
.product-vitrine .product-hero-next .product-hero-actions>.button { min-height:64px;padding-inline:24px;border-radius:18px;background:linear-gradient(135deg,#08a3c3,#087895 58%,#125168);font-size:.75rem;box-shadow:0 20px 43px rgba(7,128,157,.25); }
.product-vitrine .product-hero-next .product-hero-actions>.button span { display:grid;width:25px;height:25px;margin-left:7px;place-items:center;border-radius:50%;background:rgba(255,255,255,.14); }
.product-vitrine .product-hero-next .product-play-link>i { width:51px;height:51px; }
.product-vitrine .product-hero-next .product-trust-row { margin-top:34px;padding-top:20px;border-top:1px solid rgba(19,90,108,.12); }
.product-vitrine .product-hero-next .product-trust-row span { border:0;padding-right:20px; }
.product-vitrine .product-hero-next .product-trust-row span+span { padding-left:20px;border-left:1px solid #d6e5e7; }
.product-vitrine .product-hero-next .product-stage { min-height:660px;transform-style:preserve-3d; }
.stage-label { display:flex;position:absolute;z-index:9;top:20px;right:10px;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(9,103,126,.11);border-radius:999px;background:rgba(255,255,255,.82);color:#587985;font-size:.48rem;font-weight:900;letter-spacing:.11em;box-shadow:0 12px 30px rgba(5,57,72,.07);backdrop-filter:blur(12px); }
.stage-label i { width:7px;height:7px;border-radius:50%;background:#2dbc80;box-shadow:0 0 0 6px rgba(45,188,128,.1);animation:home-live-pulse 1.9s ease-in-out infinite; }
.stage-orbit { position:absolute;width:580px;height:580px;top:48%;left:51%;border:1px dashed rgba(1,137,165,.17);border-radius:50%;transform:translate(-50%,-50%);animation:home-orbit-spin 28s linear infinite; }
.stage-orbit::before,.stage-orbit::after { content:"";position:absolute;border:1px solid rgba(22,173,155,.1);border-radius:50%; }
.stage-orbit::before { inset:68px; }.stage-orbit::after { inset:138px; }
.stage-orbit i { position:absolute;width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#12a9c5;box-shadow:0 5px 13px rgba(5,99,121,.22); }
.stage-orbit i:first-child { top:39px;left:126px; }.stage-orbit i:nth-child(2) { right:15px;bottom:196px;background:#2abb87; }.stage-orbit i:last-child { bottom:24px;left:169px;background:#f2af4f; }
.hero-scroll-cue { display:flex;position:absolute;z-index:5;bottom:25px;left:50%;align-items:center;gap:10px;color:#5f7b86;font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transform:translateX(-50%); }
.hero-scroll-cue i { display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(16,103,123,.16);border-radius:50%;background:rgba(255,255,255,.72);color:#087f9b;font-style:normal;animation:home-scroll-cue 2s ease-in-out infinite; }

.product-capability-marquee { position:relative;z-index:3;overflow:hidden;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#061f2d,#07384a 48%,#075268);color:#fff;transform:rotate(-1deg) scale(1.015);transform-origin:center;box-shadow:0 18px 50px rgba(3,34,47,.16); }
.product-capability-marquee>div { display:flex;width:max-content;min-height:82px;align-items:center;gap:28px;padding-inline:20px;animation:home-marquee 28s linear infinite; }
.product-capability-marquee span { font-size:clamp(1rem,1.55vw,1.45rem);font-weight:850;letter-spacing:-.025em;text-transform:uppercase;white-space:nowrap; }
.product-capability-marquee i { color:#65d9df;font-size:1rem;font-style:normal; }

.home-solutions { position:relative;isolation:isolate;padding:155px 0 145px;background:radial-gradient(circle at 9% 28%,rgba(27,191,162,.07),transparent 23%),linear-gradient(180deg,#f8faf8,#eef4f2 75%,#f6f9f7); }
.home-solutions::before { content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(11,78,94,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(11,78,94,.032) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,transparent,#000 38%,#000 70%,transparent); }
.home-section-heading { display:grid;grid-template-columns:170px minmax(0,1.1fr) minmax(280px,.55fr);gap:40px;align-items:end;margin-bottom:64px; }
.home-section-index { align-self:start;color:#0b8eaa;font-size:.58rem;font-weight:950;letter-spacing:.17em;white-space:nowrap; }
.home-section-heading h2,.home-platform-story .operating-heading h2,.home-workflow .workflow-heading h2 { margin:0;color:#092e40;font-size:clamp(3.6rem,5.5vw,6.1rem);font-weight:860;letter-spacing:-.068em;line-height:.91; }
.home-section-heading h2 em,.home-platform-story .operating-heading h2 em,.home-workflow .workflow-heading h2 em { color:#1991a9;font-style:normal;font-weight:560; }
.home-section-heading>p { margin:0 0 6px;color:#607a84;font-size:.9rem;line-height:1.75; }
.home-bento-grid { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px; }
.home-bento-card { position:relative;isolation:isolate;overflow:hidden;padding:30px;border:1px solid rgba(255,255,255,.94);border-radius:34px;background:rgba(255,255,255,.84);box-shadow:0 28px 80px rgba(6,53,67,.09),inset 0 0 0 1px rgba(13,101,118,.055);backdrop-filter:blur(15px);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease; }
.home-bento-card:hover { transform:translateY(-8px);box-shadow:0 38px 100px rgba(6,53,67,.14),inset 0 0 0 1px rgba(13,101,118,.08); }
.home-bento-card>header { display:flex;position:relative;z-index:3;align-items:center;justify-content:space-between;color:#64808a;font-size:.54rem;font-weight:920;letter-spacing:.14em; }
.home-bento-card>header i { display:grid;width:36px;height:36px;place-items:center;border:1px solid #dce7e5;border-radius:50%;color:#0f758c;font-size:.5rem;font-style:normal;letter-spacing:0; }
.bento-copy { position:relative;z-index:3;max-width:630px;margin-top:24px; }
.bento-copy h3 { margin:0;color:#0a3041;font-size:clamp(1.85rem,2.6vw,3.25rem);font-weight:830;letter-spacing:-.052em;line-height:1.02; }
.bento-copy p { max-width:580px;margin:15px 0 0;color:#657f88;font-size:.76rem;line-height:1.72; }
.bento-command { grid-column:span 8;min-height:650px;background:radial-gradient(circle at 88% 12%,rgba(18,184,204,.13),transparent 30%),rgba(255,255,255,.91); }
.bento-mobile { grid-column:span 4;min-height:650px;background:radial-gradient(circle at 110% 80%,rgba(38,193,144,.15),transparent 43%),linear-gradient(155deg,#f8fbf8,#e9f5f1); }
.bento-shifts { grid-column:span 5;min-height:470px;background:radial-gradient(circle at 0 100%,rgba(241,173,68,.12),transparent 40%),#fff; }
.bento-ecosystem { grid-column:span 7;min-height:470px;background:radial-gradient(circle at 72% 74%,rgba(12,163,194,.16),transparent 32%),linear-gradient(145deg,#082f42,#071f30); }
.bento-ecosystem>header,.bento-ecosystem .bento-copy p { color:rgba(255,255,255,.58); }.bento-ecosystem>header i { border-color:rgba(255,255,255,.13);color:#76dce7; }.bento-ecosystem .bento-copy h3 { color:#fff; }
.bento-dashboard { display:grid;position:absolute;right:30px;bottom:-24px;left:30px;grid-template-columns:62px 1fr;overflow:hidden;border:1px solid #dce8e7;border-radius:28px 28px 0 0;background:#fff;box-shadow:0 28px 65px rgba(4,47,61,.13);transform:perspective(1000px) rotateX(3deg);transform-origin:bottom; }
.bento-dashboard>aside { display:grid;align-content:start;justify-items:center;gap:18px;padding:18px 12px;background:#092f42; }
.bento-dashboard>aside img { width:30px;height:30px;border-radius:9px;object-fit:cover; }.bento-dashboard>aside i { width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.07); }.bento-dashboard>aside i:first-of-type { background:#0da4c4;box-shadow:0 8px 20px rgba(13,164,196,.3); }
.bento-dashboard>div { padding:24px; }.bento-dashboard>div>header { display:flex;align-items:center;justify-content:space-between; }.bento-dashboard header span,.bento-dashboard header small,.bento-dashboard header b { display:block; }.bento-dashboard header small { color:#8ca0a7;font-size:.48rem; }.bento-dashboard header b { margin-top:4px;color:#183b49;font-size:.76rem; }.bento-dashboard header em { display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#e8f8f0;color:#21865f;font-size:.45rem;font-style:normal;font-weight:900; }.bento-dashboard header em i { width:6px;height:6px;border-radius:50%;background:#30bd7e; }
.bento-dashboard section { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px; }.bento-dashboard section>span { display:grid;gap:5px;padding:14px;border:1px solid #e4ecea;border-radius:16px;background:#f8fbfa; }.bento-dashboard section small { color:#81959c;font-size:.45rem; }.bento-dashboard section b { color:#153b49;font-size:1.12rem; }.bento-dashboard section i { color:#3d8a70;font-size:.42rem;font-style:normal; }
.bento-chart { display:flex;height:130px;align-items:flex-end;gap:14px;margin-top:18px;padding:12px 17px 0;border-radius:17px;background:linear-gradient(180deg,#f7faf9,#edf5f3); }.bento-chart>span { display:grid;height:100%;flex:1;grid-template-rows:1fr auto;align-items:end;gap:6px;text-align:center; }.bento-chart i { display:block;height:var(--bar);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#1ab0c9,#087d9b);box-shadow:0 8px 16px rgba(8,125,155,.15);transform-origin:bottom;animation:home-bars 1.1s ease both; }.bento-chart small { color:#889da3;font-size:.42rem; }
.bento-mini-phone { position:absolute;width:245px;height:430px;right:50%;bottom:-95px;padding:23px 15px 18px;border:7px solid #0a2737;border-radius:38px;background:#f8fbfa;box-shadow:0 32px 70px rgba(4,48,61,.22);transform:translateX(50%) rotate(2deg); }
.bento-mini-phone>i { position:absolute;width:77px;height:18px;top:7px;left:50%;border-radius:99px;background:#0a2737;transform:translateX(-50%); }.bento-mini-phone>div { display:grid;padding:34px 5px 0; }.bento-mini-phone div>small { color:#7e949c;font-size:.47rem; }.bento-mini-phone strong { margin:7px 0 17px;color:#123a49;font-size:1rem; }.bento-mini-phone button { display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:10px;border:1px solid #dce8e6;border-radius:16px;background:#fff;color:#173b49;text-align:left; }.bento-mini-phone button:first-of-type { border-color:#33aec4;background:linear-gradient(135deg,#ecfbfc,#fff);box-shadow:0 10px 24px rgba(10,145,170,.1); }.bento-mini-phone button>b { display:grid;width:35px;height:35px;place-items:center;border-radius:11px;background:linear-gradient(145deg,#08a2c1,#087793);color:#fff; }.bento-mini-phone button>span { display:grid;gap:2px;font-size:.59rem;font-weight:850; }.bento-mini-phone button small { color:#83979e;font-size:.42rem;font-weight:600; }.bento-mini-phone button em { margin-left:auto;color:#16865e;font-style:normal; }.bento-mini-phone footer { display:flex;justify-content:space-around;margin:25px -5px 0;padding-top:15px;border-top:1px solid #e2eae8;color:#789098; }.bento-mini-phone footer span:nth-child(2) { display:grid;width:41px;height:41px;margin-top:-27px;place-items:center;border-radius:50%;background:#0a91ad;color:#fff;box-shadow:0 10px 22px rgba(10,145,173,.25); }
.shift-timeline { display:grid;position:absolute;right:34px;bottom:35px;left:34px;grid-template-columns:repeat(3,1fr);gap:0;padding-top:18px;border-top:1px dashed #cbdedc; }.shift-timeline::before { content:"";position:absolute;height:3px;top:-2px;left:0;width:57%;border-radius:99px;background:linear-gradient(90deg,#14a6c4,#2bc08d); }.shift-timeline>div { display:grid;position:relative;gap:7px; }.shift-timeline>div:nth-child(2) { text-align:center; }.shift-timeline>div:last-child { text-align:right; }.shift-timeline span { color:#789098;font-size:.51rem;font-weight:800; }.shift-timeline i { position:absolute;width:12px;height:12px;top:-25px;border:3px solid #fff;border-radius:50%;background:#11a3c1;box-shadow:0 0 0 3px rgba(17,163,193,.12); }.shift-timeline>div:nth-child(2) i { left:50%;background:#efb34f;transform:translateX(-50%); }.shift-timeline>div:last-child i { right:0;background:#d9e4e3; }.shift-timeline b { color:#214653;font-size:.62rem; }.shift-timeline small { display:inline-block;margin-left:5px;padding:4px 6px;border-radius:7px;background:#fff1d8;color:#9a6715;font-size:.42rem; }
.ecosystem-cloud { position:absolute;width:420px;height:260px;right:15px;bottom:-5px; }.ecosystem-cloud span { display:grid;position:absolute;z-index:3;width:74px;height:74px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);font-size:.55rem;font-weight:850;box-shadow:0 20px 35px rgba(0,0,0,.15);backdrop-filter:blur(10px);animation:home-cloud-float 5s ease-in-out infinite; }.ecosystem-cloud .is-core { width:94px;height:94px;top:77px;left:164px;border-color:rgba(95,224,235,.27);border-radius:31px;background:linear-gradient(145deg,#0fa6c2,#09647c);box-shadow:0 0 0 15px rgba(36,183,202,.07),0 25px 45px rgba(0,0,0,.25); }.ecosystem-cloud .is-core img { width:50px;height:50px;border-radius:15px;object-fit:cover; }.ecosystem-cloud span:nth-child(2) { top:16px;left:35px; }.ecosystem-cloud span:nth-child(3) { top:4px;right:47px;animation-delay:-1.2s; }.ecosystem-cloud span:nth-child(4) { bottom:8px;left:45px;animation-delay:-2.3s; }.ecosystem-cloud span:nth-child(5) { right:20px;bottom:15px;animation-delay:-3.1s; }.ecosystem-cloud i { position:absolute;z-index:1;height:1px;width:145px;top:120px;left:70px;background:linear-gradient(90deg,transparent,rgba(103,224,235,.45));transform:rotate(22deg); }.ecosystem-cloud i:nth-of-type(2) { top:107px;left:230px;transform:rotate(-25deg); }.ecosystem-cloud i:nth-of-type(3) { top:165px;left:230px;transform:rotate(24deg); }

.home-proof-rail { padding:0 0 140px;background:#f6f9f7; }
.home-proof-rail .product-shell { display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #dce6e3;border-radius:27px;background:rgba(255,255,255,.8);box-shadow:0 20px 60px rgba(7,51,64,.06); }
.home-proof-rail article { display:flex;min-height:128px;align-items:center;gap:16px;padding:26px; }.home-proof-rail article+article { border-left:1px solid #e0e8e6; }.home-proof-rail strong { color:#0a7690;font-size:1.55rem;letter-spacing:-.045em;line-height:1; }.home-proof-rail span { color:#687f87;font-size:.59rem;font-weight:730;line-height:1.55; }

.home-platform-story { padding:155px 0;background:radial-gradient(circle at 4% 6%,rgba(25,184,202,.17),transparent 27%),radial-gradient(circle at 95% 82%,rgba(35,189,139,.12),transparent 26%),linear-gradient(150deg,#031824,#062f40 58%,#064052); }
.home-platform-story .operating-heading { grid-template-columns:minmax(0,1.35fr) minmax(280px,.55fr);gap:70px;margin-bottom:75px; }
.home-platform-story .operating-heading .home-section-index { display:block;margin-bottom:26px;color:#67d9e5; }
.home-platform-story .operating-heading h2 { color:#fff; }.home-platform-story .operating-heading h2 em { color:#6bd9e4; }
.home-platform-story .operating-heading>p { color:rgba(255,255,255,.58);font-size:.9rem; }
.home-platform-story .operation-scenes { display:grid;gap:48px; }
.home-platform-story .operation-scene { min-height:590px;padding:clamp(38px,5vw,72px);border-radius:42px; }
.home-platform-story .scene-copy>span { color:#63d4df;font-size:.56rem;font-weight:950;letter-spacing:.17em; }
.home-platform-story .scene-copy h3 { margin-top:20px;font-size:clamp(2.8rem,4.6vw,5rem);letter-spacing:-.06em;line-height:.93; }

.home-workflow { padding:150px 0;background:radial-gradient(circle at 85% 15%,rgba(22,172,194,.09),transparent 28%),linear-gradient(180deg,#f4f8f6,#eaf3f1); }
.home-workflow .workflow-heading { grid-template-columns:170px minmax(0,1.1fr) minmax(280px,.55fr);gap:40px;align-items:end;margin-bottom:60px; }
.home-workflow .workflow-heading .home-section-index { align-self:start; }
.home-workflow .workflow-heading h2 { color:#0a3041; }.home-workflow .workflow-heading h2 em { color:#1591aa; }
.home-workflow .workflow-heading>p { color:#617b85;font-size:.9rem;line-height:1.75; }
.home-workflow .workflow-theater { border-radius:44px;box-shadow:0 42px 110px rgba(5,52,68,.14); }
.home-workflow .workflow-controls { background:radial-gradient(circle at 0 0,rgba(24,181,204,.17),transparent 35%),linear-gradient(155deg,#062f42,#041e2d); }

.home-final { position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding:155px 0;background:radial-gradient(circle at 78% 20%,rgba(44,211,173,.18),transparent 27%),radial-gradient(circle at 20% 80%,rgba(14,169,202,.21),transparent 32%),linear-gradient(145deg,#041c29,#07394b 60%,#07566a);text-align:left; }
.home-final .product-shell { display:block;position:relative;z-index:3; }
.home-final-brand { display:flex;position:absolute;z-index:1;top:clamp(42px,5vw,82px);right:clamp(22px,6vw,118px);align-items:flex-end;color:rgba(126,190,255,.09);font-size:clamp(5.25rem,6.8vw,8.3rem);font-weight:900;letter-spacing:-.085em;line-height:.78;white-space:nowrap;pointer-events:none;user-select:none; }
.home-final-brand::after { content:"";position:absolute;right:1%;bottom:-.22em;width:64%;height:1px;background:linear-gradient(90deg,transparent,rgba(128,213,255,.54),rgba(81,224,190,.35),transparent);opacity:0;transform:scaleX(0);transform-origin:right center;animation:home-final-brand-line 8s cubic-bezier(.22,.8,.2,1) infinite; }
.home-final-brand span { display:block;opacity:0;transform:translate3d(0,.18em,0);animation:home-final-brand-letter 8s cubic-bezier(.22,.8,.2,1) infinite; }
.home-final-brand span:nth-child(2) { animation-delay:.09s; }.home-final-brand span:nth-child(3) { animation-delay:.18s; }.home-final-brand span:nth-child(4) { animation-delay:.27s; }.home-final-brand span:nth-child(5) { animation-delay:.36s; }.home-final-brand span:nth-child(6) { animation-delay:.45s; }.home-final-brand span:nth-child(7) { animation-delay:.54s; }.home-final-brand span:nth-child(8) { animation-delay:.63s; }.home-final-brand span:nth-child(9) { animation-delay:.72s; }.home-final-brand span:nth-child(10) { animation-delay:.81s; }
.home-final-kicker { display:inline-flex!important;align-items:center;gap:9px!important;color:#76dce5!important;font-size:.58rem!important;font-weight:900!important;letter-spacing:.16em!important; }
.home-final-kicker i { width:8px;height:8px;border-radius:50%;background:#36ca91;box-shadow:0 0 0 7px rgba(54,202,145,.11); }
.home-final h2 { max-width:930px;margin:30px 0 25px!important;color:#fff;font-size:clamp(5rem,8.5vw,9rem)!important;font-weight:880!important;letter-spacing:-.082em!important;line-height:.82!important;text-align:left!important; }
.home-final h2 em { color:#69d6e1!important;font-style:normal;font-weight:520!important; }
.home-final p { max-width:650px;margin:0 0 35px;color:rgba(255,255,255,.6);font-size:.93rem;line-height:1.75; }
.home-final .product-shell>div { justify-content:flex-start!important; }
.home-final .button { min-height:63px;border-radius:999px; }
.home-final .button-primary { background:linear-gradient(135deg,#14b7d2,#18a285 72%);box-shadow:0 18px 43px rgba(16,170,193,.24); }
.home-final-orbit { position:absolute;width:700px;height:700px;right:-150px;bottom:-340px;border:1px solid rgba(102,224,232,.12);border-radius:50%;box-shadow:0 0 0 90px rgba(102,224,232,.025),0 0 0 180px rgba(102,224,232,.015);animation:home-final-orbit-spin 30s linear infinite; }

@keyframes home-live-pulse { 50%{opacity:.4;transform:scale(.75)} }
@keyframes home-orbit-spin { to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes home-final-orbit-spin { to{transform:rotate(360deg)} }
@keyframes home-final-brand-letter { 0%,5%{opacity:0;transform:translate3d(0,.18em,0)} 14%,72%{opacity:1;transform:translate3d(0,0,0)} 88%,100%{opacity:0;transform:translate3d(.08em,0,0)} }
@keyframes home-final-brand-line { 0%,17%{opacity:0;transform:scaleX(0)} 28%,72%{opacity:1;transform:scaleX(1)} 88%,100%{opacity:0;transform:scaleX(1) translateX(8%)} }
@keyframes home-scroll-cue { 50%{transform:translateY(5px)} }
@keyframes home-marquee { to{transform:translateX(-50%)} }
@keyframes home-bars { from{height:0} }
@keyframes home-cloud-float { 50%{transform:translateY(-9px)} }

@media (max-width:1240px) {
  .product-vitrine .product-hero-next .product-hero-grid { grid-template-columns:minmax(390px,.82fr) minmax(530px,1.18fr);gap:20px; }
  .product-vitrine .product-hero-next .product-hero-copy h1 { font-size:clamp(4rem,5.8vw,6.1rem); }
  .product-vitrine .product-hero-next .product-stage { transform:scale(.9);transform-origin:center right; }
  .home-section-heading,.home-workflow .workflow-heading { grid-template-columns:135px minmax(0,1fr) minmax(250px,.52fr);gap:28px; }
  .bento-command { grid-column:span 7; }.bento-mobile { grid-column:span 5; }
}
@media (max-width:1040px) {
  .product-vitrine .product-shell { width:min(100% - 44px,900px); }
  .product-vitrine .product-header-shell,.product-header-top-shell { width:calc(100% - 32px); }
  .product-vitrine .product-hero-next { min-height:auto;padding:168px 0 80px; }
  .product-vitrine .product-hero-next .product-hero-grid { grid-template-columns:minmax(0,1fr); }
  .product-vitrine .product-hero-next .product-hero-copy { width:100%;min-width:0;max-width:810px;padding:0; }
  .product-vitrine .product-hero-next .product-stage { width:800px;min-height:680px;justify-self:center;margin-top:5px;transform:scale(.92);transform-origin:center; }
  .hero-scroll-cue { display:none; }
  .home-section-heading,.home-workflow .workflow-heading { grid-template-columns:1fr;gap:19px; }
  .home-section-heading h2,.home-workflow .workflow-heading h2 { max-width:800px; }.home-section-heading>p,.home-workflow .workflow-heading>p { max-width:650px; }
  .bento-command,.bento-mobile,.bento-shifts,.bento-ecosystem { grid-column:span 6; }.bento-command,.bento-mobile { min-height:610px; }
  .home-proof-rail .product-shell { grid-template-columns:1fr 1fr; }.home-proof-rail article:nth-child(3) { border-left:0;border-top:1px solid #e0e8e6; }.home-proof-rail article:nth-child(4) { border-top:1px solid #e0e8e6; }
  .home-platform-story .operating-heading { grid-template-columns:1fr;gap:25px; }
}
@media (max-width:760px) {
  .product-vitrine .product-shell { width:calc(100% - 30px); }
  .product-vitrine .product-hero-next { padding:146px 0 46px; }
  .product-vitrine .product-hero-next .product-kicker { max-width:100%;font-size:.5rem;letter-spacing:.075em; }
  .product-vitrine .product-hero-next .product-hero-copy h1 { margin:23px 0 21px;font-size:clamp(3.45rem,15.5vw,5rem);line-height:.88; }
  .product-vitrine .product-hero-next .product-lead { font-size:.84rem;line-height:1.72; }
  .product-vitrine .product-hero-next .product-hero-actions { align-items:stretch;flex-direction:column;gap:16px;margin-top:26px; }
  .product-vitrine .product-hero-next .product-hero-actions>.button { width:100%;min-height:59px; }
  .product-vitrine .product-hero-next .product-play-link { justify-content:center; }
  .product-vitrine .product-hero-next .product-trust-row { display:grid;grid-template-columns:1fr;gap:9px;margin-top:25px; }
  .product-vitrine .product-hero-next .product-trust-row span { min-height:30px;padding:0!important;border:0!important; }
  .product-vitrine .product-hero-next .product-stage { width:760px;min-height:590px;left:50%;justify-self:start;margin:0 0 -115px;transform:translateX(-50%) scale(.65);transform-origin:top center; }
  .stage-label { top:31px;right:85px; }.stage-orbit { width:540px;height:540px; }
  .product-capability-marquee { transform:rotate(-1deg) scale(1.025); }.product-capability-marquee>div { min-height:68px;gap:21px;animation-duration:22s; }.product-capability-marquee span { font-size:.9rem; }
  .home-solutions { padding:100px 0 90px; }.home-section-heading { margin-bottom:37px; }.home-section-heading h2,.home-platform-story .operating-heading h2,.home-workflow .workflow-heading h2 { font-size:clamp(3.25rem,14vw,4.7rem); }
  .home-section-heading>p,.home-workflow .workflow-heading>p { font-size:.78rem; }
  .home-bento-grid { grid-template-columns:1fr;gap:15px; }.bento-command,.bento-mobile,.bento-shifts,.bento-ecosystem { grid-column:1;min-height:520px;padding:22px;border-radius:27px; }.bento-command { min-height:610px; }.bento-mobile { min-height:600px; }.bento-copy h3 { font-size:2.1rem; }.bento-copy p { font-size:.68rem; }
  .bento-dashboard { right:14px;bottom:-10px;left:14px;grid-template-columns:46px 1fr; }.bento-dashboard>aside { padding:15px 8px; }.bento-dashboard>aside i { width:22px;height:22px; }.bento-dashboard>div { padding:16px 13px; }.bento-dashboard section { gap:6px; }.bento-dashboard section>span { padding:10px 8px; }.bento-dashboard section b { font-size:.9rem; }.bento-chart { height:110px;gap:7px;padding-inline:10px; }
  .bento-mini-phone { transform:translateX(50%) scale(.92) rotate(2deg);transform-origin:bottom center; }.shift-timeline { right:22px;bottom:28px;left:22px; }.ecosystem-cloud { right:50%;bottom:-13px;transform:translateX(50%) scale(.82);transform-origin:bottom center; }
  .home-proof-rail { padding-bottom:90px; }.home-proof-rail .product-shell { grid-template-columns:1fr;border-radius:24px; }.home-proof-rail article { min-height:100px;padding:20px; }.home-proof-rail article+article,.home-proof-rail article:nth-child(3) { border-top:1px solid #e0e8e6;border-left:0; }
  .home-platform-story { padding:100px 0; }.home-platform-story .operating-heading { margin-bottom:43px; }.home-platform-story .operation-scenes { gap:25px; }.home-platform-story .operation-scene { min-height:0;padding:25px 18px;border-radius:29px; }.home-platform-story .scene-copy h3 { font-size:2.75rem; }
  .home-workflow { padding:100px 0; }.home-workflow .workflow-heading { margin-bottom:38px; }.home-workflow .workflow-theater { border-radius:28px; }
  .home-final { min-height:650px;padding:110px 0; }.home-final h2 { font-size:clamp(4rem,18vw,6rem)!important; }.home-final p { font-size:.8rem; }.home-final-brand { top:38px;right:15px;font-size:clamp(2.55rem,10.5vw,4rem); }
}
@media (max-width:460px) {
  .product-vitrine .product-hero-next { padding-top:136px; }
  .product-vitrine .product-hero-next .product-hero-copy h1 { font-size:3.35rem; }
  .product-vitrine .product-hero-next .product-stage { margin-bottom:-160px;transform:translateX(-50%) scale(.54); }
  .stage-label { right:130px; }
  .home-bento-card>header { font-size:.48rem; }.bento-command { min-height:570px; }.bento-dashboard section>span:last-child { display:none; }.bento-dashboard section { grid-template-columns:1fr 1fr; }
  .bento-shifts { min-height:500px; }.shift-timeline b { font-size:.53rem; }.shift-timeline small { display:block;width:max-content;margin:4px auto 0; }.shift-timeline>div:last-child small { margin-left:auto; }
  .home-final .product-shell>div { align-items:stretch;flex-direction:column; }.home-final .button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .stage-label i,.stage-orbit,.hero-scroll-cue i,.product-capability-marquee>div,.bento-chart i,.ecosystem-cloud span,.home-final-orbit { animation:none!important; }
  .home-final-brand span { animation:none!important;opacity:1;transform:none; }
  .home-final-brand::after { animation:none!important;opacity:.7;transform:scaleX(1); }
}

/* SVG Turkey operations map — light 3D province surface and sequenced live activity. */
body.synex-product-vitrine .svg-turkey-live-map {
  display:grid;min-width:0;gap:13px;padding:16px;border:1px solid rgba(151,178,191,.28);border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,249,250,.96));
  box-shadow:inset 0 1px 0 #fff,0 20px 55px rgba(56,101,119,.08);
}
body.synex-product-vitrine .svg-turkey-live-map>header { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 5px;color:#517084;font-size:9px;font-weight:740;letter-spacing:.02em; }
body.synex-product-vitrine .svg-turkey-live-map>header span { display:flex;align-items:center;gap:7px; }
body.synex-product-vitrine .svg-turkey-live-map>header i { width:8px;height:8px;border-radius:50%;background:#42c69a;box-shadow:0 0 0 6px rgba(66,198,154,.12);animation:svg-map-live-dot 1.7s ease-out infinite; }
body.synex-product-vitrine .svg-turkey-live-map>header b { color:#315f74;font-size:9px;font-weight:820; }
body.synex-product-vitrine .svg-turkey-stage { position:relative;min-height:390px;overflow:hidden;border:1px solid rgba(137,187,200,.35);border-radius:22px;background:radial-gradient(circle at 42% 24%,rgba(255,255,255,.96),transparent 36%),linear-gradient(145deg,#eff9fb 0%,#e8f5f7 52%,#f6fbfc 100%);isolation:isolate;perspective:1100px; }
body.synex-product-vitrine .svg-turkey-stage::before { content:"";position:absolute;inset:0;background:linear-gradient(rgba(70,139,157,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(70,139,157,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 92%);pointer-events:none; }
body.synex-product-vitrine .svg-turkey-plane { position:absolute;inset:30px 3% 20px;transform:rotateX(7deg) rotateZ(-.35deg) translateY(4px);transform-style:preserve-3d; }
body.synex-product-vitrine .svg-turkey-provinces,body.synex-product-vitrine .svg-turkey-network { position:absolute;inset:0;width:100%;height:100%; }
body.synex-product-vitrine .svg-turkey-provinces { filter:drop-shadow(0 2px 0 rgba(63,113,130,.34)) drop-shadow(0 5px 0 rgba(86,138,151,.13)) drop-shadow(0 10px 8px rgba(67,111,126,.1));transform:translateZ(7px); }
body.synex-product-vitrine .svg-turkey-provinces>svg { display:block;width:100%;height:100%;overflow:visible; }
body.synex-product-vitrine .svg-turkey-provinces .city { fill:#b8e5e2;stroke:rgba(255,255,255,.98);stroke-width:1.35;vector-effect:non-scaling-stroke;transition:fill .35s ease,filter .35s ease; }
body.synex-product-vitrine .svg-turkey-provinces .city:nth-of-type(4n+1) { fill:#c7daf4; }
body.synex-product-vitrine .svg-turkey-provinces .city:nth-of-type(4n+2) { fill:#d7d8f4; }
body.synex-product-vitrine .svg-turkey-provinces .city:nth-of-type(4n+3) { fill:#beece0; }
body.synex-product-vitrine .svg-turkey-provinces .city:hover { fill:#8fd6cf;filter:brightness(1.04); }
body.synex-product-vitrine .svg-turkey-network { z-index:2;overflow:visible;transform:translateZ(14px);pointer-events:none; }
body.synex-product-vitrine .network-route { fill:none;stroke:#55a6ce;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:5 7;opacity:.66;animation:svg-route-run 6s linear infinite; }
body.synex-product-vitrine .network-route.is-green { stroke:#47b89b; }.svg-turkey-network .network-route.is-violet { stroke:#8b82cf; }
body.synex-product-vitrine .svg-location-pin { color:#3b91c8;filter:drop-shadow(0 5px 5px rgba(36,99,132,.24)); }
body.synex-product-vitrine .svg-location-pin:nth-of-type(3n+1) { color:#35ac8d; }.svg-location-pin:nth-of-type(3n+2) { color:#7771c7; }
body.synex-product-vitrine .svg-location-pin .pin-body { fill:currentColor;stroke:#fff;stroke-width:1.2; }.svg-location-pin .pin-dot { fill:#fff; }
body.synex-product-vitrine .svg-location-pin .pin-wave { fill:currentColor;opacity:0;transform-box:fill-box;transform-origin:center;animation:svg-pin-wave 2.6s ease-out infinite var(--pin-delay); }
body.synex-product-vitrine .svg-map-events { position:absolute;z-index:6;inset:0;pointer-events:none; }
body.synex-product-vitrine .svg-map-event { --event-color:#25aa79;position:absolute;left:var(--event-x);top:var(--event-y);width:215px;height:108px;opacity:0;transform:translate(-8px,-14px) scale(.93);animation:svg-event-cycle 20s cubic-bezier(.2,.76,.25,1) infinite var(--event-delay); }
body.synex-product-vitrine .svg-map-event.is-exit { --event-color:#5a79c5; }.svg-map-event.is-leave { --event-color:#8170cb; }.svg-map-event.is-late { --event-color:#d58c2d; }.svg-map-event.is-early { --event-color:#d16072; }
body.synex-product-vitrine .event-trail { position:absolute;width:78px;height:58px;left:0;bottom:0;overflow:visible;fill:none;stroke:var(--event-color);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 5;filter:drop-shadow(0 2px 2px rgba(71,98,115,.12)); }
body.synex-product-vitrine .event-trail path:first-child { animation:svg-event-trail 1.1s linear infinite; }
body.synex-product-vitrine .event-bubble { display:flex;position:absolute;top:0;left:61px;min-width:154px;align-items:center;gap:9px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--event-color) 24%,#fff);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 11px 28px rgba(43,76,92,.14),inset 0 1px 0 #fff;backdrop-filter:blur(9px); }
body.synex-product-vitrine .event-bubble::after { content:"";position:absolute;width:7px;height:7px;right:10px;top:8px;border-radius:50%;background:var(--event-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--event-color) 12%,transparent); }
body.synex-product-vitrine .event-status-icon { display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--event-color) 12%,#fff);color:var(--event-color); }
body.synex-product-vitrine .event-status-icon svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
body.synex-product-vitrine .event-bubble p { display:grid;min-width:0;gap:2px;margin:0;padding-right:7px;line-height:1.2; }
body.synex-product-vitrine .event-bubble b { overflow:hidden;color:#293c50;font-size:9px;font-weight:830;text-overflow:ellipsis;white-space:nowrap; }.svg-map-event .event-bubble strong { color:var(--event-color);font-size:8px;font-weight:760;white-space:nowrap; }
body.synex-product-vitrine .svg-map-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; }
body.synex-product-vitrine .svg-map-metrics span { display:grid;place-items:center;gap:2px;padding:9px;border:1px solid rgba(153,184,194,.22);border-radius:12px;background:rgba(249,253,253,.92); }
body.synex-product-vitrine .svg-map-metrics b { color:#315d72;font-size:12px; }.svg-map-metrics small { color:#78909d;font-size:7px;font-weight:700; }
@keyframes svg-map-live-dot { 65%,100% { box-shadow:0 0 0 12px transparent; } }
@keyframes svg-route-run { to { stroke-dashoffset:-96; } }
@keyframes svg-pin-wave { 0% { opacity:.28;transform:scale(.45); } 72%,100% { opacity:0;transform:scale(1.55); } }
@keyframes svg-event-trail { to { stroke-dashoffset:-36; } }
@keyframes svg-event-cycle { 0% { opacity:0;transform:translate(-8px,-3px) scale(.91); } 2%,18.5% { opacity:1;transform:translate(-8px,-17px) scale(1); } 20.5% { opacity:0;transform:translate(-8px,-28px) scale(.96); } 20.6%,100% { opacity:0;transform:translate(-8px,-3px) scale(.91); } }
@media (max-width:980px) { body.synex-product-vitrine .svg-turkey-stage { min-height:340px; }.svg-map-event { transform:scale(.9); }.svg-turkey-plane { right:1%;left:1%; } }
@media (max-width:620px) { body.synex-product-vitrine .svg-turkey-live-map { padding:11px;border-radius:20px; }.svg-turkey-live-map>header b { display:none; } body.synex-product-vitrine .svg-turkey-stage { min-height:290px;border-radius:16px; } body.synex-product-vitrine .svg-turkey-plane { inset:30px -12% 12px; } body.synex-product-vitrine .svg-map-event { width:176px;transform:scale(.78);transform-origin:left bottom; } body.synex-product-vitrine .event-bubble { left:47px;min-width:136px;padding:8px 9px; } body.synex-product-vitrine .event-trail { width:60px; } body.synex-product-vitrine .svg-map-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (prefers-reduced-motion:reduce) { body.synex-product-vitrine .network-route,body.synex-product-vitrine .pin-wave,body.synex-product-vitrine .event-trail path,body.synex-product-vitrine .svg-map-event { animation:none!important; } body.synex-product-vitrine .svg-map-event { display:none; }.svg-map-events .svg-map-event:first-child { display:block;opacity:1;transform:translate(-8px,-17px) scale(1); } }

/* 5.8 — mobile admin drawer layering and equal-width announcement canvas */
@media (max-width:820px) {
  .admin-body { width:100%;max-width:100%;overflow-x:hidden; }
  .admin-sidebar {
    width:min(318px,88vw);
    padding:82px 14px 18px;
    overflow:hidden;
    border-radius:0 30px 30px 0;
  }
  .admin-sidebar>.brand-lockup {
    position:absolute;
    z-index:3;
    min-height:44px;
    top:18px;
    right:72px;
    left:20px;
    align-items:center;
    padding:0;
    overflow:hidden;
  }
  .admin-sidebar>.brand-lockup .brand-wordmark { width:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .admin-sidebar-close { z-index:4;top:17px;right:14px; }
  .admin-sidebar nav { position:relative;z-index:1;width:100%;min-width:0;padding-top:4px; }
  .admin-sidebar nav a { width:100%;min-width:0; }
  .admin-sidebar nav a:not(.active) { overflow:hidden; }

  .admin-main { width:100%;min-width:0;max-width:100%; }
  .announcement-management-intro,
  .announcement-admin-layout { width:100%;min-width:0;max-width:100%; }
  .announcement-admin-layout { grid-template-columns:minmax(0,1fr); }
  .announcement-admin-layout>* { width:100%;min-width:0;max-width:100%; }
  .announcement-composer,
  .announcement-history-card,
  .announcement-composer .rich-editor-form { width:100%;min-width:0;max-width:100%; }
  .announcement-composer { overflow:hidden; }
  .announcement-composer-head,
  .announcement-title-field,
  .announcement-audience-fieldset,
  .announcement-target-panel,
  .announcement-editor-shell,
  .announcement-publish-actions { min-width:0;max-width:100%; }
  .announcement-editor-shell { width:auto;overflow:hidden; }
  .announcement-editor-shell .rich-editor-toolbar { width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain; }
  .announcement-editor-shell .rich-editor-canvas { width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere; }
}

@media (max-width:760px) {
  .announcement-management-intro { padding:20px 0 0;background:transparent; }
  .announcement-management-intro>div:first-child { width:100%;min-width:0;max-width:100%; }
  .announcement-intro-stat { width:100%;min-width:0;max-width:100%; }
  .announcement-composer-head { padding:21px 18px 17px; }
  .announcement-title-field { padding:18px 18px 4px; }
  .announcement-audience-fieldset { margin:15px 18px 0; }
  .announcement-target-panel { margin:14px 18px 0; }
  .announcement-editor-shell { margin:16px 18px 0; }
  .announcement-publish-actions { padding:18px; }
}

@media (max-width:480px) {
  .admin-main { padding-right:12px;padding-left:12px;overflow-x:hidden; }
  .announcement-composer-head { align-items:flex-start; }
  .announcement-live-status { flex:0 0 auto;padding:8px 10px; }
  .announcement-audience-options,
  .announcement-target-grid { width:100%;min-width:0; }
  .announcement-audience-options label,
  .announcement-audience-options span,
  .announcement-target-option { width:100%;min-width:0;max-width:100%; }
  .announcement-editor-shell .rich-editor-toolbar>div { flex:0 0 auto; }
}

/* 5.9 — Exact-wordmark preloader: the uploaded logo remains the single visual source. */
html:has(.site-preloader) { overflow:hidden; }
body.public-page-body .site-preloader,body.sales-configurator-body .site-preloader { display:none!important; }
.site-preloader { display:grid;position:fixed;z-index:10000;width:100vw;height:100vh;height:100dvh;inset:0;place-content:center;justify-items:center;gap:13px;overflow:hidden;background:transparent;opacity:1;visibility:visible;-webkit-backdrop-filter:blur(13px) saturate(.88);backdrop-filter:blur(13px) saturate(.88);transition:-webkit-backdrop-filter 1.15s cubic-bezier(.4,0,.2,1),backdrop-filter 1.15s cubic-bezier(.4,0,.2,1),opacity .18s ease,visibility .18s ease; }
.site-preloader::before,.site-preloader::after { content:none; }
.site-preloader.is-closing { pointer-events:none;-webkit-backdrop-filter:blur(0) saturate(1);backdrop-filter:blur(0) saturate(1); }
.site-preloader.is-ready { opacity:0;visibility:hidden;pointer-events:none; }
.site-preloader-logo-stage { position:relative;width:min(42vw,390px);aspect-ratio:1027/243;filter:drop-shadow(0 12px 24px rgba(12,68,91,.12));will-change:transform,opacity;animation:site-preloader-logo .72s cubic-bezier(.22,1,.36,1) 2.18s both;transition:transform 1.4s cubic-bezier(.45,.02,.2,1),filter 1.1s ease,opacity .12s ease 1.34s; }
.site-preloader-logo-svg { display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none; }
.site-preloader.is-closing .site-preloader-logo-stage { animation:none;transform:translate3d(var(--preloader-exit-x,0),var(--preloader-exit-y,0),0) scale(var(--preloader-exit-scale,.28));filter:drop-shadow(0 3px 7px rgba(12,68,91,.04));opacity:0; }
.product-header .is-preloader-target { opacity:0!important; }
.product-header .is-preloader-target-reveal { animation:site-preloader-target-reveal .18s ease both; }
.site-preloader-caption { position:relative;z-index:2;color:#66808a;font-size:.6rem;font-weight:800;letter-spacing:.16em;text-align:center;text-transform:uppercase;opacity:0;animation:site-preloader-caption .55s ease 1.62s both;transition:opacity .24s ease,transform .24s ease; }
.site-preloader.is-closing .site-preloader-caption { opacity:0;transform:translateY(-7px);animation:none; }

/* The reference's strongest idea: one promise, generous space, then a large product view. */
@media (min-width:1041px) {
  .product-vitrine .product-hero-next { min-height:1260px;padding:190px 0 120px;background:radial-gradient(circle at 50% 27%,rgba(8,165,193,.12),transparent 25%),radial-gradient(circle at 13% 65%,rgba(46,190,141,.07),transparent 25%),linear-gradient(180deg,#fff 0%,#f7fbf9 58%,#e9f5f3 100%); }
  .product-vitrine .product-hero-next .hero-mesh { opacity:.36;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 56%,transparent 88%); }
  .product-vitrine .product-hero-next .product-hero-grid { width:min(1120px,calc(100% - 60px));grid-template-columns:minmax(0,1fr);justify-items:center;gap:45px; }
  .product-vitrine .product-hero-next .product-hero-copy { display:grid;max-width:900px;justify-items:center;padding:0;text-align:center; }
  .product-vitrine .product-hero-next .product-hero-copy h1 { max-width:920px;margin:28px 0 25px;font-size:clamp(4.8rem,6.2vw,7.1rem);line-height:.88; }
  .product-vitrine .product-hero-next .product-lead { max-width:760px;font-size:1.04rem;line-height:1.75; }
  .product-vitrine .product-hero-next .product-hero-actions { justify-content:center; }
  .product-vitrine .product-hero-next .product-trust-row { justify-content:center; }
  .product-vitrine .product-hero-next .product-stage { width:900px;min-height:680px;justify-self:center;margin-top:4px;transform:none;transform-origin:center; }
  .product-vitrine .hero-scroll-cue { bottom:35px; }
}

.sales-studio-progress { counter-reset:sales-stage;grid-template-columns:repeat(4,minmax(0,1fr)); }
.sales-studio-progress li { transition:color .25s ease,opacity .25s ease; }
.sales-studio-progress li.is-current>b { box-shadow:0 0 0 7px color-mix(in srgb,var(--theme-primary) 10%,transparent),0 11px 22px color-mix(in srgb,var(--theme-primary) 20%,transparent); }
.sales-studio-progress li.is-complete>b { background:#e5f7ef;color:#1b9666;box-shadow:none; }
.sales-studio-progress li.is-complete>b::after { content:"✓";position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:#e5f7ef; }
.sales-progressive-card[hidden],.sales-mixed-builder[hidden],[data-mixed-choice][hidden] { display:none!important; }
.sales-progressive-card.is-current { animation:sales-step-enter .48s cubic-bezier(.2,.8,.2,1) both; }
.sales-studio-body .sales-progressive-card { min-height:500px;padding:40px; }
.sales-step-lead { max-width:710px;margin:17px 0 29px;color:#607982;font-size:.78rem;line-height:1.75; }
.sales-number-selector { display:grid;max-width:690px;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:30px;padding:29px!important;border:1px solid #dce7e4!important;border-radius:25px!important;background:linear-gradient(135deg,#fff,#f2f8f5)!important;box-shadow:0 18px 42px rgba(7,48,61,.065); }
.sales-number-selector .sales-capacity-label>i { width:58px;height:58px;flex-basis:58px;border-radius:18px;background:linear-gradient(145deg,#e8f8fa,#dff2ee);font-size:1.18rem; }
.sales-number-selector .sales-capacity-label b { color:#153947;font-size:.84rem; }
.sales-number-selector .sales-capacity-label small { margin-top:5px;color:#7d9197;font-size:.57rem;line-height:1.45; }
.sales-number-selector .pricing-stepper { margin:0!important;border:0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(7,48,61,.08),inset 0 0 0 1px #d8e5e2!important; }
.sales-number-selector .pricing-stepper button { width:62px;background:transparent!important;color:#0b7f9a;font-size:1.25rem; }
.sales-number-selector .pricing-stepper input { font-size:1.35rem;font-weight:900; }
.sales-step-actions { display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;padding-top:25px;border-top:1px solid #e2e9e7; }
.sales-step-actions>span { display:flex;align-items:center;gap:8px;color:#71878e;font-size:.59rem;font-weight:720; }
.sales-step-actions>span>i { display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#e6f7ef;color:#209666;font-style:normal; }
.sales-next-button { min-width:230px;min-height:56px;border-radius:17px!important;box-shadow:0 16px 32px color-mix(in srgb,var(--theme-primary) 22%,transparent); }
.sales-next-button b { margin-left:8px;font-size:.9rem; }
.sales-back-button { padding:12px 0;border:0;background:transparent;color:#607b84;font-size:.62rem;font-weight:820;cursor:pointer; }
.sales-back-button:hover { color:var(--theme-primary-strong); }

.sales-strategy-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.sales-strategy-option { display:block;cursor:pointer; }
.sales-strategy-option.is-mixed { grid-column:1/-1; }
.sales-strategy-option>input { position:absolute;width:1px;height:1px;opacity:0; }
.sales-strategy-option>span { display:grid;position:relative;min-height:250px;align-content:start;padding:25px;border:1px solid #dae5e2;border-radius:23px;background:linear-gradient(145deg,#fff,#f7faf8);box-shadow:0 12px 28px rgba(7,48,61,.045);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease; }
.sales-strategy-option.is-mixed>span { min-height:0;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;column-gap:18px; }
.sales-strategy-option:hover>span { transform:translateY(-3px);border-color:#a9d9dc;box-shadow:0 20px 38px rgba(7,70,84,.09); }
.sales-strategy-option>input:focus-visible+span { outline:3px solid color-mix(in srgb,var(--theme-primary) 22%,transparent);outline-offset:3px; }
.sales-strategy-option>input:checked+span { border-color:var(--theme-primary);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--theme-primary-soft) 58%,#fff));box-shadow:0 20px 42px color-mix(in srgb,var(--theme-primary) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--theme-primary) 16%,transparent); }
.sales-strategy-check { display:grid;position:absolute;width:27px;height:27px;top:18px;right:18px;place-items:center;border:1px solid #d5e2df;border-radius:50%;background:#fff;color:transparent;font-size:.56rem;font-style:normal;transition:.2s ease; }
.sales-strategy-option>input:checked+span .sales-strategy-check { border-color:var(--theme-primary);background:var(--theme-primary);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--theme-primary) 25%,transparent); }
.sales-strategy-icon { display:grid;width:60px;height:60px;place-items:center;margin-bottom:22px;border-radius:19px;background:#e6f6f8;color:#087e99;font-size:1.05rem; }
.sales-strategy-icon.is-static { background:#fff0da;color:#a76b18; }.sales-strategy-icon.is-mixed { margin:0;background:#e8efff;color:#4665ad; }
.sales-strategy-option strong { max-width:330px;color:#153847;font-size:.92rem;line-height:1.3; }
.sales-strategy-option small { max-width:370px;margin-top:9px;color:#71868d;font-size:.6rem;line-height:1.65; }
.sales-strategy-option em { align-self:end;margin-top:22px;padding-top:15px;border-top:1px solid #e2e9e7;color:#234754;font-size:.56rem;font-style:normal;font-weight:750; }
.sales-strategy-option em>b { font-size:.72rem; }.sales-strategy-option.is-mixed em { align-self:center;margin:0;padding:8px 12px;border:0;border-radius:999px;background:#edf2ff;color:#4665ad;white-space:nowrap; }
.sales-strategy-option.is-mixed .sales-strategy-icon { grid-row:1/3; }.sales-strategy-option.is-mixed strong { grid-column:2;grid-row:1;align-self:end; }.sales-strategy-option.is-mixed small { grid-column:2;grid-row:2;align-self:start;margin-top:5px; }.sales-strategy-option.is-mixed em { grid-column:3;grid-row:1/3; }
.sales-mixed-builder { margin-top:22px;padding:23px;border:1px solid #dce6e4;border-radius:25px;background:#f3f8f6;animation:sales-step-enter .4s ease both; }
.sales-mixed-builder>header { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;padding:0 3px; }
.sales-mixed-builder>header span,.sales-mixed-builder>header small,.sales-mixed-builder>header strong { display:block; }.sales-mixed-builder>header small { color:#0b89a2;font-size:.48rem;font-weight:900;letter-spacing:.14em; }.sales-mixed-builder>header strong { margin-top:5px;color:#244753;font-size:.72rem; }.sales-mixed-builder>header>b { padding:8px 11px;border-radius:999px;background:#fff;color:#547079;font-size:.53rem;box-shadow:0 7px 18px rgba(7,48,61,.06); }
.sales-ready-note { margin-left:auto;color:#9b772b!important; }
.sales-summary-panel .pricing-buy-button.is-disabled { opacity:.45;filter:saturate(.45);cursor:not-allowed;box-shadow:none; }

@keyframes site-preloader-breathe { 50%{opacity:.48;transform:translate(-50%,-50%) scale(.955)} }
@keyframes site-preloader-logo { from{transform:scale(1.018)} to{transform:scale(1)} }
@keyframes site-preloader-caption { from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:none} }
@keyframes site-preloader-target-reveal { from{opacity:0} to{opacity:1} }
@keyframes sales-step-enter { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

@media (max-width:900px) {
  .product-vitrine .product-hero-next .product-hero-copy { text-align:center; }
  .product-vitrine .product-hero-next .product-kicker { margin-inline:auto; }
  .product-vitrine .product-hero-next .product-lead { margin-inline:auto; }
  .product-vitrine .product-hero-next .product-hero-actions,.product-vitrine .product-hero-next .product-trust-row { justify-content:center; }
  .sales-studio-progress { display:grid;grid-template-columns:1fr 1fr;gap:11px; }
  .sales-studio-progress li { min-width:0; }.sales-studio-progress li::after { display:none; }
  .sales-studio-body .sales-progressive-card { min-height:0; }
}
@media (max-width:760px) {
  .site-preloader { gap:12px;-webkit-backdrop-filter:blur(10px) saturate(.9);backdrop-filter:blur(10px) saturate(.9); }
  .site-preloader-logo-stage { width:min(62vw,270px); }
  .site-preloader-caption { max-width:82vw;font-size:.54rem;letter-spacing:.13em; }
  .product-vitrine .product-hero-next .product-hero-copy { justify-items:center;text-align:center; }
  .product-vitrine .product-hero-next .product-hero-copy h1 { width:100%; }
  .product-vitrine .product-hero-next .product-hero-actions { width:100%; }
  .sales-studio-progress { padding:13px; }
  .sales-studio-body .sales-progressive-card { padding:23px; }
  .sales-step-lead { font-size:.7rem; }
  .sales-number-selector { grid-template-columns:1fr;gap:20px;padding:21px!important; }
  .sales-step-actions { align-items:stretch;flex-direction:column-reverse; }
  .sales-step-actions .sales-next-button { width:100%; }
  .sales-step-actions>span,.sales-back-button { justify-content:center;text-align:center; }
  .sales-strategy-grid { grid-template-columns:1fr; }
  .sales-strategy-option.is-mixed { grid-column:1; }
  .sales-strategy-option>span { min-height:225px;padding:21px; }
  .sales-strategy-option.is-mixed>span { min-height:235px;grid-template-columns:1fr;align-content:start; }
  .sales-strategy-option.is-mixed .sales-strategy-icon { margin-bottom:20px; }
  .sales-strategy-option.is-mixed strong,.sales-strategy-option.is-mixed small { grid-column:1; }
  .sales-strategy-option.is-mixed em { justify-self:start;margin-top:17px; }
  .sales-mixed-builder { margin-right:-7px;margin-left:-7px;padding:14px; }
  .sales-mixed-builder>header { align-items:flex-start; }.sales-mixed-builder>header strong { max-width:220px;line-height:1.45; }
  .sales-ready-note { margin:0!important; }
}
@media (max-width:460px) {
  .sales-studio-progress { grid-template-columns:1fr; }
  .sales-studio-progress li { padding:6px 4px; }
  .sales-studio-progress li:not(.is-active):not(.is-current) { display:none; }
  .sales-number-selector .pricing-stepper button { width:54px; }
}
@media (prefers-reduced-motion:reduce) {
  .site-preloader::before,.site-preloader-logo-stage,.site-preloader-caption,.sales-progressive-card.is-current,.sales-mixed-builder { animation:none!important; }
  .site-preloader-caption { opacity:1; }
  .site-preloader.is-closing .site-preloader-logo-stage { transform:none;opacity:0;transition:opacity .12s ease; }
}

/* 6.0 — Synex-inspired SaaS system: original EkipBurada composition */
.synex-product-vitrine,.synex-sales-studio { --synex-ink:#15171a;--synex-navy:#071527;--synex-navy-2:#0b2342;--synex-blue:#007bff;--synex-blue-2:#5cabff;--synex-paper:#edf1f5;--synex-line:rgba(21,23,26,.1);font-family:"Plus Jakarta Sans",Arial,sans-serif; }
.synex-product-vitrine { background:var(--synex-paper);color:var(--synex-ink); }
/* Word/line entrances mirror the reference's split-text rhythm without a heavy animation runtime. */
[data-synex-title]>span { display:block;opacity:0;transform:translateY(54px) rotateX(-8deg);transform-origin:50% 100%;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1); }
[data-synex-title]>span:nth-child(2) { transition-delay:.12s; }
.synex-ready [data-synex-title]>span { opacity:1;transform:none; }
.synex-magnetic { --magnetic-x:0px;--magnetic-y:0px;transform:translate(var(--magnetic-x),var(--magnetic-y));transition:transform .2s ease,box-shadow .25s ease,background .25s ease!important; }

/* Transparent dark navigation over the product hero. */
.synex-product-vitrine .product-header.product-header-pro { position:absolute;z-index:1000;top:0;right:0;left:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none; }
.synex-product-vitrine .product-header.product-header-pro.is-scrolled { position:fixed;background:rgba(5,17,34,.88);box-shadow:0 16px 50px rgba(0,0,0,.22);backdrop-filter:blur(22px) saturate(145%); }
.synex-product-vitrine .product-header-top { border-bottom:1px solid rgba(255,255,255,.09);background:transparent; }
.synex-product-vitrine .product-header-top-shell { min-height:36px; }
.synex-product-vitrine .product-top-phone,.synex-product-vitrine .product-top-contact>a { color:rgba(255,255,255,.62); }
.synex-product-vitrine .product-top-contact>a.is-whatsapp { color:#70e7b5; }
.synex-product-vitrine .product-top-socials { border-left-color:rgba(255,255,255,.13); }
.synex-product-vitrine .product-top-socials a,.synex-product-vitrine .product-top-socials>span { color:rgba(255,255,255,.55); }
.synex-product-vitrine .product-header-pro .product-header-shell { min-height:94px; }
.synex-product-vitrine .product-header-pro .product-nav-links { border:0;background:transparent; }
.synex-product-vitrine .product-header-pro .product-nav-links a { color:rgba(255,255,255,.72);font-size:.7rem;font-weight:600; }
.synex-product-vitrine .product-header-pro .product-nav-links a:hover { color:#fff; }
.synex-product-vitrine .product-header-pro .product-nav-links a::after { bottom:-3px;background:linear-gradient(90deg,#5cabff,#007bff); }
.synex-product-vitrine .product-header-pro .product-login-link { border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);color:#fff; }
.synex-product-vitrine .product-header-pro .product-login-link i { border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08);box-shadow:none; }
.synex-product-vitrine .product-header-pro .product-login-link i::before,.synex-product-vitrine .product-header-pro .product-login-link i::after { border-color:#79bdff; }
.synex-product-vitrine .product-header-pro .product-price-cta { min-height:60px;padding-inline:25px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:linear-gradient(103.71deg,#5cabff 18%,#007bff 66%);box-shadow:0 18px 38px rgba(0,123,255,.28); }

/* Home 03 split hero, enriched with code-native product artwork. */
.synex-product-vitrine .synex-product-hero { --synex-x:70%;--synex-y:25%;min-height:1085px;padding:195px 0 74px;background:radial-gradient(circle at var(--synex-x) var(--synex-y),rgba(50,142,255,.25),transparent 24%),radial-gradient(circle at 84% 17%,rgba(75,90,255,.25),transparent 29%),radial-gradient(circle at 12% 76%,rgba(0,204,189,.1),transparent 25%),linear-gradient(135deg,#061326 0%,#0b2444 56%,#07172d 100%);color:#fff; }
.synex-product-vitrine .synex-product-hero::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35) 70%,transparent);pointer-events:none; }
.synex-product-vitrine .synex-product-hero::after { content:"";position:absolute;width:720px;height:720px;right:-290px;top:90px;border:1px solid rgba(99,171,255,.12);border-radius:50%;box-shadow:0 0 0 100px rgba(66,143,255,.025),0 0 0 200px rgba(66,143,255,.017);pointer-events:none; }
.synex-product-vitrine .synex-product-hero .hero-mesh { opacity:.11;background-size:78px 78px;mask-image:linear-gradient(180deg,#000,transparent 85%); }
.synex-product-vitrine .synex-product-hero .hero-mesh::after { background:radial-gradient(circle at 15% 16%,rgba(255,255,255,.05),transparent 20%); }
.synex-product-vitrine .synex-product-hero .hero-cursor-glow { background:radial-gradient(420px circle at var(--glow-x) var(--glow-y),rgba(78,164,255,.17),transparent 68%); }
.synex-product-vitrine .synex-product-hero .product-hero-grid { width:min(1240px,calc(100% - 60px));grid-template-columns:minmax(480px,1.02fr) minmax(520px,.86fr);justify-items:stretch;gap:42px;align-items:center; }
.synex-product-vitrine .synex-product-hero .product-hero-copy { display:block;max-width:650px;padding:15px 0 100px;text-align:left; }
.synex-product-vitrine .synex-product-hero .product-kicker { padding:8px 14px;border:1px solid rgba(116,182,255,.19);border-radius:80px;background:rgba(255,255,255,.055);box-shadow:none;color:#a9d4ff;font-size:.55rem;font-weight:700;letter-spacing:.12em; }
.synex-product-vitrine .synex-product-hero .product-kicker i { background:#5cabff;box-shadow:0 0 0 7px rgba(92,171,255,.11); }
.synex-product-vitrine .synex-product-hero .product-hero-copy h1 { max-width:650px;margin:25px 0 23px;color:#fff;font-size:clamp(3.35rem,4.8vw,4.25rem);font-weight:600;letter-spacing:-.04em;line-height:1.07; }
.synex-product-vitrine .synex-product-hero .product-hero-copy h1 em { display:inline;margin:0;background:linear-gradient(102deg,#f7fbff 5%,#72b9ff 62%,#4ee0d0);background-clip:text;color:transparent;font-weight:600; }
.synex-product-vitrine .synex-product-hero .product-lead { max-width:580px;margin:0;color:rgba(255,255,255,.64);font-size:.86rem;line-height:1.75; }
.synex-product-vitrine .synex-product-hero .product-hero-actions { justify-content:flex-start;margin-top:32px; }
.synex-product-vitrine .synex-product-hero .product-hero-actions>.button { min-height:60px;padding-inline:25px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:linear-gradient(103.71deg,#5cabff 18%,#007bff 66%);font-size:.71rem;font-weight:600;box-shadow:0 20px 42px rgba(0,123,255,.28); }
.synex-product-vitrine .synex-product-hero .product-hero-actions>.button span { border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08); }
.synex-product-vitrine .synex-product-hero .product-play-link { color:#fff; }
.synex-product-vitrine .synex-product-hero .product-play-link>i { border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#73bbff; }
.synex-product-vitrine .synex-product-hero .product-play-link small { color:rgba(255,255,255,.43); }
.synex-product-vitrine .synex-product-hero .product-trust-row { justify-content:flex-start;margin-top:36px;padding-top:23px;border-top:1px solid rgba(255,255,255,.1); }
.synex-product-vitrine .synex-product-hero .product-trust-row span { color:rgba(255,255,255,.44); }
.synex-product-vitrine .synex-product-hero .product-trust-row span+span { border-left-color:rgba(255,255,255,.12); }
.synex-product-vitrine .synex-product-hero .product-trust-row b { color:#fff;font-weight:600; }
.synex-product-vitrine .synex-product-hero .product-stage { width:100%;min-height:720px;margin:0;justify-self:stretch;transform:none;transform-origin:center; }
.synex-product-vitrine .synex-product-hero .vitrine-tablet { width:620px;height:465px;top:52px;right:-70px;border-color:#020b17;border-radius:26px;background:#07182b;box-shadow:0 55px 120px rgba(0,0,0,.5),0 0 0 1px rgba(112,176,255,.12); }
.synex-product-vitrine .synex-product-hero .vitrine-phone { right:345px;bottom:24px;border-color:#020a14;box-shadow:0 42px 85px rgba(0,0,0,.48); }
.synex-product-vitrine .synex-product-hero .stage-halo { border-color:rgba(93,168,255,.18);box-shadow:0 0 0 70px rgba(59,126,244,.035),0 0 0 140px rgba(59,126,244,.022); }
.synex-product-vitrine .synex-product-hero .stage-orbit { border-color:rgba(100,175,255,.2); }
.synex-product-vitrine .synex-product-hero .stage-label { border-color:rgba(255,255,255,.12);background:rgba(8,26,49,.8);color:rgba(255,255,255,.65);box-shadow:0 14px 32px rgba(0,0,0,.22); }
.synex-product-vitrine .synex-product-hero .stage-event { border-color:rgba(255,255,255,.22);box-shadow:0 22px 45px rgba(0,0,0,.3); }
.synex-hero-shape { position:absolute;z-index:1;width:92px;height:92px;border:1px solid rgba(105,175,255,.25);border-radius:28px;transform:rotate(18deg);animation:synex-shape-float 7s ease-in-out infinite; }
.synex-hero-shape.shape-a { top:235px;left:5%; }.synex-hero-shape.shape-a::after { content:"";position:absolute;inset:23px;border:1px solid rgba(98,223,211,.28);border-radius:50%; }
.synex-hero-shape.shape-b { width:64px;height:64px;right:3%;bottom:225px;border-radius:50%;animation-delay:-2.5s; }
.synex-hero-ripple { position:absolute;z-index:1;width:370px;height:370px;right:18%;top:185px;border:1px solid rgba(80,158,255,.08);border-radius:50%;pointer-events:none; }
.synex-hero-ripple i { position:absolute;inset:18%;border:1px solid rgba(80,158,255,.07);border-radius:inherit; }.synex-hero-ripple i:nth-child(2){inset:34%}.synex-hero-ripple i:nth-child(3){inset:46%;background:rgba(45,117,232,.05)}
.synex-product-vitrine .hero-scroll-cue { color:rgba(255,255,255,.42); }.synex-product-vitrine .hero-scroll-cue i { border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#76bdff; }

/* Glass marquee and quieter content field. */
.synex-product-vitrine .synex-capability-marquee { padding:24px 0;border:0;background:#08172c;transform:none;box-shadow:0 22px 60px rgba(2,11,24,.25); }
.synex-product-vitrine .synex-capability-marquee>div { min-height:98px;gap:18px;padding-inline:18px;animation-duration:32s; }
.synex-product-vitrine .synex-capability-marquee span { min-width:245px;padding:30px 32px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(100deg,rgba(255,255,255,.035),rgba(255,255,255,.085));color:rgba(255,255,255,.76);font-size:.8rem;font-weight:600;letter-spacing:-.01em;text-align:center;text-transform:none; }
.synex-product-vitrine .synex-capability-marquee i { color:#5cabff;font-size:.72rem; }
.synex-product-vitrine .home-solutions { padding:145px 0;background:var(--synex-paper); }
.synex-product-vitrine .home-solutions::before { background-image:linear-gradient(rgba(21,23,26,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(21,23,26,.026) 1px,transparent 1px);background-size:92px 92px; }
.synex-product-vitrine .home-section-index { color:#2177db;font-size:.54rem;font-weight:700; }
.synex-product-vitrine .home-section-heading h2,.synex-product-vitrine .home-platform-story .operating-heading h2,.synex-product-vitrine .home-workflow .workflow-heading h2 { color:var(--synex-ink);font-size:clamp(2.6rem,4vw,3.55rem);font-weight:600;letter-spacing:-.045em;line-height:1.1; }
.synex-product-vitrine .home-section-heading h2 em,.synex-product-vitrine .home-workflow .workflow-heading h2 em { color:#2f79d9;font-weight:600; }
.synex-product-vitrine .home-section-heading>p,.synex-product-vitrine .home-workflow .workflow-heading>p { color:rgba(21,23,26,.62);font-size:.78rem; }
.synex-product-vitrine .home-bento-grid { gap:22px; }
.synex-product-vitrine .home-bento-card { border:1px solid rgba(21,23,26,.085);border-radius:18px;background:rgba(255,255,255,.74);box-shadow:0 24px 60px rgba(20,42,70,.075);backdrop-filter:blur(18px); }
.synex-product-vitrine .home-bento-card:hover { transform:translateY(-8px);box-shadow:0 32px 75px rgba(20,42,70,.12); }
.synex-product-vitrine .home-bento-card>header { color:#347cd8;font-weight:700; }
.synex-product-vitrine .bento-copy h3 { color:var(--synex-ink);font-weight:600;letter-spacing:-.04em; }
.synex-product-vitrine .bento-copy p { color:rgba(21,23,26,.58); }

.synex-product-vitrine .synex-choice-rail { padding:0 0 145px;background:var(--synex-paper); }
.synex-product-vitrine .synex-choice-rail .product-shell { gap:14px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none; }
.synex-product-vitrine .synex-choice-rail article { display:grid;position:relative;min-height:230px;align-content:space-between;align-items:start;gap:13px;padding:26px;border:1px solid rgba(21,23,26,.09)!important;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 18px 45px rgba(20,42,70,.06);transition:transform .35s ease,background .35s ease,color .35s ease; }
.synex-product-vitrine .synex-choice-rail article:hover { z-index:2;background:linear-gradient(145deg,#0b2444,#071527);transform:translateY(-8px); }
.synex-product-vitrine .synex-choice-rail article>i { display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(21,23,26,.11);border-radius:50%;color:#337bd6;font-size:.55rem;font-style:normal;font-weight:700; }
.synex-product-vitrine .synex-choice-rail strong { align-self:end;color:var(--synex-ink);font-size:1.35rem;font-weight:600; }
.synex-product-vitrine .synex-choice-rail span { color:rgba(21,23,26,.56);font-size:.58rem; }
.synex-product-vitrine .synex-choice-rail article:hover strong,.synex-product-vitrine .synex-choice-rail article:hover span { color:#fff; }.synex-product-vitrine .synex-choice-rail article:hover>i { border-color:rgba(255,255,255,.18);color:#79bdff; }

.synex-product-vitrine .home-platform-story { padding:145px 0;background:radial-gradient(circle at 90% 13%,rgba(55,126,255,.2),transparent 26%),linear-gradient(145deg,#061326,#0a2342 66%,#07182d); }
.synex-product-vitrine .home-platform-story .operating-heading h2 { color:#fff; }.synex-product-vitrine .home-platform-story .operating-heading h2 em { color:#78bdff; }.synex-product-vitrine .home-platform-story .operating-heading>p { color:rgba(255,255,255,.56); }
.synex-product-vitrine .home-platform-story .operation-scene { border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.075));box-shadow:0 30px 85px rgba(0,0,0,.2); }
.synex-product-vitrine .home-workflow { background:var(--synex-paper); }
.synex-product-vitrine .home-workflow .workflow-theater { border-radius:18px;box-shadow:0 35px 90px rgba(20,42,70,.13); }
.synex-product-vitrine .home-final { background:radial-gradient(circle at 78% 20%,rgba(52,128,255,.22),transparent 28%),linear-gradient(145deg,#061326,#0a2342 64%,#07182d); }
.synex-product-vitrine .home-final h2 { font-weight:600!important;letter-spacing:-.055em!important;line-height:.9!important; }.synex-product-vitrine .home-final h2 em { color:#78bdff!important;font-weight:600!important; }
.synex-product-vitrine .home-final .button-primary { background:linear-gradient(103.71deg,#5cabff,#007bff 66%);box-shadow:0 20px 43px rgba(0,123,255,.28); }

/* Sales studio adopts the same dark/blue launch surface and light workspace. */
.synex-sales-studio { background:var(--synex-paper);color:var(--synex-ink); }
.synex-sales-studio .sales-config-header { position:absolute;border-bottom:1px solid rgba(255,255,255,.09);background:transparent;backdrop-filter:none; }
.synex-sales-studio .sales-config-header-shell { min-height:100px; }
.synex-sales-studio .sales-config-header nav a { color:rgba(255,255,255,.65);font-size:.66rem;font-weight:600; }.synex-sales-studio .sales-config-header nav a:hover { color:#fff; }.synex-sales-studio .sales-config-header nav .is-whatsapp { color:#70e7b5; }
.synex-sales-studio .sales-config-login { min-width:130px;padding:15px 22px;border-color:rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;box-shadow:none; }
.synex-sales-studio .synex-sales-hero { min-height:880px;padding:165px 0 100px;background:radial-gradient(circle at 82% 18%,rgba(48,129,255,.27),transparent 27%),radial-gradient(circle at 7% 78%,rgba(55,216,193,.09),transparent 25%),linear-gradient(135deg,#061326,#0b2444 58%,#07172d);color:#fff; }
.synex-sales-studio .synex-sales-hero::before { display:block;content:"";position:absolute;width:700px;height:700px;right:-300px;top:100px;border:1px solid rgba(95,169,255,.1);border-radius:50%;box-shadow:0 0 0 90px rgba(58,133,245,.025),0 0 0 180px rgba(58,133,245,.016); }
.synex-sales-studio .synex-sales-hero::after { background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.32) 75%,transparent); }
.synex-sales-studio .sales-studio-hero-grid { grid-template-columns:minmax(480px,1.02fr) minmax(500px,.88fr);gap:55px; }
.synex-sales-studio .sales-breadcrumb { color:rgba(255,255,255,.42); }.synex-sales-studio .sales-breadcrumb a { color:#79bdff; }.synex-sales-studio .sales-breadcrumb strong { color:rgba(255,255,255,.7); }
.synex-sales-studio .sales-studio-kicker { color:#9ed0ff;font-size:.55rem;font-weight:700; }.synex-sales-studio .sales-studio-kicker i { background:#5cabff;box-shadow:0 0 0 7px rgba(92,171,255,.11); }
.synex-sales-studio .sales-studio-copy h1 { max-width:700px;margin:25px 0;color:#fff;font-size:clamp(3.3rem,4.7vw,4.2rem);font-weight:600;letter-spacing:-.045em;line-height:1.08; }
.synex-sales-studio .sales-studio-copy h1 em { background:linear-gradient(102deg,#fff,#72b9ff 65%,#4ee0d0);background-clip:text;color:transparent;font-weight:600; }
.synex-sales-studio .sales-studio-copy>p { color:rgba(255,255,255,.62);font-size:.85rem; }
.synex-sales-studio .sales-studio-actions>.button { min-height:60px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:linear-gradient(103.71deg,#5cabff 18%,#007bff 66%);font-weight:600;box-shadow:0 20px 42px rgba(0,123,255,.28); }
.synex-sales-studio .sales-studio-call { color:#fff; }.synex-sales-studio .sales-studio-call>i { border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#78bdff;box-shadow:none; }.synex-sales-studio .sales-studio-call small { color:rgba(255,255,255,.42); }
.synex-sales-studio .sales-studio-trust { border-top-color:rgba(255,255,255,.1); }.synex-sales-studio .sales-studio-trust span { color:rgba(255,255,255,.48); }.synex-sales-studio .sales-studio-trust b { color:#79bdff; }
.synex-sales-studio .sales-product-canvas { border-color:rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(140deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:0 40px 100px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.045); }
.synex-sales-studio .sales-canvas-top { border-bottom-color:rgba(255,255,255,.08);background:rgba(4,16,31,.48); }.synex-sales-studio .sales-canvas-top>b { color:rgba(255,255,255,.65); }
.synex-sales-studio .sales-canvas-body { background:radial-gradient(circle at 50% 49%,rgba(54,132,255,.2),transparent 27%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px; }
.synex-sales-studio .sales-canvas-core { background:radial-gradient(circle at 34% 25%,#247cd8,#07172d);box-shadow:0 25px 55px rgba(0,0,0,.38),0 0 0 15px rgba(52,129,255,.07),0 0 0 32px rgba(52,129,255,.04); }
.synex-sales-studio .sales-canvas-node { border-color:rgba(255,255,255,.16);background:rgba(246,250,255,.94); }
.synex-sales-studio .sales-product-canvas>footer { border-top-color:rgba(255,255,255,.08);color:rgba(255,255,255,.5); }.synex-sales-studio .sales-product-canvas>footer strong { color:#fff; }
.synex-sales-studio .sales-config-workspace { padding:120px 0;background:var(--synex-paper); }
.synex-sales-studio .sales-studio-heading h2 { color:var(--synex-ink);font-size:clamp(2.6rem,4vw,3.55rem);font-weight:600;letter-spacing:-.045em;line-height:1.1; }.synex-sales-studio .sales-studio-heading>p { color:rgba(21,23,26,.58);font-size:.8rem; }
.synex-sales-studio .sales-studio-progress { border-color:rgba(21,23,26,.09);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 18px 45px rgba(20,42,70,.06); }
.synex-sales-studio .sales-studio-progress li { color:rgba(21,23,26,.45); }.synex-sales-studio .sales-studio-progress li.is-active { color:var(--synex-ink); }.synex-sales-studio .sales-studio-progress li>b { border-radius:50%; }.synex-sales-studio .sales-studio-progress li.is-active>b { border-color:rgba(61,138,239,.24);background:linear-gradient(145deg,#5cabff,#007bff);box-shadow:0 10px 24px rgba(0,123,255,.2); }
.synex-sales-studio .sales-builder-card { border-color:rgba(21,23,26,.085);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 24px 60px rgba(20,42,70,.07); }
.synex-sales-studio .sales-builder-heading>span { border-radius:50%;background:linear-gradient(145deg,#0b2444,#071527);color:#80c1ff; }
.synex-sales-studio .sales-builder-heading small { color:#2879dc; }.synex-sales-studio .sales-builder-heading h2 { color:var(--synex-ink);font-weight:600; }
.synex-sales-studio .sales-number-selector,.synex-sales-studio .sales-strategy-option>span { border-color:rgba(21,23,26,.09)!important;border-radius:16px!important;background:rgba(255,255,255,.78)!important;box-shadow:0 16px 36px rgba(20,42,70,.055); }
.synex-sales-studio .sales-number-selector .sales-capacity-label>i { border-radius:14px;background:#e8f3ff;color:#2477da; }
.synex-sales-studio .sales-number-selector .pricing-stepper { border-radius:999px!important; }
.synex-sales-studio .sales-number-selector .pricing-stepper button { color:#1975db; }
.synex-sales-studio .sales-next-button { border-radius:999px!important;background:linear-gradient(103.71deg,#5cabff,#007bff 66%);box-shadow:0 17px 34px rgba(0,123,255,.22); }
.synex-sales-studio .sales-strategy-option:hover>span { border-color:#84bfff!important;box-shadow:0 22px 42px rgba(31,101,183,.11); }.synex-sales-studio .sales-strategy-option>input:checked+span { border-color:#2784ef!important;background:linear-gradient(145deg,#fff,#eef6ff)!important;box-shadow:0 20px 44px rgba(37,113,202,.12); }
.synex-sales-studio .sales-strategy-option>input:checked+span .sales-strategy-check { border-color:#1678e5;background:#1678e5;box-shadow:0 8px 18px rgba(0,123,255,.24); }
.synex-sales-studio .sales-strategy-icon { background:#e8f3ff;color:#2477da; }.synex-sales-studio .sales-strategy-icon.is-static { background:#fff0da;color:#a76b18; }.synex-sales-studio .sales-strategy-icon.is-mixed { background:#ebecff;color:#5e66cf; }
.synex-sales-studio .sales-mixed-builder { border-color:rgba(21,23,26,.09);border-radius:16px;background:#f2f5f8; }
.synex-sales-studio .sales-summary-panel { border-color:rgba(255,255,255,.09);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(64,139,255,.26),transparent 33%),linear-gradient(155deg,#0b2444,#061326);box-shadow:0 32px 75px rgba(3,18,38,.2); }
.synex-sales-studio .pricing-buy-button { border-radius:999px;background:linear-gradient(103.71deg,#5cabff,#007bff 66%);box-shadow:0 18px 36px rgba(0,123,255,.25); }
.synex-sales-studio .sales-support-strip { background:linear-gradient(135deg,#0b2444,#071527); }.synex-sales-studio .sales-config-footer { background:#050f1f; }

@keyframes synex-shape-float { 50%{transform:translateY(-15px) rotate(32deg)} }

@media (max-width:1040px) {
  .synex-product-vitrine .product-header.product-header-pro { top:0;right:0;left:0; }
  .synex-product-vitrine .product-header-top { display:none; }
  .synex-product-vitrine .product-header-pro .product-header-shell { min-height:86px; }
  .synex-product-vitrine .marketing-menu-toggle { border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06); }.synex-product-vitrine .marketing-menu-toggle span { background:#fff; }
  .synex-product-vitrine .product-header-pro .product-navigation-panel { border-color:rgba(255,255,255,.1);background:linear-gradient(155deg,#0b2444,#061326);box-shadow:-30px 0 70px rgba(0,0,0,.3); }
  .synex-product-vitrine .product-navigation-head strong { color:#fff; }.synex-product-vitrine .product-navigation-head small { color:rgba(255,255,255,.45); }
  .synex-product-vitrine .product-header-pro .product-nav-links a { border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:rgba(255,255,255,.76); }
  .synex-product-vitrine .product-header-pro .product-nav-links a:hover { border-color:rgba(113,184,255,.28);background:rgba(91,164,255,.11);color:#fff; }
  .synex-product-vitrine .product-navigation-panel .product-header-actions { border-top-color:rgba(255,255,255,.1); }
  .synex-product-vitrine .product-header-pro .product-login-link { border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#fff; }
  .synex-product-vitrine .synex-product-hero { min-height:auto;padding:150px 0 85px; }
  .synex-product-vitrine .synex-product-hero .product-hero-grid { grid-template-columns:1fr;justify-items:center; }
  .synex-product-vitrine .synex-product-hero .product-hero-copy { display:grid;max-width:760px;justify-items:center;padding:0;text-align:center; }
  .synex-product-vitrine .synex-product-hero .product-hero-copy h1 { max-width:760px;font-size:clamp(3.5rem,8vw,4.4rem); }
  .synex-product-vitrine .synex-product-hero .product-hero-actions,.synex-product-vitrine .synex-product-hero .product-trust-row { justify-content:center; }
  .synex-product-vitrine .synex-product-hero .product-stage { width:800px;min-height:680px;justify-self:center;transform:scale(.92); }
  .synex-sales-studio .sales-studio-hero-grid { grid-template-columns:1fr; }
  .synex-sales-studio .sales-studio-copy { display:grid;max-width:760px;justify-items:center;margin-inline:auto;text-align:center; }
  .synex-sales-studio .sales-studio-actions,.synex-sales-studio .sales-studio-trust { justify-content:center; }
  .synex-sales-studio .sales-product-canvas { width:min(650px,100%);margin-inline:auto; }
}
@media (max-width:760px) {
  .synex-product-vitrine .product-header-pro .product-header-shell { min-height:76px; }
  .synex-product-vitrine .synex-product-hero { padding:126px 0 56px; }
  .synex-product-vitrine .synex-product-hero .product-hero-grid { width:calc(100% - 30px);min-width:0;gap:20px; }
  .synex-product-vitrine .synex-product-hero .product-hero-copy { width:calc(100vw - 30px);max-width:calc(100vw - 30px);min-width:0;justify-self:stretch; }
  .synex-product-vitrine .synex-product-hero .product-kicker { font-size:.47rem;letter-spacing:.08em; }
  .synex-product-vitrine .synex-product-hero .product-hero-copy h1 { width:100%;max-width:100%;margin:21px 0;font-size:clamp(2.5rem,11vw,3.4rem);line-height:1.08; }
  .synex-product-vitrine .synex-product-hero .product-lead { width:100%;max-width:100%;font-size:.75rem; }
  .synex-product-vitrine .synex-product-hero .product-hero-actions { width:100%;align-items:stretch;flex-direction:column; }
  .synex-product-vitrine .synex-product-hero .product-hero-actions>.button { width:100%; }
  .synex-product-vitrine .synex-product-hero .product-trust-row { width:100%;grid-template-columns:1fr; }
  .synex-product-vitrine .synex-product-hero .product-stage { width:760px;min-height:590px;left:50%;justify-self:start;margin-bottom:-125px;transform:translateX(-50%) scale(.62);transform-origin:top left; }
  .synex-hero-shape { display:none; }.synex-hero-ripple { right:50%;transform:translateX(50%); }
  .synex-product-vitrine .synex-capability-marquee { padding:14px 0; }.synex-product-vitrine .synex-capability-marquee>div { min-height:74px; }.synex-product-vitrine .synex-capability-marquee span { min-width:205px;padding:22px;font-size:.68rem; }
  .synex-product-vitrine .home-solutions { padding:100px 0; }
  .synex-product-vitrine .home-section-heading h2,.synex-product-vitrine .home-platform-story .operating-heading h2,.synex-product-vitrine .home-workflow .workflow-heading h2 { font-size:2.55rem; }
  .synex-product-vitrine .home-bento-card,.synex-product-vitrine .home-platform-story .operation-scene,.synex-product-vitrine .home-workflow .workflow-theater { border-radius:16px; }
  .synex-product-vitrine .synex-choice-rail .product-shell { grid-template-columns:1fr; }.synex-product-vitrine .synex-choice-rail article { min-height:170px; }
  .synex-product-vitrine .home-platform-story { padding:100px 0; }
  .synex-sales-studio .sales-config-header-shell { min-height:80px; }
  .synex-sales-studio .synex-sales-hero { min-height:0;padding:125px 0 70px; }
  .synex-sales-studio .sales-studio-copy h1 { font-size:clamp(2.5rem,11vw,3.4rem);line-height:1.08; }
  .synex-sales-studio .sales-studio-copy>p { font-size:.76rem; }
  .synex-sales-studio .sales-studio-actions { width:100%; }.synex-sales-studio .sales-studio-actions>.button { width:100%; }
  .synex-sales-studio .sales-config-workspace { padding:85px 0; }
  .synex-sales-studio .sales-studio-heading h2 { font-size:2.5rem; }
  .synex-sales-studio .sales-builder-card,.synex-sales-studio .sales-summary-panel,.synex-sales-studio .sales-studio-progress { border-radius:16px; }
}
@media (max-width:460px) {
  .synex-product-vitrine .synex-product-hero .product-hero-copy h1,.synex-sales-studio .sales-studio-copy h1 { font-size:2.35rem; }
  .synex-product-vitrine .synex-product-hero .product-stage { margin-bottom:-210px;transform:translateX(-50%) scale(.45); }
  .synex-product-vitrine .home-section-heading h2,.synex-product-vitrine .home-platform-story .operating-heading h2,.synex-product-vitrine .home-workflow .workflow-heading h2 { font-size:2.15rem; }
}
@media (prefers-reduced-motion:reduce) { [data-synex-title]>span { opacity:1;transform:none;transition:none; }.synex-hero-shape { animation:none!important; }.synex-magnetic { transform:none!important; } }

/* 6.1 — contrast audit, premium capability rail and proportional branch network */
.synex-product-vitrine .product-header-top {
  height:46px;
  border-bottom:1px solid rgba(132,190,255,.16);
  background:linear-gradient(90deg,rgba(4,17,34,.94),rgba(12,37,68,.88) 52%,rgba(5,21,40,.95));
  box-shadow:inset 0 -1px rgba(255,255,255,.025);
  backdrop-filter:blur(18px) saturate(135%);
}
.synex-product-vitrine .product-header-top-shell { min-height:46px; }
.synex-product-vitrine .product-top-phone { gap:11px;color:#c7e4ff;font-size:.74rem; }
.synex-product-vitrine .product-top-phone svg { width:19px;height:19px;stroke:#4fb3ff;filter:drop-shadow(0 0 8px rgba(74,174,255,.28)); }
.synex-product-vitrine .product-top-phone span { color:rgba(215,234,250,.62);font-size:.59rem;letter-spacing:.065em; }
.synex-product-vitrine .product-top-phone strong { color:#8fcbff;font-size:.82rem;letter-spacing:.01em; }
.synex-product-vitrine .product-top-phone:hover strong { color:#fff; }
.synex-product-vitrine .product-top-contact>a { font-size:.59rem;font-weight:700; }
.synex-product-vitrine .product-top-contact>a.is-whatsapp { padding:7px 11px;border:1px solid rgba(93,229,177,.14);border-radius:999px;background:rgba(65,210,153,.07);color:#77e7b9; }
.synex-product-vitrine .product-top-socials { gap:5px;padding-left:16px;border-left-color:rgba(255,255,255,.13); }
.synex-product-vitrine .product-top-socials a,.synex-product-vitrine .product-top-socials>span { width:30px;height:30px;border:1px solid transparent;border-radius:9px;color:rgba(213,232,249,.58); }
.synex-product-vitrine .product-top-socials a:hover { border-color:rgba(113,184,255,.22);background:rgba(91,164,255,.1);color:#9fd3ff;transform:translateY(-1px); }
.synex-product-vitrine .product-top-socials svg { width:15px;height:15px; }

/* Explicit foregrounds prevent hero color inheritance on light glass cards. */
.synex-product-vitrine .synex-product-hero .stage-event { border-color:rgba(173,205,224,.72);background:rgba(248,251,254,.94);color:#102f45;box-shadow:0 22px 48px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.94); }
.synex-product-vitrine .synex-product-hero .stage-event small { color:#667f90;font-weight:600; }
.synex-product-vitrine .synex-product-hero .stage-event b { color:#102f45;font-weight:750; }
.synex-product-vitrine .synex-product-hero .stage-event>em { color:#5d7889;font-weight:650; }
.synex-product-vitrine .synex-product-hero .event-location>i { background:#e4f8ef;color:#11805a; }
.synex-product-vitrine .synex-product-hero .event-record>i { background:#e3f5fb;color:#078ab8; }

.synex-product-vitrine .product-header-pro .product-login-link:hover,
.synex-product-vitrine .product-header-pro.is-scrolled .product-login-link:hover {
  border-color:rgba(128,194,255,.42);
  background:linear-gradient(135deg,rgba(73,153,255,.32),rgba(51,119,231,.2));
  color:#fff;
  box-shadow:0 12px 27px rgba(0,80,190,.18),inset 0 1px rgba(255,255,255,.12);
}
.synex-product-vitrine .product-header-pro .product-login-link:hover i { border-color:rgba(146,207,255,.36);background:rgba(90,170,255,.14); }
.synex-product-vitrine .product-header-pro .product-login-link:hover i::before,
.synex-product-vitrine .product-header-pro .product-login-link:hover i::after { border-color:#9bd4ff; }
.synex-sales-studio .sales-config-login:hover { border-color:rgba(128,194,255,.42);background:linear-gradient(135deg,rgba(73,153,255,.34),rgba(51,119,231,.22));color:#fff;box-shadow:0 13px 28px rgba(0,80,190,.2); }

/* Keep the ecosystem tile intentionally dark so its white content is never washed out. */
.synex-product-vitrine .home-bento-card.bento-ecosystem {
  border-color:rgba(104,172,255,.16);
  background:radial-gradient(circle at 72% 72%,rgba(35,171,226,.2),transparent 30%),radial-gradient(circle at 10% 0,rgba(64,119,255,.12),transparent 36%),linear-gradient(145deg,#0a2341,#07172b 75%);
  box-shadow:0 28px 70px rgba(11,34,66,.17),inset 0 1px rgba(255,255,255,.045);
}
.synex-product-vitrine .home-bento-card.bento-ecosystem:hover { box-shadow:0 38px 82px rgba(10,33,67,.24),inset 0 1px rgba(255,255,255,.06); }
.synex-product-vitrine .bento-ecosystem>header { color:#8ec8ff; }
.synex-product-vitrine .bento-ecosystem>header i { border-color:rgba(126,190,255,.22);color:#69dddc; }
.synex-product-vitrine .bento-ecosystem .bento-copy h3 { color:#f7fbff; }
.synex-product-vitrine .bento-ecosystem .bento-copy p { color:rgba(226,239,250,.64); }
.synex-product-vitrine .bento-ecosystem .ecosystem-cloud span:not(.is-core) { border-color:rgba(125,190,255,.15);background:rgba(255,255,255,.08);color:#eaf6ff; }

/* Capability cards now carry a clear hierarchy instead of looking like plain labels. */
.synex-product-vitrine .synex-capability-marquee {
  isolation:isolate;
  padding:30px 0;
  border-top:1px solid rgba(104,174,255,.11);
  border-bottom:1px solid rgba(104,174,255,.1);
  background:radial-gradient(circle at 15% 50%,rgba(44,127,255,.14),transparent 25%),radial-gradient(circle at 82% 44%,rgba(47,216,197,.08),transparent 24%),linear-gradient(110deg,#061326,#0a1f3b 52%,#07172c);
  box-shadow:0 24px 70px rgba(2,11,24,.29),inset 0 1px rgba(255,255,255,.025);
}
.synex-product-vitrine .synex-capability-marquee::before,.synex-product-vitrine .synex-capability-marquee::after { content:"";position:absolute;z-index:3;top:0;bottom:0;width:min(12vw,170px);pointer-events:none; }
.synex-product-vitrine .synex-capability-marquee::before { left:0;background:linear-gradient(90deg,#061326,transparent); }
.synex-product-vitrine .synex-capability-marquee::after { right:0;background:linear-gradient(-90deg,#07172c,transparent); }
.synex-product-vitrine .synex-capability-marquee>div { min-height:112px;gap:13px;padding-inline:12px;animation-duration:38s; }
.synex-product-vitrine .synex-capability-marquee:hover>div { animation-play-state:paused; }
.synex-product-vitrine .synex-capability-marquee>div>span {
  display:grid;
  position:relative;
  min-width:280px;
  min-height:104px;
  grid-template-columns:46px 1fr;
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:15px;
  padding:23px 26px;
  overflow:hidden;
  border:1px solid rgba(130,185,255,.12);
  border-radius:17px;
  background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,255,255,.085));
  box-shadow:0 17px 38px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.055);
  text-align:left;
  transition:border-color .3s ease,background .3s ease,transform .3s ease;
}
.synex-product-vitrine .synex-capability-marquee>div>span:nth-of-type(even) { transform:translateY(5px); }
.synex-product-vitrine .synex-capability-marquee>div>span:hover { border-color:rgba(108,180,255,.32);background:linear-gradient(120deg,rgba(69,143,255,.13),rgba(255,255,255,.09));transform:translateY(-4px); }
.synex-product-vitrine .synex-capability-marquee span>em { display:grid;grid-row:1/3;width:46px;height:46px;place-items:center;border:1px solid rgba(114,187,255,.18);border-radius:14px;background:linear-gradient(145deg,rgba(88,168,255,.17),rgba(72,225,205,.08));color:#79bdff;font-size:.59rem;font-style:normal;font-weight:750; }
.synex-product-vitrine .synex-capability-marquee span>b { align-self:end;color:#f4f9ff;font-size:.82rem;font-weight:650;letter-spacing:-.02em; }
.synex-product-vitrine .synex-capability-marquee span>small { align-self:start;margin-top:5px;color:rgba(206,225,242,.5);font-size:.54rem;font-weight:500; }
.synex-product-vitrine .synex-capability-marquee>div>i { display:grid;width:28px;height:28px;place-items:center;align-self:center;border:1px solid rgba(91,172,255,.11);border-radius:50%;background:rgba(80,159,255,.06);color:#58aaff;font-size:.55rem; }

/* A square orbital canvas keeps every ring proportional at every viewport. */
.synex-product-vitrine .scene-network .branch-network {
  --network-x:50%;
  --network-y:50%;
  width:min(100%,520px);
  min-height:0;
  aspect-ratio:1;
  isolation:isolate;
  margin-inline:auto;
  overflow:hidden;
  border:1px solid rgba(105,180,255,.13);
  border-radius:34px;
  background:radial-gradient(circle at var(--network-x) var(--network-y),rgba(55,153,255,.17),transparent 24%),linear-gradient(145deg,rgba(9,39,72,.94),rgba(5,24,46,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 30px 65px rgba(0,0,0,.18);
}
.synex-product-vitrine .branch-network::before { content:"";position:absolute;z-index:0;inset:0;opacity:.26;background-image:linear-gradient(rgba(117,178,241,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(117,178,241,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000 10%,transparent 72%); }
.synex-product-vitrine .network-ambient { position:absolute;z-index:0;inset:11%;border:1px solid rgba(94,174,255,.08);border-radius:50%;box-shadow:0 0 70px rgba(45,137,255,.08),inset 0 0 55px rgba(52,206,196,.025);animation:network-ambient-breathe 5.6s ease-in-out infinite; }
.synex-product-vitrine .branch-network .network-lines { position:absolute;z-index:1;inset:15%;border:1px solid rgba(104,187,255,.15);border-radius:50%;box-shadow:none;animation:network-orbit-spin 32s linear infinite; }
.synex-product-vitrine .branch-network .network-lines::before,.synex-product-vitrine .branch-network .network-lines::after,.synex-product-vitrine .branch-network .network-lines>i { content:"";position:absolute;border-radius:50%; }
.synex-product-vitrine .branch-network .network-lines::before { inset:15%;border:1px dashed rgba(88,219,205,.12); }
.synex-product-vitrine .branch-network .network-lines::after { inset:38%;border:1px solid rgba(109,178,255,.15);box-shadow:0 0 24px rgba(70,160,255,.08); }
.synex-product-vitrine .branch-network .network-lines>i { width:7px;height:7px;border:1px solid #9bd6ff;background:#4aa9ff;box-shadow:0 0 0 5px rgba(75,166,255,.09),0 0 20px rgba(72,177,255,.48); }
.synex-product-vitrine .branch-network .network-lines>i:first-child { top:9%;left:16%; }.synex-product-vitrine .branch-network .network-lines>i:nth-child(2) { right:3%;bottom:37%;background:#48dac6; }.synex-product-vitrine .branch-network .network-lines>i:last-child { bottom:4%;left:34%;background:#79bfff; }
.synex-product-vitrine .network-connection-map { position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible; }
.synex-product-vitrine .network-connection-map path { fill:none;stroke:url(#branch-flow);stroke-width:1.5;stroke-dasharray:7 10;opacity:.45;filter:url(#branch-glow);animation:network-flow-dash 7s linear infinite; }
.synex-product-vitrine .network-connection-map path:nth-of-type(even) { animation-direction:reverse;animation-duration:9s; }
.synex-product-vitrine .network-connection-map .flow-pulse { fill:#75c4ff;filter:url(#branch-glow);transform-box:fill-box;transform-origin:center;animation:network-flow-pulse 2.7s ease-in-out infinite; }
.synex-product-vitrine .network-connection-map .pulse-b { animation-delay:-.65s; }.synex-product-vitrine .network-connection-map .pulse-c { animation-delay:-1.3s; }.synex-product-vitrine .network-connection-map .pulse-d { animation-delay:-1.95s; }
.synex-product-vitrine .branch-network .network-core { z-index:5;width:142px;height:142px;border-color:rgba(109,199,255,.42);background:radial-gradient(circle at 35% 24%,#176a9a,#092f59 62%,#061b35);box-shadow:0 0 0 13px rgba(79,159,255,.055),0 0 0 28px rgba(72,215,201,.025),0 27px 55px rgba(0,0,0,.32);animation:network-core-breathe 4.3s ease-in-out infinite; }
.synex-product-vitrine .branch-network .network-core>span { display:grid;width:54px;height:54px;margin-bottom:8px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.07); }
.synex-product-vitrine .branch-network .network-core img { width:39px;height:39px;margin:0;border-radius:12px; }
.synex-product-vitrine .branch-network .network-core b { color:#fff;font-size:1.05rem;font-weight:650; }
.synex-product-vitrine .branch-network .network-core small { display:flex;align-items:center;gap:6px;color:rgba(221,237,250,.55);font-size:.52rem; }
.synex-product-vitrine .branch-network .network-core small>i { width:6px;height:6px;border-radius:50%;background:#4be0b5;box-shadow:0 0 0 4px rgba(75,224,181,.1); }
.synex-product-vitrine .branch-network .network-node { z-index:6;min-width:116px;padding:12px 13px;border-color:rgba(116,189,255,.16);border-radius:17px;background:linear-gradient(145deg,rgba(18,67,100,.96),rgba(7,42,70,.96));box-shadow:0 18px 37px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04);animation:network-card-float 5.4s ease-in-out infinite; }
.synex-product-vitrine .branch-network .network-node:nth-of-type(2) { animation-delay:-1.2s; }.synex-product-vitrine .branch-network .network-node:nth-of-type(3) { animation-delay:-2.4s; }.synex-product-vitrine .branch-network .network-node:nth-of-type(4) { animation-delay:-3.6s; }
.synex-product-vitrine .branch-network .network-node:hover { border-color:rgba(110,207,255,.42);background:linear-gradient(145deg,rgba(23,82,119,.98),rgba(8,50,82,.98));box-shadow:0 24px 48px rgba(0,0,0,.3),0 0 28px rgba(72,173,255,.1); }
.synex-product-vitrine .branch-network .network-node>i { width:45px;height:40px;margin-bottom:7px;border:1px solid rgba(115,199,255,.12);border-radius:12px;background:linear-gradient(145deg,rgba(111,198,255,.17),rgba(68,222,203,.09));color:#a8ddff;font-size:.68rem; }
.synex-product-vitrine .branch-network .network-node>b { color:#f7fbff;font-size:.85rem;font-weight:650; }
.synex-product-vitrine .branch-network .network-node>small { display:flex;align-items:center;gap:5px;color:rgba(217,235,248,.53);font-size:.49rem; }
.synex-product-vitrine .branch-network .network-node>small>em { width:5px;height:5px;border-radius:50%;background:#4cdeb6;box-shadow:0 0 0 3px rgba(76,222,182,.08); }
.synex-product-vitrine .branch-network .node-ist { top:5%;left:5%; }.synex-product-vitrine .branch-network .node-ank { top:5%;right:5%; }.synex-product-vitrine .branch-network .node-izm { bottom:5%;left:5%; }.synex-product-vitrine .branch-network .node-api { right:5%;bottom:5%; }
.synex-product-vitrine .network-sync-status { display:flex;position:absolute;z-index:7;right:50%;bottom:19px;min-width:154px;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid rgba(114,186,255,.13);border-radius:999px;background:rgba(4,23,45,.78);box-shadow:0 12px 28px rgba(0,0,0,.2);backdrop-filter:blur(12px);transform:translateX(50%); }
.synex-product-vitrine .network-sync-status span { display:flex;align-items:center;gap:6px;color:rgba(224,239,251,.62);font-size:.43rem;white-space:nowrap; }.synex-product-vitrine .network-sync-status span>i { width:6px;height:6px;border-radius:50%;background:#4bdfb6;box-shadow:0 0 0 4px rgba(75,223,182,.08); }
.synex-product-vitrine .network-sync-status>b { color:#86c8ff;font-size:.43rem;white-space:nowrap; }

@keyframes network-ambient-breathe { 50%{opacity:.72;transform:scale(.965)} }
@keyframes network-orbit-spin { to{transform:rotate(360deg)} }
@keyframes network-flow-dash { to{stroke-dashoffset:-68} }
@keyframes network-flow-pulse { 50%{opacity:.42;transform:scale(1.8)} }
@keyframes network-core-breathe { 0%,100%{transform:translate(-50%,-50%)} 50%{transform:translate(-50%,-50%) scale(1.035);box-shadow:0 0 0 17px rgba(79,159,255,.045),0 0 0 34px rgba(72,215,201,.018),0 32px 68px rgba(0,0,0,.34)} }
@keyframes network-card-float { 0%,100%{translate:0 0} 50%{translate:0 -7px} }

@media (max-width:760px) {
  .synex-product-vitrine .synex-capability-marquee { padding:18px 0; }
  .synex-product-vitrine .synex-capability-marquee>div { min-height:90px;gap:9px; }
  .synex-product-vitrine .synex-capability-marquee>div>span { min-width:235px;min-height:84px;grid-template-columns:38px 1fr;column-gap:11px;padding:17px 18px;border-radius:14px; }
  .synex-product-vitrine .synex-capability-marquee span>em { width:38px;height:38px;border-radius:11px;font-size:.5rem; }
  .synex-product-vitrine .synex-capability-marquee span>b { font-size:.69rem; }.synex-product-vitrine .synex-capability-marquee span>small { font-size:.47rem; }
  .synex-product-vitrine .scene-network .branch-network { width:min(100%,390px);margin:0 auto;transform:none; }
  .synex-product-vitrine .branch-network .network-core { width:112px;height:112px; }
  .synex-product-vitrine .branch-network .network-core>span { width:43px;height:43px;margin-bottom:5px;border-radius:13px; }.synex-product-vitrine .branch-network .network-core img { width:31px;height:31px; }
  .synex-product-vitrine .branch-network .network-core b { font-size:.78rem; }.synex-product-vitrine .branch-network .network-core small { font-size:.39rem; }
  .synex-product-vitrine .branch-network .network-node { min-width:88px;padding:8px;border-radius:13px; }
  .synex-product-vitrine .branch-network .network-node>i { width:34px;height:31px;margin-bottom:4px;border-radius:9px;font-size:.51rem; }.synex-product-vitrine .branch-network .network-node>b { font-size:.62rem; }.synex-product-vitrine .branch-network .network-node>small { font-size:.36rem; }
  .synex-product-vitrine .branch-network .node-ist,.synex-product-vitrine .branch-network .node-izm { left:3%; }.synex-product-vitrine .branch-network .node-ank,.synex-product-vitrine .branch-network .node-api { right:3%; }
  .synex-product-vitrine .network-sync-status { bottom:10px;min-width:128px;padding:7px 9px; }.synex-product-vitrine .network-sync-status span,.synex-product-vitrine .network-sync-status>b { font-size:.34rem; }
}
@media (prefers-reduced-motion:reduce) {
  .synex-product-vitrine .network-ambient,.synex-product-vitrine .branch-network .network-lines,.synex-product-vitrine .network-connection-map path,.synex-product-vitrine .network-connection-map .flow-pulse,.synex-product-vitrine .branch-network .network-core,.synex-product-vitrine .branch-network .network-node { animation:none!important; }
}

/* 6.2 — complete six-scene product story and icon-only visual language */
.synex-product-vitrine .vitrine-phone .phone-brand-row b,
.synex-product-vitrine .vitrine-phone .phone-welcome h3,
.synex-product-vitrine .vitrine-phone .phone-choice button b { color:#102f45; }
.synex-product-vitrine .vitrine-phone .phone-brand-row small { color:#708896; }
.synex-product-vitrine .vitrine-phone .phone-welcome p { color:#647f8e; }
.synex-product-vitrine .vitrine-phone svg,
.synex-product-vitrine .stage-event svg,
.synex-product-vitrine .feature-story-section svg,
.synex-product-vitrine .workflow-controls svg,
.synex-product-vitrine .workflow-entry-button svg,
.synex-product-vitrine .workflow-success svg,
.synex-product-vitrine .network-node svg,
.synex-product-vitrine .attendance-list svg { width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.synex-product-vitrine .phone-system-bar b { display:flex;align-items:center;gap:3px;color:#173b50; }
.synex-product-vitrine .phone-system-bar b svg:first-child { width:15px;height:10px;fill:currentColor;stroke:none; }.synex-product-vitrine .phone-system-bar b svg:last-child { width:19px;height:10px; }.synex-product-vitrine .phone-system-bar b small { font-size:.42rem; }
.synex-product-vitrine .phone-brand-row>i svg { width:17px;height:17px; }
.synex-product-vitrine .phone-choice button>i svg,.synex-product-vitrine .phone-camera-button>i svg { width:18px;height:18px; }
.synex-product-vitrine .phone-choice button>em svg { width:12px;height:12px; }.synex-product-vitrine .phone-camera-button>em svg { width:14px;height:14px; }
.synex-product-vitrine .vitrine-phone nav span>svg { width:16px;height:16px; }.synex-product-vitrine .vitrine-phone nav span { font-size:0; }
.synex-product-vitrine .stage-event>i svg { width:18px;height:18px; }.synex-product-vitrine .stage-event>em svg { width:15px;height:15px; }
.synex-product-vitrine .synex-capability-marquee span>em svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.synex-product-vitrine .branch-network .network-node>i svg { width:21px;height:21px; }
.synex-product-vitrine .attendance-list>span>i svg { width:17px;height:17px; }
.synex-product-vitrine .workflow-controls button>i svg { width:22px;height:22px; }.synex-product-vitrine .workflow-entry-button i svg,.synex-product-vitrine .workflow-entry-button em svg { width:16px;height:16px; }.synex-product-vitrine .workflow-success>i svg { width:25px;height:25px; }

.synex-product-vitrine .product-top-contact>a.is-whatsapp { min-height:36px;padding:8px 16px;border-color:rgba(82,231,174,.25);background:linear-gradient(135deg,rgba(26,191,126,.22),rgba(26,156,107,.15));color:#80f0c1;font-size:.72rem;font-weight:760;box-shadow:0 8px 20px rgba(15,126,84,.15),inset 0 1px rgba(255,255,255,.06); }
.synex-product-vitrine .product-top-contact>a.is-whatsapp:hover { border-color:rgba(105,242,190,.42);background:linear-gradient(135deg,rgba(31,205,138,.3),rgba(24,172,116,.2));color:#d8ffef;transform:translateY(-1px); }
.synex-product-vitrine .product-top-contact>a.is-whatsapp svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.synex-product-vitrine .product-top-socials a,.synex-product-vitrine .product-top-socials>span { width:36px;height:36px; }
.synex-product-vitrine .product-top-socials svg { width:18px;height:18px; }

.synex-product-vitrine .product-login-link i::before,.synex-product-vitrine .product-login-link i::after { display:none; }
.synex-product-vitrine .product-login-link i { color:#82c6ff; }
.synex-product-vitrine .product-login-link i svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; }
.synex-product-vitrine .product-price-cta i svg,.synex-product-vitrine .product-hero-actions>.button span svg,.synex-product-vitrine .home-final .button span svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.synex-product-vitrine .product-play-link>i svg { width:18px;height:18px;fill:currentColor;stroke:none; }
.synex-product-vitrine .hero-scroll-cue i svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.synex-product-vitrine .tablet-message>div>span svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }

.synex-product-vitrine .feature-story-section { padding:150px 0 155px;background:radial-gradient(circle at 8% 20%,rgba(104,170,255,.1),transparent 25%),radial-gradient(circle at 91% 48%,rgba(78,213,187,.08),transparent 22%),linear-gradient(180deg,#f4f7fb,#edf3f7 56%,#f7f9fb); }
.synex-product-vitrine .feature-story-section::before { background-image:linear-gradient(rgba(54,91,128,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(54,91,128,.03) 1px,transparent 1px);background-size:90px 90px; }
.synex-product-vitrine .feature-story-heading { margin-bottom:72px; }
.synex-product-vitrine .feature-story-grid { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px; }
.synex-product-vitrine .feature-story-card { display:grid;position:relative;isolation:isolate;grid-template-rows:auto auto 1fr;min-width:0;padding:30px;overflow:hidden;border:1px solid rgba(44,74,105,.09);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 28px 68px rgba(43,69,95,.075),inset 0 1px rgba(255,255,255,.85);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease; }
.synex-product-vitrine .feature-story-card::before { content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-105px;top:-120px;border:1px solid rgba(61,126,207,.08);border-radius:50%;box-shadow:0 0 0 50px rgba(62,133,225,.025),0 0 0 100px rgba(62,133,225,.015); }
.synex-product-vitrine .feature-story-card:hover { transform:translateY(-7px);box-shadow:0 38px 82px rgba(43,69,95,.12),inset 0 1px #fff; }
.synex-product-vitrine .feature-story-card>header { display:flex;position:relative;z-index:3;align-items:center;gap:11px; }
.synex-product-vitrine .feature-story-index { color:#347bd1;font-size:.62rem;font-weight:800;letter-spacing:.13em; }
.synex-product-vitrine .feature-story-card>header>em { color:#668095;font-size:.51rem;font-style:normal;font-weight:750;letter-spacing:.12em; }
.synex-product-vitrine .feature-story-symbol { display:grid;width:43px;height:43px;margin-left:auto;place-items:center;border:1px solid rgba(50,116,199,.12);border-radius:14px;background:rgba(255,255,255,.72);color:#2f7bd3;box-shadow:0 10px 22px rgba(48,103,169,.08); }
.synex-product-vitrine .feature-story-symbol svg { width:21px;height:21px; }
.synex-product-vitrine .feature-story-copy { position:relative;z-index:3;margin-top:24px; }
.synex-product-vitrine .feature-story-copy h3 { margin:0;color:#122f45;font-size:clamp(1.8rem,2.7vw,2.65rem);font-weight:620;letter-spacing:-.05em;line-height:1.06; }
.synex-product-vitrine .feature-story-copy p { max-width:620px;margin:16px 0 0;color:#647c8c;font-size:.72rem;line-height:1.75; }
.synex-product-vitrine .feature-story-copy ul { display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none; }
.synex-product-vitrine .feature-story-copy li { padding:8px 11px;border:1px solid rgba(57,104,151,.1);border-radius:999px;background:rgba(255,255,255,.58);color:#526f83;font-size:.52rem;font-weight:650; }
.synex-product-vitrine .feature-story-visual { position:relative;z-index:2;min-width:0;margin-top:26px; }
.synex-product-vitrine .story-checkin { grid-column:span 7;min-height:735px;background:radial-gradient(circle at 90% 12%,rgba(87,151,255,.13),transparent 28%),linear-gradient(145deg,#f7faff,#eaf2ff); }
.synex-product-vitrine .story-attendance { grid-column:span 5;min-height:735px;background:radial-gradient(circle at 6% 90%,rgba(56,202,166,.11),transparent 31%),linear-gradient(145deg,#f8fcfb,#eaf7f3); }
.synex-product-vitrine .story-branch-rules { grid-column:span 5;min-height:650px;background:radial-gradient(circle at 86% 12%,rgba(255,185,87,.12),transparent 25%),linear-gradient(145deg,#fffdf8,#f8f1e8); }
.synex-product-vitrine .story-map { grid-column:span 7;min-height:650px;background:radial-gradient(circle at 85% 15%,rgba(78,190,202,.11),transparent 28%),linear-gradient(145deg,#f8fcff,#eaf5f7); }
.synex-product-vitrine .story-requests { grid-column:span 6;min-height:690px;background:radial-gradient(circle at 90% 12%,rgba(189,133,255,.1),transparent 27%),linear-gradient(145deg,#fbf9ff,#f0ebfa); }
.synex-product-vitrine .story-notifications { grid-column:span 6;min-height:690px;background:radial-gradient(circle at 7% 88%,rgba(255,139,157,.1),transparent 30%),linear-gradient(145deg,#fffafb,#f8eef2); }
.synex-product-vitrine .story-owner-dashboard { grid-column:1/-1;min-height:770px;background:radial-gradient(circle at 90% 0,rgba(77,147,255,.12),transparent 28%),radial-gradient(circle at 8% 100%,rgba(67,211,184,.09),transparent 26%),linear-gradient(145deg,#f8fbff,#edf4fa); }

/* Scene 01 — QR scan and location match */
.synex-product-vitrine .checkin-visual { min-height:350px; }
.synex-product-vitrine .checkin-tablet { display:grid;position:absolute;right:2%;top:4%;width:58%;min-height:315px;align-content:start;justify-items:center;padding:18px;border:6px solid #14324a;border-radius:24px;background:linear-gradient(160deg,#173f5c,#102d45);box-shadow:0 28px 60px rgba(24,60,92,.2);transform:rotate(2deg);animation:feature-device-float 6.5s ease-in-out infinite; }
.synex-product-vitrine .checkin-tablet>header { display:flex;width:100%;align-items:center;color:#fff; }.synex-product-vitrine .checkin-tablet>header>svg { width:24px;height:24px; }.synex-product-vitrine .checkin-tablet>header>span { display:grid;gap:2px;margin-left:8px;font-size:.58rem;font-weight:700; }.synex-product-vitrine .checkin-tablet>header small { color:rgba(255,255,255,.48);font-size:.42rem;font-weight:500; }.synex-product-vitrine .checkin-tablet>header>i { width:7px;height:7px;margin-left:auto;border-radius:50%;background:#52ddb2;box-shadow:0 0 0 5px rgba(82,221,178,.12); }
.synex-product-vitrine .vector-qr { width:154px;height:154px;margin:25px 0 12px;padding:12px;border-radius:16px;background:#fff;fill:#102e43;filter:drop-shadow(0 16px 25px rgba(0,0,0,.16)); }
.synex-product-vitrine .checkin-tablet>small { display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.56);font-size:.43rem; }.synex-product-vitrine .checkin-tablet>small>i { width:6px;height:6px;border-radius:50%;background:#5de3be; }
.synex-product-vitrine .checkin-phone { display:grid;position:absolute;z-index:4;bottom:2%;left:5%;width:164px;height:290px;place-content:center;justify-items:center;border:6px solid #142c42;border-radius:29px;background:linear-gradient(165deg,#fff,#eef5f9);box-shadow:0 25px 55px rgba(38,67,91,.23);transform:rotate(-5deg);animation:feature-phone-float 6s -1.5s ease-in-out infinite; }
.synex-product-vitrine .checkin-phone>i { position:absolute;top:7px;width:58px;height:16px;border-radius:99px;background:#112b40; }.synex-product-vitrine .checkin-phone>svg { width:52px;height:52px;padding:13px;border-radius:17px;background:#e5f2ff;color:#2f82df; }.synex-product-vitrine .checkin-phone>span { margin-top:13px;color:#1d435a;font-size:.62rem;font-weight:750; }.synex-product-vitrine .checkin-phone>b { position:absolute;width:106px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#45a4ff,transparent);box-shadow:0 0 13px #45a4ff;animation:feature-scan-line 2.8s ease-in-out infinite; }
.synex-product-vitrine .checkin-location { display:flex;position:absolute;z-index:6;right:0;bottom:4%;min-width:230px;align-items:center;padding:13px;border:1px solid rgba(69,133,192,.13);border-radius:17px;background:rgba(255,255,255,.93);box-shadow:0 20px 40px rgba(38,78,113,.15);backdrop-filter:blur(12px);animation:feature-card-pop 5.5s -2s ease-in-out infinite; }
.synex-product-vitrine .checkin-location>svg { width:37px;height:37px;padding:9px;border-radius:12px;background:#e6f8ef;color:#16855e; }.synex-product-vitrine .checkin-location>span { display:grid;gap:3px;margin-left:9px; }.synex-product-vitrine .checkin-location b { color:#173c53;font-size:.58rem; }.synex-product-vitrine .checkin-location small { color:#758c9a;font-size:.43rem; }.synex-product-vitrine .checkin-location>em { display:grid;width:25px;height:25px;margin-left:auto;place-items:center;border-radius:50%;background:#e6f8ef;color:#16855e; }.synex-product-vitrine .checkin-location>em svg { width:14px;height:14px; }

/* Scene 02 — live attendance dashboard */
.synex-product-vitrine .attendance-live-visual { min-height:380px;padding:19px;border:1px solid rgba(53,119,140,.1);border-radius:21px;background:rgba(255,255,255,.78);box-shadow:0 22px 50px rgba(34,91,82,.1); }
.synex-product-vitrine .attendance-live-visual>header { display:flex;align-items:center;justify-content:space-between; }.synex-product-vitrine .attendance-live-visual>header>span { display:flex;align-items:center;gap:8px;color:#183c4c;font-size:.62rem; }.synex-product-vitrine .attendance-live-visual>header img { width:31px;height:31px;border-radius:9px; }.synex-product-vitrine .attendance-live-visual>header>em { display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#e7f8f0;color:#26765b;font-size:.43rem;font-style:normal; }.synex-product-vitrine .attendance-live-visual>header>em i { width:6px;height:6px;border-radius:50%;background:#39c78e;animation:feature-live-dot 2s ease-in-out infinite; }
.synex-product-vitrine .attendance-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0; }.synex-product-vitrine .attendance-metrics>span { display:grid;grid-template-columns:25px 1fr;gap:2px 7px;padding:11px;border:1px solid rgba(57,112,127,.08);border-radius:14px;background:#f6faf9; }.synex-product-vitrine .attendance-metrics svg { grid-row:1/3;width:25px;height:25px;padding:6px;border-radius:8px;background:#e8f4ff;color:#2f82d5; }.synex-product-vitrine .attendance-metrics small { color:#718a92;font-size:.39rem; }.synex-product-vitrine .attendance-metrics b { color:#173d4b;font-size:.82rem; }
.synex-product-vitrine .attendance-flow-chart { display:flex;position:relative;height:160px;align-items:end;gap:8px;padding:24px 14px 20px;overflow:hidden;border-radius:17px;background:linear-gradient(160deg,#eff8f6,#f8fbfc); }.synex-product-vitrine .attendance-flow-chart::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(51,112,127,.055) 1px,transparent 1px);background-size:100% 35px; }.synex-product-vitrine .attendance-flow-chart>i { z-index:2;width:100%;height:var(--h);border-radius:7px 7px 2px 2px;background:linear-gradient(to top,#63a9f0,#61d2ba);animation:feature-bar-rise 2.2s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom; }.synex-product-vitrine .attendance-flow-chart>i:nth-child(2){animation-delay:.08s}.synex-product-vitrine .attendance-flow-chart>i:nth-child(3){animation-delay:.16s}.synex-product-vitrine .attendance-flow-chart>i:nth-child(4){animation-delay:.24s}.synex-product-vitrine .attendance-flow-chart>i:nth-child(5){animation-delay:.32s}.synex-product-vitrine .attendance-flow-chart>i:nth-child(6){animation-delay:.4s}.synex-product-vitrine .attendance-flow-chart>i:nth-child(7){animation-delay:.48s}
.synex-product-vitrine .attendance-flow-chart>svg { position:absolute;z-index:3;inset:26px 10px auto;width:calc(100% - 20px);height:100px;overflow:visible; }.synex-product-vitrine .attendance-flow-chart>svg path { fill:none;stroke:#2d8fe4;stroke-width:2;stroke-dasharray:7 6;animation:feature-path-dash 8s linear infinite; }
.synex-product-vitrine .attendance-alerts { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px; }.synex-product-vitrine .attendance-alerts>span { display:grid;grid-template-columns:8px 1fr;gap:2px 7px;padding:9px;border-radius:11px;background:#fff6e9; }.synex-product-vitrine .attendance-alerts i { grid-row:1/3;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#f2ad46; }.synex-product-vitrine .attendance-alerts i.is-early { background:#dc7c8e; }.synex-product-vitrine .attendance-alerts b { color:#536a77;font-size:.43rem; }.synex-product-vitrine .attendance-alerts em { color:#9b7538;font-size:.38rem;font-style:normal; }

/* Scene 03 — branch-specific rules */
.synex-product-vitrine .branch-rules-visual { min-height:340px;padding:18px;border:1px solid rgba(146,105,47,.1);border-radius:20px;background:rgba(255,255,255,.8);box-shadow:0 22px 48px rgba(104,78,42,.1); }
.synex-product-vitrine .branch-rules-visual>header { display:flex;align-items:center;justify-content:space-between; }.synex-product-vitrine .branch-rules-visual>header>span { display:flex;align-items:center;gap:8px;color:#4f473b;font-size:.61rem; }.synex-product-vitrine .branch-rules-visual>header svg { width:31px;height:31px;padding:7px;border-radius:10px;background:#fff2dd;color:#a46d21; }.synex-product-vitrine .branch-rules-visual>header>em { padding:6px 9px;border-radius:999px;background:#e7f7ee;color:#27805a;font-size:.4rem;font-style:normal; }
.synex-product-vitrine .branch-rule-tabs { display:flex;gap:5px;margin:16px 0;padding:5px;border-radius:12px;background:#f4f1ea; }.synex-product-vitrine .branch-rule-tabs span { flex:1;padding:7px;border-radius:8px;color:#867b6c;font-size:.39rem;text-align:center; }.synex-product-vitrine .branch-rule-tabs span.is-active { background:#fff;color:#7b551e;box-shadow:0 6px 14px rgba(99,77,42,.08); }
.synex-product-vitrine .branch-schedule { display:grid;gap:9px; }.synex-product-vitrine .branch-schedule>div { padding:12px;border:1px solid #eee7dc;border-radius:13px;background:#fff; }.synex-product-vitrine .branch-schedule>div:first-child { display:grid;grid-template-columns:1fr auto 30px auto;align-items:center; }.synex-product-vitrine .branch-schedule small { color:#938879;font-size:.4rem; }.synex-product-vitrine .branch-schedule b { color:#4f4639;font-size:.64rem; }.synex-product-vitrine .branch-schedule>div:first-child>i { position:relative;width:22px;height:1px;margin-inline:4px;background:#d8cbb8; }.synex-product-vitrine .branch-schedule>div:first-child>i::after { content:"";position:absolute;width:5px;height:5px;right:0;top:-2px;border-radius:50%;background:#d99a3f; }
.synex-product-vitrine .branch-schedule>div:nth-child(2) { display:grid;grid-template-columns:1fr 1fr;gap:7px; }.synex-product-vitrine .branch-schedule>div:nth-child(2)>small { grid-column:1/-1; }.synex-product-vitrine .branch-schedule>div:nth-child(2)>span { display:flex;align-items:center;gap:5px;padding:7px;border-radius:9px;background:#f9f5ef;color:#715f48;font-size:.4rem; }.synex-product-vitrine .branch-schedule>div:nth-child(2) svg { width:14px;height:14px;color:#bd7a25; }
.synex-product-vitrine .branch-shift-toggle { display:flex;align-items:center;justify-content:space-between; }.synex-product-vitrine .branch-shift-toggle>span { display:flex;align-items:center;gap:7px; }.synex-product-vitrine .branch-shift-toggle svg { width:20px;height:20px;color:#a36e2d; }.synex-product-vitrine .branch-shift-toggle>i { display:block;position:relative;width:37px;height:20px;border-radius:99px;background:#e8d9c4; }.synex-product-vitrine .branch-shift-toggle>i>em { position:absolute;width:16px;height:16px;top:2px;right:2px;border-radius:50%;background:#d5953b;box-shadow:0 4px 9px rgba(157,101,30,.2);animation:feature-toggle 4s ease-in-out infinite; }

/* Scene 04 — Turkey branch map */
.synex-product-vitrine .turkey-map-visual { min-height:360px;padding:17px;border:1px solid rgba(54,120,145,.1);border-radius:21px;background:rgba(255,255,255,.72);box-shadow:0 23px 50px rgba(41,98,116,.09); }
.synex-product-vitrine .turkey-map-visual>header { display:flex;align-items:center;justify-content:space-between; }.synex-product-vitrine .turkey-map-visual>header span { display:flex;align-items:center;gap:7px;color:#52717d;font-size:.44rem; }.synex-product-vitrine .turkey-map-visual>header span>i { width:7px;height:7px;border-radius:50%;background:#3fc99c;box-shadow:0 0 0 5px rgba(63,201,156,.1);animation:feature-live-dot 2s ease-in-out infinite; }.synex-product-vitrine .turkey-map-visual>header b { color:#31667b;font-size:.48rem; }
.synex-product-vitrine .turkey-map-svg { width:100%;height:270px;margin-top:8px;overflow:visible; }.synex-product-vitrine .turkey-land { stroke:#b8d7df;stroke-width:1.5;filter:drop-shadow(0 18px 25px rgba(44,105,124,.09)); }.synex-product-vitrine .map-route { fill:none;stroke:#4c9ee4;stroke-width:1.5;stroke-dasharray:8 8;opacity:.48;animation:feature-path-dash 7s linear infinite; }.synex-product-vitrine .map-pin>circle:first-child { fill:rgba(73,154,230,.12);stroke:none;animation:map-pin-ring 2.7s ease-in-out infinite;transform-box:fill-box;transform-origin:center; }.synex-product-vitrine .map-pin>path { fill:#318bd8;stroke:#fff;stroke-width:1.2; }.synex-product-vitrine .map-pin>circle:last-child { fill:#fff;stroke:none; }.synex-product-vitrine .pin-izmir>circle:first-child{animation-delay:-.6s}.synex-product-vitrine .pin-ankara>circle:first-child{animation-delay:-1.2s}.synex-product-vitrine .pin-adana>circle:first-child{animation-delay:-1.8s}
.synex-product-vitrine .map-city-tags { display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:-22px; }.synex-product-vitrine .map-city-tags span { display:grid;gap:2px;padding:8px;border:1px solid rgba(62,126,146,.08);border-radius:10px;background:#f7fbfb;color:#33657a;font-size:.43rem;font-weight:700;text-align:center; }.synex-product-vitrine .map-city-tags small { color:#8297a0;font-size:.35rem;font-weight:500; }

/* Scene 05 — leave and advance requests */
.synex-product-vitrine .request-phone-visual { min-height:380px; }
.synex-product-vitrine .request-phone { position:absolute;z-index:3;top:0;left:4%;width:220px;height:386px;padding:30px 14px 15px;border:6px solid #24354e;border-radius:31px;background:#fbfcff;box-shadow:0 27px 57px rgba(67,60,96,.2);transform:rotate(-3deg);animation:feature-phone-float 6.4s ease-in-out infinite; }.synex-product-vitrine .request-phone>i { position:absolute;width:63px;height:15px;top:7px;left:50%;border-radius:99px;background:#24354e;transform:translateX(-50%); }.synex-product-vitrine .request-phone>header { display:flex;align-items:center; }.synex-product-vitrine .request-phone>header img { width:32px;height:32px;border-radius:9px; }.synex-product-vitrine .request-phone>header span { display:grid;gap:2px;margin-left:8px; }.synex-product-vitrine .request-phone>header b { color:#303b52;font-size:.57rem; }.synex-product-vitrine .request-phone>header small { color:#8e93a2;font-size:.39rem; }
.synex-product-vitrine .request-type { display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:15px 0; }.synex-product-vitrine .request-type span { display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;border:1px solid #e9e5f1;border-radius:11px;color:#80788e;font-size:.43rem; }.synex-product-vitrine .request-type span.is-active { border-color:#af91df;background:#f2ecfb;color:#69518e; }.synex-product-vitrine .request-type svg { width:16px;height:16px; }
.synex-product-vitrine .request-calendar { display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:5px;padding:12px;border-radius:13px;background:#f4f1f8; }.synex-product-vitrine .request-calendar span { display:grid;gap:3px; }.synex-product-vitrine .request-calendar small { color:#9992a5;font-size:.36rem; }.synex-product-vitrine .request-calendar b { color:#524b60;font-size:.52rem; }.synex-product-vitrine .request-calendar>i { color:#a79caf;font-size:.5rem;font-style:normal; }
.synex-product-vitrine .request-phone>button { display:flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:7px;margin-top:13px;border-radius:12px;background:linear-gradient(135deg,#8c67c7,#6c52ab);color:#fff;font-size:.48rem;box-shadow:0 12px 23px rgba(110,76,168,.2); }.synex-product-vitrine .request-phone>button svg { width:17px;height:17px; }
.synex-product-vitrine .request-progress { display:grid;position:absolute;right:1%;bottom:10%;width:55%;gap:8px; }.synex-product-vitrine .request-progress::before { content:"";position:absolute;width:1px;top:23px;bottom:23px;left:22px;background:linear-gradient(#63a7ee,#c9d6e1); }.synex-product-vitrine .request-progress>span { display:flex;position:relative;z-index:2;align-items:center;gap:8px;padding:11px;border:1px solid rgba(93,81,129,.1);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 13px 27px rgba(75,64,103,.09);color:#697080;animation:feature-card-pop 5s ease-in-out infinite; }.synex-product-vitrine .request-progress>span:nth-child(2){animation-delay:-1.5s}.synex-product-vitrine .request-progress>span:nth-child(3){animation-delay:-3s}.synex-product-vitrine .request-progress>span>i { display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border-radius:9px;background:#edf0f5;color:#8190a0; }.synex-product-vitrine .request-progress>span>i svg { width:14px;height:14px; }.synex-product-vitrine .request-progress>span>b { font-size:.45rem; }.synex-product-vitrine .request-progress>span.is-done>i { background:#e6f8ef;color:#18845e; }.synex-product-vitrine .request-progress>span.is-live>i { background:#e8f2ff;color:#327fd0; }

/* Scene 06 — notifications in the employee PWA */
.synex-product-vitrine .notification-visual { min-height:380px; }
.synex-product-vitrine .notification-orbit { position:absolute;width:165px;height:165px;top:16%;left:2%;border:1px solid rgba(211,102,133,.11);border-radius:50%;animation:notification-orbit-rotate 14s linear infinite; }.synex-product-vitrine .notification-orbit>i { position:absolute;inset:17%;border:1px solid rgba(134,111,195,.11);border-radius:50%; }.synex-product-vitrine .notification-orbit>i:nth-child(2){inset:33%}.synex-product-vitrine .notification-orbit>i:nth-child(3){inset:-17%;border-style:dashed}.synex-product-vitrine .notification-orbit>span { display:grid;position:absolute;width:70px;height:70px;top:50%;left:50%;place-items:center;border-radius:23px;background:linear-gradient(145deg,#ef7696,#a968ba);color:#fff;box-shadow:0 18px 36px rgba(192,90,129,.23);transform:translate(-50%,-50%); }.synex-product-vitrine .notification-orbit>span svg { width:28px;height:28px; }.synex-product-vitrine .notification-orbit>span em { display:grid;position:absolute;width:22px;height:22px;top:-6px;right:-6px;place-items:center;border:3px solid #fff;border-radius:50%;background:#405e96;color:#fff;font-size:.44rem;font-style:normal; }
.synex-product-vitrine .notification-phone { display:grid;position:absolute;right:0;bottom:0;width:72%;gap:7px;padding:16px;border:1px solid rgba(148,84,112,.1);border-radius:22px;background:rgba(255,255,255,.91);box-shadow:0 25px 54px rgba(111,66,86,.12); }.synex-product-vitrine .notification-phone>header { display:flex;align-items:center;gap:8px;margin-bottom:4px; }.synex-product-vitrine .notification-phone>header img { width:30px;height:30px;border-radius:9px; }.synex-product-vitrine .notification-phone>header b { color:#513f4b;font-size:.58rem; }.synex-product-vitrine .notification-phone>article { display:flex;align-items:center;padding:10px;border:1px solid #f1e7eb;border-radius:13px;background:#fff;box-shadow:0 8px 17px rgba(107,74,88,.045);animation:notification-card-in 5.5s ease-in-out infinite; }.synex-product-vitrine .notification-phone>article:nth-of-type(2){animation-delay:-1.8s}.synex-product-vitrine .notification-phone>article:nth-of-type(3){animation-delay:-3.6s}.synex-product-vitrine .notification-phone article>i { display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:10px;background:#fde9ef;color:#c95779; }.synex-product-vitrine .notification-phone article>i.is-approved { background:#e7f7ee;color:#23825b; }.synex-product-vitrine .notification-phone article>i.is-advance { background:#e9f2ff;color:#347dc8; }.synex-product-vitrine .notification-phone article>i svg { width:17px;height:17px; }.synex-product-vitrine .notification-phone article>span { display:grid;min-width:0;gap:3px;margin-left:8px; }.synex-product-vitrine .notification-phone article b { overflow:hidden;color:#51424a;font-size:.45rem;text-overflow:ellipsis;white-space:nowrap; }.synex-product-vitrine .notification-phone article small { overflow:hidden;color:#96848d;font-size:.37rem;text-overflow:ellipsis;white-space:nowrap; }.synex-product-vitrine .notification-phone article>em { margin-left:auto;color:#ad98a1;font-size:.34rem;font-style:normal;white-space:nowrap; }

/* Scene 07 — company owner command center */
.synex-product-vitrine .story-owner-dashboard .feature-story-copy { max-width:680px; }
.synex-product-vitrine .owner-dashboard-visual { display:grid;min-height:425px;grid-template-columns:66px 1fr;overflow:hidden;border:1px solid rgba(47,99,151,.1);border-radius:22px;background:#fff;box-shadow:0 28px 65px rgba(47,84,119,.12); }
.synex-product-vitrine .owner-dashboard-visual>aside { display:grid;align-content:start;justify-items:center;gap:12px;padding:16px 9px;background:linear-gradient(180deg,#eaf2fb,#f4f8fc); }.synex-product-vitrine .owner-dashboard-visual>aside>img { width:34px;height:34px;margin-bottom:7px;border-radius:10px; }.synex-product-vitrine .owner-dashboard-visual>aside>span { display:grid;width:37px;height:37px;place-items:center;border-radius:11px;color:#7890a5; }.synex-product-vitrine .owner-dashboard-visual>aside>span.is-active { background:linear-gradient(145deg,#5ba7ef,#4385d5);color:#fff;box-shadow:0 9px 19px rgba(58,127,204,.22); }.synex-product-vitrine .owner-dashboard-visual>aside svg { width:19px;height:19px; }
.synex-product-vitrine .owner-dashboard-main { padding:19px; }.synex-product-vitrine .owner-dashboard-main>header { display:flex;align-items:center;justify-content:space-between; }.synex-product-vitrine .owner-dashboard-main>header>span { display:grid;gap:3px; }.synex-product-vitrine .owner-dashboard-main>header small { color:#8a9cab;font-size:.4rem; }.synex-product-vitrine .owner-dashboard-main>header b { color:#213e54;font-size:.72rem; }.synex-product-vitrine .owner-dashboard-main>header>div { display:flex;gap:6px; }.synex-product-vitrine .owner-dashboard-main>header>div i { width:28px;height:28px;border:1px solid #e2eaf0;border-radius:9px;background:#f8fafc; }
.synex-product-vitrine .owner-kpis { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0; }.synex-product-vitrine .owner-kpis>span { display:grid;grid-template-columns:34px 1fr auto;gap:2px 8px;padding:12px;border:1px solid #e6edf2;border-radius:14px;background:#fbfcfd; }.synex-product-vitrine .owner-kpis svg { grid-row:1/3;width:34px;height:34px;padding:8px;border-radius:10px;background:#e9f3ff;color:#347fd0; }.synex-product-vitrine .owner-kpis small { color:#8596a3;font-size:.38rem; }.synex-product-vitrine .owner-kpis b { color:#223f53;font-size:.82rem; }.synex-product-vitrine .owner-kpis em { grid-column:3;grid-row:1/3;align-self:center;padding:5px 7px;border-radius:99px;background:#e8f7ef;color:#317b5c;font-size:.35rem;font-style:normal; }
.synex-product-vitrine .owner-dashboard-grid { display:grid;grid-template-columns:1.45fr .75fr;gap:10px; }.synex-product-vitrine .owner-analysis,.synex-product-vitrine .owner-hierarchy { padding:14px;border:1px solid #e6edf2;border-radius:15px;background:#fbfcfe; }.synex-product-vitrine .owner-analysis>header,.synex-product-vitrine .owner-hierarchy>header { display:flex;align-items:center;justify-content:space-between; }.synex-product-vitrine .owner-analysis>header b,.synex-product-vitrine .owner-hierarchy>header b { color:#395164;font-size:.48rem; }.synex-product-vitrine .owner-analysis>header span { display:flex;align-items:center;gap:5px;color:#78909f;font-size:.35rem; }.synex-product-vitrine .owner-analysis>header span>i { width:5px;height:5px;border-radius:50%;background:#41c696; }
.synex-product-vitrine .owner-chart { display:flex;position:relative;height:155px;align-items:end;gap:9px;padding:22px 10px 10px;overflow:hidden; }.synex-product-vitrine .owner-chart::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(62,107,146,.06) 1px,transparent 1px);background-size:100% 35px; }.synex-product-vitrine .owner-chart>i { z-index:2;width:100%;height:var(--h);border-radius:7px 7px 2px 2px;background:linear-gradient(to top,#5c9be0,#73d7c2);animation:feature-bar-rise 2.4s ease both;transform-origin:bottom; }.synex-product-vitrine .owner-chart>svg { position:absolute;z-index:3;inset:25px 8px auto;width:calc(100% - 16px);height:105px;overflow:visible; }.synex-product-vitrine .owner-chart>svg path { fill:none;stroke:#367fc8;stroke-width:2;stroke-dasharray:7 6;animation:feature-path-dash 8s linear infinite; }
.synex-product-vitrine .owner-hierarchy>header small { color:#8b9ba7;font-size:.35rem; }.synex-product-vitrine .owner-hierarchy>span,.synex-product-vitrine .owner-hierarchy>div>span { display:flex;align-items:center;gap:6px;padding:9px;border:1px solid #e4ebf0;border-radius:11px;background:#fff;color:#526b7d;font-size:.39rem; }.synex-product-vitrine .owner-hierarchy svg { width:18px;height:18px;color:#3c82c9; }.synex-product-vitrine .owner-hierarchy>span { width:max-content;margin:17px auto 24px; }.synex-product-vitrine .owner-hierarchy>span::after { content:"";position:absolute;width:1px;height:24px;margin-top:58px;margin-left:48px;background:#cfdde7; }.synex-product-vitrine .owner-hierarchy>div { display:grid;position:relative;grid-template-columns:1fr 1fr;gap:8px; }.synex-product-vitrine .owner-hierarchy>div::before { content:"";position:absolute;height:1px;top:-12px;right:25%;left:25%;background:#cfdde7; }

@keyframes feature-device-float { 50%{transform:rotate(.5deg) translateY(-8px)} }
@keyframes feature-phone-float { 50%{transform:rotate(-1deg) translateY(-9px)} }
@keyframes feature-scan-line { 0%,100%{transform:translateY(-50px);opacity:.25} 50%{transform:translateY(56px);opacity:1} }
@keyframes feature-card-pop { 50%{transform:translateY(-6px)} }
@keyframes feature-live-dot { 50%{box-shadow:0 0 0 6px rgba(57,199,142,.12)} }
@keyframes feature-bar-rise { from{transform:scaleY(.08);opacity:.2} }
@keyframes feature-path-dash { to{stroke-dashoffset:-80} }
@keyframes feature-toggle { 0%,35%,100%{right:2px} 55%,80%{right:19px} }
@keyframes map-pin-ring { 50%{opacity:.35;transform:scale(1.75)} }
@keyframes notification-orbit-rotate { to{transform:rotate(360deg)} }
@keyframes notification-card-in { 0%,100%{transform:translateX(0)} 50%{transform:translateX(-5px)} }

@media (max-width:1040px) {
  .synex-product-vitrine .feature-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .synex-product-vitrine .feature-story-card { grid-column:auto;min-height:680px; }
  .synex-product-vitrine .story-owner-dashboard { grid-column:1/-1; }
  .synex-product-vitrine .checkin-tablet { width:62%; }.synex-product-vitrine .checkin-location { min-width:205px; }
}
@media (max-width:760px) {
  .synex-product-vitrine .feature-story-section { padding:100px 0; }
  .synex-product-vitrine .feature-story-heading { margin-bottom:43px; }
  .synex-product-vitrine .feature-story-grid { grid-template-columns:1fr;gap:16px; }
  .synex-product-vitrine .feature-story-card,.synex-product-vitrine .story-owner-dashboard { grid-column:1;min-height:0;padding:22px;border-radius:19px; }
  .synex-product-vitrine .feature-story-card>header>em { font-size:.44rem; }.synex-product-vitrine .feature-story-symbol { width:38px;height:38px;border-radius:12px; }.synex-product-vitrine .feature-story-symbol svg { width:19px;height:19px; }
  .synex-product-vitrine .feature-story-copy h3 { font-size:2rem; }.synex-product-vitrine .feature-story-copy p { font-size:.65rem; }
  .synex-product-vitrine .checkin-visual,.synex-product-vitrine .attendance-live-visual,.synex-product-vitrine .branch-rules-visual,.synex-product-vitrine .turkey-map-visual,.synex-product-vitrine .request-phone-visual,.synex-product-vitrine .notification-visual { min-height:360px; }
  .synex-product-vitrine .checkin-tablet { right:-8%;width:68%;transform:scale(.86) rotate(2deg);transform-origin:top right; }.synex-product-vitrine .checkin-phone { left:-3%;transform:scale(.78) rotate(-5deg);transform-origin:bottom left; }.synex-product-vitrine .checkin-location { right:-2%;bottom:2%;min-width:195px;transform:scale(.88);transform-origin:bottom right; }
  .synex-product-vitrine .attendance-live-visual { min-height:390px;padding:13px; }.synex-product-vitrine .attendance-metrics { gap:5px; }.synex-product-vitrine .attendance-metrics>span { grid-template-columns:1fr;padding:8px; }.synex-product-vitrine .attendance-metrics svg { display:none; }.synex-product-vitrine .attendance-flow-chart { height:150px; }
  .synex-product-vitrine .branch-rules-visual { min-height:350px;padding:13px; }.synex-product-vitrine .branch-schedule>div:nth-child(2) { grid-template-columns:1fr; }.synex-product-vitrine .branch-schedule>div:nth-child(2)>small { grid-column:1; }
  .synex-product-vitrine .turkey-map-svg { height:230px; }.synex-product-vitrine .map-city-tags { grid-template-columns:1fr 1fr;margin-top:-5px; }
  .synex-product-vitrine .request-phone-visual { min-height:410px; }.synex-product-vitrine .request-phone { left:-5%;transform:scale(.82) rotate(-3deg);transform-origin:top left; }.synex-product-vitrine .request-progress { right:-2%;bottom:5%;width:58%; }
  .synex-product-vitrine .notification-orbit { left:-12%;transform:scale(.8);transform-origin:center; }.synex-product-vitrine .notification-phone { width:88%;padding:12px; }.synex-product-vitrine .notification-phone article small { max-width:150px; }
  .synex-product-vitrine .owner-dashboard-visual { min-height:630px;grid-template-columns:48px 1fr;border-radius:18px; }.synex-product-vitrine .owner-dashboard-visual>aside { padding:12px 5px; }.synex-product-vitrine .owner-dashboard-visual>aside>span { width:33px;height:33px; }.synex-product-vitrine .owner-dashboard-main { padding:12px; }.synex-product-vitrine .owner-kpis { grid-template-columns:1fr; }.synex-product-vitrine .owner-dashboard-grid { grid-template-columns:1fr; }.synex-product-vitrine .owner-chart { height:150px; }.synex-product-vitrine .owner-hierarchy { min-height:185px; }
}
@media (prefers-reduced-motion:reduce) {
  .synex-product-vitrine .checkin-tablet,.synex-product-vitrine .checkin-phone,.synex-product-vitrine .checkin-phone>b,.synex-product-vitrine .checkin-location,.synex-product-vitrine .attendance-flow-chart>i,.synex-product-vitrine .attendance-flow-chart>svg path,.synex-product-vitrine .branch-shift-toggle>i>em,.synex-product-vitrine .map-route,.synex-product-vitrine .map-pin>circle:first-child,.synex-product-vitrine .request-phone,.synex-product-vitrine .request-progress>span,.synex-product-vitrine .notification-orbit,.synex-product-vitrine .notification-phone>article,.synex-product-vitrine .owner-chart>i,.synex-product-vitrine .owner-chart>svg path { animation:none!important; }
}

/* 6.3 — full-width, live product theaters for the six-scene story */
.synex-product-vitrine .feature-story-workflow .workflow-tablet-logo {
  top:52px;
  right:auto;
  left:20px;
  display:flex;
  width:145px;
  align-items:flex-start;
  justify-content:flex-start;
}
.synex-product-vitrine .feature-story-workflow .workflow-tablet-logo .platform-logo-image {
  width:100%;
  justify-content:flex-start;
}
.synex-product-vitrine .feature-story-workflow .workflow-tablet-logo .platform-logo-image img {
  width:auto;
  height:auto;
  max-width:145px;
  max-height:31px;
  object-fit:contain;
  object-position:left top;
}
.synex-product-vitrine .feature-story-workflow { padding:155px 0 82px; }
.synex-product-vitrine .feature-story-workflow+.feature-story-section { padding-top:88px; }
.synex-product-vitrine .feature-story-section { padding:165px 0 175px;background:radial-gradient(circle at 8% 8%,rgba(90,158,255,.11),transparent 24%),radial-gradient(circle at 92% 52%,rgba(70,211,185,.09),transparent 25%),linear-gradient(180deg,#f5f8fc,#edf3f8 52%,#f8fafc); }
.synex-product-vitrine .feature-story-heading { max-width:980px;margin-bottom:86px;text-align:center; }
.synex-product-vitrine .feature-story-heading .home-section-index { justify-content:center;color:#2677d0;font-size:.77rem;letter-spacing:.16em; }
.synex-product-vitrine .feature-story-heading h2 { margin-inline:auto;color:#102d43;font-size:clamp(3.6rem,6vw,5.85rem);font-weight:610;letter-spacing:-.065em;line-height:.96; }
.synex-product-vitrine .feature-story-heading p { max-width:790px;margin:28px auto 0;color:#587486;font-size:1.08rem;line-height:1.75; }
.synex-product-vitrine .feature-story-grid { display:grid;grid-template-columns:1fr;gap:58px; }
.synex-product-vitrine .feature-story-grid>.feature-story-card { grid-column:1/-1!important;display:grid;min-height:650px;grid-template-columns:minmax(320px,.82fr) minmax(0,1.28fr);grid-template-rows:auto 1fr;column-gap:clamp(38px,5vw,78px);padding:clamp(42px,5vw,70px) clamp(38px,5vw,68px) 88px;overflow:hidden;border:1px solid rgba(48,84,119,.11);border-radius:34px;box-shadow:0 35px 85px rgba(40,68,96,.095),inset 0 1px rgba(255,255,255,.92); }
.synex-product-vitrine .feature-story-grid>.feature-story-card::before { width:430px;height:430px;top:-245px;right:-175px;box-shadow:0 0 0 80px rgba(62,133,225,.024),0 0 0 160px rgba(62,133,225,.012); }
.synex-product-vitrine .feature-story-grid>.feature-story-card::after { content:"";position:absolute;z-index:-1;width:55%;height:100%;top:0;right:0;background:linear-gradient(115deg,transparent,rgba(255,255,255,.44),transparent);opacity:.42;transform:translateX(120%);animation:feature-theater-sheen 9s ease-in-out infinite; }
.synex-product-vitrine .feature-story-grid>.feature-story-card:nth-child(even)::after { right:auto;left:0;animation-delay:-4s; }
.synex-product-vitrine .feature-story-card:hover { transform:translateY(-4px);box-shadow:0 44px 100px rgba(40,68,96,.14),inset 0 1px #fff; }
.synex-product-vitrine .feature-story-card>header { grid-column:1;grid-row:1;align-self:start;gap:14px; }
.synex-product-vitrine .feature-story-card:nth-child(even)>header { grid-column:2; }
.synex-product-vitrine .feature-story-index { font-size:.82rem;letter-spacing:.15em; }
.synex-product-vitrine .feature-story-card>header>em { color:#55748a;font-size:.7rem;letter-spacing:.14em; }
.synex-product-vitrine .feature-story-symbol { width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.85);box-shadow:0 14px 30px rgba(48,103,169,.11); }
.synex-product-vitrine .feature-story-symbol svg { width:27px;height:27px; }
.synex-product-vitrine .feature-story-copy { grid-column:1;grid-row:2;align-self:center;margin-top:30px; }
.synex-product-vitrine .feature-story-card:nth-child(even)>.feature-story-copy { grid-column:2; }
.synex-product-vitrine .feature-story-copy h3 { max-width:560px;font-size:clamp(3rem,4.4vw,4.25rem);font-weight:610;letter-spacing:-.065em;line-height:1.01; }
.synex-product-vitrine .feature-story-copy p { max-width:560px;margin-top:23px;color:#526f81;font-size:1rem;font-weight:500;line-height:1.8; }
.synex-product-vitrine .feature-story-copy ul { gap:9px;margin-top:27px; }
.synex-product-vitrine .feature-story-copy li { padding:10px 14px;border-color:rgba(57,104,151,.13);background:rgba(255,255,255,.72);color:#425f73;font-size:.7rem;font-weight:700;box-shadow:0 7px 16px rgba(51,88,123,.045); }
.synex-product-vitrine .feature-story-visual { grid-column:2;grid-row:1/3;align-self:center;min-height:480px;margin:0;transform:translate(var(--sim-x,0),var(--sim-y,0));transition:transform .28s ease-out; }
.synex-product-vitrine .feature-story-card:nth-child(even)>.feature-story-visual { grid-column:1; }

/* A live state rail makes every mockup feel like an operating product. */
.synex-product-vitrine .feature-sim-status { display:grid;position:absolute;z-index:20;right:clamp(24px,4vw,56px);bottom:24px;min-width:360px;grid-template-columns:1fr auto;align-items:center;gap:4px 18px;padding:14px 17px;border:1px solid rgba(62,113,160,.14);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 18px 42px rgba(38,77,113,.13);backdrop-filter:blur(15px); }
.synex-product-vitrine .feature-story-card:nth-child(even)>.feature-sim-status { right:auto;left:clamp(24px,4vw,56px); }
.synex-product-vitrine .feature-sim-status>span { display:flex;min-width:0;align-items:center;gap:9px; }
.synex-product-vitrine .feature-sim-status>span>i { width:9px;height:9px;flex:0 0 auto;border:2px solid #fff;border-radius:50%;background:#36c98f;box-shadow:0 0 0 5px rgba(54,201,143,.13);animation:feature-live-dot 2s ease-in-out infinite; }
.synex-product-vitrine .feature-sim-status b { overflow:hidden;color:#183e55;font-size:.68rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap; }
.synex-product-vitrine .feature-sim-status>em { color:#49809d;font-size:.48rem;font-style:normal;font-weight:800;letter-spacing:.13em;white-space:nowrap; }
.synex-product-vitrine .feature-sim-status>small { display:flex;grid-column:1/-1;gap:5px;margin-top:6px; }
.synex-product-vitrine .feature-sim-status>small>i { width:24px;height:3px;border-radius:99px;background:#dce7ee;transition:width .35s ease,background .35s ease; }
.synex-product-vitrine .feature-sim-status>small>i.is-active { width:42px;background:linear-gradient(90deg,#489ce8,#56d1b6); }
.synex-product-vitrine .feature-sim-status.is-updating { animation:feature-status-update .55s ease both; }

.synex-product-vitrine [data-feature-step] { transition:opacity .45s ease,filter .45s ease,box-shadow .45s ease,border-color .45s ease,transform .45s cubic-bezier(.2,.8,.2,1); }
.synex-product-vitrine .attendance-metrics>[data-feature-step],.synex-product-vitrine .request-progress>[data-feature-step],.synex-product-vitrine .notification-phone>[data-feature-step],.synex-product-vitrine .owner-kpis>[data-feature-step] { opacity:.62;filter:saturate(.72); }
.synex-product-vitrine .attendance-metrics>[data-feature-step].is-sim-active,.synex-product-vitrine .request-progress>[data-feature-step].is-sim-active,.synex-product-vitrine .notification-phone>[data-feature-step].is-sim-active,.synex-product-vitrine .owner-kpis>[data-feature-step].is-sim-active { opacity:1;filter:none;transform:translateY(-7px);border-color:rgba(54,136,207,.24);box-shadow:0 18px 34px rgba(54,105,153,.13); }
.synex-product-vitrine .checkin-visual>[data-feature-step] { opacity:.68;filter:saturate(.78); }
.synex-product-vitrine .checkin-visual>[data-feature-step].is-sim-active { opacity:1;filter:none;box-shadow:0 30px 70px rgba(34,86,130,.24); }
.synex-product-vitrine .branch-rule-tabs>[data-feature-step] { opacity:.56; }
.synex-product-vitrine .branch-rule-tabs>[data-feature-step].is-sim-active { opacity:1;background:#fff;color:#764d18;box-shadow:0 8px 18px rgba(99,77,42,.13);transform:translateY(-2px); }
.synex-product-vitrine .map-pin[data-feature-step] { opacity:.45;filter:saturate(.55); }
.synex-product-vitrine .map-pin[data-feature-step].is-sim-active { opacity:1;filter:drop-shadow(0 0 12px rgba(49,139,216,.55)); }
.synex-product-vitrine .map-pin[data-feature-step].is-sim-active>circle:first-child { fill:rgba(54,154,230,.24); }

/* Larger, legible product UI inside every theater. */
.synex-product-vitrine .checkin-visual { min-height:500px; }
.synex-product-vitrine .checkin-tablet { width:62%;min-height:395px;padding:23px;border-radius:29px; }
.synex-product-vitrine .checkin-tablet>header>svg { width:29px;height:29px; }.synex-product-vitrine .checkin-tablet>header>span { font-size:.75rem; }.synex-product-vitrine .checkin-tablet>header small { font-size:.55rem; }
.synex-product-vitrine .vector-qr { width:185px;height:185px;margin:30px 0 16px; }
.synex-product-vitrine .checkin-tablet>small { font-size:.58rem; }
.synex-product-vitrine .checkin-phone { width:195px;height:345px;border-radius:35px; }.synex-product-vitrine .checkin-phone>svg { width:62px;height:62px; }.synex-product-vitrine .checkin-phone>span { font-size:.78rem; }
.synex-product-vitrine .checkin-location { min-width:275px;padding:16px;border-radius:20px; }.synex-product-vitrine .checkin-location>svg { width:43px;height:43px; }.synex-product-vitrine .checkin-location b { font-size:.73rem; }.synex-product-vitrine .checkin-location small { font-size:.55rem; }
.synex-product-vitrine .attendance-live-visual { min-height:485px;padding:26px;border-radius:26px; }.synex-product-vitrine .attendance-live-visual>header>span { font-size:.82rem; }.synex-product-vitrine .attendance-live-visual>header img { width:39px;height:39px; }.synex-product-vitrine .attendance-live-visual>header>em { padding:9px 12px;font-size:.58rem; }
.synex-product-vitrine .attendance-metrics { gap:12px;margin:24px 0; }.synex-product-vitrine .attendance-metrics>span { grid-template-columns:35px 1fr;padding:15px;border-radius:17px; }.synex-product-vitrine .attendance-metrics svg { width:35px;height:35px; }.synex-product-vitrine .attendance-metrics small { font-size:.55rem; }.synex-product-vitrine .attendance-metrics b { font-size:1.08rem; }
.synex-product-vitrine .attendance-flow-chart { height:205px;gap:11px;padding:30px 18px 22px; }.synex-product-vitrine .attendance-alerts>span { padding:13px; }.synex-product-vitrine .attendance-alerts b,.synex-product-vitrine .attendance-alerts em { font-size:.57rem; }
.synex-product-vitrine .branch-rules-visual { min-height:465px;padding:27px;border-radius:25px; }.synex-product-vitrine .branch-rules-visual>header>span { font-size:.82rem; }.synex-product-vitrine .branch-rules-visual>header svg { width:40px;height:40px; }.synex-product-vitrine .branch-rules-visual>header>em { padding:8px 12px;font-size:.54rem; }
.synex-product-vitrine .branch-rule-tabs { gap:7px;margin:24px 0;padding:7px; }.synex-product-vitrine .branch-rule-tabs span { padding:10px;font-size:.55rem; }
.synex-product-vitrine .branch-schedule { gap:13px; }.synex-product-vitrine .branch-schedule>div { padding:17px; }.synex-product-vitrine .branch-schedule small { font-size:.56rem; }.synex-product-vitrine .branch-schedule b { font-size:.83rem; }.synex-product-vitrine .branch-schedule>div:nth-child(2)>span { padding:10px;font-size:.55rem; }
.synex-product-vitrine .turkey-map-visual { min-height:465px;padding:25px;border-radius:26px; }.synex-product-vitrine .turkey-map-visual>header span,.synex-product-vitrine .turkey-map-visual>header b { font-size:.62rem; }.synex-product-vitrine .turkey-map-svg { height:330px; }.synex-product-vitrine .map-city-tags span { padding:12px;font-size:.6rem; }.synex-product-vitrine .map-city-tags small { font-size:.48rem; }
.synex-product-vitrine .request-phone-visual { min-height:500px; }.synex-product-vitrine .request-phone { width:260px;height:445px;padding:36px 18px 18px;border-radius:36px; }.synex-product-vitrine .request-phone>header img { width:39px;height:39px; }.synex-product-vitrine .request-phone>header b { font-size:.72rem; }.synex-product-vitrine .request-phone>header small { font-size:.52rem; }.synex-product-vitrine .request-type span { padding:12px;font-size:.58rem; }.synex-product-vitrine .request-calendar { padding:16px; }.synex-product-vitrine .request-calendar small { font-size:.48rem; }.synex-product-vitrine .request-calendar b { font-size:.67rem; }.synex-product-vitrine .request-phone>button { min-height:50px;font-size:.63rem; }
.synex-product-vitrine .request-progress { width:58%;gap:12px; }.synex-product-vitrine .request-progress>span { padding:15px; }.synex-product-vitrine .request-progress>span>b { font-size:.62rem; }.synex-product-vitrine .request-progress>span>i { width:33px;height:33px; }
.synex-product-vitrine .notification-visual { min-height:485px; }.synex-product-vitrine .notification-orbit { width:205px;height:205px; }.synex-product-vitrine .notification-orbit>span { width:86px;height:86px; }.synex-product-vitrine .notification-phone { width:78%;gap:10px;padding:22px;border-radius:27px; }.synex-product-vitrine .notification-phone>header img { width:39px;height:39px; }.synex-product-vitrine .notification-phone>header b { font-size:.75rem; }.synex-product-vitrine .notification-phone>article { padding:15px;border-radius:17px; }.synex-product-vitrine .notification-phone article>i { width:40px;height:40px; }.synex-product-vitrine .notification-phone article b { font-size:.62rem; }.synex-product-vitrine .notification-phone article small { font-size:.52rem; }.synex-product-vitrine .notification-phone article>em { font-size:.47rem; }
.synex-product-vitrine .owner-dashboard-visual { min-height:505px;grid-template-columns:76px 1fr;border-radius:27px; }.synex-product-vitrine .owner-dashboard-main { padding:25px; }.synex-product-vitrine .owner-dashboard-main>header small { font-size:.54rem; }.synex-product-vitrine .owner-dashboard-main>header b { font-size:.92rem; }.synex-product-vitrine .owner-kpis { gap:13px;margin:23px 0; }.synex-product-vitrine .owner-kpis>span { grid-template-columns:43px 1fr auto;padding:16px; }.synex-product-vitrine .owner-kpis svg { width:43px;height:43px; }.synex-product-vitrine .owner-kpis small { font-size:.51rem; }.synex-product-vitrine .owner-kpis b { font-size:1.03rem; }.synex-product-vitrine .owner-kpis em { font-size:.47rem; }.synex-product-vitrine .owner-analysis>header b,.synex-product-vitrine .owner-hierarchy>header b { font-size:.62rem; }.synex-product-vitrine .owner-chart { height:190px; }.synex-product-vitrine .owner-hierarchy>header small,.synex-product-vitrine .owner-analysis>header span { font-size:.47rem; }.synex-product-vitrine .owner-hierarchy>span,.synex-product-vitrine .owner-hierarchy>div>span { padding:12px;font-size:.52rem; }

@keyframes feature-theater-sheen { 0%,64%,100%{transform:translateX(120%);opacity:0} 78%{opacity:.5} 92%{transform:translateX(-220%);opacity:0} }
@keyframes feature-status-update { 0%{opacity:.55;transform:translateY(5px) scale(.985)} 100%{opacity:1;transform:none} }

@media (max-width:1040px) {
  .synex-product-vitrine .feature-story-grid>.feature-story-card { min-height:610px;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);column-gap:32px;padding:42px 36px 82px; }
  .synex-product-vitrine .feature-story-copy h3 { font-size:clamp(2.55rem,4.7vw,3.6rem); }.synex-product-vitrine .feature-story-copy p { font-size:.88rem; }
  .synex-product-vitrine .feature-story-visual { transform:translate(var(--sim-x,0),var(--sim-y,0)) scale(.92);transform-origin:center; }
  .synex-product-vitrine .feature-story-card:nth-child(even)>.feature-sim-status { left:34px; }.synex-product-vitrine .feature-sim-status { right:34px; }
}
@media (max-width:800px) {
  .synex-product-vitrine .feature-story-workflow .workflow-tablet-logo { left:18px;width:125px; }
  .synex-product-vitrine .feature-story-workflow .workflow-tablet-logo .platform-logo-image img { max-width:125px;max-height:27px; }
  .synex-product-vitrine .feature-story-workflow { padding:105px 0 62px; }
  .synex-product-vitrine .feature-story-workflow+.feature-story-section { padding-top:68px; }
  .synex-product-vitrine .feature-story-section { padding:110px 0 120px; }
  .synex-product-vitrine .feature-story-heading { margin-bottom:52px;text-align:left; }.synex-product-vitrine .feature-story-heading .home-section-index { justify-content:flex-start;font-size:.66rem; }
  .synex-product-vitrine .feature-story-heading h2 { font-size:clamp(3.05rem,14vw,4.55rem);line-height:.98; }.synex-product-vitrine .feature-story-heading p { margin-top:22px;font-size:.92rem; }
  .synex-product-vitrine .feature-story-grid { gap:25px; }
  .synex-product-vitrine .feature-story-grid>.feature-story-card { min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto auto;column-gap:0;padding:25px 22px 82px;border-radius:25px; }
  .synex-product-vitrine .feature-story-card>header,.synex-product-vitrine .feature-story-card:nth-child(even)>header { grid-column:1;grid-row:1; }.synex-product-vitrine .feature-story-card>header>em { font-size:.55rem; }.synex-product-vitrine .feature-story-index { font-size:.67rem; }.synex-product-vitrine .feature-story-symbol { width:45px;height:45px;border-radius:14px; }
  .synex-product-vitrine .feature-story-copy,.synex-product-vitrine .feature-story-card:nth-child(even)>.feature-story-copy { grid-column:1;grid-row:2;margin-top:27px; }.synex-product-vitrine .feature-story-copy h3 { font-size:clamp(2.45rem,11vw,3.35rem);line-height:1.01; }.synex-product-vitrine .feature-story-copy p { margin-top:18px;font-size:.86rem;line-height:1.72; }.synex-product-vitrine .feature-story-copy li { font-size:.62rem; }
  .synex-product-vitrine .feature-story-visual,.synex-product-vitrine .feature-story-card:nth-child(even)>.feature-story-visual { grid-column:1;grid-row:3;margin-top:38px;transform:none; }
  .synex-product-vitrine .feature-sim-status,.synex-product-vitrine .feature-story-card:nth-child(even)>.feature-sim-status { right:14px;bottom:14px;left:14px;min-width:0;padding:12px 13px; }.synex-product-vitrine .feature-sim-status b { font-size:.56rem; }.synex-product-vitrine .feature-sim-status>em { font-size:.4rem; }.synex-product-vitrine .feature-sim-status>small>i { width:18px; }.synex-product-vitrine .feature-sim-status>small>i.is-active { width:31px; }
  .synex-product-vitrine .checkin-visual { min-height:425px; }.synex-product-vitrine .checkin-tablet { right:-11%;width:72%;min-height:340px;padding:18px;transform:scale(.88) rotate(2deg); }.synex-product-vitrine .vector-qr { width:150px;height:150px;margin-block:24px 12px; }.synex-product-vitrine .checkin-phone { left:-8%;width:175px;height:315px;transform:scale(.82) rotate(-5deg); }.synex-product-vitrine .checkin-location { right:-5%;min-width:230px;transform:scale(.84); }
  .synex-product-vitrine .attendance-live-visual { min-height:430px;padding:16px; }.synex-product-vitrine .attendance-metrics { gap:6px; }.synex-product-vitrine .attendance-metrics>span { grid-template-columns:1fr;padding:10px; }.synex-product-vitrine .attendance-metrics svg { display:none; }.synex-product-vitrine .attendance-flow-chart { height:175px; }
  .synex-product-vitrine .branch-rules-visual { min-height:420px;padding:17px; }.synex-product-vitrine .branch-schedule>div:nth-child(2) { grid-template-columns:1fr; }.synex-product-vitrine .branch-schedule>div:nth-child(2)>small { grid-column:1; }
  .synex-product-vitrine .turkey-map-visual { min-height:410px;padding:16px; }.synex-product-vitrine .turkey-map-svg { height:245px; }.synex-product-vitrine .map-city-tags { grid-template-columns:1fr 1fr;margin-top:-3px; }
  .synex-product-vitrine .request-phone-visual { min-height:500px; }.synex-product-vitrine .request-phone { left:-8%;transform:scale(.82) rotate(-3deg);transform-origin:top left; }.synex-product-vitrine .request-progress { right:-3%;bottom:8%;width:61%; }
  .synex-product-vitrine .notification-visual { min-height:455px; }.synex-product-vitrine .notification-orbit { left:-20%;transform:scale(.75); }.synex-product-vitrine .notification-phone { width:94%;padding:14px; }.synex-product-vitrine .notification-phone article small { max-width:155px; }
  .synex-product-vitrine .owner-dashboard-visual { min-height:665px;grid-template-columns:48px 1fr;border-radius:20px; }.synex-product-vitrine .owner-dashboard-main { padding:12px; }.synex-product-vitrine .owner-kpis { grid-template-columns:1fr;gap:8px;margin:14px 0; }.synex-product-vitrine .owner-dashboard-grid { grid-template-columns:1fr; }.synex-product-vitrine .owner-chart { height:155px; }
}
@media (prefers-reduced-motion:reduce) {
  .synex-product-vitrine .feature-story-grid>.feature-story-card::after,.synex-product-vitrine .feature-sim-status,.synex-product-vitrine [data-feature-step] { animation:none!important;transition:none!important; }
}

/* 6.6 — Konrix-inspired shared backoffice system */
.admin-body,
.owner-body {
  --panel-sidebar-width:250px;
  --panel-sidebar-compact:80px;
  --panel-topbar-height:70px;
  --panel-page-bg:#f5f6fa;
  --panel-copy:#64748b;
  --panel-heading:#1f2937;
  --panel-line:#e7eaf0;
  --panel-card:#fff;
  --panel-primary:#596fe4;
  --panel-primary-soft:#eef1ff;
  min-width:0;
  background:var(--panel-page-bg);
  color:var(--panel-copy);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
}
.admin-body {
  --panel-menu-start:color-mix(in srgb,var(--tenant-sidebar,var(--theme-primary-strong)) 28%,#6379c3);
  --panel-menu-end:color-mix(in srgb,var(--tenant-sidebar,var(--theme-dark)) 30%,#546ee5);
}
.owner-body {
  --panel-menu-start:color-mix(in srgb,var(--platform-primary,var(--theme-primary)) 24%,#6379c3);
  --panel-menu-end:color-mix(in srgb,var(--platform-dark,var(--theme-dark)) 26%,#546ee5);
}
.admin-body h1,.admin-body h2,.admin-body h3,
.owner-body h1,.owner-body h2,.owner-body h3 { color:var(--panel-heading);letter-spacing:-.025em; }

/* Sidebar shell, spacing and navigation hierarchy */
.admin-sidebar,
.owner-sidebar {
  display:flex;
  position:fixed;
  z-index:90;
  width:var(--panel-sidebar-width);
  min-width:var(--panel-sidebar-width);
  height:100vh;
  height:100dvh;
  inset:0 auto 0 0;
  flex-direction:column;
  padding:0 15px 15px;
  overflow:hidden;
  border:0;
  background:linear-gradient(145deg,var(--panel-menu-start) 0%,var(--panel-menu-end) 72%,color-mix(in srgb,var(--panel-menu-end) 88%,#27358e));
  color:#fff;
  box-shadow:1px 0 3px rgba(30,41,59,.16);
  transition:width .28s ease,min-width .28s ease,transform .25s ease,opacity .25s ease;
}
.admin-sidebar::before,
.owner-sidebar::before { content:"";position:absolute;width:240px;height:240px;right:-130px;top:-100px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none; }
.panel-sidebar-logo { display:flex;position:relative;z-index:1;height:var(--panel-topbar-height);min-height:var(--panel-topbar-height);align-items:center;padding:0 8px; }
.panel-sidebar-logo>.brand-lockup,
.panel-sidebar-logo>.owner-brand { width:100%;max-width:100%;padding:0; }
.panel-sidebar-logo .brand-logo-image,
.panel-sidebar-logo .platform-logo-image { max-width:185px;height:44px; }
.panel-sidebar-logo img { width:auto;max-width:185px;max-height:43px;object-fit:contain; }
.panel-sidebar-mini-logo { display:none;position:relative;z-index:1;width:44px;height:var(--panel-topbar-height);align-items:center;justify-content:center;margin:auto; }
.panel-sidebar-mini-logo img { width:34px;height:34px;border-radius:10px;object-fit:contain; }
.panel-menu-title { display:block;position:relative;margin:14px 15px 7px;color:rgba(238,242,255,.63);font-size:10px;font-weight:750;letter-spacing:.13em;line-height:1;text-transform:uppercase; }
.admin-sidebar nav,
.owner-sidebar nav { display:flex;position:relative;min-height:0;flex:1;flex-direction:column;gap:2px;margin:0;padding:2px 0 12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent; }
.admin-sidebar nav::-webkit-scrollbar,
.owner-sidebar nav::-webkit-scrollbar { width:4px; }
.admin-sidebar nav::-webkit-scrollbar-thumb,
.owner-sidebar nav::-webkit-scrollbar-thumb { border-radius:99px;background:rgba(255,255,255,.22); }
.admin-sidebar nav a,
.owner-sidebar nav a { display:flex;position:relative;min-height:40px;flex:0 0 auto;align-items:center;gap:10px;padding:0 15px;border:0;border-radius:8px;background:transparent;color:rgba(231,236,255,.84);font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;transition:background-color .15s ease,color .15s ease,transform .15s ease; }
.admin-sidebar nav a:hover,
.owner-sidebar nav a:hover { transform:none;background:rgba(255,255,255,.14);color:#fff; }
.admin-sidebar nav a.active,
.owner-sidebar nav a.active { background:rgba(255,255,255,.2);color:#fff;box-shadow:none;font-weight:600; }
.admin-sidebar nav a.active::after,
.owner-sidebar nav a.active::after { content:"";position:absolute;width:3px;height:20px;right:7px;border-radius:99px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.55); }
.admin-sidebar nav a>.panel-nav-icon,
.owner-sidebar nav a>.panel-nav-icon { display:grid;width:20px;height:20px;min-width:20px;place-items:center;font-size:0; }
.panel-nav-icon svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; }
.admin-sidebar nav a>.panel-nav-label,
.owner-sidebar nav a>.panel-nav-label { display:block;width:auto;min-width:0;overflow:hidden;text-overflow:ellipsis; }
.panel-sidebar-status { display:grid;position:relative;min-height:61px;grid-template-columns:10px 1fr;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.06); }
.panel-sidebar-status>i { width:8px;height:8px;border:2px solid rgba(255,255,255,.55);border-radius:50%;background:#45d48a;box-shadow:0 0 0 5px rgba(69,212,138,.13); }
.panel-sidebar-status span,.panel-sidebar-status b,.panel-sidebar-status small { display:block;min-width:0; }
.panel-sidebar-status b { overflow:hidden;color:#fff;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap; }
.panel-sidebar-status small { margin-top:3px;overflow:hidden;color:rgba(235,240,255,.62);font-size:9px;text-overflow:ellipsis;white-space:nowrap; }
.admin-sidebar-close { display:none;position:absolute;z-index:5;width:38px;height:38px;top:16px;right:12px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.1);color:#fff; }
.admin-sidebar-close svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round; }

/* Content and topbar */
.admin-main,
.owner-main { min-width:0;min-height:100vh;margin-left:var(--panel-sidebar-width);padding:0 24px 64px;transition:margin-left .28s ease; }
.admin-topbar,
.owner-topbar { display:grid!important;position:relative!important;z-index:35;min-height:var(--panel-topbar-height);grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;top:auto!important;margin:0 -24px 24px!important;padding:0 24px!important;overflow:visible;border:0;border-radius:0;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.07); }
.mobile-menu-button { display:grid!important;width:40px;height:40px;place-items:center;padding:0;border-radius:50%;background:transparent;color:#64748b;cursor:pointer;font-size:0;transition:background .15s ease,color .15s ease; }
.mobile-menu-button:hover { background:rgba(89,111,228,.12);color:var(--panel-primary); }
.mobile-menu-button:focus-visible,.panel-search-button:focus-visible,.panel-topbar-icon:focus-visible,.admin-notification-button:focus-visible,.admin-account-menu>summary:focus-visible { outline:3px solid rgba(89,111,228,.22);outline-offset:2px; }
.mobile-menu-button svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round; }
.panel-search-button,.panel-topbar-icon { display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;padding:0;border-radius:50%;background:transparent;color:#64748b;cursor:pointer;transition:background .15s ease,color .15s ease; }
.panel-search-button:hover,.panel-topbar-icon:hover { background:rgba(89,111,228,.12);color:var(--panel-primary); }
.panel-search-button svg,.panel-topbar-icon svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.panel-theme-button .is-moon { display:none; }
.admin-topbar>div:first-of-type,
.panel-topbar-heading { min-width:0; }
.admin-topbar .eyebrow,
.owner-topbar .eyebrow { margin:0 0 3px;color:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.12em; }
.admin-topbar h1,
.owner-topbar h1 { margin:0;overflow:hidden;color:var(--panel-heading);font-size:18px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap; }
.admin-top-actions { gap:8px; }
.admin-tablet-shortcut,
.owner-app-shortcut { min-height:40px;padding-inline:13px;border-radius:7px;background:var(--panel-primary);font-size:12px;font-weight:600;box-shadow:0 5px 14px rgba(89,111,228,.22); }
.owner-app-shortcut svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.admin-notification-button { width:40px;height:40px;flex-basis:40px;border:0;border-radius:50%;background:transparent;color:#64748b;box-shadow:none;transition:background .15s ease,color .15s ease; }
.admin-notification-button:hover { background:rgba(89,111,228,.12);color:var(--panel-primary); }
.admin-notification-button>span { top:-2px;right:-2px;border-color:#fff;background:#ef476f; }
.admin-account-menu>summary { min-width:196px;min-height:46px;grid-template-columns:36px minmax(0,1fr) 16px;gap:8px;padding:4px 8px 4px 5px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;transition:background .15s ease,border-color .15s ease; }
.admin-account-menu>summary:hover,.admin-account-menu[open]>summary { border-color:#e7eaf0;background:#f8fafc; }
.admin-account-avatar,.admin-account-popover-head>span { width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,var(--panel-menu-start),var(--panel-menu-end));font-size:11px; }
.admin-account-copy strong { color:#334155;font-size:12px;font-weight:650; }
.admin-account-copy small { color:#94a3b8;font-size:10px; }
.admin-account-popover { width:300px;top:calc(100% + 8px);gap:10px;padding:14px;border:1px solid #e7eaf0;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.13); }
.admin-account-popover-head strong { color:#334155;font-size:12px; }.admin-account-popover-head small { font-size:10px; }
.admin-account-popover>p { font-size:11px; }.admin-account-popover button { min-height:40px;border-radius:7px;font-size:11px; }

/* Command palette and contextual panel search */
.panel-command { position:fixed;z-index:1200;inset:0; }
.panel-command-backdrop { position:absolute;inset:0;background:rgba(15,23,42,.44);backdrop-filter:blur(5px); }
.panel-command-dialog { position:relative;width:min(620px,calc(100% - 32px));max-height:min(620px,calc(100vh - 70px));margin:70px auto 0;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:12px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.24);animation:panel-command-in .18s ease both; }
.panel-command-dialog>header { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #e7eaf0; }
.panel-command-dialog>header svg { width:22px;height:22px;fill:none;stroke:#64748b;stroke-width:1.8;stroke-linecap:round; }
.admin-body .panel-command-dialog input,.owner-body .panel-command-dialog input { min-height:42px;padding:0;border:0;background:transparent;color:#1f2937;font-size:15px;box-shadow:none; }
.panel-command-dialog kbd { padding:4px 7px;border:1px solid #dfe4eb;border-radius:5px;background:#f8fafc;color:#94a3b8;font:600 9px/1 Inter,sans-serif; }
.panel-command-dialog nav { display:grid;max-height:480px;gap:3px;padding:9px;overflow:auto; }
.panel-command-dialog nav a { display:grid;min-height:54px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;color:#475569;transition:background .15s ease,color .15s ease; }
.panel-command-dialog nav a:hover,.panel-command-dialog nav a:focus { background:var(--panel-primary-soft);color:var(--panel-primary);outline:0; }
.panel-command-dialog .panel-nav-icon { display:grid;width:38px;height:38px;place-items:center;border-radius:7px;background:#f1f5f9;color:var(--panel-primary); }
.panel-command-dialog .panel-nav-icon svg { width:19px;height:19px; }
.panel-command-dialog nav b { color:inherit;font-size:13px;font-weight:600; }.panel-command-dialog nav small { color:#94a3b8;font-size:10px; }
.panel-command-dialog nav>p { margin:10px;padding:26px;border:1px dashed #dfe4eb;border-radius:7px;color:#94a3b8;font-size:12px;text-align:center; }
body.panel-command-open { overflow:hidden; }
@keyframes panel-command-in { from { opacity:0;transform:translateY(-10px) scale(.985); } }

/* Konrix-style dark display option; operational colors remain unchanged. */
.panel-dark-mode { --panel-page-bg:#111827;--panel-card:#1f2937;--panel-copy:#cbd5e1;--panel-heading:#f8fafc;--panel-line:#334155;--panel-primary-soft:#27335f;color-scheme:dark; }
.panel-dark-mode .admin-topbar,.panel-dark-mode .owner-topbar,
.panel-dark-mode .content-card,.panel-dark-mode .owner-create-card,.panel-dark-mode .owner-tenant-card,.panel-dark-mode .request-review-card,
.panel-dark-mode .stats-grid article,.panel-dark-mode .owner-stat-grid article,.panel-dark-mode .page-intro { border-color:#334155;background:#1f2937;color:#cbd5e1;box-shadow:0 1px 3px rgba(0,0,0,.24); }
.panel-dark-mode .admin-topbar h1,.panel-dark-mode .owner-topbar h1,.panel-dark-mode h1,.panel-dark-mode h2,.panel-dark-mode h3,
.panel-dark-mode .data-main strong,.panel-dark-mode .section-heading h2,.panel-dark-mode .content-card>h2,.panel-dark-mode .owner-create-card h2 { color:#f8fafc; }
.panel-dark-mode .mobile-menu-button,.panel-dark-mode .panel-search-button,.panel-dark-mode .panel-topbar-icon,.panel-dark-mode .admin-notification-button { color:#cbd5e1; }
.panel-dark-mode .admin-account-menu>summary { color:#cbd5e1; }.panel-dark-mode .admin-account-menu>summary:hover,.panel-dark-mode .admin-account-menu[open]>summary { border-color:#334155;background:#273244; }
.panel-dark-mode .admin-account-copy strong { color:#f1f5f9; }
.panel-dark-mode .admin-account-popover,.panel-dark-mode .panel-command-dialog { border-color:#334155;background:#1f2937;color:#cbd5e1; }
.panel-dark-mode .admin-account-popover-head,.panel-dark-mode .panel-command-dialog>header { border-color:#334155; }
.panel-dark-mode .admin-account-popover>p b,.panel-dark-mode .admin-account-popover-head strong { color:#f8fafc; }
.panel-dark-mode .admin-account-popover button { background:#3a242b;color:#fda4af; }
.panel-dark-mode .admin-body input,.panel-dark-mode .admin-body select,.panel-dark-mode .admin-body textarea,
.panel-dark-mode input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),.panel-dark-mode select,.panel-dark-mode textarea { border-color:#3b4759;background:#172033;color:#cbd5e1; }
.panel-dark-mode label,.panel-dark-mode .data-main small,.panel-dark-mode .section-heading p,.panel-dark-mode .content-card>.muted { color:#aebdce; }
.panel-dark-mode .admin-body .panel-command-dialog input,.panel-dark-mode .owner-body .panel-command-dialog input { background:transparent;color:#f8fafc; }
.panel-dark-mode .panel-command-dialog kbd,.panel-dark-mode .panel-command-dialog .panel-nav-icon { border-color:#3b4759;background:#273244;color:#aab8ff; }
.panel-dark-mode .panel-command-dialog nav a { color:#cbd5e1; }
.panel-dark-mode .data-row,.panel-dark-mode th,.panel-dark-mode td,.panel-dark-mode .owner-tenant-card details { border-color:#334155; }
.panel-dark-mode tbody tr:hover,.panel-dark-mode .owner-usage-grid span { background:#273244; }
.panel-dark-mode .panel-theme-button .is-sun { display:none; }.panel-dark-mode .panel-theme-button .is-moon { display:block; }

/* Dashboard cards, data surfaces and widgets */
.stats-grid,
.owner-stat-grid { gap:16px;margin-bottom:20px; }
.stats-grid article,
.owner-stat-grid article { display:flex;min-height:128px;flex-direction:column;justify-content:center;padding:20px;border:0;border-radius:7px;background:var(--panel-card);box-shadow:0 1px 3px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05); }
.stats-grid article>span,.stats-grid article>small,
.owner-stat-grid article>span,.owner-stat-grid article>small { color:#94a3b8;font-size:11px; }
.stats-grid article>span,.owner-stat-grid article>span { font-weight:600; }
.stats-grid article>strong,.owner-stat-grid article>strong { margin:10px 0 7px;color:var(--panel-heading);font-size:28px;font-weight:650;letter-spacing:-.04em; }
.content-card,
.owner-create-card,
.owner-tenant-card,
.request-review-card { border:0;border-radius:7px;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05); }
.content-card { padding:24px; }
.owner-create-card { padding:24px; }
.owner-tenant-card { padding:20px; }
.section-heading h2,.content-card>h2,.owner-create-card h2 { color:var(--panel-heading);font-size:16px;font-weight:650;letter-spacing:-.015em; }
.section-heading p,.content-card>.muted { color:#64748b;font-size:13px;line-height:1.55; }
.page-intro { margin-bottom:20px;padding:20px 22px;border:0;border-radius:7px;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.08); }
.page-intro h2 { margin-bottom:7px;color:var(--panel-heading);font-size:20px;font-weight:650; }
.page-intro p { color:#64748b;font-size:13px; }
.eyebrow { color:var(--panel-primary);font-size:10px;letter-spacing:.12em; }
.data-row { min-height:53px;padding:11px 4px;border-bottom-color:#edf0f4; }
.data-main strong { color:#334155;font-size:13px;font-weight:600; }
.data-main small { color:#94a3b8;font-size:11px; }
.avatar,.device-icon,.owner-tenant-monogram { width:40px;height:40px;border-radius:50%;background:var(--panel-primary-soft);color:var(--panel-primary); }
.status-badge { padding:5px 9px;border-radius:5px;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:650; }
.status-badge.is-active { background:#e9f8f0;color:#169b62; }
.location-code,.chart-period { border-radius:5px;background:var(--panel-primary-soft);color:var(--panel-primary); }
.row-actions a,.row-actions button,.resource-action-icon { border-radius:6px!important;transition:background .15s ease,color .15s ease; }
.row-actions a:hover,.row-actions button:hover,.resource-action-icon:hover { background:var(--panel-primary-soft)!important;color:var(--panel-primary)!important; }
.owner-usage-grid span { border-radius:6px;background:#f8fafc; }
.owner-tenant-card details { border-top-color:#edf0f4; }

/* Forms, controls, buttons and tables */
.admin-body label,.owner-body label { gap:7px;color:#334155;font-size:12px;font-weight:600; }
.admin-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.admin-body select,.admin-body textarea,
.owner-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.owner-body select,.owner-body textarea { min-height:40px;padding-inline:12px;border:1px solid #e5e7eb;border-radius:5px;background:#fff;color:#64748b;font-size:13px;box-shadow:none; }
.admin-body textarea,.owner-body textarea { min-height:104px;padding-block:10px; }
.admin-body input:focus,.admin-body select:focus,.admin-body textarea:focus,
.owner-body input:focus,.owner-body select:focus,.owner-body textarea:focus { border-color:#8b9af0;box-shadow:0 0 0 3px rgba(89,111,228,.12); }
.admin-body input::placeholder,.owner-body input::placeholder { color:#aab4c2; }
.admin-body .button,.owner-body .button { min-height:40px;padding-inline:14px;border-radius:6px;font-size:12px;font-weight:600; }
.admin-body .button-primary,.owner-body .button-primary { background:var(--panel-primary);box-shadow:0 5px 14px rgba(89,111,228,.2); }
.admin-body .button-light,.owner-body .button-light { border-color:#e5e7eb;background:#fff;color:#475569;box-shadow:0 1px 2px rgba(15,23,42,.04); }
.admin-body .button-dark,.owner-body .button-dark { background:#334155; }
.owner-create-form fieldset,.settings-brand-card fieldset { padding:17px;border-color:#e7eaf0;border-radius:7px; }
.owner-create-form legend,.settings-brand-card legend { color:var(--panel-primary);font-size:10px;letter-spacing:.1em; }
.admin-body table,.owner-body table { width:100%;border-collapse:collapse;color:#64748b;font-size:13px; }
.admin-body th,.owner-body th { padding:12px 18px;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:10px;font-weight:650;letter-spacing:.06em;text-align:left;text-transform:uppercase; }
.admin-body td,.owner-body td { min-height:52px;padding:14px 18px;border-bottom:1px solid #edf0f4;color:#475569;font-size:12px; }
.admin-body tbody tr:hover,.owner-body tbody tr:hover { background:#f8fafc; }
.alert { border-radius:6px;font-size:12px; }

/* Desktop compact mode mirrors Konrix's icon sidebar. */
@media (min-width:1041px) {
  .panel-sidebar-compact .admin-sidebar,.panel-sidebar-compact .owner-sidebar { width:var(--panel-sidebar-compact);min-width:var(--panel-sidebar-compact);padding-inline:13px; }
  .panel-sidebar-compact .admin-main,.panel-sidebar-compact .owner-main { margin-left:var(--panel-sidebar-compact); }
  .panel-sidebar-compact .panel-sidebar-logo,.panel-sidebar-compact .panel-menu-title,.panel-sidebar-compact .panel-sidebar-status { display:none; }
  .panel-sidebar-compact .admin-sidebar nav a>.panel-nav-label,.panel-sidebar-compact .owner-sidebar nav a>.panel-nav-label { display:none; }
  .panel-sidebar-compact .panel-sidebar-mini-logo { display:flex; }
  .panel-sidebar-compact .admin-sidebar nav,.panel-sidebar-compact .owner-sidebar nav { padding-top:14px; }
  .panel-sidebar-compact .admin-sidebar nav a,.panel-sidebar-compact .owner-sidebar nav a { width:44px;justify-content:center;padding:0;margin-inline:auto; }
  .panel-sidebar-compact .admin-sidebar nav a.active::after,.panel-sidebar-compact .owner-sidebar nav a.active::after { width:3px;height:17px;right:3px; }
}

/* Off-canvas mobile navigation */
@media (max-width:1040px) {
  .admin-sidebar,.owner-sidebar { position:fixed!important;width:var(--panel-sidebar-width)!important;min-width:var(--panel-sidebar-width)!important;height:100vh!important;height:100dvh!important;inset:0 auto 0 0!important;flex-direction:column!important;align-items:stretch!important;margin:0!important;padding:0 15px calc(15px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-100%);opacity:0;box-shadow:18px 0 45px rgba(15,23,42,.22); }
  .admin-body .admin-sidebar { padding:env(safe-area-inset-top,0px) max(15px,env(safe-area-inset-right,0px)) calc(15px + env(safe-area-inset-bottom,0px)) max(15px,env(safe-area-inset-left,0px))!important; }
  .admin-body .admin-sidebar-close { top:calc(16px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px)); }
  .admin-sidebar.is-open,.owner-sidebar.is-open { transform:translateX(0);opacity:1; }
  .admin-sidebar-close { display:grid; }
  .panel-sidebar-logo { padding-right:44px; }
  .owner-sidebar nav { display:flex!important;margin:0!important;grid-auto-flow:row!important;overflow-y:auto!important; }
  .owner-sidebar nav a { min-height:40px!important;padding:0 15px!important;font-size:14px!important; }
  .owner-sidebar nav a>.panel-nav-icon { display:grid!important; }
  .owner-sidebar .panel-nav-label { display:block!important; }
  .admin-sidebar-overlay { display:block;z-index:80;background:rgba(15,23,42,.45);backdrop-filter:blur(4px); }
  .admin-main,.owner-main { margin-left:0;padding-inline:18px; }
  .admin-topbar,.owner-topbar { margin-inline:-18px!important;padding-inline:18px!important; }
  .panel-sidebar-compact .admin-main,.panel-sidebar-compact .owner-main { margin-left:0; }
  body.admin-menu-open { overflow:hidden; }
  .owner-create-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .admin-main,.owner-main { padding:0 12px 48px; }
  .admin-topbar,.owner-topbar { min-height:66px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;margin:0 -12px 18px!important;padding:0 12px!important; }
  .admin-body .admin-topbar { min-height:calc(66px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px))!important; }
  .admin-topbar h1,.owner-topbar h1 { font-size:16px; }
  .admin-topbar .eyebrow,.owner-topbar .eyebrow { font-size:8px; }
  .mobile-menu-button,.admin-notification-button,.panel-topbar-icon { width:38px;height:38px;flex-basis:38px; }
  .panel-search-button,.panel-fullscreen-button { display:none; }
  .admin-tablet-shortcut,.owner-app-shortcut { display:none; }
  .admin-account-copy { display:none; }
  .admin-account-menu>summary { width:42px;min-width:42px;grid-template-columns:34px;padding:4px; }
  .admin-account-avatar { width:34px;height:34px; }
  .admin-account-menu>summary>i { display:none; }
  .admin-account-popover { position:fixed;width:calc(100% - 24px);top:72px;right:12px; }
  .admin-body .admin-account-popover { width:auto;top:calc(72px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));left:max(12px,env(safe-area-inset-left,0px)); }
  .stats-grid,.owner-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  .stats-grid article,.owner-stat-grid article { min-height:112px;padding:16px; }
  .stats-grid article>strong,.owner-stat-grid article>strong { font-size:24px; }
  .content-card,.owner-create-card,.owner-tenant-card { padding:17px;border-radius:7px; }
  .page-intro { padding:17px; }
  .owner-create-form,.owner-tenant-edit { grid-template-columns:1fr; }
  .owner-usage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .data-row { grid-template-columns:auto minmax(0,1fr) auto; }
  .data-row>.status-badge { display:none; }
  .row-actions { grid-column:2/-1;justify-content:flex-start; }
  .admin-body th,.owner-body th { padding-inline:12px; }.admin-body td,.owner-body td { padding-inline:12px; }
  .panel-command-dialog { width:calc(100% - 20px);max-height:calc(100vh - 32px);margin:16px auto 0;border-radius:10px; }
  .panel-command-dialog nav { max-height:calc(100vh - 112px); }
  .panel-command-dialog nav a { grid-template-columns:36px 1fr; }.panel-command-dialog nav a>small { display:none; }
}
@media (max-width:460px) {
  .stats-grid,.owner-stat-grid { grid-template-columns:1fr 1fr; }
  .stats-grid article,.owner-stat-grid article { min-height:104px;padding:14px; }
  .stats-grid article>small,.owner-stat-grid article>small { display:none; }
  .admin-top-actions { gap:3px; }
  .owner-usage-grid { grid-template-columns:1fr; }
  .page-intro h2 { font-size:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .admin-sidebar,.owner-sidebar,.admin-main,.owner-main { transition:none!important; }
}

/* Accurate Türkiye marketing map, reusing the 81-province vector asset. */
.synex-product-vitrine .turkey-map-visual { display:flex;isolation:isolate;flex-direction:column;overflow:hidden; }
.synex-product-vitrine .marketing-turkey-canvas { position:relative;width:100%;height:300px;min-height:300px;flex:0 0 300px;margin:13px 0 14px;overflow:hidden;border:1px solid rgba(49,119,167,.2);border-radius:19px;background:radial-gradient(circle at 18% 16%,rgba(36,150,234,.28),transparent 27%),radial-gradient(circle at 86% 78%,rgba(29,199,157,.25),transparent 32%),linear-gradient(155deg,#eaf7ff,#e1f7f1);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 34px rgba(44,105,144,.1); }
.synex-product-vitrine .marketing-turkey-canvas::before { content:"";position:absolute;z-index:2;width:34%;height:170%;top:-38%;left:-48%;transform:rotate(17deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);animation:marketing-map-sheen 7s ease-in-out infinite;pointer-events:none; }
.synex-product-vitrine .marketing-turkey-canvas::after { content:"";position:absolute;z-index:0;inset:0;background-image:radial-gradient(circle,rgba(48,104,145,.12) 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(90deg,rgba(0,0,0,.45),transparent 28%,transparent 72%,rgba(0,0,0,.28));pointer-events:none; }
.synex-product-vitrine .marketing-turkey-provinces { position:absolute;z-index:1;inset:12px 15px;filter:drop-shadow(0 18px 24px rgba(35,83,125,.2)) saturate(1.2); }
.synex-product-vitrine .marketing-turkey-provinces > svg { display:block;width:100%;height:100%;overflow:visible; }
.synex-product-vitrine .marketing-turkey-provinces .city { fill:#9ecdf0;stroke:rgba(255,255,255,.98);stroke-width:1.1;transition:fill .25s ease,filter .25s ease,transform .25s ease;transform-box:fill-box;transform-origin:center;animation:marketing-province-pulse 7.5s ease-in-out infinite; }
.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(3n+1) { fill:#86d8c5;animation-delay:-2.4s; }
.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(3n+2) { fill:#aebcf2;animation-delay:-4.8s; }
.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(5n) { fill:#74c5e7; }
.synex-product-vitrine .marketing-turkey-provinces .city:hover { fill:#4caed8;filter:brightness(1.08) saturate(1.18);transform:scale(1.035); }
.synex-product-vitrine .turkey-map-svg.marketing-map-overlay { position:absolute;z-index:3;width:calc(100% - 30px);height:calc(100% - 24px);inset:12px 15px;margin:0;overflow:visible;pointer-events:none; }
.synex-product-vitrine .marketing-map-overlay .map-route { stroke:#4c8ee4;stroke-width:1.7;stroke-dasharray:8 8;opacity:.42; }
.synex-product-vitrine .marketing-map-overlay .route-secondary { stroke:#30ad9b;animation-direction:reverse; }
.synex-product-vitrine .marketing-map-overlay .map-pin { filter:drop-shadow(0 8px 11px rgba(42,105,169,.3));animation:marketing-map-pin-float 3.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center; }
.synex-product-vitrine .marketing-map-overlay .map-pin:nth-of-type(2n) { animation-delay:-1.8s; }
.synex-product-vitrine .turkey-map-visual .map-city-tags { position:relative;z-index:5;flex:0 0 auto;margin-top:0;transform:none; }
@keyframes marketing-map-sheen { 0%,38%{left:-48%} 72%,100%{left:120%} }
@keyframes marketing-province-pulse { 0%,100%{filter:brightness(1)} 50%{filter:brightness(1.055)} }
@keyframes marketing-map-pin-float { 0%,100%{translate:0 0} 50%{translate:0 -5px} }
@media (max-width:760px) {
  .synex-product-vitrine .marketing-turkey-canvas { height:225px;min-height:225px;flex-basis:225px;border-radius:15px; }
  .synex-product-vitrine .marketing-turkey-provinces,.synex-product-vitrine .turkey-map-svg.marketing-map-overlay { inset:8px; }
  .synex-product-vitrine .turkey-map-svg.marketing-map-overlay { width:calc(100% - 16px);height:calc(100% - 16px); }
}
@media (prefers-reduced-motion:reduce) { .synex-product-vitrine .marketing-turkey-canvas::before,.synex-product-vitrine .marketing-turkey-provinces .city,.synex-product-vitrine .marketing-map-overlay .map-pin { animation:none!important; } }

/* In-field password visibility control for secure login and reset screens. */
.password-input-shell { display:block;position:relative;width:100%;min-width:0; }
.password-input-shell > input { width:100%!important;padding-right:52px!important; }
.password-visibility-toggle { display:grid;position:absolute;width:40px;height:40px;top:50%;right:5px;place-items:center;padding:0;border:0;border-radius:11px;transform:translateY(-50%);background:transparent;color:#8795a1;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease; }
.password-visibility-toggle:hover { background:color-mix(in srgb,var(--theme-primary-soft) 70%,#fff);color:var(--theme-primary-strong); }
.password-visibility-toggle:active { transform:translateY(-50%) scale(.94); }
.password-visibility-toggle:focus-visible { outline:2px solid color-mix(in srgb,var(--theme-primary) 65%,#fff);outline-offset:1px; }
.password-visibility-toggle svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; }
@media (prefers-reduced-motion:reduce) { .password-visibility-toggle { transition:none; } }

/* 8.0.8 — self-contained public header, dimensional map and PWA pagination alignment. */
body.synex-product-vitrine .product-header.product-header-pro {
  color-scheme: dark;
}
body.synex-product-vitrine .product-header-top {
  height: 54px!important;
  border-bottom: 1px solid rgba(130,190,255,.16)!important;
  background: linear-gradient(100deg,#06182f 0%,#0b2442 52%,#06182f 100%)!important;
  box-shadow: inset 0 -1px rgba(255,255,255,.025)!important;
}
body.synex-product-vitrine .product-header-top-shell {
  width: min(1710px,calc(100% - 72px))!important;
  min-height: 54px!important;
}
body.synex-product-vitrine .product-top-phone {
  display: inline-flex!important;
  align-items: center!important;
  gap: 12px!important;
  color: #e6f3ff!important;
  text-decoration: none!important;
}
body.synex-product-vitrine .product-phone-icon {
  display: grid!important;
  position: relative!important;
  width: 34px!important;
  height: 34px!important;
  flex: 0 0 34px!important;
  place-items: center!important;
  border: 1px solid rgba(132,202,255,.22)!important;
  border-radius: 11px!important;
  background: linear-gradient(145deg,rgba(96,184,255,.17),rgba(69,132,219,.06))!important;
  color: #9bd4ff!important;
  box-shadow: inset 0 1px rgba(255,255,255,.1),0 9px 22px rgba(0,8,25,.2)!important;
}
body.synex-product-vitrine .product-phone-icon > svg {
  display: block!important;
  width: 18px!important;
  height: 18px!important;
  fill: none!important;
  stroke: currentColor!important;
  stroke-width: 1.9!important;
  stroke-linecap: round!important;
  stroke-linejoin: round!important;
  transform-origin: 48% 52%;
  animation: public-phone-ring 3.8s ease-in-out infinite;
}
body.synex-product-vitrine .product-phone-icon > span {
  position: absolute!important;
  inset: -5px!important;
  border: 1px solid rgba(143,211,255,.34)!important;
  border-radius: 15px!important;
  opacity: 0;
  animation: public-phone-halo 3.8s ease-out infinite;
}
body.synex-product-vitrine .product-top-phone > strong {
  color: #a9d9ff!important;
  font-size: .82rem!important;
  font-weight: 800!important;
  letter-spacing: .025em!important;
}
body.synex-product-vitrine .product-top-contact,
body.synex-product-vitrine .product-top-socials { display: flex!important;align-items: center!important; }
body.synex-product-vitrine .product-top-socials {
  gap: 7px!important;
  padding-left: 18px!important;
  border-left: 1px solid rgba(255,255,255,.13)!important;
}
body.synex-product-vitrine .product-top-socials a,
body.synex-product-vitrine .product-top-socials > span {
  display: grid!important;
  width: 32px!important;
  height: 32px!important;
  place-items: center!important;
  color: rgba(218,235,250,.58)!important;
}
body.synex-product-vitrine .product-top-socials svg { width: 16px!important;height: 16px!important; }
body.synex-product-vitrine .product-header-pro .product-header-shell {
  width: min(1710px,calc(100% - 72px))!important;
  min-height: 112px!important;
  grid-template-columns: minmax(190px,220px) minmax(0,1fr)!important;
  gap: clamp(22px,2.4vw,44px)!important;
}
body.synex-product-vitrine .product-header-pro .product-navigation-panel {
  display: grid!important;
  min-width: 0!important;
  grid-template-columns: minmax(470px,1fr) auto!important;
  align-items: center!important;
  gap: clamp(24px,2.7vw,48px)!important;
}
body.synex-product-vitrine .product-header-pro .product-nav-links {
  display: flex!important;
  min-width: 0!important;
  justify-self: center!important;
  align-items: center!important;
  gap: clamp(21px,1.65vw,34px)!important;
}
body.synex-product-vitrine .product-header-pro .product-nav-links a {
  display: inline-flex!important;
  min-height: 48px!important;
  align-items: center!important;
  color: rgba(239,246,255,.76)!important;
  font-size: .69rem!important;
  font-weight: 720!important;
  white-space: nowrap!important;
}
body.synex-product-vitrine .product-header-pro .product-header-actions {
  display: flex!important;
  min-width: 0!important;
  justify-self: end!important;
  align-items: center!important;
  gap: 10px!important;
}
body.synex-product-vitrine .product-header-cta {
  display: inline-grid!important;
  position: relative!important;
  min-height: 58px!important;
  grid-template-columns: 40px minmax(0,auto) 20px!important;
  align-items: center!important;
  gap: 9px!important;
  padding: 8px 11px 8px 8px!important;
  overflow: hidden!important;
  border: 1px solid rgba(255,255,255,.16)!important;
  border-radius: 17px!important;
  color: #fff!important;
  isolation: isolate!important;
  font-size: .64rem!important;
  font-weight: 800!important;
  line-height: 1!important;
  text-decoration: none!important;
  white-space: nowrap!important;
  transition: transform .24s ease,box-shadow .24s ease,filter .24s ease!important;
}
body.synex-product-vitrine .product-header-cta::before {
  content: ""!important;
  position: absolute!important;
  z-index: -1!important;
  width: 52%!important;
  height: 180%!important;
  top: -40%!important;
  left: -75%!important;
  transform: rotate(18deg)!important;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)!important;
  transition: left .55s ease!important;
}
body.synex-product-vitrine .product-header-cta:hover { color:#fff!important;filter:saturate(1.08) brightness(1.06)!important;transform:translateY(-3px)!important; }
body.synex-product-vitrine .product-header-cta:hover::before { left:125%!important; }
body.synex-product-vitrine .product-header-cta-icon {
  display: grid!important;
  width: 40px!important;
  height: 40px!important;
  place-items: center!important;
  border: 1px solid rgba(255,255,255,.18)!important;
  border-radius: 12px!important;
  background: rgba(255,255,255,.11)!important;
  color: #fff!important;
  box-shadow: inset 0 1px rgba(255,255,255,.13)!important;
}
body.synex-product-vitrine .product-header-cta-icon svg,
body.synex-product-vitrine .product-header-cta-arrow svg {
  display: block!important;
  fill: none!important;
  stroke: currentColor!important;
  stroke-width: 1.8!important;
  stroke-linecap: round!important;
  stroke-linejoin: round!important;
}
body.synex-product-vitrine .product-header-cta-icon svg { width:20px!important;height:20px!important; }
body.synex-product-vitrine .product-header-cta-label { display:block!important;position:static!important;color:#fff!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:0!important;text-transform:none!important; }
body.synex-product-vitrine .product-header-cta-arrow {
  display: grid!important;
  position: static!important;
  width: 20px!important;
  height: 20px!important;
  place-items: center!important;
  border-radius: 7px!important;
  background: rgba(255,255,255,.1)!important;
  color: #fff!important;
}
body.synex-product-vitrine .product-header-cta-arrow svg { width:12px!important;height:12px!important; }
body.synex-product-vitrine .product-header-cta.is-whatsapp { min-width:178px!important;background:linear-gradient(135deg,#2cc47d 0%,#129963 52%,#08704f 100%)!important;box-shadow:0 17px 36px rgba(12,152,94,.28),inset 0 1px rgba(255,255,255,.16)!important; }
body.synex-product-vitrine .product-header-cta.is-login { min-width:146px!important;background:linear-gradient(135deg,#6f80ea 0%,#5064ca 50%,#34479b 100%)!important;box-shadow:0 17px 36px rgba(73,91,193,.27),inset 0 1px rgba(255,255,255,.16)!important; }
body.synex-product-vitrine .product-header-cta.is-purchase { min-width:142px!important;background:linear-gradient(135deg,#38a7fa 0%,#137cde 52%,#154fa9 100%)!important;box-shadow:0 17px 36px rgba(20,116,218,.3),inset 0 1px rgba(255,255,255,.16)!important; }

/* The province vector is tilted and lifted above a perspective operations grid. */
body.synex-product-vitrine .marketing-turkey-canvas {
  height: 326px!important;
  min-height: 326px!important;
  flex-basis: 326px!important;
  perspective: 1180px!important;
  perspective-origin: 50% 40%!important;
  transform-style: preserve-3d!important;
  border: 1px solid rgba(91,174,234,.35)!important;
  border-radius: 22px!important;
  background:
    radial-gradient(circle at 24% 13%,rgba(42,148,226,.32),transparent 29%),
    radial-gradient(circle at 82% 74%,rgba(22,182,149,.19),transparent 31%),
    linear-gradient(150deg,#0d2d50 0%,#0a2340 48%,#06182d 100%)!important;
  box-shadow: inset 0 1px rgba(255,255,255,.13),inset 0 -38px 72px rgba(0,8,23,.34),0 24px 50px rgba(9,48,82,.24)!important;
}
body.synex-product-vitrine .marketing-turkey-canvas::after {
  content: ""!important;
  position: absolute!important;
  z-index: 0!important;
  inset: 39% -13% -58%!important;
  background-image: linear-gradient(rgba(102,176,222,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(102,176,222,.18) 1px,transparent 1px)!important;
  background-size: 29px 29px!important;
  mask-image: linear-gradient(180deg,rgba(0,0,0,.92),transparent 80%)!important;
  transform: perspective(410px) rotateX(63deg) scale(1.3)!important;
  transform-origin: 50% 0!important;
}
body.synex-product-vitrine .marketing-turkey-canvas::before {
  z-index: 7!important;
  width: 23%!important;
  height: 190%!important;
  top: -48%!important;
  background: linear-gradient(90deg,transparent,rgba(131,215,255,.2),transparent)!important;
  mix-blend-mode: screen!important;
  animation: marketing-map-sheen 8.2s ease-in-out infinite!important;
}
body.synex-product-vitrine .marketing-turkey-provinces,
body.synex-product-vitrine .turkey-map-svg.marketing-map-overlay {
  width: auto!important;
  height: auto!important;
  inset: 21px 25px 35px!important;
  transform: rotateX(17deg) rotateZ(-.8deg) translateY(-9px) translateZ(34px) scale(.96)!important;
  transform-origin: 50% 58%!important;
  transform-style: preserve-3d!important;
}
body.synex-product-vitrine .marketing-turkey-provinces {
  z-index: 3!important;
  filter: drop-shadow(0 2px 0 #031327) drop-shadow(0 5px 0 #08213a) drop-shadow(0 9px 0 rgba(5,29,51,.78)) drop-shadow(0 27px 23px rgba(0,7,20,.62)) saturate(1.18)!important;
}
body.synex-product-vitrine .marketing-turkey-provinces::after {
  content: "";
  position: absolute;
  z-index: -1;
  height: 16%;
  right: 11%;
  bottom: 3%;
  left: 11%;
  transform: translateZ(-50px) translateY(17px);
  border-radius: 50%;
  background: rgba(0,5,18,.74);
  filter: blur(17px);
}
body.synex-product-vitrine .marketing-turkey-provinces > svg { position:relative!important;z-index:2!important;width:100%!important;height:100%!important;overflow:visible!important; }
body.synex-product-vitrine .marketing-turkey-provinces .city {
  fill: #246fac!important;
  stroke: rgba(205,237,255,.92)!important;
  stroke-width: 1.08!important;
  paint-order: stroke fill!important;
  animation: business-map-light 7.6s ease-in-out infinite!important;
}
body.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(3n+1) { fill:#168579!important; }
body.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(3n+2) { fill:#5364b6!important; }
body.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(5n) { fill:#1684bd!important; }
body.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(7n) { fill:#168f73!important; }
body.synex-product-vitrine .marketing-turkey-provinces .city:hover { fill:#3fc3dd!important;filter:brightness(1.2) saturate(1.2) drop-shadow(0 8px 5px rgba(0,9,28,.5))!important;transform:translateY(-4px) scale(1.03)!important; }
body.synex-product-vitrine .turkey-map-svg.marketing-map-overlay { z-index:5!important;margin:0!important;overflow:visible!important; }
body.synex-product-vitrine .marketing-map-overlay .map-route { stroke:#69ccff!important;stroke-width:2.1!important;stroke-dasharray:5 8!important;opacity:.82!important;filter:drop-shadow(0 0 6px rgba(73,193,255,.65))!important;animation:business-route-flow 13s linear infinite!important; }
body.synex-product-vitrine .marketing-map-overlay .route-secondary { stroke:#5ae1bb!important;animation-direction:reverse!important; }
body.synex-product-vitrine .marketing-map-overlay .map-pin { filter:drop-shadow(0 10px 8px rgba(0,5,20,.6)) drop-shadow(0 0 9px rgba(95,202,255,.65))!important; }
body.synex-product-vitrine .marketing-map-overlay .map-pin > circle:first-child { fill:rgba(100,208,255,.2)!important;stroke:rgba(157,227,255,.45)!important; }
body.synex-product-vitrine .marketing-map-overlay .map-pin > path { fill:#65ceff!important;stroke:#effaff!important; }
body.synex-product-vitrine .marketing-map-overlay .map-pin > circle:last-child { fill:#061d35!important; }
body.synex-product-vitrine .turkey-map-visual .map-city-tags span { border-top:2px solid #3a9fd8!important;background:linear-gradient(180deg,#fff,#f5f8fb)!important;color:#153a56!important;box-shadow:0 12px 25px rgba(16,52,82,.09),inset 0 1px #fff!important; }

/* PWA pagination buttons use an explicit height so their labels stay centered. */
.employee-app-shell .app-pagination { align-items:center!important; }
.employee-app-shell .pagination-direction {
  display:inline-flex!important;
  height:44px!important;
  min-height:44px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 15px!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.employee-app-shell .app-pagination > span:not(.pagination-direction) { display:inline-flex;min-height:44px;align-items:center;justify-content:center;line-height:1; }

@keyframes public-phone-ring { 0%,78%,100%{transform:rotate(0)} 82%{transform:rotate(13deg)} 86%{transform:rotate(-11deg)} 90%{transform:rotate(7deg)} 94%{transform:rotate(-4deg)} }
@keyframes public-phone-halo { 0%,74%{opacity:0;transform:scale(.75)} 82%{opacity:.58} 100%{opacity:0;transform:scale(1.34)} }
@keyframes business-map-light { 0%,100%{filter:brightness(.96)} 50%{filter:brightness(1.12)} }
@keyframes business-route-flow { to{stroke-dashoffset:-104} }

@media (max-width:1450px) and (min-width:1041px) {
  body.synex-product-vitrine .product-header-pro .product-header-shell { width:calc(100% - 36px)!important;grid-template-columns:175px minmax(0,1fr)!important;gap:16px!important; }
  body.synex-product-vitrine .product-header-pro .product-navigation-panel { grid-template-columns:minmax(370px,1fr) auto!important;gap:14px!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links { gap:15px!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a { font-size:.61rem!important; }
  body.synex-product-vitrine .product-header-cta { min-height:52px!important;grid-template-columns:34px minmax(0,auto) 16px!important;gap:7px!important;padding:6px 9px 6px 6px!important;font-size:.57rem!important; }
  body.synex-product-vitrine .product-header-cta-icon { width:34px!important;height:34px!important; }
  body.synex-product-vitrine .product-header-cta-arrow { width:16px!important;height:16px!important; }
  body.synex-product-vitrine .product-header-cta.is-whatsapp { min-width:154px!important; }
  body.synex-product-vitrine .product-header-cta.is-login { min-width:124px!important; }
  body.synex-product-vitrine .product-header-cta.is-purchase { min-width:122px!important; }
}
@media (max-width:1040px) {
  body.synex-product-vitrine .product-header-top { display:none!important; }
  body.synex-product-vitrine .product-header-pro .product-header-shell { width:calc(100% - 28px)!important;min-height:86px!important;grid-template-columns:minmax(0,1fr) 46px!important; }
  body.synex-product-vitrine .product-header-pro .product-navigation-panel { display:flex!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a { justify-content:center!important; }
  body.synex-product-vitrine .product-header-pro .product-header-actions { display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  body.synex-product-vitrine .product-header-cta,
  body.synex-product-vitrine .product-header-cta.is-whatsapp,
  body.synex-product-vitrine .product-header-cta.is-login,
  body.synex-product-vitrine .product-header-cta.is-purchase { width:100%!important;min-width:0!important;min-height:58px!important;grid-template-columns:38px minmax(0,1fr) 19px!important; }
}
@media (max-width:600px) {
  body.synex-product-vitrine .product-header-pro .product-nav-links,
  body.synex-product-vitrine .product-header-pro .product-header-actions { grid-template-columns:1fr!important; }
  body.synex-product-vitrine .marketing-turkey-canvas { height:235px!important;min-height:235px!important;flex-basis:235px!important; }
  body.synex-product-vitrine .marketing-turkey-provinces,
  body.synex-product-vitrine .turkey-map-svg.marketing-map-overlay { inset:13px 9px 23px!important;transform:rotateX(12deg) translateY(-4px) translateZ(24px) scale(.985)!important; }
}
@media (prefers-reduced-motion:reduce) {
  body.synex-product-vitrine .product-phone-icon > svg,
  body.synex-product-vitrine .product-phone-icon > span,
  body.synex-product-vitrine .marketing-turkey-provinces .city,
  body.synex-product-vitrine .marketing-map-overlay .map-route { animation:none!important; }
}

/* 8.0.9 — light dimensional network map, live branch simulation and reference-inspired CTA motion. */
body.synex-product-vitrine .marketing-turkey-canvas {
  border-color: rgba(86,153,197,.22)!important;
  background:
    radial-gradient(circle at 22% 14%,rgba(79,174,230,.18),transparent 31%),
    radial-gradient(circle at 82% 78%,rgba(45,197,157,.14),transparent 33%),
    linear-gradient(150deg,#fbfdff 0%,#edf7fb 48%,#e8f5f1 100%)!important;
  box-shadow: inset 0 1px rgba(255,255,255,.95),inset 0 -36px 72px rgba(81,141,169,.075),0 24px 50px rgba(38,91,124,.13)!important;
}
body.synex-product-vitrine .marketing-turkey-canvas::after {
  background-image: linear-gradient(rgba(56,125,169,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(56,125,169,.13) 1px,transparent 1px)!important;
  mask-image: linear-gradient(180deg,rgba(0,0,0,.67),transparent 82%)!important;
}
body.synex-product-vitrine .marketing-turkey-canvas::before {
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent)!important;
  mix-blend-mode: screen!important;
}
body.synex-product-vitrine .marketing-turkey-provinces {
  filter: drop-shadow(0 2px 0 rgba(21,60,87,.58)) drop-shadow(0 5px 0 rgba(35,83,112,.31)) drop-shadow(0 9px 0 rgba(49,102,129,.17)) drop-shadow(0 25px 22px rgba(32,79,105,.24)) saturate(1.16)!important;
}
body.synex-product-vitrine .marketing-turkey-provinces::after { background:rgba(30,77,102,.24);filter:blur(18px); }
body.synex-product-vitrine .marketing-turkey-provinces .city { fill:#3b8fc2!important;stroke:rgba(246,252,255,.98)!important; }
body.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(3n+1) { fill:#39a994!important; }
body.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(3n+2) { fill:#7786cf!important; }
body.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(5n) { fill:#31a2ce!important; }
body.synex-product-vitrine .marketing-turkey-provinces .city:nth-of-type(7n) { fill:#30a77e!important; }
body.synex-product-vitrine .marketing-map-overlay .map-route { stroke:#348fd0!important;filter:drop-shadow(0 0 5px rgba(52,143,208,.34))!important; }
body.synex-product-vitrine .marketing-map-overlay .route-secondary { stroke:#29aa86!important; }
body.synex-product-vitrine .marketing-map-overlay .map-pin { filter:drop-shadow(0 8px 7px rgba(28,75,109,.27)) drop-shadow(0 0 8px rgba(38,148,220,.35))!important; }
body.synex-product-vitrine .marketing-map-overlay .map-pin > circle:first-child { fill:rgba(60,157,220,.14)!important;stroke:rgba(38,132,195,.24)!important; }
body.synex-product-vitrine .marketing-map-overlay .map-pin > path { fill:#258ed2!important;stroke:#fff!important; }
body.synex-product-vitrine .marketing-map-overlay .map-pin > circle:last-child { fill:#fff!important; }

.map-location-insights { position:absolute;z-index:6;inset:0;pointer-events:none; }
.map-location-insights > article {
  position:absolute;
  width:clamp(148px,19vw,184px);
  left:clamp(86px,var(--x),calc(100% - 86px));
  top:clamp(110px,var(--y),calc(100% - 76px));
  padding:10px;
  transform:translate(-50%,calc(-100% - 19px)) scale(.82);
  transform-origin:50% 100%;
  border:1px solid rgba(80,141,180,.2);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 42px rgba(33,78,107,.2),inset 0 1px #fff;
  backdrop-filter:blur(15px) saturate(145%);
  opacity:0;
  animation:map-insight-cycle 12s ease-in-out infinite var(--delay);
}
.map-location-insights > article::after { content:"";position:absolute;width:10px;height:10px;left:50%;bottom:-6px;transform:translateX(-50%) rotate(45deg);border-right:1px solid rgba(80,141,180,.2);border-bottom:1px solid rgba(80,141,180,.2);background:#fff; }
.map-location-insights article > header { display:grid!important;min-height:0!important;grid-template-columns:8px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:0 0 8px!important;border-bottom:1px solid #e7eff4!important;background:transparent!important;color:#143951!important; }
.map-location-insights article > header > i { width:7px!important;height:7px!important;border-radius:50%!important;background:#29ba82!important;box-shadow:0 0 0 5px rgba(41,186,130,.12)!important;animation:map-insight-status 1.8s ease-in-out infinite; }
.map-location-insights article > header span,.map-location-insights article > header b,.map-location-insights article > header small { display:block!important;min-width:0!important; }
.map-location-insights article > header b { overflow:hidden;color:#143951!important;font-size:9px!important;font-weight:850!important;line-height:1.2!important;text-overflow:ellipsis;white-space:nowrap; }
.map-location-insights article > header small { margin-top:2px;color:#78909e!important;font-size:6px!important;font-weight:650!important;line-height:1.2!important; }
.map-location-insights article > div { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px; }
.map-location-insights article > div > span { display:grid;gap:2px;padding:5px 4px;border-radius:8px;background:#f3f7fa;text-align:center; }
.map-location-insights article > div small { color:#8295a1;font-size:6px;font-weight:700; }
.map-location-insights article > div b { color:#21465e;font-size:10px;font-weight:900; }
.map-location-insights .is-entry { background:#eaf8f2!important; }.map-location-insights .is-entry b { color:#18845c!important; }
.map-location-insights .is-exit { background:#edf4ff!important; }.map-location-insights .is-exit b { color:#3973b7!important; }
.map-location-insights .is-leave { background:#f4effb!important; }.map-location-insights .is-leave b { color:#7954a9!important; }

body.synex-product-vitrine .product-header-cta-icon,
body.synex-product-vitrine .product-header-cta-label,
body.synex-product-vitrine .product-header-cta-arrow { position:relative!important;z-index:3!important; }
body.synex-product-vitrine .product-header-cta.is-whatsapp::before,
body.synex-product-vitrine .product-header-cta.is-login::before {
  z-index:2!important;
  width:45%!important;
  height:100%!important;
  top:0!important;
  left:-60%!important;
  transform:skewX(-18deg) translateX(0)!important;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent)!important;
  transition:transform .7s ease!important;
}
body.synex-product-vitrine .product-header-cta.is-whatsapp:hover::before,
body.synex-product-vitrine .product-header-cta.is-login:hover::before { left:-60%!important;transform:skewX(-18deg) translateX(360%)!important; }
body.synex-product-vitrine .product-header-cta.is-whatsapp:hover { box-shadow:0 14px 38px -10px rgba(34,193,123,.68),inset 0 1px rgba(255,255,255,.16)!important; }
body.synex-product-vitrine .product-header-cta.is-login:hover { box-shadow:0 14px 38px -10px rgba(111,128,234,.66),inset 0 1px rgba(255,255,255,.16)!important; }
body.synex-product-vitrine .product-header-cta.is-purchase {
  border:0!important;
  background:#10244b!important;
  box-shadow:0 16px 38px -11px rgba(31,119,226,.68)!important;
}
body.synex-product-vitrine .product-header-cta.is-purchase::before {
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  width:190%!important;
  height:430%!important;
  top:-165%!important;
  left:-45%!important;
  transform:none!important;
  background:conic-gradient(from 0deg,#4ab9ff,#6975ef,#4ce0b7,#4ab9ff)!important;
  animation:purchase-conic-spin 4s linear infinite!important;
}
body.synex-product-vitrine .product-header-cta.is-purchase::after { content:"";position:absolute;z-index:1;inset:2px;border-radius:15px;background:linear-gradient(135deg,#15346b,#102758 58%,#0b1e45); }
body.synex-product-vitrine .product-header-cta.is-purchase:hover::before { left:-45%!important; }
body.synex-product-vitrine .product-header-cta.is-purchase:hover { box-shadow:0 16px 44px -8px rgba(76,136,245,.78)!important; }

.employee-app-shell .app-pagination {
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) minmax(42px,auto) minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:clamp(6px,2vw,12px)!important;
  overflow:hidden!important;
}
.employee-app-shell .pagination-direction {
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 clamp(7px,2.8vw,14px)!important;
  overflow:hidden!important;
  font-size:clamp(.61rem,2.9vw,.72rem)!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.employee-app-shell .app-pagination > span:not(.pagination-direction) { min-width:42px!important;min-height:44px!important;padding:0 4px!important;font-size:clamp(.68rem,3.4vw,.85rem)!important;white-space:nowrap!important; }
.employee-app-shell .pagination-pages { width:auto!important;max-width:min(35vw,210px)!important;min-width:0!important;order:initial!important;justify-content:flex-start!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none; }
.employee-app-shell .pagination-pages::-webkit-scrollbar { display:none; }

@keyframes map-insight-cycle {
  0%,27%,100% { opacity:0;transform:translate(-50%,calc(-100% - 12px)) scale(.82); }
  3%,20% { opacity:1;transform:translate(-50%,calc(-100% - 21px)) scale(1); }
  23% { opacity:0;transform:translate(-50%,calc(-100% - 28px)) scale(.96); }
}
@keyframes map-insight-status { 50%{opacity:.42;transform:scale(.78)} }
@keyframes purchase-conic-spin { to{transform:rotate(360deg)} }

@media (max-width:600px) {
  .map-location-insights > article { width:142px;padding:8px;left:clamp(76px,var(--x),calc(100% - 76px));top:clamp(96px,var(--y),calc(100% - 62px)); }
  .map-location-insights article > div { gap:3px; }.map-location-insights article > div > span { padding:4px 2px; }
  .employee-app-shell .app-pagination { grid-template-columns:minmax(0,1fr) minmax(38px,auto) minmax(0,1fr)!important;gap:6px!important; }
  .employee-app-shell .pagination-direction { height:42px!important;min-height:42px!important;padding-inline:7px!important;font-size:.62rem!important;border-radius:12px!important; }
  .employee-app-shell .app-pagination > span:not(.pagination-direction) { min-width:38px!important;min-height:42px!important;padding:0 2px!important;font-size:.72rem!important; }
}
@media (prefers-reduced-motion:reduce) {
  .map-location-insights > article { display:none!important;animation:none!important; }
  body.synex-product-vitrine .product-header-cta.is-purchase::before { animation:none!important; }
  body.synex-product-vitrine .product-header-cta.is-whatsapp::before,
  body.synex-product-vitrine .product-header-cta.is-login::before { transition:none!important; }
}

/* 8.1.0 — deterministic PWA pagination, CodePen CTA primitives and premium Türkiye network. */
.employee-app-shell .employee-pagination {
  display:grid!important;
  width:100%!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:8px!important;
  box-sizing:border-box!important;
  margin:14px 0 0!important;
  padding:0 8px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--theme-primary) 12%,#e7edf2)!important;
  border-radius:17px!important;
  background:color-mix(in srgb,var(--theme-primary-soft) 28%,#f8fafb)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9)!important;
}
.employee-app-shell .employee-pagination .pagination-direction {
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  align-self:center!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 10px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--theme-primary) 15%,#e2e8ed)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--theme-dark)!important;
  box-shadow:0 6px 16px rgba(25,53,67,.055)!important;
  font-size:.7rem!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.employee-app-shell .employee-pagination .pagination-direction > i,
.employee-app-shell .employee-pagination .pagination-direction > strong {
  display:flex!important;
  height:100%!important;
  min-height:0!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  font-style:normal!important;
  line-height:1!important;
}
.employee-app-shell .employee-pagination .pagination-direction > i { color:var(--theme-primary)!important;font-size:.88rem!important; }
.employee-app-shell .employee-pagination .pagination-direction.is-disabled { opacity:.42!important;pointer-events:none!important;box-shadow:none!important; }
.employee-app-shell .employee-pagination .employee-pagination-current {
  display:flex!important;
  width:52px!important;
  min-width:52px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  align-self:center!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--theme-dark)!important;
  font-size:.82rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.employee-app-shell .employee-pagination .employee-pagination-current > b,
.employee-app-shell .employee-pagination .employee-pagination-current > i { display:flex!important;height:100%!important;align-items:center!important;margin:0!important;font:inherit!important;font-style:normal!important;line-height:1!important; }
.employee-app-shell .employee-pagination .employee-pagination-current > b:first-child { color:var(--theme-primary-strong)!important;font-weight:900!important; }
.employee-app-shell .employee-pagination .employee-pagination-current > i { color:var(--muted)!important; }

body.synex-product-vitrine .premium-turkey-network {
  min-height:490px!important;
  padding:24px!important;
  border:1px solid rgba(98,143,166,.16)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,250,252,.96))!important;
  box-shadow:0 32px 80px rgba(47,88,109,.14),inset 0 1px rgba(255,255,255,.96)!important;
}
body.synex-product-vitrine .premium-map-stage {
  height:340px!important;
  min-height:340px!important;
  flex-basis:340px!important;
  margin:16px 0 13px!important;
  overflow:hidden!important;
  border:1px solid rgba(94,157,181,.2)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 14% 13%,rgba(124,194,219,.25),transparent 29%),
    radial-gradient(circle at 88% 84%,rgba(112,199,173,.22),transparent 31%),
    linear-gradient(150deg,#fcfeff 0%,#edf7fa 52%,#eef8f4 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.98),inset 0 -48px 80px rgba(73,131,153,.075),0 22px 46px rgba(42,85,106,.12)!important;
  perspective:1000px!important;
}
body.synex-product-vitrine .premium-map-stage::after {
  background-image:linear-gradient(rgba(75,135,158,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(75,135,158,.07) 1px,transparent 1px)!important;
  background-size:28px 28px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 88%)!important;
}
body.synex-product-vitrine .premium-province-layer,
body.synex-product-vitrine .premium-map-overlay {
  inset:12px 16px 24px!important;
  width:calc(100% - 32px)!important;
  height:calc(100% - 36px)!important;
  transform-origin:50% 58%!important;
  animation:premium-map-float 8s ease-in-out infinite!important;
}
body.synex-product-vitrine .premium-province-layer {
  filter:drop-shadow(0 2px 0 rgba(42,84,105,.62)) drop-shadow(0 6px 0 rgba(62,107,125,.28)) drop-shadow(0 11px 0 rgba(87,129,143,.13)) drop-shadow(0 29px 24px rgba(39,81,99,.28)) saturate(1.06)!important;
}
body.synex-product-vitrine .premium-province-layer .city { fill:#86bcd2!important;stroke:#f9fdff!important;stroke-width:1.15!important;animation:premium-province-light 8.5s ease-in-out infinite!important; }
body.synex-product-vitrine .premium-province-layer .city:nth-of-type(3n+1) { fill:#82c5b2!important; }
body.synex-product-vitrine .premium-province-layer .city:nth-of-type(3n+2) { fill:#98a9d2!important; }
body.synex-product-vitrine .premium-province-layer .city:nth-of-type(5n) { fill:#6fafd0!important; }
body.synex-product-vitrine .premium-province-layer .city:nth-of-type(7n) { fill:#72bca7!important; }
body.synex-product-vitrine .premium-map-overlay { z-index:4!important;overflow:visible!important; }
body.synex-product-vitrine .premium-map-overlay .map-route { stroke:#4c92bb!important;stroke-width:1.7!important;stroke-dasharray:7 8!important;opacity:.6!important;filter:drop-shadow(0 0 4px rgba(76,146,187,.34))!important; }
body.synex-product-vitrine .premium-map-overlay .route-secondary { stroke:#55ae94!important; }
body.synex-product-vitrine .premium-map-overlay .route-tertiary { stroke:#887fb8!important;animation-direction:reverse!important; }
body.synex-product-vitrine .premium-map-pin { filter:drop-shadow(0 8px 8px rgba(38,75,97,.28));animation:premium-pin-float 3.2s ease-in-out infinite var(--pin-delay);transform-box:fill-box;transform-origin:center; }
body.synex-product-vitrine .premium-map-pin .pin-radar { fill:rgba(56,132,174,.12)!important;stroke:rgba(43,117,157,.45)!important;stroke-width:1!important;animation:premium-pin-radar 2.5s ease-out infinite var(--pin-delay);transform-box:fill-box;transform-origin:center; }
body.synex-product-vitrine .premium-map-pin > path { fill:#317fae!important;stroke:#fff!important;stroke-width:1.35!important; }
body.synex-product-vitrine .premium-map-pin .pin-core { fill:#fff!important;stroke:none!important; }
body.synex-product-vitrine .premium-location-insights { z-index:8!important; }
body.synex-product-vitrine .premium-location-insights > article {
  width:196px!important;
  left:clamp(102px,var(--x),calc(100% - 102px))!important;
  top:clamp(118px,var(--y),calc(100% - 78px))!important;
  padding:11px!important;
  border:1px solid rgba(83,133,158,.23)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 21px 48px rgba(42,79,99,.2),inset 0 1px #fff!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  animation:premium-map-insight 21.6s ease-in-out infinite var(--delay)!important;
}
body.synex-product-vitrine .premium-location-insights article > div { grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important; }
body.synex-product-vitrine .premium-location-insights article > div > span { padding:5px 2px!important; }
body.synex-product-vitrine .premium-location-insights .is-assigned { background:#fff4e7!important; }
body.synex-product-vitrine .premium-location-insights .is-assigned b { color:#b66b1f!important; }
body.synex-product-vitrine .premium-map-summary { margin-top:1px!important; }
body.synex-product-vitrine .premium-map-summary span { grid-template-columns:auto 1fr!important;align-items:center!important;gap:3px 7px!important;padding:11px 12px!important;border:1px solid rgba(76,126,151,.11)!important;border-top:2px solid #6aacc9!important;background:linear-gradient(180deg,#fff,#f4f8fa)!important;text-align:left!important; }
body.synex-product-vitrine .premium-map-summary b { grid-row:1/3;color:#224d65!important;font-size:.9rem!important;line-height:1!important; }
body.synex-product-vitrine .premium-map-summary small { color:#78909c!important;font-size:.42rem!important; }

@keyframes premium-map-float {
  0%,100%{transform:rotateX(13deg) rotateZ(-.5deg) translateY(-5px) translateZ(25px) scale(.965)}
  50%{transform:rotateX(11deg) rotateZ(.25deg) translateY(-10px) translateZ(35px) scale(.972)}
}
@keyframes premium-province-light { 0%,100%{filter:brightness(1)} 50%{filter:brightness(1.055)} }
@keyframes premium-pin-float { 0%,100%{translate:0 0} 50%{translate:0 -6px} }
@keyframes premium-pin-radar { 0%{opacity:.75;transform:scale(.55)} 75%,100%{opacity:0;transform:scale(1.55)} }
@keyframes premium-map-insight {
  0%,11%,100%{opacity:0;transform:translate(-50%,calc(-100% - 11px)) scale(.82)}
  1.8%,8.4%{opacity:1;transform:translate(-50%,calc(-100% - 24px)) scale(1)}
  10%{opacity:0;transform:translate(-50%,calc(-100% - 30px)) scale(.96)}
}

@media (max-width:760px) {
  .employee-app-shell .employee-pagination { height:56px!important;min-height:56px!important;max-height:56px!important;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)!important;gap:6px!important;padding:0 7px!important;border-radius:15px!important; }
  .employee-app-shell .employee-pagination .pagination-direction { height:40px!important;min-height:40px!important;max-height:40px!important;gap:5px!important;padding:0 7px!important;border-radius:11px!important;font-size:.66rem!important; }
  .employee-app-shell .employee-pagination .pagination-direction > i { font-size:.8rem!important; }
  .employee-app-shell .employee-pagination .employee-pagination-current { width:46px!important;min-width:46px!important;height:40px!important;min-height:40px!important;max-height:40px!important;font-size:.76rem!important; }
  body.synex-product-vitrine .premium-turkey-network { min-height:390px!important;padding:15px!important;border-radius:21px!important; }
  body.synex-product-vitrine .premium-map-stage { height:260px!important;min-height:260px!important;flex-basis:260px!important;border-radius:18px!important; }
  body.synex-product-vitrine .premium-location-insights > article { width:166px!important;left:clamp(87px,var(--x),calc(100% - 87px))!important;top:clamp(102px,var(--y),calc(100% - 62px))!important;padding:9px!important; }
  body.synex-product-vitrine .premium-location-insights article > div { gap:3px!important; }
  body.synex-product-vitrine .premium-map-summary span { padding:8px!important; }
}
@media (max-width:390px) {
  .employee-app-shell .employee-pagination { grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;gap:5px!important;padding:0 6px!important; }
  .employee-app-shell .employee-pagination .pagination-direction { gap:4px!important;padding-inline:5px!important;font-size:.62rem!important; }
  .employee-app-shell .employee-pagination .employee-pagination-current { width:42px!important;min-width:42px!important;font-size:.7rem!important; }
  body.synex-product-vitrine .premium-location-insights > article { width:154px!important; }
  body.synex-product-vitrine .premium-map-summary { grid-template-columns:1fr 1fr!important; }
}
@media (prefers-reduced-motion:reduce) {
  body.synex-product-vitrine .premium-province-layer,
  body.synex-product-vitrine .premium-map-overlay,
  body.synex-product-vitrine .premium-map-pin,
  body.synex-product-vitrine .premium-map-pin .pin-radar { animation:none!important; }
  body.synex-product-vitrine .premium-location-insights > article { display:none!important; }
}

body.synex-product-vitrine .premium-province-layer .city { fill:#b7dbe8!important; }
body.synex-product-vitrine .premium-province-layer .city:nth-of-type(3n+1) { fill:#b9ded2!important; }
body.synex-product-vitrine .premium-province-layer .city:nth-of-type(3n+2) { fill:#c7cfea!important; }
body.synex-product-vitrine .premium-province-layer .city:nth-of-type(5n) { fill:#a9d2e4!important; }
body.synex-product-vitrine .premium-province-layer .city:nth-of-type(7n) { fill:#addbcd!important; }
body.synex-product-vitrine .premium-location-insights { display:none!important; }
.map-activity-simulation { position:absolute;z-index:9;inset:0;pointer-events:none; }
.map-activity-simulation > article {
  display:grid;
  position:absolute;
  width:202px;
  left:clamp(108px,var(--x),calc(100% - 108px));
  top:clamp(92px,var(--y),calc(100% - 65px));
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:10px 12px;
  border:1px solid rgba(68,126,153,.22);
  border-radius:15px;
  background:rgba(255,255,255,.96);
  box-shadow:0 20px 45px rgba(39,78,98,.21),inset 0 1px #fff;
  backdrop-filter:blur(18px) saturate(140%);
  opacity:0;
  transform:translate(18px,calc(-100% - 24px)) scale(.82);
  transform-origin:0 100%;
  animation:map-person-event 18s cubic-bezier(.2,.72,.25,1) infinite var(--delay);
}
.map-activity-simulation .map-activity-arrow { position:absolute;width:72px;height:46px;left:-55px;bottom:-28px;overflow:visible;fill:none;stroke:#4e91b5;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 5;filter:drop-shadow(0 0 4px rgba(78,145,181,.35));animation:map-person-arrow 1.4s linear infinite; }
.map-activity-simulation .map-person-avatar { display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e5f4fa,#d8ebe9);color:#337d9f;box-shadow:inset 0 0 0 1px rgba(61,130,157,.14),0 7px 16px rgba(37,90,111,.13); }
.map-activity-simulation .map-person-avatar svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.map-activity-simulation p { display:grid;min-width:0;grid-template-columns:1fr auto;gap:2px 6px;margin:0; }
.map-activity-simulation p b { overflow:hidden;color:#173e54;font-size:9px;font-weight:850;text-overflow:ellipsis;white-space:nowrap; }
.map-activity-simulation p strong { color:#21815f;font-size:8px;font-weight:850;white-space:nowrap; }
.map-activity-simulation p small { grid-column:1/-1;color:#77909d;font-size:7px;font-weight:650; }
.map-activity-simulation article.is-exit p strong { color:#456fb4; }
.map-activity-simulation article.is-break p strong,.map-activity-simulation article.is-return p strong { color:#a36c1f; }
.map-activity-simulation article.is-assignment p strong { color:#7956a5; }
.map-activity-simulation article.is-leave p strong { color:#b65c70; }

.attendance-live-table tbody tr.is-movement-row { background:linear-gradient(90deg,rgba(237,247,251,.74),rgba(255,255,255,.98) 18%)!important; }
.attendance-live-table tbody tr.is-movement-row > td:first-child { box-shadow:inset 3px 0 #65a8c8; }
.attendance-event-badge { display:grid;min-width:142px;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:8px;color:#2f4758; }
.attendance-event-badge > i { width:8px;height:8px;border-radius:50%;background:#7c95a5;box-shadow:0 0 0 5px rgba(124,149,165,.11); }
.attendance-event-badge > span { display:grid;gap:2px;min-width:0; }
.attendance-event-badge strong { color:#263f50;font-size:.74rem;font-weight:850;white-space:nowrap; }
.attendance-event-badge small { overflow:hidden;max-width:170px;color:#7a8e9d;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap; }
.attendance-event-badge.is-entry > i,.attendance-event-badge.is-break-end > i { background:#29a776;box-shadow:0 0 0 5px rgba(41,167,118,.12); }
.attendance-event-badge.is-exit > i { background:#507dca;box-shadow:0 0 0 5px rgba(80,125,202,.12); }
.attendance-event-badge.is-break-start > i { background:#d4922e;box-shadow:0 0 0 5px rgba(212,146,46,.13); }
.live-attendance-row.is-live-updated.is-movement-row { animation:attendance-event-arrival 1.35s ease-out; }

@keyframes map-person-event {
  0%,18%,100%{opacity:0;transform:translate(18px,calc(-100% - 15px)) scale(.82)}
  2.5%,13.5%{opacity:1;transform:translate(18px,calc(-100% - 27px)) scale(1)}
  16%{opacity:0;transform:translate(18px,calc(-100% - 36px)) scale(.96)}
}
@keyframes map-person-arrow { to{stroke-dashoffset:-20} }
@keyframes attendance-event-arrival { 0%{opacity:.2;transform:translateY(-15px);background:#dff5ed} 100%{opacity:1;transform:none} }

@media (max-width:760px) {
  .map-activity-simulation > article { width:176px;left:clamp(94px,var(--x),calc(100% - 94px));padding:9px 10px; }
  .map-activity-simulation .map-person-avatar { width:32px;height:32px; }
}
@media (prefers-reduced-motion:reduce) {
  .map-activity-simulation > article { display:none!important; }
}

/* 8.2.0 — focused header controls and continuously visible branch activity simulation. */
body.synex-product-vitrine .product-header-cta.scale-button,
body.synex-product-vitrine .product-header-cta.gradient-border-button {
  display:grid!important;
  position:relative!important;
  isolation:isolate!important;
  min-height:52px!important;
  grid-template-columns:22px minmax(0,auto) 14px!important;
  align-items:center!important;
  gap:9px!important;
  padding:11px 17px!important;
  overflow:hidden!important;
  border-radius:13px!important;
  color:#fff!important;
  font-size:.66rem!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important;
}
body.synex-product-vitrine .product-header-cta.scale-button::before,
body.synex-product-vitrine .product-header-cta.scale-button::after { display:none!important;content:none!important; }
body.synex-product-vitrine .product-header-cta.scale-button {
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(16,29,45,.72)!important;
}
body.synex-product-vitrine .product-header-cta.scale-button.is-whatsapp {
  border-color:rgba(75,225,161,.55)!important;
  background:linear-gradient(135deg,rgba(20,137,91,.92),rgba(7,92,68,.94))!important;
  box-shadow:0 12px 28px -14px rgba(27,193,123,.7)!important;
}
body.synex-product-vitrine .product-header-cta.scale-button.is-login {
  border-color:rgba(90,177,246,.58)!important;
  background:linear-gradient(135deg,rgba(34,143,227,.94),rgba(27,78,171,.96))!important;
  box-shadow:0 12px 28px -14px rgba(41,134,224,.72)!important;
}
body.synex-product-vitrine .product-header-cta .scale-bg {
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  transform:scale(0)!important;
  transition:transform .32s cubic-bezier(.2,.72,.25,1)!important;
  pointer-events:none!important;
}
body.synex-product-vitrine .product-header-cta.is-whatsapp .scale-bg { background:linear-gradient(135deg,#35d38b,#0b9a67)!important; }
body.synex-product-vitrine .product-header-cta.is-login .scale-bg { background:linear-gradient(135deg,#42b4ff,#226fd4)!important; }
body.synex-product-vitrine .product-header-cta.scale-button:hover .scale-bg { transform:scale(1)!important; }
body.synex-product-vitrine .product-header-cta.scale-button:hover { transform:translateY(-2px)!important; }
body.synex-product-vitrine .product-header-cta.scale-button > :not(.scale-bg) { position:relative!important;z-index:2!important; }

body.synex-product-vitrine .product-header-cta.gradient-border-button {
  border:0!important;
  background:transparent!important;
  box-shadow:0 14px 34px -13px rgba(197,53,139,.72)!important;
}
body.synex-product-vitrine .product-header-cta.gradient-border-button::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:inherit!important;
  background:linear-gradient(45deg,#ff4f6f,#a647dc,#ff3d9a,#ff4f6f)!important;
  transform:none!important;
  animation:header-gradient-border-rotate 4s linear infinite!important;
}
body.synex-product-vitrine .product-header-cta.gradient-border-button::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  inset:2px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#d73d73 0%,#a43398 52%,#6e2ba6 100%)!important;
  pointer-events:none!important;
}
body.synex-product-vitrine .product-header-cta.gradient-border-button > * { position:relative!important;z-index:2!important; }
body.synex-product-vitrine .product-header-cta.gradient-border-button:hover { transform:translateY(-2px)!important;box-shadow:0 17px 39px -10px rgba(196,54,145,.8)!important; }
body.synex-product-vitrine .product-header-cta.scale-button .product-header-cta-icon,
body.synex-product-vitrine .product-header-cta.scale-button .product-header-cta-arrow,
body.synex-product-vitrine .product-header-cta.gradient-border-button .product-header-cta-icon,
body.synex-product-vitrine .product-header-cta.gradient-border-button .product-header-cta-arrow {
  display:flex!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}
@keyframes header-gradient-border-rotate { 0%{filter:hue-rotate(0deg)} 100%{filter:hue-rotate(360deg)} }

body.synex-product-vitrine .premium-province-layer {
  filter:drop-shadow(0 2px 0 rgba(42,84,105,.48)) drop-shadow(0 5px 0 rgba(62,107,125,.2)) drop-shadow(0 11px 11px rgba(39,81,99,.16)) saturate(1.06)!important;
}
body.synex-product-vitrine .map-activity-simulation > article {
  opacity:0;
  animation:branch-activity-cycle 16s cubic-bezier(.2,.72,.25,1) infinite var(--delay)!important;
}
body.synex-product-vitrine .map-activity-simulation .map-person-avatar { position:relative; }
body.synex-product-vitrine .map-activity-simulation .map-person-avatar::after {
  content:"";
  position:absolute;
  right:-1px;
  bottom:1px;
  width:8px;
  height:8px;
  border:2px solid #fff;
  border-radius:50%;
  background:#26b77d;
  box-shadow:0 0 0 3px rgba(38,183,125,.14);
}
body.synex-product-vitrine .map-activity-simulation p b { font-size:10px; }
body.synex-product-vitrine .map-activity-simulation p strong { font-size:9px; }
body.synex-product-vitrine .map-activity-simulation p small { font-size:7.5px; }
body.synex-product-vitrine .map-activity-simulation .map-activity-arrow { animation:branch-activity-route 1.05s linear infinite!important; }
@keyframes branch-activity-cycle {
  0%,9.5%{opacity:1;transform:translate(18px,calc(-100% - 27px)) scale(1)}
  12.5%{opacity:0;transform:translate(18px,calc(-100% - 39px)) scale(.96)}
  13%,97%{opacity:0;transform:translate(18px,calc(-100% - 15px)) scale(.84)}
  100%{opacity:1;transform:translate(18px,calc(-100% - 27px)) scale(1)}
}
@keyframes branch-activity-route { to{stroke-dashoffset:-24} }

@media (max-width:980px) {
  body.synex-product-vitrine .product-header-cta.scale-button,
  body.synex-product-vitrine .product-header-cta.gradient-border-button { grid-template-columns:19px minmax(0,auto) 12px!important;gap:7px!important;padding:10px 12px!important; }
}
@media (max-width:760px) {
  body.synex-product-vitrine .product-header-cta.scale-button,
  body.synex-product-vitrine .product-header-cta.gradient-border-button { width:100%!important;min-width:0!important;grid-template-columns:22px minmax(0,1fr) 14px!important;padding:12px 15px!important; }
}
@media (prefers-reduced-motion:reduce) {
  body.synex-product-vitrine .map-activity-simulation > article { display:none!important;animation:none!important; }
  body.synex-product-vitrine .map-activity-simulation > article:first-child { display:grid!important;opacity:1!important;transform:translate(18px,calc(-100% - 27px)) scale(1)!important; }
  body.synex-product-vitrine .product-header-cta.gradient-border-button::before { animation:none!important; }
}

/* 8.4.2 — staged, quadrant-aware L connector for workforce activity. */
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event {
  display:block;
  left:var(--event-x);
  top:var(--event-y);
  width:0;
  height:0;
  opacity:0!important;
  transform:none!important;
  transform-origin:0 0;
  animation:none!important;
  visibility:hidden;
  transition:opacity .65s ease,visibility 0s linear .65s;
}
body.synex-product-vitrine [data-svg-turkey-map].is-activity-ready .svg-map-event.is-active {
  z-index:12;
  opacity:1!important;
  visibility:visible;
  transform:none!important;
  transition-delay:0s;
}
body.synex-product-vitrine [data-svg-turkey-map].is-activity-ready .svg-map-event.is-leaving {
  opacity:0!important;
  visibility:visible;
  transform:none!important;
}
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event::after {
  content:none!important;
  display:none!important;
}
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event .event-trail {
  width:92px;
  height:72px;
  left:0;
  top:auto;
  right:auto;
  bottom:0;
  opacity:1;
  stroke-width:1.45;
  stroke-dasharray:5 8;
  stroke-linejoin:round;
  stroke-dashoffset:0;
  transform-origin:0 100%;
  transition:none;
}
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event[data-route="ne"] .event-trail { transform:scale(1,1); }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event[data-route="nw"] .event-trail { transform:scale(-1,1); }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event[data-route="se"] .event-trail { transform:scale(1,-1); }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event[data-route="sw"] .event-trail { transform:scale(-1,-1); }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event .event-trail path { animation:none!important; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event .event-trail-line path { stroke:var(--event-color); }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event .event-trail-mask {
  fill:none;
  stroke:#fff;
  stroke-width:5;
  stroke-linecap:round;
  stroke-dasharray:1;
  stroke-dashoffset:1;
}
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active .event-trail-mask-primary { animation:event-trail-draw 1.65s cubic-bezier(.42,0,.24,1) .18s forwards!important; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active .event-trail-mask-secondary { animation:event-trail-draw 1.45s cubic-bezier(.42,0,.24,1) 1.75s forwards!important; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event .event-trail-arrow { opacity:0;stroke:var(--event-color); }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active .event-trail-arrow { animation:event-trail-arrow-in .45s ease 3s forwards!important; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event .event-bubble {
  top:auto;
  right:auto;
  bottom:50px;
  left:78px;
  opacity:0;
  --bubble-from-x:-7px;
  --bubble-from-y:8px;
}
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event[data-route="nw"] .event-bubble { right:78px;left:auto;--bubble-from-x:7px; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event[data-route="se"] .event-bubble { top:50px;bottom:auto;--bubble-from-y:-8px; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event[data-route="sw"] .event-bubble { top:50px;right:78px;bottom:auto;left:auto;--bubble-from-x:7px;--bubble-from-y:-8px; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active .event-bubble { animation:svg-bubble-arrive .82s cubic-bezier(.16,.86,.24,1.06) 3.2s both; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-location-pin { transition:filter .3s ease; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-location-pin .pin-body { transform-box:fill-box;transform-origin:center;transition:fill .3s ease; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-location-pin.is-activity-active { z-index:8;filter:drop-shadow(0 0 7px currentColor) drop-shadow(0 8px 6px rgba(36,99,132,.22)); }
body.synex-product-vitrine [data-svg-turkey-map] .svg-location-pin.is-activity-active .pin-body { animation:svg-active-pin 2.25s ease-in-out infinite; }
body.synex-product-vitrine [data-svg-turkey-map] .svg-location-pin.is-activity-active .pin-wave { display:none!important;opacity:0!important;animation:none!important; }
body.synex-product-vitrine [data-svg-turkey-map].is-activity-running>header i { background:#22b982;animation-duration:2.1s; }
@keyframes event-trail-draw { to { stroke-dashoffset:0; } }
@keyframes event-trail-arrow-in { to { opacity:1; } }
@keyframes svg-bubble-arrive { 0% { opacity:0;transform:translate(var(--bubble-from-x),var(--bubble-from-y)) scale(.94); } 68% { opacity:1;transform:translate(0,0) scale(1.018); } 100% { opacity:1;transform:translate(0,0) scale(1); } }
@keyframes svg-active-pin { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-2px) scale(1.1); } }
@keyframes svg-active-pin-wave { 0% { opacity:.38;transform:scale(.45); } 75%,100% { opacity:0;transform:scale(1.85); } }
@media (max-width:620px) {
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event { transform:none!important; }
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event .event-trail { width:76px;height:60px; }
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event .event-bubble { left:64px;transform-origin:left center; }
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event[data-route="nw"] .event-bubble,
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event[data-route="sw"] .event-bubble { right:64px;left:auto;transform-origin:right center; }
}
@media (prefers-reduced-motion:reduce) {
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event { display:none!important;transition:none!important; }
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active { display:block!important;opacity:1!important;visibility:visible!important;transform:none!important; }
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active .event-trail-mask,
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active .event-trail-arrow,
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active .event-bubble,
  body.synex-product-vitrine [data-svg-turkey-map] .svg-location-pin.is-activity-active .pin-body,
  body.synex-product-vitrine [data-svg-turkey-map] .svg-location-pin.is-activity-active .pin-wave { animation:none!important; }
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active .event-trail-mask { stroke-dashoffset:0!important; }
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active .event-trail-arrow,
  body.synex-product-vitrine [data-svg-turkey-map] .svg-map-event.is-active .event-bubble { opacity:1!important; }
}

/* 8.5.0 — SaaS-classic inspired public header and phone + QR hero. */
body.synex-product-vitrine .product-header.product-header-pro {
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:0!important;
  border:0!important;
  border-bottom:1px solid rgba(21,93,117,.1)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.98)!important;
  color:#12384b!important;
  color-scheme:light!important;
  box-shadow:0 9px 34px rgba(11,63,82,.07)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
}
body.synex-product-vitrine .product-header.product-header-pro.is-scrolled {
  position:fixed!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 16px 48px rgba(8,58,77,.12)!important;
}
body.synex-product-vitrine .product-header-top {
  height:38px!important;
  overflow:hidden!important;
  border-bottom:1px solid #e7f0f2!important;
  background:linear-gradient(90deg,#f7fbfc,#eef8f9 52%,#f8fbfc)!important;
  box-shadow:none!important;
  opacity:1;
  transition:height .26s ease,opacity .2s ease!important;
}
body.synex-product-vitrine .product-header.is-scrolled .product-header-top { height:0!important;border-bottom:0!important;opacity:0; }
body.synex-product-vitrine .product-header-top-shell {
  width:min(1400px,calc(100% - 56px))!important;
  min-height:38px!important;
}
body.synex-product-vitrine .product-top-phone { gap:8px!important;color:#315c6f!important; }
body.synex-product-vitrine .product-phone-icon {
  width:27px!important;
  height:27px!important;
  flex-basis:27px!important;
  border:0!important;
  border-radius:9px!important;
  background:#e8f6f8!important;
  color:#078ca7!important;
  box-shadow:none!important;
}
body.synex-product-vitrine .product-phone-icon>span { inset:-3px!important;border-color:rgba(9,151,178,.2)!important;border-radius:11px!important; }
body.synex-product-vitrine .product-top-phone>strong { color:#315c6f!important;font-size:.66rem!important;letter-spacing:.02em!important; }
body.synex-product-vitrine .product-top-socials { gap:4px!important;padding-left:13px!important;border-left-color:#d8e7ea!important; }
body.synex-product-vitrine .product-top-socials a,
body.synex-product-vitrine .product-top-socials>span { width:28px!important;height:28px!important;color:#78909b!important; }
body.synex-product-vitrine .product-top-socials a:hover { color:#078ca7!important; }
body.synex-product-vitrine .product-header-pro .product-header-shell {
  width:min(1400px,calc(100% - 56px))!important;
  min-height:92px!important;
  grid-template-columns:minmax(180px,210px) minmax(0,1fr)!important;
  gap:clamp(24px,3vw,54px)!important;
  padding:0!important;
}
body.synex-product-vitrine .product-header-pro .product-brand { color:#0a3b54!important; }
body.synex-product-vitrine .product-header-pro .product-brand .brand-wordmark { max-width:185px!important; }
body.synex-product-vitrine .product-header-pro .product-brand .brand-wordmark strong { color:#0b3c55!important; }
body.synex-product-vitrine .product-header-pro .product-brand .brand-wordmark small { color:#75909b!important; }
body.synex-product-vitrine .product-header-pro .product-navigation-panel {
  display:grid!important;
  min-width:0!important;
  grid-template-columns:minmax(390px,1fr) auto!important;
  align-items:center!important;
  gap:clamp(20px,2.4vw,40px)!important;
}
body.synex-product-vitrine .product-header-pro .product-nav-links {
  display:flex!important;
  justify-self:center!important;
  align-items:center!important;
  gap:clamp(22px,2vw,38px)!important;
}
body.synex-product-vitrine .product-header-pro .product-nav-links a {
  min-height:48px!important;
  padding:0!important;
  color:#405d6b!important;
  font-size:.74rem!important;
  font-weight:750!important;
}
body.synex-product-vitrine .product-header-pro .product-nav-links a::after { bottom:5px!important;height:2px!important;background:linear-gradient(90deg,#078eab,#28b992)!important; }
body.synex-product-vitrine .product-header-pro .product-nav-links a:hover { color:#087f99!important; }
body.synex-product-vitrine .product-header-pro .product-header-actions { display:flex!important;justify-self:end!important;gap:8px!important; }
body.synex-product-vitrine .product-header-cta.scale-button,
body.synex-product-vitrine .product-header-cta.gradient-border-button {
  min-width:0!important;
  min-height:50px!important;
  grid-template-columns:20px minmax(0,auto) 16px!important;
  gap:9px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:.73rem!important;
  font-weight:800!important;
  box-shadow:0 11px 24px rgba(25,77,94,.13)!important;
}
body.synex-product-vitrine .product-header-cta.scale-button .product-header-cta-icon,
body.synex-product-vitrine .product-header-cta.gradient-border-button .product-header-cta-icon { width:20px!important;height:20px!important; }
body.synex-product-vitrine .product-header-cta .product-header-cta-icon svg { width:20px!important;height:20px!important; }
body.synex-product-vitrine .product-header-cta.scale-button .product-header-cta-arrow,
body.synex-product-vitrine .product-header-cta.gradient-border-button .product-header-cta-arrow { display:flex!important;width:16px!important;height:16px!important;align-items:center!important;justify-content:center!important; }
body.synex-product-vitrine .product-header-cta.scale-button.is-whatsapp { border-color:transparent!important;background:linear-gradient(135deg,#00a331,#00b521)!important; }
body.synex-product-vitrine .product-header-cta.scale-button.is-login { border-color:transparent!important;background:linear-gradient(135deg,rgb(0,90,163),rgb(0,124,181))!important; }
body.synex-product-vitrine .product-header-cta.is-whatsapp .scale-bg { background:linear-gradient(135deg,#00b521,#00a331)!important; }
body.synex-product-vitrine .product-header-cta.is-login .scale-bg { background:linear-gradient(135deg,rgb(0,124,181),rgb(0,90,163))!important; }
body.synex-product-vitrine .product-header-cta.gradient-border-button.is-purchase { min-width:128px!important;padding:0 20px!important; }
body.synex-product-vitrine .product-header-cta.gradient-border-button::before { background:linear-gradient(90deg,rgb(163,0,0),rgb(181,0,0),#ef5a5a,rgb(181,0,0),rgb(163,0,0))!important;background-size:260% 100%!important;animation:header-red-border-flow 5.5s linear infinite!important; }
body.synex-product-vitrine .product-header-cta.gradient-border-button::after { inset:2px!important;border-radius:999px!important;background:linear-gradient(135deg,rgb(163,0,0),rgb(181,0,0))!important; }
@keyframes header-red-border-flow { to { background-position:260% 0; } }

body.synex-product-vitrine .synex-product-hero {
  min-height:900px!important;
  padding:184px 0 76px!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 8% 58%,rgba(78,130,193,.11),transparent 28%),linear-gradient(145deg,#fff 0%,#f8fbfc 52%,#eff8f8 100%)!important;
  color:#0a354b!important;
}
body.synex-product-vitrine .synex-product-hero::before {
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  width:1040px!important;
  height:350px!important;
  inset:96px -170px auto auto!important;
  border:0!important;
  border-radius:42% 0 37% 63% / 0 0 72% 100%!important;
  background:linear-gradient(112deg,#0b7198 0%,#137fa8 35%,#3978c4 70%,#6b5dc1 100%)!important;
  box-shadow:none!important;
  opacity:.96!important;
  transform:rotate(-1.5deg)!important;
  mask-image:none!important;
  pointer-events:none!important;
}
body.synex-product-vitrine .synex-product-hero::after {
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  width:610px!important;
  height:610px!important;
  top:90px!important;
  right:-280px!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 28% 34%,rgba(98,220,220,.88),rgba(36,142,183,.85) 42%,rgba(67,83,177,.94) 76%)!important;
  box-shadow:inset 55px 34px 90px rgba(255,255,255,.12)!important;
  opacity:.9!important;
}
body.synex-product-vitrine .synex-product-hero .hero-mesh { z-index:1!important;opacity:.28!important;background-size:70px 70px!important;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.2) 48%,transparent 78%)!important; }
body.synex-product-vitrine .synex-product-hero .hero-cursor-glow { z-index:2!important;background:radial-gradient(400px circle at var(--glow-x) var(--glow-y),rgba(35,167,185,.1),transparent 68%)!important; }
body.synex-product-vitrine .synex-hero-shape.shape-a {
  display:block!important;
  width:600px!important;
  height:600px!important;
  top:258px!important;
  right:auto!important;
  bottom:auto!important;
  left:-355px!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,rgba(67,102,171,.09),rgba(102,72,167,.045))!important;
  transform:none!important;
  animation:hero-soft-orbit 13s ease-in-out infinite!important;
}
body.synex-product-vitrine .synex-hero-shape.shape-a::after { content:none!important; }
body.synex-product-vitrine .synex-hero-shape.shape-b {
  display:block!important;
  width:230px!important;
  height:230px!important;
  top:122px!important;
  right:19%!important;
  bottom:auto!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:0 0 0 68px rgba(255,255,255,.035)!important;
  animation:hero-soft-orbit 11s -3s ease-in-out infinite!important;
}
body.synex-product-vitrine .synex-hero-ripple { z-index:1!important;width:430px!important;height:430px!important;top:205px!important;right:7%!important;border-color:rgba(255,255,255,.1)!important; }
body.synex-product-vitrine .synex-product-hero .product-hero-grid {
  z-index:3!important;
  width:min(1400px,calc(100% - 56px))!important;
  grid-template-columns:minmax(430px,.86fr) minmax(610px,1.14fr)!important;
  align-items:center!important;
  gap:clamp(36px,5vw,88px)!important;
}
body.synex-product-vitrine .synex-product-hero .product-hero-copy { max-width:620px!important;padding:10px 0 54px!important;text-align:left!important; }
body.synex-product-vitrine .synex-product-hero .product-kicker {
  display:inline-flex!important;
  margin:0 0 22px!important;
  padding:10px 15px!important;
  border:1px solid #d7e8eb!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#eaf7f8,#edf2fb)!important;
  color:#087f99!important;
  box-shadow:0 10px 28px rgba(17,92,112,.06)!important;
  font-size:.62rem!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
body.synex-product-vitrine .synex-product-hero .product-kicker i { background:#29b784!important;box-shadow:0 0 0 6px rgba(41,183,132,.11)!important; }
body.synex-product-vitrine .synex-product-hero .product-hero-copy h1 {
  max-width:650px!important;
  margin:0 0 26px!important;
  color:#0a3046!important;
  font-size:clamp(3.8rem,5.15vw,5.85rem)!important;
  font-weight:800!important;
  letter-spacing:-.065em!important;
  line-height:.98!important;
}
body.synex-product-vitrine .synex-product-hero .product-hero-copy h1>span { display:block!important; }
body.synex-product-vitrine .synex-product-hero .product-hero-copy h1 em { display:inline!important;margin:0!important;background:linear-gradient(100deg,#0a789c,#2574b9 58%,#6958b7)!important;background-clip:text!important;color:transparent!important;font-style:normal!important;font-weight:520!important; }
body.synex-product-vitrine .synex-product-hero .product-lead { max-width:590px!important;color:#587482!important;font-size:.9rem!important;line-height:1.78!important; }
body.synex-product-vitrine .synex-product-hero .product-hero-actions { justify-content:flex-start!important;margin-top:30px!important; }
body.synex-product-vitrine .synex-product-hero .product-hero-actions>.button { min-height:57px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#0c99b4,#146a9a)!important;box-shadow:0 18px 38px rgba(12,128,157,.22)!important; }
body.synex-product-vitrine .synex-product-hero .product-play-link { color:#153f53!important; }
body.synex-product-vitrine .synex-product-hero .product-play-link>i { border-color:#d8e7ea!important;background:#fff!important;color:#168da8!important;box-shadow:0 10px 26px rgba(8,71,91,.09)!important; }
body.synex-product-vitrine .synex-product-hero .product-play-link small { color:#7b919a!important; }
body.synex-product-vitrine .synex-product-hero .product-trust-row { justify-content:flex-start!important;margin-top:31px!important;padding-top:19px!important;border-top:1px solid #dce9eb!important; }
body.synex-product-vitrine .synex-product-hero .product-trust-row span { color:#6d8691!important; }
body.synex-product-vitrine .synex-product-hero .product-trust-row span+span { border-left-color:#d6e5e7!important; }
body.synex-product-vitrine .synex-product-hero .product-trust-row b { color:#123d51!important; }

body.synex-product-vitrine .synex-product-hero .appilo-product-stage { width:100%!important;min-height:620px!important;margin:0!important;transform:none!important; }
body.synex-product-vitrine .appilo-product-stage .stage-depth-grid { inset:19% -3% -10%!important;opacity:.24!important;background-image:linear-gradient(rgba(48,122,145,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(48,122,145,.18) 1px,transparent 1px)!important;mask-image:radial-gradient(ellipse,#000 7%,transparent 70%)!important; }
body.synex-product-vitrine .appilo-product-stage .stage-halo { width:510px!important;height:510px!important;top:8%!important;right:2%!important;border-color:rgba(48,128,162,.13)!important;box-shadow:0 0 0 65px rgba(40,151,172,.03),0 0 0 130px rgba(65,87,172,.02)!important; }
body.synex-product-vitrine .appilo-product-stage .stage-orbit { width:535px!important;height:535px!important;top:51%!important;left:56%!important;border-color:rgba(37,119,151,.14)!important; }
body.synex-product-vitrine .appilo-product-stage .stage-label { top:31px!important;right:14px!important;border-color:#d8e7ea!important;background:rgba(255,255,255,.9)!important;color:#537482!important;box-shadow:0 12px 29px rgba(9,63,81,.08)!important; }
body.synex-product-vitrine .hero-qr-terminal {
  display:grid;
  position:absolute;
  z-index:4;
  width:445px;
  min-height:365px;
  top:118px;
  right:-4px;
  grid-template-columns:minmax(0,1fr) 174px;
  align-items:center;
  gap:18px;
  padding:24px;
  overflow:hidden;
  border:1px solid rgba(166,193,202,.48);
  border-radius:30px;
  background:rgba(255,255,255,.96);
  box-shadow:0 38px 80px rgba(24,72,92,.18),inset 0 1px #fff;
  transform:rotateX(var(--stage-y)) rotateY(var(--stage-x)) rotateZ(1deg);
  transform-origin:center;
  transition:transform .18s ease-out;
}
body.synex-product-vitrine .hero-qr-terminal::before { content:"";position:absolute;width:240px;height:240px;right:-125px;bottom:-135px;border-radius:50%;background:rgba(38,177,176,.08);box-shadow:0 0 0 52px rgba(37,116,180,.035);pointer-events:none; }
body.synex-product-vitrine .hero-qr-terminal>header { display:flex;position:relative;z-index:2;grid-column:1/-1;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #e1ecee; }
body.synex-product-vitrine .hero-qr-terminal .brand-lockup { max-width:145px; }
body.synex-product-vitrine .hero-qr-terminal .brand-icon { width:34px;height:34px;border-radius:10px;font-size:1.35rem; }
body.synex-product-vitrine .hero-qr-terminal .brand-wordmark strong { font-size:.74rem; }.hero-qr-terminal .brand-wordmark small { font-size:.42rem; }
body.synex-product-vitrine .hero-qr-terminal>header>span { display:flex;align-items:center;gap:7px;color:#607d89;font-size:.46rem;font-weight:800;white-space:nowrap; }
body.synex-product-vitrine .hero-qr-terminal>header>span i { width:7px;height:7px;border-radius:50%;background:#29b67e;box-shadow:0 0 0 5px rgba(41,182,126,.1);animation:live-dot 2s ease-out infinite; }
body.synex-product-vitrine .hero-qr-terminal-copy { position:relative;z-index:2;align-self:center; }
body.synex-product-vitrine .hero-qr-terminal-copy>small { color:#168ba4;font-size:.48rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
body.synex-product-vitrine .hero-qr-terminal-copy h2 { margin:10px 0 11px;color:#10394d;font-size:1.55rem;letter-spacing:-.045em;line-height:1.05; }
body.synex-product-vitrine .hero-qr-terminal-copy p { margin:0;color:#718b96;font-size:.51rem;line-height:1.6; }
body.synex-product-vitrine .hero-qr-terminal-copy>span { display:flex;align-items:center;gap:7px;margin-top:18px;color:#49717f;font-size:.46rem;font-weight:800; }
body.synex-product-vitrine .hero-qr-terminal-copy>span i { width:7px;height:7px;border-radius:50%;background:#28b983;box-shadow:0 0 0 5px rgba(40,185,131,.1); }
body.synex-product-vitrine .hero-qr-terminal .real-qr-card { z-index:2;width:174px;padding:13px;border-color:#dbe8ea;border-radius:20px;box-shadow:0 18px 38px rgba(18,73,92,.13); }
body.synex-product-vitrine .hero-qr-terminal .qr-timer { right:-10px;bottom:36px;width:43px;height:43px;border-width:3px;background:linear-gradient(145deg,#0c9db7,#176f9e); }
body.synex-product-vitrine .hero-qr-terminal .stage-scan-beam { z-index:5;width:150px;height:2px;top:119px;right:37px;bottom:auto;background:#31c8ba;box-shadow:0 0 14px 5px rgba(49,200,186,.33);animation:hero-qr-scan 4.8s ease-in-out infinite; }
body.synex-product-vitrine .appilo-product-stage .vitrine-phone { top:65px!important;right:auto!important;bottom:auto!important;left:18px!important;box-shadow:0 38px 75px rgba(22,65,84,.25),0 0 0 1px rgba(255,255,255,.75)!important;transform:translate(var(--float-x),var(--float-y)) rotate(-4deg)!important; }
body.synex-product-vitrine .hero-device-link { display:flex;position:absolute;z-index:7;width:132px;height:40px;top:346px;left:244px;align-items:center;justify-content:center;gap:7px;border-top:1px dashed rgba(17,143,165,.48);transform:rotate(-8deg); }
body.synex-product-vitrine .hero-device-link i { width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#23b49b;box-shadow:0 4px 10px rgba(12,108,124,.21);animation:hero-link-dot 2.1s ease-in-out infinite; }
body.synex-product-vitrine .hero-device-link i:nth-child(2){animation-delay:.2s}.hero-device-link i:nth-child(3){animation-delay:.4s}
body.synex-product-vitrine .hero-device-link span { position:absolute;top:9px;color:#4b7583;font-size:.4rem;font-weight:850;letter-spacing:.06em;white-space:nowrap; }
body.synex-product-vitrine .appilo-product-stage .event-location { top:27px!important;left:0!important; }
body.synex-product-vitrine .appilo-product-stage .event-record { right:1px!important;bottom:49px!important; }
body.synex-product-vitrine .synex-product-hero .hero-scroll-cue { color:#52727f!important; }
@keyframes hero-soft-orbit { 50%{transform:translateY(-14px) scale(1.025)} }
@keyframes hero-qr-scan { 0%,12%{transform:translateY(0);opacity:0} 20%{opacity:.9} 72%{opacity:.9} 84%,100%{transform:translateY(150px);opacity:0} }
@keyframes hero-link-dot { 0%,100%{opacity:.25;transform:translateX(-4px)} 50%{opacity:1;transform:translateX(4px)} }

@media (max-width:1240px) and (min-width:1041px) {
  body.synex-product-vitrine .product-header-pro .product-header-shell { width:calc(100% - 36px)!important;grid-template-columns:165px minmax(0,1fr)!important;gap:18px!important; }
  body.synex-product-vitrine .product-header-pro .product-navigation-panel { grid-template-columns:minmax(340px,1fr) auto!important;gap:15px!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links { gap:18px!important; }
  body.synex-product-vitrine .product-header-cta.scale-button,
  body.synex-product-vitrine .product-header-cta.gradient-border-button { min-height:46px!important;grid-template-columns:18px minmax(0,auto) 14px!important;padding:0 13px!important;font-size:.68rem!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-grid { grid-template-columns:minmax(380px,.78fr) minmax(570px,1.22fr)!important;gap:24px!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-copy h1 { font-size:clamp(3.4rem,4.8vw,4.8rem)!important; }
  body.synex-product-vitrine .synex-product-hero .appilo-product-stage { transform:scale(.9)!important;transform-origin:center right!important; }
}
@media (max-width:1040px) {
  body.synex-product-vitrine .product-header-top { display:none!important; }
  body.synex-product-vitrine .product-header-pro .product-header-shell { width:calc(100% - 30px)!important;min-height:78px!important;grid-template-columns:minmax(0,1fr) 46px!important; }
  body.synex-product-vitrine .product-header-pro .marketing-menu-toggle { border-color:#d8e7ea!important;background:#f8fbfc!important;box-shadow:0 8px 20px rgba(10,67,86,.08)!important; }
  body.synex-product-vitrine .product-header-pro .marketing-menu-toggle span { background:#16485e!important; }
  body.synex-product-vitrine .product-header-pro .product-navigation-panel { top:86px!important;grid-template-columns:1fr!important;border-color:#dbe8ea!important;background:rgba(255,255,255,.99)!important;box-shadow:0 28px 70px rgba(8,54,73,.17)!important; }
  body.synex-product-vitrine .product-navigation-head strong { color:#123d51!important; }.synex-product-vitrine .product-navigation-head small { color:#79909a!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a { justify-content:center!important;border-color:#dce9eb!important;background:#f7fbfc!important;color:#456473!important; }
  body.synex-product-vitrine .product-header-pro .product-header-actions { display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  body.synex-product-vitrine .product-header-cta.scale-button,
  body.synex-product-vitrine .product-header-cta.gradient-border-button { width:100%!important;min-height:50px!important;justify-content:center!important; }
  body.synex-product-vitrine .synex-product-hero { min-height:auto!important;padding:126px 0 70px!important; }
  body.synex-product-vitrine .synex-product-hero::before { width:900px!important;height:300px!important;top:74px!important;right:-370px!important;opacity:.86!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-grid { width:min(820px,calc(100% - 40px))!important;grid-template-columns:1fr!important;justify-items:center!important;gap:25px!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-copy { display:grid!important;max-width:760px!important;justify-items:center!important;padding:0!important;text-align:center!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-copy h1 { max-width:760px!important;font-size:clamp(3.6rem,8vw,5rem)!important; }
  body.synex-product-vitrine .synex-product-hero .product-lead { max-width:680px!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-actions,
  body.synex-product-vitrine .synex-product-hero .product-trust-row { justify-content:center!important; }
  body.synex-product-vitrine .synex-product-hero .appilo-product-stage { width:720px!important;min-height:620px!important;justify-self:center!important; }
}
@media (max-width:760px) {
  body.synex-product-vitrine .product-header-pro .product-header-shell { min-height:72px!important; }
  body.synex-product-vitrine .product-header-pro .product-navigation-panel { top:78px!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links,
  body.synex-product-vitrine .product-header-pro .product-header-actions { grid-template-columns:1fr!important; }
  body.synex-product-vitrine .synex-product-hero { padding:108px 0 34px!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-grid { width:calc(100% - 30px)!important;gap:8px!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-copy { width:100%!important;max-width:100%!important; }
  body.synex-product-vitrine .synex-product-hero .product-kicker { font-size:.5rem!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-copy h1 { width:100%!important;margin-bottom:21px!important;font-size:clamp(2.75rem,12vw,4rem)!important;line-height:1!important; }
  body.synex-product-vitrine .synex-product-hero .product-lead { width:100%!important;font-size:.78rem!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-actions { width:100%!important;align-items:stretch!important;flex-direction:column!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-actions>.button { width:100%!important; }
  body.synex-product-vitrine .synex-product-hero .product-trust-row { width:100%!important;grid-template-columns:1fr!important; }
  body.synex-product-vitrine .synex-product-hero .appilo-product-stage { width:700px!important;min-height:620px!important;left:50%!important;justify-self:start!important;margin:0 0 -130px!important;transform:translateX(-50%) scale(.78)!important;transform-origin:top center!important; }
  body.synex-product-vitrine .synex-hero-shape.shape-a { display:none!important; }
}
@media (max-width:520px) {
  body.synex-product-vitrine .synex-product-hero .appilo-product-stage { margin-bottom:-292px!important;transform:translateX(-50%) scale(.49)!important; }
  body.synex-product-vitrine .synex-product-hero .product-trust-row { display:none!important; }
}
@media (prefers-reduced-motion:reduce) {
  body.synex-product-vitrine .hero-qr-terminal,
  body.synex-product-vitrine .appilo-product-stage .vitrine-phone { transform:none!important;transition:none!important; }
  body.synex-product-vitrine .synex-hero-shape,
  body.synex-product-vitrine .hero-qr-terminal .stage-scan-beam,
  body.synex-product-vitrine .hero-device-link i { animation:none!important; }
}

/* 8.5.1 — mobile navigation and hero containment. */
@media (max-width:1040px) {
  body.synex-product-vitrine .product-header-pro .product-navigation-panel {
    visibility:hidden!important;
    display:flex!important;
    position:fixed!important;
    z-index:1100!important;
    top:88px!important;
    right:15px!important;
    left:15px!important;
    width:auto!important;
    max-height:calc(100dvh - 103px)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:16px!important;
    padding:20px!important;
    overflow:auto!important;
    border:1px solid rgba(164,193,202,.55)!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 32px 78px rgba(8,50,68,.22)!important;
    opacity:0!important;
    transform:translateY(-12px) scale(.98)!important;
    transform-origin:top center!important;
    pointer-events:none!important;
    transition:visibility .24s ease,opacity .24s ease,transform .24s ease!important;
    backdrop-filter:blur(24px) saturate(150%)!important;
  }
  html.marketing-menu-open body.synex-product-vitrine .product-header-pro .product-navigation-panel {
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  body.synex-product-vitrine .product-navigation-head { display:block!important;padding:2px 2px 15px!important;border-bottom:1px solid #e2edef!important; }
  body.synex-product-vitrine .product-navigation-head strong { color:#103b50!important;font-size:1.2rem!important;font-weight:850!important; }
  body.synex-product-vitrine .product-navigation-head small { margin-top:5px!important;color:#768e99!important;font-size:.65rem!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links { width:100%!important;justify-self:stretch!important; }
  body.synex-product-vitrine .product-header-pro .product-header-actions { justify-self:stretch!important;gap:10px!important;padding-top:3px!important; }
  body.synex-product-vitrine .product-header-cta.scale-button,
  body.synex-product-vitrine .product-header-cta.gradient-border-button {
    min-height:58px!important;
    grid-template-columns:24px minmax(0,1fr) 18px!important;
    justify-content:stretch!important;
    gap:11px!important;
    padding:0 18px!important;
    border-radius:18px!important;
    font-size:.82rem!important;
    text-align:left!important;
  }
  body.synex-product-vitrine .product-header-cta.scale-button .product-header-cta-icon,
  body.synex-product-vitrine .product-header-cta.gradient-border-button .product-header-cta-icon { width:24px!important;height:24px!important; }
  body.synex-product-vitrine .product-header-cta .product-header-cta-icon svg { width:23px!important;height:23px!important;stroke-width:1.9!important; }
  body.synex-product-vitrine .product-header-cta .product-header-cta-arrow {
    display:grid!important;
    width:18px!important;
    height:18px!important;
    place-items:center!important;
    color:rgba(255,255,255,.9)!important;
  }
  body.synex-product-vitrine .product-header-cta .product-header-cta-arrow svg { width:14px!important;height:14px!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-grid { grid-template-columns:minmax(0,1fr)!important;grid-auto-columns:minmax(0,1fr)!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-copy { width:100%!important;min-width:0!important;max-width:760px!important; }
  body.synex-product-vitrine .synex-product-hero .appilo-product-stage { min-width:0!important;justify-self:center!important; }
}
@media (max-width:760px) {
  body.synex-product-vitrine .product-header-pro .product-brand .brand-wordmark { max-width:210px!important; }
  body.synex-product-vitrine .product-header-pro .product-navigation-panel { top:80px!important;right:10px!important;left:10px!important;max-height:calc(100dvh - 90px)!important;padding:18px!important;border-radius:23px!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links { grid-template-columns:1fr!important;gap:8px!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a {
    display:grid!important;
    min-height:56px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:12px!important;
    padding:8px 13px!important;
    border:1px solid #e0ebed!important;
    border-radius:17px!important;
    background:linear-gradient(135deg,#fbfdfd,#f3f9fa)!important;
    color:#294f60!important;
    font-size:.88rem!important;
    font-weight:800!important;
    text-align:left!important;
  }
  body.synex-product-vitrine .product-header-pro .product-nav-links a::before {
    display:grid!important;
    position:static!important;
    width:38px!important;
    height:38px!important;
    place-items:center!important;
    border-radius:12px!important;
    background:#e5f5f7!important;
    color:#0b8aa4!important;
    font-size:1.18rem!important;
    font-weight:700!important;
    transform:none!important;
  }
  body.synex-product-vitrine .product-header-pro .product-nav-links a:nth-child(1)::before { content:"⌂"!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a:nth-child(2)::before { content:"✦"!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a:nth-child(3)::before { content:"▣"!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a:nth-child(4)::before { content:"▶"!important;font-size:.75rem!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a:nth-child(5)::before { content:"₺"!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a::after { display:none!important; }
  body.synex-product-vitrine .product-header-pro .product-header-actions { grid-template-columns:1fr!important; }
  body.synex-product-vitrine .product-header-cta.scale-button,
  body.synex-product-vitrine .product-header-cta.gradient-border-button { width:100%!important;min-width:0!important;min-height:60px!important;font-size:.9rem!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-grid { grid-template-columns:minmax(0,1fr)!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-copy { width:100%!important;min-width:0!important;max-width:100%!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-copy h1 { overflow-wrap:anywhere!important; }
  body.synex-product-vitrine .synex-product-hero .appilo-product-stage {
    left:auto!important;
    justify-self:center!important;
    margin:0 0 -130px!important;
    transform:scale(.78)!important;
    transform-origin:top center!important;
  }
}
@media (max-width:520px) {
  body.synex-product-vitrine .product-header-pro .product-header-shell { width:calc(100% - 24px)!important; }
  body.synex-product-vitrine .product-header-pro .product-brand .brand-wordmark { max-width:195px!important; }
  body.synex-product-vitrine .product-header-pro .marketing-menu-toggle { width:44px!important;height:44px!important;border-radius:14px!important; }
  body.synex-product-vitrine .synex-product-hero .product-hero-copy h1 { font-size:clamp(2.55rem,12vw,3.25rem)!important;letter-spacing:-.055em!important; }
  body.synex-product-vitrine .synex-product-hero .appilo-product-stage { margin-bottom:-292px!important;transform:scale(.49)!important; }
}

/* 8.5.2 — overflow-safe header breakpoints and exact CTA palette. */
@media (max-width:1240px) {
  html.marketing-menu-open,
  html.marketing-menu-open body { height:100dvh!important;overflow:hidden!important; }
  body.synex-product-vitrine .product-header-top { display:none!important; }
  body.synex-product-vitrine .product-header-pro .product-header-shell {
    width:calc(100% - 30px)!important;
    min-height:78px!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    gap:14px!important;
  }
  body.synex-product-vitrine .product-header-pro .marketing-menu-toggle {
    display:grid!important;
    grid-column:2!important;
    grid-row:1!important;
    width:46px!important;
    height:46px!important;
    justify-self:end!important;
    place-content:center!important;
    gap:4px!important;
    padding:0!important;
    border:1px solid #d8e7ea!important;
    border-radius:15px!important;
    background:#f8fbfc!important;
    box-shadow:0 8px 20px rgba(10,67,86,.08)!important;
  }
  body.synex-product-vitrine .product-header-pro .marketing-menu-toggle span { display:block!important;width:20px!important;height:2px!important;margin:0!important;border-radius:999px!important;background:#16485e!important; }
  html.marketing-menu-open body.synex-product-vitrine .product-header-pro .marketing-menu-toggle span:nth-child(1) { transform:translateY(6px) rotate(45deg)!important; }
  html.marketing-menu-open body.synex-product-vitrine .product-header-pro .marketing-menu-toggle span:nth-child(2) { opacity:0!important; }
  html.marketing-menu-open body.synex-product-vitrine .product-header-pro .marketing-menu-toggle span:nth-child(3) { transform:translateY(-6px) rotate(-45deg)!important; }
  body.synex-product-vitrine .product-header-pro .product-navigation-panel {
    visibility:hidden!important;
    display:flex!important;
    position:fixed!important;
    z-index:1100!important;
    top:88px!important;
    right:15px!important;
    left:15px!important;
    width:auto!important;
    max-height:calc(100dvh - 103px)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:16px!important;
    padding:20px!important;
    overflow:auto!important;
    border:1px solid rgba(164,193,202,.55)!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 32px 78px rgba(8,50,68,.22)!important;
    opacity:0!important;
    transform:translateY(-12px) scale(.98)!important;
    transform-origin:top center!important;
    pointer-events:none!important;
    transition:visibility .24s ease,opacity .24s ease,transform .24s ease!important;
    backdrop-filter:blur(24px) saturate(150%)!important;
  }
  html.marketing-menu-open body.synex-product-vitrine .product-header-pro .product-navigation-panel { visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important; }
  body.synex-product-vitrine .product-navigation-head { display:block!important;padding:2px 2px 15px!important;border-bottom:1px solid #e2edef!important; }
  body.synex-product-vitrine .product-navigation-head strong,
  body.synex-product-vitrine .product-navigation-head small { display:block!important; }
  body.synex-product-vitrine .product-navigation-head strong { color:#103b50!important;font-size:1.2rem!important;font-weight:850!important; }
  body.synex-product-vitrine .product-navigation-head small { margin-top:5px!important;color:#768e99!important;font-size:.65rem!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links { display:grid!important;position:static!important;width:100%!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;padding:0!important;background:transparent!important;box-shadow:none!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a { min-width:0!important;min-height:54px!important;justify-content:center!important;padding:0 10px!important;border:1px solid #e0ebed!important;border-radius:16px!important;background:linear-gradient(135deg,#fbfdfd,#f3f9fa)!important;text-align:center!important; }
  body.synex-product-vitrine .product-header-pro .product-header-actions { display:grid!important;position:static!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:0!important;background:transparent!important;box-shadow:none!important; }
  body.synex-product-vitrine .product-header-cta.scale-button,
  body.synex-product-vitrine .product-header-cta.gradient-border-button { width:100%!important;min-width:0!important;min-height:58px!important;grid-template-columns:24px minmax(0,1fr) 18px!important;gap:11px!important;padding:0 18px!important;font-size:.82rem!important;text-align:left!important; }
  body.synex-product-vitrine .product-header-cta.gradient-border-button.is-purchase { min-width:0!important;padding:0 18px!important; }
}
@media (max-width:900px) {
  body.synex-product-vitrine .product-header-pro .product-nav-links { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:760px) {
  body.synex-product-vitrine .product-header-pro .product-navigation-panel { top:80px!important;right:10px!important;left:10px!important;max-height:calc(100dvh - 90px)!important;padding:18px!important;border-radius:23px!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links,
  body.synex-product-vitrine .product-header-pro .product-header-actions { grid-template-columns:minmax(0,1fr)!important; }
  body.synex-product-vitrine .product-header-pro .product-nav-links a { justify-content:stretch!important;text-align:left!important; }
  body.synex-product-vitrine .product-header-cta.scale-button,
  body.synex-product-vitrine .product-header-cta.gradient-border-button { min-height:60px!important;font-size:.9rem!important; }
}

/* 8.6.1 — shared public footer and 200px inner-page breadcrumb. */
body.synex-product-vitrine .product-header-pro .product-nav-links a[aria-current="page"] { color:#087f99!important; }
body.synex-product-vitrine .product-header-pro .product-nav-links a[aria-current="page"]::after { right:0!important;left:0!important; }
body.synex-product-vitrine .sales-plan-breadcrumb {
  display:flex;
  position:relative;
  isolation:isolate;
  width:100%;
  height:200px;
  min-height:200px;
  align-items:center;
  margin-top:130px;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.82);
  border-bottom:1px solid #dbe8e9;
  background:radial-gradient(circle at 80% 15%,rgba(36,194,166,.18),transparent 24%),radial-gradient(circle at 95% 120%,rgba(0,124,181,.2),transparent 31%),linear-gradient(112deg,#f9fcfc 0%,#edf7f8 52%,#e3f2f5 100%);
  color:#113d50;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
body.synex-product-vitrine .sales-plan-breadcrumb::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:420px;
  height:420px;
  top:-238px;
  right:7%;
  border:1px solid rgba(0,137,166,.13);
  border-radius:50%;
  box-shadow:0 0 0 42px rgba(0,137,166,.035),0 0 0 84px rgba(0,137,166,.022);
}
body.synex-product-vitrine .sales-plan-breadcrumb::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background-image:linear-gradient(rgba(20,97,118,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,97,118,.04) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,transparent 36%,#000 76%,transparent);
}
.sales-plan-breadcrumb-inner { display:flex;position:relative;z-index:2;width:100%;min-width:0;max-width:100%;align-items:center;gap:16px; }
.sales-plan-breadcrumb-icon { display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:linear-gradient(145deg,#fff,#e5f4f6);color:#087f99;box-shadow:0 12px 30px rgba(16,81,99,.1),inset 0 0 0 1px #dce9ea; }
.sales-plan-breadcrumb-icon svg { width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.sales-plan-breadcrumb-copy { display:grid;width:auto;min-width:0;max-width:none;flex:1 1 auto;row-gap:50px; }
.sales-plan-breadcrumb-copy nav { display:flex;width:100%;min-width:0;max-width:100%;align-items:center;gap:7px;overflow:hidden;color:#75909a;font-size:.54rem;font-weight:760;white-space:nowrap; }
.sales-plan-breadcrumb-copy nav a { color:#087f99; }.sales-plan-breadcrumb-copy nav strong { overflow:hidden;color:#405f6b;text-overflow:ellipsis; }
.sales-plan-breadcrumb-copy nav svg { width:11px;height:11px;flex:0 0 11px;fill:none;stroke:#9eb1b8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.sales-plan-breadcrumb-copy h1 { display:block;width:100%;min-width:0;max-width:none;margin:0;color:#103b50;font-size:1.28rem;font-weight:850;letter-spacing:-.035em;line-height:1.08;overflow-wrap:normal;word-break:normal;hyphens:none;white-space:normal;text-wrap:balance; }
.sales-plan-assurance { display:flex;width:auto;min-width:0;max-width:250px;flex:0 1 250px;align-items:center;gap:11px;padding:10px 14px;border:1px solid rgba(255,255,255,.86);border-radius:16px;background:rgba(255,255,255,.62);box-shadow:0 10px 28px rgba(15,76,94,.07);backdrop-filter:blur(12px); }
.sales-plan-assurance>i { width:9px;height:9px;border-radius:50%;background:#22b77b;box-shadow:0 0 0 6px rgba(34,183,123,.1); }
.sales-plan-assurance span,.sales-plan-assurance small,.sales-plan-assurance strong { display:block; }.sales-plan-assurance small { color:#168562;font-size:.43rem;font-weight:900;letter-spacing:.1em; }.sales-plan-assurance strong { margin-top:3px;color:#345563;font-size:.59rem; }
.sales-plan-breadcrumb-art { position:absolute;z-index:0;width:260px;height:100%;top:0;right:23%;opacity:.68;pointer-events:none; }
.sales-plan-breadcrumb-art::before { content:"";position:absolute;width:212px;height:1px;top:50%;left:22px;background:linear-gradient(90deg,transparent,#48b8ca 28%,#36b98d 72%,transparent);transform:translateY(-50%) rotate(-7deg); }
.sales-plan-breadcrumb-art i { position:absolute;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#19a8bd;box-shadow:0 0 0 6px rgba(25,168,189,.1); }
.sales-plan-breadcrumb-art i:first-child { top:calc(50% + 7px);left:35px; }.sales-plan-breadcrumb-art i:nth-child(2) { top:calc(50% - 12px);left:124px;background:#22b77b; }.sales-plan-breadcrumb-art i:nth-child(3) { top:calc(50% - 18px);right:24px;background:#007cb5; }
.sales-plan-breadcrumb-art span { position:absolute;width:5px;height:5px;top:calc(50% - 3px);left:82px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(0,143,171,.13);animation:sales-breadcrumb-data 4.8s ease-in-out infinite; }
.sales-studio-body .sales-config-workspace { padding-top:56px!important;scroll-margin-top:92px; }
.public-page-body .public-page-main { padding-top:0; }
.public-page-body .sales-plan-breadcrumb .sales-config-shell { width:min(1280px,calc(100% - 64px));margin-inline:auto; }
.public-page-body .public-page-layout { padding-top:56px; }
.public-page-body .sales-plan-breadcrumb-copy h1 { width:100%;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none; }
@keyframes sales-breadcrumb-data { 0%,100%{opacity:.2;transform:translate(0,6px)} 48%{opacity:1;transform:translate(92px,-7px)} 52%{opacity:1;transform:translate(92px,-7px)} }
@media (max-width:1240px) {
  body.synex-product-vitrine .sales-plan-breadcrumb { margin-top:78px; }
  .sales-plan-breadcrumb-art { right:12%; }
}
@media (max-width:900px) {
  .sales-plan-breadcrumb-inner { gap:12px; }
  .sales-plan-assurance { display:none; }
}
@media (max-width:760px) {
  body.synex-product-vitrine .sales-plan-breadcrumb { height:200px;min-height:200px;margin-top:78px; }
  body.synex-product-vitrine .sales-plan-breadcrumb .sales-config-shell { width:calc(100% - 28px); }
  .sales-plan-breadcrumb-inner { gap:12px; }
  .sales-plan-breadcrumb-icon { width:44px;height:44px;border-radius:14px; }
  .sales-plan-breadcrumb-icon svg { width:21px;height:21px; }
  .sales-plan-breadcrumb-copy nav { gap:5px;font-size:.48rem; }
  .sales-plan-breadcrumb-copy nav span,.sales-plan-breadcrumb-copy nav svg:nth-of-type(2) { display:none; }
  .sales-plan-breadcrumb-copy h1 { font-size:1.08rem; }
  .sales-plan-assurance { display:none; }
  .sales-plan-breadcrumb-art { right:-80px;opacity:.42; }
  .sales-studio-body .sales-config-workspace { padding-top:42px!important; }
  .public-page-body .public-page-layout { padding-top:42px; }
}
@media (max-width:560px) {
  body.synex-product-vitrine .sales-plan-breadcrumb .sales-config-shell.sales-plan-breadcrumb-inner {
    display:flex;
    width:calc(100% - 24px)!important;
    min-width:0;
    max-width:calc(100% - 24px);
    align-items:center;
    margin-inline:12px;
  }
  .sales-plan-breadcrumb-icon { display:none; }
  .sales-plan-breadcrumb-copy { display:grid;width:100%!important;min-width:0!important;max-width:100%!important;flex:1 1 100%; }
  .sales-plan-breadcrumb-copy h1 {
    display:block;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-top:0;
    overflow-wrap:normal;
    word-break:normal;
    font-size:clamp(1rem,5vw,1.2rem);
    line-height:1.18;
    white-space:normal;
    text-wrap:balance;
  }
  .sales-plan-breadcrumb-copy nav { width:100%;max-width:100%;font-size:.5rem; }
  .sales-plan-breadcrumb-copy nav span { display:inline; }
  .sales-plan-breadcrumb-copy nav strong,
  .sales-plan-breadcrumb-copy nav svg:nth-of-type(2) { display:none; }
  .sales-plan-breadcrumb-art { right:-125px;opacity:.3; }
}
@media (prefers-reduced-motion:reduce) { .sales-plan-breadcrumb-art span { animation:none!important; } }

/* 8.6.2 — document-focused public content and contextual sidebar. */
.public-page-body .public-page-container { width:min(1280px,calc(100% - 64px)); }
.public-page-body .public-page-layout {
  grid-template-columns:minmax(0,3fr) minmax(260px,1fr);
  gap:24px;
  padding-top:46px;
  padding-bottom:105px;
}
.public-page-body .public-page-article {
  min-width:0;
  overflow:hidden;
  border:1px solid #dfe9eb;
  border-radius:20px;
  background:#fff;
  color:#3f5965;
  box-shadow:0 18px 48px rgba(13,65,82,.07);
  font-family:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:.91rem;
  line-height:1.85;
}
.public-page-article-heading {
  display:grid;
  min-height:112px;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:17px;
  padding:22px 28px;
  background:radial-gradient(circle at 86% 10%,rgba(255,255,255,.2),transparent 28%),linear-gradient(118deg,#087f99 0%,#12a6aa 52%,#27b987 100%);
  color:#fff;
}
.public-page-article-icon { display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:17px;background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.24); }
.public-page-article-icon svg { width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.public-page-article-heading div { display:grid;min-width:0;gap:4px; }
.public-page-article-heading small { color:rgba(255,255,255,.68);font-size:.48rem;font-weight:900;letter-spacing:.14em; }
.public-page-article-heading h2 { margin:0;color:#fff;font-size:1.34rem;font-weight:850;letter-spacing:-.025em;line-height:1.2;overflow-wrap:anywhere; }
.public-page-article-heading em { display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(3,63,76,.16);color:#fff;font-size:.53rem;font-style:normal;font-weight:800; }
.public-page-article-heading em i { width:7px;height:7px;border-radius:50%;background:#8df0bc;box-shadow:0 0 0 5px rgba(141,240,188,.13); }
.public-page-article-content { padding:42px 46px 22px;overflow-wrap:anywhere;word-break:normal; }
.public-page-article-content > :first-child { margin-top:0; }
.public-page-article-content > :last-child { margin-bottom:0; }
.public-page-article-content h2,.public-page-article-content h3,.public-page-article-content h4 { color:#123e51;font-family:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em; }
.public-page-article-content h2 { position:relative;margin:2em 0 .75em;padding-left:16px;font-size:1.22rem;line-height:1.35; }
.public-page-article-content h2::before { content:"";position:absolute;width:4px;top:.08em;bottom:.08em;left:0;border-radius:999px;background:linear-gradient(#0a8eaa,#26b781); }
.public-page-article-content h3 { margin:1.7em 0 .6em;font-size:1.05rem; }
.public-page-article-content h4 { margin:1.5em 0 .55em;font-size:.94rem; }
.public-page-article-content p { margin:0 0 1.15em; }
.public-page-article-content ul,.public-page-article-content ol { margin:1em 0 1.4em;padding-left:1.45rem; }
.public-page-article-content hr { height:1px;margin:30px 0;border:0;background:#e2ecee; }
.public-page-article-content blockquote { margin:28px 0;padding:19px 22px;border:1px solid #cfe7e5;border-left:4px solid #18a88f;border-radius:0 15px 15px 0;background:linear-gradient(105deg,#effaf8,#f7fbfc);color:#315c68; }
.public-page-body .public-page-article > footer { margin:24px 46px 0;padding:20px 0 28px;border-top:1px solid #e1ebed;font-size:.58rem; }
.public-page-body .public-page-index {
  display:block;
  position:sticky;
  top:102px;
  overflow:hidden;
  padding:0;
  border:1px solid #dfe9eb;
  border-radius:20px;
  background:#fff;
  box-shadow:0 18px 48px rgba(13,65,82,.07);
}
.public-page-index > header { display:flex;align-items:center;gap:13px;padding:22px 21px;border-bottom:1px solid #e2ecee;background:linear-gradient(145deg,#fbfefe,#f3f9fa); }
.public-page-index > header > span { display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid #d4e7e8;border-radius:13px;background:#fff;color:#098ca1;box-shadow:0 8px 22px rgba(5,97,117,.08); }
.public-page-index > header svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.public-page-index > header div { display:grid;min-width:0;gap:3px; }
.public-page-index > header small { color:#1a9b83;font-size:.42rem;font-weight:900;letter-spacing:.12em; }
.public-page-index > header h2 { margin:0;color:#153d50;font-size:.91rem;letter-spacing:-.02em; }
.public-page-index nav { display:grid;padding:9px; }
.public-page-index nav a { display:grid;min-height:52px;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:8px 9px;border-bottom:1px solid #edf2f3;border-radius:11px;color:#58727e;font-size:.64rem;font-weight:750;line-height:1.35;transition:background .18s ease,color .18s ease,transform .18s ease; }
.public-page-index nav a:last-child { border-bottom-color:transparent; }
.public-page-index nav a:hover { background:#f1f9f9;color:#087f99;transform:translateX(2px); }
.public-page-index nav a.is-active { border-bottom-color:transparent;background:linear-gradient(105deg,#e9f8f7,#eef8fb);color:#087f99;box-shadow:inset 0 0 0 1px #d3ece9; }
.public-page-index nav a > span { display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#eef5f6;color:#77929c; }
.public-page-index nav a.is-active > span { background:#fff;color:#18a981;box-shadow:0 5px 14px rgba(16,130,124,.1); }
.public-page-index nav a svg { fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.public-page-index nav a span svg { width:15px;height:15px; }
.public-page-index nav a strong { min-width:0;overflow-wrap:anywhere; }
.public-page-index nav a > i { display:grid;place-items:center;color:#a8b8bd;font-style:normal;opacity:1; }
.public-page-index nav a > i svg { width:15px;height:15px; }
.public-page-index nav a.is-active > i { color:#21a58e; }
@media (max-width:900px) {
  .public-page-body .public-page-container { width:min(100% - 30px,1280px); }
  .public-page-body .public-page-layout { grid-template-columns:1fr;gap:24px;padding-top:30px;padding-bottom:70px; }
  .public-page-body .public-page-index { position:static;order:initial; }
}
@media (max-width:620px) {
  .public-page-article-heading { min-height:104px;grid-template-columns:48px minmax(0,1fr);gap:13px;padding:18px; }
  .public-page-article-icon { width:48px;height:48px;border-radius:14px; }
  .public-page-article-icon svg { width:23px;height:23px; }
  .public-page-article-heading h2 { font-size:1.05rem; }
  .public-page-article-heading em { display:none; }
  .public-page-article-content { padding:30px 21px 16px; }
  .public-page-article-content h2 { font-size:1.05rem; }
  .public-page-body .public-page-article > footer { margin:20px 21px 0;padding-bottom:23px; }
}

/* 8.7 — Landrick-inspired, library-free attendance analytics. */
.sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
.dashboard-analytics-grid { grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:stretch; }
.dashboard-analytics-card { min-width:0;min-height:438px;padding:0!important;overflow:hidden;border:1px solid #e9edf4!important;border-radius:9px!important;background:var(--panel-card,#fff)!important;box-shadow:0 3px 14px rgba(36,48,78,.045)!important; }
.dashboard-widget-heading { display:flex;min-height:80px;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid #eef1f5; }
.dashboard-widget-heading>div { min-width:0; }.dashboard-widget-heading h2 { margin:0;color:var(--panel-heading,#1f2940);font-size:16px;font-weight:700;letter-spacing:-.018em; }.dashboard-widget-heading p { margin:4px 0 0;color:#8a96aa;font-size:11px;line-height:1.4; }
.dashboard-chart-period { display:inline-flex;min-height:34px;flex:0 0 auto;align-items:center;padding:0 12px;border:1px solid #e4e9f1;border-radius:6px;background:#fff;color:#748097;font-size:10px;font-weight:650;white-space:nowrap; }.dashboard-chart-period.is-neutral { color:#718096; }
.dashboard-analytics-filters { display:flex;position:relative;flex:0 0 auto;align-items:center;gap:8px; }.dashboard-year-filter,.dashboard-period-filter { display:grid;position:relative;flex:0 0 auto;align-items:center; }.dashboard-year-filter { min-width:92px; }.dashboard-period-filter { min-width:116px; }.dashboard-year-filter select,.dashboard-period-filter select { width:100%;height:38px;appearance:none;padding:0 34px 0 13px;border:1px solid #e2e7ef;border-radius:6px;outline:none;background:#fff;color:#6e7a8f;font-family:inherit;font-size:11px;font-weight:650;line-height:1;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease; }.dashboard-year-filter select:hover,.dashboard-year-filter select:focus,.dashboard-period-filter select:hover,.dashboard-period-filter select:focus,.dashboard-custom-date input:hover,.dashboard-custom-date input:focus { border-color:#7790e8;box-shadow:0 0 0 3px rgba(85,113,217,.09); }.dashboard-year-filter svg,.dashboard-period-filter svg { position:absolute;right:11px;width:14px;height:14px;pointer-events:none;fill:none;stroke:#7f8a9c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }.dashboard-custom-date { flex:0 0 134px; }.dashboard-custom-date[hidden] { display:none; }.dashboard-custom-date input { width:100%;height:38px;padding:0 9px;border:1px solid #e2e7ef;border-radius:6px;outline:none;background:#fff;color:#6e7a8f;font-family:inherit;font-size:10px;font-weight:650;transition:border-color .2s ease,box-shadow .2s ease; }
.attendance-line-chart { position:relative;margin:0;padding:18px 20px 0;transition:opacity .22s ease; }.attendance-line-chart-svg { display:block;width:100%;height:270px;overflow:visible; }.attendance-chart-grid line { stroke:#e7ebf1;stroke-width:1;stroke-dasharray:2 5; }.attendance-chart-grid text { fill:#98a3b5;font-family:inherit;font-size:9px; }.attendance-series-area { pointer-events:none;transition:d .32s ease; }.attendance-series-area.is-entry { display:none; }.attendance-series-area.is-exit { fill:url(#attendance-exit-area);opacity:.44; }
.attendance-series-line { fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.7;vector-effect:non-scaling-stroke;transition:d .32s ease; }.attendance-series-line.is-entry { stroke:#5571d9; }.attendance-series-line.is-exit { stroke:#35bea0;stroke-dasharray:.018 .016; }.attendance-series-line.is-break { stroke:#eea54a;stroke-width:2.2;stroke-dasharray:.005 .014; }.attendance-series-point { stroke:#fff;stroke-width:2.3;vector-effect:non-scaling-stroke;transition:cx .32s ease,cy .32s ease; }.attendance-series-point.is-entry { fill:#5571d9; }.attendance-series-point.is-exit { fill:#35bea0; }.attendance-series-point.is-break { fill:#eea54a; }
.attendance-chart-axis { display:grid;grid-template-columns:repeat(var(--analytics-columns,12),minmax(0,1fr));gap:0;margin:-8px 1.5% 0 6.9%; }.attendance-chart-axis span { display:grid;justify-items:center;color:#8c98aa; }.attendance-chart-axis span[hidden] { display:none; }.attendance-chart-axis b { font-size:9px;font-weight:500; }
.attendance-chart-tooltip { position:absolute;z-index:3;min-width:132px;padding:10px 12px;border:1px solid #e8ecf3;border-radius:7px;background:#fff;box-shadow:0 9px 24px rgba(33,45,72,.13);pointer-events:none;transform:translate(-50%,calc(-100% - 10px)); }.attendance-chart-tooltip[hidden] { display:none; }.attendance-chart-tooltip::after { content:"";position:absolute;bottom:-5px;left:50%;width:8px;height:8px;border-right:1px solid #e8ecf3;border-bottom:1px solid #e8ecf3;background:#fff;transform:translateX(-50%) rotate(45deg); }.attendance-chart-tooltip b { display:block;margin-bottom:5px;color:#2b3548;font-size:10px; }.attendance-chart-tooltip span { display:flex;align-items:center;gap:6px; }.attendance-chart-tooltip i { width:7px;height:7px;border-radius:50%; }.attendance-chart-tooltip i.is-entry { background:#5571d9; }.attendance-chart-tooltip i.is-exit { background:#35bea0; }.attendance-chart-tooltip em { color:#758196;font-size:9px;font-style:normal; }.attendance-series-point:focus { outline:none;stroke-width:4; }
.attendance-series-summary { display:flex;position:relative;align-items:center;justify-content:center;gap:24px;padding:17px 24px 22px;transition:opacity .22s ease; }.attendance-series-summary>span { display:inline-flex;align-items:center;gap:7px; }.attendance-series-summary i { width:8px;height:8px;border-radius:50%; }.attendance-series-summary i.is-entry { background:#5571d9; }.attendance-series-summary i.is-exit { background:#35bea0; }.attendance-series-summary i.is-break { background:#eea54a; }.attendance-series-summary small { color:#707d91;font-size:10px; }.attendance-series-summary b { color:#263247;font-size:10px;font-weight:700; }.dashboard-analytics-status { position:absolute;right:20px;color:#d05e62;font-size:9px;font-style:normal; }
.attendance-trend-card.is-loading .attendance-line-chart,.attendance-trend-card.is-loading .attendance-series-summary { opacity:.4; }.attendance-trend-card.is-loading .dashboard-analytics-filters::after { content:"";position:absolute;right:-19px;width:11px;height:11px;border:2px solid #dce3f7;border-top-color:#5571d9;border-radius:50%;animation:dashboard-analytics-spin .7s linear infinite; }.attendance-trend-card.is-error .dashboard-year-filter select,.attendance-trend-card.is-error .dashboard-period-filter select,.attendance-trend-card.is-error .dashboard-custom-date input { border-color:#efb2b5; }
.attendance-distribution-card { display:flex;flex-direction:column; }.attendance-donut-wrap { display:grid;position:relative;width:240px;max-width:82%;margin:22px auto 5px;place-items:center; }.attendance-donut { display:block;width:100%;filter:drop-shadow(0 9px 18px rgba(65,89,160,.07));transform:rotate(-90deg); }.attendance-donut-track,.attendance-donut-segment { fill:none;stroke-width:29; }.attendance-donut-track { stroke:#edf1f7; }.attendance-donut-segment { stroke-linecap:butt;transition:stroke-dasharray .45s ease; }.attendance-donut-segment.is-present { stroke:#5571d9; }.attendance-donut-segment.is-waiting { stroke:#91a6e5; }
.attendance-donut-value { display:grid;position:absolute;place-items:center;text-align:center; }.attendance-donut-value strong,.attendance-donut-value span,.attendance-donut-value small { display:block; }.attendance-donut-value strong { color:#24324a;font-size:32px;font-weight:720;letter-spacing:-.06em;line-height:1; }.attendance-donut-value span { margin-top:5px;color:#68758a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }.attendance-donut-value small { margin-top:4px;color:#a0a9b7;font-size:9px; }
.attendance-donut-legend { display:flex;justify-content:center;gap:22px;margin:auto 18px 24px; }.attendance-donut-legend>span { display:grid;grid-template-columns:8px auto;align-items:center;gap:1px 8px; }.attendance-donut-legend>span>i { width:8px;height:8px;grid-row:1/3;border-radius:50%; }.attendance-donut-legend i.is-present { background:#5571d9; }.attendance-donut-legend i.is-waiting { background:#91a6e5; }.attendance-donut-legend>span>span { display:flex;align-items:center;gap:5px; }.attendance-donut-legend small { color:#8894a6;font-size:9px; }.attendance-donut-legend b { color:#334155;font-size:9px;font-weight:650; }.attendance-donut-legend em { grid-column:2;color:#526bd3;font-size:10px;font-style:normal;font-weight:750; }
.panel-dark-mode .dashboard-analytics-card { border-color:#334155!important;background:#1f2937!important;box-shadow:0 3px 14px rgba(0,0,0,.15)!important; }.panel-dark-mode .dashboard-widget-heading { border-bottom-color:#334155; }.panel-dark-mode .dashboard-widget-heading h2,.panel-dark-mode .attendance-donut-value strong,.panel-dark-mode .attendance-series-summary b,.panel-dark-mode .attendance-donut-legend b { color:#f1f5f9; }.panel-dark-mode .dashboard-widget-heading p,.panel-dark-mode .attendance-donut-value span,.panel-dark-mode .attendance-donut-value small { color:#94a3b8; }.panel-dark-mode .dashboard-year-filter select,.panel-dark-mode .dashboard-period-filter select,.panel-dark-mode .dashboard-custom-date input,.panel-dark-mode .dashboard-chart-period { border-color:#3a485c;background:#263244;color:#cbd5e1; }.panel-dark-mode .attendance-chart-grid line { stroke:#394658; }.panel-dark-mode .attendance-chart-grid text { fill:#8c9aaf; }.panel-dark-mode .attendance-chart-axis b { color:#9ca9bc; }.panel-dark-mode .attendance-donut-track { stroke:#334155; }.panel-dark-mode .attendance-chart-tooltip { border-color:#3b485b;background:#263244;box-shadow:0 9px 24px rgba(0,0,0,.25); }.panel-dark-mode .attendance-chart-tooltip::after { border-color:#3b485b;background:#263244; }.panel-dark-mode .attendance-chart-tooltip b { color:#eef2f7; }
@keyframes dashboard-analytics-spin { to { transform:rotate(360deg); } }
@media (max-width:1160px) { .dashboard-analytics-grid { grid-template-columns:1fr; }.attendance-distribution-card { min-height:400px; }.attendance-donut-wrap { width:224px; }.attendance-donut-legend { margin-inline:auto; } }
@media (max-width:620px) { .dashboard-analytics-card { min-height:0; }.attendance-trend-card .dashboard-widget-heading { min-height:0;flex-wrap:wrap;align-items:flex-start;padding:17px 15px; }.attendance-trend-card .dashboard-analytics-filters { width:100%;display:grid;grid-template-columns:minmax(74px,.7fr) minmax(105px,1fr); }.dashboard-custom-date { grid-column:1/-1; }.dashboard-year-filter { min-width:0; }.dashboard-period-filter { min-width:0; }.attendance-line-chart { padding:11px 5px 0; }.attendance-line-chart-svg { height:220px; }.attendance-chart-axis { margin-top:-6px;margin-left:7.2%; }.attendance-chart-axis b { font-size:7px; }.attendance-series-summary { gap:13px;padding:16px 10px 19px; }.dashboard-analytics-status { position:static; }.attendance-donut-wrap { width:205px;margin-top:15px; }.attendance-donut-legend { width:auto;flex-wrap:wrap;gap:12px 20px;margin:0 14px 19px; } }

/* 8.6.7 — unified native/WebView application entry */
.unified-app-shell {
  min-height:100dvh;
  background:
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--theme-accent) 35%,transparent),transparent 31%),
    radial-gradient(circle at 5% 92%,color-mix(in srgb,var(--theme-primary) 17%,transparent),transparent 27%),
    linear-gradient(155deg,#f9fdfe 0%,#edf7f8 58%,#e7f2f5 100%);
  overscroll-behavior:none;
}
.unified-app-entry [hidden] { display:none !important; }
.unified-app-entry .login-hub-premium { isolation:isolate; }
.unified-app-entry .login-hub-premium::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:420px;
  height:420px;
  top:-265px;
  left:50%;
  border:1px solid color-mix(in srgb,var(--theme-primary) 12%,transparent);
  border-radius:50%;
  box-shadow:0 0 0 62px color-mix(in srgb,var(--theme-primary) 3%,transparent),0 0 0 124px color-mix(in srgb,var(--theme-primary) 2%,transparent);
  transform:translateX(-50%);
  pointer-events:none;
}
.app-entry-emblem {
  display:grid;
  position:relative;
  width:104px;
  height:104px;
  place-items:center;
  margin:0 auto 25px;
}
.app-entry-emblem::before,.app-entry-emblem::after,.app-entry-emblem>i {
  content:"";
  position:absolute;
  inset:0;
  border:1px solid color-mix(in srgb,var(--theme-primary) 20%,transparent);
  border-radius:34px;
}
.app-entry-emblem::before { animation:app-entry-orbit 8s linear infinite; }
.app-entry-emblem::after { inset:11px;border-radius:28px;animation:app-entry-orbit-reverse 6s linear infinite; }
.app-entry-emblem>i:first-child { inset:22px;border-color:color-mix(in srgb,var(--theme-primary) 28%,transparent);border-radius:21px;animation:app-entry-breathe 2.8s ease-in-out infinite; }
.app-entry-emblem>i:nth-child(2) { inset:50% auto auto 50%;width:8px;height:8px;border:0;background:var(--theme-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--theme-accent) 18%,transparent);transform:translate(42px,-4px);animation:app-entry-signal 2.4s ease-in-out infinite; }
.app-entry-emblem>span {
  display:grid;
  position:relative;
  z-index:2;
  width:57px;
  height:57px;
  place-items:center;
  border:1px solid rgba(255,255,255,.8);
  border-radius:19px;
  background:linear-gradient(145deg,var(--theme-dark),var(--theme-primary-strong));
  color:#fff;
  box-shadow:0 18px 38px color-mix(in srgb,var(--theme-primary) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.18);
}
.app-entry-emblem svg { width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round; }
.unified-app-entry .login-security-kicker.is-icon-only {
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  gap:0;
  margin:0 auto 13px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--theme-primary) 18%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--theme-primary-soft) 58%,#fff);
  box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary) 11%,transparent),inset 0 1px 0 rgba(255,255,255,.9);
  font-size:0;
  letter-spacing:0;
}
.unified-app-entry .login-security-kicker.is-icon-only svg { width:22px;height:22px; }
.unified-app-entry .login-trust-strip { display:none!important; }
.unified-app-entry .login-portal-card { animation:app-entry-card-in .62s cubic-bezier(.2,.8,.2,1) both; }
.unified-app-entry .login-portal-card:nth-child(2) { animation-delay:.1s; }
.unified-app-entry .login-portal-card:nth-child(3) { animation-delay:.18s; }
.unified-app-entry .login-portal-card[data-portal="employee"] { border-color:color-mix(in srgb,var(--theme-primary) 23%,#dce9eb);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--theme-primary-soft) 38%,#fff)); }
.unified-app-entry .login-portal-card[data-portal="tablet"] { background:linear-gradient(145deg,#fff,#edf9f5); }
.app-entry-signed-out {
  display:flex;
  max-width:560px;
  align-items:center;
  gap:11px;
  margin:-25px auto 28px;
  padding:12px 14px;
  border:1px solid #bde7d1;
  border-radius:16px;
  background:rgba(239,250,244,.92);
  color:#176a49;
}
.app-entry-signed-out>i { display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:11px;background:#d8f3e4;font-style:normal;font-weight:900; }
.app-entry-signed-out span,.app-entry-signed-out strong,.app-entry-signed-out small { display:block; }
.app-entry-signed-out strong { font-size:.68rem; }.app-entry-signed-out small { margin-top:3px;font-size:.54rem;line-height:1.45; }
.app-session-promise {
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 13px;
  border:1px solid color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border));
  border-radius:15px;
  background:color-mix(in srgb,var(--theme-primary-soft) 45%,#fff);
  color:var(--theme-dark);
}
.app-session-promise>svg { width:29px;height:29px;flex:0 0 29px;padding:5px;border-radius:9px;background:#fff;color:var(--theme-primary-strong);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 6px 15px rgba(4,54,75,.08); }
.app-session-promise span,.app-session-promise b,.app-session-promise small { display:block; }
.app-session-promise b { font-size:.64rem; }.app-session-promise small { margin-top:3px;color:var(--theme-muted);font-size:.52rem;line-height:1.45; }
.app-login-role-icon {
  display:grid;
  position:relative;
  width:56px;
  height:56px;
  place-items:center;
  margin-bottom:18px;
  border:1px solid color-mix(in srgb,var(--theme-primary) 19%,var(--theme-border));
  border-radius:18px;
  background:linear-gradient(145deg,var(--theme-primary-soft),#fff);
  color:var(--theme-primary-strong);
  box-shadow:0 13px 30px color-mix(in srgb,var(--theme-primary) 12%,transparent);
  animation:app-login-icon-float 3.6s ease-in-out infinite;
}
.app-login-role-icon svg { width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.app-login-role-icon>i { position:absolute;width:10px;height:10px;right:-2px;top:-2px;border:2px solid #fff;border-radius:50%;background:#2fbd7c;box-shadow:0 0 0 5px rgba(47,189,124,.13); }
@keyframes app-entry-orbit { to { transform:rotate(360deg); } }
@keyframes app-entry-orbit-reverse { to { transform:rotate(-360deg); } }
@keyframes app-entry-breathe { 50% { transform:scale(.91);opacity:.58; } }
@keyframes app-entry-signal { 50% { box-shadow:0 0 0 12px transparent;opacity:.62; } }
@keyframes app-entry-card-in { from { transform:translateY(22px);opacity:0; } to { transform:none;opacity:1; } }
@keyframes app-login-icon-float { 50% { transform:translateY(-4px);box-shadow:0 18px 34px color-mix(in srgb,var(--theme-primary) 17%,transparent); } }

@media (max-width:600px) {
  .unified-app-entry .login-hub-premium {
    display:flex;
    min-height:100dvh;
    flex-direction:column;
    padding:max(22px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom));
    background:linear-gradient(165deg,rgba(255,255,255,.98),rgba(239,248,249,.97));
  }
  .unified-app-entry .login-hub-premium>header { margin-bottom:20px;text-align:center; }
  .unified-app-entry .login-hub-premium>header .brand-lockup { margin:0 auto 20px; }
  .unified-app-entry .app-entry-emblem { width:82px;height:82px;margin-bottom:17px; }
  .unified-app-entry .app-entry-emblem::after { inset:9px; }
  .unified-app-entry .app-entry-emblem>i:first-child { inset:18px; }
  .unified-app-entry .app-entry-emblem>i:nth-child(2) { transform:translate(33px,-4px); }
  .unified-app-entry .app-entry-emblem>span { width:48px;height:48px;border-radius:16px; }
  .unified-app-entry .app-entry-emblem svg { width:26px;height:26px; }
  .unified-app-entry .login-security-kicker { margin-inline:auto; }
  .unified-app-entry .login-hub-premium>header h1 { font-size:clamp(2rem,10vw,2.65rem);line-height:.96;letter-spacing:-.055em; }
  .unified-app-entry .login-hub-premium>header p { max-width:340px;margin-inline:auto;font-size:.64rem;line-height:1.55;text-align:center; }
  .unified-app-entry .login-portal-grid { margin-top:auto;margin-bottom:auto; }
  .unified-app-entry .login-hub-premium .login-portal-card { min-height:74px;grid-template-columns:50px minmax(0,1fr) 34px;padding:12px 13px;border-radius:21px; }
  .unified-app-entry .login-hub-premium .login-portal-icon { width:50px;height:50px;border-radius:16px; }
  .unified-app-entry .login-hub-premium .login-portal-card strong { font-size:1.02rem; }
  .unified-app-entry .login-hub-premium .login-portal-card small { font-size:.44rem; }
  .unified-app-entry .login-portal-card:active { transform:scale(.985); }
  .unified-app-entry .app-entry-signed-out { margin:-5px 0 15px; }
  .unified-app-shell.employee-login-app .secure-login-intro { min-height:244px; }
  .unified-app-shell.employee-login-app .secure-login-card { margin-bottom:calc(20px + env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion:reduce) {
  .app-entry-emblem::before,.app-entry-emblem::after,.app-entry-emblem>i,.unified-app-entry .login-portal-card,.app-login-role-icon { animation:none !important; }
}
@media (prefers-reduced-motion:reduce) { .attendance-trend-card.is-loading .dashboard-year-filter::after { animation-duration:1.4s; } }

/* 8.6.10 — native login and password recovery aligned with the unified app-entry experience. */
.app-auth-field-label { display:inline-flex;align-items:center;gap:7px;min-width:0; }
.app-auth-field-label svg { width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; }
.app-auth-submit svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease; }
.app-auth-submit:not(:disabled):hover svg { transform:translateX(3px); }

.unified-app-shell.employee-login-app {
  width:100%;
  height:100dvh;
  min-height:0;
  overflow:hidden;
  background:linear-gradient(165deg,rgba(255,255,255,.99),rgba(239,248,249,.98));
}
.unified-app-shell.employee-login-app .secure-auth-shell { width:100%;height:100dvh;min-height:0;padding:0; }
.unified-app-shell.employee-login-app .inner-breadcrumb { display:none; }
.unified-app-shell.employee-login-app .secure-login-layout {
  display:grid;
  position:relative;
  width:100%;
  height:100dvh;
  min-height:0;
  grid-template-columns:1fr;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:0;
  border-radius:0;
  background:
    radial-gradient(circle at 92% 3%,color-mix(in srgb,var(--theme-accent) 28%,transparent),transparent 29%),
    radial-gradient(circle at 4% 96%,color-mix(in srgb,var(--theme-primary) 13%,transparent),transparent 26%),
    linear-gradient(165deg,#fff,#eff8f9);
  box-shadow:none;
}
.unified-app-shell.employee-login-app .secure-login-layout::before {
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  top:-222px;
  left:50%;
  border:1px solid color-mix(in srgb,var(--theme-primary) 11%,transparent);
  border-radius:50%;
  box-shadow:0 0 0 48px color-mix(in srgb,var(--theme-primary) 3%,transparent),0 0 0 96px color-mix(in srgb,var(--theme-primary) 2%,transparent);
  transform:translateX(-50%);
  pointer-events:none;
}
.unified-app-shell.employee-login-app .secure-login-intro {
  display:flex;
  z-index:1;
  min-height:0;
  align-items:center;
  justify-content:flex-start;
  padding:max(20px,env(safe-area-inset-top)) 18px 18px;
  overflow:visible;
  border-radius:0;
  background:transparent;
  color:var(--theme-dark);
  text-align:center;
}
.unified-app-shell.employee-login-app .secure-login-intro::after { display:none; }
.unified-app-shell.employee-login-app .secure-login-intro .brand-lockup { margin:0 auto 15px; }
.unified-app-shell.employee-login-app .secure-login-intro .platform-logo-image img { max-width:180px;max-height:40px; }
.unified-app-shell.employee-login-app .app-login-entry-emblem { width:76px;height:76px;margin:0 auto 12px; }
.unified-app-shell.employee-login-app .app-login-entry-emblem::before { border-radius:25px; }
.unified-app-shell.employee-login-app .app-login-entry-emblem::after { inset:8px;border-radius:20px; }
.unified-app-shell.employee-login-app .app-login-entry-emblem>i:first-child { inset:17px;border-radius:15px; }
.unified-app-shell.employee-login-app .app-login-entry-emblem>i:nth-child(2) { width:7px;height:7px;transform:translate(31px,-3px); }
.unified-app-shell.employee-login-app .app-login-entry-emblem>span { width:47px;height:47px;border-radius:15px; }
.unified-app-shell.employee-login-app .app-login-entry-emblem svg { width:25px;height:25px; }
.unified-app-shell.employee-login-app .secure-login-intro .eyebrow {
  display:inline-flex;
  align-items:center;
  margin:0 auto;
  padding:7px 11px;
  border:1px solid color-mix(in srgb,var(--theme-primary) 16%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--theme-primary-soft) 65%,#fff);
  color:var(--theme-primary-strong);
  font-size:.56rem;
  letter-spacing:.12em;
}
.unified-app-shell.employee-login-app .secure-login-intro h1,.unified-app-shell.employee-login-app .secure-login-intro>p { display:none; }
.unified-app-shell.employee-login-app .secure-login-points { display:none; }

.unified-app-shell.employee-login-app .secure-login-card {
  display:flex;
  z-index:2;
  width:calc(100% - 24px);
  min-height:0;
  align-self:stretch;
  flex-direction:column;
  margin:0 auto max(12px,env(safe-area-inset-bottom));
  padding:18px 18px 16px;
  overflow:hidden;
  border:1px solid rgba(211,229,233,.9);
  border-radius:25px;
  background:rgba(255,255,255,.96);
  box-shadow:0 20px 55px rgba(3,42,67,.12),inset 0 1px 0 #fff;
  backdrop-filter:blur(20px) saturate(130%);
}
.unified-app-shell.employee-login-app .secure-login-card>.app-login-role-icon { display:none; }
.unified-app-shell.employee-login-app .secure-login-card>.eyebrow { display:none; }
.unified-app-shell.employee-login-app .secure-login-card h2 { margin:0 0 12px;font-size:1.55rem;line-height:1.05;letter-spacing:-.035em;text-align:center; }
.unified-app-shell.employee-login-app .secure-login-card>.muted { display:none; }
.unified-app-shell.employee-login-app .secure-login-card>.alert { margin:0 0 8px;padding:8px 10px;border-radius:11px;font-size:.58rem;line-height:1.35; }
.unified-app-shell.employee-login-app .secure-login-card .app-auth-form { width:100%;max-width:none;gap:11px; }
.unified-app-shell.employee-login-app .app-auth-form>label { gap:6px;font-size:.7rem; }
.unified-app-shell.employee-login-app .app-auth-field-label { color:#385563; }
.unified-app-shell.employee-login-app .app-auth-field-label svg { width:17px;height:17px;flex-basis:17px;color:var(--theme-primary-strong); }
.unified-app-shell.employee-login-app .app-auth-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { min-height:51px;padding-inline:14px;border-radius:14px;font-size:.82rem; }
.unified-app-shell.employee-login-app .app-auth-embedded-field { position:relative; }
.unified-app-shell.employee-login-app .app-auth-embedded-field .app-auth-field-label svg { position:absolute;z-index:3;left:14px;bottom:17px;pointer-events:none; }
.unified-app-shell.employee-login-app .app-auth-embedded-field input:not([type="hidden"]) { padding-left:45px; }
.unified-app-shell.employee-login-app.password-reset-app .app-auth-embedded-field .app-auth-field-label svg { left:16px; }
.unified-app-shell.employee-login-app.password-reset-app .app-auth-embedded-field input:not([type="hidden"]) { padding-inline-start:52px!important; }
.unified-app-shell.employee-login-app .password-input-shell>input { padding-right:46px!important; }
.unified-app-shell.employee-login-app .password-visibility-toggle { width:40px;height:40px;right:5px;border-radius:11px; }
.unified-app-shell.employee-login-app .password-visibility-toggle svg { width:20px;height:20px; }
.unified-app-shell.employee-login-app .app-session-promise { display:none; }
.unified-app-shell.employee-login-app .app-session-promise>svg { width:25px;height:25px;flex-basis:25px;padding:4px;border-radius:8px; }
.unified-app-shell.employee-login-app .app-session-promise b { font-size:.55rem; }
.unified-app-shell.employee-login-app .app-session-promise small { overflow:hidden;margin-top:1px;font-size:.46rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap; }
.unified-app-shell.employee-login-app .browser-check-status { gap:9px;padding:10px 11px;border-radius:13px; }
.unified-app-shell.employee-login-app .browser-check-status>i { width:28px;height:28px;flex-basis:28px;border-radius:9px; }
.unified-app-shell.employee-login-app .browser-check-status b { font-size:.64rem; }
.unified-app-shell.employee-login-app .browser-check-status small { display:none; }
.unified-app-shell.employee-login-app .recaptcha-shell { display:grid;height:67px;place-items:start center;border-radius:11px; }
.unified-app-shell.employee-login-app .recaptcha-shell .g-recaptcha { margin-bottom:-12px;transform:scale(.84);transform-origin:top center; }
.unified-app-shell.employee-login-app .recaptcha-disabled-note { min-height:38px;padding:6px 8px;border-radius:11px;font-size:.5rem; }
.unified-app-shell.employee-login-app .recaptcha-disabled-note>i { width:24px;height:24px;flex-basis:24px;border-radius:8px; }
.unified-app-shell.employee-login-app .app-auth-submit { min-height:54px;border-radius:15px;font-size:.82rem; }
.unified-app-shell.employee-login-app .auth-forgot-link { justify-self:center;margin-top:9px;font-size:.64rem;line-height:1.2;text-align:center; }
.unified-app-shell.employee-login-app .secure-login-card>.back-link { justify-content:center;margin-top:auto;padding-top:14px;font-size:.68rem; }

@media (min-width:540px) {
  .unified-app-shell.employee-login-app .secure-login-card { width:min(510px,calc(100% - 32px)); }
}
@media (max-height:700px) {
  .unified-app-shell.employee-login-app .secure-login-intro { padding-top:max(10px,env(safe-area-inset-top));padding-bottom:10px; }
  .unified-app-shell.employee-login-app .secure-login-intro .brand-lockup { margin-bottom:8px; }
  .unified-app-shell.employee-login-app .secure-login-intro .platform-logo-image img { max-height:34px; }
  .unified-app-shell.employee-login-app .app-login-entry-emblem { width:60px;height:60px;margin-bottom:7px; }
  .unified-app-shell.employee-login-app .app-login-entry-emblem::after { inset:7px; }
  .unified-app-shell.employee-login-app .app-login-entry-emblem>i:first-child { inset:14px; }
  .unified-app-shell.employee-login-app .app-login-entry-emblem>i:nth-child(2) { transform:translate(24px,-3px); }
  .unified-app-shell.employee-login-app .app-login-entry-emblem>span { width:37px;height:37px;border-radius:12px; }
  .unified-app-shell.employee-login-app .app-login-entry-emblem svg { width:20px;height:20px; }
  .unified-app-shell.employee-login-app .secure-login-intro .eyebrow { padding:5px 9px; }
  .unified-app-shell.employee-login-app .secure-login-card { padding:13px 16px 12px; }
  .unified-app-shell.employee-login-app .secure-login-card h2 { margin-bottom:8px;font-size:1.4rem; }
  .unified-app-shell.employee-login-app .secure-login-card .app-auth-form { gap:8px; }
  .unified-app-shell.employee-login-app .app-auth-form>label { gap:4px;font-size:.66rem; }
  .unified-app-shell.employee-login-app .app-auth-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { min-height:46px;font-size:.78rem; }
  .unified-app-shell.employee-login-app .app-auth-embedded-field .app-auth-field-label svg { bottom:14px; }
  .unified-app-shell.employee-login-app .recaptcha-shell { height:58px; }
  .unified-app-shell.employee-login-app .recaptcha-shell .g-recaptcha { margin-bottom:-19px;transform:scale(.74); }
  .unified-app-shell.employee-login-app .app-auth-submit { min-height:48px;font-size:.76rem; }
}
@media (max-height:560px) {
  .unified-app-shell.employee-login-app .secure-login-layout { grid-template-rows:minmax(0,1fr); }
  .unified-app-shell.employee-login-app .secure-login-intro { display:none; }
  .unified-app-shell.employee-login-app .secure-login-card { width:min(500px,calc(100% - 14px));margin:7px auto;padding:9px 12px;overflow-y:auto;overscroll-behavior:contain; }
}
@media (prefers-reduced-motion:reduce) {
  .app-auth-submit svg { transition:none; }
}

/* 8.6.12 — distraction-free, aspect-safe tablet QR presentation. */
.tablet-action svg {
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tablet-body.tablet-qr-fullscreen {
  --tablet-qr-gutter:clamp(16px,2.5vmin,36px);
  --tablet-control-clearance:max(76px,calc(env(safe-area-inset-top) + 62px));
  background:var(--tenant-tablet-bg,var(--theme-primary));
}
.tablet-body.tablet-qr-fullscreen .tablet-header {
  display:block;
  position:fixed;
  z-index:90;
  width:auto;
  height:auto;
  top:max(12px,env(safe-area-inset-top));
  right:max(12px,env(safe-area-inset-right));
  padding:0;
  border:0;
  pointer-events:none;
}
.tablet-body.tablet-qr-fullscreen .tablet-header>.brand-lockup,
.tablet-body.tablet-qr-fullscreen .tablet-location {
  display:none;
}
.tablet-body.tablet-qr-fullscreen .tablet-controls {
  display:flex;
  pointer-events:auto;
}
.tablet-body.tablet-qr-fullscreen .tablet-action {
  width:48px;
  min-height:48px;
  justify-content:center;
  padding:0;
  border-color:color-mix(in srgb,var(--tenant-tablet-text,#fff) 26%,transparent);
  border-radius:15px;
  background:color-mix(in srgb,var(--tenant-tablet-bg,var(--theme-primary)) 72%,transparent);
  color:var(--tenant-tablet-text,#fff);
  box-shadow:0 12px 32px color-mix(in srgb,#000 20%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 18%,transparent);
  backdrop-filter:blur(18px) saturate(130%);
}
.tablet-body.tablet-qr-fullscreen .tablet-action:hover,
.tablet-body.tablet-qr-fullscreen .tablet-action:focus-visible {
  background:color-mix(in srgb,var(--tenant-tablet-bg,var(--theme-primary)) 56%,var(--tenant-tablet-text,#fff));
}
.tablet-body.tablet-qr-fullscreen .tablet-action:focus-visible {
  outline:3px solid color-mix(in srgb,var(--tenant-tablet-text,#fff) 62%,transparent);
  outline-offset:3px;
}
.tablet-body.tablet-qr-fullscreen .tablet-action span,
.tablet-body.tablet-qr-fullscreen .tablet-copy,
.tablet-body.tablet-qr-fullscreen .qr-heading,
.tablet-body.tablet-qr-fullscreen .manual-code-row,
.tablet-body.tablet-qr-fullscreen .tablet-status {
  display:none;
}
.tablet-body.tablet-qr-fullscreen .tablet-shell {
  display:grid;
  width:100%;
  height:100vh;
  height:100dvh;
  grid-template-columns:1fr;
  place-items:center;
  padding:var(--tablet-control-clearance) var(--tablet-qr-gutter) var(--tablet-qr-gutter);
  box-sizing:border-box;
}
.tablet-body.tablet-qr-fullscreen .qr-panel {
  display:grid;
  width:100%;
  height:100%;
  align-self:stretch;
  justify-self:stretch;
  place-items:center;
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.tablet-body.tablet-qr-fullscreen .qr-frame {
  width:min(
    calc(100vw - var(--tablet-qr-gutter) - var(--tablet-qr-gutter)),
    calc(100dvh - var(--tablet-control-clearance) - var(--tablet-qr-gutter))
  );
  min-width:0;
  min-height:0;
  aspect-ratio:1 / 1;
  padding:clamp(18px,2vmin,30px);
  box-sizing:border-box;
  border:0;
  border-radius:clamp(22px,3vmin,38px);
  background:#fff;
  box-shadow:0 28px 80px color-mix(in srgb,#000 24%,transparent);
}
.tablet-body.tablet-qr-fullscreen #qr-code {
  display:grid;
  width:var(--tablet-rendered-qr-size,100%);
  height:var(--tablet-rendered-qr-size,100%);
  max-width:100%;
  max-height:100%;
  place-items:center;
}
.tablet-body.tablet-qr-fullscreen #qr-code img,
.tablet-body.tablet-qr-fullscreen #qr-code canvas {
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  image-rendering:crisp-edges;
}
.tablet-body.tablet-qr-fullscreen .qr-loading small {
  display:none;
}

@media (max-width:520px) {
  .tablet-body.tablet-qr-fullscreen {
    --tablet-qr-gutter:12px;
    --tablet-control-clearance:max(68px,calc(env(safe-area-inset-top) + 58px));
  }
  .tablet-body.tablet-qr-fullscreen .tablet-action {
    width:44px;
    min-height:44px;
    border-radius:13px;
  }
}