:root {
  --bg: #f7f8fb;
  --surface: #ffffff;
  --surface-2: #f1f3f8;
  --ink: #111827;
  --ink-2: #344054;
  --muted: #667085;
  --line: #e5e8ef;
  --line-dark: #d7dce6;
  --primary: #174a72;
  --primary-dark: #103653;
  --primary-soft: #eaf1f6;
  --navy: #101828;
  --green: #16a36a;
  --green-soft: #e9f9f1;
  --amber: #d97706;
  --amber-soft: #fff7e6;
  --red: #d92d20;
  --red-soft: #fff0ef;
  --blue: #2e6bf6;
  --blue-soft: #eaf1ff;
  --mint: #0f9f87;
  --mint-soft: #e7f8f4;
  --rose: #db4c76;
  --rose-soft: #fff0f5;
  --cyan: #0986a6;
  --cyan-soft: #e7f8fc;
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);
  --shadow-sm: 0 8px 24px rgba(16, 24, 40, .07);
  --shadow-md: 0 20px 55px rgba(16, 24, 40, .11);
  --shadow-lg: 0 32px 85px rgba(16, 24, 40, .16);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --container: 1220px;
  --sidebar: 260px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; }
body.no-scroll { overflow: hidden; }
.skip-link { position: fixed; z-index: 1000; top: 12px; left: 12px; max-width: calc(100% - 24px); padding: 11px 16px; border: 2px solid #fff; border-radius: 10px; color: #fff; background: #0b1722; box-shadow: 0 8px 24px rgba(0,0,0,.28); font-size: 14px; font-weight: 800; transform: translateY(calc(-100% - 24px)); transition: transform .16s ease; }
.skip-link:focus { transform: translateY(0); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
img, svg { display: block; }
.icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { padding: 112px 0; }
.section-kicker, .page-eyebrow { display: inline-block; color: var(--primary); font-size: 12px; line-height: 1; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.section-kicker.light { color: #d7bd98; }
.section-heading { margin-bottom: 46px; }
.section-heading h2, .split-heading h2 { margin: 12px 0 0; font-size: clamp(36px, 4vw, 58px); line-height: 1.04; letter-spacing: -.045em; }
.section-heading p, .split-heading > p { color: var(--muted); font-size: 18px; line-height: 1.7; }
.split-heading { display: grid; grid-template-columns: 1.3fr .7fr; gap: 80px; align-items: end; }
.centered { max-width: 760px; margin-inline: auto; text-align: center; }
.centered p { margin: 20px auto 0; }

.brand { display: inline-flex; align-items: center; gap: 10px; min-width: max-content; }
.brand-mark { position: relative; width: 32px; height: 32px; border-radius: 10px; background: var(--navy); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.brand-mark::before { content: ""; position: absolute; left: 9px; top: 8px; width: 7px; height: 16px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; }
.brand-mark span { position: absolute; width: 8px; height: 8px; right: 7px; top: 7px; border-radius: 2px; background: #b1844f; }
.brand-name { font-size: 18px; font-weight: 800; letter-spacing: -.035em; }
.brand-name b { color: var(--primary); }
.brand-light .brand-mark { background: #fff; }
.brand-light .brand-mark::before { border-color: var(--navy); }
.brand-light .brand-name { color: #fff; }
.brand-light .brand-name b { color: #d7bd98; }

.btn { min-height: 44px; padding: 0 20px; border-radius: 12px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 750; font-size: 14px; cursor: pointer; transition: .2s ease; white-space: nowrap; }
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.btn-lg { min-height: 54px; padding: 0 26px; border-radius: 14px; font-size: 15px; }
.btn-sm { min-height: 38px; padding: 0 15px; border-radius: 10px; font-size: 13px; }
.btn-primary { color: #fff; background: var(--primary); box-shadow: 0 10px 24px rgba(23, 74, 114, .18); }
.btn-primary:hover { background: var(--primary-dark); box-shadow: 0 14px 30px rgba(23, 74, 114, .24); }
.btn-dark { color: #fff; background: var(--navy); }
.btn-dark:hover { background: #1d2939; box-shadow: var(--shadow-sm); }
.btn-white { color: var(--navy); background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,.12); }
.btn-soft { color: var(--ink); background: #fff; border-color: var(--line); box-shadow: var(--shadow-xs); }
.btn-soft:hover { border-color: #bfd0dd; background: #f7f9fa; }
.btn-ghost { color: var(--ink); background: transparent; border-color: var(--line); }
.btn-danger-soft { color: var(--red); background: var(--red-soft); border-color: #ffd3cf; }
.btn-block { width: 100%; }
.btn[disabled], .btn.is-disabled { pointer-events: none; opacity: .48; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-weight: 750; }
.text-link .icon { width: 18px; transition: transform .2s ease; }
.text-link:hover .icon { transform: translateX(4px); }
.icon-button { width: 40px; height: 40px; padding: 0; border: 0; border-radius: 10px; background: transparent; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--muted); transition: .2s ease; }
.icon-button:hover { color: var(--ink); background: var(--surface-2); }
.icon-button.danger:hover { color: var(--red); background: var(--red-soft); }

.site-header { position: sticky; top: 0; z-index: 50; height: 76px; display: flex; align-items: center; background: rgba(248,249,252,.86); border-bottom: 1px solid rgba(229,232,239,.8); backdrop-filter: blur(18px); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.site-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; margin-right: 20px; }
.site-nav a { position: relative; padding: 28px 0 26px; color: #475467; font-size: 14px; font-weight: 650; }
.site-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 18px; height: 2px; border-radius: 99px; background: var(--primary); transform: scaleX(0); transition: transform .2s ease; }
.site-nav a:hover, .site-nav a.is-active { color: var(--ink); }
.site-nav a.is-active::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 14px; }
.header-login { font-size: 14px; font-weight: 700; color: #475467; }
.header-login:hover { color: var(--primary); }
.mobile-nav-button { display: none; }

.hero-section { position: relative; overflow: hidden; padding: 78px 0 98px; background: linear-gradient(180deg, #fbfbfd 0%, #f6f7fb 100%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(1px); opacity: .8; pointer-events: none; }
.hero-glow-one { width: 520px; height: 520px; right: -130px; top: 20px; background: radial-gradient(circle, rgba(23,74,114,.10), transparent 68%); }
.hero-glow-two { width: 420px; height: 420px; left: -240px; bottom: -180px; background: radial-gradient(circle, rgba(71,112,255,.09), transparent 70%); }
.hero-grid { position: relative; display: grid; grid-template-columns: .92fr 1.08fr; gap: 72px; align-items: center; }
.eyebrow-pill { width: max-content; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid #d7e2e9; border-radius: 99px; background: rgba(255,255,255,.74); color: #174a72; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.eyebrow-pill > span { width: 7px; height: 7px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 4px rgba(177,132,79,.16); }
.hero-copy h1 { max-width: 650px; margin: 24px 0 24px; font-size: clamp(48px, 5.5vw, 78px); line-height: .99; letter-spacing: -.058em; font-weight: 790; }
.hero-copy h1 em { color: var(--primary); font-style: normal; }
.hero-lead { max-width: 620px; margin: 0; color: #5d6878; font-size: 19px; line-height: 1.7; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.hero-proof { display: flex; align-items: center; gap: 14px; margin-top: 36px; }
.proof-avatars { display: flex; padding-left: 8px; }
.proof-avatars span { width: 34px; height: 34px; margin-left: -8px; border: 3px solid #f7f8fb; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--navy); font-size: 10px; font-weight: 850; }
.proof-avatars span:nth-child(2) { background: var(--primary); }
.proof-avatars span:nth-child(3) { background: #1aa77b; }
.hero-proof > div:last-child { display: flex; flex-direction: column; }
.hero-proof strong { font-size: 13px; }
.hero-proof small { color: var(--muted); font-size: 12px; }
.hero-product { position: relative; min-height: 600px; display: flex; align-items: center; }
.hero-window { width: 100%; border: 1px solid rgba(205,210,222,.9); border-radius: 22px; overflow: hidden; background: #fff; box-shadow: var(--shadow-lg); transform: perspective(1200px) rotateY(-1.2deg) rotateX(.4deg); }
.window-top { height: 42px; display: flex; align-items: center; gap: 6px; padding: 0 14px; border-bottom: 1px solid #eceef3; background: #fbfcfd; }
.window-dot { width: 8px; height: 8px; border-radius: 50%; background: #d4d8e1; }
.window-address { width: 210px; height: 22px; margin: 0 auto; border: 1px solid #edf0f4; border-radius: 7px; display: grid; place-items: center; color: #98a2b3; background: #fff; font-size: 9px; }
.window-body { height: 450px; display: flex; }
.window-sidebar { width: 60px; flex: 0 0 60px; padding: 15px 12px; border-right: 1px solid #edf0f4; display: flex; flex-direction: column; align-items: center; gap: 18px; background: #fafbfc; }
.mini-logo { width: 27px; height: 27px; border-radius: 8px; background: var(--navy); position: relative; margin-bottom: 7px; }
.mini-logo::before { content: ""; position: absolute; left: 8px; top: 7px; width: 7px; height: 12px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }
.mini-logo span { position: absolute; right: 5px; top: 5px; width: 6px; height: 6px; border-radius: 2px; background: #b1844f; }
.window-sidebar i { width: 21px; height: 21px; border-radius: 6px; background: #e7eaf0; }
.window-sidebar i:nth-of-type(1) { background: #e6eef3; box-shadow: inset 3px 0 var(--primary); }
.team-panel { flex: 1; min-width: 0; padding: 25px 27px; background: #fff; }
.team-panel-head { display: flex; justify-content: space-between; align-items: center; }
.team-panel-head small { color: #98a2b3; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.team-panel-head h3 { margin: 5px 0 0; font-size: 21px; letter-spacing: -.035em; }
.team-panel-head button { height: 31px; padding: 0 11px; border: 0; border-radius: 8px; display: flex; align-items: center; gap: 6px; color: #fff; background: var(--primary); font-size: 9px; font-weight: 750; }
.team-panel-head button .icon { width: 13px; }
.team-summary { margin-top: 20px; padding: 12px 14px; border: 1px solid #ebeef4; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; background: #fafbfc; }
.team-summary > div { display: flex; align-items: center; gap: 10px; }
.summary-icon { width: 31px; height: 31px; border-radius: 9px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.summary-icon .icon { width: 16px; }
.team-summary strong, .team-summary small { display: block; }
.team-summary strong { font-size: 10px; }
.team-summary small { color: #98a2b3; font-size: 8px; }
.live-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid #cdeedc; border-radius: 99px; color: #087c51; background: #f1fbf6; font-size: 8px; font-weight: 800; }
.live-badge i, .person-status i, .status-pill i, .preview-live i, .connection-state i { width: 6px; height: 6px; border-radius: 50%; background: #17a673; box-shadow: 0 0 0 3px rgba(23,166,115,.1); }
.live-badge.dark { border-color: rgba(255,255,255,.13); color: #c8f7e1; background: rgba(255,255,255,.08); }
.team-list { margin-top: 17px; display: grid; gap: 8px; }
.team-person { display: grid; grid-template-columns: 38px 1fr auto auto; align-items: center; gap: 10px; padding: 10px 11px; border: 1px solid #eef0f4; border-radius: 11px; }
.team-person.active { border-color: #d7e2e9; background: #f7fafc; }
.person-avatar { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; color: #fff; font-size: 12px; font-weight: 850; }
.person-avatar.large { width: 48px; height: 48px; border-radius: 14px; }
.avatar-navy, .agent-bg-navy { color: #fff; background: linear-gradient(145deg, #276488, #153f5f) !important; }
.avatar-blue, .agent-bg-blue { color: #fff; background: linear-gradient(145deg, #4787ff, #2255d6) !important; }
.avatar-mint, .agent-bg-mint { color: #fff; background: linear-gradient(145deg, #28c4a1, #087e69) !important; }
.avatar-rose, .agent-bg-rose { color: #fff; background: linear-gradient(145deg, #f17298, #bd365f) !important; }
.avatar-amber, .agent-bg-amber { color: #fff; background: linear-gradient(145deg, #f6b94b, #c7780d) !important; }
.avatar-cyan, .agent-bg-cyan { color: #fff; background: linear-gradient(145deg, #2bb7d5, #08778f) !important; }
.team-person > div strong, .team-person > div small { display: block; }
.team-person > div strong { font-size: 10px; }
.team-person > div small { color: #98a2b3; font-size: 8px; }
.channel-pill { display: inline-flex; align-items: center; gap: 4px; padding: 5px 7px; border: 1px solid #e9ecf2; border-radius: 7px; color: #667085; background: #fff; font-size: 7px; font-weight: 700; }
.channel-pill .icon { width: 10px; height: 10px; color: #2996d6; }
.person-status { display: flex; align-items: center; gap: 5px; color: #667085; font-size: 7px; }
.person-status i { width: 5px; height: 5px; }
.team-activity { margin-top: 18px; padding-top: 15px; border-top: 1px solid #eff1f5; }
.activity-head { display: flex; justify-content: space-between; margin-bottom: 7px; }
.activity-head strong { font-size: 9px; }
.activity-head span { color: #98a2b3; font-size: 7px; }
.chat-preview-row { display: grid; grid-template-columns: 28px 1fr auto; gap: 8px; align-items: center; padding: 7px 0; }
.contact-avatar { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: #3f5667; background: #eaf1f6; font-size: 8px; font-weight: 850; font-style: normal; }
.contact-avatar.warm { color: #825b1f; background: #fff1d8; }
.contact-avatar.large { width: 48px; height: 48px; font-size: 13px; }
.chat-preview-row strong, .chat-preview-row small { display: block; }
.chat-preview-row strong { font-size: 8px; }
.chat-preview-row small { max-width: 210px; overflow: hidden; color: #98a2b3; font-size: 7px; white-space: nowrap; text-overflow: ellipsis; }
.chat-preview-row > span:last-child { color: #a7afbd; font-size: 7px; }
.floating-card { position: absolute; border: 1px solid rgba(222,225,234,.9); border-radius: 14px; display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.96); box-shadow: var(--shadow-md); backdrop-filter: blur(16px); }
.floating-dialog { left: -37px; bottom: 52px; width: 290px; padding: 13px; }
.floating-avatar { width: 35px; height: 35px; border-radius: 11px; display: grid; place-items: center; color: #fff; background: var(--primary); font-size: 11px; font-weight: 850; }
.floating-dialog small, .floating-dialog strong { display: block; }
.floating-dialog small { color: #8a94a5; font-size: 8px; }
.floating-dialog strong { max-width: 210px; margin-top: 2px; font-size: 9px; line-height: 1.35; }
.floating-control { right: -20px; top: 45px; padding: 11px 13px; }
.floating-control > .icon { width: 27px; height: 27px; padding: 5px; border-radius: 8px; color: #18855f; background: #eaf9f2; }
.floating-control strong, .floating-control small { display: block; }
.floating-control strong { font-size: 9px; }
.floating-control small { color: #98a2b3; font-size: 7px; }

.signal-strip { padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.signal-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.signal-grid > div { padding: 4px 24px; border-right: 1px solid var(--line); display: flex; align-items: center; gap: 12px; }
.signal-grid > div:first-child { padding-left: 0; }
.signal-grid > div:last-child { border-right: 0; }
.signal-grid > div > .icon { width: 23px; color: var(--primary); }
.signal-grid strong, .signal-grid small { display: block; }
.signal-grid strong { font-size: 13px; }
.signal-grid small { margin-top: 2px; color: var(--muted); font-size: 11px; }

.section-agents { background: #fff; }
.agent-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.agent-card { min-height: 420px; padding: 24px; border: 1px solid var(--line); border-radius: 20px; display: flex; flex-direction: column; background: #fff; transition: .25s ease; overflow: hidden; position: relative; }
.agent-card::before { content: ""; position: absolute; right: -55px; top: -55px; width: 160px; height: 160px; border-radius: 50%; opacity: .5; transition: transform .25s ease; }
.agent-card:hover { transform: translateY(-6px); border-color: var(--line-dark); box-shadow: var(--shadow-md); }
.agent-card:hover::before { transform: scale(1.14); }
.agent-navy::before { background: radial-gradient(circle, #e2edf3, transparent 68%); }
.agent-blue::before { background: radial-gradient(circle, #deebff, transparent 68%); }
.agent-mint::before { background: radial-gradient(circle, #dbf7f0, transparent 68%); }
.agent-rose::before { background: radial-gradient(circle, #ffe1eb, transparent 68%); }
.agent-amber::before { background: radial-gradient(circle, #ffefd1, transparent 68%); }
.agent-cyan::before { background: radial-gradient(circle, #dff5fb, transparent 68%); }
.agent-card-top { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start; }
.agent-icon { width: 50px; height: 50px; border-radius: 15px; display: grid; place-items: center; }
.agent-icon .icon { width: 24px; height: 24px; }
.agent-navy .agent-icon { color: #1e587e; background: #eaf1f6; }
.agent-blue .agent-icon { color: #2865df; background: #e9f1ff; }
.agent-mint .agent-icon { color: #078671; background: #e6f8f3; }
.agent-rose .agent-icon { color: #c83e6b; background: #fff0f5; }
.agent-amber .agent-icon { color: #b66a07; background: #fff4df; }
.agent-cyan .agent-icon { color: #087e99; background: #e7f8fc; }
.popular-badge { padding: 6px 9px; border-radius: 99px; color: #174a72; background: #eaf1f6; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.agent-eyebrow { position: relative; z-index: 1; margin-top: 28px; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.agent-card h3 { position: relative; z-index: 1; margin: 8px 0 10px; font-size: 25px; line-height: 1.15; letter-spacing: -.035em; }
.agent-card > p { position: relative; z-index: 1; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.agent-features { position: relative; z-index: 1; display: grid; gap: 7px; margin-top: 21px; }
.agent-features span { display: flex; align-items: center; gap: 7px; color: #475467; font-size: 11px; }
.agent-features .icon { width: 14px; height: 14px; color: var(--green); }
.agent-card-bottom { position: relative; z-index: 1; margin-top: auto; padding-top: 25px; border-top: 1px solid #edf0f4; display: flex; align-items: center; justify-content: space-between; }
.agent-card-bottom > span:first-child { color: var(--muted); font-size: 11px; }
.agent-card-bottom strong { color: var(--ink); font-size: 19px; }
.circle-arrow { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; transition: .2s ease; }
.circle-arrow .icon { width: 16px; }
.agent-card:hover .circle-arrow { color: #fff; border-color: var(--primary); background: var(--primary); }
.center-action { margin-top: 40px; text-align: center; }

.workflow-section { background: #f5f6f9; }
.workflow-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 100px; align-items: center; }
.workflow-copy h2 { margin: 13px 0 22px; font-size: clamp(38px, 4vw, 56px); line-height: 1.06; letter-spacing: -.045em; }
.workflow-copy p { margin: 0 0 30px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.workflow-steps { display: grid; }
.workflow-step { position: relative; display: grid; grid-template-columns: 56px 1fr 36px; gap: 18px; align-items: center; min-height: 108px; padding: 20px 22px; border-bottom: 1px solid #dde1e9; }
.workflow-step::before { content: ""; position: absolute; left: 27px; top: 79px; height: 58px; width: 1px; background: #d4d9e3; }
.workflow-step:last-child::before { display: none; }
.workflow-step > span { width: 56px; color: #a5adba; font-size: 13px; font-weight: 800; letter-spacing: .06em; }
.workflow-step h3 { margin: 0 0 4px; font-size: 18px; }
.workflow-step p { margin: 0; color: var(--muted); font-size: 13px; }
.workflow-step > i { width: 32px; height: 32px; border: 1px solid #dfe3eb; border-radius: 50%; display: grid; place-items: center; color: #98a2b3; background: #fff; font-size: 11px; font-style: normal; font-weight: 800; }
.workflow-step.is-active { margin: 8px 0; border: 1px solid #d7e2e9; border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); }
.workflow-step.is-active::before { top: 98px; }
.workflow-step.is-active > span { color: var(--primary); }
.workflow-step.is-active > i { color: #fff; border-color: var(--green); background: var(--green); }
.workflow-step.is-active > i .icon { width: 16px; }

.human-section { background: #fff; }
.human-grid { display: grid; grid-template-columns: 1fr .92fr; gap: 110px; align-items: center; }
.human-demo { position: relative; min-height: 620px; display: grid; place-items: center; border-radius: 34px; background: radial-gradient(circle at 50% 35%, #e3edf2 0%, #f6f8f9 37%, #f2f3f8 76%); overflow: hidden; }
.telegram-frame { width: 340px; height: 560px; border: 8px solid #121827; border-radius: 38px; overflow: hidden; background: #dfe9ef; box-shadow: 0 28px 70px rgba(21,29,47,.25); }
.telegram-head { height: 66px; padding: 8px 12px; display: flex; align-items: center; gap: 9px; background: #fff; }
.back-arrow { color: #4796d1; font-size: 28px; font-weight: 300; }
.telegram-avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--primary); font-size: 13px; font-weight: 850; }
.telegram-head > div { flex: 1; }
.telegram-head strong, .telegram-head small { display: block; }
.telegram-head strong { font-size: 13px; }
.telegram-head small { color: #5e9fc9; font-size: 10px; }
.head-dots { color: #4796d1; letter-spacing: 2px; }
.telegram-body { position: relative; height: 445px; padding: 32px 9px 12px; background: linear-gradient(rgba(220,231,237,.87), rgba(220,231,237,.87)), radial-gradient(circle, #92a9b5 1px, transparent 1px); background-size: auto, 14px 14px; }
.chat-date { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); padding: 3px 8px; border-radius: 99px; color: #fff; background: rgba(99,122,137,.58); font-size: 8px; font-weight: 750; }
.bubble { width: max-content; max-width: 260px; margin-bottom: 6px; padding: 8px 10px 14px; border-radius: 13px; position: relative; font-size: 11px; line-height: 1.45; box-shadow: 0 1px 2px rgba(33,49,59,.12); }
.bubble time { position: absolute; right: 7px; bottom: 3px; color: #82939c; font-size: 7px; }
.bubble.incoming { margin-right: auto; border-bottom-left-radius: 4px; background: #fff; }
.bubble.outgoing { margin-left: auto; border-bottom-right-radius: 4px; background: #d6f7bd; }
.typing-bubble { width: 42px; height: 25px; padding: 0 8px; border-radius: 12px 12px 12px 4px; display: flex; align-items: center; justify-content: center; gap: 3px; background: #fff; }
.typing-bubble i { width: 4px; height: 4px; border-radius: 50%; background: #8c99a1; animation: typing 1.1s infinite ease-in-out; }
.typing-bubble i:nth-child(2) { animation-delay: .15s; }
.typing-bubble i:nth-child(3) { animation-delay: .3s; }
@keyframes typing { 0%,60%,100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-3px); opacity: 1; } }
.telegram-input { height: 49px; padding: 7px 10px; display: flex; align-items: center; justify-content: space-between; color: #98a2b3; background: #f7f8fa; font-size: 11px; }
.telegram-input .icon { color: #428dc4; }
.tone-card { position: absolute; right: 22px; bottom: 38px; padding: 12px 14px; border: 1px solid rgba(220,223,233,.9); border-radius: 14px; display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.95); box-shadow: var(--shadow-md); }
.tone-card > span { width: 33px; height: 33px; border-radius: 10px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.tone-card .icon { width: 17px; }
.tone-card small, .tone-card strong { display: block; }
.tone-card small { color: var(--muted); font-size: 8px; }
.tone-card strong { margin-top: 2px; max-width: 155px; font-size: 10px; }
.human-copy h2 { margin: 13px 0 22px; font-size: clamp(40px, 4vw, 58px); line-height: 1.04; letter-spacing: -.045em; }
.human-copy > p { color: var(--muted); font-size: 17px; line-height: 1.75; }
.feature-list { margin: 30px 0 0; padding: 0; list-style: none; display: grid; gap: 22px; }
.feature-list li { display: flex; gap: 13px; }
.feature-list li > span { width: 29px; height: 29px; flex: 0 0 29px; border-radius: 9px; display: grid; place-items: center; color: #07855f; background: var(--green-soft); }
.feature-list li > span .icon { width: 15px; }
.feature-list strong, .feature-list small { display: block; }
.feature-list strong { font-size: 14px; }
.feature-list small { margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 1.55; }

.control-section { padding-top: 20px; background: #fff; }
.control-card { min-height: 610px; padding: 74px; border-radius: 32px; display: grid; grid-template-columns: .93fr 1.07fr; gap: 90px; align-items: center; color: #fff; background: radial-gradient(circle at 85% 20%, rgba(23,74,114,.20), transparent 35%), linear-gradient(145deg, #111827, #171c2d 65%, #111625); overflow: hidden; }
.control-copy h2 { margin: 14px 0 20px; font-size: clamp(40px, 4vw, 58px); line-height: 1.05; letter-spacing: -.045em; }
.control-copy > p { color: #aeb7c7; font-size: 17px; line-height: 1.75; }
.control-points { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 30px; }
.control-points span { padding: 8px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; display: flex; align-items: center; gap: 7px; color: #d3d9e3; background: rgba(255,255,255,.05); font-size: 10px; }
.control-points .icon { width: 14px; color: #c5a476; }
.control-console { padding: 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: rgba(255,255,255,.07); box-shadow: 0 20px 50px rgba(0,0,0,.24); backdrop-filter: blur(20px); }
.console-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 12px; font-weight: 750; }
.console-agent { padding: 18px 0; display: flex; align-items: center; gap: 12px; }
.console-agent > div { flex: 1; }
.console-agent strong, .console-agent small { display: block; }
.console-agent strong { font-size: 13px; }
.console-agent small { color: #929bad; font-size: 9px; }
.pause-button { height: 32px; padding: 0 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; display: flex; align-items: center; gap: 6px; color: #dce1e9; background: rgba(255,255,255,.06); font-size: 9px; }
.pause-button .icon { width: 13px; }
.console-rule { margin-top: 9px; padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.04); }
.console-rule > div { display: flex; align-items: center; gap: 11px; }
.rule-icon { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; color: #c9a26d; background: rgba(177,132,79,.15); }
.rule-icon .icon { width: 17px; }
.console-rule strong, .console-rule small { display: block; }
.console-rule strong { font-size: 10px; }
.console-rule small { color: #929bad; font-size: 8px; }
.toggle { width: 34px; height: 20px; padding: 2px; border-radius: 99px; display: flex; background: #3d4557; }
.toggle i { width: 16px; height: 16px; border-radius: 50%; background: #fff; }
.toggle.is-on { justify-content: flex-end; background: var(--primary); }
.value-chip { padding: 5px 8px; border-radius: 7px; color: #d8c1a0; background: rgba(177,132,79,.14); font-size: 8px; font-weight: 750; }
.console-notice { margin-top: 14px; padding: 12px; border: 1px solid rgba(36,190,133,.2); border-radius: 12px; display: flex; gap: 10px; color: #d8f7ec; background: rgba(21,157,107,.1); }
.console-notice > .icon { width: 18px; color: #3dd4a0; }
.console-notice strong, .console-notice small { display: block; }
.console-notice strong { font-size: 9px; }
.console-notice small { color: #91baa9; font-size: 8px; }

.pricing-preview { background: #f7f8fb; }
.pricing-compact { padding: 10px; border: 1px solid var(--line); border-radius: 22px; display: grid; grid-template-columns: repeat(3, 1fr) auto; align-items: stretch; background: #fff; box-shadow: var(--shadow-sm); }
.pricing-compact > div { padding: 22px 24px; border-right: 1px solid var(--line); display: flex; flex-direction: column; }
.price-role { color: var(--muted); font-size: 11px; font-weight: 750; }
.pricing-compact strong { margin: 7px 0; font-size: 28px; line-height: 1; }
.pricing-compact strong small { color: var(--muted); font-size: 10px; font-weight: 600; }
.pricing-compact > div > span:last-child { color: var(--muted); font-size: 10px; line-height: 1.4; }
.pricing-compact > .btn { align-self: center; margin: 0 12px; }

.final-cta { padding: 86px 0; color: #fff; background: linear-gradient(120deg, #0e2f49, #174a72 55%, #0c263a); position: relative; overflow: hidden; }
.final-cta::before { content: ""; position: absolute; width: 520px; height: 520px; right: -140px; top: -250px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.035), 0 0 0 140px rgba(255,255,255,.025); }
.final-cta-inner { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; }
.final-cta h2 { margin: 12px 0 12px; font-size: clamp(40px, 4vw, 60px); line-height: 1.03; letter-spacing: -.045em; }
.final-cta p { max-width: 650px; margin: 0; color: #d8e3e9; font-size: 16px; }
.final-actions { display: flex; flex-direction: column; align-items: center; gap: 9px; }
.final-actions > span { color: #d6e1e8; font-size: 10px; }
.compact-final { padding: 72px 0; }

.site-footer { padding: 70px 0 22px; color: #c6cbd5; background: #0c1220; }
.footer-main { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 80px; }
.footer-brand p { max-width: 340px; margin: 22px 0 0; color: #8791a3; font-size: 13px; line-height: 1.7; }
.footer-column { display: flex; flex-direction: column; gap: 12px; }
.footer-column h4 { margin: 3px 0 10px; color: #fff; font-size: 12px; }
.footer-column a { color: #8f99aa; font-size: 12px; }
.footer-column a:hover { color: #fff; }
.footer-bottom { margin-top: 60px; padding-top: 20px; border-top: 1px solid #1f2736; display: flex; justify-content: space-between; color: #667085; font-size: 10px; }

/* Public catalog and detail pages */
.catalog-hero, .pricing-hero, .how-hero { padding: 90px 0 64px; background: linear-gradient(180deg, #fbfbfd, #f5f6fa); text-align: center; }
.catalog-hero h1, .pricing-hero h1, .how-hero h1 { margin: 24px 0 20px; font-size: clamp(48px, 5.5vw, 76px); line-height: 1.01; letter-spacing: -.055em; }
.catalog-hero p, .pricing-hero p { max-width: 710px; margin: 0 auto; color: var(--muted); font-size: 18px; line-height: 1.7; }
.catalog-section { padding: 30px 0 110px; background: #fff; }
.catalog-toolbar { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.category-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.category-tabs a { padding: 8px 13px; border-radius: 9px; color: var(--muted); font-size: 12px; font-weight: 700; }
.category-tabs a:hover, .category-tabs a.is-active { color: var(--primary); background: var(--primary-soft); }
.catalog-count { color: var(--muted); font-size: 12px; }
.catalog-grid { grid-template-columns: repeat(3, 1fr); }
.catalog-grid .agent-card { min-height: 390px; }
.catalog-help { margin-top: 28px; padding: 28px 30px; border: 1px solid var(--line); border-radius: 20px; display: flex; align-items: center; gap: 18px; background: #f9fafc; }
.help-orb { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.catalog-help > div { flex: 1; }
.catalog-help strong { display: block; font-size: 15px; }
.catalog-help p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.agent-detail-hero { padding: 68px 0 92px; background: radial-gradient(circle at 82% 20%, rgba(23,74,114,.11), transparent 32%), linear-gradient(180deg, #fafafd, #f4f5fa); }
.agent-detail-grid { display: grid; grid-template-columns: 1.06fr .94fr; gap: 90px; align-items: center; }
.back-link { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 650; }
.back-link:hover { color: var(--primary); }
.detail-icon { width: 64px; height: 64px; margin-top: 42px; border-radius: 20px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.detail-icon .icon { width: 30px; height: 30px; }
.agent-detail-copy .agent-eyebrow { display: block; margin-top: 22px; }
.agent-detail-copy h1 { margin: 8px 0 18px; font-size: clamp(52px, 6vw, 78px); line-height: .98; letter-spacing: -.055em; }
.agent-detail-copy > p { max-width: 640px; margin: 0; color: var(--muted); font-size: 18px; line-height: 1.75; }
.detail-actions { margin-top: 34px; display: flex; align-items: center; gap: 18px; }
.detail-actions > span { max-width: 150px; color: var(--muted); font-size: 11px; line-height: 1.35; }
.detail-actions strong { display: block; color: var(--ink); font-size: 20px; }
.agent-profile-card { padding: 28px; border: 1px solid var(--line); border-radius: 26px; background: rgba(255,255,255,.9); box-shadow: var(--shadow-md); }
.profile-card-top { display: flex; align-items: center; gap: 14px; }
.profile-avatar { width: 62px; height: 62px; border-radius: 19px; display: grid; place-items: center; color: #fff; font-size: 18px; font-weight: 850; }
.profile-card-top > div { flex: 1; }
.profile-card-top small { color: var(--primary); font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.profile-card-top h3 { margin: 3px 0 0; font-size: 22px; }
.profile-card-top p { margin: 1px 0 0; color: var(--muted); font-size: 11px; }
.profile-rows { margin-top: 25px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.profile-rows > div { padding: 12px 14px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.profile-rows > div:last-child { border-bottom: 0; }
.profile-rows span { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; }
.profile-rows span .icon { width: 15px; color: var(--primary); }
.profile-rows strong { font-size: 10px; }
.profile-message { margin-top: 18px; padding: 14px; border-radius: 14px; display: flex; align-items: flex-start; gap: 10px; background: #f2f6f8; }
.profile-message .person-avatar { flex: 0 0 36px; }
.profile-message small { color: var(--primary); font-size: 8px; font-weight: 750; }
.profile-message p { margin: 3px 0 0; font-size: 10px; line-height: 1.5; }
.detail-section { background: #fff; }
.detail-columns { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; align-items: start; }
.detail-columns h2 { margin: 13px 0 18px; font-size: 48px; line-height: 1.06; letter-spacing: -.045em; }
.detail-columns > div:first-child p { color: var(--muted); font-size: 16px; line-height: 1.7; }
.capability-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.capability-grid > div { min-height: 100px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; display: flex; align-items: center; gap: 14px; }
.capability-grid > div > span { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: var(--green); background: var(--green-soft); }
.capability-grid strong { font-size: 13px; }
.outcomes-section { background: #f7f8fb; }
.outcome-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.outcome-grid > div { padding: 32px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.outcome-grid > div > span { color: var(--primary); font-size: 12px; font-weight: 850; }
.outcome-grid h3 { margin: 32px 0 10px; font-size: 21px; letter-spacing: -.025em; }
.outcome-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.setup-preview { background: #fff; }
.setup-preview-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: center; }
.setup-panel { border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: #fff; box-shadow: var(--shadow-md); }
.setup-panel-head { padding: 17px 20px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; }
.setup-panel > label, .fake-field-row { margin: 17px 20px 0; display: block; color: #475467; font-size: 9px; font-weight: 750; }
.fake-input, .fake-textarea { margin-top: 6px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: #fbfcfd; font-size: 10px; font-weight: 500; }
.fake-textarea { min-height: 70px; line-height: 1.55; }
.fake-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fake-field-row label { font-size: 9px; }
.setup-footer { margin-top: 20px; padding: 15px 20px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; background: #fafbfc; }
.setup-footer span { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 8px; }
.setup-footer span .icon { width: 13px; color: var(--green); }
.setup-footer button, .fake-primary { height: 34px; padding: 0 13px; border: 0; border-radius: 9px; color: #fff; background: var(--primary); font-size: 9px; font-weight: 750; }
.setup-copy h2 { margin: 13px 0 22px; font-size: 48px; line-height: 1.05; letter-spacing: -.045em; }
.three-grid { grid-template-columns: repeat(3, 1fr); }
.related-section { background: #f7f8fb; }

/* Pricing */
.pricing-hero { padding-bottom: 40px; }
.billing-switch { width: max-content; margin: 34px auto 0; padding: 4px; border: 1px solid var(--line); border-radius: 12px; display: flex; background: #fff; }
.billing-switch button { min-height: 38px; padding: 0 16px; border: 0; border-radius: 9px; color: var(--muted); background: transparent; font-size: 11px; font-weight: 750; cursor: pointer; }
.billing-switch button.is-active { color: var(--ink); background: var(--surface-2); }
.billing-switch span { margin-left: 5px; color: var(--green); font-size: 8px; }
.pricing-table-section { padding: 30px 0 100px; background: #fff; }
.pricing-role-list { border: 1px solid var(--line); border-radius: 22px; overflow: hidden; }
.pricing-role-row { display: grid; grid-template-columns: 1.25fr 1fr 130px 110px; gap: 24px; align-items: center; padding: 24px; border-bottom: 1px solid var(--line); }
.pricing-role-row:last-child { border-bottom: 0; }
.pricing-role-main { display: flex; align-items: center; gap: 15px; }
.pricing-role-main > div > span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pricing-role-main h3 { margin: 4px 0 3px; font-size: 18px; }
.pricing-role-main p { margin: 0; color: var(--muted); font-size: 10px; }
.pricing-included { display: grid; gap: 6px; }
.pricing-included span { display: flex; align-items: center; gap: 6px; color: #475467; font-size: 9px; }
.pricing-included .icon { width: 13px; color: var(--green); }
.pricing-number strong { font-size: 28px; letter-spacing: -.04em; }
.pricing-number small { display: block; color: var(--muted); font-size: 9px; }
.pricing-note { margin-top: 20px; padding: 18px 20px; border: 1px solid #dce9ff; border-radius: 16px; display: flex; align-items: center; justify-content: space-between; background: #f4f8ff; }
.pricing-note > div { display: flex; align-items: flex-start; gap: 10px; }
.pricing-note > div > .icon { color: var(--blue); }
.pricing-note strong, .pricing-note small { display: block; }
.pricing-note strong { font-size: 11px; }
.pricing-note small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.pricing-note > a { color: var(--blue); font-size: 10px; font-weight: 750; }
.faq-section { background: #f7f8fb; }
.faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; }
.faq-grid h2 { margin: 13px 0 18px; font-size: 48px; letter-spacing: -.045em; }
.faq-grid > div:first-child p { color: var(--muted); line-height: 1.7; }
.faq-list { border-top: 1px solid var(--line-dark); }
.faq-list details { border-bottom: 1px solid var(--line-dark); }
.faq-list summary { min-height: 72px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 750; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary .icon { width: 18px; color: var(--muted); transition: transform .2s ease; }
.faq-list details[open] summary .icon { transform: rotate(45deg); }
.faq-list details p { margin: -5px 45px 22px 0; color: var(--muted); font-size: 12px; line-height: 1.7; }

/* How it works */
.how-hero { text-align: left; padding: 90px 0; }
.how-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.how-hero h1 { margin-left: 0; }
.how-hero p { max-width: 610px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.how-hero .btn { margin-top: 26px; }
.how-map { position: relative; min-height: 420px; display: grid; place-items: center; }
.map-node { position: absolute; min-width: 170px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; box-shadow: var(--shadow-sm); z-index: 2; }
.map-node > span:not(.mini-orb), .map-node > .icon { width: 38px; height: 38px; margin-bottom: 10px; border-radius: 12px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); font-size: 12px; font-weight: 850; padding: 9px; }
.map-node strong { font-size: 13px; }
.map-node small { color: var(--muted); font-size: 9px; }
.node-company { left: 0; top: 50%; transform: translateY(-50%); }
.node-agent { left: 50%; top: 50%; transform: translate(-50%,-50%); border-color: #d7e2e8; }
.node-channel { right: 0; top: 50%; transform: translateY(-50%); }
.mini-orb { width: 44px; height: 44px; margin-bottom: 10px; border-radius: 14px; display: grid; place-items: center; color: #fff; background: var(--primary); }
.map-line { position: absolute; top: 50%; height: 2px; width: 29%; background: linear-gradient(90deg, #d8dce5, #c5a476); }
.line-one { left: 20%; }
.line-two { right: 20%; transform: scaleX(-1); }
.steps-detail { background: #fff; }
.step-detail { position: relative; display: grid; grid-template-columns: 70px 1fr 1.1fr; gap: 60px; align-items: center; padding: 90px 0; border-bottom: 1px solid var(--line); }
.step-detail.reverse { grid-template-columns: 70px 1.1fr 1fr; }
.step-detail.reverse .step-detail-copy { grid-column: 3; grid-row: 1; }
.step-detail.reverse .step-visual { grid-column: 2; grid-row: 1; }
.step-number { align-self: start; padding-top: 7px; color: var(--primary); font-size: 13px; font-weight: 850; letter-spacing: .08em; }
.step-detail h2 { margin: 13px 0 18px; font-size: 43px; line-height: 1.06; letter-spacing: -.04em; }
.step-detail-copy > p { color: var(--muted); font-size: 15px; line-height: 1.75; }
.mini-role-row, .knowledge-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.mini-role, .knowledge-pills span { padding: 8px 10px; border: 1px solid var(--line); border-radius: 9px; display: flex; align-items: center; gap: 6px; background: #fff; font-size: 9px; font-weight: 750; }
.mini-role .icon, .knowledge-pills .icon { width: 14px; color: var(--primary); }
.step-visual { padding: 24px; border: 1px solid var(--line); border-radius: 22px; background: #fbfcfd; box-shadow: var(--shadow-sm); }
.selector-head { margin-bottom: 15px; display: flex; justify-content: space-between; }
.selector-head strong { font-size: 12px; }
.selector-head span { color: var(--muted); font-size: 9px; }
.selector-role { margin-top: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; display: grid; grid-template-columns: 42px 1fr 24px; gap: 10px; align-items: center; background: #fff; }
.selector-role.selected { border-color: #d4dfe6; background: #f7f9fa; }
.selector-role .agent-icon { width: 40px; height: 40px; border-radius: 11px; }
.selector-role strong, .selector-role small { display: block; }
.selector-role strong { font-size: 10px; }
.selector-role small { color: var(--muted); font-size: 8px; }
.selector-role > i { width: 20px; height: 20px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; color: #fff; background: #fff; }
.selector-role.selected > i { border-color: var(--primary); background: var(--primary); }
.selector-role > i .icon { width: 12px; }
.personality-card { background: linear-gradient(145deg, #171d2d, #182836); color: #fff; }
.personality-row { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; }
.personality-row span { color: #9aa4b5; font-size: 10px; }
.personality-row strong { font-size: 10px; }
.personality-message { margin-top: 22px; padding: 17px; border-radius: 13px; color: #d8e4ea; background: rgba(23,74,114,.12); font-size: 11px; line-height: 1.55; }
.simple-checks { margin: 22px 0 0; padding: 0; display: grid; gap: 9px; list-style: none; }
.simple-checks li { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 650; }
.simple-checks .icon { width: 15px; color: var(--green); }
.knowledge-stack { display: grid; gap: 9px; }
.knowledge-stack > div { padding: 13px; border: 1px solid var(--line); border-radius: 12px; display: flex; align-items: center; gap: 10px; background: #fff; }
.doc-icon { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); }
.doc-icon .icon { width: 18px; }
.knowledge-stack p { flex: 1; margin: 0; }
.knowledge-stack strong, .knowledge-stack small { display: block; }
.knowledge-stack strong { font-size: 10px; }
.knowledge-stack small { color: var(--muted); font-size: 8px; }
.knowledge-stack > div > i { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--green); }
.knowledge-stack > div > i .icon { width: 13px; }
.connection-sequence { display: flex; align-items: center; gap: 6px; margin-top: 26px; }
.connection-sequence span { padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 8px; font-weight: 750; }
.connection-sequence span.done { color: #087c51; border-color: #cdeedc; background: #effaf4; }
.connection-sequence i { width: 15px; height: 1px; background: var(--line-dark); }
.connection-card-head { display: flex; gap: 10px; align-items: center; }
.connection-card-head > .icon { width: 39px; height: 39px; padding: 9px; border-radius: 12px; color: #fff; background: #2a9bd7; }
.connection-card-head strong, .connection-card-head small { display: block; }
.connection-card-head strong { font-size: 11px; }
.connection-card-head small { color: var(--muted); font-size: 8px; }
.connection-code { margin-top: 22px; padding: 14px; border: 1px dashed #cfd4df; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; background: #fff; font-family: ui-monospace, monospace; font-size: 17px; font-weight: 850; letter-spacing: .08em; }
.connection-code button { border: 0; color: var(--muted); background: transparent; }
.connection-code button .icon { width: 16px; }
.fake-primary { width: 100%; margin-top: 12px; }
.safe-line { margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 6px; color: var(--muted); font-size: 8px; }
.safe-line .icon { width: 13px; color: var(--green); }
.safety-section { background: #f7f8fb; }
.safety-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }
.safety-grid h2 { margin: 13px 0 18px; font-size: 48px; line-height: 1.05; letter-spacing: -.045em; }
.safety-grid > div:first-child p { color: var(--muted); line-height: 1.7; }
.safety-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.safety-cards > div { padding: 24px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.safety-cards .icon { width: 23px; color: var(--primary); }
.safety-cards strong { display: block; margin-top: 22px; font-size: 13px; }
.safety-cards p { margin: 6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }

/* Legal and errors */
.legal-hero { padding: 90px 0 55px; text-align: center; background: #f6f7fa; }
.legal-hero h1 { margin: 14px 0 8px; font-size: 56px; letter-spacing: -.05em; }
.legal-hero p { color: var(--muted); font-size: 12px; }
.legal-content { padding: 70px 0 110px; background: #fff; }
.legal-grid { display: grid; grid-template-columns: 220px 1fr; gap: 80px; align-items: start; }
.legal-grid aside { position: sticky; top: 100px; display: grid; gap: 10px; }
.legal-grid aside a { padding: 8px 10px; border-radius: 8px; color: var(--muted); font-size: 11px; }
.legal-grid aside a:hover { color: var(--primary); background: var(--primary-soft); }
.legal-grid article { max-width: 760px; }
.legal-grid article h2 { margin: 0 0 14px; padding-top: 34px; font-size: 22px; letter-spacing: -.02em; }
.legal-grid article h2:first-child { padding-top: 0; }
.legal-grid article p { color: #586474; font-size: 14px; line-height: 1.8; }
.legal-note { margin-top: 40px; padding: 20px; border: 1px solid #f0d6a5; border-radius: 14px; background: #fff9ec; }
.legal-note strong { color: #8a5b08; font-size: 12px; }
.legal-note p { margin: 6px 0 0; font-size: 12px !important; }
.error-page { min-height: 70vh; padding: 120px 0; display: grid; place-items: center; text-align: center; background: #fff; }
.error-page .container { display: flex; flex-direction: column; align-items: center; }
.error-code { color: var(--primary); font-size: 100px; line-height: 1; font-weight: 850; letter-spacing: -.07em; }
.error-icon { width: 72px; height: 72px; border-radius: 22px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.error-icon .icon { width: 33px; height: 33px; }
.error-page h1 { margin: 18px 0 10px; font-size: 42px; letter-spacing: -.045em; }
.error-page p { margin: 0 0 25px; color: var(--muted); }

/* --------------------------------------------------------------------------
   Authentication
   -------------------------------------------------------------------------- */
.auth-shell { min-height: 100vh; background: #f5f6fa; }
.auth-topbar { position: fixed; inset: 0 0 auto 0; z-index: 20; height: 76px; padding: 0 42px; border-bottom: 1px solid rgba(229,232,239,.8); display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.88); backdrop-filter: blur(18px); }
.auth-topbar > a:last-child { color: var(--muted); font-size: 13px; font-weight: 700; }
.auth-topbar > a:last-child:hover { color: var(--primary); }
.auth-main { min-height: 100vh; padding-top: 76px; display: grid; grid-template-columns: minmax(520px, .95fr) minmax(520px, 1.05fr); }
.auth-card { width: min(100%, 530px); margin: auto; padding: 64px 42px; }
.auth-login-card { align-self: center; }
.auth-register-card { padding-top: 54px; padding-bottom: 54px; }
.auth-heading { margin-bottom: 28px; }
.auth-icon { width: 46px; height: 46px; margin-bottom: 21px; border-radius: 14px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.auth-icon .icon { width: 22px; height: 22px; }
.auth-heading h1 { margin: 0 0 8px; font-size: clamp(34px, 3.4vw, 46px); line-height: 1.03; letter-spacing: -.045em; }
.auth-heading p { margin: 0; color: var(--muted); font-size: 15px; }
.auth-form { display: grid; gap: 18px; }
.auth-form label, .settings-form label, .add-knowledge-panel label { display: grid; gap: 8px; color: #344054; font-size: 12px; font-weight: 750; }
.auth-form input, .auth-form textarea, .auth-form select,
.settings-form input, .settings-form textarea, .settings-form select,
.add-knowledge-panel input, .add-knowledge-panel textarea, .add-knowledge-panel select,
.preview-input input { width: 100%; border: 1px solid var(--line-dark); outline: none; color: var(--ink); background: #fff; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.auth-form input, .auth-form select,
.settings-form input, .settings-form select,
.add-knowledge-panel input, .add-knowledge-panel select { height: 48px; padding: 0 14px; border-radius: 12px; }
.auth-form textarea, .settings-form textarea, .add-knowledge-panel textarea { min-height: 110px; padding: 13px 14px; border-radius: 12px; resize: vertical; line-height: 1.55; }
.auth-form input:focus, .auth-form textarea:focus, .auth-form select:focus,
.settings-form input:focus, .settings-form textarea:focus, .settings-form select:focus,
.add-knowledge-panel input:focus, .add-knowledge-panel textarea:focus, .add-knowledge-panel select:focus,
.preview-input input:focus { border-color: #3f7898; box-shadow: 0 0 0 4px rgba(23,74,114,.09); }
.auth-form input::placeholder, .settings-form input::placeholder, .settings-form textarea::placeholder, .add-knowledge-panel textarea::placeholder { color: #a5adba; }
.auth-form input:disabled, .settings-form input:disabled { color: #818b9b; background: #f5f6f8; }
.password-field { position: relative; }
.password-field input { padding-right: 48px; }
.password-field button { position: absolute; right: 4px; top: 4px; width: 40px; height: 40px; border: 0; border-radius: 9px; display: grid; place-items: center; color: var(--muted); background: transparent; cursor: pointer; }
.password-field button:hover { color: var(--ink); background: #f3f4f7; }
.password-field button .icon { width: 18px; }
.two-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-row-between { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.form-row-between > a { color: var(--primary); font-size: 12px; font-weight: 750; }
.check-label { display: flex !important; grid-template-columns: none !important; flex-direction: row !important; align-items: center; gap: 9px !important; cursor: pointer; font-size: 12px !important; font-weight: 600 !important; }
.check-label input { position: absolute; opacity: 0; pointer-events: none; width: 1px !important; height: 1px !important; }
.check-label > span { width: 18px; height: 18px; flex: 0 0 18px; border: 1px solid #ccd2dd; border-radius: 5px; background: #fff; position: relative; }
.check-label input:checked + span { border-color: var(--primary); background: var(--primary); }
.check-label input:checked + span::after { content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(42deg); }
.terms-check { align-items: flex-start; }
.terms-check p { margin: 0; color: var(--muted); font-weight: 500; line-height: 1.6; }
.terms-check a { color: var(--primary); font-weight: 700; }
.field-hint { color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.5; }
.form-alert { padding: 13px 14px; margin: -4px 0 20px; border-radius: 12px; display: flex; align-items: flex-start; gap: 9px; font-size: 12px; font-weight: 650; }
.form-alert.error { color: #a93429; border: 1px solid #f8ccc8; background: var(--red-soft); }
.form-alert .icon { width: 17px; margin-top: 1px; }
.form-alert.stacked > div { display: grid; gap: 3px; }
.demo-access { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.demo-access > span { display: block; margin-bottom: 9px; color: #98a2b3; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.demo-access button { width: 100%; padding: 12px 13px; border: 1px solid var(--line); border-radius: 12px; display: grid; grid-template-columns: 1fr auto; align-items: center; text-align: left; background: #fff; cursor: pointer; }
.demo-access button:hover { border-color: #d3dfe6; background: #f7fafc; }
.demo-access strong, .demo-access small { display: block; }
.demo-access strong { font-size: 12px; }
.demo-access small { color: var(--muted); font-size: 10px; }
.demo-access button .icon { grid-column: 2; grid-row: 1 / span 2; width: 16px; color: var(--primary); }
.auth-switch { margin: 25px 0 0; text-align: center; color: var(--muted); font-size: 13px; }
.auth-switch a { color: var(--primary); font-weight: 750; }
.auth-aside { position: relative; min-height: calc(100vh - 76px); padding: 70px clamp(40px, 6vw, 90px); overflow: hidden; display: flex; flex-direction: column; justify-content: center; color: #fff; background: radial-gradient(circle at 82% 12%, rgba(23,74,114,.28), transparent 32%), linear-gradient(145deg, #101828 0%, #1d2034 55%, #172735 100%); }
.auth-aside::before { content: ""; position: absolute; width: 420px; height: 420px; right: -210px; bottom: -190px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 80px rgba(255,255,255,.025), 0 0 0 160px rgba(255,255,255,.018); }
.auth-aside-copy { position: relative; z-index: 1; max-width: 610px; }
.auth-aside-copy h2 { margin: 18px 0 20px; font-size: clamp(40px, 4.8vw, 68px); line-height: 1.02; letter-spacing: -.05em; }
.auth-aside-copy p { max-width: 560px; margin: 0; color: #b7bfce; font-size: 16px; line-height: 1.75; }
.auth-team-stack { position: relative; z-index: 1; width: min(100%, 520px); margin-top: 48px; display: grid; gap: 10px; }
.auth-person { padding: 13px 15px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: center; background: rgba(255,255,255,.07); backdrop-filter: blur(15px); }
.auth-person:nth-child(2) { transform: translateX(34px); }
.auth-person:nth-child(3) { transform: translateX(68px); }
.auth-person strong, .auth-person small { display: block; }
.auth-person strong { font-size: 13px; }
.auth-person small { margin-top: 2px; color: #aeb7c8; font-size: 10px; }
.auth-person > i { width: 7px; height: 7px; border-radius: 50%; background: #42d19a; box-shadow: 0 0 0 5px rgba(66,209,154,.1); }
.register-aside { align-items: center; }
.selected-role-card { position: relative; z-index: 1; width: min(100%, 490px); padding: 32px; border: 1px solid rgba(255,255,255,.13); border-radius: 25px; background: rgba(255,255,255,.08); box-shadow: 0 25px 70px rgba(0,0,0,.22); backdrop-filter: blur(20px); }
.selected-role-card::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: linear-gradient(145deg, rgba(255,255,255,.17), transparent 44%); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 1px; }
.selected-role-top { display: flex; align-items: center; justify-content: space-between; }
.selected-role-top > span:last-child { color: #b7bfce; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.selected-role-card h3 { margin: 27px 0 8px; font-size: 34px; letter-spacing: -.04em; }
.selected-role-card > p { margin: 0; color: #bfc6d4; line-height: 1.65; }
.selected-role-features { margin-top: 25px; display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.selected-role-features span { display: flex; align-items: center; gap: 7px; color: #d9deea; font-size: 11px; }
.selected-role-features .icon { width: 14px; color: #71e4b6; }
.selected-price { margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.11); display: flex; align-items: end; justify-content: space-between; }
.selected-price strong { font-size: 33px; letter-spacing: -.04em; }
.selected-price strong small { margin-left: 4px; color: #aeb7c8; font-size: 11px; font-weight: 600; letter-spacing: 0; }
.selected-price > span { padding-bottom: 5px; color: #aeb7c8; font-size: 10px; }
.secure-note { position: relative; z-index: 1; width: min(100%, 490px); margin-top: 16px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; display: flex; align-items: center; gap: 11px; background: rgba(255,255,255,.055); }
.secure-note .icon { width: 20px; color: #74ddb7; }
.secure-note strong, .secure-note small { display: block; }
.secure-note strong { font-size: 11px; }
.secure-note small { margin-top: 2px; color: #aeb7c8; font-size: 9px; }

/* --------------------------------------------------------------------------
   Dashboard shell and common components
   -------------------------------------------------------------------------- */
.dashboard-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); background: #f6f7fa; }
.dashboard-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 80; width: var(--sidebar); padding: 20px 14px 16px; border-right: 1px solid #e6e8ed; display: flex; flex-direction: column; background: #fff; }
.sidebar-head { height: 44px; padding: 0 8px; display: flex; align-items: center; justify-content: space-between; }
.sidebar-close { display: none; }
.workspace-chip { margin: 24px 2px 18px; padding: 10px; border: 1px solid var(--line); border-radius: 13px; display: grid; grid-template-columns: 35px 1fr 15px; align-items: center; gap: 9px; background: #fafbfc; }
.workspace-avatar, .user-avatar, .topbar-avatar { display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #1d2939, #0f172a); font-weight: 850; }
.workspace-avatar { width: 35px; height: 35px; border-radius: 10px; font-size: 10px; }
.workspace-chip strong, .workspace-chip small { display: block; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-chip strong { font-size: 11px; }
.workspace-chip small { margin-top: 1px; color: var(--muted); font-size: 8px; }
.workspace-chip > .icon { width: 13px; color: #98a2b3; }
.sidebar-nav { display: grid; gap: 4px; }
.sidebar-nav > a { height: 43px; padding: 0 12px; border-radius: 10px; display: flex; align-items: center; gap: 11px; color: #667085; font-size: 12px; font-weight: 700; transition: .18s ease; }
.sidebar-nav > a:hover { color: var(--ink); background: #f5f6f9; }
.sidebar-nav > a.is-active { color: #1e5b82; background: var(--primary-soft); }
.sidebar-nav > a .icon { width: 18px; }
.sidebar-divider { height: 1px; margin: 10px 12px; background: var(--line); }
.sidebar-hire-card { position: relative; margin: auto 2px 15px; padding: 17px; overflow: hidden; border-radius: 15px; color: #fff; background: linear-gradient(145deg, #181e2e, #172532); }
.sidebar-hire-card::after { content: ""; position: absolute; width: 110px; height: 110px; right: -55px; top: -55px; border-radius: 50%; background: rgba(23,74,114,.22); }
.mini-orb { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; color: #fff; background: rgba(23,74,114,.7); }
.mini-orb .icon { width: 15px; }
.sidebar-hire-card strong { display: block; margin-top: 13px; font-size: 11px; }
.sidebar-hire-card p { margin: 5px 0 12px; color: #aeb7c8; font-size: 9px; line-height: 1.5; }
.sidebar-hire-card a { display: inline-flex; align-items: center; gap: 6px; color: #d0dce4; font-size: 9px; font-weight: 800; }
.sidebar-hire-card a .icon { width: 13px; }
.sidebar-user { padding: 12px 7px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: 36px 1fr 38px; align-items: center; gap: 9px; }
.user-avatar { width: 36px; height: 36px; border-radius: 11px; font-size: 10px; }
.user-avatar.large { width: 56px; height: 56px; border-radius: 16px; font-size: 15px; }
.sidebar-user strong, .sidebar-user small { display: block; max-width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sidebar-user strong { font-size: 10px; }
.sidebar-user small { color: var(--muted); font-size: 8px; }
.dashboard-content { min-width: 0; grid-column: 2; }
.dashboard-topbar { position: sticky; top: 0; z-index: 45; height: 68px; padding: 0 32px; border-bottom: 1px solid rgba(229,232,239,.9); display: flex; align-items: center; gap: 15px; background: rgba(255,255,255,.88); backdrop-filter: blur(18px); }
.dashboard-topbar-spacer { flex: 1; }
.dashboard-menu { display: none; }
.topbar-help { color: var(--muted); font-size: 12px; font-weight: 700; }
.topbar-help:hover { color: var(--primary); }
.notification-button { position: relative; border: 1px solid var(--line); background: #fff; }
.notification-button > span { position: absolute; right: 8px; top: 8px; width: 6px; height: 6px; border: 2px solid #fff; border-radius: 50%; background: var(--primary); }
.topbar-avatar { width: 34px; height: 34px; border-radius: 10px; font-size: 9px; }
.dashboard-main { width: min(100%, 1490px); margin: 0 auto; padding: 39px 36px 80px; }
.sidebar-overlay { display: none; }
.page-head { min-height: 72px; margin-bottom: 28px; display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.page-head h1 { margin: 8px 0 5px; font-size: clamp(34px, 3.6vw, 48px); line-height: 1.03; letter-spacing: -.045em; }
.page-head p { margin: 0; color: var(--muted); font-size: 14px; }
.panel { border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-xs); }
.panel-head { min-height: 68px; padding: 20px 22px; border-bottom: 1px solid #eceef3; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.panel-head h2 { margin: 0; font-size: 16px; letter-spacing: -.02em; }
.panel-head p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.panel-head > a { display: inline-flex; align-items: center; gap: 6px; color: var(--primary); font-size: 10px; font-weight: 800; }
.panel-head > a .icon { width: 13px; }
.status-pill { width: max-content; min-height: 25px; padding: 0 9px; border: 1px solid transparent; border-radius: 99px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 9px; font-weight: 800; }
.status-pill.success { color: #087c51; border-color: #ccebdc; background: #effaf4; }
.status-pill.warning { color: #946008; border-color: #f3dfb6; background: #fff9eb; }
.status-pill.muted { color: #667085; border-color: #e4e7ec; background: #f8f9fb; }
.status-pill.warning i { background: #d99018; box-shadow: 0 0 0 3px rgba(217,144,24,.1); }
.status-pill.muted i { background: #98a2b3; box-shadow: none; }
.stats-grid { margin-bottom: 22px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.stat-card { min-height: 118px; padding: 21px; border: 1px solid var(--line); border-radius: 17px; display: flex; align-items: center; gap: 15px; background: #fff; box-shadow: var(--shadow-xs); }
.stat-icon { width: 43px; height: 43px; border-radius: 13px; display: grid; place-items: center; }
.stat-icon .icon { width: 21px; }
.stat-icon.navy { color: var(--primary); background: var(--primary-soft); }
.stat-icon.blue { color: var(--blue); background: var(--blue-soft); }
.stat-icon.mint { color: var(--mint); background: var(--mint-soft); }
.stat-icon.amber { color: var(--amber); background: var(--amber-soft); }
.stat-card small, .stat-card strong, .stat-card span { display: block; }
.stat-card small { color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.stat-card strong { margin-top: 2px; font-size: 25px; line-height: 1.1; letter-spacing: -.04em; }
.stat-card span { margin-top: 3px; color: #98a2b3; font-size: 9px; }
.inline-success { width: max-content; margin-bottom: 18px; padding: 10px 13px; border: 1px solid #ccebdc; border-radius: 11px; display: flex; align-items: center; gap: 8px; color: #087c51; background: #effaf4; font-size: 11px; font-weight: 750; }
.inline-success .icon { width: 16px; }
.welcome-banner { margin-bottom: 22px; padding: 15px 17px; border: 1px solid #d6e1e8; border-radius: 15px; display: grid; grid-template-columns: 39px 1fr 34px; align-items: center; gap: 12px; background: linear-gradient(90deg, #f3f7fa, #f7fafc); }
.welcome-banner > span { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; color: var(--primary); background: #e8f0f5; }
.welcome-banner > span .icon { width: 19px; }
.welcome-banner strong { display: block; font-size: 12px; }
.welcome-banner p { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.welcome-banner button { width: 32px; height: 32px; border: 0; border-radius: 8px; display: grid; place-items: center; color: var(--muted); background: transparent; cursor: pointer; }
.welcome-banner button:hover { background: rgba(23,74,114,.07); }
.welcome-banner button .icon { width: 15px; }
.empty-state-card { min-height: 430px; padding: 60px 30px; border: 1px dashed #d8dce5; border-radius: 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #fff; }
.empty-state-icon, .empty-state-inline > span { width: 62px; height: 62px; border-radius: 19px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.empty-state-icon .icon, .empty-state-inline > span .icon { width: 27px; height: 27px; }
.empty-state-card h2, .empty-state-inline h3 { margin: 22px 0 7px; }
.empty-state-card p, .empty-state-inline p { max-width: 470px; margin: 0 0 24px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.empty-state-inline { min-height: 300px; padding: 45px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.empty-state-inline.compact { min-height: 230px; }
.empty-compact { min-height: 170px; padding: 26px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.empty-compact > span { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; color: var(--green); background: var(--green-soft); }
.empty-compact > span .icon { width: 20px; }
.empty-compact strong { margin-top: 12px; font-size: 12px; }
.empty-compact p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.empty-team-hero { min-height: 570px; padding: 70px; border: 1px solid var(--line); border-radius: 25px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: radial-gradient(circle at 50% 35%, #edf3f7, #fff 38%); }
.empty-team-hero h2 { max-width: 750px; margin: 18px 0 13px; font-size: clamp(38px, 5vw, 62px); line-height: 1.04; letter-spacing: -.05em; }
.empty-team-hero > p { max-width: 620px; margin: 0 0 28px; color: var(--muted); font-size: 15px; }
.empty-orbit { position: relative; width: 150px; height: 150px; margin-bottom: 30px; border: 1px solid #d7e2e9; border-radius: 50%; display: grid; place-items: center; }
.empty-orbit::before { content: ""; position: absolute; inset: 22px; border: 1px dashed #d3dee5; border-radius: 50%; }
.empty-core { width: 62px; height: 62px; z-index: 1; border-radius: 21px; display: grid; place-items: center; color: #fff; background: var(--primary); box-shadow: 0 14px 35px rgba(23,74,114,.22); }
.empty-core .icon { width: 27px; }
.empty-orbit > i { position: absolute; width: 18px; height: 18px; border: 4px solid #fff; border-radius: 50%; background: #225f86; box-shadow: var(--shadow-sm); }
.empty-orbit > i:nth-child(2) { left: 5px; top: 55px; background: #2e78f6; }
.empty-orbit > i:nth-child(3) { right: 15px; top: 20px; background: #20aa82; }
.empty-orbit > i:nth-child(4) { right: 7px; bottom: 34px; background: #e8951c; }

/* Dashboard home */
.dashboard-grid-main { margin-bottom: 22px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 18px; }
.dashboard-agent-list { padding: 4px 16px 14px; }
.dashboard-agent-row { min-height: 69px; padding: 11px 8px; border-bottom: 1px solid #eff1f5; display: grid; grid-template-columns: 40px minmax(140px, 1fr) auto auto 20px; align-items: center; gap: 12px; }
.dashboard-agent-row:last-child { border-bottom: 0; }
.dashboard-agent-row:hover { background: #f7f9fa; }
.agent-row-main strong, .agent-row-main small { display: block; }
.agent-row-main strong { font-size: 11px; }
.agent-row-main small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.row-chevron { width: 14px; color: #98a2b3; }
.attention-panel { overflow: hidden; }
.attention-item { min-height: 73px; margin: 0 16px; padding: 12px 7px; border-bottom: 1px solid #eff1f5; display: grid; grid-template-columns: 27px 1fr 17px; gap: 10px; align-items: center; }
.attention-item:last-child { border-bottom: 0; }
.attention-number { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; color: #1a5277; background: var(--primary-soft); font-size: 9px; font-weight: 850; }
.attention-item strong, .attention-item small { display: block; }
.attention-item strong { font-size: 10px; }
.attention-item small { margin-top: 2px; color: var(--muted); font-size: 8px; line-height: 1.4; }
.attention-item > .icon { width: 14px; color: var(--primary); }
.activity-panel { overflow: hidden; }
.activity-timeline { padding: 8px 22px 18px; }
.activity-item { min-height: 58px; display: grid; grid-template-columns: 20px 1fr auto; gap: 10px; align-items: center; }
.activity-dot { position: relative; height: 100%; display: grid; place-items: center; }
.activity-dot::after { content: ""; position: absolute; top: 50%; bottom: -50%; width: 1px; background: #e7e9ef; }
.activity-item:last-child .activity-dot::after { display: none; }
.activity-dot i { position: relative; z-index: 1; width: 9px; height: 9px; border: 3px solid #dce7ed; border-radius: 50%; background: var(--primary); }
.activity-item strong, .activity-item small { display: block; }
.activity-item strong { font-size: 10px; }
.activity-item small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.activity-item time { color: #98a2b3; font-size: 8px; }

/* Employee cards */
.employee-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.employee-card { min-height: 410px; padding: 23px; border: 1px solid var(--line); border-radius: 20px; display: flex; flex-direction: column; background: #fff; box-shadow: var(--shadow-xs); transition: .22s ease; }
.employee-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-sm); }
.employee-card-head { display: flex; justify-content: space-between; align-items: flex-start; }
.employee-avatar { position: relative; width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; color: #fff; background: var(--navy); font-size: 14px; font-weight: 850; }
.employee-avatar.large { width: 66px; height: 66px; border-radius: 20px; font-size: 18px; }
.employee-avatar.small { width: 40px; height: 40px; border-radius: 12px; font-size: 11px; background: var(--primary); }
.presence-dot { position: absolute; right: -2px; bottom: 2px; width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%; background: #98a2b3; }
.presence-dot.online { background: #20ad79; }
.employee-card > .status-pill { margin-top: 22px; }
.employee-card h2 { margin: 14px 0 3px; font-size: 23px; letter-spacing: -.035em; }
.employee-card > p { margin: 0; color: var(--muted); font-size: 12px; }
.employee-meta { margin: 22px 0; padding: 13px 0; border-top: 1px solid #edf0f3; border-bottom: 1px solid #edf0f3; display: grid; gap: 11px; }
.employee-meta > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.employee-meta span { color: var(--muted); font-size: 9px; }
.employee-meta strong { display: inline-flex; align-items: center; gap: 5px; text-align: right; font-size: 9px; }
.employee-meta strong .icon { width: 12px; color: #2799d7; }
.employee-progress { margin: auto 0 17px; }
.employee-progress > div { display: flex; justify-content: space-between; margin-bottom: 7px; font-size: 9px; }
.employee-progress > div span { color: var(--muted); }
.employee-progress > i { height: 5px; border-radius: 99px; display: block; overflow: hidden; background: #eceef3; }
.employee-progress > i b { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--primary), #2e678b); }
.hire-employee-card { min-height: 410px; align-items: center; justify-content: center; text-align: center; border-style: dashed; color: var(--ink); background: #fbfbfd; }
.hire-employee-card:hover { border-color: #cedae1; background: #f7f9fa; }
.hire-plus { width: 60px; height: 60px; border-radius: 19px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.hire-plus .icon { width: 26px; }
.hire-employee-card h2 { max-width: 260px; margin-top: 22px; }
.hire-employee-card p { max-width: 290px; margin: 7px 0 20px; line-height: 1.6; }

/* Hire wizard */
.wizard-page-head { margin-bottom: 22px; display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 11px; font-weight: 750; }
.back-link:hover { color: var(--primary); }
.hire-wizard-grid { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 20px; align-items: start; }
.hire-role-selector { position: sticky; top: 91px; padding: 28px 25px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.hire-role-selector h1 { margin: 10px 0 6px; font-size: 32px; letter-spacing: -.04em; }
.hire-role-selector > p { margin: 0; color: var(--muted); font-size: 11px; }
.role-selector-list { margin-top: 22px; display: grid; gap: 8px; }
.role-select-item { padding: 10px; border: 1px solid transparent; border-radius: 13px; display: grid; grid-template-columns: 40px 1fr 23px; align-items: center; gap: 10px; }
.role-select-item:hover { background: #f8f9fb; }
.role-select-item.is-selected { border-color: #d6e1e8; background: #f4f8fa; }
.role-select-item .agent-icon { width: 40px; height: 40px; border-radius: 12px; }
.role-select-item .agent-icon .icon { width: 19px; }
.role-select-item strong, .role-select-item small { display: block; }
.role-select-item strong { font-size: 10px; }
.role-select-item small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.role-select-item > i { width: 22px; height: 22px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; color: #fff; background: #fff; }
.role-select-item.is-selected > i { border-color: var(--primary); background: var(--primary); }
.role-select-item > i .icon { width: 12px; }
.hire-config-card { border: 1px solid var(--line); border-radius: 20px; background: #fff; overflow: hidden; }
.hire-config-head { padding: 27px 30px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.hire-config-head h2 { margin: 8px 0 0; font-size: 27px; letter-spacing: -.035em; }
.selected-role-tag { padding: 9px 11px; border-radius: 10px; display: inline-flex; align-items: center; gap: 7px; color: #fff; background: var(--primary); font-size: 9px; font-weight: 800; }
.selected-role-tag .icon { width: 14px; }
.settings-form { display: grid; }
.inner-form { padding: 24px 25px; }
.form-section { padding: 28px 30px; border-bottom: 1px solid var(--line); display: grid; gap: 20px; }
.inner-form .form-section { padding: 21px 0 28px; }
.inner-form .form-section:first-child { padding-top: 0; }
.form-section-title { display: flex; align-items: center; gap: 12px; }
.form-section-title > span { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); font-size: 9px; font-weight: 850; }
.form-section-title h3 { margin: 0; font-size: 14px; }
.form-section-title p { margin: 2px 0 0; color: var(--muted); font-size: 9px; }
.form-grid { display: grid; gap: 14px; }
.form-grid.two { grid-template-columns: 1fr 1fr; }
.language-checks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.language-checks label { position: relative; height: 62px; padding: 0 14px; border: 1px solid var(--line-dark); border-radius: 12px; display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 9px; cursor: pointer; }
.language-checks label:hover { border-color: #d1dbe2; }
.language-checks input { position: absolute; opacity: 0; }
.language-checks label > span { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); font-size: 9px; font-weight: 850; }
.language-checks label > strong { font-size: 10px; }
.language-checks label:has(input:checked) { border-color: #c8b18d; box-shadow: 0 0 0 3px rgba(23,74,114,.06); background: #f7fafc; }
.billing-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.billing-choice > label { position: relative; min-height: 86px; padding: 15px; border: 1px solid var(--line-dark); border-radius: 13px; display: grid; grid-template-columns: 21px 1fr auto; gap: 10px; align-items: center; cursor: pointer; }
.billing-choice input { position: absolute; opacity: 0; }
.billing-choice > label:has(input:checked) { border-color: #c8b18d; background: #f7fafc; box-shadow: 0 0 0 3px rgba(23,74,114,.06); }
.billing-radio { width: 18px; height: 18px; border: 1px solid #cfd4df; border-radius: 50%; position: relative; }
.billing-choice input:checked + .billing-radio { border-color: var(--primary); }
.billing-choice input:checked + .billing-radio::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--primary); }
.billing-choice strong, .billing-choice small { display: block; }
.billing-choice strong { font-size: 11px; }
.billing-choice small { margin-top: 2px; color: var(--muted); font-size: 8px; font-weight: 500; }
.billing-choice > label > b { text-align: right; font-size: 19px; letter-spacing: -.03em; }
.billing-choice > label > b small { font-size: 8px; font-weight: 650; letter-spacing: 0; }
.wizard-submit { min-height: 86px; padding: 17px 30px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #fbfcfd; }
.wizard-submit > div { display: flex; align-items: center; gap: 10px; color: var(--green); }
.wizard-submit > div .icon { width: 19px; }
.wizard-submit > div strong, .wizard-submit > div small { display: block; }
.wizard-submit > div strong { color: var(--ink); font-size: 10px; }
.wizard-submit > div small { color: var(--muted); font-size: 8px; }

/* Agent workspace */
.agent-workspace-head { margin-bottom: 23px; display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.workspace-agent-identity { display: flex; align-items: center; gap: 16px; }
.identity-line { display: flex; align-items: center; gap: 11px; }
.identity-line h1 { margin: 0; font-size: 34px; letter-spacing: -.045em; }
.workspace-agent-identity p { margin: 3px 0 3px; color: var(--muted); font-size: 12px; }
.identity-meta { color: #98a2b3; font-size: 9px; font-weight: 650; }
.workspace-agent-actions { display: flex; align-items: center; gap: 8px; }
.workspace-tabs { margin-bottom: 20px; padding: 0 5px; border-bottom: 1px solid var(--line); display: flex; gap: 27px; overflow-x: auto; scrollbar-width: none; }
.workspace-tabs::-webkit-scrollbar { display: none; }
.workspace-tabs a { position: relative; min-height: 43px; display: flex; align-items: center; gap: 7px; color: var(--muted); white-space: nowrap; font-size: 11px; font-weight: 750; }
.workspace-tabs a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 99px; background: var(--primary); transform: scaleX(0); }
.workspace-tabs a.is-active { color: var(--ink); }
.workspace-tabs a.is-active::after { transform: scaleX(1); }
.workspace-tabs b { min-width: 19px; height: 19px; padding: 0 5px; border-radius: 99px; display: grid; place-items: center; color: #667085; background: #eef0f4; font-size: 8px; }
.tab-dot { width: 6px; height: 6px; border-radius: 50%; }
.tab-dot.green { background: var(--green); }
.tab-dot.amber { background: #e39a20; }
.workspace-overview-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(410px, 1.1fr); gap: 18px; }
.readiness-value { color: var(--primary); font-size: 23px; letter-spacing: -.04em; }
.readiness-bar { height: 6px; margin: 22px 22px 4px; border-radius: 99px; overflow: hidden; background: #edf0f4; }
.readiness-bar i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--primary), #316c8e); }
.onboarding-list { padding: 8px 22px 19px; }
.onboarding-item { min-height: 73px; border-bottom: 1px solid #eff1f5; display: grid; grid-template-columns: 31px 1fr auto; gap: 11px; align-items: center; }
.onboarding-item:last-child { border-bottom: 0; }
.onboarding-item > span { width: 30px; height: 30px; border: 1px solid #dce0e7; border-radius: 9px; display: grid; place-items: center; color: var(--muted); background: #fff; font-size: 9px; font-weight: 850; }
.onboarding-item.done > span { color: #fff; border-color: var(--green); background: var(--green); }
.onboarding-item > span .icon { width: 15px; }
.onboarding-item strong, .onboarding-item small { display: block; }
.onboarding-item strong { font-size: 10px; }
.onboarding-item small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.onboarding-item > a { color: var(--primary); font-size: 9px; font-weight: 800; }
.preview-chat-panel { overflow: hidden; display: flex; flex-direction: column; min-height: 435px; }
.preview-live { display: flex; align-items: center; gap: 5px; color: #087c51; font-size: 8px; font-weight: 800; }
.preview-chat { min-height: 255px; max-height: 360px; padding: 22px; flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; background: linear-gradient(180deg, #f8f9fb, #f5f6f8); }
.preview-bubble { max-width: 83%; display: flex; align-items: flex-end; gap: 8px; }
.preview-bubble p { margin: 0; padding: 11px 13px; border-radius: 13px 13px 13px 4px; color: #344054; background: #fff; box-shadow: 0 2px 8px rgba(16,24,40,.05); font-size: 10px; line-height: 1.55; white-space: pre-wrap; }
.preview-bubble.user { align-self: flex-end; flex-direction: row-reverse; }
.preview-bubble.user p { color: #fff; border-radius: 13px 13px 4px 13px; background: var(--primary); }
.preview-bubble.typing p { padding: 13px 15px; letter-spacing: 3px; color: #98a2b3; }
.mini-agent-avatar { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 9px; display: grid; place-items: center; color: #fff; font-size: 7px; font-weight: 850; }
.preview-input { margin: 12px 14px 0; height: 45px; border: 1px solid var(--line-dark); border-radius: 12px; display: flex; align-items: center; background: #fff; }
.preview-input:focus-within { border-color: #3f7898; box-shadow: 0 0 0 4px rgba(23,74,114,.07); }
.preview-input input { height: 100%; padding: 0 10px 0 13px; border: 0; border-radius: inherit; box-shadow: none !important; font-size: 10px; }
.preview-input button { width: 36px; height: 36px; margin-right: 4px; border: 0; border-radius: 9px; display: grid; place-items: center; color: #fff; background: var(--primary); cursor: pointer; }
.preview-input button .icon { width: 15px; }
.preview-suggestions { padding: 9px 14px 14px; display: flex; gap: 7px; flex-wrap: wrap; }
.preview-suggestions button { min-height: 27px; padding: 0 9px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); background: #fff; font-size: 8px; cursor: pointer; }
.preview-suggestions button:hover { color: var(--primary); border-color: #d3dee5; }
.workspace-secondary-grid { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.summary-settings { padding: 8px 22px 20px; display: grid; grid-template-columns: 1fr 1fr; }
.summary-settings > div { min-height: 66px; padding: 12px 4px; display: flex; align-items: center; gap: 10px; }
.summary-settings > div > span { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.summary-settings > div > span .icon { width: 16px; }
.summary-settings p { margin: 0; }
.summary-settings small, .summary-settings strong { display: block; }
.summary-settings small { color: var(--muted); font-size: 8px; }
.summary-settings strong { margin-top: 2px; max-width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 9px; }
.compact-dialogues { padding: 5px 18px 14px; }
.compact-dialogues > a { min-height: 62px; padding: 8px 4px; border-bottom: 1px solid #eff1f5; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; }
.compact-dialogues > a:last-child { border-bottom: 0; }
.compact-dialogues strong, .compact-dialogues small { display: block; }
.compact-dialogues strong { font-size: 10px; }
.compact-dialogues small { max-width: 330px; margin-top: 2px; overflow: hidden; color: var(--muted); font-size: 8px; white-space: nowrap; text-overflow: ellipsis; }
.compact-dialogues time { color: #98a2b3; font-size: 8px; }
.settings-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; align-items: start; }
.settings-panel { overflow: hidden; }
.form-actions-sticky { min-height: 67px; padding: 14px 0 0; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.form-actions-sticky > span { color: var(--muted); font-size: 9px; }
.personality-preview { position: sticky; top: 90px; display: grid; gap: 14px; }
.preview-person-card, .preview-rule-card, .security-mini { border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.preview-person-card { padding: 28px; text-align: center; }
.preview-person-card .employee-avatar { margin: 0 auto; }
.preview-person-card h3 { margin: 14px 0 3px; font-size: 20px; }
.preview-person-card p { margin: 0 0 13px; color: var(--muted); font-size: 10px; }
.preview-person-card .status-pill { margin-inline: auto; }
.preview-rule-card { padding: 24px; }
.preview-rule-card p { margin: 14px 0 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.security-mini { padding: 17px; display: flex; align-items: center; gap: 11px; }
.security-mini > .icon { width: 23px; color: var(--green); }
.security-mini strong, .security-mini small { display: block; }
.security-mini strong { font-size: 10px; }
.security-mini small { margin-top: 2px; color: var(--muted); font-size: 8px; }

/* Telegram setup */
.telegram-setup-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; align-items: start; }
.telegram-connection-panel { overflow: hidden; }
.connection-status-head { padding: 27px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 48px 1fr auto; gap: 14px; align-items: center; }
.telegram-brand-icon { width: 47px; height: 47px; border-radius: 15px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #37a9e6, #2088c5); }
.telegram-brand-icon .icon { width: 24px; }
.connection-status-head h2 { margin: 7px 0 3px; font-size: 22px; letter-spacing: -.03em; }
.connection-status-head p { margin: 0; color: var(--muted); font-size: 10px; }
.connection-state { min-height: 27px; padding: 0 9px; border: 1px solid #e3e6ec; border-radius: 99px; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); background: #f8f9fb; white-space: nowrap; font-size: 8px; font-weight: 800; }
.connection-state.pending i { background: #df981d; box-shadow: 0 0 0 3px rgba(223,152,29,.1); }
.connection-state.connected { color: #087c51; border-color: #ccebdc; background: #effaf4; }
.connect-wizard { padding: 9px 27px 27px; }
.connect-step { position: relative; min-height: 135px; padding: 24px 0 24px 51px; border-bottom: 1px solid #edf0f3; display: grid; grid-template-columns: 1fr; }
.connect-step:last-child { border-bottom: 0; padding-bottom: 5px; }
.connect-step::before { content: ""; position: absolute; left: 15px; top: 57px; bottom: -25px; width: 1px; background: #e1e5eb; }
.connect-step:last-child::before { display: none; }
.connect-step > span { position: absolute; left: 0; top: 23px; width: 31px; height: 31px; border: 1px solid #dce0e7; border-radius: 9px; display: grid; place-items: center; color: var(--muted); background: #fff; font-size: 9px; font-weight: 850; }
.connect-step.active > span { color: #fff; border-color: var(--primary); background: var(--primary); box-shadow: 0 5px 15px rgba(23,74,114,.17); }
.connect-step.done > span { color: #fff; border-color: var(--green); background: var(--green); }
.connect-step > span .icon { width: 15px; }
.connect-step strong { font-size: 12px; }
.connect-step p { max-width: 650px; margin: 5px 0 14px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.connect-code-box { max-width: 440px; margin: 14px 0 11px; padding: 12px 13px; border: 1px dashed #c9cdd7; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; background: #fafbfc; }
.connect-code-box small, .connect-code-box strong { display: block; }
.connect-code-box small { color: var(--muted); font-size: 7px; font-weight: 850; letter-spacing: .13em; }
.connect-code-box strong { margin-top: 3px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 17px; letter-spacing: .08em; }
.connect-code-box button { width: 34px; height: 34px; border: 0; border-radius: 9px; display: grid; place-items: center; color: var(--muted); background: #fff; cursor: pointer; box-shadow: var(--shadow-xs); }
.connect-code-box button:hover { color: var(--primary); }
.connect-code-box button .icon { width: 16px; }
.manual-command code { padding: 3px 6px; border-radius: 5px; color: #164669; background: #eaf1f6; }
.permission-list { display: flex; gap: 8px; flex-wrap: wrap; }
.permission-list span { padding: 7px 9px; border: 1px solid #cdebdc; border-radius: 9px; display: inline-flex; align-items: center; gap: 6px; color: #087c51; background: #effaf4; font-size: 8px; font-weight: 750; }
.permission-list .icon { width: 12px; }
.telegram-info-side { position: sticky; top: 90px; display: grid; gap: 14px; }
.telegram-safety-card { padding: 25px; }
.telegram-safety-icon { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; color: var(--green); background: var(--green-soft); }
.telegram-safety-icon .icon { width: 23px; }
.telegram-safety-card h3 { margin: 18px 0 8px; font-size: 16px; }
.telegram-safety-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.channel-behavior { padding: 23px; }
.channel-behavior > h3 { margin: 0 0 12px; font-size: 14px; }
.channel-behavior > div { min-height: 59px; border-top: 1px solid #edf0f3; display: flex; align-items: center; gap: 10px; }
.channel-behavior > div > span { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.channel-behavior > div > span .icon { width: 16px; }
.channel-behavior p { margin: 0; }
.channel-behavior strong, .channel-behavior small { display: block; }
.channel-behavior strong { font-size: 9px; }
.channel-behavior small { color: var(--muted); font-size: 8px; }
.connected-account-card { margin: 25px 27px 14px; padding: 18px; border: 1px solid #cdebdc; border-radius: 14px; display: grid; grid-template-columns: 46px 1fr auto; gap: 12px; align-items: center; background: #f4fbf7; }
.connected-account-card small, .connected-account-card strong, .connected-account-card span { display: block; }
.connected-account-card small { color: #54816d; font-size: 7px; font-weight: 850; letter-spacing: .12em; }
.connected-account-card strong { margin-top: 2px; font-size: 12px; }
.connected-account-card > div > span { color: var(--muted); font-size: 8px; }
.connection-checks { display: grid; gap: 5px; }
.connection-checks span { display: flex; align-items: center; gap: 5px; color: #087c51; font-size: 8px; }
.connection-checks .icon { width: 12px; }
.telegram-actions-row { padding: 0 27px 27px; display: flex; gap: 9px; }

/* Knowledge */
.knowledge-tab-layout, .knowledge-page-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; align-items: start; }
.knowledge-list { padding: 5px 20px 15px; }
.knowledge-row { min-height: 100px; padding: 14px 4px; border-bottom: 1px solid #edf0f3; display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; }
.knowledge-row:last-child { border-bottom: 0; }
.knowledge-file-icon { width: 39px; height: 39px; border-radius: 11px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); }
.knowledge-file-icon .icon { width: 19px; }
.knowledge-row strong, .knowledge-row small { display: block; }
.knowledge-row strong { font-size: 11px; }
.knowledge-row small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.knowledge-row p { max-width: 760px; margin: 5px 0 0; color: #667085; font-size: 9px; line-height: 1.5; }
.knowledge-guide { position: sticky; top: 90px; padding: 25px; }
.knowledge-guide h3 { margin: 14px 0 18px; font-size: 19px; line-height: 1.3; letter-spacing: -.025em; }
.knowledge-guide ul { padding: 0; margin: 0; display: grid; gap: 10px; list-style: none; }
.knowledge-guide li { display: flex; gap: 7px; align-items: flex-start; color: #475467; font-size: 10px; }
.knowledge-guide li .icon { width: 14px; color: var(--green); margin-top: 1px; }
.knowledge-warning { margin-top: 22px; padding: 13px; border: 1px solid #f0dfb7; border-radius: 12px; display: flex; gap: 8px; color: #8a5b08; background: #fff9ec; }
.knowledge-warning .icon { width: 17px; }
.knowledge-warning p { margin: 0; font-size: 9px; line-height: 1.55; }
.add-knowledge-panel { overflow: hidden; }
.knowledge-principles { padding: 23px; }
.knowledge-principles h3 { margin: 0 0 14px; font-size: 14px; }
.principle-list { display: grid; gap: 12px; }
.principle-list > div { display: grid; grid-template-columns: 27px 1fr; gap: 9px; align-items: flex-start; }
.principle-list > div > span { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); font-size: 8px; font-weight: 850; }
.principle-list p { margin: 0; }
.principle-list strong, .principle-list small { display: block; }
.principle-list strong { font-size: 9px; }
.principle-list small { margin-top: 2px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.knowledge-library { margin-top: 18px; overflow: hidden; }
.knowledge-table { overflow-x: auto; }
.knowledge-table-head, .knowledge-table-row { min-width: 860px; display: grid; grid-template-columns: minmax(280px, 1.35fr) minmax(140px, .7fr) 90px 95px 100px 40px; gap: 12px; align-items: center; }
.knowledge-table-head { min-height: 38px; padding: 0 20px; color: #98a2b3; background: #fafbfc; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.knowledge-table-row { min-height: 76px; padding: 10px 20px; border-top: 1px solid #edf0f3; color: #475467; font-size: 9px; }
.knowledge-title-cell { display: grid; grid-template-columns: 37px 1fr; align-items: center; gap: 10px; }
.knowledge-title-cell > i { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); }
.knowledge-title-cell > i .icon { width: 18px; }
.knowledge-title-cell b, .knowledge-title-cell small { display: block; }
.knowledge-title-cell b { color: var(--ink); font-size: 10px; }
.knowledge-title-cell small { max-width: 380px; margin-top: 2px; overflow: hidden; color: var(--muted); font-size: 8px; white-space: nowrap; text-overflow: ellipsis; }

/* Conversations */
.conversations-page-panel, .conversations-tab-panel { overflow: hidden; }
.page-filter { display: flex; gap: 8px; }
.page-filter select { height: 38px; padding: 0 30px 0 11px; border: 1px solid var(--line); border-radius: 10px; color: #475467; background: #fff; font-size: 10px; }
.conversation-table { overflow-x: auto; }
.conversation-table-head, .conversation-table-row { min-width: 780px; display: grid; grid-template-columns: minmax(190px, .8fr) minmax(260px, 1.4fr) 90px 130px 20px; gap: 13px; align-items: center; }
.conversation-table-head { min-height: 39px; padding: 0 20px; color: #98a2b3; background: #fafbfc; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.conversation-table-row { min-height: 70px; padding: 10px 20px; border-top: 1px solid #edf0f3; color: #667085; font-size: 9px; }
.conversation-table-row:hover { background: #f7f9fa; }
.conversation-contact { display: flex; align-items: center; gap: 10px; }
.conversation-contact b, .conversation-contact small { display: block; }
.conversation-contact b { color: var(--ink); font-size: 10px; }
.conversation-contact small { margin-top: 2px; color: var(--muted); font-size: 8px; font-weight: 500; }
.conversation-snippet { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.conversation-table-row > .icon { width: 14px; color: #98a2b3; }
.conversation-page-head { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.conversation-page-head .back-link { color: var(--muted); font-size: 10px; font-weight: 750; }
.conversation-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.transcript-panel { min-height: 650px; overflow: hidden; }
.transcript-date { padding: 16px; text-align: center; color: #98a2b3; font-size: 8px; }
.transcript-list { padding: 8px 24px 30px; display: flex; flex-direction: column; gap: 14px; }
.transcript-message { max-width: 78%; }
.transcript-message.outgoing { align-self: flex-end; }
.transcript-message .bubble { padding: 12px 14px; border-radius: 15px 15px 15px 4px; color: #344054; background: #f3f4f7; font-size: 10px; line-height: 1.6; white-space: pre-wrap; }
.transcript-message.outgoing .bubble { color: #fff; border-radius: 15px 15px 4px 15px; background: var(--primary); }
.transcript-meta { margin-top: 4px; display: flex; gap: 7px; color: #98a2b3; font-size: 7px; }
.transcript-message.outgoing .transcript-meta { justify-content: flex-end; }
.conversation-side { position: sticky; top: 90px; display: grid; gap: 14px; }
.conversation-info-card { padding: 24px; text-align: center; }
.conversation-info-card .contact-avatar { margin: 0 auto; }
.conversation-info-card h3 { margin: 13px 0 3px; font-size: 16px; }
.conversation-info-card > p { margin: 0; color: var(--muted); font-size: 9px; }
.profile-rows { margin-top: 18px; padding-top: 8px; border-top: 1px solid var(--line); }
.profile-rows > div { min-height: 46px; border-bottom: 1px solid #edf0f3; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.profile-rows span { color: var(--muted); font-size: 8px; }
.profile-rows strong { text-align: right; font-size: 9px; }
.memory-card { padding: 22px; }
.memory-card h3 { margin: 0 0 9px; font-size: 13px; }
.memory-card p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.65; white-space: pre-wrap; }

/* Billing and settings */
.demo-mode-badge { min-height: 31px; padding: 0 10px; border: 1px solid #efdcb1; border-radius: 99px; display: inline-flex; align-items: center; gap: 6px; color: #895c0b; background: #fff9eb; font-size: 9px; font-weight: 750; }
.demo-mode-badge .icon { width: 14px; }
.checkout-banner { margin-bottom: 18px; padding: 18px 20px; border: 1px solid #d5e0e6; border-radius: 17px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: linear-gradient(90deg, #f3f7fa, #fff); }
.checkout-banner > div { display: flex; align-items: center; gap: 13px; }
.checkout-banner h2 { margin: 4px 0 1px; font-size: 16px; }
.checkout-banner p { margin: 0; color: var(--muted); font-size: 10px; }
.billing-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; align-items: start; }
.subscriptions-panel { overflow: hidden; }
.subscription-list { padding: 4px 18px 14px; }
.subscription-row { min-height: 76px; padding: 10px 3px; border-bottom: 1px solid #edf0f3; display: grid; grid-template-columns: 42px minmax(130px, 1fr) auto 95px 125px auto; gap: 11px; align-items: center; }
.subscription-row:last-child { border-bottom: 0; }
.subscription-main strong, .subscription-main small, .subscription-price strong, .subscription-price small, .subscription-date span, .subscription-date strong { display: block; }
.subscription-main strong { font-size: 10px; }
.subscription-main small { color: var(--muted); font-size: 8px; }
.subscription-price { text-align: right; }
.subscription-price strong { font-size: 12px; }
.subscription-price small { color: var(--muted); font-size: 8px; }
.subscription-date span { color: var(--muted); font-size: 7px; }
.subscription-date strong { margin-top: 2px; font-size: 9px; }
.billing-side, .settings-side { position: sticky; top: 90px; display: grid; gap: 14px; }
.payment-method-card { padding-bottom: 18px; overflow: hidden; }
.payment-placeholder { margin: 17px; padding: 14px; border: 1px dashed #d5d9e2; border-radius: 12px; display: flex; align-items: center; gap: 10px; background: #fafbfc; }
.payment-placeholder > span { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.payment-placeholder > span .icon { width: 18px; }
.payment-placeholder strong, .payment-placeholder small { display: block; }
.payment-placeholder strong { font-size: 9px; }
.payment-placeholder small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.payment-method-card > .btn { width: calc(100% - 34px); margin-inline: 17px; }
.billing-summary { padding: 22px; }
.billing-summary h3 { margin: 0 0 12px; font-size: 13px; }
.billing-summary > div { min-height: 42px; border-bottom: 1px solid #edf0f3; display: flex; align-items: center; justify-content: space-between; font-size: 9px; }
.billing-summary > div span { color: var(--muted); }
.billing-summary .summary-total { min-height: 61px; border-bottom: 0; }
.billing-summary .summary-total strong { font-size: 22px; letter-spacing: -.03em; }
.billing-summary > p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.55; }
.billing-legal-note, .admin-warning { margin-top: 18px; padding: 15px 17px; border: 1px solid #e2e5ec; border-radius: 14px; display: flex; align-items: flex-start; gap: 10px; color: #475467; background: #fbfcfd; }
.billing-legal-note > .icon, .admin-warning > .icon { width: 20px; color: var(--primary); }
.billing-legal-note p, .admin-warning p { margin: 0; }
.billing-legal-note strong, .billing-legal-note span, .admin-warning strong, .admin-warning span { display: block; }
.billing-legal-note strong, .admin-warning strong { font-size: 10px; }
.billing-legal-note span, .admin-warning span { margin-top: 2px; color: var(--muted); font-size: 9px; }
.settings-page-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.profile-avatar-editor { padding: 4px 0 22px; display: flex; align-items: center; gap: 13px; }
.profile-avatar-editor strong, .profile-avatar-editor small { display: block; }
.profile-avatar-editor strong { font-size: 12px; }
.profile-avatar-editor small { color: var(--muted); font-size: 9px; }
.account-card, .danger-zone { padding: 22px; }
.account-card h3, .danger-zone h3 { margin: 0 0 13px; font-size: 13px; }
.account-card > div { min-height: 43px; border-bottom: 1px solid #edf0f3; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.account-card > div:last-child { border-bottom: 0; }
.account-card span { color: var(--muted); font-size: 8px; }
.account-card strong { text-align: right; font-size: 9px; }
.success-text { color: var(--green); }
.danger-zone { border-color: #f2d5d2; }
.danger-zone p { margin: 0 0 15px; color: var(--muted); font-size: 9px; line-height: 1.6; }

/* Admin */
.admin-user-table { overflow-x: auto; }
.admin-user-head, .admin-user-row { min-width: 780px; display: grid; grid-template-columns: minmax(230px, 1.2fr) minmax(150px, .8fr) 80px 120px 90px; gap: 12px; align-items: center; }
.admin-user-head { min-height: 39px; padding: 0 20px; color: #98a2b3; background: #fafbfc; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.admin-user-row { min-height: 68px; padding: 10px 20px; border-top: 1px solid #edf0f3; color: #475467; font-size: 9px; }
.admin-users-panel { overflow: hidden; }

/* Toasts and UI states */
.toast-stack { position: fixed; z-index: 200; right: 20px; bottom: 20px; width: min(360px, calc(100% - 40px)); display: grid; gap: 9px; pointer-events: none; }
.toast { padding: 13px 14px; border: 1px solid #dfe3ea; border-radius: 13px; display: grid; grid-template-columns: 22px 1fr; gap: 9px; align-items: start; color: #344054; background: rgba(255,255,255,.96); box-shadow: var(--shadow-md); backdrop-filter: blur(15px); animation: toast-in .24s ease both; }
.toast.success { border-color: #ccebdc; }
.toast.error { border-color: #f5cbc7; }
.toast > .icon { width: 18px; color: var(--primary); }
.toast.success > .icon { color: var(--green); }
.toast.error > .icon { color: var(--red); }
.toast strong, .toast small { display: block; }
.toast strong { font-size: 10px; }
.toast small { margin-top: 2px; color: var(--muted); font-size: 8px; line-height: 1.45; }
@keyframes toast-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
.is-loading { pointer-events: none; opacity: .7; }
[hidden] { display: none !important; }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 1180px) {
  :root { --sidebar: 230px; }
  .agent-card-grid { grid-template-columns: repeat(3, 1fr); }
  .hero-grid { gap: 45px; }
  .hero-product { min-height: 560px; }
  .dashboard-main { padding-inline: 25px; }
  .employee-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .subscription-row { grid-template-columns: 42px minmax(130px, 1fr) auto 90px auto; }
  .subscription-date { display: none; }
}
@media (max-width: 1024px) {
  .section { padding: 88px 0; }
  .site-nav { gap: 22px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 760px; text-align: center; margin-inline: auto; }
  .hero-copy h1, .hero-lead { margin-inline: auto; }
  .hero-actions, .hero-proof { justify-content: center; }
  .hero-product { width: min(100%, 820px); min-height: auto; margin: 30px auto 0; }
  .floating-dialog { left: 15px; }
  .floating-control { right: 15px; }
  .signal-grid { grid-template-columns: repeat(2, 1fr); gap: 18px 0; }
  .signal-grid > div:nth-child(2) { border-right: 0; }
  .signal-grid > div:nth-child(3) { padding-left: 0; }
  .agent-card-grid { grid-template-columns: repeat(2, 1fr); }
  .split-heading { grid-template-columns: 1fr; gap: 10px; }
  .workflow-grid, .human-grid, .control-section .container, .safety-grid { grid-template-columns: 1fr; gap: 55px; }
  .safety-grid h2 { font-size: 44px; }
  .auth-main { grid-template-columns: 1fr; }
  .auth-aside { display: none; }
  .dashboard-shell { display: block; }
  .dashboard-content { margin-left: 0; }
  .dashboard-sidebar { transform: translateX(-102%); transition: transform .24s ease; box-shadow: var(--shadow-lg); }
  .dashboard-sidebar.is-open { transform: translateX(0); }
  .sidebar-close, .dashboard-menu { display: inline-flex; }
  .sidebar-overlay { position: fixed; inset: 0; z-index: 70; display: block; opacity: 0; pointer-events: none; background: rgba(16,24,40,.38); backdrop-filter: blur(2px); transition: opacity .2s ease; }
  .sidebar-overlay.is-open { opacity: 1; pointer-events: auto; }
  .dashboard-grid-main, .workspace-overview-grid, .settings-layout, .telegram-setup-layout, .knowledge-tab-layout, .knowledge-page-grid, .billing-layout, .settings-page-grid, .conversation-detail-grid { grid-template-columns: 1fr; }
  .personality-preview, .telegram-info-side, .knowledge-guide, .billing-side, .settings-side, .conversation-side { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hire-wizard-grid { grid-template-columns: 280px minmax(0,1fr); }
}
@media (max-width: 760px) {
  .container { width: min(calc(100% - 30px), var(--container)); }
  .section { padding: 70px 0; }
  .site-header { height: 66px; }
  .site-nav { position: fixed; z-index: 60; left: 15px; right: 15px; top: 72px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; display: none; flex-direction: column; align-items: stretch; gap: 2px; background: #fff; box-shadow: var(--shadow-md); }
  .site-nav.is-open { display: flex; }
  .site-nav a { padding: 12px; border-radius: 9px; }
  .site-nav a::after { display: none; }
  .site-nav a:hover { background: #f5f6f9; }
  .header-login { display: none; }
  .header-actions .btn { min-height: 40px; padding: 0 13px; font-size: 12px; }
  .mobile-nav-button { display: inline-flex; order: 3; }
  .hero-section { padding: 58px 0 70px; }
  .hero-copy h1 { font-size: clamp(44px, 13vw, 62px); }
  .hero-lead { font-size: 16px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; }
  .hero-window { transform: none; }
  .window-body { height: 390px; }
  .window-sidebar { display: none; }
  .team-panel { padding: 20px 16px; }
  .floating-card { display: none; }
  .signal-grid { grid-template-columns: 1fr; gap: 0; }
  .signal-grid > div { min-height: 70px; padding: 10px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .signal-grid > div:last-child { border-bottom: 0; }
  .agent-card-grid, .safety-cards { grid-template-columns: 1fr; }
  .agent-card { min-height: auto; }
  .workflow-steps { grid-template-columns: 1fr; }
  .pricing-preview { padding-inline: 18px; }
  .final-cta-inner { padding: 55px 24px; }
  .final-actions { flex-direction: column; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .legal-grid { grid-template-columns: 1fr; gap: 20px; }
  .legal-grid aside { display: none; }
  .legal-hero h1 { font-size: 44px; }
  .auth-topbar { height: 66px; padding: 0 17px; }
  .auth-main { padding-top: 66px; }
  .auth-card { padding: 45px 20px; }
  .two-fields { grid-template-columns: 1fr; }
  .dashboard-topbar { height: 60px; padding: 0 15px; }
  .dashboard-main { padding: 26px 15px 60px; }
  .page-head { flex-direction: column; align-items: stretch; }
  .page-head .btn { width: 100%; }
  .page-head h1 { font-size: 36px; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .stat-card { min-height: 102px; padding: 15px; }
  .stat-icon { width: 37px; height: 37px; }
  .dashboard-agent-row { grid-template-columns: 40px 1fr 18px; }
  .dashboard-agent-row .channel-pill, .dashboard-agent-row .status-pill { display: none; }
  .employee-grid { grid-template-columns: 1fr; }
  .hire-wizard-grid { grid-template-columns: 1fr; }
  .hire-role-selector { position: static; }
  .role-selector-list { grid-template-columns: 1fr 1fr; }
  .hire-config-head, .wizard-submit { align-items: flex-start; flex-direction: column; }
  .wizard-submit .btn { width: 100%; }
  .form-grid.two, .language-checks, .billing-choice { grid-template-columns: 1fr; }
  .agent-workspace-head { align-items: flex-start; flex-direction: column; }
  .workspace-agent-actions { width: 100%; }
  .workspace-agent-actions form, .workspace-agent-actions .btn { flex: 1; }
  .workspace-agent-actions .btn { width: 100%; }
  .identity-line { align-items: flex-start; flex-direction: column; gap: 5px; }
  .workspace-tabs { gap: 21px; }
  .workspace-secondary-grid { grid-template-columns: 1fr; }
  .summary-settings { grid-template-columns: 1fr; }
  .personality-preview, .telegram-info-side, .knowledge-guide, .billing-side, .settings-side, .conversation-side { grid-template-columns: 1fr; }
  .connection-status-head { grid-template-columns: 45px 1fr; }
  .connection-state { grid-column: 1 / -1; }
  .connected-account-card { grid-template-columns: 45px 1fr; }
  .connection-checks { grid-column: 1 / -1; }
  .subscription-row { min-width: 650px; }
  .subscriptions-panel { overflow-x: auto; }
  .settings-page-grid { grid-template-columns: 1fr; }
  .form-actions-sticky { align-items: stretch; flex-direction: column; }
  .form-actions-sticky .btn { width: 100%; }
}
@media (max-width: 480px) {
  .header-actions .btn { display: none; }
  .hero-copy h1 { font-size: 42px; }
  .hero-proof { align-items: flex-start; }
  .window-body { height: 340px; }
  .team-person { grid-template-columns: 38px 1fr auto; }
  .team-person .channel-pill { display: none; }
  .section-heading h2, .split-heading h2 { font-size: 36px; }
  .footer-main { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr; }
  .stat-card { min-height: 90px; }
  .role-selector-list { grid-template-columns: 1fr; }
  .hire-config-head { padding: 22px 18px; }
  .form-section { padding: 24px 18px; }
  .wizard-submit { padding: 17px 18px; }
  .employee-card { padding: 20px; }
  .workspace-agent-identity { align-items: flex-start; }
  .employee-avatar.large { width: 56px; height: 56px; }
  .identity-line h1 { font-size: 29px; }
  .preview-suggestions { display: none; }
  .telegram-actions-row { flex-direction: column; }
  .telegram-actions-row .btn, .telegram-actions-row form { width: 100%; }
}

/* Release hardening */
:focus-visible { outline: 3px solid rgba(23, 74, 114, .32); outline-offset: 3px; }
html, body { overflow-x: hidden; }
@media (max-width: 1024px) {
  .control-card { min-height: auto; padding: 60px; grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .control-copy, .control-console { min-width: 0; }
}
@media (max-width: 760px) {
  .control-card { padding: 34px 24px; border-radius: 24px; }
  .control-copy h2 { font-size: 36px; }
  .control-console { width: 100%; padding: 18px; }
  .console-rule { align-items: flex-start; gap: 12px; }
  .console-rule > div { min-width: 0; }
  .console-rule small { overflow-wrap: anywhere; }
  .pricing-compact { grid-template-columns: 1fr; }
  .pricing-compact > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .pricing-compact > .btn { width: calc(100% - 24px); margin: 12px; }
}
@media (max-width: 480px) {
  .control-card { padding: 28px 18px; }
  .control-copy h2 { font-size: 33px; }
  .console-agent { flex-wrap: wrap; }
  .console-agent > div { min-width: 120px; }
  .pause-button { margin-left: 48px; }
}
@media (max-width: 760px) {
  .final-cta-inner { align-items: flex-start; flex-direction: column; }
  .final-actions { width: 100%; align-items: stretch; }
  .final-actions .btn { width: 100%; }
  .final-actions > span { text-align: center; }
}

.notice-banner { margin: -4px 0 20px; padding: 15px 18px; border: 1px solid var(--line); border-radius: 14px; display: flex; align-items: flex-start; gap: 12px; background: #fff; }
.notice-banner > .icon { width: 20px; }
.notice-banner strong, .notice-banner small { display: block; }
.notice-banner strong { font-size: 12px; }
.notice-banner small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.success-banner { border-color: #c8ead9; background: #f0fbf5; }
.success-banner > .icon { color: var(--green); }
.warning-banner { border-color: #f2dfb8; background: #fffaf0; }
.warning-banner > .icon { color: var(--amber); }
.admin-payment-panel { margin-bottom: 20px; overflow: hidden; }
.admin-payment-list { display: grid; }
.admin-payment-row { min-height: 78px; padding: 14px 20px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 42px minmax(180px,1fr) 100px 130px auto; gap: 14px; align-items: center; }
.admin-payment-row > div:nth-child(2) strong, .admin-payment-row > div:nth-child(2) small, .payment-request-amount strong, .payment-request-amount small { display: block; }
.admin-payment-row > div:nth-child(2) strong { font-size: 11px; }
.admin-payment-row > div:nth-child(2) small, .payment-request-amount small, .admin-payment-row > span { color: var(--muted); font-size: 9px; }
.payment-request-amount strong { font-size: 14px; }
.admin-payment-actions { display: flex; gap: 7px; justify-content: flex-end; }
@media (max-width: 760px) {
  .checkout-banner { align-items: flex-start; flex-direction: column; }
  .checkout-banner > form, .checkout-banner > form .btn, .checkout-banner > .btn { width: 100%; }
  .admin-payment-panel { overflow-x: auto; }
  .admin-payment-list { min-width: 760px; }
}

/* Pricing page responsive layout */
.pricing-number { white-space: nowrap; }
@media (max-width: 1024px) {
  .pricing-role-row { grid-template-columns: minmax(0, 1fr) 120px 110px; gap: 18px; }
  .pricing-included { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .faq-grid { grid-template-columns: 1fr; gap: 36px; }
  .faq-grid > div:first-child { max-width: 620px; }
}
@media (max-width: 760px) {
  .pricing-table-section { padding: 18px 0 70px; }
  .pricing-role-list { border-radius: 18px; }
  .pricing-role-row { grid-template-columns: minmax(0, 1fr) auto; gap: 15px 12px; padding: 20px 18px; }
  .pricing-role-main { grid-column: 1 / -1; align-items: flex-start; }
  .pricing-role-main p { max-width: 34rem; }
  .pricing-included { grid-column: 1 / -1; grid-row: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
  .pricing-number { grid-column: 1; }
  .pricing-number strong { font-size: 25px; }
  .pricing-role-row > .btn { grid-column: 2; min-width: 104px; }
  .pricing-note { align-items: flex-start; flex-direction: column; gap: 12px; }
  .faq-grid h2 { font-size: 40px; }
}
@media (max-width: 480px) {
  .pricing-role-row { grid-template-columns: 1fr; }
  .pricing-included { grid-template-columns: 1fr; }
  .pricing-number, .pricing-role-row > .btn { grid-column: 1; }
  .pricing-role-row > .btn { width: 100%; }
  .faq-grid h2 { font-size: 36px; }
  .faq-list summary { min-height: 64px; gap: 16px; font-size: 13px; }
  .faq-list details p { margin-right: 0; }
}

/* LYNQ Agents 1.1 — premium public homepage */
:root {
  --bg: #f6f7f7;
  --surface: #ffffff;
  --surface-2: #f0f3f4;
  --ink: #0f1720;
  --ink-2: #33414d;
  --muted: #68747f;
  --line: #e1e6e8;
  --line-dark: #cfd7da;
  --primary: #174a72;
  --primary-dark: #103653;
  --primary-soft: #eaf1f6;
  --navy: #0b1722;
  --gold: #b1844f;
  --gold-dark: #916a3d;
  --gold-soft: #f5eee5;
  --green: #17785a;
  --green-soft: #e9f5f0;
  --shadow-sm: 0 12px 30px rgba(15, 23, 32, .06);
  --shadow-md: 0 24px 60px rgba(15, 23, 32, .10);
  --shadow-lg: 0 38px 100px rgba(15, 23, 32, .14);
  --container: 1240px;
}
body { background: #fff; }
.section-kicker, .page-eyebrow { color: var(--primary); }
.section-kicker.light { color: #d8bd97; }
.brand-mark { border-radius: 9px; background: var(--navy); }
.brand-mark span { background: var(--gold); }
.brand-name b { color: #526271; font-weight: 700; }
.brand-light .brand-name b { color: #c7d1d7; }
.brand-light .brand-mark span { background: var(--gold); }
.btn-primary { background: var(--primary); box-shadow: 0 12px 26px rgba(23,74,114,.18); }
.btn-primary:hover { background: var(--primary-dark); box-shadow: 0 16px 34px rgba(23,74,114,.24); }
.btn-soft:hover { border-color: #bfcbd2; background: #f8fafb; }
.btn-quiet { color: var(--ink); border-color: #cfd7da; background: rgba(255,255,255,.72); box-shadow: none; }
.btn-quiet:hover { border-color: #98a8b2; background: #fff; }
.btn-gold { color: #101820; background: #d7b37f; box-shadow: 0 14px 28px rgba(177,132,79,.22); }
.btn-gold:hover { background: #e1c291; box-shadow: 0 18px 36px rgba(177,132,79,.28); }
:focus-visible { outline-color: rgba(23,74,114,.32); }

.site-header { height: 78px; background: rgba(255,255,255,.90); border-color: rgba(216,223,226,.88); }
.site-nav a { color: #53616d; }
.site-nav a::after { background: var(--gold); }
.header-login:hover { color: var(--primary); }
.site-footer { background: #0a141e; }

.premium-hero { position: relative; padding: 82px 0 72px; overflow: hidden; background: linear-gradient(180deg, #faf9f6 0%, #f4f5f4 100%); }
.premium-hero::before { content: ""; position: absolute; inset: 0; opacity: .38; pointer-events: none; background-image: linear-gradient(rgba(15,23,32,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,32,.035) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000, transparent 82%); }
.premium-hero::after { content: ""; position: absolute; width: 620px; height: 620px; right: -250px; top: -260px; border: 1px solid rgba(177,132,79,.20); border-radius: 50%; box-shadow: 0 0 0 80px rgba(177,132,79,.035), 0 0 0 160px rgba(23,74,114,.025); }
.premium-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: .92fr 1.08fr; gap: 78px; align-items: center; }
.premium-hero-copy { padding: 22px 0 14px; }
.availability-note { width: max-content; display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid #d8d3c9; border-radius: 999px; color: #41505c; background: rgba(255,255,255,.66); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.availability-note > span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(23,120,90,.10); }
.premium-hero h1 { max-width: 720px; margin: 24px 0 24px; font-size: clamp(50px, 5.25vw, 76px); line-height: .99; letter-spacing: -.058em; font-weight: 760; }
.premium-hero h1 em { display: block; margin-top: 6px; color: var(--primary); font-style: normal; }
.premium-hero-copy > p { max-width: 655px; margin: 0; color: #56636e; font-size: 18px; line-height: 1.72; }
.premium-hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.hero-commercial-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 38px; padding-top: 22px; border-top: 1px solid #d9dedf; }
.hero-commercial-facts > span { min-width: 0; padding-right: 16px; }
.hero-commercial-facts > span + span { padding-left: 18px; border-left: 1px solid #d9dedf; }
.hero-commercial-facts strong, .hero-commercial-facts small { display: block; }
.hero-commercial-facts strong { color: #18232c; font-size: 13px; letter-spacing: -.01em; }
.hero-commercial-facts small { margin-top: 4px; color: #7a858e; font-size: 10px; line-height: 1.4; }

.employee-stage { position: relative; min-height: 620px; padding: 22px; border: 1px solid rgba(198,205,207,.92); border-radius: 28px; background: linear-gradient(155deg, #f9faf9 0%, #edf1f2 100%); box-shadow: var(--shadow-lg); overflow: hidden; }
.employee-stage::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 85% 5%, rgba(177,132,79,.15), transparent 32%), linear-gradient(115deg, transparent 48%, rgba(255,255,255,.62) 49%, transparent 50%); pointer-events: none; }
.stage-topline { position: relative; z-index: 1; height: 32px; display: flex; align-items: center; gap: 10px; color: #7d8991; font-size: 8px; font-weight: 800; letter-spacing: .10em; }
.stage-topline strong { margin-left: auto; color: #34424d; font-size: 9px; letter-spacing: 0; }
.stage-topline i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(23,120,90,.10); }
.employee-profile-card { position: relative; z-index: 2; width: 78%; padding: 23px; border: 1px solid #dbe1e3; border-radius: 20px; background: rgba(255,255,255,.94); box-shadow: 0 20px 50px rgba(15,23,32,.09); }
.profile-card-head { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 14px; align-items: center; }
.employee-photo { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #1f567d, #0d2d46); font-size: 17px; font-weight: 850; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.profile-card-head small { color: var(--gold-dark); font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.profile-card-head h3 { margin: 4px 0 2px; font-size: 23px; line-height: 1; letter-spacing: -.035em; }
.profile-card-head p { margin: 0; color: #7a858e; font-size: 10px; }
.working-state { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid #cfe4db; border-radius: 999px; color: #176247; background: #eef8f3; font-size: 8px; font-weight: 800; }
.working-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.profile-capabilities { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 20px; }
.profile-capabilities span { min-height: 55px; padding: 9px; border: 1px solid #e2e7e9; border-radius: 11px; display: flex; flex-direction: column; justify-content: center; gap: 6px; color: #4b5a65; background: #fafbfb; font-size: 8px; font-weight: 700; }
.profile-capabilities .icon { width: 15px; height: 15px; color: var(--primary); }
.profile-rule { margin-top: 14px; padding: 13px 14px; border-left: 3px solid var(--gold); border-radius: 0 10px 10px 0; background: var(--gold-soft); }
.profile-rule small { color: var(--gold-dark); font-size: 7px; font-weight: 850; letter-spacing: .11em; }
.profile-rule p { margin: 4px 0 0; color: #5b5145; font-size: 9px; line-height: 1.55; }
.live-conversation-card { position: relative; z-index: 3; width: 76%; margin: -10px 0 0 auto; border: 1px solid #d8dfe2; border-radius: 20px; overflow: hidden; background: #fff; box-shadow: 0 24px 58px rgba(15,23,32,.15); }
.conversation-head { min-height: 60px; padding: 12px 15px; border-bottom: 1px solid #e7ebed; display: flex; align-items: center; gap: 10px; }
.telegram-mark { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: #fff; background: #269bd8; }
.telegram-mark .icon { width: 18px; }
.conversation-head > div { flex: 1; }
.conversation-head strong, .conversation-head small { display: block; }
.conversation-head strong { font-size: 11px; }
.conversation-head small { margin-top: 2px; color: #84909a; font-size: 8px; }
.live-label { padding: 5px 7px; border-radius: 999px; color: #176247; background: #e9f5f0; font-size: 7px; font-weight: 850; letter-spacing: .08em; }
.conversation-body { min-height: 230px; padding: 18px; background: #eef2f3; }
.message-bubble { width: max-content; max-width: 78%; margin-bottom: 8px; padding: 9px 11px; border-radius: 13px; color: #26343e; font-size: 9px; line-height: 1.45; box-shadow: 0 1px 2px rgba(15,23,32,.08); }
.message-bubble.incoming { margin-right: auto; border-bottom-left-radius: 4px; background: #fff; }
.message-bubble.outgoing { margin-left: auto; border-bottom-right-radius: 4px; background: #dff2e8; }
.conversation-typing { width: max-content; margin-left: auto; padding: 7px 9px; border-radius: 12px 12px 4px 12px; display: flex; align-items: center; gap: 3px; color: #799087; background: #dff2e8; font-size: 7px; }
.conversation-typing i { width: 4px; height: 4px; border-radius: 50%; background: #6f8b80; animation: typing 1.1s infinite ease-in-out; }
.conversation-typing i:nth-child(2) { animation-delay: .15s; }.conversation-typing i:nth-child(3) { animation-delay: .3s; }.conversation-typing span { margin-left: 4px; }
.stage-handoff { position: absolute; z-index: 4; left: 26px; bottom: 23px; width: 235px; padding: 12px 14px; border: 1px solid #d5dce0; border-radius: 14px; display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.96); box-shadow: var(--shadow-md); }
.stage-handoff > span { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; color: var(--gold-dark); background: var(--gold-soft); }
.stage-handoff .icon { width: 16px; }.stage-handoff strong,.stage-handoff small { display: block; }.stage-handoff strong { font-size: 10px; }.stage-handoff small { margin-top: 2px; color: #7a858e; font-size: 8px; }

.role-band { border-top: 1px solid #e3e7e8; border-bottom: 1px solid #e3e7e8; background: #fff; }
.role-band-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.role-band-label { color: #7b858d; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.role-band-list { display: flex; align-items: center; gap: 18px; color: #3c4a55; font-size: 12px; font-weight: 700; }
.role-band-list i { width: 3px; height: 3px; border-radius: 50%; background: var(--gold); }

.sales-heading { display: grid; grid-template-columns: 1.15fr .65fr; gap: 86px; align-items: end; }
.sales-heading h2 { max-width: 780px; margin: 14px 0 0; font-size: clamp(42px,4.5vw,64px); line-height: 1.02; letter-spacing: -.05em; }
.sales-heading > p { margin: 0 0 4px; color: var(--muted); font-size: 17px; line-height: 1.72; }
.value-section { background: #fff; }
.value-grid { display: grid; grid-template-columns: 1.18fr repeat(3, 1fr); border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: #fff; }
.value-card { position: relative; min-height: 335px; padding: 31px 27px; border-left: 1px solid var(--line); display: flex; flex-direction: column; }
.value-card:first-child { border-left: 0; }
.value-card-main { color: #fff; background: #102b41; }
.value-card-main::after { content: ""; position: absolute; width: 190px; height: 190px; right: -95px; bottom: -95px; border: 1px solid rgba(215,179,127,.22); border-radius: 50%; box-shadow: 0 0 0 44px rgba(215,179,127,.035), 0 0 0 88px rgba(255,255,255,.02); }
.value-number { color: #99a4ab; font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.value-card-main .value-number { color: #8fa8b8; }
.value-icon { width: 44px; height: 44px; margin-top: 35px; border-radius: 13px; display: grid; place-items: center; color: var(--primary); background: var(--primary-soft); }
.value-card-main .value-icon { color: #e3c28f; background: rgba(215,179,127,.10); }
.value-icon .icon { width: 21px; }
.value-card h3 { margin: 23px 0 11px; font-size: 21px; line-height: 1.15; letter-spacing: -.025em; }
.value-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.value-card-main p { color: #b6c2ca; }
.value-caption { margin-top: auto; padding-top: 20px; color: #d7b37f; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.hiring-section { background: #f2f4f4; }
.hiring-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; align-items: center; }
.hiring-copy h2 { margin: 14px 0 22px; font-size: clamp(42px,4.5vw,62px); line-height: 1.03; letter-spacing: -.05em; }
.hiring-copy p { margin: 0 0 28px; color: var(--muted); font-size: 17px; line-height: 1.72; }
.comparison-panel { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #dbe1e3; border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-sm); }
.comparison-column { min-height: 475px; padding: 34px 31px; }
.muted-column { background: #fff; }
.lynq-column { color: #fff; background: #102b41; }
.comparison-label { display: inline-flex; padding: 6px 8px; border-radius: 999px; color: #74808a; background: #f1f3f4; font-size: 8px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.lynq-column .comparison-label { color: #e3c28f; background: rgba(215,179,127,.11); }
.comparison-column h3 { margin: 19px 0 27px; font-size: 24px; line-height: 1.15; letter-spacing: -.03em; }
.comparison-column ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 17px; }
.comparison-column li { display: flex; align-items: center; gap: 11px; color: #64717b; font-size: 12px; }
.comparison-column li > span { width: 28px; height: 28px; flex: 0 0 28px; border: 1px solid #dce2e4; border-radius: 8px; display: grid; place-items: center; color: #8a959d; font-size: 8px; font-weight: 850; }
.lynq-column li { color: #d1d9de; }
.lynq-column li > span { color: #e3c28f; border-color: rgba(215,179,127,.22); background: rgba(215,179,127,.08); }
.lynq-column li .icon { width: 14px; }
.comparison-price { margin-top: 36px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); }
.comparison-price small { display: block; color: #8fa6b5; font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.comparison-price strong { display: block; margin-top: 7px; color: #fff; font-size: 28px; letter-spacing: -.04em; }.comparison-price strong span { color: #9eb0bc; font-size: 10px; font-weight: 600; letter-spacing: 0; }

.premium-catalog-section { background: #fff; }
.premium-agent-grid { gap: 15px; }
.premium-agent-card { min-height: 435px; padding: 27px; border-color: #e0e5e7; border-radius: 20px; box-shadow: none; }
.premium-agent-card::before { opacity: .62; }
.premium-agent-card:hover { transform: translateY(-4px); border-color: #bdc9cf; box-shadow: 0 20px 45px rgba(15,23,32,.08); }
.premium-agent-card .agent-icon { width: 45px; height: 45px; border-radius: 13px; }
.premium-agent-card .popular-badge { color: var(--gold-dark); background: var(--gold-soft); }
.premium-agent-card h3 { font-size: 24px; }
.premium-agent-card .agent-card-bottom > span:first-child small { display: block; color: #8a959d; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.premium-agent-card .circle-arrow { border-color: #d8dfe2; }
.catalog-bottom-action { margin-top: 28px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 16px; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #f8f9f9; }
.catalog-bottom-action strong,.catalog-bottom-action span { display: block; }.catalog-bottom-action strong { font-size: 13px; }.catalog-bottom-action span { margin-top: 3px; color: var(--muted); font-size: 11px; }
.agent-navy::before { background: radial-gradient(circle, #e6eef3, transparent 68%); }
.agent-navy .agent-icon { color: #174a72; background: #eaf1f6; }
.avatar-navy, .agent-bg-navy { background: linear-gradient(145deg, #245e84, #103653) !important; }

.conversation-section { background: #f2f4f4; }
.conversation-grid { display: grid; grid-template-columns: 1fr .92fr; gap: 100px; align-items: center; }
.conversation-showcase { position: relative; min-height: 660px; border: 1px solid #dce2e4; border-radius: 28px; display: grid; place-items: center; background: linear-gradient(145deg,#e8edef,#f8f8f6); overflow: hidden; }
.conversation-showcase::before { content: ""; position: absolute; width: 440px; height: 440px; left: -170px; top: -150px; border: 1px solid rgba(177,132,79,.18); border-radius: 50%; box-shadow: 0 0 0 65px rgba(177,132,79,.035),0 0 0 130px rgba(23,74,114,.025); }
.phone-shell { position: relative; z-index: 2; width: 342px; height: 604px; border: 8px solid #101b24; border-radius: 41px; overflow: hidden; background: #eef2f3; box-shadow: 0 30px 70px rgba(15,23,32,.22); }
.phone-top { height: 28px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; background: #fff; font-size: 8px; font-weight: 800; }.phone-top > i { width: 70px; height: 18px; border-radius: 0 0 12px 12px; background: #101b24; }.phone-top > div { display:flex;gap:3px; }.phone-top > div span { width:4px;height:4px;border-radius:50%;background:#26343e; }
.phone-contact { height: 61px; padding: 8px 12px; display: flex; align-items: center; gap: 9px; background: #fff; }.phone-contact > span { color:#3495ce;font-size:27px; }.phone-contact > div { flex:1; }.phone-contact strong,.phone-contact small { display:block; }.phone-contact strong { font-size:12px; }.phone-contact small { color:#4795bf;font-size:8px; }.phone-contact b { color:#3495ce;font-size:10px;letter-spacing:2px; }
.phone-avatar { width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#174a72;font-size:11px;font-style:normal;font-weight:850; }
.phone-chat { position:relative;height:464px;padding:34px 9px 12px;background:linear-gradient(rgba(225,234,237,.91),rgba(225,234,237,.91)),radial-gradient(circle,#9eb0b8 1px,transparent 1px);background-size:auto,15px 15px; }
.chat-day { position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:3px 8px;border-radius:99px;color:#fff;background:rgba(90,111,122,.58);font-size:7px;font-weight:750; }
.phone-message { width:max-content;max-width:262px;margin-bottom:6px;padding:8px 10px;border-radius:13px;font-size:10px;line-height:1.45;box-shadow:0 1px 2px rgba(15,23,32,.10); }.phone-message.incoming { margin-right:auto;border-bottom-left-radius:4px;background:#fff; }.phone-message.outgoing { margin-left:auto;border-bottom-right-radius:4px;background:#d7f0e2; }
.phone-typing { width:42px;height:24px;padding:0 8px;border-radius:12px 12px 12px 4px;display:flex;align-items:center;justify-content:center;gap:3px;background:#fff; }.phone-typing i { width:4px;height:4px;border-radius:50%;background:#87979f;animation:typing 1.1s infinite ease-in-out; }.phone-typing i:nth-child(2){animation-delay:.15s}.phone-typing i:nth-child(3){animation-delay:.3s}
.phone-input { height:51px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;color:#98a2aa;background:#f9fafb;font-size:10px; }.phone-input .icon { color:#3691c7; }
.conversation-insight { position:absolute;z-index:3;width:235px;padding:12px 13px;border:1px solid #d7dee1;border-radius:14px;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.96);box-shadow:var(--shadow-md); }.conversation-insight > .icon { width:18px;color:var(--gold-dark); }.conversation-insight small,.conversation-insight strong { display:block; }.conversation-insight small { color:#8a959d;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }.conversation-insight strong { margin-top:2px;font-size:9px;line-height:1.4; }.insight-top { right:16px;top:76px; }.insight-bottom { left:17px;bottom:58px; }
.conversation-copy h2 { margin:14px 0 22px;font-size:clamp(42px,4.5vw,62px);line-height:1.03;letter-spacing:-.05em; }.conversation-copy > p { color:var(--muted);font-size:17px;line-height:1.72; }
.conversation-principles { margin:30px 0;display:grid;gap:0;border-top:1px solid #d7dddf; }.conversation-principles article { min-height:95px;padding:20px 0;border-bottom:1px solid #d7dddf;display:grid;grid-template-columns:36px 1fr;gap:15px; }.conversation-principles article > span { color:var(--gold-dark);font-size:9px;font-weight:850;letter-spacing:.1em; }.conversation-principles strong { display:block;font-size:14px; }.conversation-principles p { margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55; }

.launch-section { padding-top: 34px; background:#fff; }
.launch-panel { padding:68px;border-radius:28px;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;color:#fff;background:radial-gradient(circle at 90% 0%,rgba(215,179,127,.17),transparent 34%),linear-gradient(145deg,#0b1722,#102b41 72%,#0d2233);overflow:hidden; }
.launch-intro h2 { margin:14px 0 19px;font-size:clamp(40px,4vw,58px);line-height:1.03;letter-spacing:-.05em; }.launch-intro p { margin:0 0 28px;color:#adbac3;font-size:15px;line-height:1.7; }
.launch-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }.launch-steps article { min-height:310px;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.055); }.launch-steps article > span { color:#738996;font-size:8px;font-weight:850;letter-spacing:.11em; }.step-icon { width:43px;height:43px;margin:34px 0 22px;border-radius:12px;display:grid;place-items:center;color:#e3c28f;background:rgba(215,179,127,.10); }.step-icon .icon { width:20px; }.launch-steps h3 { margin:0 0 9px;font-size:17px;line-height:1.2; }.launch-steps p { margin:0;color:#a8b5be;font-size:11px;line-height:1.6; }

.control-premium-section { background:#fff; }
.control-premium-grid { display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center; }
.control-premium-copy h2 { margin:14px 0 22px;font-size:clamp(42px,4.5vw,62px);line-height:1.03;letter-spacing:-.05em; }.control-premium-copy > p { color:var(--muted);font-size:17px;line-height:1.72; }.control-premium-copy ul { margin:30px 0 0;padding:0;list-style:none;display:grid;gap:18px; }.control-premium-copy li { display:flex;gap:13px; }.control-premium-copy li > .icon { width:19px;color:var(--gold-dark);margin-top:2px; }.control-premium-copy li span { flex:1; }.control-premium-copy li strong,.control-premium-copy li small { display:block; }.control-premium-copy li strong { font-size:13px; }.control-premium-copy li small { margin-top:3px;color:var(--muted);font-size:11px; }
.control-premium-console { padding:26px;border:1px solid #dbe1e3;border-radius:23px;background:#f5f7f7;box-shadow:var(--shadow-md); }.premium-console-head { padding:2px 2px 21px;border-bottom:1px solid #dce2e4;display:flex;align-items:center;justify-content:space-between;gap:20px; }.premium-console-head span,.premium-console-head strong { display:block; }.premium-console-head > div > span { color:#87929a;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase; }.premium-console-head strong { margin-top:5px;font-size:15px; }.dark-state { color:#176247;background:#e7f3ed;border-color:#cde2d8; }
.premium-console-row { min-height:84px;padding:16px 2px;border-bottom:1px solid #dce2e4;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center; }.console-row-icon { width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--primary);background:#fff;box-shadow:0 3px 10px rgba(15,23,32,.05); }.console-row-icon .icon { width:19px; }.premium-console-row strong,.premium-console-row small { display:block; }.premium-console-row strong { font-size:12px; }.premium-console-row small { margin-top:3px;color:#7e8a93;font-size:9px; }.premium-switch { width:38px;height:22px;padding:3px;border-radius:99px;display:flex;background:#cbd3d7; }.premium-switch i { width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,32,.2); }.premium-switch.is-on { justify-content:flex-end;background:var(--primary); }.premium-tag { padding:6px 8px;border-radius:8px;color:#5c4c38;background:var(--gold-soft);font-size:8px;font-weight:800; }
.takeover-notice { margin-top:18px;padding:14px;border:1px solid #cfe1d8;border-radius:13px;display:flex;gap:11px;align-items:center;background:#edf7f2; }.takeover-notice > span { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#176247;background:#dcefe6; }.takeover-notice .icon { width:17px; }.takeover-notice strong,.takeover-notice small { display:block; }.takeover-notice strong { color:#1b5440;font-size:10px; }.takeover-notice small { margin-top:2px;color:#648275;font-size:8px; }

.commercial-section { background:#f2f4f4; }
.commercial-panel { padding:52px 58px;border:1px solid #dce2e4;border-radius:25px;display:grid;grid-template-columns:1fr 310px;gap:80px;align-items:center;background:#fff;box-shadow:var(--shadow-sm); }.commercial-copy h2 { margin:14px 0 18px;max-width:780px;font-size:clamp(40px,4vw,58px);line-height:1.04;letter-spacing:-.05em; }.commercial-copy > p { max-width:750px;margin:0;color:var(--muted);font-size:15px;line-height:1.72; }.commercial-checks { display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px; }.commercial-checks span { display:flex;align-items:center;gap:7px;color:#485761;font-size:10px;font-weight:700; }.commercial-checks .icon { width:15px;color:var(--green); }
.commercial-price { padding:26px;border-left:1px solid #e1e6e8;display:flex;flex-direction:column;align-items:flex-start; }.commercial-price > small { color:#87929a;font-size:8px;font-weight:850;letter-spacing:.11em; }.commercial-price > strong { margin-top:8px;font-size:52px;line-height:1;letter-spacing:-.06em; }.commercial-price > span { margin:5px 0 19px;color:var(--muted);font-size:10px; }.price-link { margin:14px auto 0;display:inline-flex;align-items:center;gap:6px;color:#53616c;font-size:9px;font-weight:750; }.price-link .icon { width:13px; }

.faq-home-section { background:#fff; }
.faq-home-grid { display:grid;grid-template-columns:.68fr 1.32fr;gap:100px;align-items:start; }.faq-home-grid > div:first-child h2 { margin:14px 0 20px;font-size:clamp(40px,4vw,56px);line-height:1.04;letter-spacing:-.05em; }.faq-home-grid > div:first-child p { margin:0 0 25px;color:var(--muted);font-size:15px;line-height:1.7; }.faq-home-list { border-top:1px solid #dce2e4; }.faq-home-list details { border-bottom:1px solid #dce2e4; }.faq-home-list summary { min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;font-size:14px;font-weight:750; }.faq-home-list summary::-webkit-details-marker { display:none; }.faq-home-list summary span { width:28px;height:28px;flex:0 0 28px;border:1px solid #d5dcdf;border-radius:50%;display:grid;place-items:center;color:#697680;font-size:16px;font-weight:400;transition:.2s ease; }.faq-home-list details[open] summary span { transform:rotate(45deg);color:#fff;border-color:var(--primary);background:var(--primary); }.faq-home-list details p { margin:-4px 62px 25px 0;color:var(--muted);font-size:12px;line-height:1.7; }

.premium-final-cta { position:relative;padding:84px 0;color:#fff;background:#0b1722;overflow:hidden; }.premium-final-cta::before { content:"";position:absolute;width:520px;height:520px;right:-120px;top:-250px;border:1px solid rgba(215,179,127,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(215,179,127,.035),0 0 0 140px rgba(255,255,255,.018); }.premium-final-inner { position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:60px; }.premium-final-inner h2 { margin:13px 0 13px;max-width:760px;font-size:clamp(42px,4.5vw,64px);line-height:1.02;letter-spacing:-.05em; }.premium-final-inner p { max-width:720px;margin:0;color:#aab7c0;font-size:15px; }.premium-final-actions { display:flex;flex-direction:column;align-items:center;gap:10px; }.premium-final-actions > span { color:#80919d;font-size:9px; }

@media (max-width: 1100px) {
  .premium-hero-inner { grid-template-columns: 1fr; gap: 52px; }
  .premium-hero-copy { max-width: 850px; }
  .employee-stage { width: min(100%, 760px); margin-inline: auto; }
  .sales-heading { grid-template-columns: 1fr; gap: 22px; }
  .sales-heading > p { max-width: 720px; }
  .value-grid { grid-template-columns: repeat(2,1fr); }
  .value-card { border-top: 1px solid var(--line); }
  .value-card:nth-child(odd) { border-left: 0; }
  .value-card:nth-child(-n+2) { border-top: 0; }
  .hiring-grid, .conversation-grid, .control-premium-grid { grid-template-columns: 1fr; gap: 58px; }
  .hiring-copy, .conversation-copy, .control-premium-copy { max-width: 800px; }
  .comparison-panel { max-width: 820px; }
  .conversation-showcase { width: min(100%, 760px); margin-inline: auto; }
  .launch-panel { grid-template-columns: 1fr; gap: 46px; }
  .commercial-panel { grid-template-columns: 1fr 270px; gap: 42px; }
  .faq-home-grid { grid-template-columns: 1fr; gap: 45px; }
  .faq-home-grid > div:first-child { max-width: 740px; }
}
@media (max-width: 900px) {
  .role-band-inner { min-height: 90px; align-items:flex-start; flex-direction:column; justify-content:center; gap:12px; }
  .role-band-list { width:100%; flex-wrap:wrap; gap:10px 14px; }
  .premium-agent-grid { grid-template-columns: repeat(2,1fr); }
  .launch-steps { grid-template-columns: 1fr; }
  .launch-steps article { min-height: auto; }
  .step-icon { margin: 24px 0 17px; }
  .commercial-panel { grid-template-columns: 1fr; }
  .commercial-price { padding: 28px 0 0; border-left:0; border-top:1px solid #e1e6e8; }
  .premium-final-inner { align-items:flex-start; flex-direction:column; }
  .premium-final-actions { align-items:flex-start; }
}
@media (max-width: 760px) {
  .premium-hero { padding: 54px 0 50px; }
  .premium-hero h1 { font-size: clamp(43px,12vw,58px); }
  .premium-hero h1 em { display:inline; }
  .premium-hero-copy > p { font-size:16px; }
  .premium-hero-actions { flex-direction:column; }
  .premium-hero-actions .btn { width:100%; }
  .hero-commercial-facts { grid-template-columns:1fr; gap:14px; }
  .hero-commercial-facts > span { padding:0; }
  .hero-commercial-facts > span + span { padding:14px 0 0; border-left:0; border-top:1px solid #d9dedf; }
  .employee-stage { min-height:575px; padding:16px; border-radius:22px; }
  .employee-profile-card { width:92%; padding:17px; }
  .profile-card-head { grid-template-columns:46px 1fr; }
  .employee-photo { width:46px;height:46px;border-radius:13px; }
  .profile-card-head .working-state { grid-column:1/-1; width:max-content; }
  .profile-capabilities { grid-template-columns:1fr; }
  .profile-capabilities span { min-height:42px; flex-direction:row;align-items:center;justify-content:flex-start; }
  .profile-rule { display:none; }
  .live-conversation-card { width:91%; margin-top:12px; }
  .conversation-body { min-height:215px; padding:14px; }
  .stage-handoff { left:16px;bottom:16px;width:220px; }
  .role-band-list i { display:none; }
  .value-grid { grid-template-columns:1fr; }
  .value-card, .value-card:nth-child(odd) { min-height:auto; border-left:0; border-top:1px solid var(--line); }
  .value-card:first-child { border-top:0; }
  .comparison-panel { grid-template-columns:1fr; }
  .comparison-column { min-height:auto; }
  .premium-agent-grid { grid-template-columns:1fr; }
  .catalog-bottom-action { align-items:flex-start; flex-direction:column; }
  .catalog-bottom-action .btn { width:100%; }
  .conversation-showcase { min-height:620px; }
  .phone-shell { width:310px;height:575px; }
  .phone-chat { height:435px; }
  .conversation-insight { display:none; }
  .launch-panel { padding:38px 24px; border-radius:22px; }
  .control-premium-console { padding:18px; }
  .premium-console-row { grid-template-columns:38px 1fr; }
  .premium-console-row > :last-child { grid-column:2; justify-self:start; }
  .commercial-panel { padding:34px 24px; }
  .commercial-checks { flex-direction:column; }
  .faq-home-list summary { min-height:72px; font-size:13px; }
  .faq-home-list details p { margin-right:0; }
  .premium-final-actions { width:100%; }
  .premium-final-actions .btn { width:100%; }
}
@media (max-width: 480px) {
  .availability-note { font-size:9px; }
  .premium-hero h1 { font-size:41px; }
  .employee-stage { min-height:535px; }
  .stage-topline strong { display:none; }
  .employee-profile-card,.live-conversation-card { width:100%; }
  .conversation-head small { display:none; }
  .stage-handoff { width:calc(100% - 32px); }
  .sales-heading h2,.hiring-copy h2,.conversation-copy h2,.control-premium-copy h2,.commercial-copy h2,.faq-home-grid > div:first-child h2 { font-size:36px; }
  .phone-shell { width:286px;height:548px;border-width:7px; }
  .phone-chat { height:410px; }
  .launch-intro h2 { font-size:36px; }
  .premium-final-inner h2 { font-size:39px; }
}

/* --------------------------------------------------------------------------
   1.2.0 Activation edition
   -------------------------------------------------------------------------- */

/* Accent system */
.avatar-slate, .agent-bg-slate { color:#fff; background:linear-gradient(145deg,#687687,#3f4c5c) !important; }
.agent-slate::before { background:radial-gradient(circle,#e7edf1,transparent 68%); }
.agent-slate .agent-icon { color:#4b5969; background:#edf1f4; }
.selected-role-tag.agent-navy { background:#174a72; }
.selected-role-tag.agent-blue { background:#315f9f; }
.selected-role-tag.agent-mint { background:#177a69; }
.selected-role-tag.agent-rose { background:#a94b68; }
.selected-role-tag.agent-amber { background:#9b6a24; }
.selected-role-tag.agent-cyan { background:#23748a; }
.selected-role-tag.agent-slate { background:#4f5e6f; }

/* Public role finder */
.finder-hero { position:relative; overflow:hidden; padding:96px 0 72px; border-bottom:1px solid var(--line); background:linear-gradient(180deg,#fbfcfd 0%,#f4f7f9 100%); }
.finder-hero::before { content:""; position:absolute; width:620px; height:620px; right:-250px; top:-280px; border-radius:50%; background:radial-gradient(circle,rgba(23,74,114,.12),transparent 68%); pointer-events:none; }
.finder-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr); gap:90px; align-items:end; }
.finder-hero-copy h1 { max-width:850px; margin:24px 0 22px; font-size:clamp(50px,6vw,78px); line-height:.99; letter-spacing:-.058em; }
.finder-hero-copy h1 em { color:var(--primary); font-style:normal; }
.finder-hero-copy > p { max-width:720px; margin:0; color:#566273; font-size:18px; line-height:1.75; }
.finder-assurances { margin-top:30px; display:flex; flex-wrap:wrap; gap:12px 22px; }
.finder-assurances span { display:inline-flex; align-items:center; gap:7px; color:#475467; font-size:12px; font-weight:700; }
.finder-assurances .icon { width:15px; color:var(--green); }
.finder-note-card { min-height:230px; padding:28px; border:1px solid rgba(255,255,255,.08); border-radius:24px; display:grid; grid-template-columns:48px 1fr; gap:18px; color:#fff; background:linear-gradient(145deg,#16212c,#0f1822); box-shadow:0 28px 65px rgba(16,24,40,.17); }
.finder-note-number { width:45px; height:45px; border:1px solid rgba(255,255,255,.16); border-radius:14px; display:grid; place-items:center; color:#d8bd96; font-size:11px; font-weight:850; letter-spacing:.08em; }
.finder-note-card small,.finder-note-card strong { display:block; }
.finder-note-card small { margin-top:3px; color:#9dadbb; font-size:10px; font-weight:800; letter-spacing:.12em; }
.finder-note-card strong { margin-top:16px; font-size:22px; line-height:1.25; letter-spacing:-.025em; }
.finder-note-card p { margin:13px 0 0; color:#b9c3cc; font-size:12px; line-height:1.7; }
.finder-section { padding:84px 0 110px; background:#fff; }
.finder-layout { display:grid; grid-template-columns:minmax(0,1fr) 430px; gap:28px; align-items:start; }
.finder-question-card { padding:34px; border:1px solid var(--line); border-radius:26px; background:#fff; box-shadow:var(--shadow-sm); }
.finder-card-head { max-width:690px; }
.finder-card-head > span,.finder-result-top > span { color:var(--primary); font-size:10px; font-weight:850; letter-spacing:.13em; }
.finder-card-head > strong { display:block; margin-top:13px; font-size:30px; line-height:1.2; letter-spacing:-.035em; }
.finder-card-head > p { margin:10px 0 0; color:var(--muted); font-size:13px; line-height:1.65; }
.finder-options { margin-top:28px; display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.finder-option { min-height:108px; padding:16px; border:1px solid var(--line); border-radius:17px; display:grid; grid-template-columns:44px 1fr 24px; gap:12px; align-items:center; text-align:left; background:#fff; cursor:pointer; transition:.2s ease; }
.finder-option:hover { border-color:#c8d6df; transform:translateY(-1px); box-shadow:0 10px 24px rgba(16,24,40,.06); }
.finder-option.is-selected { border-color:#9db7c8; background:#f3f7fa; box-shadow:0 0 0 3px rgba(23,74,114,.06); }
.finder-option-icon { width:44px; height:44px; border-radius:14px; display:grid; place-items:center; }
.finder-option-icon .icon { width:20px; }
.finder-option strong,.finder-option small { display:block; }
.finder-option strong { color:var(--ink); font-size:12px; }
.finder-option small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.45; }
.finder-option > i { width:22px; height:22px; border:1px solid var(--line-dark); border-radius:50%; display:grid; place-items:center; color:transparent; background:#fff; }
.finder-option.is-selected > i { border-color:var(--primary); color:#fff; background:var(--primary); }
.finder-option > i .icon { width:12px; }
.finder-result-card { position:sticky; top:96px; min-height:650px; overflow:hidden; border:1px solid #dce1e7; border-radius:26px; background:linear-gradient(180deg,#fff 0%,#f7f9fa 100%); box-shadow:0 26px 68px rgba(16,24,40,.12); }
.finder-result-top { min-height:54px; padding:0 25px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }
.finder-result-top i { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(22,163,106,.1); }
.finder-result { display:none; padding:27px; }
.finder-result.is-active { display:block; animation:finderFade .22s ease; }
@keyframes finderFade { from { opacity:.25; transform:translateY(4px); } to { opacity:1; transform:none; } }
.finder-result-person { display:flex; align-items:center; gap:15px; }
.finder-result-person small { color:var(--primary); font-size:9px; font-weight:850; letter-spacing:.11em; }
.finder-result-person h2 { margin:5px 0 1px; font-size:27px; letter-spacing:-.04em; }
.finder-result-person p { margin:0; color:var(--muted); font-size:11px; }
.finder-result-description { margin:23px 0 0; color:#566273; font-size:12px; line-height:1.72; }
.finder-first-shift { margin-top:22px; padding:18px; border:1px solid #dbe6ec; border-radius:17px; background:#f2f6f8; }
.finder-first-shift small { color:var(--primary); font-size:8px; font-weight:850; letter-spacing:.12em; }
.finder-first-shift strong { display:block; margin-top:8px; font-size:13px; }
.finder-first-shift p { margin:7px 0 0; color:#667085; font-size:10px; line-height:1.58; }
.finder-result-features { margin:18px 0; display:grid; gap:8px; }
.finder-result-features span { display:flex; align-items:flex-start; gap:8px; color:#475467; font-size:10px; }
.finder-result-features .icon { width:14px; margin-top:1px; color:var(--green); }
.finder-result-price { margin:20px 0 17px; padding-top:18px; border-top:1px solid var(--line); display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.finder-result-price > span:first-child small,.finder-result-price > span:first-child strong { display:block; }
.finder-result-price > span:first-child small { color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.finder-result-price > span:first-child strong { margin-top:3px; font-size:25px; letter-spacing:-.035em; }
.finder-result-price b { color:var(--muted); font-size:9px; font-weight:650; letter-spacing:0; }
.finder-result-price > span:last-child { padding:7px 9px; border-radius:9px; color:#087c51; background:var(--green-soft); font-size:8px; font-weight:800; }
.finder-result-link { margin-top:12px; display:block; text-align:center; color:var(--muted); font-size:10px; font-weight:700; }
.finder-result-link:hover { color:var(--primary); }
.finder-afterword { padding:76px 0; color:#fff; background:#101820; }
.finder-afterword-inner { display:grid; grid-template-columns:1fr .8fr; gap:80px; align-items:end; }
.finder-afterword h2 { max-width:700px; margin:13px 0 0; font-size:clamp(34px,4vw,54px); line-height:1.04; letter-spacing:-.045em; }
.finder-afterword p { margin:0; color:#b8c1ca; font-size:14px; line-height:1.75; }

/* Dashboard activation surfaces */
.premium-dashboard-head { margin-bottom:30px; }
.premium-dashboard-head h1 { font-size:clamp(36px,3.8vw,52px); }
.premium-dashboard-head > .btn { margin-top:4px; }
.launch-command-card { position:relative; margin-bottom:18px; overflow:hidden; border:1px solid #263440; border-radius:25px; display:grid; grid-template-columns:minmax(0,1fr) 420px; color:#fff; background:linear-gradient(135deg,#101a24 0%,#172936 58%,#183749 100%); box-shadow:0 24px 65px rgba(16,24,40,.16); }
.launch-command-card::after { content:""; position:absolute; width:360px; height:360px; right:-150px; top:-190px; border-radius:50%; background:radial-gradient(circle,rgba(177,132,79,.18),transparent 68%); pointer-events:none; }
.launch-command-copy { position:relative; z-index:1; min-height:330px; padding:38px 42px; display:flex; flex-direction:column; align-items:flex-start; }
.launch-command-kicker { color:#d5b98f; font-size:9px; font-weight:850; letter-spacing:.15em; }
.launch-person-line { margin-top:24px; display:flex; align-items:center; gap:14px; }
.launch-person-line h2 { margin:0; font-size:28px; letter-spacing:-.035em; }
.launch-person-line p { margin:2px 0 0; color:#aab6c1; font-size:11px; }
.launch-command-copy > h3 { max-width:650px; margin:28px 0 8px; font-size:24px; line-height:1.2; letter-spacing:-.03em; }
.launch-command-copy > p { max-width:650px; margin:0 0 24px; color:#b8c3cc; font-size:12px; line-height:1.7; }
.launch-command-copy > .btn { margin-top:auto; }
.launch-readiness { position:relative; z-index:1; padding:33px 34px; border-left:1px solid rgba(255,255,255,.1); display:grid; grid-template-columns:134px 1fr; gap:26px; align-items:center; background:rgba(255,255,255,.035); }
.readiness-ring { --progress:0; position:relative; width:132px; height:132px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(#c39b66 calc(var(--progress) * 1%),rgba(255,255,255,.11) 0); }
.readiness-ring::before { content:""; position:absolute; inset:9px; border-radius:50%; background:#172530; }
.readiness-ring > span { position:relative; z-index:1; text-align:center; }
.readiness-ring strong,.readiness-ring small { display:block; }
.readiness-ring strong { font-size:27px; line-height:1; letter-spacing:-.04em; }
.readiness-ring small { margin-top:5px; color:#9eacb7; font-size:8px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.readiness-ring.compact-ring { width:105px; height:105px; color:var(--ink); background:conic-gradient(var(--primary) calc(var(--progress) * 1%),#e7ebee 0); }
.readiness-ring.compact-ring::before { inset:8px; background:#fff; }
.readiness-ring.compact-ring strong { font-size:23px; }
.readiness-ring.compact-ring small { color:var(--muted); }
.launch-step-list { display:grid; gap:7px; }
.launch-step { min-height:53px; padding:7px 9px; border:1px solid transparent; border-radius:12px; display:grid; grid-template-columns:30px 1fr; gap:9px; align-items:center; color:#bac4cd; }
.launch-step:hover { background:rgba(255,255,255,.05); }
.launch-step.current { border-color:rgba(201,164,112,.32); background:rgba(201,164,112,.08); }
.launch-step > span { width:28px; height:28px; border:1px solid rgba(255,255,255,.17); border-radius:9px; display:grid; place-items:center; font-size:8px; font-weight:850; }
.launch-step.done > span { border-color:#2ca879; color:#fff; background:#21855f; }
.launch-step > span .icon { width:14px; }
.launch-step strong,.launch-step small { display:block; }
.launch-step strong { color:#f2f5f7; font-size:10px; }
.launch-step small { margin-top:1px; color:#8f9eaa; font-size:8px; }
.dashboard-summary-strip { margin-bottom:18px; border:1px solid var(--line); border-radius:18px; display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; background:#fff; box-shadow:var(--shadow-xs); }
.dashboard-summary-strip > div { min-height:92px; padding:18px 21px; border-left:1px solid var(--line); display:flex; align-items:center; gap:12px; }
.dashboard-summary-strip > div:first-child { border-left:0; }
.dashboard-summary-strip > div > span { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; color:var(--primary); background:var(--primary-soft); }
.dashboard-summary-strip > div > span .icon { width:18px; }
.dashboard-summary-strip p { margin:0; }
.dashboard-summary-strip small,.dashboard-summary-strip strong { display:block; }
.dashboard-summary-strip small { color:var(--muted); font-size:8px; font-weight:750; }
.dashboard-summary-strip strong { margin-top:2px; font-size:20px; letter-spacing:-.03em; }
.dashboard-team-panel { margin-bottom:18px; overflow:hidden; }
.dashboard-team-grid { padding:18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.dashboard-team-card { min-height:230px; padding:18px; border:1px solid var(--line); border-radius:17px; display:flex; flex-direction:column; background:#fff; transition:.2s ease; }
.dashboard-team-card:hover { border-color:#cbd8e0; transform:translateY(-2px); box-shadow:var(--shadow-sm); }
.dashboard-team-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.dashboard-team-card h3 { margin:16px 0 2px; font-size:19px; letter-spacing:-.03em; }
.dashboard-team-card > p { margin:0; color:var(--muted); font-size:10px; }
.team-card-readiness { margin-top:20px; }
.team-card-readiness > span { display:flex; justify-content:space-between; align-items:center; }
.team-card-readiness small { color:var(--muted); font-size:8px; }
.team-card-readiness strong { font-size:10px; }
.team-card-readiness > i,.employee-readiness-block > i { height:5px; margin-top:7px; border-radius:99px; display:block; overflow:hidden; background:#e9edf0; }
.team-card-readiness > i b,.employee-readiness-block > i b { height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,#174a72,#4d7b98); }
.team-card-next { min-height:53px; margin-top:auto; padding-top:15px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto; align-items:end; }
.team-card-next span,.team-card-next strong { display:block; grid-column:1; }
.team-card-next span { color:var(--muted); font-size:7px; font-weight:800; letter-spacing:.09em; }
.team-card-next strong { margin-top:3px; font-size:10px; }
.team-card-next .icon { grid-column:2; grid-row:1/3; width:14px; color:var(--primary); }
.add-team-card { align-items:center; justify-content:center; text-align:center; border-style:dashed; background:#fafbfc; }
.add-team-card > span { width:46px; height:46px; border-radius:15px; display:grid; place-items:center; color:var(--primary); background:var(--primary-soft); }
.add-team-card h3 { margin-top:15px; }
.add-team-card > p { max-width:220px; }
.refined-activity { margin-top:0; }
.empty-team-premium { min-height:580px; padding:60px; border:1px solid var(--line); border-radius:26px; display:grid; grid-template-columns:minmax(0,.85fr) minmax(500px,1.15fr); gap:70px; align-items:center; background:linear-gradient(145deg,#fff,#f5f8fa); box-shadow:var(--shadow-sm); }
.empty-team-copy h2 { max-width:630px; margin:14px 0 16px; font-size:clamp(40px,4.8vw,64px); line-height:1.02; letter-spacing:-.05em; }
.empty-team-copy > p { max-width:600px; margin:0; color:var(--muted); font-size:15px; line-height:1.75; }
.empty-team-copy > div { margin-top:30px; display:flex; gap:10px; }
.empty-team-steps { padding:30px; border:1px solid #d8e1e7; border-radius:24px; display:grid; grid-template-columns:1fr; background:#fff; box-shadow:var(--shadow-sm); }
.empty-team-steps > div { min-height:76px; display:grid; grid-template-columns:42px 1fr; align-content:center; gap:12px; }
.empty-team-steps > div > span { grid-row:1/3; width:42px; height:42px; border:1px solid #dbe4e9; border-radius:13px; display:grid; place-items:center; color:var(--primary); background:#f2f6f8; font-size:9px; font-weight:850; }
.empty-team-steps strong,.empty-team-steps small { display:block; }
.empty-team-steps strong { align-self:end; font-size:12px; }
.empty-team-steps small { color:var(--muted); font-size:9px; }
.empty-team-steps > i { width:1px; height:15px; margin-left:21px; background:#dce4e9; }

/* Refined employee cards */
.refined-employee-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.refined-employee-card { min-height:485px; padding:24px; }
.employee-template-label { max-width:170px; padding:7px 9px; border:1px solid var(--line); border-radius:9px; overflow:hidden; color:var(--muted); background:#fafbfc; font-size:8px; font-weight:800; white-space:nowrap; text-overflow:ellipsis; }
.employee-readiness-block { margin:22px 0 0; padding:15px; border:1px solid #e2e8ec; border-radius:14px; background:#f8fafb; }
.employee-readiness-block > div:first-child { display:flex; align-items:center; justify-content:space-between; }
.employee-readiness-block > div:first-child span { color:var(--muted); font-size:8px; font-weight:750; }
.employee-readiness-block > div:first-child strong { font-size:11px; }
.employee-readiness-dots { margin-top:11px; display:grid; grid-template-columns:repeat(4,1fr); gap:5px; }
.employee-readiness-dots span { height:3px; border-radius:99px; background:#dbe1e5; }
.employee-readiness-dots span.done { background:#2d8b67; }
.refined-meta { margin:16px 0; padding:13px 0; }
.employee-next-action { min-height:62px; margin:auto 0 12px; padding:12px 13px; border:1px solid #d8e3e9; border-radius:13px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--ink); background:#f4f8fa; }
.employee-next-action small,.employee-next-action strong { display:block; }
.employee-next-action small { color:var(--primary); font-size:7px; font-weight:850; letter-spacing:.11em; }
.employee-next-action strong { margin-top:2px; font-size:10px; }
.employee-next-action .icon { width:16px; color:var(--primary); }
.refined-hire-card { min-height:485px; }
.empty-actions { display:flex; justify-content:center; gap:10px; margin-top:22px; }

/* Hiring studio */
.hire-page-intro { margin-bottom:25px; display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.hire-page-intro h1 { max-width:760px; margin:10px 0 8px; font-size:clamp(36px,4vw,52px); line-height:1.04; letter-spacing:-.045em; }
.hire-page-intro p { max-width:700px; margin:0; color:var(--muted); font-size:13px; line-height:1.65; }
.hire-error { margin-bottom:18px; }
.hire-studio { display:grid; grid-template-columns:250px minmax(520px,1fr) 300px; gap:16px; align-items:start; }
.premium-selector { top:88px; max-height:calc(100vh - 112px); padding:21px 17px; overflow:auto; border-radius:21px; scrollbar-width:thin; }
.selector-heading { padding:3px 4px 13px; }
.selector-heading h2 { margin:9px 0 4px; font-size:23px; letter-spacing:-.035em; }
.selector-heading p { margin:0; color:var(--muted); font-size:10px; }
.premium-selector .role-selector-list { margin-top:8px; gap:5px; }
.premium-selector .role-select-item { min-height:60px; padding:8px; grid-template-columns:36px 1fr 21px; }
.premium-selector .role-select-item .agent-icon { width:36px; height:36px; border-radius:11px; }
.premium-selector .role-select-item strong { font-size:9px; }
.premium-selector .role-select-item small { font-size:7px; }
.premium-hire-form { border-radius:21px; box-shadow:var(--shadow-xs); }
.premium-hire-form .hire-config-head { padding:24px 26px; }
.premium-hire-form .hire-config-head h2 { font-size:25px; }
.compact-form-section { padding:24px 26px; }
.hire-form input,.hire-form textarea,.hire-form select { background:#fbfcfd; }
.hire-advanced { border-bottom:1px solid var(--line); }
.hire-advanced summary { min-height:74px; padding:0 26px; display:flex; align-items:center; justify-content:space-between; gap:15px; list-style:none; cursor:pointer; }
.hire-advanced summary::-webkit-details-marker { display:none; }
.hire-advanced summary > span { display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:center; }
.hire-advanced summary > span > .icon { grid-row:1/3; width:34px; height:34px; padding:8px; border-radius:10px; color:var(--primary); background:var(--primary-soft); }
.hire-advanced summary strong,.hire-advanced summary small { display:block; }
.hire-advanced summary strong { font-size:11px; }
.hire-advanced summary small { color:var(--muted); font-size:8px; }
.hire-advanced summary > .icon { width:16px; color:var(--muted); transition:transform .2s ease; }
.hire-advanced[open] summary > .icon { transform:rotate(180deg); }
.hire-advanced-body { padding:0 26px 24px; display:grid; gap:16px; }
.compact-languages { margin-top:8px; }
.hire-plan-box { padding:22px 26px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:minmax(220px,.75fr) minmax(360px,1.25fr); gap:22px; align-items:center; background:#f8fafb; }
.plan-badge { width:max-content; padding:6px 8px; border-radius:8px; color:#087c51; background:var(--green-soft); font-size:7px; font-weight:850; letter-spacing:.1em; }
.hire-plan-copy h3 { margin:10px 0 5px; font-size:15px; }
.hire-plan-copy p { margin:0; color:var(--muted); font-size:9px; line-height:1.55; }
.compact-billing { gap:8px; }
.compact-billing > label { min-height:72px; background:#fff; }
.premium-submit { min-height:92px; padding:18px 26px; }
.hire-live-preview { position:sticky; top:88px; overflow:hidden; border:1px solid #d8e0e6; border-radius:21px; background:#fff; box-shadow:0 18px 48px rgba(16,24,40,.09); }
.hire-preview-label { min-height:48px; padding:0 20px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }
.hire-preview-label span { color:var(--primary); font-size:8px; font-weight:850; letter-spacing:.13em; }
.hire-preview-label i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(22,163,106,.1); }
.hire-employee-profile { padding:28px 23px 24px; text-align:center; }
.employee-avatar.extra-large { width:78px; height:78px; margin-inline:auto; border-radius:23px; font-size:21px; }
.hire-employee-profile .status-pill { margin:16px auto 0; }
.hire-employee-profile h2 { margin:14px 0 3px; font-size:25px; letter-spacing:-.04em; }
.hire-employee-profile > p { margin:0; color:var(--muted); font-size:10px; }
.hire-profile-divider { height:1px; margin:23px 0 3px; background:var(--line); }
.hire-preview-fact { padding:13px 0; border-bottom:1px solid #edf0f2; text-align:left; }
.hire-preview-fact small,.hire-preview-fact strong { display:block; }
.hire-preview-fact small { color:#98a2b3; font-size:7px; font-weight:850; letter-spacing:.1em; }
.hire-preview-fact strong { margin-top:4px; overflow:hidden; font-size:9px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.first-week-card { padding:21px; border-top:1px solid var(--line); background:#f8fafb; }
.first-week-card h3 { margin:9px 0 13px; font-size:15px; }
.first-week-card ol { padding:0; margin:0; display:grid; gap:9px; list-style:none; }
.first-week-card li { display:grid; grid-template-columns:27px 1fr; gap:9px; align-items:center; }
.first-week-card li > span { width:27px; height:27px; border:1px solid #d7dfe4; border-radius:9px; display:grid; place-items:center; color:var(--muted); background:#fff; font-size:8px; font-weight:850; }
.first-week-card li.done > span { border-color:#21855f; color:#fff; background:#21855f; }
.first-week-card li > span .icon { width:13px; }
.first-week-card strong,.first-week-card small { display:block; }
.first-week-card strong { font-size:9px; }
.first-week-card small { color:var(--muted); font-size:7px; }

/* Agent activation workspace */
.agent-launch-board { margin-bottom:18px; border:1px solid #d8e1e7; border-radius:22px; display:grid; grid-template-columns:minmax(0,1fr) 390px; overflow:hidden; background:linear-gradient(120deg,#fff,#f4f8fa); box-shadow:var(--shadow-xs); }
.agent-launch-main { min-height:220px; padding:31px 34px; display:flex; flex-direction:column; align-items:flex-start; }
.agent-launch-main h2 { margin:12px 0 8px; font-size:30px; line-height:1.15; letter-spacing:-.04em; }
.agent-launch-main > p { max-width:720px; margin:0 0 22px; color:var(--muted); font-size:12px; line-height:1.7; }
.agent-launch-main .btn { margin-top:auto; }
.agent-launch-progress { padding:28px 30px; border-left:1px solid #dfe6ea; display:flex; align-items:center; gap:22px; background:rgba(255,255,255,.68); }
.agent-launch-progress > div:last-child strong,.agent-launch-progress > div:last-child small { display:block; }
.agent-launch-progress > div:last-child strong { font-size:13px; }
.agent-launch-progress > div:last-child small { max-width:210px; margin-top:6px; color:var(--muted); font-size:9px; line-height:1.55; }
.activation-grid { grid-template-columns:minmax(420px,.85fr) minmax(480px,1.15fr); }
.activation-count { min-width:40px; height:27px; padding:0 9px; border-radius:99px; display:grid; place-items:center; color:var(--primary); background:var(--primary-soft); font-size:9px; font-weight:850; }
.activation-checklist { padding:8px 17px 15px; }
.activation-check { min-height:72px; padding:10px 7px; border-bottom:1px solid #edf0f2; display:grid; grid-template-columns:31px minmax(0,1fr) auto 15px; gap:10px; align-items:center; }
.activation-check:last-child { border-bottom:0; }
.activation-check > span { width:30px; height:30px; border:1px solid #d7dde2; border-radius:10px; display:grid; place-items:center; color:var(--muted); background:#fff; font-size:9px; font-weight:850; }
.activation-check.done > span { border-color:#21855f; color:#fff; background:#21855f; }
.activation-check.current { margin:3px 0; padding-inline:10px; border:1px solid #cbdbe4; border-radius:12px; background:#f3f7f9; }
.activation-check > span .icon { width:14px; }
.activation-check strong,.activation-check small { display:block; }
.activation-check strong { font-size:10px; }
.activation-check small { max-width:350px; margin-top:2px; overflow:hidden; color:var(--muted); font-size:8px; white-space:nowrap; text-overflow:ellipsis; }
.activation-check em { color:var(--primary); font-size:8px; font-style:normal; font-weight:800; }
.activation-check > .icon { width:14px; color:#98a2b3; }
.premium-preview { min-height:500px; }
.premium-preview .preview-chat { min-height:290px; }
.role-suggestions { padding-top:11px; border-top:1px solid #edf0f2; background:#fff; }
.preview-footnote { min-height:34px; padding:0 16px 10px; display:flex; align-items:center; gap:7px; color:#7a8694; font-size:8px; }
.preview-footnote .icon { width:13px; color:var(--green); }
.refined-secondary-grid { grid-template-columns:1fr 1fr; }
.knowledge-snapshot-list { padding:7px 20px 17px; }
.knowledge-snapshot-list > div { min-height:72px; padding:10px 3px; border-bottom:1px solid #edf0f2; display:grid; grid-template-columns:36px 1fr; gap:10px; align-items:center; }
.knowledge-snapshot-list > div:last-child { border-bottom:0; }
.knowledge-snapshot-list > div > span { width:35px; height:35px; border-radius:11px; display:grid; place-items:center; color:var(--primary); background:var(--primary-soft); }
.knowledge-snapshot-list > div > span .icon { width:17px; }
.knowledge-snapshot-list p { margin:0; }
.knowledge-snapshot-list strong,.knowledge-snapshot-list small { display:block; }
.knowledge-snapshot-list strong { font-size:10px; }
.knowledge-snapshot-list small { max-width:520px; margin-top:3px; overflow:hidden; color:var(--muted); font-size:8px; white-space:nowrap; text-overflow:ellipsis; }
.knowledge-start-prompt { min-height:210px; padding:28px; display:flex; align-items:center; justify-content:center; gap:17px; }
.knowledge-start-prompt > span { width:54px; height:54px; flex:0 0 54px; border-radius:17px; display:grid; place-items:center; color:var(--primary); background:var(--primary-soft); }
.knowledge-start-prompt > span .icon { width:24px; }
.knowledge-start-prompt h3 { margin:0; font-size:16px; }
.knowledge-start-prompt p { margin:6px 0 12px; color:var(--muted); font-size:9px; }
.operating-profile-grid { padding:13px 20px 20px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.operating-profile-grid > div { min-height:79px; padding:13px; border:1px solid #e5e9ec; border-radius:13px; display:flex; align-items:center; gap:10px; background:#fafbfc; }
.operating-profile-grid > div > span { width:34px; height:34px; flex:0 0 34px; border-radius:10px; display:grid; place-items:center; color:var(--primary); background:var(--primary-soft); }
.operating-profile-grid > div > span .icon { width:16px; }
.operating-profile-grid p { margin:0; min-width:0; }
.operating-profile-grid small,.operating-profile-grid strong { display:block; }
.operating-profile-grid small { color:var(--muted); font-size:7px; }
.operating-profile-grid strong { margin-top:2px; overflow:hidden; font-size:9px; white-space:nowrap; text-overflow:ellipsis; }

/* Knowledge activation */
.knowledge-builder-grid { margin-bottom:18px; display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:18px; align-items:start; }
.knowledge-composer { overflow:hidden; }
.knowledge-safe-label { padding:7px 9px; border-radius:9px; display:inline-flex; align-items:center; gap:6px; color:#087c51; background:var(--green-soft); font-size:8px; font-weight:800; }
.knowledge-safe-label .icon { width:13px; }
.knowledge-template-row { padding:18px 21px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); gap:9px; background:#fafbfc; }
.knowledge-template-row button { min-height:92px; padding:13px; border:1px solid #dfe5e9; border-radius:14px; display:grid; grid-template-columns:32px 1fr; grid-template-rows:auto auto; gap:2px 9px; align-items:center; text-align:left; background:#fff; cursor:pointer; transition:.18s ease; }
.knowledge-template-row button:hover { border-color:#b9cbd6; transform:translateY(-1px); box-shadow:var(--shadow-xs); }
.knowledge-template-row button > span { grid-row:1/3; width:32px; height:32px; border-radius:10px; display:grid; place-items:center; color:var(--primary); background:var(--primary-soft); }
.knowledge-template-row button > span .icon { width:15px; }
.knowledge-template-row strong,.knowledge-template-row small { display:block; }
.knowledge-template-row strong { align-self:end; font-size:9px; }
.knowledge-template-row small { align-self:start; color:var(--muted); font-size:7px; line-height:1.35; }
.knowledge-composer-form { padding:22px; gap:17px; }
.knowledge-submit-row { min-height:58px; padding-top:16px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:20px; }
.knowledge-submit-row > span { max-width:520px; display:flex; align-items:flex-start; gap:7px; color:var(--muted); font-size:8px; line-height:1.5; }
.knowledge-submit-row > span .icon { width:14px; margin-top:1px; color:var(--green); }
.knowledge-context-side { position:sticky; top:88px; display:grid; gap:14px; }
.role-knowledge-guide { padding:25px; text-align:center; }
.role-knowledge-guide .employee-avatar { margin:0 auto 18px; }
.role-knowledge-guide h2 { margin:10px 0 2px; font-size:21px; letter-spacing:-.035em; }
.role-knowledge-guide > p { margin:0; color:var(--muted); font-size:9px; }
.recommended-topics { margin-top:21px; padding-top:18px; border-top:1px solid var(--line); display:grid; gap:9px; text-align:left; }
.recommended-topics > small { color:#98a2b3; font-size:7px; font-weight:850; letter-spacing:.11em; }
.recommended-topics > span { display:flex; align-items:flex-start; gap:7px; color:#475467; font-size:9px; line-height:1.45; }
.recommended-topics > span .icon { width:13px; margin-top:1px; color:var(--green); }
.knowledge-quality-card { padding:23px; }
.knowledge-quality-card h3 { margin:10px 0 16px; font-size:18px; line-height:1.25; letter-spacing:-.025em; }
.knowledge-quality-card > div { min-height:61px; padding:10px 0; border-top:1px solid #edf0f2; display:grid; grid-template-columns:29px 1fr; gap:9px; align-items:center; }
.knowledge-quality-card > div > span { width:28px; height:28px; border-radius:9px; display:grid; place-items:center; color:var(--primary); background:var(--primary-soft); font-size:8px; font-weight:850; }
.knowledge-quality-card p { margin:0; }
.knowledge-quality-card strong,.knowledge-quality-card small { display:block; }
.knowledge-quality-card strong { font-size:9px; }
.knowledge-quality-card small { margin-top:2px; color:var(--muted); font-size:7px; line-height:1.45; }
.refined-library { margin-top:0; }
.refined-library .knowledge-table-head,.refined-library .knowledge-table-row { min-width:760px; grid-template-columns:minmax(300px,1.55fr) minmax(130px,.7fr) 90px 100px 40px; }
.refined-knowledge-row { min-height:82px; }

/* Responsive activation edition */
@media (max-width: 1320px) {
  .hire-studio { grid-template-columns:225px minmax(480px,1fr) 275px; }
  .launch-command-card { grid-template-columns:minmax(0,1fr) 390px; }
  .dashboard-team-grid,.refined-employee-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1120px) {
  .finder-hero-grid { gap:48px; }
  .finder-layout { grid-template-columns:minmax(0,1fr) 380px; }
  .finder-options { grid-template-columns:1fr; }
  .hire-studio { grid-template-columns:220px minmax(0,1fr); }
  .hire-live-preview { position:static; grid-column:1/-1; display:grid; grid-template-columns:280px 1fr; }
  .hire-preview-label { grid-column:1/-1; }
  .first-week-card { border-top:0; border-left:1px solid var(--line); }
  .launch-command-card { grid-template-columns:1fr; }
  .launch-readiness { border-left:0; border-top:1px solid rgba(255,255,255,.1); grid-template-columns:120px 1fr; }
  .launch-step-list { grid-template-columns:1fr 1fr; }
  .agent-launch-board { grid-template-columns:1fr; }
  .agent-launch-progress { border-left:0; border-top:1px solid #dfe6ea; }
  .activation-grid { grid-template-columns:1fr; }
}
@media (max-width: 920px) {
  .finder-hero { padding-top:70px; }
  .finder-hero-grid,.finder-layout,.finder-afterword-inner { grid-template-columns:1fr; }
  .finder-note-card { min-height:auto; }
  .finder-result-card { position:static; min-height:0; }
  .finder-options { grid-template-columns:1fr 1fr; }
  .dashboard-summary-strip { grid-template-columns:1fr 1fr; }
  .dashboard-summary-strip > div:nth-child(3) { border-left:0; border-top:1px solid var(--line); }
  .dashboard-summary-strip > div:nth-child(4) { border-top:1px solid var(--line); }
  .empty-team-premium { padding:38px; grid-template-columns:1fr; gap:35px; }
  .hire-studio { grid-template-columns:1fr; }
  .premium-selector { position:static; max-height:none; }
  .role-selector-list { grid-template-columns:1fr 1fr; }
  .hire-live-preview { grid-column:auto; }
  .knowledge-builder-grid { grid-template-columns:1fr; }
  .knowledge-context-side { position:static; grid-template-columns:1fr 1fr; }
}
@media (max-width: 760px) {
  .finder-hero { padding:54px 0 50px; }
  .finder-hero-copy h1 { font-size:46px; }
  .finder-section { padding:45px 0 68px; }
  .finder-question-card { padding:21px; border-radius:20px; }
  .finder-options { grid-template-columns:1fr; }
  .finder-option { min-height:91px; }
  .finder-result-card { border-radius:20px; }
  .finder-afterword { padding:52px 0; }
  .finder-afterword h2 { font-size:38px; }
  .hire-page-intro { align-items:flex-start; flex-direction:column; }
  .hire-page-intro .btn { width:100%; }
  .role-selector-list { grid-template-columns:1fr; }
  .premium-hire-form .hire-config-head { align-items:flex-start; flex-direction:column; }
  .form-grid.two,.language-checks,.compact-languages,.billing-choice { grid-template-columns:1fr; }
  .hire-plan-box { grid-template-columns:1fr; }
  .premium-submit { align-items:flex-start; flex-direction:column; }
  .premium-submit .btn { width:100%; }
  .hire-live-preview { display:block; }
  .first-week-card { border-left:0; border-top:1px solid var(--line); }
  .launch-command-copy { min-height:300px; padding:29px 24px; }
  .launch-readiness { padding:25px 22px; grid-template-columns:1fr; }
  .launch-readiness .readiness-ring { margin-inline:auto; }
  .launch-step-list { grid-template-columns:1fr; width:100%; }
  .dashboard-summary-strip { grid-template-columns:1fr; }
  .dashboard-summary-strip > div { border-left:0; border-top:1px solid var(--line); }
  .dashboard-summary-strip > div:first-child { border-top:0; }
  .dashboard-team-grid,.refined-employee-grid { grid-template-columns:1fr; }
  .empty-team-premium { padding:27px 21px; }
  .empty-team-copy h2 { font-size:40px; }
  .empty-team-copy > div,.empty-actions { flex-direction:column; }
  .empty-team-copy .btn,.empty-actions .btn { width:100%; }
  .agent-launch-main { padding:26px 22px; }
  .agent-launch-progress { padding:23px 21px; align-items:flex-start; flex-direction:column; }
  .agent-launch-progress .readiness-ring { margin-inline:auto; }
  .activation-check { grid-template-columns:31px minmax(0,1fr) 14px; }
  .activation-check em { display:none; }
  .activation-check > .icon { grid-column:3; }
  .refined-secondary-grid,.operating-profile-grid { grid-template-columns:1fr; }
  .knowledge-template-row { grid-template-columns:1fr; }
  .knowledge-submit-row { align-items:stretch; flex-direction:column; }
  .knowledge-submit-row .btn { width:100%; }
  .knowledge-context-side { grid-template-columns:1fr; }
}
@media (max-width: 480px) {
  .finder-hero-copy h1 { font-size:40px; }
  .finder-assurances { display:grid; gap:9px; }
  .finder-note-card { padding:22px; grid-template-columns:40px 1fr; }
  .finder-note-number { width:39px; height:39px; }
  .finder-result { padding:21px; }
  .finder-result-price { align-items:flex-start; flex-direction:column; }
  .hire-page-intro h1 { font-size:38px; }
  .compact-form-section,.premium-hire-form .hire-config-head,.hire-advanced summary,.hire-advanced-body,.hire-plan-box,.premium-submit { padding-left:18px; padding-right:18px; }
  .hire-advanced summary { min-height:84px; }
  .selected-role-tag { max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  .launch-person-line { align-items:flex-start; }
  .launch-person-line h2 { font-size:23px; }
  .dashboard-team-grid { padding:12px; }
  .knowledge-template-row,.knowledge-composer-form { padding-left:15px; padding-right:15px; }
}

/* 1.2.0 layout corrections after visual QA */
@media (min-width: 1321px) {
  .hire-studio { grid-template-columns:220px minmax(0,1fr) 260px; gap:14px; }
  .hire-plan-box { grid-template-columns:1fr; }
  .premium-submit { align-items:flex-start; flex-direction:column; }
  .premium-submit .btn { width:100%; }
}
@media (min-width: 1121px) and (max-width: 1320px) {
  .hire-studio { grid-template-columns:210px minmax(0,1fr); }
  .hire-live-preview { position:static; grid-column:1/-1; display:grid; grid-template-columns:280px 1fr; }
  .hire-preview-label { grid-column:1/-1; }
  .first-week-card { border-top:0; border-left:1px solid var(--line); }
  .hire-plan-box { grid-template-columns:1fr; }
}
.compact-billing > label { min-width:0; }
.compact-billing > label > div { min-width:0; }
.premium-submit > div { min-width:0; }

/* ========================================================================
   1.3.0 Corporate Workforce Edition
   ======================================================================== */
:root {
  --corp-ink: #101820;
  --corp-ink-2: #27343f;
  --corp-blue: #163f5d;
  --corp-blue-dark: #0c2b40;
  --corp-warm: #a87d48;
  --corp-warm-soft: #f4eee5;
  --corp-paper: #f5f6f7;
  --corp-line: #dfe3e6;
  --corp-muted: #687580;
}

.corporate-public-page { background: #f5f6f7; }
.corporate-rail { min-height: 34px; color: #c7d0d6; background: #101820; font-size: 11px; letter-spacing: .03em; }
.corporate-rail-inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.corporate-rail-inner > span { display: inline-flex; align-items: center; gap: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.corporate-rail-inner > span i { width: 6px; height: 6px; border-radius: 50%; background: #6ab48c; box-shadow: 0 0 0 4px rgba(106,180,140,.12); }
.corporate-rail nav { display: flex; gap: 24px; }
.corporate-rail a { color: #aab5bc; transition: .2s ease; }
.corporate-rail a:hover { color: #fff; }
.corporate-header { height: 72px; background: rgba(250,251,251,.94); border-bottom-color: rgba(211,217,221,.9); }
.corporate-header .site-nav { gap: 30px; }
.corporate-header .site-nav a { padding-block: 26px 24px; }
.corporate-header .site-nav a::after { bottom: 16px; background: var(--corp-warm); }
.header-demo-btn { background: var(--corp-blue-dark); }
.header-demo-btn:hover { background: #173c54; }

.corp-eyebrow, .corp-page-label { display: inline-flex; align-items: center; gap: 10px; color: var(--corp-blue); font-size: 11px; line-height: 1; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.corp-eyebrow i { width: 1px; height: 13px; background: #cbd2d7; }
.corp-eyebrow small { color: #72808a; font-size: 11px; font-weight: 750; letter-spacing: .04em; text-transform: none; }

/* Accent system — intentionally restrained and neutral. */
.agent-navy, .agent-ink { --role-accent: #18384c; --role-soft: #eaf0f3; }
.agent-blue, .agent-sky { --role-accent: #2e678f; --role-soft: #eaf2f7; }
.agent-mint, .agent-sage { --role-accent: #397d70; --role-soft: #eaf3f0; }
.agent-rose { --role-accent: #9a5c64; --role-soft: #f5ecee; }
.agent-amber, .agent-sand { --role-accent: #9a733e; --role-soft: #f6f0e6; }
.agent-cyan, .agent-ocean { --role-accent: #307487; --role-soft: #e8f2f4; }
.agent-slate, .agent-steel, .agent-graphite { --role-accent: #53616c; --role-soft: #edf0f2; }
.agent-copper, .agent-bronze { --role-accent: #9b6740; --role-soft: #f4ece6; }
.agent-olive, .agent-forest { --role-accent: #5c7550; --role-soft: #eef2eb; }

.corp-hero { position: relative; overflow: hidden; padding: 84px 0 88px; background: #f7f8f8; border-bottom: 1px solid #dfe3e6; }
.corp-hero::before { content: ""; position: absolute; inset: 0 0 auto 50%; width: 760px; height: 620px; background: radial-gradient(circle at 50% 40%, rgba(32,75,104,.10), transparent 66%); pointer-events: none; }
.corp-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr); gap: 72px; align-items: center; }
.corp-hero-copy h1 { max-width: 720px; margin: 22px 0 24px; color: var(--corp-ink); font-size: clamp(52px,5.4vw,78px); line-height: .99; letter-spacing: -.06em; font-weight: 780; }
.corp-hero-copy h1 em { color: var(--corp-blue); font-style: normal; }
.corp-hero-copy > p { max-width: 690px; margin: 0; color: #5e6d77; font-size: 19px; line-height: 1.72; }
.corp-hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.corp-proof-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin-top: 46px; padding-top: 28px; border-top: 1px solid #d9dee1; }
.corp-proof-strip > div { padding: 0 20px; border-left: 1px solid #d9dee1; }
.corp-proof-strip > div:first-child { padding-left: 0; border-left: 0; }
.corp-proof-strip strong { display: block; color: var(--corp-ink); font-size: 27px; line-height: 1; letter-spacing: -.04em; }
.corp-proof-strip span { display: block; margin-top: 8px; color: #75828b; font-size: 11px; line-height: 1.35; }

.workforce-console { position: relative; overflow: hidden; border: 1px solid #cfd6da; border-radius: 16px; color: var(--corp-ink); background: #fff; box-shadow: 0 32px 80px rgba(16,24,32,.16); }
.workforce-console::before { content: ""; position: absolute; width: 240px; height: 240px; right: -80px; top: -90px; border-radius: 50%; background: radial-gradient(circle, rgba(168,125,72,.12), transparent 70%); }
.console-topbar { position: relative; min-height: 66px; padding: 0 20px; border-bottom: 1px solid #e3e7e9; display: flex; align-items: center; justify-content: space-between; background: #fafbfb; }
.console-topbar > div { display: flex; align-items: center; gap: 11px; }
.console-brandmark { width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; color: #fff; background: var(--corp-ink); font-size: 14px; font-weight: 850; }
.console-topbar strong { display: block; font-size: 13px; }
.console-topbar small { display: block; color: #8a959c; font-size: 10px; }
.console-status { display: inline-flex; align-items: center; gap: 7px; color: #3f6e58; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.console-status i, .console-live i { width: 6px; height: 6px; border-radius: 50%; background: #5ba47a; box-shadow: 0 0 0 4px rgba(91,164,122,.12); }
.console-summary { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid #e5e8ea; }
.console-summary > div { padding: 18px 20px; border-left: 1px solid #e5e8ea; }
.console-summary > div:first-child { border-left: 0; }
.console-summary small { display: block; color: #849099; font-size: 9px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.console-summary strong { display: block; margin-top: 5px; color: var(--corp-ink); font-size: 23px; letter-spacing: -.04em; }
.console-summary strong span { color: #9aa4aa; font-size: 13px; }
.console-summary .console-word { color: #3d6d57; font-size: 14px; letter-spacing: 0; }
.console-team-head, .console-member { display: grid; grid-template-columns: 54px 140px minmax(0,1fr) 76px; align-items: center; }
.console-team-head { min-height: 37px; padding: 0 15px; color: #929da4; background: #f6f7f7; border-bottom: 1px solid #e7eaec; font-size: 8px; font-weight: 800; letter-spacing: .09em; }
.console-team-head span:first-child { grid-column: 1 / 3; }
.console-member { min-height: 72px; padding: 10px 15px; border-bottom: 1px solid #edf0f1; transition: .2s ease; }
.console-member:hover { background: #fafbfb; }
.console-avatar { width: 37px; height: 37px; border-radius: 10px; display: grid; place-items: center; color: var(--role-accent); background: var(--role-soft); font-size: 10px; font-weight: 850; }
.console-person strong, .console-person small { display: block; }
.console-person strong { font-size: 12px; }
.console-person small { margin-top: 3px; color: #929ba2; font-size: 9px; }
.console-mission { padding-right: 15px; color: #64727b; font-size: 10px; line-height: 1.45; }
.console-live { display: inline-flex; align-items: center; gap: 7px; color: #527962; font-size: 9px; font-weight: 750; }
.console-playbook { margin: 14px; padding: 14px; border: 1px solid #dce2e5; border-radius: 11px; display: grid; grid-template-columns: 38px 1fr auto; gap: 12px; align-items: center; background: #f8f9f9; }
.console-playbook-icon { width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center; color: var(--corp-blue); background: #e9f0f4; }
.console-playbook small, .console-playbook strong { display: block; }
.console-playbook small { color: #87939a; font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.console-playbook strong { margin-top: 4px; font-size: 10px; line-height: 1.45; }
.console-version { padding: 5px 7px; border: 1px solid #d6dcdf; border-radius: 6px; color: #7a868e; font-size: 8px; font-weight: 850; }

.corp-trustline { background: #fff; border-bottom: 1px solid #dfe3e6; }
.corp-trustline-inner { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.corp-trustline strong { color: #2e3b44; font-size: 12px; }
.corp-trustline span { display: inline-flex; align-items: center; gap: 7px; color: #72808a; font-size: 10px; font-weight: 700; }
.corp-trustline .icon { width: 15px; color: var(--corp-blue); }

.corp-section-head { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.55fr); gap: 80px; align-items: end; margin-bottom: 48px; }
.corp-section-head h2 { max-width: 820px; margin: 12px 0 0; color: var(--corp-ink); font-size: clamp(38px,4vw,58px); line-height: 1.04; letter-spacing: -.05em; }
.corp-section-head > p { margin: 0; color: #67747e; font-size: 16px; line-height: 1.75; }
.light-head h2, .light-head > p { color: #fff; }
.light-head > p { color: #bdc7cd; }

.operating-system-section { background: #fff; }
.operating-layer-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #dce1e4; border-radius: 18px; overflow: hidden; }
.operating-layer { min-height: 330px; padding: 28px; border-left: 1px solid #e0e4e6; background: #fbfcfc; }
.operating-layer:first-child { border-left: 0; }
.operating-layer.featured { color: #fff; background: var(--corp-blue-dark); }
.operating-layer > span { color: #98a3aa; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.operating-layer.featured > span { color: #9db1bd; }
.operating-icon { width: 46px; height: 46px; margin: 42px 0 24px; border-radius: 12px; display: grid; place-items: center; color: var(--corp-blue); background: #e9f0f4; }
.operating-layer.featured .operating-icon { color: #fff; background: rgba(255,255,255,.12); }
.operating-layer h3 { margin: 0 0 13px; font-size: 22px; letter-spacing: -.035em; }
.operating-layer p { margin: 0; color: #697680; font-size: 13px; line-height: 1.7; }
.operating-layer.featured p { color: #c0ccd2; }
.operating-layer small { display: block; margin-top: 32px; padding-top: 18px; border-top: 1px solid #e0e4e6; color: #8b969d; font-size: 10px; line-height: 1.45; }
.operating-layer.featured small { border-color: rgba(255,255,255,.14); color: #9db1bd; }

.solution-showcase-section { color: #fff; background: #101820; }
.solution-showcase-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.solution-showcase-card { --solution-accent:#a87d48; min-height: 420px; padding: 26px; border: 1px solid rgba(255,255,255,.11); border-radius: 14px; display: flex; flex-direction: column; background: #17222b; transition: .25s ease; }
.solution-showcase-card:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.22); background: #1a2731; }
.solution-copper, .solution-bronze { --solution-accent:#c4925a; }
.solution-mint { --solution-accent:#62a794; }
.solution-steel { --solution-accent:#8ea3b1; }
.solution-rose { --solution-accent:#b78288; }
.solution-card-head { display: flex; align-items: center; gap: 12px; }
.solution-card-head small { color: #9facb4; font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.solution-icon { width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center; color: var(--solution-accent); background: rgba(255,255,255,.07); }
.solution-icon.large { width: 50px; height: 50px; border-radius: 12px; }
.solution-showcase-card h3 { margin: 30px 0 12px; font-size: 24px; letter-spacing: -.035em; }
.solution-showcase-card > p { margin: 0; color: #aeb9c0; font-size: 12px; line-height: 1.65; }
.solution-role-stack { display: grid; gap: 7px; margin-top: 22px; }
.solution-role-stack a { display: flex; align-items: center; gap: 9px; color: #d8dfe3; font-size: 10px; }
.solution-role-stack a span { width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; color: var(--solution-accent); background: rgba(255,255,255,.07); font-size: 7px; font-weight: 850; }
.solution-outcome { margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); }
.solution-outcome small, .solution-outcome strong { display: block; }
.solution-outcome small { color: #7f8d96; font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.solution-outcome strong { margin-top: 8px; color: #e8ecee; font-size: 11px; line-height: 1.5; }
.section-bottom-action { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 36px; }
.section-bottom-action.dark-action { justify-content: space-between; }

.playbook-proof-section { background: #f0f2f3; }
.playbook-proof-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; }
.playbook-proof-copy h2 { margin: 14px 0 20px; font-size: clamp(40px,4vw,60px); line-height: 1.02; letter-spacing: -.05em; }
.playbook-proof-copy > p { color: #68757e; font-size: 16px; line-height: 1.75; }
.proof-check-list { display: grid; gap: 11px; margin: 30px 0; padding: 0; list-style: none; }
.proof-check-list li { display: flex; align-items: center; gap: 10px; color: #34434d; font-size: 13px; }
.proof-check-list .icon { width: 16px; color: #4e8267; }
.playbook-document { overflow: hidden; border: 1px solid #cfd6da; border-radius: 14px; background: #fff; box-shadow: 0 24px 60px rgba(16,24,32,.11); }
.document-top { min-height: 42px; padding: 0 20px; border-bottom: 1px solid #e1e5e7; display: flex; align-items: center; justify-content: space-between; color: #75828a; background: #fafbfb; font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.document-title { padding: 25px; border-bottom: 1px solid #e3e7e9; display: flex; align-items: center; gap: 14px; }
.doc-role-icon { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; color: #8e623f; background: #f3eae2; font-size: 12px; font-weight: 900; }
.document-title small { color: #8a959c; font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.document-title h3 { margin: 5px 0 0; font-size: 22px; letter-spacing: -.035em; }
.document-row { display: grid; grid-template-columns: 90px 1fr; gap: 20px; padding: 16px 25px; border-bottom: 1px solid #edf0f1; }
.document-row span { color: #829099; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.document-row p { margin: 0; color: #47555f; font-size: 11px; line-height: 1.55; }
.document-steps { padding: 22px 25px; }
.document-steps > span { color: #7d8991; font-size: 8px; font-weight: 850; letter-spacing: .11em; }
.document-steps ol { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; counter-reset: docstep; }
.document-steps li { min-height: 82px; padding: 12px 10px; border-radius: 8px; color: #526069; background: #f3f5f5; font-size: 9px; line-height: 1.4; counter-increment: docstep; }
.document-steps li::before { content: counter(docstep, decimal-leading-zero); display: block; margin-bottom: 9px; color: #a87d48; font-weight: 900; }
.document-output { margin: 0 25px 15px; padding: 14px; border-radius: 9px; display: flex; gap: 12px; align-items: center; background: #eaf1f4; }
.document-output > span { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; color: var(--corp-blue); background: #fff; }
.document-output small, .document-output strong { display: block; }
.document-output small { color: #71808a; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.document-output strong { margin-top: 4px; font-size: 10px; line-height: 1.45; }
.document-handoff { padding: 14px 25px; display: grid; grid-template-columns: 90px 1fr; gap: 15px; color: #e7ecef; background: #20323f; font-size: 9px; line-height: 1.5; }
.document-handoff strong { color: #d3ae7c; font-size: 8px; letter-spacing: .09em; }

.professions-section { background: #fff; }
.corp-role-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.corp-role-card { --role-accent:#18384c; --role-soft:#eaf0f3; min-height: 270px; padding: 24px; border: 1px solid #dce1e4; border-radius: 14px; display: flex; flex-direction: column; background: #fff; transition: .22s ease; }
.corp-role-card:hover { transform: translateY(-3px); border-color: #bdc7cc; box-shadow: 0 16px 36px rgba(16,24,32,.08); }
.corp-role-top { display: flex; align-items: center; gap: 10px; }
.corp-role-avatar { width: 39px; height: 39px; border-radius: 10px; display: grid; place-items: center; color: var(--role-accent); background: var(--role-soft); font-size: 10px; font-weight: 900; }
.corp-role-category { color: #87939b; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.corp-role-top > .icon { width: 16px; margin-left: auto; color: #8e9aa1; }
.corp-role-card h3 { margin: 26px 0 10px; font-size: 21px; letter-spacing: -.035em; }
.corp-role-card > p { margin: 0; color: #6b7881; font-size: 11px; line-height: 1.65; }
.corp-role-meta { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 20px; border-top: 1px solid #e8ebed; color: #7f8b93; font-size: 9px; }

.methodology-section { background: #f0f2f3; }
.methodology-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 100px; }
.methodology-intro { position: sticky; top: 110px; align-self: start; }
.methodology-intro h2 { margin: 14px 0 18px; font-size: 46px; line-height: 1.04; letter-spacing: -.05em; }
.methodology-intro p { color: #66737c; font-size: 15px; line-height: 1.75; }
.methodology-intro .btn { margin-top: 18px; }
.methodology-steps { border-top: 1px solid #cfd6da; }
.methodology-steps article { min-height: 150px; padding: 26px 0; border-bottom: 1px solid #cfd6da; display: grid; grid-template-columns: 70px 1fr; gap: 26px; }
.methodology-steps article > span { color: #a87d48; font-size: 11px; font-weight: 900; }
.methodology-steps h3 { margin: 0 0 10px; font-size: 22px; letter-spacing: -.035em; }
.methodology-steps p { max-width: 650px; margin: 0; color: #66737c; font-size: 13px; line-height: 1.65; }

.trust-center-preview { color: #fff; background: var(--corp-blue-dark); }
.trust-preview-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; align-items: center; }
.trust-preview-copy h2 { margin: 14px 0 20px; font-size: 48px; line-height: 1.03; letter-spacing: -.05em; }
.trust-preview-copy p { color: #b7c4cb; font-size: 15px; line-height: 1.75; }
.trust-preview-copy .btn { margin-top: 20px; }
.trust-control-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.trust-control-grid article { min-height: 190px; padding: 24px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(255,255,255,.04); }
.trust-control-grid .icon { color: #d0a66f; }
.trust-control-grid h3 { margin: 24px 0 9px; font-size: 16px; }
.trust-control-grid p { margin: 0; color: #aebdc5; font-size: 11px; line-height: 1.65; }

.corp-final-cta { padding: 78px 0; background: #fff; border-top: 1px solid #dde2e5; }
.corp-final-inner { display: grid; grid-template-columns: 1.25fr .75fr; gap: 80px; align-items: center; }
.corp-final-inner h2 { max-width: 790px; margin: 13px 0 14px; font-size: clamp(38px,4vw,58px); line-height: 1.03; letter-spacing: -.05em; }
.corp-final-inner p { max-width: 740px; margin: 0; color: #68757e; font-size: 15px; line-height: 1.7; }
.corp-final-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.corp-final-actions small { width: 100%; margin-top: 4px; color: #849098; font-size: 10px; text-align: right; }

/* Corporate internal pages */
.corporate-page-hero { padding: 86px 0 72px; border-bottom: 1px solid #dce1e4; background: #f7f8f8; }
.corporate-page-hero-grid { display: grid; grid-template-columns: 1.15fr .55fr; gap: 90px; align-items: end; }
.corporate-page-hero h1 { max-width: 900px; margin: 16px 0 0; color: var(--corp-ink); font-size: clamp(48px,5vw,72px); line-height: 1; letter-spacing: -.058em; }
.corporate-page-hero-grid > div:last-child > p { margin: 0 0 24px; color: #65727c; font-size: 16px; line-height: 1.75; }

.catalog-control-section { padding: 42px 0 96px; background: #fff; }
.corporate-catalog-toolbar { display: grid; grid-template-columns: minmax(320px,.75fr) 1.25fr; gap: 28px; align-items: center; margin-bottom: 36px; }
.catalog-search { min-height: 52px; padding: 0 14px; border: 1px solid #d5dbdf; border-radius: 10px; display: flex; align-items: center; gap: 10px; background: #fff; }
.catalog-search .icon { width: 18px; color: #7f8b93; }
.catalog-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--corp-ink); background: transparent; font-size: 13px; }
.catalog-search > span { min-width: max-content; padding-left: 12px; border-left: 1px solid #e0e4e6; color: #87939a; font-size: 10px; font-weight: 750; }
.compact-tabs { justify-content: flex-end; gap: 7px; margin: 0; }
.compact-tabs a { padding: 9px 12px; border: 1px solid #dce1e4; border-radius: 8px; color: #65727b; background: #fff; font-size: 10px; font-weight: 750; }
.compact-tabs a.is-active, .compact-tabs a:hover { color: #fff; border-color: var(--corp-blue); background: var(--corp-blue); }
.catalog-role-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.catalog-role-card { --role-accent:#18384c; --role-soft:#eaf0f3; min-height: 430px; border: 1px solid #dce1e4; border-radius: 14px; display: flex; flex-direction: column; background: #fff; transition: .22s ease; }
.catalog-role-card:hover { transform: translateY(-3px); border-color: #bbc6cc; box-shadow: 0 18px 42px rgba(16,24,32,.09); }
.catalog-role-card-main { padding: 24px 24px 18px; flex: 1; }
.catalog-role-card-top { min-height: 42px; display: flex; align-items: center; gap: 10px; }
.catalog-role-icon { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; color: var(--role-accent); background: var(--role-soft); }
.catalog-role-icon .icon { width: 19px; }
.role-function-label, .role-popular-label { padding: 5px 7px; border-radius: 5px; color: #69767f; background: #f0f2f3; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.role-popular-label { margin-left: auto; color: #87623d; background: #f5eee6; }
.role-category { display: block; margin-top: 28px; color: var(--role-accent); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.catalog-role-card h2 { margin: 9px 0 10px; font-size: 25px; letter-spacing: -.04em; }
.catalog-role-card-main > p { margin: 0; color: #68757e; font-size: 12px; line-height: 1.67; }
.role-card-capabilities { display: grid; gap: 8px; margin-top: 22px; }
.role-card-capabilities span { display: flex; align-items: center; gap: 8px; color: #52606a; font-size: 10px; }
.role-card-capabilities .icon { width: 14px; color: #4c8167; }
.catalog-role-card-bottom { min-height: 84px; padding: 15px 20px; border-top: 1px solid #e5e8ea; display: grid; grid-template-columns: 1fr auto 34px; gap: 15px; align-items: center; background: #fafbfb; border-radius: 0 0 14px 14px; }
.role-card-evidence { display: flex; gap: 12px; color: #859199; font-size: 8px; }
.role-card-evidence strong { color: #45525b; }
.role-card-price small, .role-card-price strong { display: block; }
.role-card-price small { color: #8b969d; font-size: 8px; }
.role-card-price strong { margin-top: 2px; font-size: 16px; }
.role-card-price strong span { color: #8b969d; font-size: 9px; font-weight: 500; }
.role-card-open { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--corp-blue); }
.role-card-open .icon { width: 15px; }
.catalog-empty { padding: 80px 20px; text-align: center; }
.catalog-empty .icon { width: 34px; height: 34px; margin: 0 auto; color: #8c989f; }
.catalog-empty h3 { margin: 18px 0 8px; font-size: 24px; }
.catalog-empty p { color: #748089; }
.catalog-empty .btn { margin-top: 12px; }
.catalog-solution-bridge { padding: 60px 0; color: #fff; background: var(--corp-blue-dark); }
.catalog-solution-bridge-inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.catalog-solution-bridge h2 { margin: 10px 0 8px; font-size: 36px; letter-spacing: -.045em; }
.catalog-solution-bridge p { margin: 0; color: #b6c3ca; }

/* Role passport */
.role-passport-hero { --role-accent:#18384c; --role-soft:#eaf0f3; padding: 76px 0 70px; border-bottom: 1px solid #dce1e4; background: #f7f8f8; }
.role-passport-grid { display: grid; grid-template-columns: 1.2fr .62fr; gap: 90px; align-items: center; }
.role-passport-breadcrumb { display: flex; gap: 9px; color: #849098; font-size: 10px; }
.role-passport-breadcrumb a:hover { color: var(--corp-blue); }
.role-passport-label { display: flex; align-items: center; gap: 12px; margin-top: 28px; }
.role-passport-avatar { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; color: var(--role-accent); background: var(--role-soft); font-size: 12px; font-weight: 900; }
.role-passport-label small, .role-passport-label strong { display: block; }
.role-passport-label small { color: #87939b; font-size: 8px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.role-passport-label strong { margin-top: 4px; color: var(--role-accent); font-size: 11px; }
.role-passport-copy h1 { margin: 22px 0 18px; font-size: clamp(54px,6vw,82px); line-height: .95; letter-spacing: -.065em; }
.role-passport-lead { max-width: 790px; margin: 0; color: #5e6c76; font-size: 18px; line-height: 1.72; }
.role-passport-actions { display: flex; gap: 10px; margin-top: 30px; }
.role-passport-facts { display: flex; gap: 0; margin-top: 36px; padding-top: 24px; border-top: 1px solid #d9dee1; }
.role-passport-facts span { min-width: 145px; padding: 0 20px; border-left: 1px solid #d9dee1; }
.role-passport-facts span:first-child { padding-left: 0; border-left: 0; }
.role-passport-facts strong, .role-passport-facts small { display: block; }
.role-passport-facts strong { font-size: 17px; }
.role-passport-facts small { margin-top: 5px; color: #859098; font-size: 9px; }
.role-passport-sheet { overflow: hidden; border: 1px solid #ccd4d8; border-radius: 14px; background: #fff; box-shadow: 0 25px 60px rgba(16,24,32,.11); }
.passport-sheet-head { min-height: 42px; padding: 0 18px; border-bottom: 1px solid #e1e5e7; display: flex; align-items: center; justify-content: space-between; color: #7c8991; background: #fafbfb; font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.role-passport-sheet dl { margin: 0; }
.role-passport-sheet dl > div { padding: 18px 20px; border-bottom: 1px solid #e8ebed; display: grid; grid-template-columns: 105px 1fr; gap: 18px; }
.role-passport-sheet dt { color: #87939a; font-size: 9px; font-weight: 750; }
.role-passport-sheet dd { margin: 0; color: #34424c; font-size: 11px; line-height: 1.55; }
.passport-status { min-height: 54px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; background: #f2f5f5; }
.passport-status span { display: inline-flex; align-items: center; gap: 8px; color: #47745b; font-size: 9px; font-weight: 800; }
.passport-status i { width: 6px; height: 6px; border-radius: 50%; background: #5ba47a; }
.passport-status small { color: #8a969d; font-size: 8px; }
.role-mission-band { padding: 24px 0; color: #fff; background: var(--corp-blue-dark); }
.role-mission-grid { display: grid; grid-template-columns: 130px 1.2fr .6fr; gap: 40px; align-items: center; }
.role-mission-grid > span, .role-mission-grid small { color: #a8b7c0; font-size: 8px; font-weight: 850; letter-spacing: .11em; }
.role-mission-grid > p { margin: 0; color: #edf1f3; font-size: 14px; line-height: 1.55; }
.role-mission-grid > div { padding-left: 30px; border-left: 1px solid rgba(255,255,255,.15); }
.role-mission-grid strong { display: block; margin-top: 5px; color: #d9e1e5; font-size: 10px; }
.role-results-section { background: #fff; }
.role-profile-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.role-profile-panel { padding: 26px; border: 1px solid #dce1e4; border-radius: 14px; }
.role-panel-title { display: flex; align-items: center; gap: 12px; }
.role-panel-title > span { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; color: var(--corp-blue); background: #eaf0f3; }
.role-panel-title small { color: #87939a; font-size: 8px; font-weight: 850; letter-spacing: .09em; }
.role-panel-title h3 { margin: 3px 0 0; font-size: 18px; }
.role-profile-panel ul { display: grid; gap: 12px; margin: 26px 0 0; padding: 20px 0 0; border-top: 1px solid #e5e8ea; list-style: none; }
.role-profile-panel li { display: flex; gap: 9px; color: #56636d; font-size: 11px; line-height: 1.5; }
.role-profile-panel li .icon { width: 14px; margin-top: 2px; color: #4e8068; }
.role-playbooks-section { color: #fff; background: #101820; }
.role-playbook-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.role-playbook-card { padding: 26px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: #17232c; }
.playbook-card-number { display: flex; justify-content: space-between; color: #84949e; font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.playbook-card-number span { color: #d0a46c; }
.role-playbook-card h3 { margin: 28px 0 22px; font-size: 23px; letter-spacing: -.04em; }
.playbook-fact { padding: 12px 0; border-top: 1px solid rgba(255,255,255,.1); }
.playbook-fact small, .playbook-result small, .playbook-gate small { display: block; color: #84949e; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.playbook-fact p { margin: 5px 0 0; color: #c5ced3; font-size: 10px; line-height: 1.55; }
.role-playbook-card ol { display: grid; gap: 8px; margin: 18px 0; padding: 0; list-style: none; }
.role-playbook-card ol li { display: flex; align-items: center; gap: 10px; color: #dbe1e4; font-size: 10px; }
.role-playbook-card ol li span { width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; color: #d0a46c; background: rgba(255,255,255,.06); font-size: 7px; font-weight: 850; }
.playbook-result { padding: 14px; border-radius: 8px; background: rgba(255,255,255,.06); }
.playbook-result strong { display: block; margin-top: 6px; color: #eef2f4; font-size: 10px; line-height: 1.5; }
.playbook-gate { margin-top: 10px; padding: 12px; border: 1px solid rgba(208,164,108,.28); border-radius: 8px; display: flex; gap: 10px; color: #bdc8cd; font-size: 9px; line-height: 1.5; }
.playbook-gate .icon { width: 16px; color: #d0a46c; }
.role-guardrails-section { background: #f0f2f3; }
.role-guardrails-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 100px; }
.role-guardrails-grid h2 { margin: 14px 0 18px; font-size: 48px; line-height: 1.04; letter-spacing: -.05em; }
.role-guardrails-grid > div:first-child p { color: #68757e; line-height: 1.75; }
.guardrail-list { border-top: 1px solid #cdd5d9; }
.guardrail-list article { min-height: 80px; padding: 18px 0; border-bottom: 1px solid #cdd5d9; display: grid; grid-template-columns: 50px 1fr; gap: 20px; align-items: center; }
.guardrail-list article > span { color: #a87d48; font-size: 10px; font-weight: 900; }
.guardrail-list p { margin: 0; color: #3f4e58; font-size: 13px; line-height: 1.6; }
.guardrail-list .guardrail-human { margin-top: 20px; padding: 20px; border: 0; border-radius: 10px; grid-template-columns: 34px 1fr; color: #fff; background: var(--corp-blue-dark); }
.guardrail-human .icon { color: #d2a76e; }
.guardrail-human p { color: #dce3e7; font-size: 11px; }
.guardrail-human strong { color: #fff; }
.role-knowledge-section { background: #fff; }
.role-knowledge-grid { display: grid; grid-template-columns: .72fr 1fr .8fr; gap: 34px; align-items: start; }
.role-knowledge-copy h2 { margin: 14px 0 16px; font-size: 42px; line-height: 1.04; letter-spacing: -.05em; }
.role-knowledge-copy p { color: #68757e; font-size: 13px; line-height: 1.7; }
.role-topic-list { border-top: 1px solid #d4dade; }
.role-topic-list article { min-height: 82px; padding: 15px 0; border-bottom: 1px solid #d4dade; display: grid; grid-template-columns: 36px 1fr 20px; gap: 12px; align-items: center; }
.role-topic-list article > span { color: #a87d48; font-size: 9px; font-weight: 900; }
.role-topic-list strong, .role-topic-list small { display: block; }
.role-topic-list strong { font-size: 13px; }
.role-topic-list small { margin-top: 4px; color: #8a959c; font-size: 9px; }
.role-topic-list .icon { width: 15px; color: #87939a; }
.role-preview-prompts { padding: 22px; border: 1px solid #dce1e4; border-radius: 12px; background: #f7f8f8; }
.role-preview-prompts > small { color: #7f8c94; font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.prompt-example { display: grid; grid-template-columns: 25px 1fr; gap: 10px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #dfe3e5; }
.prompt-example span { width: 23px; height: 23px; border-radius: 6px; display: grid; place-items: center; color: #8c683e; background: #f1e9df; font-size: 7px; font-weight: 900; }
.prompt-example p { margin: 0; color: #53616a; font-size: 10px; line-height: 1.5; }
.role-hire-panel { padding: 66px 0; color: #fff; background: var(--corp-blue-dark); }
.role-hire-inner { display: grid; grid-template-columns: 1fr auto; gap: 70px; align-items: center; }
.role-hire-inner h2 { margin: 10px 0; font-size: 44px; line-height: 1.04; letter-spacing: -.05em; }
.role-hire-inner p { margin: 0; color: #b9c6cc; }
.role-hire-price { min-width: 250px; text-align: right; }
.role-hire-price > small { font-size: 11px; }
.role-hire-price > strong { margin-left: 6px; font-size: 42px; }
.role-hire-price > span { color: #aab9c1; font-size: 11px; }
.role-hire-price p { margin: 3px 0 15px; font-size: 10px; }
.related-roles-section { background: #f0f2f3; }
.related-role-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.related-role-card { --role-accent:#18384c; --role-soft:#eaf0f3; min-height: 190px; padding: 22px; border: 1px solid #d7dde0; border-radius: 12px; display: grid; grid-template-columns: 42px 1fr 18px; gap: 14px; align-items: start; background: #fff; }
.related-avatar { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; color: var(--role-accent); background: var(--role-soft); font-size: 9px; font-weight: 900; }
.related-role-card small { color: #87939a; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.related-role-card h3 { margin: 5px 0 8px; font-size: 18px; }
.related-role-card p { margin: 0; color: #6b7880; font-size: 10px; line-height: 1.55; }
.related-role-card > .icon { width: 15px; color: #8a969d; }

/* Finder */
.finder-hero-grid, .company-hero-grid, .security-hero-grid, .contact-hero-grid { display: grid; grid-template-columns: 1.05fr .55fr; gap: 90px; align-items: center; }
.finder-hero h1, .company-hero h1, .security-hero h1, .contact-hero h1 { max-width: 800px; margin: 16px 0 18px; font-size: clamp(48px,5vw,72px); line-height: .99; letter-spacing: -.058em; }
.finder-hero p, .company-hero p, .security-hero p, .contact-hero p { max-width: 730px; color: #65727b; font-size: 16px; line-height: 1.75; }
.finder-method-card, .company-principles-card, .contact-expectations { padding: 24px; border: 1px solid #d3dadd; border-radius: 12px; background: #fff; }
.finder-method-card > span, .company-principles-card > span, .contact-expectations > span { color: #7f8c94; font-size: 8px; font-weight: 850; letter-spacing: .11em; }
.finder-method-card > div, .company-principles-card > div, .contact-expectations > div { padding: 15px 0; border-top: 1px solid #e1e5e7; display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: center; }
.finder-method-card > div:first-of-type, .company-principles-card > div:first-of-type, .contact-expectations > div:first-of-type { margin-top: 15px; }
.finder-method-card strong, .company-principles-card strong, .contact-expectations strong { color: #a87d48; font-size: 9px; }
.finder-method-card p, .company-principles-card p, .contact-expectations p { margin: 0; color: #47555f; font-size: 11px; line-height: 1.5; }
.finder-workspace-section { padding: 42px 0 100px; background: #fff; }
.finder-group-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 20px; }
.finder-group-tabs button { padding: 9px 12px; border: 1px solid #d9dfe2; border-radius: 8px; color: #66737c; background: #fff; font-size: 10px; font-weight: 750; cursor: pointer; }
.finder-group-tabs button.is-active { color: #fff; border-color: var(--corp-blue); background: var(--corp-blue); }
.corporate-role-finder { display: grid; grid-template-columns: .85fr 1.15fr; gap: 16px; align-items: start; }
.finder-options-panel, .finder-result-panel { border: 1px solid #d8dee1; border-radius: 14px; background: #fff; overflow: hidden; }
.finder-panel-head { min-height: 82px; padding: 18px 22px; border-bottom: 1px solid #e0e4e6; display: flex; align-items: center; gap: 14px; background: #f8f9f9; }
.finder-panel-head > span { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; color: #fff; background: var(--corp-blue); font-size: 9px; font-weight: 900; }
.finder-panel-head small { color: #839098; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.finder-panel-head h2 { margin: 4px 0 0; font-size: 18px; }
.finder-role-list { max-height: 900px; overflow: auto; }
.finder-role-option { width: 100%; min-height: 88px; padding: 15px 18px; border: 0; border-bottom: 1px solid #e8ebed; display: grid; grid-template-columns: 38px 1fr 18px; gap: 12px; align-items: center; text-align: left; background: #fff; cursor: pointer; }
.finder-role-option:hover { background: #fafbfb; }
.finder-role-option.is-selected { background: #edf2f5; box-shadow: inset 3px 0 0 var(--corp-blue); }
.finder-role-icon { --role-accent:#18384c; --role-soft:#eaf0f3; width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center; color: var(--role-accent); background: var(--role-soft); }
.finder-role-option strong, .finder-role-option small { display: block; }
.finder-role-option strong { font-size: 12px; }
.finder-role-option small { margin-top: 4px; color: #7c8991; font-size: 9px; line-height: 1.4; }
.finder-role-option > i { color: #87939a; }
.finder-role-option > i .icon { width: 15px; }
.finder-result-panel { position: sticky; top: 90px; }
.finder-result-card { --role-accent:#18384c; --role-soft:#eaf0f3; display: none; padding: 26px; }
.finder-result-card.is-active { display: block; }
.finder-result-top { display: grid; grid-template-columns: 54px 1fr auto; gap: 14px; align-items: center; }
.finder-result-avatar { width: 54px; height: 54px; border-radius: 13px; display: grid; place-items: center; color: var(--role-accent); background: var(--role-soft); font-size: 12px; font-weight: 900; }
.finder-result-top small { color: var(--role-accent); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.finder-result-top h3 { margin: 3px 0; font-size: 25px; letter-spacing: -.04em; }
.finder-result-top p { margin: 0; color: #748089; font-size: 10px; }
.finder-fit { display: inline-flex; align-items: center; gap: 7px; color: #4d785f; font-size: 9px; font-weight: 800; }
.finder-fit i { width: 6px; height: 6px; border-radius: 50%; background: #5ba47a; }
.finder-result-mission { margin-top: 24px; padding: 16px; border-radius: 9px; background: #f3f5f5; }
.finder-result-mission small, .finder-result-columns small { color: #849098; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.finder-result-mission p { margin: 6px 0 0; color: #3f4e58; font-size: 12px; line-height: 1.55; }
.finder-result-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 24px; }
.finder-result-columns ul { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.finder-result-columns li { display: flex; align-items: flex-start; gap: 8px; color: #53616a; font-size: 10px; line-height: 1.45; }
.finder-result-columns li .icon { width: 13px; margin-top: 1px; color: #4e8168; }
.finder-result-columns li span { width: 22px; height: 22px; border-radius: 5px; display: grid; place-items: center; flex: 0 0 auto; color: #8d663e; background: #f3ebe2; font-size: 7px; font-weight: 900; }
.finder-result-guard { margin-top: 24px; padding: 14px; border: 1px solid #ddd3c6; border-radius: 9px; display: flex; gap: 11px; color: #5f5145; background: #f7f2ec; font-size: 10px; line-height: 1.5; }
.finder-result-guard .icon { width: 17px; color: #9b7143; }
.finder-result-guard small { display: block; margin-bottom: 4px; color: #947146; font-size: 7px; font-weight: 850; letter-spacing: .08em; }
.finder-result-footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #dfe3e5; }
.finder-result-footer > div:last-child { display: flex; gap: 8px; }
.finder-result-footer small { display: block; color: #87939a; font-size: 7px; font-weight: 850; }
.finder-result-footer strong { font-size: 24px; }
.finder-result-footer strong span { color: #89949b; font-size: 10px; font-weight: 500; }
.finder-team-note { padding: 62px 0; color: #fff; background: #101820; }
.finder-team-note-inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.finder-team-note h2 { margin: 10px 0 8px; font-size: 38px; letter-spacing: -.045em; }
.finder-team-note p { margin: 0; color: #b7c3ca; }

/* Solutions */
.solutions-index-section { background: #fff; }
.solution-index-nav { position: sticky; top: 72px; z-index: 10; padding: 12px; border: 1px solid #d9dfe2; border-radius: 10px; display: flex; gap: 8px; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.solution-index-nav a { flex: 1; padding: 10px 12px; border-radius: 7px; display: flex; align-items: center; gap: 8px; color: #5f6c75; font-size: 10px; font-weight: 750; }
.solution-index-nav a:hover { color: #fff; background: var(--corp-blue); }
.solution-index-nav span { color: #a87d48; font-size: 8px; }
.solutions-long-list { display: grid; gap: 24px; margin-top: 28px; }
.solution-detail-block { --solution-accent:#a87d48; padding: 34px; border: 1px solid #d7dde0; border-radius: 16px; display: grid; grid-template-columns: .7fr .9fr 1.2fr; gap: 34px; background: #f8f9f9; scroll-margin-top: 150px; }
.solution-detail-intro > small { display: block; margin-top: 20px; color: var(--solution-accent); font-size: 8px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.solution-detail-number { float: right; color: #c2c9cd; font-size: 10px; font-weight: 900; }
.solution-detail-intro h2 { margin: 8px 0 12px; font-size: 30px; letter-spacing: -.045em; }
.solution-detail-intro > p { color: #66737c; font-size: 11px; line-height: 1.65; }
.solution-outcome-list { display: grid; gap: 8px; margin-top: 24px; }
.solution-outcome-list small, .solution-flow-title small, .solution-team-title small { color: #849098; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.solution-outcome-list span { display: flex; gap: 8px; color: #4f5d66; font-size: 9px; line-height: 1.45; }
.solution-outcome-list .icon { width: 13px; color: #4e8168; }
.solution-flow-panel, .solution-team-panel { padding: 22px; border: 1px solid #dce1e4; border-radius: 12px; background: #fff; }
.solution-flow-title strong, .solution-team-title strong { display: block; margin-top: 5px; font-size: 15px; }
.solution-flow-panel ol { display: grid; gap: 0; margin: 20px 0 0; padding: 0; list-style: none; }
.solution-flow-panel li { position: relative; min-height: 57px; display: grid; grid-template-columns: 31px 1fr; gap: 10px; }
.solution-flow-panel li span { width: 27px; height: 27px; border-radius: 7px; display: grid; place-items: center; color: var(--solution-accent); background: #f2f4f4; font-size: 7px; font-weight: 900; }
.solution-flow-panel li p { margin: 5px 0 0; color: #526069; font-size: 10px; }
.solution-flow-panel li i { position: absolute; left: 13px; top: 29px; bottom: 0; width: 1px; background: #dfe3e5; }
.solution-team-roles { display: grid; gap: 8px; margin-top: 18px; }
.solution-team-role { --role-accent:#18384c; --role-soft:#eaf0f3; min-height: 78px; padding: 10px; border: 1px solid #e0e4e6; border-radius: 9px; display: grid; grid-template-columns: 34px 1fr 15px; gap: 10px; align-items: center; }
.solution-team-role > span { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; color: var(--role-accent); background: var(--role-soft); font-size: 7px; font-weight: 900; }
.solution-team-role small { color: #8a969d; font-size: 7px; }
.solution-team-role strong { display: block; margin-top: 2px; font-size: 11px; }
.solution-team-role p { margin: 3px 0 0; color: #7b878e; font-size: 8px; line-height: 1.4; }
.solution-team-role > .icon { width: 14px; color: #8d989f; }
.solution-architecture-section { background: #f0f2f3; }
.solution-architecture-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.solution-architecture-grid article { min-height: 240px; padding: 24px; border: 1px solid #d5dbde; border-radius: 12px; background: #fff; }
.solution-architecture-grid span { color: #a87d48; font-size: 9px; font-weight: 900; }
.solution-architecture-grid h3 { margin: 45px 0 10px; font-size: 19px; }
.solution-architecture-grid p { margin: 0; color: #69767f; font-size: 11px; line-height: 1.65; }

/* Company */
.company-hero-actions, .security-hero-actions { display: flex; gap: 10px; margin-top: 26px; }
.company-fact-band { background: #fff; border-bottom: 1px solid #dce1e4; }
.company-fact-band .container { min-height: 104px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; }
.company-fact-band .container > div { padding: 0 28px; border-left: 1px solid #dfe3e5; }
.company-fact-band .container > div:first-child { padding-left: 0; border-left: 0; }
.company-fact-band strong, .company-fact-band span { display: block; }
.company-fact-band strong { font-size: 29px; letter-spacing: -.04em; }
.company-fact-band span { margin-top: 6px; color: #7e8a92; font-size: 10px; }
.role-lab-section { background: #fff; }
.role-lab-track { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid #d8dee1; border-radius: 15px; overflow: hidden; }
.role-lab-track article { min-height: 350px; padding: 24px; border-left: 1px solid #dce1e4; }
.role-lab-track article:first-child { border-left: 0; }
.role-lab-track article > span { color: #a87d48; font-size: 9px; font-weight: 900; }
.lab-icon { width: 42px; height: 42px; margin: 45px 0 26px; border-radius: 10px; display: grid; place-items: center; color: var(--corp-blue); background: #eaf0f3; }
.role-lab-track small { color: #849098; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.role-lab-track h3 { margin: 8px 0 12px; font-size: 19px; }
.role-lab-track p { color: #68757e; font-size: 10px; line-height: 1.65; }
.company-standard-section { color: #fff; background: #101820; }
.company-standard-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 100px; align-items: center; }
.company-standard-copy h2 { margin: 13px 0 18px; font-size: 50px; line-height: 1.03; letter-spacing: -.05em; }
.company-standard-copy p { color: #b6c2c9; line-height: 1.75; }
.standard-matrix { overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; }
.standard-matrix-head, .standard-matrix > div:not(.standard-matrix-head) { display: grid; grid-template-columns: .5fr 1fr; gap: 20px; align-items: center; }
.standard-matrix-head { min-height: 40px; padding: 0 20px; color: #87969f; background: rgba(255,255,255,.04); font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.standard-matrix > div:not(.standard-matrix-head) { min-height: 63px; padding: 12px 20px; border-top: 1px solid rgba(255,255,255,.1); }
.standard-matrix strong { color: #e8edef; font-size: 11px; }
.standard-matrix p { margin: 0; color: #abb8bf; font-size: 10px; }
.company-position-section { background: #f0f2f3; }
.company-position-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; }
.company-position-grid h2 { margin: 14px 0 0; font-size: 50px; line-height: 1.03; letter-spacing: -.05em; }
.company-position-points { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #cfd6da; }
.company-position-points article { min-height: 170px; padding: 25px; border-right: 1px solid #cfd6da; border-bottom: 1px solid #cfd6da; }
.company-position-points article:nth-child(even) { border-right: 0; }
.company-position-points strong { font-size: 17px; }
.company-position-points p { color: #68757e; font-size: 11px; line-height: 1.65; }
.company-contact-strip, .security-contact-cta { padding: 62px 0; color: #fff; background: var(--corp-blue-dark); }
.company-contact-strip .container, .security-contact-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.company-contact-strip small { color: #aebbc2; font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.company-contact-strip h2, .security-contact-cta h2 { max-width: 780px; margin: 8px 0 0; font-size: 35px; line-height: 1.1; letter-spacing: -.04em; }

/* Security */
.security-status-board { overflow: hidden; border: 1px solid #cfd6da; border-radius: 12px; background: #fff; }
.security-board-head { min-height: 52px; padding: 0 17px; border-bottom: 1px solid #e0e4e6; display: flex; align-items: center; justify-content: space-between; background: #f8f9f9; }
.security-board-head span { color: #7f8c94; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.security-board-head strong { display: inline-flex; align-items: center; gap: 7px; color: #4d785f; font-size: 9px; }
.security-board-head i { width: 6px; height: 6px; border-radius: 50%; background: #5ba47a; }
.security-status-board > div:not(.security-board-head) { min-height: 48px; padding: 0 17px; border-bottom: 1px solid #e7eaec; display: flex; align-items: center; justify-content: space-between; color: #68757e; font-size: 10px; }
.security-status-board > div:last-child { border-bottom: 0; }
.security-status-board > div strong { color: #416f58; font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.security-status-board .planned { color: #947043; }
.security-scope-band { background: #fff; border-bottom: 1px solid #dce1e4; }
.security-scope-band .container { min-height: 62px; display: flex; justify-content: space-around; align-items: center; }
.security-scope-band span { display: inline-flex; align-items: center; gap: 8px; color: #65727b; font-size: 10px; font-weight: 750; }
.security-scope-band .icon { width: 16px; color: var(--corp-blue); }
.implemented-controls-section { background: #fff; }
.controls-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.controls-grid article { position: relative; min-height: 300px; padding: 24px; border: 1px solid #d9dfe2; border-radius: 12px; }
.control-index { position: absolute; right: 20px; top: 20px; color: #b7c0c5; font-size: 8px; font-weight: 900; }
.controls-grid article > .icon { color: var(--corp-blue); }
.controls-grid h3 { margin: 60px 0 12px; font-size: 18px; line-height: 1.2; }
.controls-grid p { color: #68757e; font-size: 10px; line-height: 1.65; }
.controls-grid small { position: absolute; left: 24px; right: 24px; bottom: 20px; padding-top: 14px; border-top: 1px solid #e2e6e8; color: #8a969d; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.responsibility-boundary-section { color: #fff; background: #101820; }
.responsibility-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 80px; align-items: center; }
.responsibility-grid h2 { margin: 13px 0 18px; font-size: 46px; line-height: 1.04; letter-spacing: -.05em; }
.responsibility-grid > div:first-child p { color: #b6c2c9; line-height: 1.75; }
.responsibility-table { overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; }
.responsibility-head, .responsibility-table > div:not(.responsibility-head) { display: grid; grid-template-columns: .6fr .7fr 1fr; gap: 15px; align-items: center; }
.responsibility-head { min-height: 39px; padding: 0 18px; color: #84949d; background: rgba(255,255,255,.04); font-size: 7px; font-weight: 850; letter-spacing: .08em; }
.responsibility-table > div:not(.responsibility-head) { min-height: 59px; padding: 12px 18px; border-top: 1px solid rgba(255,255,255,.1); }
.responsibility-table strong { color: #e7ecee; font-size: 10px; }
.responsibility-table span { color: #aebac1; font-size: 9px; }
.data-principles-section { background: #f0f2f3; }
.data-principle-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.data-principle-grid article { min-height: 200px; padding: 24px; border-top: 3px solid #a87d48; background: #fff; }
.data-principle-grid strong { font-size: 15px; }
.data-principle-grid p { color: #68757e; font-size: 10px; line-height: 1.65; }
.security-contact-cta p { max-width: 720px; color: #b5c2c9; }

/* Contact */
.contact-direct { display: flex; gap: 50px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #d7dde0; }
.contact-direct small, .contact-direct a, .contact-direct strong { display: block; }
.contact-direct small { color: #859199; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.contact-direct a, .contact-direct strong { margin-top: 5px; font-size: 13px; }
.contact-form-section { background: #fff; }
.contact-form-grid { display: grid; grid-template-columns: .6fr 1.4fr; gap: 90px; align-items: start; }
.contact-form-intro h2 { margin: 13px 0 18px; font-size: 48px; line-height: 1.04; letter-spacing: -.05em; }
.contact-form-intro > p { color: #68757e; line-height: 1.75; }
.contact-use-cases { display: grid; gap: 0; margin-top: 34px; border-top: 1px solid #d6dcdf; }
.contact-use-cases > small { padding: 15px 0 10px; color: #87939a; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.contact-use-cases a { padding: 12px 0; border-top: 1px solid #e3e7e9; color: #46545e; font-size: 11px; }
.contact-form-card { border: 1px solid #d3dade; border-radius: 14px; background: #f8f9f9; box-shadow: 0 20px 50px rgba(16,24,32,.07); }
.corporate-contact-form { padding: 30px; }
.corporate-contact-form .form-row { display: grid; margin-bottom: 20px; }
.corporate-contact-form .two-cols { grid-template-columns: 1fr 1fr; gap: 16px; }
.corporate-contact-form label { color: #45535d; font-size: 11px; font-weight: 750; }
.corporate-contact-form input, .corporate-contact-form select, .corporate-contact-form textarea { width: 100%; margin-top: 8px; padding: 13px 14px; border: 1px solid #cfd6da; border-radius: 9px; outline: 0; color: var(--corp-ink); background: #fff; font-size: 12px; font-weight: 450; transition: .2s ease; }
.corporate-contact-form input, .corporate-contact-form select { height: 48px; }
.corporate-contact-form input:focus, .corporate-contact-form select:focus, .corporate-contact-form textarea:focus { border-color: var(--corp-blue); box-shadow: 0 0 0 3px rgba(22,63,93,.08); }
.corporate-contact-form textarea { resize: vertical; line-height: 1.6; }
.field-hint { display: block; margin-top: 6px; color: #8b969d; font-size: 8px; font-weight: 450; }
.field-error { display: block; min-height: 14px; margin-top: 4px; color: #b74236; font-size: 8px; font-weight: 600; }
.privacy-check { display: flex; align-items: flex-start; margin: 3px 0 0; font-weight: 450!important; }
.privacy-check input { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; pointer-events: none; }
.privacy-check > span { display: flex; gap: 10px; color: #66737c; font-size: 9px; line-height: 1.6; }
.privacy-check i { width: 19px; height: 19px; border: 1px solid #c7cfd3; border-radius: 5px; display: grid; place-items: center; flex: 0 0 auto; background: #fff; }
.privacy-check i .icon { width: 12px; opacity: 0; }
.privacy-check input:checked + span i { color: #fff; border-color: var(--corp-blue); background: var(--corp-blue); }
.privacy-check input:checked + span i .icon { opacity: 1; }
.privacy-check a { color: var(--corp-blue); text-decoration: underline; }
.privacy-error { margin-bottom: 10px; }
.contact-form-note { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 12px 0 0; color: #87939a; font-size: 8px; }
.contact-form-note .icon { width: 13px; }
.contact-success { padding: 70px 50px; text-align: center; }
.contact-success > span { width: 58px; height: 58px; margin: 0 auto 24px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #4f8068; }
.contact-success > small { color: #4f8068; font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.contact-success h2 { margin: 10px 0 12px; font-size: 35px; letter-spacing: -.04em; }
.contact-success p { max-width: 520px; margin: 0 auto; color: #68757e; font-size: 12px; line-height: 1.7; }
.contact-success > div { display: flex; justify-content: center; gap: 9px; margin-top: 25px; }

/* How / deployment */
.deployment-map-section { padding: 28px 0; background: #fff; border-bottom: 1px solid #dce1e4; }
.deployment-map { display: grid; grid-template-columns: 220px 1fr; gap: 40px; align-items: center; }
.deployment-map-side span, .deployment-map-side strong, .deployment-map-side p { display: block; }
.deployment-map-side span { color: #829098; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.deployment-map-side strong { margin-top: 4px; font-size: 17px; }
.deployment-map-side p { margin: 4px 0 0; color: #87939a; font-size: 9px; }
.deployment-map-track { display: flex; align-items: center; }
.deployment-map-track > div { min-width: 110px; text-align: center; }
.deployment-map-track > i { height: 1px; flex: 1; background: #ccd4d8; }
.deployment-map-track span { width: 27px; height: 27px; margin: 0 auto; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--corp-blue); font-size: 7px; font-weight: 900; }
.deployment-map-track strong, .deployment-map-track small { display: block; }
.deployment-map-track strong { margin-top: 7px; font-size: 10px; }
.deployment-map-track small { color: #8a969d; font-size: 8px; }
.deployment-steps-section { background: #fff; }
.deployment-step-list { display: grid; gap: 16px; }
.deployment-step-block { min-height: 330px; padding: 34px; border: 1px solid #d6dcdf; border-radius: 14px; display: grid; grid-template-columns: 120px 1fr 280px; gap: 45px; background: #fafbfb; }
.deployment-step-index span, .deployment-step-index small { display: block; }
.deployment-step-index span { color: #a87d48; font-size: 36px; font-weight: 800; letter-spacing: -.04em; }
.deployment-step-index small { margin-top: 5px; color: #839098; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.deployment-step-copy h2 { margin: 0 0 14px; font-size: 31px; letter-spacing: -.045em; }
.deployment-step-copy > p { color: #66737c; font-size: 12px; line-height: 1.7; }
.deployment-step-copy ul { display: grid; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.deployment-step-copy li { padding-left: 17px; position: relative; color: #4c5a63; font-size: 10px; }
.deployment-step-copy li::before { content: ""; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; border-radius: 50%; background: #a87d48; }
.deployment-step-block aside { padding: 22px; border-left: 3px solid var(--corp-blue); background: #fff; }
.deployment-step-block aside small, .deployment-step-block aside strong, .deployment-step-block aside a { display: block; }
.deployment-step-block aside small { color: #849098; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.deployment-step-block aside strong { margin-top: 30px; font-size: 17px; }
.deployment-step-block aside p { color: #6b7881; font-size: 10px; line-height: 1.6; }
.deployment-step-block aside a { margin-top: 30px; color: var(--corp-blue); font-size: 9px; font-weight: 800; }
.evaluation-section { color: #fff; background: #101820; }
.evaluation-grid { display: grid; grid-template-columns: .6fr 1.4fr; gap: 80px; }
.evaluation-grid h2 { margin: 13px 0 18px; font-size: 48px; line-height: 1.04; letter-spacing: -.05em; }
.evaluation-grid > div:first-child p { color: #b5c1c8; line-height: 1.75; }
.evaluation-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.evaluation-cards article { min-height: 160px; padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.04); }
.evaluation-cards span { color: #d0a46c; font-size: 8px; font-weight: 900; }
.evaluation-cards h3 { margin: 30px 0 8px; font-size: 14px; }
.evaluation-cards p { margin: 0; color: #aebac1; font-size: 9px; line-height: 1.55; }

/* Pricing */
.pricing-corp-hero { display: grid; grid-template-columns: 1.1fr .55fr; gap: 90px; align-items: center; }
.pricing-corp-hero h1 { max-width: 850px; margin: 16px 0 18px; font-size: clamp(48px,5vw,72px); line-height: 1; letter-spacing: -.058em; }
.pricing-corp-hero > div > p { max-width: 750px; color: #65727b; font-size: 16px; line-height: 1.75; }
.pricing-policy-card { padding: 22px; border: 1px solid #d3dade; border-radius: 12px; background: #fff; }
.pricing-policy-card > span { color: #829098; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.pricing-policy-card > div { padding: 14px 0; border-top: 1px solid #e3e7e9; }
.pricing-policy-card > div:first-of-type { margin-top: 13px; }
.pricing-policy-card strong, .pricing-policy-card small { display: block; }
.pricing-policy-card strong { color: #17242d; font-size: 13px; }
.pricing-policy-card small { margin-top: 3px; color: #89949c; font-size: 9px; }
.pricing-switch-band { padding: 18px 0; border-bottom: 1px solid #dce1e4; background: #fff; }
.pricing-switch-band .container { display: flex; align-items: center; justify-content: space-between; }
.pricing-switch-band p { color: #849098; font-size: 10px; }
.corporate-pricing-section { padding-top: 40px; background: #fff; }
.pricing-category-note { min-height: 68px; padding: 0 18px; border: 1px solid #d9dfe2; border-radius: 10px; display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; background: #f8f9f9; }
.pricing-category-note span { font-size: 11px; font-weight: 800; }
.pricing-category-note p { color: #7b878f; font-size: 9px; }
.pricing-category-note a { color: var(--corp-blue); font-size: 9px; font-weight: 800; }
.corporate-pricing-list { margin-top: 16px; }
.corporate-pricing-list .pricing-role-row { grid-template-columns: minmax(300px,1.15fr) minmax(260px,.8fr) 120px 175px; }
.pricing-row-actions { display: flex; gap: 6px; justify-content: flex-end; }
.corporate-pricing-note { margin-top: 16px; }
.team-pricing-section { background: #f0f2f3; }
.team-pricing-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.team-pricing-grid article { min-height: 330px; padding: 23px; border: 1px solid #d7dde0; border-radius: 12px; background: #fff; }
.team-pricing-grid article > small { color: #947043; font-size: 7px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.team-pricing-grid h3 { margin: 8px 0 22px; font-size: 20px; }
.team-pricing-grid article > div { display: grid; gap: 0; border-top: 1px solid #e1e5e7; }
.team-pricing-grid article > div span { min-height: 47px; border-bottom: 1px solid #e1e5e7; display: grid; grid-template-columns: 26px 1fr auto; gap: 8px; align-items: center; color: #56636d; font-size: 9px; }
.team-pricing-grid i { width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; color: var(--corp-blue); background: #eaf0f3; font-style: normal; font-size: 6px; font-weight: 900; }
.team-pricing-grid article > div strong { font-size: 9px; }
.team-pricing-grid article > a { display: inline-block; margin-top: 20px; color: var(--corp-blue); font-size: 9px; font-weight: 800; }
.corporate-faq { background: #fff; }

/* Admin commercial inquiries */
.admin-inquiry-list { display: grid; }
.admin-inquiry-row { min-height: 88px; padding: 14px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: minmax(220px,1fr) minmax(180px,.7fr) minmax(200px,1fr) 120px 230px; gap: 16px; align-items: center; }
.admin-inquiry-row:first-child { border-top: 0; }
.admin-inquiry-row strong, .admin-inquiry-row small { display: block; }
.admin-inquiry-row small { color: var(--muted); font-size: 11px; }
.admin-inquiry-message { color: var(--ink-2); font-size: 11px; line-height: 1.45; }
.admin-inquiry-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }

/* Footer */
.corporate-footer { padding-top: 58px; background: #101820; }
.corporate-footer-grid { grid-template-columns: 1.35fr repeat(3,.65fr); }
.footer-platform-note { display: inline-block; margin-top: 12px; color: #82929b; font-size: 9px; font-weight: 750; letter-spacing: .04em; }
.corporate-footer-bottom { grid-template-columns: auto auto 1fr; gap: 30px; }
.corporate-footer-bottom span:last-child { text-align: right; }

@media (max-width: 1120px) {
  .corp-hero-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .corp-proof-strip { grid-template-columns: 1fr 1fr; row-gap: 18px; }
  .corp-proof-strip > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .solution-showcase-grid, .corp-role-grid, .controls-grid, .team-pricing-grid { grid-template-columns: repeat(2,1fr); }
  .operating-layer-grid { grid-template-columns: repeat(2,1fr); }
  .operating-layer:nth-child(3) { border-left: 0; border-top: 1px solid #e0e4e6; }
  .operating-layer:nth-child(4) { border-top: 1px solid #e0e4e6; }
  .catalog-role-grid { grid-template-columns: repeat(2,1fr); }
  .role-playbook-grid { grid-template-columns: 1fr; }
  .solution-detail-block { grid-template-columns: .8fr 1.2fr; }
  .solution-team-panel { grid-column: 1 / -1; }
  .role-lab-track { grid-template-columns: repeat(3,1fr); }
  .role-lab-track article:nth-child(4) { border-left: 0; border-top: 1px solid #dce1e4; }
  .role-lab-track article:nth-child(5) { border-top: 1px solid #dce1e4; }
  .deployment-step-block { grid-template-columns: 90px 1fr; }
  .deployment-step-block aside { grid-column: 2; }
  .corporate-pricing-list .pricing-role-row { grid-template-columns: 1fr 1fr 110px; }
  .pricing-row-actions { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 900px) {
  .corporate-rail { display: none; }
  .corp-hero, .corporate-page-hero { padding-top: 60px; }
  .corp-hero-grid, .corporate-page-hero-grid, .finder-hero-grid, .company-hero-grid, .security-hero-grid, .contact-hero-grid, .pricing-corp-hero, .playbook-proof-grid, .methodology-grid, .trust-preview-grid, .role-passport-grid, .role-guardrails-grid, .role-knowledge-grid, .company-standard-grid, .company-position-grid, .responsibility-grid, .contact-form-grid, .evaluation-grid { grid-template-columns: 1fr; gap: 45px; }
  .corp-hero-copy h1, .corporate-page-hero h1, .finder-hero h1, .company-hero h1, .security-hero h1, .contact-hero h1, .pricing-corp-hero h1 { font-size: 52px; }
  .workforce-console { max-width: 690px; }
  .corp-trustline-inner { flex-wrap: wrap; justify-content: flex-start; padding-block: 18px; }
  .corp-trustline strong { width: 100%; }
  .corp-section-head { grid-template-columns: 1fr; gap: 18px; }
  .methodology-intro, .finder-result-panel { position: static; }
  .corporate-role-finder { grid-template-columns: 1fr; }
  .finder-role-list { max-height: none; }
  .role-passport-grid { gap: 40px; }
  .role-mission-grid { grid-template-columns: 100px 1fr; }
  .role-mission-grid > div { grid-column: 2; padding-left: 0; border-left: 0; }
  .role-profile-columns, .related-role-grid { grid-template-columns: 1fr; }
  .role-knowledge-grid > div { max-width: 700px; }
  .solution-detail-block { grid-template-columns: 1fr; }
  .solution-team-panel { grid-column: auto; }
  .solution-architecture-grid { grid-template-columns: repeat(2,1fr); }
  .role-lab-track { grid-template-columns: repeat(2,1fr); }
  .role-lab-track article:nth-child(3), .role-lab-track article:nth-child(5) { border-left: 0; border-top: 1px solid #dce1e4; }
  .role-lab-track article:nth-child(4) { border-left: 1px solid #dce1e4; }
  .company-fact-band .container { grid-template-columns: repeat(2,1fr); padding-block: 20px; }
  .company-fact-band .container > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .controls-grid, .data-principle-grid { grid-template-columns: repeat(2,1fr); }
  .deployment-map { grid-template-columns: 1fr; }
  .deployment-map-track { overflow-x: auto; padding-bottom: 8px; }
  .deployment-map-track > i { min-width: 35px; }
  .evaluation-cards { grid-template-columns: repeat(2,1fr); }
  .corp-final-inner { grid-template-columns: 1fr; gap: 25px; }
  .corp-final-actions { justify-content: flex-start; }
  .corp-final-actions small { text-align: left; }
  .company-contact-strip .container, .security-contact-cta .container, .catalog-solution-bridge-inner, .finder-team-note-inner { align-items: flex-start; flex-direction: column; }
  .corporate-footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
  .corporate-footer-grid .footer-column:last-child { grid-column: 2; }
  .corporate-footer-bottom { grid-template-columns: 1fr; gap: 8px; }
  .corporate-footer-bottom span:last-child { text-align: left; }
}

@media (max-width: 640px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .section { padding: 76px 0; }
  .corporate-header { height: 64px; }
  .header-demo-btn, .header-login { display: none; }
  .corp-hero { padding: 46px 0 54px; }
  .corp-hero-copy h1, .corporate-page-hero h1, .finder-hero h1, .company-hero h1, .security-hero h1, .contact-hero h1, .pricing-corp-hero h1 { font-size: 42px; line-height: 1.01; }
  .corp-hero-copy > p, .corporate-page-hero-grid > div:last-child > p, .finder-hero p, .company-hero p, .security-hero p, .contact-hero p, .pricing-corp-hero > div > p { font-size: 15px; }
  .corp-hero-actions, .role-passport-actions, .company-hero-actions, .security-hero-actions { align-items: stretch; flex-direction: column; }
  .corp-proof-strip { grid-template-columns: 1fr 1fr; }
  .corp-proof-strip > div { padding: 0 10px; }
  .corp-proof-strip strong { font-size: 23px; }
  .console-summary { grid-template-columns: 1fr 1fr; }
  .console-summary > div:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid #e5e8ea; border-left: 0; }
  .console-team-head { display: none; }
  .console-member { grid-template-columns: 46px 1fr 68px; }
  .console-mission { display: none; }
  .console-playbook { grid-template-columns: 34px 1fr; }
  .console-version { display: none; }
  .corp-section-head h2, .playbook-proof-copy h2, .methodology-intro h2, .trust-preview-copy h2, .role-guardrails-grid h2, .company-standard-copy h2, .company-position-grid h2, .contact-form-intro h2, .evaluation-grid h2 { font-size: 38px; }
  .operating-layer-grid, .solution-showcase-grid, .corp-role-grid, .catalog-role-grid, .solution-architecture-grid, .controls-grid, .data-principle-grid, .team-pricing-grid, .role-lab-track, .evaluation-cards { grid-template-columns: 1fr; }
  .operating-layer { border-left: 0; border-top: 1px solid #e0e4e6; }
  .operating-layer:first-child { border-top: 0; }
  .document-steps ol { grid-template-columns: 1fr 1fr; }
  .section-bottom-action.dark-action { align-items: flex-start; flex-direction: column; }
  .trust-control-grid { grid-template-columns: 1fr; }
  .corporate-page-hero { padding: 46px 0 42px; }
  .corporate-catalog-toolbar { grid-template-columns: 1fr; }
  .compact-tabs { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 4px; }
  .compact-tabs a { white-space: nowrap; }
  .catalog-role-card { min-height: 400px; }
  .catalog-role-card-bottom { grid-template-columns: 1fr auto 34px; }
  .role-card-evidence { display: none; }
  .role-passport-copy h1 { font-size: 52px; }
  .role-passport-facts { flex-wrap: wrap; gap: 18px; }
  .role-passport-facts span { min-width: calc(50% - 10px); padding: 0; border: 0; }
  .role-passport-sheet dl > div { grid-template-columns: 85px 1fr; }
  .role-mission-grid { grid-template-columns: 1fr; gap: 12px; }
  .role-mission-grid > div { grid-column: auto; }
  .role-hire-inner { grid-template-columns: 1fr; gap: 28px; }
  .role-hire-price { text-align: left; }
  .finder-group-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
  .finder-group-tabs button { min-width: max-content; }
  .finder-result-top { grid-template-columns: 48px 1fr; }
  .finder-fit { grid-column: 2; }
  .finder-result-columns { grid-template-columns: 1fr; }
  .finder-result-footer { align-items: stretch; flex-direction: column; }
  .finder-result-footer > div:last-child { flex-direction: column; }
  .solution-index-nav { overflow-x: auto; top: 64px; }
  .solution-index-nav a { min-width: 150px; }
  .solution-detail-block { padding: 22px; }
  .company-fact-band .container { grid-template-columns: 1fr 1fr; }
  .company-fact-band .container > div { padding: 14px; border: 0; }
  .role-lab-track article { border-left: 0; border-top: 1px solid #dce1e4; }
  .role-lab-track article:first-child { border-top: 0; }
  .company-position-points { grid-template-columns: 1fr; }
  .company-position-points article { border-right: 0; }
  .responsibility-table { overflow-x: auto; }
  .responsibility-head, .responsibility-table > div:not(.responsibility-head) { min-width: 650px; }
  .security-scope-band .container { overflow-x: auto; justify-content: flex-start; gap: 24px; }
  .security-scope-band span { min-width: max-content; }
  .contact-direct { flex-direction: column; gap: 16px; }
  .corporate-contact-form { padding: 20px; }
  .corporate-contact-form .two-cols { grid-template-columns: 1fr; gap: 0; }
  .contact-success { padding: 50px 20px; }
  .deployment-step-block { padding: 22px; grid-template-columns: 1fr; gap: 20px; }
  .deployment-step-block aside { grid-column: auto; }
  .deployment-map-track > div { min-width: 95px; }
  .pricing-switch-band .container { align-items: flex-start; flex-direction: column; gap: 10px; }
  .pricing-category-note { padding: 15px; grid-template-columns: 1fr; gap: 7px; }
  .corporate-pricing-list .pricing-role-row { grid-template-columns: 1fr; }
  .pricing-row-actions { grid-column: auto; }
  .admin-inquiry-row { grid-template-columns: 1fr; }
  .corporate-footer-grid { grid-template-columns: 1fr 1fr; }
  .corporate-footer-grid .footer-brand { grid-column: 1 / -1; }
  .corporate-footer-grid .footer-column:last-child { grid-column: auto; }
}

.agent-playbooks-panel { margin-top: 18px; }
.dashboard-playbook-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.dashboard-playbook-grid article { position: relative; min-height: 255px; padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfc; }
.dashboard-playbook-number { position: absolute; right: 18px; top: 18px; color: #b4bdc3; font-size: 9px; font-weight: 900; }
.dashboard-playbook-grid small { color: #819098; font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.dashboard-playbook-grid h3 { margin: 8px 0 10px; font-size: 18px; letter-spacing: -.03em; }
.dashboard-playbook-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.dashboard-playbook-output { margin-top: 20px; padding: 12px; border-radius: 8px; background: var(--primary-soft); }
.dashboard-playbook-output strong { display: block; margin-top: 5px; color: var(--primary-dark); font-size: 10px; line-height: 1.5; }
.dashboard-playbook-gate { margin-top: 10px; display: flex; gap: 8px; color: #6e5b45; font-size: 9px; line-height: 1.45; }
.dashboard-playbook-gate .icon { width: 15px; color: #9a733e; }
@media (max-width: 1000px) { .dashboard-playbook-grid { grid-template-columns: 1fr; } }

/* 1.4.0 · Photorealistic professional personas */
.console-avatar-photo{width:42px;height:50px;border-radius:11px;object-fit:cover;object-position:center 24%;box-shadow:0 5px 14px rgba(16,24,32,.13)}
.persona-console-member{grid-template-columns:54px 168px minmax(0,1fr) 76px}.persona-console-member .console-person strong{font-size:11px}.persona-console-member .console-person small{color:#77848c;font-size:8px}.persona-console-member .console-mission{font-size:9px;line-height:1.45}
.solution-role-stack a{min-height:34px}.solution-role-stack a>img{width:30px;height:30px;border-radius:8px;object-fit:cover;object-position:center 24%;box-shadow:0 3px 10px rgba(0,0,0,.18)}.solution-role-stack a>span{width:auto;height:auto;display:block;color:inherit;background:transparent}.solution-role-stack a>span strong,.solution-role-stack a>span small{display:block}.solution-role-stack a>span strong{color:#fff;font-size:9px}.solution-role-stack a>span small{margin-top:1px;color:#9eabb2;font-size:7px}
.persona-home-grid{grid-template-columns:repeat(4,1fr);gap:16px}.persona-home-card{min-height:0;padding:0;overflow:hidden;border-radius:16px;background:#fff}.persona-home-photo{position:relative;height:260px;overflow:hidden;background:#dfe4e6}.persona-home-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(10,20,28,.86))}.persona-home-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .45s}.persona-home-card:hover .persona-home-photo img{transform:scale(1.025)}.persona-home-status{position:absolute;z-index:2;top:14px;right:14px;padding:7px 10px;border-radius:999px;color:#274c3c;background:rgba(248,255,251,.92);font-size:8px;font-weight:800}.persona-home-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.persona-home-photo>div{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;color:#fff}.persona-home-photo>div small,.persona-home-photo>div strong{display:block}.persona-home-photo>div small{color:#d4c2a7;font-size:7px;font-weight:850;letter-spacing:.12em}.persona-home-photo>div strong{margin-top:4px;font-size:18px;letter-spacing:-.025em}.persona-home-copy{padding:20px;display:flex;flex:1;flex-direction:column}.persona-home-copy h3{margin:9px 0;font-size:20px}.persona-home-copy p{margin:0;color:#66757e;font-size:10px;line-height:1.65}.persona-home-copy .corp-role-meta{margin-top:auto;padding-top:18px}
.persona-catalog-hero{background:linear-gradient(180deg,#f6f5f1,#f7f8f8)}.persona-catalog-grid{grid-template-columns:repeat(3,1fr);gap:20px}.persona-role-card{min-height:0;overflow:hidden;border-radius:18px}.persona-card-photo{position:relative;height:350px;overflow:hidden;background:#d9dfe1}.persona-card-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .5s}.persona-role-card:hover .persona-card-photo>img{transform:scale(1.025)}.persona-card-overlay{position:absolute;inset:37% 0 0;background:linear-gradient(180deg,transparent,rgba(9,18,25,.92))}.persona-card-status,.persona-card-popular{position:absolute;z-index:2;top:14px;padding:7px 10px;border-radius:999px;font-size:8px;font-weight:800}.persona-card-status{left:14px;color:#274c3c;background:rgba(249,255,252,.91)}.persona-card-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.persona-card-popular{right:14px;color:#533b1f;background:rgba(250,240,223,.93)}.persona-card-identity{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;color:#fff}.persona-card-identity small,.persona-card-identity strong,.persona-card-identity span{display:block}.persona-card-identity small{color:#d6c29f;font-size:7px;font-weight:850;letter-spacing:.14em}.persona-card-identity strong{margin-top:4px;font-size:24px;letter-spacing:-.04em}.persona-card-identity span{margin-top:2px;color:#dce2e5;font-size:11px}.persona-card-body{padding:22px 22px 16px}.persona-card-function{display:flex;flex-wrap:wrap;gap:7px}.persona-card-function span{padding:5px 8px;border-radius:7px;color:#5b6871;background:#f0f2f2;font-size:7px;font-weight:800}.persona-card-body>p{min-height:72px;margin:16px 0 0;color:#64717a;font-size:11px;line-height:1.65}.persona-card-specialty{margin-top:18px;padding:14px;border-left:2px solid #ae8756;background:#f8f5f0}.persona-card-specialty small,.persona-card-specialty strong{display:block}.persona-card-specialty small{color:#9b7a52;font-size:7px;font-weight:850;letter-spacing:.1em}.persona-card-specialty strong{margin-top:5px;color:#48545c;font-size:10px;line-height:1.5}.persona-capabilities{margin-top:17px}.persona-card-bottom{border-radius:0}.persona-visual-disclaimer{max-width:820px;margin:30px auto 0;color:#879198;font-size:9px;line-height:1.6;text-align:center}
.persona-passport-hero{position:relative;padding:70px 0 26px;overflow:hidden;background:linear-gradient(145deg,#f7f7f4,#eef1f1)}.persona-passport-hero:before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(174,135,86,.16),transparent 68%)}.persona-passport-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .72fr .58fr;gap:34px;align-items:center}.persona-passport-copy{min-width:0}.persona-passport-copy h1{margin:7px 0 0;font-size:clamp(52px,5.5vw,82px)}.persona-eyebrow{display:block;margin-top:24px;color:#97744a;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.persona-role-title{margin:8px 0 18px;color:#243945;font-size:21px;font-weight:750;letter-spacing:-.025em}.persona-specialization-line{max-width:760px;margin-top:22px;padding:15px 17px;border-left:2px solid #b28a59;background:rgba(255,255,255,.62)}.persona-specialization-line small,.persona-specialization-line strong{display:block}.persona-specialization-line small{color:#9a7a52;font-size:7px;font-weight:900;letter-spacing:.12em}.persona-specialization-line strong{margin-top:5px;color:#46545c;font-size:11px;line-height:1.55}.persona-portrait-stage{position:relative;height:590px;overflow:hidden;border:1px solid #cdd5d8;border-radius:20px;background:#d8dfe1;box-shadow:0 28px 65px rgba(16,24,32,.17)}.persona-portrait-main{width:100%;height:100%;object-fit:cover;object-position:center 18%}.persona-portrait-stage:after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(180deg,transparent,rgba(8,18,25,.86))}.persona-live-badge{position:absolute;z-index:2;left:16px;top:16px;padding:8px 11px;border-radius:999px;color:#28513e;background:rgba(251,255,253,.93);font-size:8px;font-weight:850}.persona-live-badge i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--green)}.persona-portrait-caption{position:absolute;z-index:2;left:22px;right:22px;bottom:25px;color:#fff}.persona-portrait-caption small,.persona-portrait-caption strong,.persona-portrait-caption span{display:block}.persona-portrait-caption small{color:#d4bd98;font-size:7px;font-weight:850;letter-spacing:.13em}.persona-portrait-caption strong{margin-top:4px;font-size:27px;letter-spacing:-.04em}.persona-portrait-caption span{margin-top:2px;color:#d8e0e3;font-size:11px}.persona-voice-card{position:absolute;z-index:3;right:-26px;top:115px;width:245px;padding:15px;border:1px solid rgba(255,255,255,.7);border-radius:14px;display:flex;gap:10px;color:#293841;background:rgba(255,255,255,.9);box-shadow:0 15px 35px rgba(16,24,32,.14)}.persona-voice-card>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#8d6a40;background:#f2e8dc}.persona-voice-card .icon{width:15px}.persona-voice-card p{margin:0;font-size:9px;line-height:1.55}.persona-passport-sheet{align-self:stretch;display:flex;flex-direction:column}.persona-passport-sheet dl{flex:1}.persona-passport-sheet dl>div{grid-template-columns:82px 1fr;padding:15px 17px}.persona-passport-sheet dt{font-size:8px}.persona-passport-sheet dd{font-size:10px}.persona-disclosure{position:relative;z-index:1;margin-top:28px;padding-top:18px;border-top:1px solid #d6dcde;display:flex;gap:10px;color:#7b878e;font-size:9px}.persona-disclosure .icon{width:16px;color:#9a774c}.persona-disclosure p{margin:0}.persona-mission-band .role-mission-grid{grid-template-columns:110px 1fr .8fr}.persona-mission-band .role-mission-grid>div strong{font-size:10px;line-height:1.5}
.professional-profile-section{background:#fff}.professional-profile-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px}.profile-depth-card{padding:27px;border:1px solid #dde2e4;border-radius:16px;background:#fafbfb}.profile-depth-intro{color:#fff;background:linear-gradient(145deg,#10202c,#172e3d);border-color:#10202c}.profile-depth-title{display:flex;gap:13px}.profile-depth-title>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;color:#8a6a43;background:#f2e8dc;font-size:8px;font-weight:900}.profile-depth-intro .profile-depth-title>span{color:#d3b78e;background:rgba(255,255,255,.08)}.profile-depth-title small{color:#8a969d;font-size:7px;font-weight:900;letter-spacing:.1em}.profile-depth-title h3{margin:5px 0 0;font-size:20px;letter-spacing:-.03em}.profile-depth-intro .profile-depth-title small{color:#aab7be}.profile-depth-card ul{display:grid;gap:13px;margin:24px 0 0;padding:0;list-style:none}.profile-depth-card li{display:flex;gap:9px;color:#5d6b73;font-size:10px;line-height:1.55}.profile-depth-intro li{color:#dce4e7}.profile-depth-card li .icon{width:14px;color:#a17a49}.profile-skill-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.profile-skill-cloud span{padding:8px 10px;border:1px solid #d9dfe1;border-radius:8px;color:#53616a;background:#fff;font-size:9px;font-weight:700}.profile-depth-principles ol{display:grid;gap:12px;margin:23px 0 0;padding:0;list-style:none}.profile-depth-principles li{padding-top:12px;border-top:1px solid #e1e5e7;display:grid;grid-template-columns:27px 1fr;gap:10px}.profile-depth-principles li:first-child{padding-top:0;border-top:0}.profile-depth-principles li>span{color:#a37c4b;font-size:8px;font-weight:900}.profile-depth-principles li p{margin:0;color:#53616a;font-size:10px;line-height:1.55}
.persona-operating-day-section{color:#fff;background:#101b24}.persona-operating-grid{display:grid;grid-template-columns:.85fr 1.1fr .66fr;gap:32px}.persona-day-copy h2{margin:14px 0 17px;font-size:48px;line-height:1.03;letter-spacing:-.05em}.persona-day-copy>p{margin:0;color:#aab5bc;font-size:13px;line-height:1.7}.persona-collaboration-card{margin-top:30px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04)}.persona-collaboration-card small{color:#d0b48a;font-size:7px;font-weight:900;letter-spacing:.1em}.persona-collaboration-card strong{display:block;margin-top:7px;color:#e1e7ea;font-size:10px;line-height:1.6}.persona-day-timeline article{min-height:106px;padding:19px 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:43px 1fr;gap:13px}.persona-day-timeline article:first-child{border-top:0;padding-top:0}.persona-day-timeline article>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#d0b48a;background:rgba(255,255,255,.06);font-size:8px;font-weight:900}.persona-day-timeline small{color:#798a94;font-size:7px;font-weight:850}.persona-day-timeline p{margin:6px 0 0;color:#dce3e6;font-size:11px;line-height:1.55}.signature-output-card{padding:25px;border-radius:16px;color:#26343d;background:#e9e0d2}.signature-icon{width:40px;height:40px;margin-bottom:25px;border-radius:11px;display:grid;place-items:center;color:#7b592f;background:rgba(255,255,255,.55)}.signature-output-card>small{color:#8c6a42;font-size:7px;font-weight:900}.signature-output-card h3{margin:8px 0 14px;font-size:25px;line-height:1.05}.signature-output-card p{margin:0;color:#5d5143;font-size:11px;line-height:1.65}
.first-week-section{background:#f3f2ee}.first-week-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.first-week-grid>div:first-child h2{margin:13px 0 16px;font-size:48px;line-height:1.04;letter-spacing:-.05em}.first-week-grid>div:first-child p{margin:0 0 25px;color:#68757d;font-size:13px;line-height:1.7}.first-week-steps{display:grid;gap:9px}.first-week-steps article{position:relative;min-height:72px;padding:17px 55px 17px 18px;border:1px solid #d9dddc;border-radius:11px;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;background:#fff}.first-week-steps article span{color:#a17b4b;font-size:7px;font-weight:900}.first-week-steps article strong{color:#3e4b53;font-size:11px}.first-week-steps article i{position:absolute;right:21px;width:10px;height:10px;border:2px solid #b4bebf;border-radius:50%}.expanded-playbook-grid{grid-template-columns:repeat(2,1fr)}.persona-voice-example{margin-top:18px;padding:16px;border-radius:10px;color:#f1f4f5;background:#152631}.persona-voice-example small{color:#d0b388}.persona-voice-example p{margin:7px 0 0;font-size:10px}.persona-hire-panel{background:linear-gradient(135deg,#0e1d27,#1d3442)}.related-persona-grid{grid-template-columns:repeat(3,1fr)}.related-persona-card{overflow:hidden;grid-template-columns:75px 1fr 18px;padding:0 15px 0 0}.related-persona-card>img{width:75px;height:105px;object-fit:cover;object-position:center 20%}.related-persona-card>div{padding:15px 0}
.persona-finder-top{grid-template-columns:68px 1fr auto}.finder-result-photo{width:68px;height:84px;border-radius:12px;object-fit:cover;object-position:center 20%;box-shadow:0 6px 16px rgba(16,24,32,.12)}.persona-finder-result .finder-result-mission{background:#f6f2ec}.persona-solution-role{grid-template-columns:50px 1fr 15px;min-height:94px}.persona-solution-role>img{width:50px;height:70px;border-radius:8px;object-fit:cover;object-position:center 20%}.persona-solution-role small{color:#8f7049;font-weight:800}.persona-solution-role strong{font-size:12px}.persona-solution-role p{font-size:8px}
@media(max-width:1180px){.persona-home-grid{grid-template-columns:repeat(2,1fr)}.persona-catalog-grid{grid-template-columns:repeat(2,1fr)}.persona-passport-grid{grid-template-columns:1fr .78fr}.persona-passport-sheet{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}.persona-passport-sheet dl{display:grid;grid-template-columns:repeat(3,1fr)}.persona-passport-sheet dl>div{display:block}.professional-profile-grid{grid-template-columns:1fr 1fr}.profile-depth-principles{grid-column:1/-1}.persona-operating-grid{grid-template-columns:1fr 1fr}.signature-output-card{grid-column:1/-1}}
@media(max-width:900px){.persona-passport-grid{grid-template-columns:1fr}.persona-portrait-stage{max-width:560px;height:650px}.persona-voice-card{right:18px}.persona-passport-sheet{display:block}.persona-passport-sheet dl{display:block}.persona-mission-band .role-mission-grid{grid-template-columns:100px 1fr}.persona-mission-band .role-mission-grid>div{grid-column:2}.professional-profile-grid,.persona-operating-grid,.first-week-grid{grid-template-columns:1fr;gap:30px}.profile-depth-principles{grid-column:auto}.related-persona-grid{grid-template-columns:1fr}.persona-day-copy h2,.first-week-grid>div:first-child h2{font-size:42px}}
@media(max-width:640px){.persona-console-member{grid-template-columns:46px 1fr 65px}.console-avatar-photo{width:40px;height:46px}.persona-home-grid,.persona-catalog-grid{grid-template-columns:1fr}.persona-home-photo{height:330px}.persona-card-photo{height:400px}.persona-card-body>p{min-height:0}.persona-passport-copy h1{font-size:48px}.persona-role-title{font-size:18px}.persona-portrait-stage{height:520px}.persona-voice-card{left:14px;right:14px;top:auto;bottom:112px;width:auto}.persona-passport-sheet dl>div{grid-template-columns:90px 1fr}.persona-mission-band .role-mission-grid{grid-template-columns:1fr}.persona-mission-band .role-mission-grid>div{grid-column:auto}.professional-profile-grid{grid-template-columns:1fr}.profile-depth-card{padding:22px}.persona-day-copy h2,.first-week-grid>div:first-child h2{font-size:37px}.first-week-steps article{grid-template-columns:62px 1fr}.expanded-playbook-grid{grid-template-columns:1fr}.persona-finder-top{grid-template-columns:58px 1fr}.finder-result-photo{width:58px;height:72px}.persona-finder-top .finder-fit{grid-column:2}.persona-solution-role{grid-template-columns:48px 1fr 14px}.related-persona-card{grid-template-columns:65px 1fr 16px}.related-persona-card>img{width:65px;height:96px}}
.employee-photo-avatar{width:54px;height:66px;border-radius:14px;object-fit:cover;object-position:center 20%;box-shadow:0 8px 20px rgba(16,24,40,.13);background:#dfe4e6}.employee-photo-avatar.large{width:72px;height:88px;border-radius:18px}.employee-photo-avatar.extra-large{width:112px;height:138px;border-radius:24px}.employee-photo-wrap{position:relative;display:inline-flex;width:max-content}.employee-photo-wrap .presence-dot{position:absolute;right:-2px;bottom:2px}.hire-employee-profile>.employee-photo-avatar{margin-inline:auto}.launch-person-line>.employee-photo-avatar{flex:0 0 auto}

/* 1.5.0 · Professional role operating systems and quality console */
.tab-score {
  display: inline-flex; align-items: center; justify-content: center; min-width: 25px; height: 20px;
  padding: 0 6px; border-radius: 999px; background: #edf1f3; color: #52616a; font-size: 10px; font-weight: 850;
}
.workspace-tabs a.is-active .tab-score { background: #13222b; color: #fff; }
.preview-quality-strip {
  display: grid; grid-template-columns: .7fr 1.35fr .8fr 1.8fr; gap: 1px; margin: 14px 18px 18px;
  overflow: hidden; border: 1px solid #dde4e7; border-radius: 12px; background: #dde4e7;
}
.preview-quality-strip[hidden] { display: none; }
.preview-quality-strip > div { min-width: 0; padding: 11px 13px; background: #f7f9f9; }
.preview-quality-strip small { display: block; margin-bottom: 4px; color: #839097; font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.preview-quality-strip strong { display: block; overflow: hidden; color: #26343b; font-size: 11px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.preview-quality-strip.is-good > div:first-child { background: #edf7f1; }
.preview-quality-strip.is-good > div:first-child strong { color: #1d7047; }

.quality-console { display: grid; gap: 20px; }
.quality-hero { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 28px; align-items: center; padding: 32px; overflow: hidden; background: linear-gradient(135deg, #f9fbfb 0%, #f1f5f5 100%); }
.quality-hero-copy h2 { max-width: 850px; margin: 8px 0 12px; color: #14252d; font-size: clamp(25px, 3vw, 38px); line-height: 1.08; letter-spacing: -.035em; }
.quality-hero-copy > p { max-width: 780px; margin: 0; color: #64737a; font-size: 14px; line-height: 1.65; }
.quality-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 22px; }
.quality-hero-actions > span { color: #7b888e; font-size: 11px; }
.quality-score-card { position: relative; padding: 26px 24px; border: 1px solid #d6dfe2; border-radius: 18px; background: #fff; box-shadow: 0 18px 50px rgba(21,38,46,.08); }
.quality-score-card::before { position: absolute; inset: 0 auto 0 0; width: 4px; border-radius: 18px 0 0 18px; background: #bd9254; content: ""; }
.quality-score-card.is-passed::before { background: #3f8e64; }
.quality-score-card small { display: block; color: #87949a; font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.quality-score-card strong { display: inline-block; margin-top: 8px; color: #14252d; font-size: 52px; line-height: 1; letter-spacing: -.06em; }
.quality-score-card > span { color: #859198; font-size: 14px; font-weight: 800; }
.quality-score-card p { margin: 12px 0 0; color: #68767d; font-size: 11px; line-height: 1.45; }
.quality-metrics-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.quality-metrics-grid article { padding: 20px; }
.quality-metrics-grid small { display: block; color: #8a969c; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.quality-metrics-grid strong { display: block; margin: 8px 0 3px; color: #1b2d35; font-size: 28px; line-height: 1; }
.quality-metrics-grid span { color: #718087; font-size: 10px; line-height: 1.45; }
.role-os-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.role-os-card { padding: 24px; }
.role-os-wide { grid-column: 1 / -1; }
.os-version { padding: 6px 9px; border: 1px solid #d8e0e3; border-radius: 8px; color: #69767d; font-size: 9px; font-weight: 900; }
.work-mode-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.work-mode-grid article { position: relative; min-height: 225px; padding: 20px; border: 1px solid #dfe6e8; border-radius: 14px; background: #fafbfb; }
.work-mode-grid article > span { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #172a33; color: #fff; font-size: 9px; font-weight: 900; }
.work-mode-grid h3 { margin: 16px 0; color: #1a2b33; font-size: 17px; }
.work-mode-grid small { display: block; margin: 13px 0 5px; color: #9a7b4c; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.work-mode-grid p, .work-mode-grid strong { color: #66757c; font-size: 11px; line-height: 1.55; }
.work-mode-grid strong { display: block; color: #2b3a41; font-weight: 750; }
.os-number-list, .os-check-list, .os-risk-list { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; }
.os-number-list li { display: grid; grid-template-columns: 25px 1fr; gap: 10px; align-items: start; }
.os-number-list li > span, .os-risk-list li > span { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #eff3f4; color: #66767d; font-size: 9px; font-weight: 900; }
.os-number-list p { margin: 3px 0 0; color: #425159; font-size: 12px; line-height: 1.45; }
.os-check-list li { display: grid; grid-template-columns: 18px 1fr; gap: 9px; align-items: start; color: #425159; font-size: 11px; line-height: 1.5; }
.os-check-list .icon { width: 15px; height: 15px; margin-top: 1px; color: #3f8e64; }
.quality-gates .icon { color: #a17d49; }
.os-never, .anti-patterns { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #e3e8ea; }
.os-never small, .anti-patterns small { flex: 0 0 100%; color: #8a969c; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.os-never span, .anti-patterns span { padding: 6px 8px; border-radius: 8px; background: #f4f6f6; color: #66757c; font-size: 9px; line-height: 1.35; }
.os-risk-list li { display: grid; grid-template-columns: 24px 1fr; gap: 10px; align-items: center; color: #425159; font-size: 11px; line-height: 1.45; }
.os-risk-list li > span { background: #fff0e9; color: #b65c35; }
.evaluation-cases-panel { padding: 26px; }
.evaluation-case-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.evaluation-case { display: flex; flex-direction: column; min-height: 275px; padding: 18px; border: 1px solid #dfe6e8; border-radius: 14px; background: #fafbfb; transition: border-color .2s ease, transform .2s ease; }
.evaluation-case.passed { border-color: #b9dac7; background: #f4faf6; }
.evaluation-case.failed { border-color: #ead0c6; background: #fff8f5; }
.evaluation-case > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.evaluation-case > div > span { color: #9c7a48; font-size: 10px; font-weight: 900; }
.evaluation-case > div > small { color: #87949a; font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.evaluation-case.passed > div > small { color: #34724e; }
.evaluation-case.failed > div > small { color: #ad5837; }
.evaluation-case h3 { margin: 20px 0 10px; color: #1d2e36; font-size: 15px; }
.evaluation-case p { margin: 0 0 10px; color: #69777e; font-size: 10px; line-height: 1.5; }
.evaluation-case .case-message { color: #32434b; font-size: 11px; font-weight: 700; }
.evaluation-case footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 14px; border-top: 1px solid #e1e7e9; }
.evaluation-case footer strong { color: #1c2d35; font-size: 14px; }
.evaluation-case footer span { color: #829097; font-size: 8px; }

@media (max-width: 1050px) {
  .quality-metrics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .evaluation-case-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .preview-quality-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .quality-hero { grid-template-columns: 1fr; padding: 22px; }
  .quality-score-card { width: 100%; }
  .role-os-grid { grid-template-columns: 1fr; }
  .role-os-wide { grid-column: auto; }
  .work-mode-grid { grid-template-columns: 1fr; }
  .work-mode-grid article { min-height: 0; }
  .quality-metrics-grid, .evaluation-case-grid { grid-template-columns: 1fr; }
  .evaluation-case { min-height: 0; }
}
.public-role-os-section { background: #f3f6f6; }
.public-role-os-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 34px; }
.public-role-os-grid > article { padding: 28px; border: 1px solid #dbe3e5; border-radius: 18px; background: #fff; }
.public-role-os-grid > article > small { color: #9a7949; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.public-role-os-grid > article > h3 { margin: 9px 0 18px; color: #182a32; font-size: 22px; line-height: 1.2; }
.public-role-os-grid .public-os-north { grid-column: 1 / -1; padding: 34px; background: #152832; color: #fff; }
.public-role-os-grid .public-os-north h3 { max-width: 920px; color: #fff; font-size: clamp(25px,3vw,38px); letter-spacing: -.03em; }
.public-os-modes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 28px; }
.public-os-modes > div { padding: 18px; border: 1px solid rgba(255,255,255,.14); border-radius: 13px; background: rgba(255,255,255,.05); }
.public-os-modes span { display: block; color: #c8a46b; font-size: 9px; font-weight: 900; }
.public-os-modes strong { display: block; margin: 8px 0; color: #fff; font-size: 14px; }
.public-os-modes p { margin: 0; color: #bdc7cb; font-size: 11px; line-height: 1.55; }
.public-role-os-grid ol, .public-role-os-grid ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.public-role-os-grid li { display: grid; grid-template-columns: 22px 1fr; gap: 9px; align-items: start; color: #526169; font-size: 12px; line-height: 1.5; }
.public-role-os-grid li > span { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #edf2f3; color: #68767d; font-size: 8px; font-weight: 900; }
.public-role-os-grid li .icon { width: 15px; height: 15px; margin-top: 2px; color: #3e8a61; }
.public-os-private { margin-top: 18px; padding: 15px; border-radius: 12px; background: #f5f7f7; }
.public-os-private strong { color: #293a42; font-size: 10px; }
.public-os-private p { margin: 5px 0 0; color: #77858b; font-size: 10px; line-height: 1.45; }
.public-os-risks li > span { background: #fff0e9; color: #b65d38; }
@media (max-width: 760px) {
  .public-role-os-grid { grid-template-columns: 1fr; }
  .public-role-os-grid .public-os-north { grid-column: auto; padding: 24px; }
  .public-os-modes { grid-template-columns: 1fr; }
  .public-role-os-grid > article { padding: 22px; }
}

/* 1.5.0 · Conversation intelligence */
.conversation-head-statuses { display: flex; gap: 9px; align-items: center; margin-left: auto; }
.conversation-quality-pill { display: inline-flex; gap: 5px; align-items: center; padding: 8px 10px; border: 1px solid #dce3e5; border-radius: 10px; background: #f7f9f9; color: #415159; font-size: 11px; font-weight: 850; }
.conversation-quality-pill small { color: #87949a; font-size: 7px; letter-spacing: .11em; }
.conversation-quality-pill.grade-excellent, .conversation-quality-pill.grade-good { border-color: #c9dfd2; background: #f1f8f4; color: #226f49; }
.conversation-quality-pill.grade-critical { border-color: #ead0c6; background: #fff7f3; color: #aa5939; }
.conversation-runtime-card, .conversation-context-card { padding: 21px; }
.runtime-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.runtime-card-head small { display: block; color: #9b7a49; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.runtime-card-head h3 { margin: 6px 0 0; color: #1b2c34; font-size: 18px; }
.runtime-card-head > span { padding: 6px 8px; border: 1px solid #dbe2e4; border-radius: 8px; color: #6d7a80; font-size: 8px; font-weight: 900; }
.runtime-status-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-top: 18px; }
.runtime-status-grid > div { min-width: 0; padding: 10px; border-radius: 10px; background: #f4f7f7; }
.runtime-status-grid small, .runtime-focus small, .runtime-next-step small, .runtime-open-questions > small { display: block; color: #8a969c; font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.runtime-status-grid strong { display: block; overflow: hidden; margin-top: 5px; color: #283941; font-size: 9px; line-height: 1.35; text-overflow: ellipsis; }
.runtime-focus { margin-top: 15px; padding-top: 14px; border-top: 1px solid #e4e9ea; }
.runtime-focus p { margin: 6px 0 0; color: #46565d; font-size: 11px; line-height: 1.5; }
.runtime-next-step { display: grid; grid-template-columns: 31px 1fr; gap: 10px; align-items: start; margin-top: 16px; padding: 13px; border-radius: 12px; background: #172a33; }
.runtime-next-step > span { display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 31px; border-radius: 9px; background: rgba(255,255,255,.09); color: #d3b27d; }
.runtime-next-step .icon { width: 15px; height: 15px; }
.runtime-next-step small { color: #9fb0b7; }
.runtime-next-step strong { display: block; margin-top: 5px; color: #fff; font-size: 10px; line-height: 1.45; }
.conversation-context-card .panel-head { margin-bottom: 14px; }
.conversation-context-card .panel-head h3 { margin: 0; color: #1d2e36; font-size: 16px; }
.conversation-context-card .panel-head p { margin: 4px 0 0; color: #819097; font-size: 9px; }
.conversation-context-card .panel-head > span { display: inline-flex; align-items: center; justify-content: center; min-width: 25px; height: 25px; border-radius: 50%; background: #edf2f3; color: #55656c; font-size: 9px; font-weight: 900; }
.runtime-fact-list { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.runtime-fact-list li { display: grid; grid-template-columns: 16px 1fr; gap: 8px; align-items: start; color: #46565d; font-size: 10px; line-height: 1.45; }
.runtime-fact-list .icon { width: 14px; height: 14px; margin-top: 1px; color: #3d8a60; }
.runtime-empty { margin: 0; color: #7d8b91; font-size: 10px; line-height: 1.5; }
.runtime-open-questions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #e4e9ea; }
.runtime-open-questions > small { flex: 0 0 100%; margin-bottom: 2px; }
.runtime-open-questions > span { padding: 6px 8px; border-radius: 8px; background: #f3f5f5; color: #65747b; font-size: 8px; line-height: 1.35; }
@media (max-width: 760px) {
  .conversation-page-head { align-items: flex-start; }
  .conversation-head-statuses { flex-wrap: wrap; width: 100%; margin: 7px 0 0; }
  .runtime-status-grid { grid-template-columns: 1fr; }
}
.team-card-head-status { display: flex; flex-direction: column; gap: 7px; align-items: flex-end; }
.role-score-chip { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; padding: 5px 7px; border: 1px solid #dbe2e4; border-radius: 8px; background: #f6f8f8; color: #728087; font-size: 8px; font-weight: 900; letter-spacing: .05em; }
.role-score-chip.passed { border-color: #c6ddcf; background: #f0f8f3; color: #27734d; }
.refined-meta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
@media (max-width: 760px) { .team-card-head-status { align-items: flex-end; } }

/* 1.7.0 · Professional execution, revision, context integrity and owner coaching */
.preview-quality-strip.enhanced { grid-template-columns: .72fr 1fr .75fr 1fr 1.7fr; }
.quality-metrics-grid.six { grid-template-columns: repeat(6,minmax(0,1fr)); }
.execution-contract { overflow: hidden; background: linear-gradient(180deg,#fff 0%,#f8faf9 100%); }
.contract-badge { display: inline-flex; padding: 7px 9px; border: 1px solid #d4c09d; border-radius: 9px; color: #8d6e3f; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.execution-contract-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 20px; }
.execution-contract-grid > div { padding: 18px; border: 1px solid #dfe6e7; border-radius: 14px; background: #fff; }
.execution-contract-grid small,.deliverable-blueprint small,.handoff-contract small { display: block; margin-bottom: 12px; color: #967445; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.execution-contract-grid ol,.execution-contract-grid ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.execution-contract-grid li { display: grid; grid-template-columns: 22px 1fr; gap: 9px; align-items: start; color: #46555c; font-size: 10px; line-height: 1.48; }
.execution-contract-grid li > span { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #edf2f3; color: #67767d; font-size: 8px; font-weight: 900; }
.execution-contract-grid li .icon { width: 14px; height: 14px; margin-top: 2px; color: #39845b; }
.deliverable-blueprint { display: grid; grid-template-columns: 1.1fr 1.4fr; gap: 22px; align-items: start; margin-top: 14px; padding: 22px; border-radius: 15px; background: #162a33; color: #fff; }
.deliverable-blueprint h3 { margin: 0 0 8px; color: #fff; font-size: 20px; }
.deliverable-blueprint p { margin: 0; color: #b9c5c9; font-size: 11px; line-height: 1.55; }
.deliverable-blueprint > strong { grid-column: 1/-1; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); color: #d9bf91; font-size: 10px; line-height: 1.5; }
.deliverable-sections { display: flex; flex-wrap: wrap; gap: 7px; }
.deliverable-sections span { padding: 7px 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: rgba(255,255,255,.05); color: #dce4e6; font-size: 9px; }
.handoff-contract { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.handoff-contract > div { display: flex; flex-wrap: wrap; gap: 7px; padding: 18px; border: 1px solid #dfe6e7; border-radius: 14px; background: #fff; }
.handoff-contract small { flex-basis: 100%; }
.handoff-contract span { padding: 6px 8px; border-radius: 8px; background: #f2f5f5; color: #617078; font-size: 9px; line-height: 1.35; }

.training-console { display: grid; gap: 16px; }
.training-hero { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(360px,.8fr); gap: 24px; align-items: center; padding: 30px; background: linear-gradient(135deg,#172a33 0%,#213a44 100%); }
.training-hero h2 { max-width: 720px; margin: 7px 0 10px; color: #fff; font-size: clamp(25px,3vw,38px); line-height: 1.08; letter-spacing: -.035em; }
.training-hero p { max-width: 720px; margin: 0; color: #bac6ca; font-size: 12px; line-height: 1.6; }
.training-hero .page-eyebrow { color: #d6b77f; }
.training-hero-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.training-hero-metrics article { padding: 18px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(255,255,255,.055); text-align: center; }
.training-hero-metrics strong { display: block; color: #fff; font-size: 26px; }
.training-hero-metrics span { display: block; margin-top: 5px; color: #9eb0b6; font-size: 8px; line-height: 1.35; }
.training-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: 16px; }
.lesson-builder,.coaching-guide,.lesson-library,.feedback-history { padding: 25px; }
.lesson-safety-note { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; margin-top: 18px; padding: 13px; border-radius: 11px; background: #f3f6f6; color: #68777e; }
.lesson-safety-note .icon { width: 18px; height: 18px; color: #9d7a47; }
.lesson-safety-note p { margin: 0; font-size: 9px; line-height: 1.5; }
.coaching-guide { background: #f7f4ee; }
.coaching-guide h3 { max-width: 360px; margin: 9px 0 20px; color: #1a2c34; font-size: 23px; line-height: 1.15; }
.coaching-guide ol { display: grid; gap: 16px; margin: 0 0 22px; padding: 0; list-style: none; }
.coaching-guide li { display: grid; grid-template-columns: 31px 1fr; gap: 11px; }
.coaching-guide li > span { display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 31px; border-radius: 50%; background: #172a33; color: #fff; font-size: 9px; font-weight: 900; }
.coaching-guide strong { color: #293a42; font-size: 11px; }
.coaching-guide p { margin: 4px 0 0; color: #77858b; font-size: 9px; line-height: 1.45; }
.lesson-list { display: grid; gap: 10px; margin-top: 16px; }
.lesson-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 18px; border: 1px solid #dce4e6; border-radius: 14px; background: #fbfcfc; }
.lesson-card.archived { opacity: .62; background: #f4f6f6; }
.lesson-card h3 { margin: 7px 0 6px; color: #203139; font-size: 14px; }
.lesson-card p { margin: 0; color: #4d5d64; font-size: 10px; line-height: 1.55; }
.lesson-card small { display: block; margin-top: 8px; color: #89969b; font-size: 8px; }
.lesson-status { display: inline-flex; padding: 5px 7px; border-radius: 7px; font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.lesson-status.approved { background: #eaf6ef; color: #31734f; }
.lesson-status.archived { background: #eceff0; color: #78868c; }
.feedback-list { display: grid; gap: 9px; margin-top: 16px; }
.feedback-list article { display: grid; grid-template-columns: 110px minmax(0,1fr) auto; gap: 15px; align-items: start; padding: 15px; border: 1px solid #e1e7e8; border-radius: 12px; }
.feedback-verdict { display: inline-flex; width: fit-content; padding: 5px 7px; border-radius: 7px; font-size: 7px; font-weight: 900; letter-spacing: .08em; }
.feedback-verdict.helpful { background: #eaf6ef; color: #31734f; }
.feedback-verdict.needs_work { background: #fff0e8; color: #a75736; }
.feedback-list strong { color: #2c3d44; font-size: 10px; }
.feedback-list p { margin: 4px 0; color: #56666d; font-size: 10px; line-height: 1.45; }
.feedback-list small { color: #839198; font-size: 8px; }
.feedback-list em { color: #906f42; font-size: 8px; font-style: normal; }

.professional-conversation-grid { align-items: start; }
.transcript-message { scroll-margin-top: 90px; }
.message-feedback { margin-top: 10px; border-top: 1px solid rgba(30,48,57,.1); }
.message-feedback > summary { display: flex; gap: 7px; align-items: center; width: fit-content; padding-top: 9px; color: #74838a; font-size: 8px; font-weight: 800; cursor: pointer; list-style: none; }
.message-feedback > summary::-webkit-details-marker { display: none; }
.message-feedback > summary .icon { width: 13px; height: 13px; }
.feedback-form { display: grid; gap: 11px; margin-top: 12px; padding: 15px; border: 1px solid #dce4e6; border-radius: 12px; background: #f8faf9; }
.feedback-form label { display: grid; gap: 6px; color: #526169; font-size: 8px; font-weight: 800; }
.feedback-form select,.feedback-form textarea { width: 100%; border: 1px solid #d6dfe1; border-radius: 9px; background: #fff; color: #283941; font: inherit; font-size: 10px; padding: 10px; resize: vertical; }
.feedback-verdict-choice { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.feedback-verdict-choice label { cursor: pointer; }
.feedback-verdict-choice input { position: absolute; opacity: 0; pointer-events: none; }
.feedback-verdict-choice span { display: flex; gap: 7px; align-items: center; justify-content: center; padding: 10px; border: 1px solid #dce3e5; border-radius: 9px; background: #fff; color: #5c6b72; }
.feedback-verdict-choice input:checked + span { border-color: #9b7b4b; box-shadow: 0 0 0 2px rgba(155,123,75,.12); color: #2e3e45; }
.feedback-verdict-choice .icon { width: 14px; height: 14px; }
.feedback-create-lesson { display: flex !important; grid-template-columns: none !important; gap: 8px !important; align-items: flex-start; font-weight: 600 !important; }
.feedback-create-lesson input { margin-top: 1px; }
.feedback-linked-lesson { display: flex; gap: 7px; align-items: center; padding: 9px; border-radius: 9px; background: #eaf6ef; color: #397255; font-size: 8px; }
.feedback-linked-lesson .icon { width: 14px; height: 14px; }
.runtime-progress-head { display: flex; justify-content: space-between; align-items: end; margin-top: 17px; }
.runtime-progress-head small { display: block; color: #8b989d; font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.runtime-progress-head strong { display: block; margin-top: 4px; color: #26373f; font-size: 15px; }
.runtime-progress-head > span { color: #8f7043; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.runtime-progress-bar { height: 5px; margin-top: 7px; overflow: hidden; border-radius: 999px; background: #e8edef; }
.runtime-progress-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#927242,#d0ad75); }
.runtime-status-grid.four { grid-template-columns: repeat(2,minmax(0,1fr)); }
.runtime-section-label,.runtime-chip-section > small,.runtime-evidence > small,.runtime-assumptions > small,.work-product-card small,.handoff-pack-card small { display: block; color: #8b979d; font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.runtime-chip-section,.runtime-evidence,.runtime-assumptions { margin-top: 15px; padding-top: 14px; border-top: 1px solid #e4e9ea; }
.runtime-chip-section > div,.runtime-assumptions { display: flex; flex-wrap: wrap; gap: 6px; }
.runtime-chip-section span,.runtime-assumptions span { padding: 6px 8px; border-radius: 8px; background: #f2f5f5; color: #5f6f76; font-size: 8px; }
.runtime-evidence p { display: grid; grid-template-columns: 16px 1fr; gap: 7px; margin: 8px 0 0; color: #506068; font-size: 9px; line-height: 1.45; }
.runtime-evidence .icon { width: 14px; height: 14px; color: #9a7848; }
.work-product-card,.handoff-pack-card { padding: 21px; }
.work-product-card .panel-head,.handoff-pack-card .panel-head { align-items: start; }
.work-product-card .panel-head span,.handoff-pack-card .panel-head span { padding: 5px 7px; border-radius: 7px; background: #eef2f3; color: #69787e; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.work-product-card > p,.handoff-pack-card > p { color: #506068; font-size: 10px; line-height: 1.55; }
.work-product-card > ul,.handoff-pack-card > ul { display: grid; gap: 6px; padding-left: 17px; color: #4b5b62; font-size: 9px; line-height: 1.45; }
.work-product-risks { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.work-product-risks small { flex: 0 0 100%; }
.work-product-risks span { padding: 6px 8px; border-radius: 8px; background: #fff0e9; color: #a65a3c; font-size: 8px; }
.work-product-recommendation,.handoff-pack-card > div:not(.panel-head) { margin-top: 13px; padding-top: 12px; border-top: 1px solid #e2e8e9; }
.work-product-recommendation strong,.handoff-pack-card strong { display: block; margin-top: 5px; color: #273840; font-size: 10px; line-height: 1.5; }
.handoff-pack-card { border-color: #dfcfb2; background: #fffcf6; }
.handoff-pack-card .panel-head span { background: #f0e5d2; color: #8b6b3c; }

@media (max-width: 1200px) {
  .quality-metrics-grid.six { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .training-hero { grid-template-columns: 1fr; }
  .training-layout { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .execution-contract-grid,.handoff-contract,.deliverable-blueprint { grid-template-columns: 1fr; }
  .deliverable-blueprint > strong { grid-column: auto; }
  .preview-quality-strip.enhanced { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .preview-quality-strip.enhanced .preview-next-step { grid-column: 1/-1; }
  .feedback-list article { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .quality-metrics-grid.six,.training-hero-metrics { grid-template-columns: 1fr; }
  .training-hero,.lesson-builder,.coaching-guide,.lesson-library,.feedback-history { padding: 20px; }
  .lesson-card { grid-template-columns: 1fr; }
  .feedback-verdict-choice { grid-template-columns: 1fr; }
  .runtime-status-grid.four { grid-template-columns: 1fr; }
}

/* 1.7.0 · Context integrity, evidence lineage and case isolation */
.runtime-integrity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}.runtime-integrity-grid>div{padding:12px;border:1px solid var(--line,#e4e7ec);border-radius:14px;background:#f8fafc}.runtime-integrity-grid small{display:block;font-size:10px;letter-spacing:.08em;color:#697386;margin-bottom:5px}.runtime-integrity-grid strong{font-size:15px;color:#15243b}.runtime-slot-list{margin-top:18px}.runtime-slot-list>div{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(140px,1.4fr) auto;gap:6px 10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4}.runtime-slot-list>div>span{font-size:12px;color:#667085}.runtime-slot-list>div>strong{font-size:13px;color:#172033}.runtime-slot-list>div>em{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:4px 7px;border-radius:999px;background:#eef3f8;color:#40526a}.runtime-slot-list>div>small{grid-column:2/4;font-size:10px;color:#98a2b3}.slot-status-confirmed,.slot-status-corrected{background:#eaf7ef!important;color:#276749!important}.slot-status-conflict{background:#fff0eb!important;color:#b54708!important}.runtime-evidence p span{display:flex;flex-direction:column;gap:2px}.runtime-evidence p span small{font-size:10px;color:#8a94a6}.runtime-contradictions{margin-top:16px;padding:13px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}.runtime-contradictions small{display:block;color:#b45309;font-size:10px;letter-spacing:.08em;margin-bottom:7px}.runtime-contradictions p{margin:5px 0;color:#7c2d12;font-size:12px}.archived-cases-card .archived-case-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #edf0f4}.archived-case-row div{display:flex;flex-direction:column;gap:3px}.archived-case-row strong{font-size:13px}.archived-case-row small{font-size:10px;color:#8a94a6}.archived-case-row>span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#667085}.knowledge-quarantine-reason{display:block!important;color:#b54708!important;margin-top:4px}.form-alert.warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
@media(max-width:720px){.runtime-integrity-grid{grid-template-columns:1fr}.runtime-slot-list>div{grid-template-columns:1fr auto}.runtime-slot-list>div>strong{grid-column:1/3}.runtime-slot-list>div>small{grid-column:1/3}}


/* 1.7.0 · Context integrity and case isolation */
.context-quality-summary{margin-top:14px;padding:24px;display:grid;grid-template-columns:.9fr 1.6fr;gap:28px;align-items:center;background:linear-gradient(145deg,#15232c,#1b2f3b);color:#fff}.context-quality-summary h3{margin:7px 0 8px;font-size:22px;letter-spacing:-.025em}.context-quality-summary p{margin:0;color:#aebbc2;font-size:11px;line-height:1.6}.context-quality-summary .page-eyebrow{color:#d3b58a}.context-quality-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.context-quality-metrics article{min-height:112px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.04)}.context-quality-metrics small{display:block;color:#91a4ae;font-size:7px;font-weight:900;letter-spacing:.12em}.context-quality-metrics strong{display:block;margin:9px 0 5px;color:#fff;font-size:25px}.context-quality-metrics span{display:block;color:#b9c4c9;font-size:8px;line-height:1.45}
@media(max-width:1100px){.context-quality-summary{grid-template-columns:1fr}.context-quality-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.context-quality-summary{padding:18px}.context-quality-metrics{grid-template-columns:1fr 1fr}.context-quality-metrics article{min-height:104px}}

.runtime-evidence .evidence-ref-valid{border-left:2px solid #34a66f;padding-left:9px}.runtime-evidence .evidence-ref-rejected{border-left:2px solid #d97706;padding-left:9px;background:#fffaf2}.runtime-evidence .evidence-ref-rejected span small{color:#b45309}

/* 1.8.0 · Premium clarity system */
:root{
  --premium-ink:#13181d;
  --premium-ink-soft:#2d363d;
  --premium-ivory:#f5f2eb;
  --premium-paper:#fbfaf7;
  --premium-gold:#c39a5a;
  --premium-gold-dark:#9c743c;
  --premium-line:#ddd8cf;
  --premium-blue:#18384f;
}
body{background:var(--premium-paper)}
.btn-gold{color:#111820;background:linear-gradient(135deg,#e2c796,#bd9150);border-color:#c79f63;box-shadow:0 14px 34px rgba(142,104,50,.23)}
.btn-gold:hover{background:linear-gradient(135deg,#ebd3a6,#c79a57);box-shadow:0 18px 40px rgba(142,104,50,.3)}
.btn-premium-outline{color:var(--premium-ink);background:rgba(255,255,255,.82);border-color:#d5d0c7;box-shadow:0 8px 24px rgba(18,24,29,.05)}
.btn-premium-outline:hover{border-color:#a98b60;background:#fff}
.premium-kicker{display:inline-flex;align-items:center;gap:10px;color:#d9ba84;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.premium-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.75}
.premium-kicker.dark{color:#9a7440}.premium-kicker.light{color:#d9ba84}

.premium-rail{height:34px;color:#dce2e6;background:#10161b;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px}
.premium-rail-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.premium-rail-inner>span{display:flex;align-items:center;gap:8px}.premium-rail-inner>span i{width:6px;height:6px;border-radius:50%;background:#62c590;box-shadow:0 0 0 4px rgba(98,197,144,.12)}
.premium-rail-inner>div{display:flex;align-items:center;gap:22px;color:#9eabb3}.premium-rail-inner a:hover{color:#fff}
.premium-header{top:0;height:72px;background:rgba(251,250,247,.9);border-bottom:1px solid rgba(217,212,202,.86);backdrop-filter:blur(22px)}
.premium-header .site-nav a{padding:26px 0 24px;color:#4f585f}.premium-header .site-nav a::after{background:var(--premium-gold);bottom:15px}.premium-header .site-nav a:hover,.premium-header .site-nav a.is-active{color:#10161b}

.clarity-hero{position:relative;overflow:hidden;padding:76px 0 92px;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(195,154,90,.19),transparent 28%),linear-gradient(135deg,#11171c 0%,#17242c 54%,#0e1419 100%)}
.clarity-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,black,transparent 88%)}
.clarity-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:70px;align-items:center}
.clarity-hero-copy h1{max-width:720px;margin:22px 0 24px;font-size:clamp(49px,5.5vw,78px);line-height:.98;letter-spacing:-.058em;font-weight:760}
.clarity-hero-copy h1 em{display:block;color:#e3c48d;font-style:normal;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em}
.clarity-hero-copy>p{max-width:650px;margin:0;color:#c2ccd1;font-size:18px;line-height:1.72}
.clarity-hero-actions{display:flex;gap:12px;margin-top:32px}.clarity-proof-list{display:flex;flex-wrap:wrap;gap:18px 26px;margin-top:32px;color:#b8c2c7;font-size:12px}.clarity-proof-list span{display:flex;align-items:center;gap:7px}.clarity-proof-list .icon{width:15px;height:15px;color:#d7b77d}
.clarity-team-stage{position:relative;min-height:610px}
.team-stage-main{position:absolute;right:70px;top:10px;width:340px;height:510px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:#dfe4e5;box-shadow:0 34px 80px rgba(0,0,0,.32)}
.team-stage-main::after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(8,14,18,.9))}.team-stage-main>img{width:100%;height:100%;object-fit:cover}
.stage-person-label{position:absolute;z-index:2;left:24px;right:24px;bottom:23px;display:flex;flex-direction:column}.stage-person-label small{color:#c7d0d4;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.stage-person-label strong{margin-top:5px;font-size:25px}.stage-person-label span{color:#dcbf8a;font-size:13px}
.ai-identity-badge,.profile-ai-badge{position:absolute;z-index:3;top:18px;right:18px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;background:rgba(10,18,23,.65);backdrop-filter:blur(12px);font-size:10px;font-weight:800;letter-spacing:.04em}.ai-identity-badge i,.profile-ai-badge i,.card-ai-chip i,.employee-ai-mark i,.simple-role-ai i,.simple-selected-photo>span i{width:6px;height:6px;border-radius:50%;background:#49d08a;box-shadow:0 0 0 4px rgba(73,208,138,.14)}
.team-stage-secondary{position:absolute;width:164px;height:224px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#e4e6e5;box-shadow:0 20px 50px rgba(0,0,0,.28)}.team-stage-secondary.one{left:0;top:62px;transform:rotate(-3deg)}.team-stage-secondary.two{right:0;bottom:28px;transform:rotate(3deg)}.team-stage-secondary img{width:100%;height:100%;object-fit:cover}.team-stage-secondary::after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(transparent,rgba(8,13,17,.87))}.team-stage-secondary div{position:absolute;z-index:2;left:14px;right:14px;bottom:13px;display:flex;flex-direction:column}.team-stage-secondary strong{font-size:14px}.team-stage-secondary span{color:#c9d1d5;font-size:10px}
.stage-chat-card{position:absolute;z-index:4;left:20px;bottom:55px;width:290px;padding:16px;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(17,27,33,.82);box-shadow:0 18px 40px rgba(0,0,0,.26);backdrop-filter:blur(20px)}.stage-chat-card>div{display:flex;align-items:center;gap:9px}.stage-chat-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d7b67e;color:#13202a;font-size:10px;font-weight:900}.stage-chat-card p{display:flex;flex-direction:column;margin:0}.stage-chat-card p strong{font-size:11px}.stage-chat-card p small{color:#62c590;font-size:9px}.stage-chat-card blockquote{margin:12px 0 0;padding:12px 13px;border-radius:12px;color:#e9eff1;background:rgba(255,255,255,.07);font-size:12px;line-height:1.5}
.stage-control-card{position:absolute;z-index:4;right:8px;top:44px;width:250px;padding:14px 15px;display:flex;gap:11px;border:1px solid rgba(219,190,136,.28);border-radius:16px;background:rgba(17,27,33,.78);backdrop-filter:blur(18px)}.stage-control-card .icon{color:#dfc18c}.stage-control-card p{display:flex;flex-direction:column;gap:4px;margin:0}.stage-control-card strong{font-size:11px}.stage-control-card span{color:#aebbc1;font-size:9px;line-height:1.45}

.clarity-value-strip{background:#fff;border-bottom:1px solid var(--premium-line)}.clarity-value-grid{display:grid;grid-template-columns:repeat(3,1fr)}.clarity-value-grid article{min-height:145px;padding:30px 34px;display:flex;gap:18px;border-right:1px solid var(--premium-line)}.clarity-value-grid article:first-child{border-left:1px solid var(--premium-line)}.clarity-value-grid>article>span{color:#b28a4f;font-family:Georgia,serif;font-size:22px}.clarity-value-grid strong{display:block;color:var(--premium-ink);font-size:16px}.clarity-value-grid p{margin:8px 0 0;color:#69737a;font-size:13px;line-height:1.55}
.clarity-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:80px;align-items:end;margin-bottom:46px}.clarity-section-head h2{max-width:760px;margin:14px 0 0;color:var(--premium-ink);font-size:clamp(38px,4.4vw,62px);line-height:1.02;letter-spacing:-.052em}.clarity-section-head>div:last-child>p,.clarity-section-head>p{margin:0 0 18px;color:#687279;font-size:16px;line-height:1.7}.centered-head{grid-template-columns:1fr;text-align:center;justify-items:center}.centered-head h2{max-width:860px}.centered-head>p{max-width:670px;margin:0;text-align:center}
.clarity-roles-section{background:var(--premium-paper)}.clarity-agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.clarity-agent-card{overflow:hidden;border:1px solid #ddd8cf;border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(24,32,38,.06);transition:.25s ease}.clarity-agent-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(24,32,38,.12)}.clarity-agent-photo{position:relative;display:block;height:340px;overflow:hidden;background:#e5e7e6}.clarity-agent-photo::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,rgba(9,14,18,.38))}.clarity-agent-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.clarity-agent-card:hover .clarity-agent-photo img{transform:scale(1.025)}.card-ai-chip,.card-demand-chip{position:absolute;z-index:2;top:15px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;font-size:9px;font-weight:850;backdrop-filter:blur(14px)}.card-ai-chip{left:15px;color:#fff;background:rgba(15,23,29,.68);border:1px solid rgba(255,255,255,.22)}.card-demand-chip{right:15px;color:#3e2e18;background:#e5c997}.clarity-agent-body{padding:24px}.clarity-agent-body>small{color:#9b7847;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.clarity-agent-body h3{margin:8px 0 2px;font-size:24px;letter-spacing:-.03em}.clarity-agent-body>strong{display:block;color:#46535b;font-size:13px}.clarity-agent-body>p{min-height:74px;margin:14px 0;color:#68747a;font-size:12px;line-height:1.6}.clarity-agent-body ul{display:grid;gap:8px;margin:18px 0 20px;padding:0;list-style:none}.clarity-agent-body li{display:flex;align-items:center;gap:8px;color:#45525a;font-size:11px}.clarity-agent-body li .icon{width:14px;height:14px;color:#9c793f}.clarity-agent-body>div:last-child{padding-top:17px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ece8e1}.clarity-agent-body>div:last-child>span{color:#777f84;font-size:11px}.clarity-agent-body>div:last-child b{color:#151a1f;font-size:18px}.clarity-agent-body>div:last-child a{display:flex;align-items:center;gap:7px;color:#926d37;font-size:11px;font-weight:800}.clarity-agent-body>div:last-child a .icon{width:15px}

.clarity-how-section{color:#fff;background:#121a20}.clarity-how-section .clarity-section-head h2{color:#fff}.clarity-how-section .clarity-section-head p{color:#abb8be}.clarity-steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.11);border-radius:24px;overflow:hidden}.clarity-steps article{position:relative;min-height:320px;padding:30px;border-right:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}.clarity-steps article:last-child{border-right:0}.clarity-steps article>span{position:absolute;right:22px;top:22px;color:#73828a;font-family:Georgia,serif;font-size:18px}.step-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#161c20;background:linear-gradient(145deg,#e1c490,#b58a4e)}.clarity-steps h3{margin:58px 0 14px;font-size:19px}.clarity-steps p{margin:0;color:#9eadb4;font-size:12px;line-height:1.65}
.clarity-control-section{background:#f0ede6}.clarity-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.clarity-control-copy h2{margin:14px 0 22px;font-size:clamp(38px,4.4vw,60px);line-height:1.02;letter-spacing:-.05em}.clarity-control-copy>p{color:#69737a;font-size:16px;line-height:1.7}.control-points{display:grid;gap:12px;margin:28px 0}.control-points span{display:flex;align-items:center;gap:10px;color:#3f4b52;font-size:13px}.control-points .icon{width:16px;height:16px;color:#9a7541}.clarity-control-panel{padding:24px;border:1px solid #d2ccc1;border-radius:26px;background:#fff;box-shadow:0 24px 60px rgba(24,31,36,.1)}.control-panel-head{padding:4px 2px 20px;display:flex;justify-content:space-between;border-bottom:1px solid #e8e4dd}.control-panel-head>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.control-panel-head i{width:7px;height:7px;border-radius:50%;background:#4fc38b}.control-panel-head small{color:#899198;font-size:10px}.control-rule{margin-top:14px;padding:16px;display:flex;gap:13px;border-radius:16px}.control-rule>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.control-rule p{display:flex;flex-direction:column;gap:4px;margin:0}.control-rule strong{font-size:13px}.control-rule em{color:#657078;font-size:10px;line-height:1.5;font-style:normal}.control-rule.allowed{background:#edf7f1}.control-rule.allowed>span{color:#2f8059;background:#d8eee1}.control-rule.approval{background:#fbf5ea}.control-rule.approval>span{color:#8d6834;background:#eee0c6}.control-rule.forbidden{background:#f8eeee}.control-rule.forbidden>span{color:#a55252;background:#efd9d9}.control-panel-footer{margin-top:17px;padding:14px;display:flex;gap:9px;align-items:center;border-top:1px solid #ebe7e0;color:#6a747b;font-size:10px}
.clarity-business-section{background:#fff}.clarity-business-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.clarity-business-grid h2{margin:14px 0 20px;font-size:clamp(38px,4.2vw,58px);line-height:1.03;letter-spacing:-.05em}.clarity-business-grid>div:first-child>p{color:#68737a;font-size:16px;line-height:1.7}.task-choice-card{padding:20px;border:1px solid #ddd8cf;border-radius:24px;background:#f8f6f1;box-shadow:0 18px 45px rgba(20,28,34,.07)}.task-choice-card>small{display:block;padding:6px 8px 16px;color:#777f84;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.task-choice-card>a{padding:15px 12px;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;border-top:1px solid #e2ded6}.task-choice-card>a>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#8d6c39;background:#eee3cf}.task-choice-card p{display:flex;flex-direction:column;gap:3px;margin:0}.task-choice-card strong{font-size:13px}.task-choice-card em{color:#7b8489;font-size:10px;font-style:normal}.task-choice-card>a>.icon{width:16px;color:#9b835e;transition:transform .2s}.task-choice-card>a:hover>.icon{transform:translateX(4px)}
.clarity-faq-section{background:#f1eee7}.clarity-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.clarity-faq-grid h2{margin:14px 0 20px;font-size:clamp(38px,4.2vw,58px);line-height:1.03;letter-spacing:-.05em}.clarity-faq-grid>div:first-child>p{color:#68737a;font-size:15px;line-height:1.7}.clarity-faq-list{border-top:1px solid #d6d0c5}.clarity-faq-list details{border-bottom:1px solid #d6d0c5}.clarity-faq-list summary{padding:22px 4px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:16px;font-weight:750}.clarity-faq-list summary::-webkit-details-marker{display:none}.clarity-faq-list summary .icon{width:18px;color:#987345;transition:transform .2s}.clarity-faq-list details[open] summary .icon{transform:rotate(45deg)}.clarity-faq-list p{max-width:740px;margin:-5px 0 22px;padding-right:40px;color:#677178;font-size:13px;line-height:1.65}
.clarity-final-cta{padding:74px 0;color:#fff;background:linear-gradient(130deg,#0f1519,#1a2c37)}.clarity-final-inner{display:flex;justify-content:space-between;gap:70px;align-items:center}.clarity-final-inner>div:first-child span{color:#d6b77f;font-size:10px;font-weight:850;letter-spacing:.13em}.clarity-final-inner h2{max-width:780px;margin:11px 0 12px;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.045em}.clarity-final-inner p{margin:0;color:#adbac0;font-size:14px}.clarity-final-inner>div:last-child{display:flex;flex-direction:column;align-items:center;gap:11px}.clarity-final-inner>div:last-child small{color:#8f9da4;font-size:10px}

/* Catalog 1.8 */
.premium-catalog-hero{padding:74px 0 64px;color:#fff;background:linear-gradient(135deg,#121a20,#1a2d38)}.premium-catalog-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:center}.premium-catalog-hero h1{max-width:830px;margin:18px 0 16px;font-size:clamp(46px,5.1vw,72px);line-height:1;letter-spacing:-.055em}.premium-catalog-hero p{max-width:700px;margin:0;color:#b7c2c7;font-size:16px;line-height:1.7}.catalog-help-card{padding:23px;display:flex;gap:15px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.055);box-shadow:0 20px 50px rgba(0,0,0,.14)}.catalog-help-card>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#182028;background:linear-gradient(145deg,#dfc18c,#b88a4d)}.catalog-help-card>div{display:flex;flex-direction:column}.catalog-help-card small{color:#d5ba88;font-size:9px;font-weight:850;letter-spacing:.1em}.catalog-help-card strong{margin-top:5px;font-size:16px}.catalog-help-card p{margin:7px 0;color:#aeb9be;font-size:11px;line-height:1.55}.catalog-help-card a{display:flex;align-items:center;gap:7px;margin-top:8px;color:#e0c18c;font-size:11px;font-weight:800}.catalog-help-card a .icon{width:14px}
.premium-catalog-section{padding:42px 0 100px;background:#f5f2eb}.premium-catalog-toolbar{position:sticky;top:72px;z-index:20;padding:16px 0 18px;background:rgba(245,242,235,.93);backdrop-filter:blur(16px)}.premium-search{height:56px;border-color:#d9d3c8;border-radius:16px;background:#fff}.premium-category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.premium-category-tabs a{padding:9px 13px;border:1px solid #d8d2c8;border-radius:999px;color:#606a70;background:#fff;font-size:10px;font-weight:750}.premium-category-tabs a:hover,.premium-category-tabs a.is-active{color:#fff;border-color:#16222a;background:#16222a}
.premium-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:18px}.premium-employee-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dcd6cc;border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(20,28,34,.055);transition:.25s}.premium-employee-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(20,28,34,.12)}.premium-employee-photo{position:relative;height:365px;overflow:hidden;background:#e4e7e5}.premium-employee-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.premium-employee-card:hover .premium-employee-photo>img{transform:scale(1.025)}.premium-employee-photo::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(9,15,19,.88))}.employee-ai-mark,.employee-popular-mark{position:absolute;z-index:2;top:15px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;font-size:9px;font-weight:850}.employee-ai-mark{left:15px;color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(12,20,25,.68);backdrop-filter:blur(12px)}.employee-popular-mark{right:15px;color:#40301d;background:#e3c78f}.employee-photo-caption{position:absolute;z-index:2;left:20px;right:20px;bottom:19px;display:flex;flex-direction:column}.employee-photo-caption small{color:#d4b57d;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.employee-photo-caption strong{margin-top:4px;color:#fff;font-size:25px;letter-spacing:-.03em}.employee-photo-caption span{color:#d2dadd;font-size:12px}.premium-employee-content{padding:22px 22px 18px;flex:1}.premium-employee-content>p{min-height:62px;margin:0;color:#647078;font-size:11px;line-height:1.62}.employee-best-for{margin-top:18px;padding:13px;border-radius:13px;background:#f4f1ea}.employee-best-for small,.employee-card-result small{display:block;color:#9c7a48;font-size:8px;font-weight:850;letter-spacing:.09em}.employee-best-for strong{display:block;margin-top:5px;color:#2e393f;font-size:11px;line-height:1.45}.premium-employee-content ul{display:grid;gap:8px;margin:17px 0;padding:0;list-style:none}.premium-employee-content li{display:flex;gap:8px;align-items:center;color:#4d5960;font-size:10px}.premium-employee-content li .icon{width:13px;height:13px;color:#98713b}.employee-card-result{padding-top:14px;border-top:1px solid #ece8e0}.employee-card-result p{margin:6px 0 0;color:#455159;font-size:10px;line-height:1.5}.premium-employee-footer{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9e5de;background:#fcfbf8}.premium-employee-footer>div{display:flex;flex-direction:column}.premium-employee-footer small{color:#899096;font-size:8px;text-transform:uppercase}.premium-employee-footer strong{font-size:23px}.premium-employee-footer strong span{color:#737d82;font-size:10px;font-weight:600}.premium-employee-footer .btn{min-height:39px;padding:0 14px;font-size:10px}.premium-portrait-note{margin-top:26px;padding:15px 18px;display:flex;gap:10px;align-items:flex-start;border:1px solid #ddd7cc;border-radius:14px;background:#fff;color:#707980}.premium-portrait-note .icon{width:16px;color:#9c7742}.premium-portrait-note p{margin:0;font-size:10px;line-height:1.55}.premium-catalog-cta{padding:68px 0;color:#fff;background:#11191f}.premium-catalog-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:60px}.premium-catalog-cta span{color:#d5b57d;font-size:10px;font-weight:850;letter-spacing:.12em}.premium-catalog-cta h2{max-width:800px;margin:10px 0 10px;font-size:clamp(34px,4vw,52px);line-height:1.03}.premium-catalog-cta p{margin:0;color:#adb8bd;font-size:13px}

/* Simple role profile */
.simple-profile-hero{padding:56px 0 34px;background:linear-gradient(180deg,#f4f1ea,#fbfaf7)}.simple-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px 300px;gap:28px;align-items:center}.simple-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:24px;color:#7c858a;font-size:10px}.simple-breadcrumb a:hover{color:#8f6d3b}.simple-profile-copy h1{margin:16px 0 0;font-size:clamp(48px,5.6vw,76px);line-height:.98;letter-spacing:-.057em}.simple-role-name{margin:7px 0 20px;color:#9b743f;font-size:17px;font-weight:750}.simple-profile-lead{max-width:680px;margin:0;color:#606b72;font-size:16px;line-height:1.7}.simple-profile-specialty{margin-top:24px;padding-left:16px;border-left:2px solid #c39a5a}.simple-profile-specialty small{display:block;color:#918c83;font-size:8px;font-weight:850;letter-spacing:.1em}.simple-profile-specialty strong{display:block;max-width:650px;margin-top:6px;color:#303b41;font-size:13px;line-height:1.55}.simple-profile-actions{display:flex;gap:11px;margin-top:29px}.simple-profile-facts{display:flex;gap:35px;margin-top:30px}.simple-profile-facts div{display:flex;flex-direction:column}.simple-profile-facts strong{font-size:21px}.simple-profile-facts span{color:#7a8388;font-size:9px}.simple-profile-portrait{position:relative;height:520px;overflow:hidden;border:1px solid #d8d1c5;border-radius:28px;background:#dfe3e2;box-shadow:0 24px 55px rgba(28,34,38,.12)}.simple-profile-portrait::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,rgba(8,14,18,.5))}.simple-profile-portrait>img{width:100%;height:100%;object-fit:cover}.profile-voice{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;padding:14px;display:flex;gap:10px;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#fff;background:rgba(13,21,26,.72);backdrop-filter:blur(16px)}.profile-voice .icon{color:#d9ba83}.profile-voice p{margin:0;font-size:11px;line-height:1.5}.simple-profile-card{padding:21px;border:1px solid #d9d3c8;border-radius:23px;background:#fff;box-shadow:0 18px 45px rgba(24,31,36,.08)}.simple-profile-card>small{color:#967241;font-size:8px;font-weight:850;letter-spacing:.1em}.simple-profile-card>div{padding:15px 0;display:flex;gap:11px;border-bottom:1px solid #ebe7df}.simple-profile-card>div>span{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;color:#906c38;background:#f0e6d4}.simple-profile-card p{display:flex;flex-direction:column;gap:4px;margin:0}.simple-profile-card strong{font-size:11px}.simple-profile-card em{color:#727c81;font-size:9px;line-height:1.45;font-style:normal}.simple-profile-card>a{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#8c6735;font-size:10px;font-weight:850}.simple-profile-card>a .icon{width:15px}.profile-disclosure{margin-top:22px;padding:12px 16px;display:flex;gap:9px;border:1px solid #ddd7cd;border-radius:13px;color:#6f797e;background:rgba(255,255,255,.65)}.profile-disclosure .icon{width:15px;color:#98713c}.profile-disclosure p{margin:0;font-size:9px;line-height:1.5}
.simple-profile-section{background:#fff}.simple-work-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ddd8cf;border-radius:23px;overflow:hidden}.simple-work-grid article{min-height:245px;padding:25px;border-right:1px solid #ddd8cf}.simple-work-grid article:last-child{border-right:0}.simple-work-grid>article>span{color:#a27d48;font-family:Georgia,serif;font-size:18px}.simple-work-grid h3{margin:54px 0 12px;font-size:18px}.simple-work-grid p{margin:0;color:#68747a;font-size:11px;line-height:1.6}
.profile-use-section{color:#fff;background:#121b21}.profile-use-grid{display:grid;grid-template-columns:.8fr 1fr .7fr;gap:55px;align-items:start}.profile-use-grid h2{margin:14px 0 16px;font-size:clamp(36px,4vw,54px);line-height:1.03}.profile-use-grid>div:first-child>p{color:#aab7bd;font-size:13px;line-height:1.7}.profile-use-list{border-top:1px solid rgba(255,255,255,.14)}.profile-use-list article{padding:17px 0;display:flex;gap:15px;border-bottom:1px solid rgba(255,255,255,.14)}.profile-use-list span{color:#d1b176;font-family:Georgia,serif}.profile-use-list p{margin:0;color:#d7dfe2;font-size:12px}.profile-use-grid aside{padding:23px;border:1px solid rgba(218,184,124,.28);border-radius:21px;background:rgba(255,255,255,.05)}.profile-use-grid aside small{color:#d6b67d;font-size:8px;font-weight:850;letter-spacing:.1em}.profile-use-grid aside h3{margin:9px 0 13px;font-size:19px;line-height:1.35}.profile-use-grid aside p{margin:0;color:#aab7bd;font-size:10px;line-height:1.6}
.profile-results-section{background:#f4f1ea}.profile-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.profile-result-grid article{padding:26px;border:1px solid #ddd7cc;border-radius:22px;background:#fff}.profile-result-grid article>div{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;color:#8d6838;background:#efe4d0}.profile-result-grid article>small{display:block;margin-top:22px;color:#95713f;font-size:8px;font-weight:850;letter-spacing:.1em}.profile-result-grid ul{display:grid;gap:10px;margin:15px 0 0;padding:0;list-style:none}.profile-result-grid li{padding-bottom:9px;border-bottom:1px solid #eeeae3;color:#536067;font-size:11px}
.profile-first-week-section{background:#fff}.profile-first-week-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.profile-first-week-grid h2{margin:14px 0 18px;font-size:clamp(38px,4.4vw,58px);line-height:1.02}.profile-first-week-grid>div:first-child>p{color:#69747a;font-size:14px;line-height:1.7}.profile-first-week-list{display:grid}.profile-first-week-list article{padding:18px 0;display:grid;grid-template-columns:44px 1fr;gap:15px;border-bottom:1px solid #ddd8cf}.profile-first-week-list>article>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#2b343a;background:#eee3cf;font-size:12px;font-weight:850}.profile-first-week-list div{display:flex;flex-direction:column}.profile-first-week-list small{color:#9a7642;font-size:8px;font-weight:850;letter-spacing:.09em}.profile-first-week-list strong{margin-top:5px;color:#354047;font-size:12px}
.profile-boundaries-section{color:#fff;background:linear-gradient(135deg,#17384e,#0f252f)}.profile-boundaries-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.profile-boundaries-grid h2{margin:14px 0 18px;font-size:clamp(38px,4.3vw,58px);line-height:1.03}.profile-boundaries-grid>div:first-child>p{color:#aabac1;font-size:13px;line-height:1.7}.profile-boundary-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.profile-boundary-list article{padding:17px;display:flex;gap:12px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.04)}.profile-boundary-list article>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#ddbd85;background:rgba(218,186,132,.12)}.profile-boundary-list p{margin:0;color:#d0dadd;font-size:10px;line-height:1.55}.profile-boundary-list .human-owner{grid-column:1/-1;border-color:rgba(218,186,132,.28);background:rgba(218,186,132,.08)}
.profile-dialogue-section{background:#f4f1ea}.profile-dialogue-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.profile-dialogue-grid h2{margin:14px 0 18px;font-size:clamp(38px,4.3vw,58px);line-height:1.03}.profile-dialogue-grid>div:first-child>p{color:#6a747a;font-size:14px;line-height:1.7}.profile-prompt-list{display:grid;gap:10px}.profile-prompt-list article{padding:17px 19px;display:flex;gap:13px;border:1px solid #dcd6cb;border-radius:15px;background:#fff}.profile-prompt-list article span{color:#9b7541;font-family:Georgia,serif}.profile-prompt-list p{margin:0;color:#3d484f;font-size:12px}.profile-prompt-list blockquote{margin:9px 0 0;padding:22px;border-radius:18px;color:#fff;background:#16242d;font-family:Georgia,serif;font-size:18px;line-height:1.45}.profile-prompt-list blockquote small{display:block;margin-top:11px;color:#b4c0c5;font-family:Inter,sans-serif;font-size:9px}
.profile-advanced-section{padding-top:55px;padding-bottom:75px;background:#fff}.profile-advanced-details{border:1px solid #ddd8cf;border-radius:22px;background:#fbfaf7}.profile-advanced-details>summary{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.profile-advanced-details>summary::-webkit-details-marker{display:none}.profile-advanced-details>summary span{display:flex;flex-direction:column}.profile-advanced-details>summary small{color:#987342;font-size:8px;font-weight:850;letter-spacing:.1em}.profile-advanced-details>summary strong{margin-top:5px;font-size:14px}.profile-advanced-details>summary>.icon{transition:transform .2s}.profile-advanced-details[open]>summary>.icon{transform:rotate(180deg)}.profile-advanced-body{padding:0 24px 24px;border-top:1px solid #e4dfd6}.advanced-rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;padding-top:20px}.advanced-rule-grid article{padding:17px;border-radius:14px;background:#f2efe9}.advanced-rule-grid small{color:#9b7642;font-size:8px;font-weight:850}.advanced-rule-grid h3{font-size:13px}.advanced-rule-grid ul{display:grid;gap:7px;margin:10px 0 0;padding-left:17px;color:#576269;font-size:10px}.advanced-playbook-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.advanced-playbook-grid article{padding:19px;border:1px solid #ddd8cf;border-radius:16px;background:#fff}.advanced-playbook-grid>article>span{color:#a37d47;font-family:Georgia,serif}.advanced-playbook-grid h3{margin:8px 0;font-size:16px}.advanced-playbook-grid p,.advanced-playbook-grid li{color:#606b71;font-size:10px;line-height:1.55}.advanced-playbook-grid>article>div{padding-top:10px;margin-top:10px;border-top:1px solid #eeeae3}.advanced-playbook-grid small{display:block;color:#9a7642;font-size:8px;font-weight:850}.advanced-playbook-grid strong{display:block;margin-top:4px;font-size:10px;line-height:1.5}
.profile-hire-cta{padding:65px 0;color:#fff;background:#11191f}.profile-hire-cta-inner{display:flex;justify-content:space-between;gap:70px;align-items:center}.profile-hire-cta span{color:#d6b67d;font-size:9px;font-weight:850;letter-spacing:.1em}.profile-hire-cta h2{margin:9px 0 9px;font-size:clamp(34px,4vw,54px);line-height:1.02}.profile-hire-cta p{margin:0;color:#acb8bd;font-size:12px}.profile-hire-cta-inner>div:last-child{display:flex;align-items:center;gap:24px}.profile-hire-cta-inner>div:last-child>strong{font-size:32px}.profile-hire-cta-inner>div:last-child>strong small{font-size:11px;font-weight:500;color:#9aa8af}.related-simple-section{background:#f4f1ea}.related-simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-simple-grid>a{position:relative;height:220px;overflow:hidden;border-radius:20px;background:#e2e5e4}.related-simple-grid img{width:100%;height:100%;object-fit:cover}.related-simple-grid>a::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(8,14,18,.9))}.related-simple-grid>a>div{position:absolute;z-index:2;left:18px;right:50px;bottom:17px;display:flex;flex-direction:column}.related-simple-grid small{color:#d5b67e;font-size:8px;font-weight:850}.related-simple-grid strong{color:#fff;font-size:17px}.related-simple-grid span{color:#c8d0d4;font-size:10px}.related-simple-grid>a>.icon{position:absolute;z-index:2;right:18px;bottom:19px;color:#fff}

/* Dashboard clarity */
.dashboard-sidebar{background:#11191f}.sidebar-nav a{color:#aab5ba}.sidebar-nav a:hover,.sidebar-nav a.is-active{color:#fff;background:rgba(255,255,255,.07)}.sidebar-nav a.is-active::before{background:#d2ae70}.workspace-chip{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}.workspace-chip strong,.sidebar-user strong{color:#fff}.workspace-chip small,.sidebar-user small{color:#8f9da4}.sidebar-hire-card{background:linear-gradient(145deg,#233843,#17262e);border-color:rgba(218,183,124,.2)}.sidebar-hire-card a{color:#e0bd83}.dashboard-content{background:#f5f3ee}.dashboard-topbar{background:rgba(245,243,238,.9);border-color:#dfdad1}.simple-wizard-head{margin-bottom:28px}.simple-wizard-head>a{margin-bottom:22px}.simple-wizard-head>div{max-width:790px}.simple-wizard-head h1{margin:9px 0 8px;font-size:42px;letter-spacing:-.045em}.simple-wizard-head p{margin:0;color:#6c767c;font-size:14px}.simple-hire-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}.simple-role-panel,.simple-setup-panel{border:1px solid #ddd8cf;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(20,28,34,.055)}.simple-role-panel{padding:20px}.simple-panel-head>span{color:#9c7641;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.simple-panel-head h2{margin:5px 0 5px;font-size:22px}.simple-panel-head p{margin:0;color:#758087;font-size:11px;line-height:1.55}.simple-role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:17px;max-height:750px;overflow:auto;padding-right:3px}.simple-role-card{position:relative;overflow:hidden;border:1px solid #e0dbd2;border-radius:15px;background:#faf9f6}.simple-role-card.is-selected{border-color:#b88b4c;box-shadow:0 0 0 2px rgba(184,139,76,.14)}.simple-role-card img{width:100%;height:150px;object-fit:cover}.simple-role-card>div{padding:10px;display:flex;flex-direction:column}.simple-role-card strong{font-size:12px}.simple-role-card small{color:#6c777d;font-size:9px}.simple-role-card em{margin-top:5px;color:#98723d;font-size:9px;font-style:normal}.simple-role-card>b{position:absolute;right:8px;top:8px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#b98d4f}.simple-role-ai{position:absolute;left:7px;top:7px;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;color:#fff;background:rgba(14,22,27,.68);font-size:7px;font-weight:850}.simple-role-ai i{width:5px;height:5px}.simple-setup-panel{padding:24px}.simple-selected-person{padding-bottom:22px;display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;border-bottom:1px solid #e7e2d9}.simple-selected-photo{position:relative;height:190px;overflow:hidden;border-radius:18px;background:#e1e4e3}.simple-selected-photo img{width:100%;height:100%;object-fit:cover}.simple-selected-photo>span{position:absolute;left:9px;top:9px;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;color:#fff;background:rgba(13,21,26,.68);font-size:7px;font-weight:850}.simple-selected-person>div:last-child>small{color:#997441;font-size:8px;font-weight:850;letter-spacing:.1em}.simple-selected-person h2{margin:6px 0 2px;font-size:28px}.simple-selected-person p{margin:0;color:#566168;font-size:12px}.simple-selected-person>div:last-child>strong{display:block;margin-top:10px;color:#7b8489;font-size:10px;line-height:1.5}.simple-hire-form{margin-top:24px;display:grid;gap:20px}.simple-hire-form .simple-panel-head{margin-bottom:2px}.simple-hire-form label{display:grid;gap:7px;color:#3d484f;font-size:11px;font-weight:750}.simple-hire-form input,.simple-hire-form textarea{border-color:#d9d3c8;background:#fbfaf7}.simple-advanced-settings{border:1px solid #ddd8cf;border-radius:15px;background:#faf9f6}.simple-advanced-settings>summary{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.simple-advanced-settings>summary::-webkit-details-marker{display:none}.simple-advanced-settings>summary>span{display:grid;grid-template-columns:20px 1fr;gap:2px 8px}.simple-advanced-settings>summary>span>.icon{grid-row:1/3;color:#9a7440}.simple-advanced-settings>summary strong{font-size:11px}.simple-advanced-settings>summary small{color:#7c858a;font-size:8px}.simple-advanced-settings>div{padding:16px;display:grid;gap:16px;border-top:1px solid #e5e0d8}.simple-plan-choice{padding:18px;border-radius:17px;background:#15232b;color:#fff}.simple-plan-choice>div:first-child>span{color:#d6b67d;font-size:8px;font-weight:850;letter-spacing:.1em}.simple-plan-choice>div:first-child>strong{display:block;margin-top:5px;font-size:15px}.simple-plan-choice>div:first-child>p{margin:5px 0 15px;color:#aeb9be;font-size:9px}.simple-plan-choice .billing-choice label{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12)}.simple-plan-choice .billing-choice label:has(input:checked){border-color:#d1ad71;background:rgba(209,173,113,.1)}.simple-submit-row{padding-top:18px;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #e4dfd7}.simple-submit-row>div{display:flex;gap:10px;align-items:flex-start}.simple-submit-row>div>.icon{color:#9a7440}.simple-submit-row span{display:flex;flex-direction:column}.simple-submit-row strong{font-size:10px}.simple-submit-row small{max-width:420px;color:#7c858a;font-size:8px;line-height:1.45}

.premium-footer{background:#0f161b}.premium-footer-top{padding:68px 0 48px;display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:55px}.premium-footer .footer-brand p{max-width:390px;color:#9daab0}.footer-trust-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.footer-trust-pills span{padding:6px 8px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#aeb9be;font-size:8px}.premium-footer-bottom{padding:18px 0;display:flex;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.08);color:#74838a;font-size:9px}

@media(max-width:1180px){
 .clarity-hero-grid{grid-template-columns:1fr 500px;gap:35px}.clarity-team-stage{transform:scale(.92);transform-origin:center right}.clarity-agent-grid,.premium-catalog-grid{grid-template-columns:repeat(2,1fr)}.simple-profile-grid{grid-template-columns:1fr 360px}.simple-profile-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.simple-profile-card>small,.simple-profile-card>a{grid-column:1/-1}.simple-profile-card>div{border:0;border-radius:14px;background:#f6f3ed}.profile-use-grid{grid-template-columns:1fr 1fr}.profile-use-grid aside{grid-column:1/-1}.simple-hire-layout{grid-template-columns:340px 1fr}
}
@media(max-width:960px){
 .premium-rail{display:none}.premium-header{top:0}.premium-nav{top:72px}.clarity-hero{padding-top:55px}.clarity-hero-grid,.clarity-control-grid,.clarity-business-grid,.clarity-faq-grid,.premium-catalog-hero-grid,.profile-first-week-grid,.profile-boundaries-grid,.profile-dialogue-grid{grid-template-columns:1fr}.clarity-team-stage{width:min(100%,620px);margin:0 auto;transform:none}.clarity-section-head{grid-template-columns:1fr;gap:20px}.clarity-value-grid{grid-template-columns:1fr}.clarity-value-grid article{border-right:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line)}.clarity-steps{grid-template-columns:repeat(2,1fr)}.clarity-steps article:nth-child(2){border-right:0}.clarity-steps article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.clarity-control-grid,.clarity-business-grid,.clarity-faq-grid{gap:45px}.premium-catalog-toolbar{top:72px}.simple-profile-grid{grid-template-columns:1fr 360px}.simple-profile-card{grid-column:1/-1}.profile-use-grid{grid-template-columns:1fr}.profile-use-grid aside{grid-column:auto}.simple-work-grid{grid-template-columns:repeat(2,1fr)}.simple-work-grid article:nth-child(2){border-right:0}.simple-work-grid article:nth-child(-n+2){border-bottom:1px solid #ddd8cf}.profile-result-grid{grid-template-columns:1fr}.profile-boundary-list{grid-template-columns:1fr}.profile-boundary-list .human-owner{grid-column:auto}.profile-hire-cta-inner{flex-direction:column;align-items:flex-start}.related-simple-grid{grid-template-columns:1fr 1fr}.simple-hire-layout{grid-template-columns:1fr}.simple-role-grid{grid-template-columns:repeat(4,1fr);max-height:none}.premium-footer-top{grid-template-columns:1.2fr 1fr 1fr}.premium-footer-top .footer-column:last-child{display:none}
}
@media(max-width:720px){
 .container{width:min(calc(100% - 30px),var(--container))}.section{padding:76px 0}.premium-header{height:64px}.premium-nav{top:64px}.header-demo-btn{display:none}.clarity-hero{padding:43px 0 70px}.clarity-hero-copy h1{font-size:44px}.clarity-hero-copy>p{font-size:15px}.clarity-hero-actions{flex-direction:column;align-items:stretch}.clarity-hero-actions .btn{width:100%}.clarity-proof-list{gap:10px;flex-direction:column}.clarity-team-stage{min-height:540px}.team-stage-main{right:16px;width:276px;height:430px}.team-stage-secondary{width:126px;height:176px}.team-stage-secondary.one{left:0;top:80px}.team-stage-secondary.two{right:0;bottom:4px}.stage-chat-card{left:0;bottom:36px;width:240px}.stage-control-card{right:0;top:18px;width:218px}.clarity-section-head h2,.clarity-business-grid h2,.clarity-faq-grid h2{font-size:40px}.clarity-agent-grid,.premium-catalog-grid{grid-template-columns:1fr}.clarity-agent-photo,.premium-employee-photo{height:390px}.clarity-steps{grid-template-columns:1fr}.clarity-steps article{min-height:245px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.clarity-steps article:last-child{border-bottom:0}.clarity-steps h3{margin-top:35px}.clarity-final-inner,.premium-catalog-cta-inner{flex-direction:column;align-items:flex-start}.premium-catalog-hero{padding:52px 0}.premium-catalog-hero h1{font-size:43px}.premium-category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.premium-category-tabs a{flex:0 0 auto}.premium-catalog-toolbar{top:64px}.simple-profile-grid{grid-template-columns:1fr}.simple-profile-copy h1{font-size:49px}.simple-profile-portrait{height:510px}.simple-profile-card{display:block}.simple-profile-facts{gap:20px;justify-content:space-between}.simple-profile-actions{flex-direction:column}.simple-work-grid{grid-template-columns:1fr}.simple-work-grid article{border-right:0;border-bottom:1px solid #ddd8cf}.simple-work-grid article:last-child{border-bottom:0}.profile-use-grid,.profile-first-week-grid,.profile-boundaries-grid,.profile-dialogue-grid{gap:40px}.advanced-rule-grid,.advanced-playbook-grid{grid-template-columns:1fr}.profile-hire-cta-inner>div:last-child{flex-direction:column;align-items:flex-start}.related-simple-grid{grid-template-columns:1fr}.simple-role-grid{grid-template-columns:repeat(2,1fr)}.simple-selected-person{grid-template-columns:110px 1fr}.simple-selected-photo{height:150px}.simple-submit-row{flex-direction:column;align-items:stretch}.simple-submit-row .btn{width:100%}.premium-footer-top{grid-template-columns:1fr 1fr;gap:35px}.premium-footer-top .footer-brand{grid-column:1/-1}.premium-footer-bottom{flex-direction:column;gap:8px}
}
@media(max-width:480px){
 .clarity-hero-copy h1{font-size:38px}.team-stage-main{right:6px;width:246px;height:390px}.team-stage-secondary.one{width:112px;height:158px}.team-stage-secondary.two{display:none}.stage-control-card{width:205px}.stage-chat-card{bottom:18px}.clarity-agent-photo,.premium-employee-photo{height:355px}.simple-profile-portrait{height:460px}.simple-role-grid{grid-template-columns:1fr 1fr}.simple-role-card img{height:138px}.premium-footer-top{grid-template-columns:1fr}.premium-footer-top .footer-brand{grid-column:auto}
}

/* Production-readiness: visible service state and readable public microcopy. */
.service-status-alert{margin:16px 28px 0;padding:14px 17px;border:1px solid #e2c77f;border-radius:14px;display:flex;gap:12px;align-items:flex-start;color:#5c4518;background:#fff9e8;box-shadow:0 8px 22px rgba(89,68,23,.06)}
.service-status-alert>.icon{width:20px;height:20px;margin-top:1px;color:#a87513}
.service-status-alert>div{display:flex;flex-direction:column;gap:3px}
.service-status-alert strong{font-size:13px}
.service-status-alert span{max-width:960px;color:#725b2c;font-size:12px;line-height:1.55}

.corporate-public-page .finder-method-card>span,
.corporate-public-page .company-principles-card>span,
.corporate-public-page .contact-expectations>span,
.corporate-public-page .company-contact-strip small,
.corporate-public-page .security-board-head span,
.corporate-public-page .contact-direct small,
.corporate-public-page .contact-use-cases>small,
.corporate-public-page .contact-success>small,
.corporate-public-page .pricing-policy-card>span{font-size:11px}
.corporate-public-page .finder-method-card strong,
.corporate-public-page .company-principles-card strong,
.corporate-public-page .contact-expectations strong,
.corporate-public-page .security-board-head strong,
.corporate-public-page .security-status-board>div strong{font-size:11px}
.corporate-public-page .finder-method-card p,
.corporate-public-page .company-principles-card p,
.corporate-public-page .contact-expectations p,
.corporate-public-page .company-position-points p{font-size:13px}
.corporate-public-page .company-fact-band span,
.corporate-public-page .security-status-board>div:not(.security-board-head),
.corporate-public-page .security-scope-band span,
.corporate-public-page .contact-use-cases a,
.corporate-public-page .corporate-contact-form label{font-size:12px}
.corporate-public-page .contact-form-note{font-size:11px}
.corporate-public-page .pricing-policy-card strong{color:#17242d;font-size:14px}
.corporate-public-page .pricing-policy-card small,
.corporate-public-page .pricing-switch-band p,
.corporate-public-page .pricing-category-note p,
.corporate-public-page .pricing-category-note a,
.corporate-public-page .pricing-role-main>div>span,
.corporate-public-page .pricing-included span,
.corporate-public-page .pricing-number small,
.corporate-public-page .pricing-note small,
.corporate-public-page .pricing-note>a{font-size:11px}
.corporate-public-page .pricing-role-main p{font-size:12px}
.corporate-public-page .profile-use-grid aside small,
.corporate-public-page .profile-result-grid article>small,
.corporate-public-page .profile-first-week-list small,
.corporate-public-page .profile-advanced-details>summary small,
.corporate-public-page .advanced-rule-grid small,
.corporate-public-page .advanced-playbook-grid small,
.corporate-public-page .related-simple-grid small{font-size:10px}
.corporate-public-page .profile-use-grid aside p,
.corporate-public-page .profile-boundary-list p,
.corporate-public-page .advanced-rule-grid ul,
.corporate-public-page .advanced-playbook-grid p,
.corporate-public-page .advanced-playbook-grid li{font-size:12px}
.corporate-public-page .premium-footer-bottom,
.corporate-public-page .footer-trust-pills span{font-size:11px}

@media(max-width:720px){.service-status-alert{margin:12px 15px 0}}