/* Iskra: readable content, distinct actions, and a consistent application shell. */
body { background:var(--ui-canvas); color:var(--ui-ink); font-size:15px; }
#app>main:not(.guest-page) { margin-left:248px; }
.sidebar { width:248px; padding:32px 18px 20px; background:var(--ui-sidebar); color:#f9f2ff; border-right:0; }
.sidebar .brand { color:#fff7ff; margin-left:11px; margin-bottom:41px; }
.sidebar .iskra-logo { font-size:33px; }
.sidebar .workspace-label { color:#b6a6ca; font-size:9px; letter-spacing:2px; margin:0 14px 17px; }
.sidebar .nav-item { color:#d7c9e5; font-size:13px; gap:12px; padding:14px 15px; min-height:48px; margin-bottom:6px; border-radius:13px; font-weight:550; }
.sidebar .nav-item:hover { background:#ffffff0b; color:white; }
.sidebar .nav-item.active { background:var(--ui-violet); color:#fff; box-shadow:0 5px 20px #170d2d20; }
.sidebar .nav-item.active:before { background:var(--ui-peach); left:-18px; }
.sidebar .nav-item .icon { color:currentColor; width:20px; height:20px; }
.sidebar .nav-item small { background:#ffffff12; border:1px solid #ffffff16; color:#e5d8f3; font-size:10px; min-width:22px; }
.sidebar .nav-item.active small { background:#ffffff22; color:white; border-color:#ffffff20; }
.sidebar .nav-new { color:#f5c6ab; background:#ffc5a516; font-size:8px; border:1px solid #ffc5a528; }
.sidebar-bottom { padding-top:24px; }
.sidebar .pro-teaser { background:#ffc5a5; border-color:#ffc5a5; padding:22px 18px; color:#39254e; border-radius:19px; }
.sidebar .pro-teaser:after { color:#bb785d; opacity:.15; }
.sidebar .pro-teaser strong { font-size:14px; color:#39254e; line-height:1.4; }
.sidebar .pro-teaser p { font-size:11px; color:#754f5c; line-height:1.7; margin-top:9px; }
.sidebar .pro-teaser-icon { color:#7952e8; background:#fff7; }
.sidebar .pro-link { font-size:11px; color:#6740b6; font-weight:800; }
.sidebar .account { border-color:#ffffff17; padding-top:20px; margin-top:20px; color:#f4eaff; }
.sidebar .account strong { color:#fff2ff; font-size:12px; }
.sidebar .account small { color:#baabc8; font-size:10px; }
.sidebar .account>.icon { color:#bba5cc; }
.topbar { height:78px; padding:0 36px; background:#ffffffed; border-color:var(--ui-line); }
.breadcrumb { color:var(--ui-subtle); font-size:12px; }
.breadcrumb strong { color:var(--ui-ink); font-weight:700; }
.breadcrumb>span { color:#b8a8c6; margin:0 11px; }
.city { color:var(--ui-muted); font-size:12px; }
.demo-badge { min-height:34px; background:#f2ebfc; border-color:#e2d3f5; color:#755294; font-size:10px; padding:8px 11px; }
.top-right { gap:21px; }
.top-right .notification-bell { width:42px; height:42px; border-radius:13px; background:#fbf8ff; border-color:#e2d6f0; color:#7952e8; }
.notification-badge { background:#7952e8; color:white; font-size:9px; border:2px solid white; }
.content { max-width:1640px; padding:35px 36px 30px; }
.page-heading { margin-bottom:29px; gap:24px; align-items:flex-end; }
.eyebrow { color:#82628f; font-size:9px; font-weight:800; letter-spacing:1.65px; }
.page-heading h1 { color:var(--ui-ink); font-size:42px; letter-spacing:-1.8px; line-height:1.15; margin:12px 0 13px; }
.page-heading p { color:var(--ui-muted); font-size:14px; line-height:1.7; }
.heading-dot { color:var(--ui-violet); }
.heading-actions { gap:10px; align-items:center; }
.button { min-height:44px; padding:13px 18px; font-size:12px; gap:9px; border-radius:12px; font-weight:750; }
.button .icon { width:18px; height:18px; }
.button.primary { background:var(--ui-violet); border-color:var(--ui-violet); color:white; box-shadow:0 4px 12px #7952e819; }
.button.primary:hover { background:var(--ui-violet-dark); border-color:var(--ui-violet-dark); box-shadow:0 6px 18px #7952e826; }
.button.secondary { color:#604777; background:white; border-color:#dbcee7; }
.button.secondary:hover { background:#f4edff; border-color:#c5ace8; }
.button:disabled { opacity:.55; box-shadow:none; }
.icon-button { width:40px; height:40px; border-radius:11px; color:#826295; }
.text-button { color:#7047cb; font-size:12px; line-height:1.6; }
.visibility { min-height:44px; font-size:11px; color:#756284; gap:8px; }
.visibility.is-on { color:#634287; }
.visibility .switch { background:#b9a9c9; }
.visibility.is-on .switch { background:#7952e8; }
.explore-toolbar { gap:20px; margin-bottom:18px; }
.segmented { gap:5px; }
.segmented button { font-size:12px; padding:11px 15px; min-height:41px; color:#776187; border-color:#e3d7ee; background:#fff; }
.segmented button.selected { background:#7952e8; color:white; border-color:#7952e8; }
.search { border-color:#ded1e9; background:#fff; border-radius:13px; }
.search input { font-size:12px; color:var(--ui-ink); padding:13px 12px 13px 0; }
.search input::placeholder { color:#8e7d9b; }
.search>.icon { color:#9379a5; }
.map-variant-bar { background:white; border-color:var(--ui-line); border-radius:15px; padding:11px 14px; gap:14px; box-shadow:0 2px 8px #30213f02; }
.map-variant-bar>span { font-size:8px; color:#8b709d; }
.map-variant-bar button { font-size:11px; min-height:39px; color:#755d87; padding:9px 12px; }
.map-variant-bar button.selected { background:#eee5ff; color:#6840c6; }
.map-variant-bar>a { color:#7147c9; font-size:11px; }
.explore { grid-template-columns:minmax(0,1fr) 340px; height:652px; border-radius:22px; border-color:var(--ui-line); box-shadow:var(--ui-shadow); }
.explore>.map-panel,.explore>.people-panel { min-height:0; }
.map-viewport { min-height:0; height:auto; }
.map-top { left:19px; right:19px; top:17px; }
.map-label,.radius-label { font-size:10px; padding:11px 12px; border-radius:11px; border-color:#ded2e6; color:#705b7d; background:#fffffff5; }
.radius-label select { font-size:11px; color:#674184; }
.map-label span { color:#9a879f; }
.map-bottom { min-height:48px; padding:8px 17px; background:#f9f7f2; }
.map-legend { font-size:10px; color:#76667b; gap:8px; }
.map-controls button { width:34px; height:34px; color:#785895; }
.people-panel { border-color:var(--ui-line); background:white; }
.people-heading { padding:25px 22px 21px; border-color:var(--ui-line); gap:10px; }
.people-heading h2 { font-size:18px; color:var(--ui-ink); letter-spacing:-.6px; }
.people-heading h2>span { font-size:11px; color:#7952e8; background:#f0e7ff; padding:4px 7px; }
.people-heading p { color:var(--ui-muted); font-size:11px; margin-top:9px; }
.live-pill { font-size:9px; color:#53764a; background:#f1f6ee; border-color:#e0eadb; padding:6px 8px; }
.people-list { padding:0 19px; overflow-y:auto; min-height:0; }
.person-row { gap:11px; min-height:87px; padding:18px 0; border-color:#eee6f5; }
.person-row .avatar { width:44px; height:44px; }
.person-info { min-width:0; }
.person-info strong { color:#453052; font-size:13px; line-height:1.4; font-weight:800; }
.person-info p { font-size:11px; color:#74617f; margin-top:4px; line-height:1.5; }
.person-info small { font-size:10px; color:#91769e; margin-top:5px; line-height:1.5; }
.tag-text { font-weight:600; }
.distance { font-size:10px; color:#85649a; gap:3px; flex-shrink:0; }
.people-footer { font-size:9px; color:#897494; padding:18px; background:#fcfaff; border-color:#ece3f4; }
.people-footer .icon { width:12px; height:12px; }
.map-panel .geo-selection { padding:15px; max-width:365px; border-radius:17px; border-color:#dfcfee; box-shadow:0 10px 24px #30213f17; bottom:67px; }
.map-panel .geo-profile strong { font-size:14px; color:var(--map-ink); letter-spacing:-.2px; }
.map-panel .geo-profile small { font-size:11px; line-height:1.5; }
.map-panel .geo-profile em { font-size:9px; }
.map-panel .geo-profile>.avatar { width:43px; height:43px; }
.map-panel .geo-open { width:36px; height:36px; }
.map-panel .geo-source { font-size:8px; }
.map-panel .geo-demo-tag { font-size:8px; background:var(--map-card); }
.map-panel .geo-person-label { font-size:8px; padding:4px 7px; }
.map-panel .geo-person-label b { font-size:7px; }
.map-panel .meeting-selection { max-width:315px; }
.map-panel .geo-locator { min-height:47px; margin-top:13px; }
.map-panel .geo-locator>span { font-size:23px; }
.map-panel .geo-locator small { font-size:10px; }
.map-lock { background:#faf7fff0; padding:28px; }
.map-lock h3 { font-size:25px; letter-spacing:-1px; }
.map-lock p { font-size:13px; line-height:1.8; color:var(--ui-muted); }
.map-lock>.icon { color:#7952e8; }
.surface { background:white; border-color:var(--ui-line); border-radius:var(--ui-radius); box-shadow:0 5px 22px #30213f03; }
.bottom-grid { gap:21px; margin-top:23px; }
.event-banner,.privacy-banner { padding:25px 25px; border-radius:19px; min-height:120px; }
.event-banner { background:#fff; border-color:var(--ui-line); }
.privacy-banner { background:#ffeadc; border-color:#f2d7c7; }
.bottom-grid h3 { font-size:15px; color:#5a3e70; line-height:1.4; }
.bottom-grid p { font-size:11px; color:#876d93; line-height:1.7; }
.privacy-banner h3 { color:#784c59; font-size:14px; }
.privacy-banner p { color:#956f74; }
.tiny-label { font-size:8px; color:#9f7eae; }
.page-footnote { color:#96839f; font-size:9px; padding-top:26px; }
/* Personal cards, saved contacts, events, and the company. */
.card-page-grid { gap:25px; grid-template-columns:1.2fr 1fr; }
.card-showcase { padding:45px 35px; min-height:460px; background:radial-gradient(ellipse at 50% 50%,#eadefc,transparent 72%),#fcfaff; }
.business-card { max-width:480px; border-radius:21px; box-shadow:0 24px 44px #4c2b8026; padding:30px 32px; }
.card-brand .iskra-logo { font-size:27px; }
.card-details h2 { font-size:29px; letter-spacing:-1px; line-height:1.15; }
.card-details p { font-size:11px; line-height:1.5; }
.card-details small { font-size:10px; }
.card-bottomline { font-size:9px; }
.card-showcase-caption { color:#826c93; font-size:11px; margin-top:26px; }
.profile-details { padding:36px; }
.profile-details h2 { color:var(--ui-ink); font-size:29px; letter-spacing:-1px; line-height:1.25; }
.profile-details>p { font-size:14px; color:var(--ui-muted); line-height:1.9; }
.detail-line { color:#70597f; font-size:12px; line-height:1.7; gap:11px; }
.detail-line .icon { color:#9373a9; width:19px; height:19px; }
.detail-line a { color:#6c4b84; }
.custom-strip { padding:25px 28px; border-radius:18px; }
.custom-strip h3 { font-size:15px; color:#58376c; }
.custom-strip p { font-size:12px; color:var(--ui-muted); }
.custom-strip-icon { background:#fff0e5; color:#aa7864; }
.contacts-grid { gap:22px; }
.contact-card { padding:30px; }
.contact-card h2 { color:var(--ui-ink); font-size:24px; letter-spacing:-.8px; }
.contact-card>p { font-size:13px; color:#6d527e; }
.contact-card>small { font-size:12px; color:#897096; }
.industry-tag,.pro-label { font-size:9px; font-weight:700; }
.contact-actions { gap:8px; }
.contact-actions>.button { font-size:11px; padding:11px 13px; }
.contact-actions>.icon-button { width:37px; height:42px; }
.event-card { border-color:var(--ui-line); border-radius:22px; }
.event-cover { min-height:180px; }
.event-content { padding:30px; }
.event-content h2 { font-size:28px; color:var(--ui-ink); letter-spacing:-1px; }
.event-content>p { font-size:13px; color:var(--ui-muted); line-height:1.8; }
.event-date,.event-place { font-size:12px; color:#80638f; }
.event-bottom>span { font-size:11px; color:#8e749f; }
.company-grid { gap:25px; }
.company-body { padding:35px; }
.company-body h2 { color:var(--ui-ink); font-size:33px; letter-spacing:-1px; }
.company-body h3 { color:#856171; font-size:17px; }
.company-body>p { color:var(--ui-muted); font-size:14px; line-height:1.9; }
.company-services span { font-size:11px; color:#80608e; border-color:#e6d8ef; background:#faf5ff; }
.company-aside { padding:31px; }
.company-aside h2 { color:var(--ui-ink); font-size:25px; line-height:1.25; letter-spacing:-.8px; }
.company-aside p { color:var(--ui-muted); font-size:13px; line-height:1.8; }
.company-aside small { color:#8d759d; font-size:10px; }
.feature-list li { color:#735b82; font-size:13px; line-height:1.8; }
.feature-list .icon { color:#8f69bb; width:18px; height:18px; }
.empty { color:#8f76a1; }
.empty h3 { color:#604071; font-size:21px; }
.empty p { color:var(--ui-muted); font-size:13px; line-height:1.8; }
/* Forms, shared profiles, services, and dialogs. */
.modal-backdrop { background:#261a3c80; backdrop-filter:blur(9px); }
.modal:not(.locator-modal) { border:1px solid #ede3f4; border-radius:25px; box-shadow:0 30px 110px #1e103f38; background:white; }
.modal-body { padding:36px; }
.modal-body h2 { font-size:30px; letter-spacing:-1px; color:var(--ui-ink); line-height:1.25; }
.modal-body p.bio,.bio { font-size:14px; line-height:1.9; color:var(--ui-muted); }
.modal-close { width:38px; height:38px; background:#f9f5ff; border-color:#e8dff0; color:#8c69a2; }
.modal-body .eyebrow { padding-right:20px; }
.form-field { font-size:12px; font-weight:650; color:#6e4f83; gap:8px; }
.form-field input,.form-field textarea,.form-field select { font:inherit; font-size:14px; font-weight:450; color:var(--ui-ink); background:#fdfbff; border-color:#ddcde9; border-radius:10px; padding:12px 13px; line-height:1.55; min-height:44px; }
.form-field input::placeholder,.form-field textarea::placeholder { color:#9986a5; }
.form-field input:focus,.form-field textarea:focus,.form-field select:focus { border-color:#a381df; box-shadow:0 0 0 3px #7952e80a; }
.design-options>span { font-size:12px; color:#745580; }
.swatches button { width:31px; height:31px; }
.editor-preview { background:#f6efff; border-color:#e2d1f3; border-radius:19px; padding:27px; }
.editor-preview>p { color:#806a91; font-size:11px; line-height:1.8; }
.editor-preview .business-card { padding:23px; }
.editor-preview .card-details h2 { font-size:22px; }
.editor-preview .card-details p { font-size:9px; }
.editor-preview .card-brand .iskra-logo { font-size:20px; }
.subtle-note { font-size:11px; color:#8d7899; line-height:1.8; }
.info-box { color:#7a618a; font-size:12px; line-height:1.9; background:#f5eeff; border-color:#e6d8f3; }
.person-modal-role { font-size:15px; color:#705285; }
.person-modal-role span { color:#9c839f; }
.profile-tags span { font-size:11px; color:#7e5d96; background:#f5edff; }
.person-modal .button+.button { margin-top:11px; }
.pro-modal-art { background:#7952e8; color:#fff5ff; }
.pro-modal-art i { color:#ffc5a5; opacity:.8; }
.price { color:#7952e8; font-size:46px; }
.price span { font-size:15px; color:#9075a2; }
.share-body>p { font-size:14px; color:var(--ui-muted); line-height:1.8; }
.share-body>strong { font-size:20px; color:var(--ui-ink); }
.share-body>small { font-size:12px; color:#8c709b; }
.services-owner { padding:31px; }
.services-heading h2 { color:var(--ui-ink); font-size:27px; }
.services-heading p { font-size:13px; color:var(--ui-muted); }
.service-card { border-color:#e1d5ed; padding:26px; border-radius:20px; background:#fff; }
.service-card h3 { font-size:21px; color:#402c52; line-height:1.35; }
.service-description { color:var(--ui-muted); font-size:14px; line-height:1.85; }
.service-price { color:#7952e8; font-size:21px; }
.service-examples-label { font-size:9px; color:#836295; }
.work-example>span:last-child { font-size:12px; padding:12px; }
.services-empty { background:#f6f0ff; border-color:#d7c0f5; }
.services-empty p,.services-paywall p { font-size:13px; color:var(--ui-muted); line-height:1.85; }
.service-sample { background:#7952e8; border:1px solid #a281ed; }
.service-editor-modal .form-field>span { font-size:11px; color:#9277a4; }
.service-hint { font-size:12px!important; color:var(--ui-muted)!important; }
.guest-page { min-height:100dvh; padding:45px 30px 40px; background:radial-gradient(ellipse at 50% 0,#e6d6ff,transparent 65%),var(--ui-canvas); }
.guest-brand { color:#7952e8; margin-bottom:24px; }
.guest-page>.eyebrow { font-size:10px; color:#80608f; margin-bottom:21px; }
.guest-card { max-width:960px; gap:27px; }
.guest-card>.business-card { max-width:480px; }
.guest-details { padding:34px; }
.guest-details h1 { color:var(--ui-ink); font-size:32px; line-height:1.25; letter-spacing:-1px; overflow-wrap:anywhere; }
.guest-details>p { color:var(--ui-muted); font-size:14px; line-height:1.9; }
.guest-details .detail-line { font-size:13px; }
.guest-page>.services-public { max-width:960px; }
.guest-page>.text-button { font-size:13px; }
.guest-page>.subtle-note { max-width:650px; text-align:center; font-size:11px; }
/* Conversations and notifications. */
.messenger-layout { grid-template-columns:330px minmax(0,1fr); border-color:var(--ui-line); border-radius:21px; height:calc(100dvh - 290px); min-height:600px; box-shadow:var(--ui-shadow); }
.conversations-panel { border-color:var(--ui-line); background:#fff; }
.conversations-title { padding:23px 22px 16px; }
.conversations-title h2 { color:var(--ui-ink); font-size:18px; }
.conversations-title>span { color:#8d739e; font-size:10px; }
.chat-search { border-color:#dfd0ed; background:#fcfaff; }
.chat-search input { color:var(--ui-ink); font-size:12px; padding:12px 0; }
.chat-search input::placeholder { color:#9a84a7; }
.chat-filters>button { color:#82608f; font-size:11px; min-height:36px; }
.chat-filters>button.active { color:#6a3ecd; background:#eee4ff; }
.conversation-row { padding:20px 19px; min-height:100px; border-bottom-color:#ece3f3; }
.conversation-row.selected { background:#f1e9ff; border-left-color:#7952e8; }
.conversation-row:hover { background:#f9f3ff; }
.conversation-copy strong { font-size:13px; color:#513561; font-weight:800; }
.conversation-copy>p { font-size:12px; line-height:1.65; color:#80678f; }
.conversation-copy>small { color:#9b81ab; font-size:10px; }
.conversation-copy time { color:#9c82ac; font-size:9px; }
.chat-count { background:#7952e8; color:#fff; font-size:10px; }
.conversations-bottom { font-size:10px; color:#91779f; padding:15px; background:#fbf8fe; }
.conversation { background:#fff; }
.conversation-header { padding:20px 25px; border-color:#e9dff1; min-height:85px; }
.conversation-header strong { color:#513661; font-size:15px; }
.conversation-header>div>span { font-size:11px; color:#8b6e9b; }
.conversation-origin { background:#fbf5ee; border-color:#f0e0d3; font-size:9px; color:#9a766e; padding:11px 20px; }
.chat-history { padding:21px 26px; background:radial-gradient(ellipse at 90% 20%,#f8f2ff,transparent 70%),#fdfbff; }
.chat-day>span { color:#9a83a9; font-size:10px; background:#f4edf9; }
.message-bubble { padding:13px 17px; }
.incoming .message-bubble { background:#eee6fa; border-color:#e7d8f4; }
.incoming .message-bubble>p { color:#694a7d; font-size:14px; line-height:1.8; }
.outgoing .message-bubble { background:#7952e8; border-color:#7952e8; box-shadow:0 4px 10px #7952e80a; }
.outgoing .message-bubble>p { color:#fff; font-size:14px; line-height:1.8; }
.message-bubble>time { font-size:9px; }
.incoming .message-bubble>time { color:#9277a7; }
.outgoing .message-bubble>time { color:#e4d6ff; }
.chat-composer { padding:16px 20px; gap:11px; border-color:#e5d8f0; background:#fff; }
.composer-label { border-color:#dbc8ec; background:#fcf9ff; border-radius:13px; }
.composer-label>textarea { font-size:13px; line-height:1.8; color:#4e365f; padding:13px 15px; }
.composer-label>textarea::placeholder { color:#a088b0; }
.send-message { width:45px; height:45px; border-radius:13px; background:#7952e8; color:white; }
.composer-footnote { font-size:9px; color:#9e86ab; padding:0 21px 13px; }
.chat-card-bubble { border-color:#ab87ea; background:#7952e8; color:white; border-radius:18px; padding:23px; }
.chat-card-bubble>strong { font-size:25px; color:#fff; }
.chat-card-bubble>span { color:#e9dfff; font-size:12px; }
.chat-card-bubble>small { color:#e0d3f4; font-size:11px; }
.chat-card-bubble button { color:#fff; font-size:11px; }
.conversation-empty h2 { color:#553469; font-size:31px; letter-spacing:-1px; }
.conversation-empty>p { color:#8c729e; font-size:13px; line-height:1.8; }
.conversation-empty>small { font-size:10px; color:#a78bb5; }
.new-chat-person { padding:15px 10px; }
.new-chat-person strong { color:#51355f; font-size:13px; }
.new-chat-person small { color:#9476a2; font-size:11px; }
.notifications-surface { border-color:var(--ui-line); }
.notification-filters { padding:20px 22px; border-color:#e9ddf2; }
.notification-filters>button { font-size:11px; min-height:37px; color:#80608f; padding:8px 13px; }
.notification-filters>button.active { color:#6f45cd; background:#efe6ff; }
.notice-row { border-color:#eee4f6; padding:22px; }
.notice-row.unread { background:#f7f1ff; }
.notice-open strong { color:#593b6c; font-size:14px; line-height:1.5; }
.notice-open p,.notice-row.read .notice-open p { color:#80678f; font-size:12px; line-height:1.8; }
.notice-open time { font-size:10px; color:#a082af; }
.notice-kind { color:#9c78b1; font-size:9px; }
.notice-symbol { border-radius:13px; width:43px; height:43px; }
.notice-read { width:34px; height:34px; }
.notification-demo { padding:28px; border-color:var(--ui-line); }
.notification-demo h2 { color:#5c3f70; font-size:23px; line-height:1.3; }
.notification-demo>p { font-size:13px; color:#8b6c9c; line-height:1.85; }
.notification-demo>.subtle-note { color:#a286ae; font-size:10px; }
.notification-setting strong { color:#64487a; font-size:13px; }
.notification-setting p { color:#9b80aa; font-size:11px; }
.browser-notifications p { color:#8e739f; font-size:12px; line-height:1.8; }
/* Locator remains a distinct full-screen experience on a phone. */
.locator-view { background:#f9f5ff; }
.locator-header { background:#f9f5ff; }
.locator-header h2 { font-size:29px; color:#39254e; }
.locator-header .eyebrow { font-size:8px; color:#92709e; }
.locator-person { border-color:#dfcfee; box-shadow:0 4px 12px #5b37720a; padding:16px; }
.locator-person strong { font-size:15px; color:#4f315e; }
.locator-person span { font-size:12px; color:#8f6e9f; }
.locator-demo-notice { font-size:11px; color:#927280; }
.locator-reading>strong { font-size:65px; color:#39254e; letter-spacing:-3px; }
.locator-reading>p { font-size:18px; color:#5b3e70; }
.locator-reading>small { font-size:11px; color:#9878a9; }
.locator-sensor-badges b { font-size:10px; color:#7d5b93; }
.locator-sensor-note { font-size:12px; line-height:1.85; color:#876798; }
.locator-device-actions .button { font-size:12px; min-height:46px; }
.locator-demo-controls summary { color:#7e5d8f; font-size:12px; }
.locator-demo-controls label { color:#9274a2; font-size:12px; }
.locator-demo-controls .button,.locator-demo-controls .text-button { font-size:12px; }
.locator-footnote { font-size:11px; color:#967aa7; line-height:1.85; }
.locator-message { font-size:13px; min-height:44px; }
/* Active public comparison pages use the same visual language. */
.maps-comparison { padding:0 52px; }
body:has(.maps-comparison) { background:var(--ui-paper); }
.comparison-bar { height:97px; border-color:#e7dbe9; }
.comparison-back { font-size:12px; color:#6f45cb; padding:12px 16px; border:1px solid #e2d5ed; border-radius:12px; background:white; }
.comparison-bar>span { color:#9278a0; font-size:9px; }
.comparison-intro h1 { font-size:65px; letter-spacing:-3.1px; color:#30213f; }
.comparison-intro .eyebrow { color:#8e6a9e; font-size:10px; }
.comparison-copy>p { color:#6d557d; font-size:16px; }
.comparison-copy>span { color:#7145cc; font-size:11px; }
.comparison-copy>small { color:#967b9f; font-size:10px; }
.comparison-caption { height:149px; }
.comparison-caption>span { color:#9777a5; font-size:10px; letter-spacing:1px; }
.comparison-caption h2 { font-size:29px; color:#39254e; }
.comparison-caption p { color:#80648d; font-size:13px; line-height:1.8; }
.phone-frame { height:800px; border-width:7px; box-shadow:0 18px 48px #30213f12,0 0 0 1px #e0d1eb; }
.phone-heading .iskra-logo { font-size:26px; }
.phone-copy>h3 { font-size:23px; color:#39254e; }
.phone-copy>span { font-size:6px; color:#9d7aad; }
.phone-copy b { color:#84618f; font-size:8px; }
.phone-copy>div>span { font-size:7px; }
.phone-bottom small { font-size:7px; }
.phone-map-wrap .geo-profile strong { font-size:11px; }
.phone-map-wrap .geo-profile small { font-size:9px; }
.phone-map-wrap .geo-profile em { font-size:8px; }
.phone-map-wrap .geo-person-label { font-size:8px; }
.phone-map-wrap .geo-person-label b { font-size:6px; }
.phone-map-wrap .geo-source { font-size:7px; }
.phone-map-wrap .geo-demo-tag { font-size:7px; }
.variant-radar .phone-copy>h3 { color:#fff3ff; }
.variant-meet .phone-copy>h3 { color:#78505f; }
.comparison-choose { font-size:13px; padding:17px 19px; border-color:#d8c1ed; min-height:51px; }
.comparison-footer>p { font-size:10px; color:#91769f; }
.comparison-footer>div p { font-size:12px; color:#725281; }
.comparison-footer>a { font-size:10px; }
.sidebar .pro-teaser-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:#fff5; }
.sidebar .pro-teaser-icon>.icon { width:22px; height:22px; }
@media(min-width:1700px) { .content{padding-top:42px}.explore{height:720px;grid-template-columns:minmax(0,1fr) 380px}.people-heading{padding:28px 25px}.person-info strong{font-size:14px}.person-info p{font-size:12px}.person-row{min-height:97px} }
@media(max-width:1250px) { .sidebar{width:226px;padding-inline:14px}#app>main:not(.guest-page){margin-left:226px}.sidebar .nav-item{font-size:12px;padding:13px 12px;gap:10px}.sidebar .brand{margin-left:10px}.sidebar .iskra-logo{font-size:30px}.content{padding:30px 28px}.topbar{padding-inline:28px}.page-heading h1{font-size:37px}.page-heading p{font-size:13px}.heading-actions .button{font-size:11px;padding:12px 14px}.visibility{font-size:10px}.explore{grid-template-columns:minmax(0,1fr) 305px;height:630px}.people-heading{padding:23px 18px}.people-heading h2{font-size:17px}.people-heading p{font-size:10px}.people-list{padding-inline:16px}.person-row{gap:9px}.person-row .avatar{width:39px;height:39px}.person-info strong{font-size:12px}.person-info p{font-size:10px}.person-info small{font-size:9px}.distance{font-size:9px}.map-variant-bar{gap:9px;padding:10px 12px}.map-variant-bar button{font-size:10px;padding:8px 10px}.map-variant-bar>a{font-size:10px}.map-label,.radius-label{font-size:9px;padding:10px}.radius-label select{font-size:10px}.card-showcase{padding:35px 28px;min-height:420px}.business-card{padding:26px}.card-details h2{font-size:26px}.profile-details{padding:29px}.profile-details h2{font-size:26px}.profile-details>p{font-size:13px}.messenger-layout{grid-template-columns:295px minmax(0,1fr)}.conversation-header{padding-inline:21px}.company-aside{padding:27px}.company-body{padding:29px}.company-body h2{font-size:29px}.company-aside h2{font-size:23px}.contacts-grid{gap:18px}.contact-card{padding:25px}.contact-actions>.button{font-size:10px;padding-inline:10px}.comparison-intro h1{font-size:55px}.comparison-caption{height:145px}.comparison-caption p{font-size:12px}.comparison-caption h2{font-size:26px}.phone-copy>h3{font-size:20px}.phone-copy b{font-size:7px}.phone-map-wrap .geo-profile strong{font-size:10px}.phone-map-wrap .geo-profile small{font-size:8px}.phone-map-wrap .geo-person-label{font-size:7px} }
@media(max-width:1000px) { .sidebar{width:205px;padding-inline:12px}#app>main:not(.guest-page){margin-left:205px}.sidebar .nav-item{font-size:11px;padding:12px 10px;gap:9px}.sidebar .nav-item .icon{width:18px;height:18px}.sidebar .nav-new{font-size:7px;padding-inline:5px}.sidebar .pro-teaser{padding:18px 13px}.sidebar .pro-teaser strong{font-size:12px}.sidebar .pro-teaser p{font-size:10px}.sidebar .account strong{font-size:11px}.sidebar .brand{margin-left:8px}.sidebar .iskra-logo{font-size:28px}.content{padding:28px 23px}.topbar{padding-inline:23px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:19px}.page-heading h1{font-size:35px}.page-heading p{font-size:12px}.heading-actions{gap:9px}.explore{grid-template-columns:minmax(0,1fr) 275px;height:620px}.people-heading{padding:22px 15px;gap:6px}.people-heading h2{font-size:16px}.live-pill{font-size:8px;padding:5px 6px}.people-list{padding-inline:14px}.person-info strong{font-size:11px}.person-info p{font-size:10px}.person-info small{font-size:9px}.person-row{gap:8px}.person-row .avatar{width:35px;height:35px}.distance{font-size:8px}.map-variant-bar>span{display:none}.map-variant-bar>a{font-size:9px}.map-variant-bar button{font-size:9px;padding:9px}.map-panel .geo-selection{max-width:280px;padding:12px;left:12px;right:12px}.map-panel .geo-profile strong{font-size:12px}.map-panel .geo-profile small{font-size:10px}.map-panel .geo-profile em{font-size:8px}.map-panel .geo-profile>.avatar{width:36px;height:36px}.map-label>span{display:none}.map-label,.radius-label{padding:9px;font-size:8px}.radius-label select{font-size:9px}.map-bottom{padding-inline:12px}.map-legend{font-size:8px;gap:6px}.map-controls button{width:30px;height:32px}.map-panel .geo-source{font-size:7px}.map-panel .geo-demo-tag{font-size:7px}.bottom-grid{gap:16px}.event-banner,.privacy-banner{padding:21px 17px;gap:13px}.bottom-grid h3{font-size:13px}.bottom-grid p{font-size:10px}.card-page-grid{grid-template-columns:1fr}.card-showcase{min-height:420px;padding:38px}.business-card{max-width:465px}.profile-details{padding:30px}.profile-details h2{font-size:28px}.custom-strip{padding:23px}.custom-strip h3{font-size:14px}.custom-strip p{font-size:11px}.messenger-layout{grid-template-columns:260px minmax(0,1fr)}.conversation-copy strong{font-size:12px}.conversation-copy>p{font-size:11px}.conversation-row{padding:17px 14px;gap:9px}.conversation-row .avatar{width:37px;height:37px}.conversation-copy>small{font-size:9px}.conversation-header{padding-inline:17px}.conversation-header strong{font-size:13px}.conversation-header>div>span{font-size:10px}.chat-history{padding:20px 17px}.incoming .message-bubble>p,.outgoing .message-bubble>p{font-size:13px}.chat-composer{padding:14px;gap:8px}.composer-label>textarea{font-size:12px;padding:12px}.composer-footnote{font-size:8px;padding-inline:15px}.company-grid{grid-template-columns:1fr}.company-aside{padding:29px}.company-body{padding:31px}.services-owner{padding:27px}.services-heading h2{font-size:25px}.service-card{padding:22px}.service-card h3{font-size:20px}.service-description{font-size:13px}.maps-comparison{padding-inline:26px}.comparison-intro h1{font-size:49px}.comparison-copy>p{font-size:14px}.comparison-copy>span{font-size:10px}.comparison-caption{height:155px}.comparison-caption h2{font-size:24px}.comparison-caption>span{font-size:8px}.comparison-caption p{font-size:11px}.phone-frame{height:760px}.phone-copy>h3{font-size:18px}.phone-copy>span{font-size:5px}.phone-map-wrap .geo-profile strong{font-size:9px}.phone-map-wrap .geo-profile small{font-size:7px}.phone-map-wrap .geo-profile em{font-size:6px}.phone-map-wrap .geo-person-label{font-size:6px}.phone-map-wrap .geo-source,.phone-map-wrap .geo-demo-tag{font-size:6px}.comparison-choose{font-size:11px;padding:14px} }
@media(max-width:800px) { .sidebar{display:none}#app>main:not(.guest-page){margin-left:0}.topbar{height:76px;padding-inline:21px}.breadcrumb,.city{display:none}.mobile-brand{display:flex;order:-1;padding:0;min-height:44px}.mobile-brand .iskra-logo{font-size:28px;color:#7952e8}.top-right{gap:12px;margin-left:auto}.profile-top{display:none}.demo-badge{font-size:9px;min-height:34px;padding:8px 10px}.top-right .notification-bell{width:42px;height:42px;border-radius:12px}.content{padding:28px 24px 102px}.page-heading{margin-bottom:24px;gap:20px;align-items:flex-start}.page-heading h1{font-size:35px;margin-top:11px;margin-bottom:12px}.page-heading p{font-size:13px;line-height:1.8}.heading-actions{width:100%;justify-content:flex-start;gap:10px}.heading-actions .button{font-size:12px;padding:13px 17px;min-height:44px}.visibility{font-size:12px;min-height:44px}.eyebrow{font-size:8px}.explore{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.map-viewport{height:470px;min-height:470px;flex:none}.people-panel{border-left:0;border-top:1px solid var(--ui-line)}.people-heading{padding:24px}.people-heading h2{font-size:21px}.people-heading p{font-size:12px}.live-pill{font-size:10px;padding:6px 9px}.people-list{padding-inline:23px;max-height:none;overflow:visible}.person-row{min-height:91px;gap:14px;padding:19px 0}.person-row .avatar{width:47px;height:47px}.person-info strong{font-size:15px}.person-info p{font-size:12px;line-height:1.6}.person-info small{font-size:11px}.distance{font-size:11px}.people-footer{font-size:10px;padding:19px}.map-top{left:18px;right:18px}.map-label,.radius-label{font-size:10px;padding:11px 12px}.radius-label select{font-size:11px}.map-label>span{display:inline}.map-bottom{min-height:49px;padding:8px 16px}.map-legend{font-size:10px}.map-controls button{width:35px;height:35px}.map-variant-bar{border-radius:14px;margin-bottom:18px;padding:10px 12px;gap:10px}.map-variant-bar button{font-size:11px;min-height:39px;padding:9px 11px}.map-variant-bar>a{font-size:10px}.map-panel .geo-selection{max-width:335px;left:16px;right:16px;bottom:65px;padding:14px}.map-panel .geo-profile strong{font-size:14px}.map-panel .geo-profile small{font-size:11px}.map-panel .geo-profile em{font-size:9px}.map-panel .geo-profile>.avatar{width:41px;height:41px}.map-panel .geo-source{font-size:8px}.map-panel .geo-demo-tag{font-size:8px;top:66px}.map-panel .geo-person-label{font-size:8px}.map-panel .geo-person-label b{font-size:7px}.bottom-grid{gap:18px}.bottom-grid h3{font-size:14px}.bottom-grid p{font-size:11px}.event-banner,.privacy-banner{padding:24px 20px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:calc(76px + env(safe-area-inset-bottom));padding:8px 10px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #e1d2ed;background:#fffffff5;backdrop-filter:blur(20px);box-shadow:0 -5px 20px #30213f07;gap:3px;z-index:20}.mobile-nav>button{gap:6px;font-size:10px;min-height:50px;min-width:0;color:#9681a5;border-radius:13px;padding:7px 2px;line-height:1.2}.mobile-nav>button>.icon{width:21px;height:21px}.mobile-nav>button.active{color:#7952e8;background:#f0e7ff;font-weight:750}.mobile-message-count{font-size:8px;top:3px}.page-footnote{font-size:9px;line-height:1.8;gap:12px}.card-page-grid{gap:20px}.card-showcase{min-height:420px}.profile-details{padding:31px}.custom-strip{padding:24px;gap:15px}.contacts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-card{padding:25px}.contact-card h2{font-size:22px}.contact-card>p{font-size:12px}.contact-card>small{font-size:11px}.event-content{padding:28px}.event-content h2{font-size:29px}.event-content>p{font-size:13px}.company-body h2{font-size:31px}.company-body h3{font-size:17px}.company-body>p{font-size:14px}.messenger-content{padding-inline:21px}.messenger-layout{height:calc(100dvh - 335px);min-height:560px;grid-template-columns:1fr}.conversations-panel{border:0;min-height:0}.conversations-title{padding:24px 23px 16px}.conversations-title h2{font-size:21px}.conversations-title>span{font-size:11px}.conversation-row{min-height:100px;padding:21px 20px;gap:13px}.conversation-row .avatar{width:46px;height:46px}.conversation-copy strong{font-size:14px}.conversation-copy>p{font-size:12px}.conversation-copy>small{font-size:10px}.conversation-copy time{font-size:10px}.chat-search input{font-size:13px}.chat-filters>button{font-size:12px;min-height:40px}.conversation{height:100%}.conversation-header{padding:17px 18px;min-height:83px;gap:11px}.conversation-header strong{font-size:14px}.conversation-header>div>span{font-size:11px}.mobile-chat-back{display:grid;width:35px;height:39px}.conversation-origin{font-size:8px;padding:10px 15px}.chat-history{padding:19px 17px}.incoming .message-bubble>p,.outgoing .message-bubble>p{font-size:14px}.message-bubble>time{font-size:9px}.chat-composer{padding:14px;gap:8px}.composer-label>textarea{font-size:13px;padding:12px}.send-message{width:42px;height:44px;border-radius:12px}.composer-footnote{font-size:8px}.chat-card-bubble>strong{font-size:23px}.notifications-layout{gap:20px}.notification-filters{padding:18px}.notification-filters>button{font-size:11px;padding:9px 11px;min-height:39px}.notice-row{padding:22px 19px}.notice-open strong{font-size:14px}.notice-open p{font-size:12px}.notice-open time{font-size:10px}.notification-demo{padding:29px}.notice-read{width:38px;height:38px}.modal:not(.locator-modal){max-width:calc(100vw - 30px);border-radius:22px}.modal-body{padding:32px 29px}.modal-body h2{font-size:29px}.modal-body p.bio,.bio{font-size:14px}.modal-close{width:36px;height:36px}.form-field{font-size:12px}.form-field input,.form-field select,.form-field textarea{font-size:14px;min-height:45px}.editor-preview{padding:25px}.service-card{padding:24px}.services-owner{padding:28px}.guest-page{padding:35px 24px}.guest-card{grid-template-columns:1fr;max-width:480px;gap:23px}.guest-card>.business-card{max-width:480px}.guest-details{padding:31px}.guest-details h1{font-size:29px}.guest-details>p{font-size:14px}.guest-page>.services-public{max-width:480px}.guest-page>.services-public .service-grid{grid-template-columns:1fr}.locator-view{padding-inline:25px}.locator-header h2{font-size:29px}.locator-header .eyebrow{font-size:7px}.locator-person strong{font-size:15px}.locator-person span{font-size:12px}.locator-reading>strong{font-size:63px}.locator-reading>p{font-size:18px}.locator-reading>small{font-size:11px}.locator-demo-notice{font-size:10px}.locator-sensor-badges b{font-size:10px}.locator-sensor-note{font-size:12px}.locator-device-actions .button{font-size:12px}.locator-demo-controls summary{font-size:12px}.locator-demo-controls label{font-size:12px}.locator-footnote{font-size:11px} }
@media(max-width:600px) { .content{padding:27px 19px 101px}.topbar{padding-inline:19px;height:74px}.mobile-brand .iskra-logo{font-size:27px}.demo-badge{font-size:8px;padding:7px 9px;min-height:33px}.top-right{gap:7px}.top-right .notification-bell{width:39px;height:39px}.page-heading{margin-bottom:24px;gap:18px}.page-heading h1{font-size:32px;letter-spacing:-1.3px;line-height:1.2;margin:10px 0 12px}.page-heading p{font-size:12px;line-height:1.8}.eyebrow{font-size:7px;letter-spacing:1.3px}.heading-actions{gap:9px;justify-content:space-between;flex-wrap:wrap}.heading-actions .button{font-size:11px;padding:12px 14px;min-height:44px}.heading-actions>.visibility{font-size:10px;min-height:44px;gap:6px}.visibility>.icon{display:none}.visibility .switch{width:29px;height:18px}.visibility .switch i{width:12px;height:12px;top:3px;left:3px}.visibility.is-on .switch i{transform:translateX(11px)}.explore-toolbar{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px}.segmented{max-width:100%;overflow-x:auto;white-space:nowrap;gap:6px;padding-bottom:3px;scrollbar-width:none;overscroll-behavior-x:contain}.segmented::-webkit-scrollbar{display:none}.segmented button{font-size:11px;min-height:40px;padding:10px 13px;flex-shrink:0}.segmented .icon{display:none}.search{width:100%;max-width:none}.search input{font-size:12px;padding:13px 10px 13px 0}.map-variant-bar{padding:9px 10px;gap:8px;border-radius:13px}.map-variant-bar>div{width:100%;gap:4px;justify-content:space-between}.map-variant-bar button{font-size:10px;min-height:39px;padding:9px 8px;gap:5px}.map-variant-bar button b{display:none}.variant-dot{width:8px;height:8px}.map-variant-bar>a{font-size:10px}.explore{border-radius:19px;grid-template-rows:auto auto}.map-viewport{height:455px;min-height:455px}.map-top{left:12px;right:12px;top:13px}.map-label,.radius-label{font-size:8px;padding:9px 10px;border-radius:10px}.map-label>span{display:none}.radius-label select{font-size:10px}.map-panel .geo-demo-tag{top:58px;font-size:7px;padding:5px 7px;left:10px}.map-panel .geo-radar-label{top:86px;font-size:7px;left:10px}.map-panel .geo-selection{max-width:285px;left:11px;right:11px;bottom:60px;padding:12px;border-radius:15px}.map-panel .geo-profile strong{font-size:12px}.map-panel .geo-profile small{font-size:10px}.map-panel .geo-profile em{font-size:8px}.map-panel .geo-profile>.avatar{width:36px;height:36px}.map-panel .geo-open{width:32px;height:32px}.map-panel .geo-source{font-size:7px;bottom:30px;left:10px}.map-panel .vizik-map .geo-person{width:39px!important;height:39px!important}.map-panel .vizik-map .geo-person.geo-selected{width:44px!important;height:44px!important}.map-panel .geo-person-label{font-size:7px;padding:4px 6px}.map-panel .geo-person-label b{font-size:6px}.map-panel .meeting-selection{max-width:260px;padding:13px}.map-panel .geo-locator{min-height:44px;padding:10px;margin-top:11px}.map-panel .geo-locator>span{font-size:22px}.map-panel .geo-locator small{font-size:9px}.map-bottom{padding:8px 11px;min-height:47px}.map-legend{font-size:8px;gap:6px}.map-legend .legend-divider{display:none}.map-controls button{width:32px;height:32px}.people-heading{padding:24px 20px 20px}.people-heading h2{font-size:21px}.people-heading p{font-size:11px}.people-list{padding-inline:20px}.person-row{min-height:90px;gap:12px;padding:18px 0}.person-row .avatar{width:44px;height:44px}.person-info strong{font-size:14px}.person-info p{font-size:11px}.person-info small{font-size:10px}.distance{font-size:10px}.people-footer{font-size:9px;line-height:1.6;padding:18px}.bottom-grid{grid-template-columns:1fr;gap:15px;margin-top:19px}.event-banner,.privacy-banner{padding:22px 19px;min-height:111px;gap:14px}.bottom-grid h3{font-size:14px}.bottom-grid p{font-size:11px}.tiny-label{font-size:7px}.event-art{width:51px;height:56px}.event-art>.iskra-symbol{width:54px;height:54px}.privacy-symbol{width:45px;height:45px}.mobile-nav{padding-inline:6px;gap:1px;height:calc(74px + env(safe-area-inset-bottom))}.mobile-nav>button{font-size:9px;padding:7px 1px;gap:5px;min-height:50px;border-radius:11px}.mobile-nav>button>.icon{width:21px;height:21px}.page-footnote{flex-direction:column;gap:4px;align-items:flex-start;font-size:9px}.card-page-grid{gap:20px}.card-showcase{padding:32px 22px;min-height:350px}.business-card{padding:24px;aspect-ratio:1.57;border-radius:19px}.card-brand .iskra-logo{font-size:23px}.card-details h2{font-size:24px;line-height:1.15;letter-spacing:-.8px}.card-details p{font-size:10px}.card-details small{font-size:9px}.card-bottomline{font-size:7px;margin-top:16px;padding-top:12px}.card-avatar{width:45px;height:45px;right:24px}.card-showcase-caption{font-size:10px;margin-top:24px}.profile-details{padding:27px}.profile-details h2{font-size:27px}.profile-details>p{font-size:13px;line-height:1.9}.detail-line{font-size:12px;gap:10px}.detail-line .icon{width:18px;height:18px}.custom-strip{padding:23px 21px;gap:14px}.custom-strip h3{font-size:14px}.custom-strip p{font-size:11px;line-height:1.8;max-width:none}.custom-strip>.button{font-size:12px;min-height:44px}.contacts-grid{grid-template-columns:1fr;gap:18px}.contact-card{padding:28px}.contact-card h2{font-size:26px}.contact-card>p{font-size:13px}.contact-card>small{font-size:12px}.contact-actions>.button{font-size:12px;padding:12px 15px;min-height:44px}.contact-actions>.icon-button{width:40px;height:44px}.events-grid{grid-template-columns:1fr;gap:20px}.event-cover{min-height:175px}.event-content{padding:27px}.event-content h2{font-size:28px}.event-content>p{font-size:13px}.event-date,.event-place{font-size:11px}.event-bottom>.button{font-size:11px;padding:12px 13px}.event-bottom>span{font-size:10px}.company-body{padding:27px}.company-body h2{font-size:29px}.company-body h3{font-size:16px}.company-body>p{font-size:13px;line-height:1.9}.company-services span{font-size:10px}.company-aside{padding:28px}.company-aside h2{font-size:26px}.company-aside p{font-size:13px}.feature-list li{font-size:12px}.messenger-content{padding-inline:17px}.messenger-heading .heading-actions{display:flex;width:100%;flex-wrap:wrap;gap:8px}.messenger-heading .heading-actions>.button{font-size:10px;padding:11px 12px;gap:7px;min-height:43px}.messenger-layout{border-radius:19px;height:calc(100dvh - 342px);min-height:520px}.conversation-row{padding:20px 17px;gap:11px;min-height:98px}.conversation-copy strong{font-size:13px}.conversation-copy>p{font-size:12px}.conversation-copy>small{font-size:10px}.conversation-copy time{font-size:9px}.conversation-row .avatar{width:43px;height:43px}.conversations-title{padding:22px 20px 15px}.conversations-title h2{font-size:20px}.chat-filters>button{font-size:11px;min-height:39px}.conversations-bottom{font-size:9px;padding:14px}.conversation-header{padding:16px 13px;gap:9px;min-height:79px}.conversation-header strong{font-size:13px}.conversation-header>div>span{font-size:9px;line-height:1.6}.conversation-header .avatar{width:36px;height:36px}.conversation-header>.icon-button:last-child{width:34px;height:36px}.mobile-chat-back{width:29px;height:36px}.conversation-origin{font-size:7px;line-height:1.7;padding:9px 11px}.chat-history{padding:18px 13px}.incoming .message-bubble>p,.outgoing .message-bubble>p{font-size:13px;line-height:1.8}.message-bubble{padding:12px 14px}.message-bubble>time{font-size:8px}.chat-composer{padding:12px 10px;gap:7px}.chat-composer>.icon-button{width:30px;height:40px}.composer-label>textarea{font-size:12px;padding:10px 11px;min-height:42px}.send-message{width:38px;height:41px;border-radius:11px}.composer-footnote{font-size:7px;padding-inline:11px;line-height:1.7}.chat-card-bubble{min-width:0;max-width:245px;padding:21px}.chat-card-bubble>strong{font-size:23px}.chat-card-bubble>span{font-size:11px}.chat-card-bubble>small{font-size:10px}.chat-card-bubble button{font-size:10px}.notifications-heading .heading-actions{flex-wrap:wrap;gap:8px}.notifications-heading .heading-actions>.button{font-size:10px;padding:11px 12px;min-height:43px}.notification-filters{padding:16px 14px;gap:7px;flex-wrap:wrap}.notification-filters>button{font-size:10px;padding:8px 10px;min-height:36px}.notice-row{padding:20px 15px;gap:11px}.notice-open strong{font-size:13px}.notice-open p,.notice-row.read .notice-open p{font-size:12px;line-height:1.8}.notice-open time{font-size:9px}.notice-kind{font-size:8px}.notice-symbol{width:35px;height:35px;border-radius:11px}.notice-symbol>.icon{width:17px;height:17px}.notice-read{width:31px;height:34px}.notification-demo{padding:26px}.notification-demo h2{font-size:24px}.notification-demo>p{font-size:12px}.notification-demo>.button{font-size:11px}.modal-backdrop{padding:16px}.modal:not(.locator-modal){max-width:calc(100vw - 24px);border-radius:21px}.modal-body{padding:31px 24px}.modal-body h2{font-size:27px;line-height:1.25;padding-right:12px}.modal-body .eyebrow{font-size:7px;letter-spacing:1px}.modal-body p.bio,.bio{font-size:13px;line-height:1.9}.modal-close{width:34px;height:34px;right:14px;top:15px}.form-field{font-size:12px}.form-field input,.form-field textarea,.form-field select{font-size:14px;min-height:45px;padding:12px}.form-grid{gap:17px}.form-actions{gap:9px;flex-wrap:wrap}.form-actions .button{font-size:11px;min-height:45px}.subtle-note{font-size:10px;line-height:1.9}.info-box{font-size:12px}.editor-modal .modal-body{padding:31px 23px}.editor-preview{padding:24px 20px;border-radius:17px}.editor-preview .business-card{padding:21px;aspect-ratio:1.55}.editor-preview .card-details h2{font-size:22px}.editor-preview .card-brand .iskra-logo{font-size:20px}.editor-preview .card-details p{font-size:9px}.editor-preview .card-avatar{right:20px;top:75px;width:37px;height:37px}.editor-preview>p{font-size:11px}.profile-tags span{font-size:10px}.person-modal-role{font-size:14px}.person-modal-cover{height:130px}.pro-modal-art{min-height:155px}.price{font-size:44px}.price span{font-size:13px}.share-body>strong{font-size:21px}.share-body>small{font-size:12px}.share-body>p{font-size:13px}.services-owner{padding:25px 21px}.services-heading h2{font-size:25px}.services-heading p{font-size:12px;line-height:1.8}.services-heading>.button{font-size:11px;min-height:44px}.service-card{padding:23px}.service-card h3{font-size:21px}.service-description{font-size:13px}.service-price{font-size:20px}.service-examples-label{font-size:9px}.work-example>span:last-child{font-size:12px}.services-empty{padding:29px 17px}.services-empty h3{font-size:21px}.services-empty p{font-size:13px}.services-paywall h3{font-size:22px}.services-paywall p{font-size:13px}.service-sample strong{font-size:23px}.service-sample small{font-size:10px}.service-editor-modal .modal-body{padding:31px 23px}.service-editor-modal .form-actions .button{font-size:11px;padding:13px 14px;min-height:45px}.service-example-editor h3{font-size:17px}.service-example-editor .text-button{font-size:12px}.example-fields .form-field{font-size:11px}.example-fields input{font-size:13px}.guest-page{padding:31px 20px}.guest-brand .iskra-logo{font-size:35px}.guest-page>.eyebrow{font-size:8px;letter-spacing:1.4px}.guest-card{gap:22px;width:100%}.guest-details{padding:28px}.guest-details h1{font-size:28px;line-height:1.25}.guest-details>p{font-size:13px}.guest-details .detail-line{font-size:12px}.guest-details .button{font-size:12px}.guest-page>.text-button{font-size:12px;min-height:44px;display:flex;align-items:center}.guest-page>.subtle-note{font-size:10px}.guest-page .services-public h2{font-size:29px}.locator-view{padding:calc(21px + env(safe-area-inset-top)) 23px calc(23px + env(safe-area-inset-bottom))}.locator-header h2{font-size:28px}.locator-header .eyebrow{font-size:6px;letter-spacing:1.3px}.locator-header{padding-right:38px}.locator-modal>.modal-close{right:21px}.locator-person{padding:15px;gap:11px}.locator-person strong{font-size:15px}.locator-person span{font-size:11px}.locator-demo-label{font-size:9px}.locator-demo-notice{font-size:10px}.locator-compass{width:265px;height:265px}.locator-reading>strong{font-size:61px}.locator-reading>p{font-size:18px}.locator-reading>small{font-size:10px}.locator-sensor-badges{gap:7px}.locator-sensor-badges b{font-size:9px}.locator-sensor-note{font-size:12px;line-height:1.8}.locator-device-actions .button{font-size:11px;padding:12px 9px;min-height:45px}.locator-demo-controls{padding:16px}.locator-demo-controls summary{font-size:11px}.locator-demo-controls label{font-size:11px}.locator-demo-controls .button,.locator-demo-controls .text-button{font-size:11px}.locator-footnote{font-size:11px;line-height:1.85}.locator-message{font-size:12px}.maps-comparison{padding-inline:23px}.comparison-bar{height:83px}.comparison-brand{width:135px}.comparison-back{font-size:11px;padding:10px 12px}.comparison-intro{padding:38px 0 29px;gap:22px}.comparison-intro h1{font-size:46px;letter-spacing:-2px}.comparison-intro .eyebrow{font-size:8px}.comparison-copy>p{font-size:14px}.comparison-copy>span{font-size:9px}.comparison-copy>small{font-size:9px}.comparison-mobile-tabs{gap:6px}.comparison-mobile-tabs button{font-size:10px;padding:11px 8px;min-height:41px}.comparison-caption{height:auto;margin-bottom:25px}.comparison-caption>span{font-size:9px}.comparison-caption h2{font-size:30px}.comparison-caption p{font-size:13px;line-height:1.8}.phone-frame{height:820px;max-width:350px}.phone-heading .iskra-logo{font-size:27px}.phone-copy>h3{font-size:24px}.phone-copy>span{font-size:6px}.phone-copy b{font-size:8px}.phone-copy>div>span{font-size:7px}.phone-map-wrap .geo-profile strong{font-size:11px}.phone-map-wrap .geo-profile small{font-size:9px}.phone-map-wrap .geo-profile em{font-size:8px}.phone-map-wrap .geo-person-label{font-size:8px}.phone-map-wrap .geo-person-label b{font-size:6px}.phone-map-wrap .geo-source,.phone-map-wrap .geo-demo-tag{font-size:7px}.comparison-choose{font-size:13px;min-height:50px}.comparison-footer>div p{font-size:12px}.comparison-footer>p{font-size:10px;line-height:1.85}.comparison-footer>a{font-size:10px} }
@media(max-width:360px) { .content{padding:25px 16px 98px}.topbar{height:71px;padding-inline:16px;gap:8px}.mobile-brand .iskra-logo{font-size:25px}.demo-badge{font-size:7px;padding:7px 8px;min-height:32px}.top-right .notification-bell{width:37px;height:38px}.page-heading h1{font-size:29px;letter-spacing:-1.15px}.page-heading p{font-size:11px}.eyebrow{font-size:6px;letter-spacing:1px}.heading-actions{gap:8px}.heading-actions .button{font-size:10px;padding:12px 11px;gap:7px;min-height:44px}.heading-actions>.visibility{font-size:9px;gap:5px}.segmented button{font-size:10px;padding:10px 12px}.map-variant-bar{padding:9px}.map-variant-bar button{font-size:9px;padding:8px 7px}.map-variant-bar>a{font-size:9px}.map-viewport{height:435px;min-height:435px}.map-label,.radius-label{font-size:7px;padding:9px}.radius-label select{font-size:9px}.map-panel .geo-selection{padding:11px;max-width:250px}.map-panel .geo-profile strong{font-size:11px}.map-panel .geo-profile small{font-size:9px}.map-panel .geo-profile em{font-size:8px}.map-panel .geo-profile>.avatar{width:33px;height:33px}.map-panel .geo-demo-tag{font-size:6px}.map-panel .geo-source{font-size:6px}.map-panel .geo-person-label{font-size:6px}.map-panel .geo-person-label b{font-size:5px}.map-legend{font-size:7px;gap:5px}.map-controls button{width:29px;height:31px}.map-bottom{padding-inline:9px}.people-heading{padding:21px 17px}.people-heading h2{font-size:19px}.people-heading p{font-size:10px}.people-list{padding-inline:17px}.person-row{gap:10px;min-height:88px}.person-row .avatar{width:39px;height:39px}.person-info strong{font-size:13px}.person-info p{font-size:10px}.person-info small{font-size:9px}.distance{font-size:9px}.people-footer{font-size:8px;padding:17px}.live-pill{font-size:8px}.bottom-grid h3{font-size:13px}.bottom-grid p{font-size:10px}.event-banner,.privacy-banner{padding:21px 17px;gap:12px}.card-showcase{padding:29px 18px;min-height:320px}.business-card{padding:22px;aspect-ratio:1.53}.card-brand .iskra-logo{font-size:21px}.card-details h2{font-size:22px}.card-details p{font-size:9px}.card-details small{font-size:8px}.card-avatar{width:39px;height:39px;right:22px}.card-bottomline{font-size:6px;padding-top:10px}.profile-details{padding:25px}.profile-details h2{font-size:26px}.profile-details>p{font-size:12px}.detail-line{font-size:11px}.custom-strip{padding:21px 18px}.custom-strip h3{font-size:13px}.custom-strip p{font-size:10px}.contact-card{padding:26px}.contact-card h2{font-size:24px}.contact-actions>.button{font-size:11px;padding-inline:12px}.contact-actions>.icon-button{width:35px}.event-content{padding:25px}.event-content h2{font-size:26px}.event-content>p{font-size:12px}.event-date,.event-place{font-size:10px}.company-body{padding:25px}.company-body h2{font-size:27px}.company-body h3{font-size:15px}.company-body>p{font-size:12px}.company-aside{padding:25px}.company-aside h2{font-size:24px}.company-aside p{font-size:12px}.messenger-content{padding-inline:14px}.messenger-heading .heading-actions>.button,.notifications-heading .heading-actions>.button{font-size:9px;padding:11px 10px;gap:6px}.conversation-copy strong{font-size:12px}.conversation-copy>p{font-size:11px}.conversation-copy>small{font-size:9px}.conversation-copy time{font-size:8px}.conversation-row{padding-inline:14px;gap:10px}.conversation-row .avatar{width:39px;height:39px}.conversation-header{gap:7px;padding-inline:10px}.conversation-header strong{font-size:12px}.conversation-header>div>span{font-size:8px}.conversation-header .avatar{width:32px;height:32px}.conversation-origin{font-size:6px}.incoming .message-bubble>p,.outgoing .message-bubble>p{font-size:12px}.message-bubble{padding:11px 12px}.composer-label>textarea{font-size:11px}.chat-composer{gap:6px;padding:11px 8px}.chat-composer>.icon-button{width:27px}.send-message{width:35px;height:40px}.composer-footnote{font-size:6px}.chat-card-bubble{padding:19px;max-width:220px}.chat-card-bubble>strong{font-size:21px}.notification-filters>button{font-size:9px;padding:8px 9px}.notice-row{padding:19px 13px;gap:9px}.notice-open strong{font-size:12px}.notice-open p,.notice-row.read .notice-open p{font-size:11px}.notice-symbol{width:32px;height:32px}.notice-read{width:28px}.modal-body,.editor-modal .modal-body{padding-inline:21px}.modal-body h2{font-size:25px}.modal-body p.bio,.bio{font-size:12px}.form-field{font-size:11px}.form-field input,.form-field textarea,.form-field select{font-size:13px}.editor-preview{padding:21px 16px}.editor-preview .business-card{padding:19px}.editor-preview .card-details h2{font-size:20px}.editor-preview .card-brand .iskra-logo{font-size:18px}.editor-preview .card-avatar{right:18px;top:70px;width:34px;height:34px}.services-owner{padding:23px 18px}.services-heading h2{font-size:24px}.services-heading p{font-size:11px}.service-card{padding:21px}.service-card h3{font-size:20px}.service-description{font-size:12px}.service-price{font-size:18px}.services-paywall p{font-size:12px}.service-sample strong{font-size:21px}.guest-page{padding:29px 17px}.guest-details{padding:26px}.guest-details h1{font-size:26px}.guest-details>p{font-size:12px}.guest-details .detail-line{font-size:11px}.guest-brand .iskra-logo{font-size:32px}.locator-view{padding-inline:18px}.locator-modal>.modal-close{right:17px}.locator-header h2{font-size:26px}.locator-header .eyebrow{font-size:5px;letter-spacing:1px}.locator-header .icon-button{width:32px;height:34px}.locator-person{padding:13px;gap:10px}.locator-person strong{font-size:14px}.locator-person span{font-size:10px}.locator-demo-notice{font-size:9px}.locator-compass{width:240px;height:240px}.locator-reading>strong{font-size:56px}.locator-reading>p{font-size:16px}.locator-reading>small{font-size:9px}.locator-sensor-badges b{font-size:8px}.locator-sensor-note{font-size:11px}.locator-device-actions .button{font-size:10px;padding-inline:8px}.locator-demo-controls{padding:13px}.locator-demo-controls summary{font-size:10px}.locator-demo-controls .button,.locator-demo-controls .text-button{font-size:10px}.locator-footnote{font-size:10px}.maps-comparison{padding-inline:17px}.comparison-brand{width:126px}.comparison-back{font-size:10px;padding:10px}.comparison-intro h1{font-size:40px;letter-spacing:-1.7px}.comparison-intro .eyebrow{font-size:7px}.comparison-copy>p{font-size:13px}.comparison-copy>span{font-size:8px}.comparison-mobile-tabs button{font-size:9px;padding-inline:6px}.comparison-caption h2{font-size:28px}.comparison-caption p{font-size:12px}.phone-frame{height:785px}.phone-copy>h3{font-size:21px}.phone-copy>span{font-size:5px}.phone-copy b{font-size:7px}.phone-copy>div>span{font-size:6px}.phone-map-wrap .geo-profile strong{font-size:10px}.phone-map-wrap .geo-profile small{font-size:8px}.phone-map-wrap .geo-profile em{font-size:7px}.phone-map-wrap .geo-person-label{font-size:6px}.phone-map-wrap .geo-person-label b{font-size:5px}.phone-map-wrap .geo-source,.phone-map-wrap .geo-demo-tag{font-size:6px} }
/* Keep panel switching and navigation on the same tablet breakpoint. */
@media(max-width:800px){
 #app>main:not(.guest-page){padding-bottom:0}.mobile-nav{display:flex}.mobile-nav>button{flex:1;width:16.666%;position:relative}.mobile-nav>button>span{font-size:10px;white-space:nowrap}
 .messenger-layout{display:block}.conversation,.conversation-empty{display:none}.mobile-conversation-open .conversations-panel{display:none}.mobile-conversation-open .conversation{display:flex;height:100%}
 .messenger-content:has(.mobile-conversation-open){padding:13px 15px 98px}.messenger-content:has(.mobile-conversation-open) .messenger-heading{display:none}.messenger-layout.mobile-conversation-open{height:calc(100dvh - 187px);min-height:350px}
 .mobile-message-count{position:absolute;top:3px;left:calc(50% + 5px)}
}
@media(max-width:600px){.mobile-nav>button>span{font-size:9px}.messenger-content:has(.mobile-conversation-open){padding:11px 13px 98px}.messenger-layout.mobile-conversation-open{height:calc(100dvh - 183px);min-height:350px}}
@media(max-width:360px){.mobile-nav>button>span{font-size:8px}.messenger-content:has(.mobile-conversation-open){padding-inline:10px}}
/* Keep rows compact and readable after increasing the reading size. */
.notice-row{padding:0}.notice-open{padding:24px;gap:14px}.notice-row.read .notice-open strong{color:#785985}.notice-row.unread .notice-open strong{color:#563368}
.notification-demo h3{color:#58376c;font-size:25px;line-height:1.25;letter-spacing:-.7px}.notifications-empty h2{color:#624075;font-size:23px}.notifications-empty p{color:#82658f;font-size:13px;line-height:1.8}
.business-card{min-height:min-content}.card-details{flex-shrink:0}.card-topline,.card-bottomline{flex-shrink:0}
.person-info small,.people-footer,.card-showcase-caption,.conversation-copy>small,.conversation-copy time,.conversations-title>span,.conversations-bottom,.conversation-header>div>span,.notice-open time,.notice-kind,.composer-footnote,.notification-demo>.subtle-note,.notification-setting p,.new-chat-person small,.services-empty small,.service-examples-label{color:#80668c}
.service-hint{color:#80668c!important}.form-field>span,.subtle-note,.company-aside small{color:#856b91}.notice-open p,.notice-row.read .notice-open p{color:#7b5e8b}
@media(max-width:800px){.notice-open{padding:23px 20px;gap:13px}}
@media(max-width:600px){.notice-open{padding:21px 17px;gap:11px}.card-details{margin-top:22px}.card-details h2{font-size:23px;line-height:1.18;margin-top:6px;margin-bottom:6px}.card-details p{font-size:10px}.card-details small{font-size:9px}.business-card{padding:23px;aspect-ratio:1.55}.card-bottomline{margin-top:16px;padding-top:11px}.notification-demo h3{font-size:24px}.notifications-empty h2{font-size:22px}.notifications-empty p{font-size:12px}}
@media(max-width:360px){.notice-open{padding:20px 15px;gap:10px}.card-details h2{font-size:20px;letter-spacing:-.6px}.business-card{padding:21px}.card-details{margin-top:20px}.card-details p{font-size:9px}.card-details small{font-size:8px}.card-bottomline{font-size:7px;margin-top:14px;padding-top:10px}.demo-badge{font-size:8px}}
.card-bottomline .icon{width:15px;height:15px}
@media(max-width:600px){.business-card{aspect-ratio:auto;height:auto;min-height:0}.card-details{margin-top:24px}.card-bottomline{margin-top:18px;padding-top:12px}.card-bottomline .icon{width:14px;height:14px}}
@media(max-width:360px){.card-details{margin-top:21px}.card-bottomline{margin-top:16px;padding-top:11px}}
/* Shared cards use a balanced desktop composition and a single column on phones. */
.guest-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;width:100%;gap:27px}
@media(max-width:800px){.guest-card{grid-template-columns:minmax(0,1fr);gap:23px}}
@media(max-width:600px){.editor-preview .business-card{aspect-ratio:auto;min-height:0;height:auto}.guest-card{gap:22px}}
@media(max-width:600px){.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .span2{grid-column:1}}

/* Design review: readable controls and a shorter path to the map. */
.app-skip{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:100;padding:14px 20px;border-radius:12px;background:var(--ui-ink);color:var(--ui-surface);font-size:14px}
.app-skip:focus{transform:none}
#page-content:focus{outline:none}
.sidebar .nav-item{font-size:14px}
.sidebar .account strong{font-size:13px}
.sidebar .account small,.sidebar .pro-teaser p,.sidebar .pro-link{font-size:12px}
.page-heading>div:first-child,.heading-actions,.contact-actions{min-width:0}
.page-heading h1{font-size:40px;letter-spacing:-1.5px;overflow-wrap:anywhere}
.page-heading p{font-size:15px;max-width:64ch}
.heading-actions:empty{display:none}
.eyebrow{font-size:10px;letter-spacing:1.2px;color:var(--ui-subtle)}
.button,.heading-actions .button{font-size:13px;min-height:46px;line-height:1.5}
.icon-button{min-width:44px;min-height:44px}
.text-button{font-size:13px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.visibility{font-size:12px;min-height:46px}
.segmented button{font-size:13px;min-height:44px}
.search{padding:0 14px;width:310px;min-height:48px}
.search input{font-size:14px;min-height:46px;padding:12px 0}
.chat-search{padding:0 12px;min-height:48px}
.chat-search input{font-size:14px;padding:12px 0}
.search input::placeholder,.chat-search input::placeholder{color:var(--ui-subtle)}
.search:focus-within,.chat-search:focus-within,.composer-label:focus-within{outline:2px solid var(--ui-violet);outline-offset:2px}
.map-variant-bar{margin:14px 0 0;box-shadow:none;background:transparent}
.map-variant-bar button,.map-variant-bar>a{font-size:12px;min-height:44px}
.map-variant-bar>a{display:inline-flex;align-items:center}
.map-variant-bar>span{font-size:10px}
.person-info strong{font-size:15px}
.person-info p{font-size:13px}
.person-info small,.distance{font-size:12px}
.person-info p,.person-info small,.distance,.people-heading p,.people-footer,.detail-line,.contact-card>small,.event-date,.event-place,.conversation-copy>p,.conversation-copy>small,.conversation-copy time,.conversations-title>span,.notice-open p,.notice-row.read .notice-open p,.notice-open time,.notice-kind,.composer-footnote,.subtle-note{color:var(--ui-muted)}
.people-heading p,.people-footer{font-size:12px}
.person-row{min-height:96px}
.map-label,.radius-label,.map-legend{font-size:11px}
.map-controls button{width:44px;height:44px}
.profile-details>p,.event-content>p,.company-body>p,.company-aside p,.feature-list li,.service-description,.bio,.modal-body p.bio{font-size:15px;line-height:1.75}
.detail-line{font-size:14px}
.profile-details h2,.contact-card h2,.event-content h2,.company-body h2,.company-body h3,.guest-details h1{overflow-wrap:anywhere}
.contact-card>p,.contact-card>small,.contact-actions>.button{font-size:13px}
.contact-actions>.icon-button{width:44px;height:46px}
.event-date,.event-place,.event-bottom>span{font-size:13px}
.bottom-grid p,.custom-strip p,.services-heading p{font-size:13px;color:var(--ui-muted)}
.tiny-label,.service-examples-label,.page-footnote{font-size:10px;color:var(--ui-subtle)}
.modal:not(.locator-modal)>.modal-close{position:sticky;float:right;top:12px;right:12px;margin:12px 12px -56px 0;width:44px;height:44px;z-index:8}
.modal-body>h2{padding-right:38px}
.modal-body .eyebrow{font-size:10px;padding-right:40px;letter-spacing:1px}
.modal-close .icon{width:20px;height:20px}
.form-field{font-size:13px}
.form-field input,.form-field textarea,.form-field select{font-size:16px;min-height:48px}
.swatches button{width:40px;height:40px}
.editor-preview{align-self:start;position:sticky;top:24px}
.editor-preview>p,.subtle-note{font-size:12px}
.conversation-copy strong{font-size:15px}
.conversation-copy>p{font-size:14px;line-height:1.5}
.conversation-copy>small,.conversation-copy time,.conversations-title>span{font-size:12px}
.conversation-header strong{font-size:16px}
.conversation-header>div>span{font-size:12px}
.chat-filters>button,.notification-filters>button{font-size:13px;min-height:44px}
.conversation-origin{font-size:11px;line-height:1.6}
.incoming .message-bubble>p,.outgoing .message-bubble>p{font-size:15px;line-height:1.65}
.message-bubble>time{font-size:11px}
.composer-label>textarea{font-size:16px;line-height:1.5;min-height:46px}
.composer-footnote{font-size:11px}
.send-message{width:46px;height:46px;flex-shrink:0}
.notice-open strong{font-size:15px}
.notice-open p,.notice-row.read .notice-open p{font-size:14px;line-height:1.65}
.notice-open time{font-size:12px}
.notice-kind{font-size:10px}
.notice-read{width:44px;height:44px}
.notification-demo>p{font-size:14px}
@media(max-width:1100px) and (min-width:801px){
 .sidebar .nav-item{font-size:12px}.explore{grid-template-columns:minmax(0,1fr) 310px}.explore-toolbar{flex-wrap:wrap}.search{flex:1;min-width:240px}.person-info strong{font-size:14px}.person-info p{font-size:12px}.person-info small,.distance{font-size:11px}.person-row .avatar{width:40px;height:40px}.messenger-layout{grid-template-columns:280px minmax(0,1fr)}
}
@media(max-width:800px){
 :root{--app-topbar-height:72px;--app-nav-height:calc(74px + env(safe-area-inset-bottom))}
 .topbar{height:var(--app-topbar-height);padding-inline:18px}
 .top-right .notification-bell,.theme-trigger{width:44px;height:44px}
 .content{padding:22px 20px calc(100px + env(safe-area-inset-bottom))}
 .page-heading{gap:14px;margin-bottom:20px}
 .page-heading h1{font-size:32px;letter-spacing:-1.1px;margin:6px 0 10px}
 .page-heading p{font-size:14px;line-height:1.6}
 .page-heading .eyebrow{display:none}
 .heading-actions{gap:10px;justify-content:flex-start}
 .heading-actions .button{font-size:13px;min-height:46px;padding:11px 14px}
 .heading-actions>.visibility{font-size:12px;min-height:46px}
 .page-nearby .heading-actions{justify-content:space-between}
 .page-nearby .heading-actions>[data-action=share]{font-size:12px;padding-inline:12px}
 .explore-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
 .search{order:-1;min-width:0;width:100%;max-width:none}
 .search input,.chat-search input{font-size:16px;min-height:46px;padding:12px 0}
 .segmented{gap:7px;padding-bottom:2px}
 .segmented button{font-size:13px;min-height:44px;padding:10px 14px}
 .explore{border-radius:20px}
 .map-viewport{height:410px;min-height:410px}
 .map-label,.radius-label{font-size:10px}
 .radius-label select{font-size:12px}
 .map-top{top:12px}
 .map-bottom{padding:8px 12px;min-height:58px}
 .map-legend{font-size:10px}
 .map-panel .geo-selection{bottom:70px}
 .map-panel .geo-source{font-size:9px}
 .people-heading{padding:22px 18px 18px}
 .people-heading p,.people-footer{font-size:12px}
 .people-list{padding-inline:18px}
 .person-row{min-height:100px;padding-block:18px;gap:11px}
 .person-info strong{font-size:15px;line-height:1.45}
 .person-info p{font-size:13px;line-height:1.5}
 .person-info small,.distance{font-size:11px}
 .person-row .avatar{width:44px;height:44px}
 .map-variant-bar{padding:8px;margin-top:10px;gap:0;justify-content:space-between}
 .map-variant-bar>div{width:100%;justify-content:space-between;gap:0}
 .map-variant-bar button{font-size:11px;min-height:44px;padding-inline:6px;gap:5px}
 .map-variant-bar>a{font-size:12px;padding:8px 6px}
 .mobile-nav{height:var(--app-nav-height);padding:8px 4px calc(8px + env(safe-area-inset-bottom));gap:2px}
 .mobile-nav>button,.mobile-nav>button>span{font-size:10px;line-height:1.3}
 .mobile-nav>button{min-height:52px;padding:7px 0;gap:4px}
 .mobile-nav>button>.icon{width:22px;height:22px}
 .card-showcase{padding:28px 20px;min-height:310px}
 .card-showcase-caption{font-size:11px;margin-top:18px}
 .profile-details,.company-body,.company-aside,.event-content,.contact-card{padding:24px}
 .profile-details>p,.company-body>p,.company-aside p,.event-content>p{font-size:15px;line-height:1.75}
 .detail-line{font-size:14px;gap:10px}
 .contact-card h2{font-size:26px}
 .event-date,.event-place,.event-bottom>span{font-size:12px}
 .bottom-grid p,.custom-strip p{font-size:13px;line-height:1.65}
 .custom-strip{padding:22px}
 .custom-strip h3,.bottom-grid h3{font-size:16px}
 .custom-strip>.button{font-size:13px}
 .modal-backdrop{padding:12px}
 .modal:not(.locator-modal){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:22px}
 .modal-body,.editor-modal .modal-body{padding:28px 22px}
 .modal-body>h2{font-size:27px;line-height:1.25;padding-right:30px}
 .modal-body p.bio,.bio{font-size:15px}
 .form-field input,.form-field select,.form-field textarea{font-size:16px;min-height:48px}
 .editor-grid{gap:24px}
 .editor-preview{order:1;position:static}
 .editor-preview .card-details h2{padding-right:0}
 .form-actions .button{font-size:13px}
 .messenger-heading .heading-actions>.button,.notifications-heading .heading-actions>.button{font-size:12px;min-height:44px;padding:10px 12px}
 .messenger-layout{min-height:460px;height:calc(100dvh - 315px)}
 .messenger-content:has(.mobile-conversation-open){padding:12px 14px calc(88px + env(safe-area-inset-bottom))}
 .messenger-layout.mobile-conversation-open{height:calc(100dvh - var(--app-topbar-height) - var(--app-nav-height) - 24px);min-height:0}
 .conversations-title{padding:20px 18px 14px}
 .conversation-row{padding:20px 16px;min-height:104px}
 .conversation-copy strong{font-size:15px}.conversation-copy>p{font-size:14px}.conversation-copy>small,.conversation-copy time{font-size:11px}
 .conversation-header{min-height:76px;padding:14px 12px}
 .conversation-header strong{font-size:15px}.conversation-header>div>span{font-size:12px}
 .conversation-header .icon-button,.mobile-chat-back,.chat-composer>.icon-button{min-width:44px;width:44px;min-height:44px;height:44px}
 .conversation-origin{font-size:11px;line-height:1.5;padding:10px 12px}
 .composer-label>textarea{font-size:16px;min-height:46px;padding:12px}
 .chat-composer{padding:10px;gap:6px}
 .composer-footnote{font-size:10px;padding-bottom:10px}
 .send-message{width:46px;height:46px}
 .message-bubble>time{font-size:10px}
 .notice-row{padding:18px 14px}
 .notice-open strong{font-size:15px}.notice-open p,.notice-row.read .notice-open p{font-size:14px}.notice-open time{font-size:11px}
 .notification-filters{padding:12px;gap:4px}.notification-filters>button{font-size:12px;min-height:44px;padding-inline:9px}
 .notice-read{width:44px;height:44px;flex-shrink:0}
 .guest-details{padding:24px}.guest-details>p{font-size:15px}.guest-details .detail-line{font-size:14px}
 .feature-list li{font-size:14px}.subtle-note{font-size:12px}
}
@media(max-width:360px){
 .content{padding-inline:14px}.page-heading h1{font-size:29px}.page-nearby .heading-actions{gap:8px}.heading-actions>.visibility{font-size:10px}.page-nearby .heading-actions>[data-action=share]{font-size:11px;padding-inline:10px}.person-info strong{font-size:14px}.person-info p{font-size:12px}.person-info small{font-size:10px}.people-list{padding-inline:14px}.person-row{gap:8px}.person-row .avatar{width:36px;height:36px}.distance{font-size:10px}.map-variant-bar button{font-size:10px}.map-controls button{width:40px;height:44px}.map-legend{font-size:9px}.modal-body,.editor-modal .modal-body{padding-inline:19px}.mobile-nav>button>span{font-size:9px}
}
/* Map viewport and footer must share the same flow at every breakpoint. */
.explore{grid-template-columns:minmax(0,1fr) 370px}
.map-panel .map-bottom{left:0;right:0;bottom:0;align-items:center;flex-shrink:0}
@media(max-width:1250px) and (min-width:801px){.explore{grid-template-columns:minmax(0,1fr) 315px}}
@media(max-width:800px){.explore{grid-template-columns:minmax(0,1fr)}.explore>.map-panel{height:auto;min-height:0}.map-panel .map-bottom{min-height:60px}.map-legend{flex-wrap:wrap;max-width:calc(100% - 140px);line-height:1.5}.map-controls{flex-shrink:0}}
.locator-demo-notice,.locator-reading>small,.locator-footnote{font-size:12px;color:var(--ui-muted)}
.locator-sensor-badges b{font-size:11px}
.locator-sensor-note{font-size:14px;line-height:1.7}
.locator-demo-controls summary{font-size:13px;min-height:44px;padding-block:12px;cursor:pointer}
.locator-device-actions .button,.locator-message{font-size:13px;min-height:46px}
.new-chat-person strong{font-size:15px}.new-chat-person small,.new-chat-caption{font-size:13px;color:var(--ui-muted)}
.new-chat-person{min-height:76px}
/* Long real names and contacts must not push the card footer out of view. */
.card-details h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.card-details p,.card-details small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.card-details small{opacity:.85}
.card-bottomline{font-size:10px;opacity:.9}
.editor-preview .business-card{aspect-ratio:auto;min-height:220px;height:auto}
.editor-preview .card-details h2{font-size:21px;padding-right:0}
.editor-preview .card-details p{font-size:11px}.editor-preview .card-details small,.editor-preview .card-bottomline{font-size:10px}
.comparison-back{min-height:44px;display:inline-flex;align-items:center}.comparison-copy>small,.comparison-footer>p,.comparison-footer>a{font-size:12px}
@media(max-width:600px){.card-details p{font-size:12px}.card-details small{font-size:11px}.card-bottomline{font-size:10px}.comparison-actions .comparison-back{font-size:12px;min-height:44px}}
.subtle-note{color:var(--ui-muted);font-size:12px;line-height:1.7}
.share-label-short{display:none}
@media(max-width:600px){.share-label-long{display:none}.share-label-short{display:inline}}
/* Text on small badges needs contrast as well as larger type. */
.tag-text.pink{color:#925171}.tag-text.blue{color:#466790}.tag-text.violet{color:#704a98}.tag-text.orange{color:#8b6134}
.person-info small>span{color:var(--ui-subtle)}
.people-heading h2>span,.conversations-title h2>span{color:#6036b5}
.industry-tag.violet,.pro-label{color:#704a98}
.industry-tag.pink{color:#8e5359}.industry-tag.blue{color:#466790}.industry-tag.orange{color:#8b6134}
.notification-filters>button>span{color:#623f85}
.privacy-banner .tiny-label{color:#795359}.privacy-banner .tiny-label b{background:#fff3e9;color:#6f4756}
.company-cover>small{color:#78545e}.form-dot{color:inherit}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--ui-subtle);opacity:1}
@media(max-width:800px){.mobile-nav>button{color:var(--ui-muted)}.mobile-nav>button.active{color:#6036c2}}
.mobile-nav>button>span{text-transform:capitalize}