.product-frame { overflow: hidden; border: 1px solid rgba(20,43,71,.15); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-product); text-align: left; }
.product-frame__topbar { display: grid; grid-template-columns: 170px 1fr auto; align-items: center; min-height: 54px; padding: 0 16px; border-bottom: 1px solid var(--border); background: #fbfcfd; }
.product-brand { display: flex; align-items: center; gap: 8px; font-size: .78rem; }.product-breadcrumb { display: flex; align-items: center; gap: 8px; color: var(--ink-faint); font-size: .68rem; }.product-breadcrumb i { font-style: normal; }.product-breadcrumb strong { color: var(--ink); font-weight: 650; }
.avatar { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(32,92,140,.15); border-radius: 50%; color: var(--cobalt); background: #edf5fa; font-size: .58rem; font-weight: 800; }
.product-frame__body { display: grid; grid-template-columns: 176px minmax(0,1fr); min-height: 590px; }
.app-rail { display: flex; flex-direction: column; gap: 5px; padding: 20px 12px 14px; border-right: 1px solid var(--border); background: #f7f9fb; }
.app-rail__item { display: flex; align-items: center; gap: 9px; min-height: 36px; padding: 0 10px; border-radius: 8px; color: var(--ink-muted); font-size: .68rem; font-weight: 650; }
.app-rail__item.is-active { color: var(--ink); background: white; box-shadow: 0 3px 10px rgba(20,43,71,.06); }
.nav-icon { position: relative; display: inline-block; width: 14px; height: 14px; border: 1.5px solid currentColor; border-radius: 4px; opacity: .72; }.nav-icon--layers::after { position: absolute; content:""; inset: 3px -4px -4px 3px; border: 1px solid currentColor; border-radius: 3px; }.nav-icon--check::after { position:absolute; content:""; width:6px; height:3px; top:3px; left:3px; border: solid currentColor; border-width: 0 0 1.5px 1.5px; transform: rotate(-45deg); }.nav-icon--plug { border-radius: 50%; }
.app-rail__footer { display: flex; align-items: center; gap: 7px; margin-top: auto; padding: 10px 6px; color: var(--ink-faint); font-size: .6rem; }.status-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--supported); box-shadow: 0 0 0 3px rgba(24,116,93,.12); }
.initiative-view { min-width: 0; padding: 24px 28px 30px; }
.initiative-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 25px; margin-bottom: 21px; }
.initiative-header h2 { margin: 8px 0 5px; font-size: 1.5rem; letter-spacing: -.035em; }.initiative-header p { margin: 0; font-size: .73rem; }
.status-row { display: flex; align-items: center; gap: 8px; color: var(--ink-faint); font-size: .58rem; }.state-chip { padding: 4px 7px; border-radius: 999px; font-weight: 750; }.state-chip--private { color: var(--approved); background: var(--approved-soft); }
.product-button { min-height: 36px; padding: 0 13px; border: 0; border-radius: 8px; color: white; background: var(--ink); font-size: .67rem; font-weight: 700; }
.initiative-workflow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0 0 24px; list-style:none; color:var(--ink-faint); font-size:.61rem; font-weight:650; }
.initiative-workflow li { position:relative; display:grid; gap:6px; min-width:0; }
.initiative-workflow li:not(:last-child)::after { position:absolute; z-index:0; content:""; top:7px; left:14px; width:calc(100% - 14px); height:1px; background:var(--border-strong); }
.initiative-workflow li.is-complete::after { background:var(--cobalt); }
.workflow-marker { position:relative; z-index:1; display:grid; place-items:center; width:15px; height:15px; border:1.5px solid var(--border-strong); border-radius:50%; background:white; font-size:.5rem; line-height:1; }
.initiative-workflow li.is-complete { color:var(--cobalt); }.initiative-workflow li.is-complete .workflow-marker { color:white; border-color:var(--cobalt); background:var(--cobalt); }
.initiative-workflow li.is-current { color:var(--ink); }.initiative-workflow li.is-current .workflow-marker { border:4px solid white; background:var(--cobalt); box-shadow:0 0 0 1.5px var(--cobalt); }
.initiative-workflow b { display:inline-grid; place-items:center; min-width:17px; height:17px; margin-left:3px; border-radius:9px; color:var(--ink-muted); background:var(--canvas-deep); font-size:.52rem; }
.source-icon { display:grid; place-items:center; width:27px; height:27px; border-radius:7px; font-size:.57rem; font-weight:800; }.source-icon--support { color:#087586; background:#e4f5f6; }.source-icon--crm { color:#6550c9; background:#eeeafe; }.source-icon--research { color:#9e5c18; background:#fff1de; }.source-icon--doc { color:#426282; background:#e9f0f5; }

/* Chat-led product workspace */
.chat-product .product-frame__topbar { grid-template-columns:110px 1fr auto; }
.chat-product .product-frame__body { grid-template-columns:72px minmax(0,1fr); min-height:650px; }
.app-rail--compact { align-items:center; gap:8px; padding:16px 8px 12px; }
.app-rail--compact .app-rail__item { flex-direction:column; justify-content:center; gap:5px; width:54px; min-height:51px; padding:5px 2px; font-size:.48rem; text-align:center; }
.app-rail--compact .app-rail__footer { flex-direction:column; gap:5px; padding-inline:0; font-size:.46rem; text-align:center; }
.nav-icon--home { border:0; border-radius:0; }.nav-icon--home::before { position:absolute; content:""; left:2px; top:4px; width:9px; height:8px; border:1.5px solid currentColor; border-top:0; border-radius:2px; }.nav-icon--home::after { position:absolute; content:""; left:3px; top:1px; width:8px; height:8px; border:solid currentColor; border-width:1.5px 0 0 1.5px; transform:rotate(45deg); }
.nav-icon--spark { border:0; }.nav-icon--spark::before,.nav-icon--spark::after { position:absolute; content:""; left:6px; top:0; width:2px; height:14px; border-radius:2px; background:currentColor; }.nav-icon--spark::after { transform:rotate(90deg); }.app-rail__item.is-active .nav-icon--spark { transform:rotate(45deg); }
.nav-icon--library { border-radius:2px; }.nav-icon--library::before { position:absolute; content:""; top:-1px; left:4px; height:13px; border-left:1.5px solid currentColor; }.nav-icon--library::after { position:absolute; content:""; top:3px; left:8px; height:9px; border-left:1.5px solid currentColor; }
.chat-workspace { min-width:0; padding:22px 24px 26px; background:#f8fafb; }
.chat-workspace__header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:17px; }
.chat-workspace__header h2 { margin:7px 0 4px; font-size:1.28rem; letter-spacing:-.035em; }.chat-workspace__header p { margin:0; font-size:.67rem; }
.workspace-signal { display:flex; align-items:center; gap:6px; margin-top:4px; padding:6px 8px; border:1px solid #eadac6; border-radius:999px; color:#7b571f; background:#fffbf4; font-size:.52rem; font-weight:700; white-space:nowrap; }.workspace-signal i { width:6px; height:6px; border-radius:50%; background:var(--conflict); }
.chat-workspace .initiative-workflow { margin-bottom:17px; }
.chat-artifact-layout { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(250px,.85fr); align-items:stretch; gap:16px; }
.chat-thread { display:flex; flex-direction:column; min-width:0; min-height:476px; padding:14px; border:1px solid var(--border); border-radius:12px; background:#f2f5f7; }
.chat-thread__context { display:flex; align-items:center; gap:6px; margin-bottom:13px; color:var(--ink-faint); font-size:.51rem; }.private-lock { display:grid; place-items:center; width:19px; height:19px; border:1px solid var(--border); border-radius:6px; color:var(--approved); background:white; font-size:.57rem; }
.chat-message { border:1px solid var(--border); border-radius:10px; color:var(--ink); background:white; }
.chat-message p { margin:0; color:var(--ink-muted); font-size:.61rem; line-height:1.48; }
.chat-message--user { width:min(72%,360px); margin:0 0 11px auto; padding:10px 12px; border-color:#d7e3eb; border-top-right-radius:3px; background:#edf3f8; }
.chat-message__meta { display:flex; justify-content:space-between; margin-bottom:4px; color:var(--ink-faint); font-size:.48rem; }.chat-message__meta span { color:var(--ink); font-weight:700; }
.chat-message--argus { padding:13px; border-top-left-radius:3px; box-shadow:0 5px 14px rgba(20,43,71,.035); }
.chat-author { display:flex; align-items:center; gap:8px; margin-bottom:10px; }.argus-avatar { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; color:white; background:var(--ink); font-size:.56rem; font-weight:800; }.chat-author strong,.chat-author small { display:block; }.chat-author strong { font-size:.59rem; }.chat-author small { margin-top:1px; color:var(--ink-faint); font-size:.48rem; }
.chat-answer-lead { margin-bottom:8px!important; color:var(--ink)!important; font-size:.7rem!important; font-weight:750; }
.chat-answer-close { margin:9px 1px 0!important; color:var(--ink)!important; }
.chat-insight { display:grid; grid-template-columns:19px minmax(0,1fr) auto; align-items:start; gap:7px; margin-top:7px; padding:8px 9px; border:1px solid var(--border); border-radius:8px; background:var(--surface-soft); }.chat-insight__marker { display:grid; place-items:center; width:17px; height:17px; border-radius:50%; font-size:.5rem; font-weight:800; }.chat-insight--supported { border-color:#cee5dc; }.chat-insight--supported .chat-insight__marker { color:var(--supported); background:var(--supported-soft); }.chat-insight--conflict { border-color:#efddc6; }.chat-insight--conflict .chat-insight__marker { color:var(--conflict); background:var(--conflict-soft); }
.chat-citations { display:flex; gap:3px; }.chat-citations b { padding:3px 4px; border-radius:4px; color:var(--cobalt); background:var(--approved-soft); font-size:.43rem; font-weight:750; }
.chat-open-question { display:grid; grid-template-columns:20px 1fr; gap:7px; margin-top:9px; padding:8px 9px; border-radius:8px; background:#fffbf4; }.chat-open-question>span { display:grid; place-items:center; width:18px; height:18px; border-radius:50%; color:var(--conflict); background:var(--conflict-soft); font-size:.5rem; font-weight:800; }.chat-open-question p { font-size:.54rem; }.chat-open-question strong { display:block; color:var(--ink); font-size:.51rem; }
.chat-action { display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:9px; padding:8px 10px; border:1px solid #c8dce8; border-radius:7px; color:var(--cobalt); background:#f3f8fb; font-size:.53rem; font-weight:750; text-align:left; }
.chat-composer { display:grid; grid-template-columns:25px 1fr 28px; align-items:center; gap:7px; min-height:43px; margin-top:auto; padding:5px 6px; border:1px solid var(--border-strong); border-radius:10px; color:var(--ink-faint); background:white; box-shadow:0 5px 16px rgba(20,43,71,.055); font-size:.55rem; }.chat-composer button { display:grid; place-items:center; width:25px; height:25px; border:0; border-radius:7px; color:var(--ink-muted); background:var(--canvas); font-size:.8rem; }.chat-composer .chat-composer__send { width:28px; height:28px; color:white; background:var(--ink); }
.working-proposal { overflow:hidden; min-width:0; border:1px solid var(--border); border-radius:12px; background:white; box-shadow:0 7px 22px rgba(20,43,71,.045); }
.working-proposal>header { padding:16px 16px 13px; border-bottom:1px solid var(--border); background:#fbfcfd; }.working-proposal>header>div { display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; color:var(--cobalt); font-size:.5rem; font-weight:750; letter-spacing:.07em; text-transform:uppercase; }.working-proposal>header small { padding:3px 5px; border-radius:999px; color:var(--approved); background:var(--approved-soft); font-size:.45rem; letter-spacing:0; text-transform:none; }.working-proposal h3 { margin:0 0 5px; font-size:.82rem; line-height:1.22; }.working-proposal>header p { margin:0; font-size:.51rem; }
.proposal-update { display:flex; justify-content:space-between; padding:8px 15px; color:var(--cobalt); background:#f3f8fb; font-size:.48rem; }.proposal-update span { font-weight:750; }.proposal-update strong { font-weight:600; }
.proposal-fields { margin:0; padding:4px 15px 0; }.proposal-field { position:relative; padding:9px 0; border-bottom:1px solid var(--border); }.proposal-field dt { margin-bottom:3px; color:var(--ink-faint); font-size:.46rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }.proposal-field dd { margin:0; color:var(--ink); font-size:.55rem; line-height:1.35; }.proposal-field--changed { padding-left:9px; }.proposal-field--changed::before { position:absolute; content:""; inset:9px auto 9px 0; width:2px; border-radius:2px; background:var(--cobalt); }.proposal-field--conflict dd { color:#77511f; }.proposal-field--question dd { color:var(--ink-muted); }
.proposal-readiness { padding:12px 15px 14px; }.proposal-readiness span { display:flex; align-items:center; gap:5px; margin-bottom:9px; color:var(--ink-muted); font-size:.47rem; }.proposal-readiness i { width:6px; height:6px; border-radius:50%; background:var(--conflict); }.proposal-readiness button { width:100%; min-height:31px; border:0; border-radius:7px; color:white; background:var(--ink); font-size:.52rem; font-weight:750; }

/* Chat-led journey surfaces */
.journey-chat__body { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(210px,.92fr); min-height:350px; }
.mini-chat-thread { display:flex; flex-direction:column; gap:10px; padding:17px; background:#f3f6f8; }
.mini-chat-thread .chat-message--user { width:85%; }
.mini-chat-thread .chat-message--argus { padding:12px; }
.mini-chat-thread .chat-message p { font-size:.56rem; }
.mini-chat-thread .chat-author { margin-bottom:8px; }
.mini-chat-thread .chat-answer-lead { font-size:.64rem!important; }
.mini-chat-status { display:flex; align-items:center; gap:6px; margin-top:10px; padding:8px; border:1px solid #cfe1d9; border-radius:7px; color:var(--supported); background:#f4faf7; font-size:.49rem; font-weight:700; }.mini-chat-status span { display:grid; place-items:center; width:16px; height:16px; border-radius:50%; color:white; background:var(--supported); font-size:.47rem; }
.journey-context { min-width:0; border-left:1px solid var(--border); background:white; }
.source-tray { padding:13px 14px; }.source-tray>header,.evidence-summary>header,.proposal-diff>header { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:28px; margin-bottom:5px; font-size:.54rem; font-weight:750; }.source-tray>header b { display:grid; place-items:center; min-width:19px; height:19px; border-radius:999px; color:var(--cobalt); background:var(--approved-soft); font-size:.48rem; }
.source-tray article { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:7px; padding:10px 0; border-top:1px solid var(--border); }.source-tray article strong { display:block; font-size:.54rem; }.source-tray article small { display:block; margin-top:1px; color:var(--ink-faint); font-size:.47rem; line-height:1.3; }.source-tray article i { color:var(--ink-faint); font-size:.43rem; font-style:normal; }
.evidence-finding { margin-top:7px; padding:8px 9px; border:1px solid var(--border); border-left:3px solid var(--border-strong); border-radius:7px; }.evidence-finding>span { display:block; margin-bottom:3px; color:var(--ink-faint); font-size:.43rem; font-weight:750; text-transform:uppercase; }.evidence-finding p { font-size:.51rem!important; }.evidence-finding p strong { color:var(--ink); }.evidence-finding>b { display:block; margin-top:4px; color:var(--ink-faint); font-size:.43rem; }.evidence-finding--supported { border-left-color:var(--supported); }.evidence-finding--supported>span { color:var(--supported); }.evidence-finding--conflict { border-left-color:var(--conflict); }.evidence-finding--conflict>span { color:var(--conflict); }
.evidence-summary { padding:14px; }.evidence-summary>header small,.proposal-diff>header small { color:var(--supported); font-size:.45rem; font-weight:650; }.evidence-summary>div { display:grid; grid-template-columns:1fr auto 8px; align-items:center; gap:8px; padding:12px 0; border-top:1px solid var(--border); font-size:.51rem; }.evidence-summary>div strong { font-size:.85rem; }.evidence-summary>div i { margin:0; }.evidence-summary>footer { display:grid; grid-template-columns:22px 1fr; gap:7px; margin-top:9px; padding:10px; border-radius:8px; background:#fffbf4; }.evidence-summary>footer>span { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; color:var(--conflict); background:var(--conflict-soft); font-size:.5rem; font-weight:750; }.evidence-summary>footer p { margin:0; font-size:.48rem; }.evidence-summary>footer strong { display:block; color:var(--ink); font-size:.5rem; }
.proposal-diff { padding:14px; }.proposal-diff>header { align-items:flex-start; }.proposal-diff>header span { max-width:155px; line-height:1.25; }.proposal-diff>header small { color:var(--approved); }
.proposal-outline { display:flex; flex-wrap:wrap; gap:4px; padding:8px 0 11px; border-top:1px solid var(--border); }.proposal-outline span { padding:4px 5px; border-radius:4px; color:var(--ink-faint); background:var(--canvas); font-size:.42rem; }.proposal-outline span.is-active { color:var(--cobalt); background:var(--approved-soft); font-weight:700; }
.proposal-diff__change { padding:10px; border:1px solid #cde1ec; border-left:3px solid var(--cobalt); border-radius:7px; background:#f3f9fc; }.proposal-diff__change span { color:var(--cobalt); font-size:.44rem; font-weight:750; text-transform:uppercase; }.proposal-diff__change p { margin:5px 0 0; color:var(--ink); font-size:.51rem; line-height:1.4; }.proposal-diff>footer { display:flex; justify-content:flex-end; gap:6px; margin-top:11px; }.proposal-diff>footer button { min-width:61px; padding:6px 8px; border:1px solid var(--border-strong); border-radius:6px; background:white; font-size:.47rem; }.proposal-diff>footer button:first-child { color:white; border-color:var(--cobalt); background:var(--cobalt); }

.stage-surface { overflow:hidden; border:1px solid var(--border); border-radius:var(--radius-lg); background:white; box-shadow:var(--shadow-md); }
.mini-window__bar { display:flex; align-items:center; justify-content:space-between; min-height:49px; padding:0 19px; border-bottom:1px solid var(--border); color:var(--ink); background:#fafcfd; font-size:.68rem; font-weight:700; }.mini-window__bar > span:last-child { color:var(--ink-faint); font-size:.58rem; font-weight:600; }.mini-state,.approved-chip { padding:4px 8px; border-radius:999px; color:var(--approved)!important; background:var(--approved-soft); font-size:.55rem!important; font-weight:750!important; }
.review-state { color:var(--conflict)!important; }.review-panel__request { padding:18px 20px 14px; }.review-panel__request small { color:var(--cobalt); font-size:.51rem; font-weight:750; text-transform:uppercase; }.review-panel__request h4 { margin:6px 0; font-size:.95rem; }.review-panel__request p { margin:0; font-size:.56rem; }.diff-block { display:grid; grid-template-columns:24px 1fr; gap:9px; margin:0 20px 12px; padding:12px; border:1px solid #cde7dc; border-radius:8px; background:#f3faf7; }.diff-marker { color:var(--supported); font-size:1rem; }.diff-block small { color:var(--supported); font-size:.49rem; font-weight:750; }.diff-block p { margin:3px 0 0; font-size:.57rem; }.review-panel__signals { display:flex; flex-wrap:wrap; gap:12px; margin:0 20px 13px; color:var(--ink-muted); font-size:.52rem; }.dot { display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; }.dot--green{background:var(--supported)}.dot--amber{background:var(--signal)}.dot--blue{background:var(--prism-blue)}
.approval-note { display:flex; align-items:center; gap:8px; margin:0 20px; padding:9px 11px; border-radius:7px; background:var(--approved-soft); }.lock-icon { color:var(--approved); font-weight:800; }.approval-note p { margin:0; color:var(--approved); font-size:.52rem; }.review-actions { display:flex; justify-content:flex-end; gap:7px; padding:14px 20px 17px; }.review-actions button { padding:7px 10px; border:1px solid var(--border-strong); border-radius:6px; background:white; font-size:.52rem; }.review-actions .is-primary { color:white; border-color:var(--ink); background:var(--ink); }
.publish-preview { padding-bottom:14px; }.publish-preview__project { display:flex; justify-content:space-between; align-items:center; padding:16px 18px; border-bottom:1px solid var(--border); }.publish-preview__project small { color:var(--cobalt); font-size:.48rem; font-weight:750; text-transform:uppercase; }.publish-preview__project h4 { margin:4px 0 0; font-size:.83rem; }.publish-preview__project > span { color:var(--ink-faint); font-size:.55rem; }.publish-preview > article { display:grid; grid-template-columns:27px 1fr auto; align-items:center; gap:9px; margin:0 18px; padding:11px 0; border-bottom:1px solid var(--border); }.issue-id { display:grid; place-items:center; width:24px; height:24px; border-radius:6px; color:var(--cobalt); background:var(--approved-soft); font-size:.51rem; font-weight:750; }.publish-preview article strong { display:block; font-size:.6rem; }.publish-preview article p { margin:1px 0 0; font-size:.51rem; }.draft-chip { padding:3px 6px; border-radius:4px; color:var(--ink-faint); background:var(--canvas); font-size:.45rem; font-weight:700; }.publish-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 18px 0; }.publish-footer p { margin:0; font-size:.51rem; }.publish-footer button { padding:7px 10px; border:0; border-radius:6px; color:white; background:var(--ink); font-size:.51rem; }

.decision-document { overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:var(--radius-lg); color:var(--ink); background:white; box-shadow:0 25px 70px rgba(0,0,0,.28); }
.decision-document__header { padding:25px 29px 21px; border-bottom:1px solid var(--border); background:#fbfcfd; }.decision-document__header > div { display:flex; align-items:center; gap:9px; margin-bottom:13px; color:var(--ink-faint); font-size:.59rem; }.decision-document__header > strong { display:block; margin-bottom:4px; font-size:1.16rem; }.decision-document__header > p { margin:0; font-size:.72rem; }
.decision-document > section { position:relative; display:grid; grid-template-columns:34px 1fr; gap:12px; padding:18px 29px; border-bottom:1px solid var(--border); transition:background 220ms ease, box-shadow 220ms ease; }.document-index { padding-top:2px; color:var(--ink-faint); font-size:.56rem; font-weight:700; }.decision-document h3 { margin-bottom:6px; font-size:.77rem; letter-spacing:-.01em; }.decision-document section p { margin:0; font-size:.67rem; }.decision-document ul { display:grid; gap:4px; padding-left:16px; color:var(--ink-muted); font-size:.64rem; }.document-source { margin-top:6px!important; color:var(--ink-faint)!important; font-size:.53rem!important; }.decision-document footer { display:flex; flex-wrap:wrap; gap:18px; padding:13px 29px; color:var(--ink-faint); background:#fbfcfd; font-size:.54rem; }
.decision-document > section[data-lens-section] { min-height:124px; align-items:center; }
.lenses[data-active-lens="sales"] [data-lens-target~="sales"],.lenses[data-active-lens="support"] [data-lens-target~="support"],.lenses[data-active-lens="delivery"] [data-lens-target~="delivery"] { background:#f7f5ff; box-shadow:inset 3px 0 var(--sales); }.lenses[data-active-lens="support"] [data-lens-target~="support"] { background:#f0fafb; box-shadow:inset 3px 0 var(--support); }.lenses[data-active-lens="delivery"] [data-lens-target~="delivery"] { background:#fff8ef; box-shadow:inset 3px 0 var(--delivery); }
.lens-annotations { position:relative; min-height:530px; }.lens-panel { display:none; }.lens-panel.is-active { position:relative; display:block; min-height:530px; }.lens-pointer { position:absolute; left:0; right:0; top:190px; padding:14px 16px; border:1px solid rgba(255,255,255,.14); border-radius:var(--radius-md); background:#1a3553; box-shadow:0 16px 38px rgba(0,0,0,.16); animation:pointer-in 260ms ease both; }.lens-pointer::before { position:absolute; content:""; top:50%; right:100%; width:23px; height:1px; background:currentColor; opacity:.6; }.lens-pointer > span { display:block; margin-bottom:6px; font-size:.53rem; font-weight:750; line-height:1.2; letter-spacing:.08em; text-transform:uppercase; }.lens-pointer strong { display:block; margin-bottom:3px; color:white; font-size:.86rem; line-height:1.25; }.lens-pointer p { margin:0 0 7px; color:#b3c5d4; font-size:.64rem; line-height:1.35; }.lens-pointer small { display:block; color:#7894aa; font-size:.5rem; line-height:1.2; }.lens-pointer--sales{color:#bdb4ff}.lens-pointer--support{color:#7bdce8}.lens-pointer--delivery{color:#f7c77e}.lens-pointer:nth-child(2){top:325px;animation-delay:60ms}
@keyframes pointer-in { from { opacity:0; transform:translateX(10px); } to { opacity:1; transform:none; } }