@import url('./brand-font.css');
:root {--ink:#102D25;--green:#124E3D;--deep:#082F26;--muted:#52645E;--line:#DCE5DF;--white:#FFF;--mist:#F1F7F4;--citron:#DEFA63;--coral:#FF765E;--blue:#3663DC;--radius:18px;color-scheme:light}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:24px;scroll-padding-bottom:12px}
body {margin:0;background:#FFF;color:var(--ink);font-family:Familjen,Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input {font:inherit}
button,a,input {-webkit-tap-highlight-color:transparent}
button,a {touch-action:manipulation}
button {cursor:pointer}
a {color:inherit;text-decoration:none}
button {color:inherit}
svg {width:22px;height:22px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
img {max-width:100%;display:block}
h1,h2,h3,h4,p {margin:0}
h1,h2,h3,h4 {font-weight:600}
h1,h2 {letter-spacing:-.055em}
button:focus-visible,a:focus-visible,input:focus-visible {outline:3px solid #2864DB;outline-offset:4px}
button:disabled {cursor:default}
a:hover {text-decoration:underline;text-underline-offset:5px}
.skip {position:fixed;top:10px;left:12px;z-index:50;background:var(--ink);color:white;padding:12px 20px;transform:translateY(-160%)}
.skip:focus {transform:none}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shell {max-width:1512px;padding-inline:52px;margin-inline:auto}
.site-header {height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.brand {display:flex;align-items:center;gap:10px;font-size:36px;font-weight:600;letter-spacing:-.07em;line-height:1}
.brand img {width:38px;height:45px;object-fit:contain}
.brand:hover {text-decoration:none}
.header-note {margin-right:auto;margin-left:30px;color:var(--muted);font-size:14px}
.site-nav {display:flex;align-items:center;gap:30px;font-size:15px}
.pill-link,.solid-button,.outline-button {min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:12px 21px;border-radius:8px;border:1px solid transparent;font-size:15px;font-weight:500;line-height:1.35;text-align:center}
.pill-link {background:var(--ink);color:white}
.solid-button {background:var(--green);color:white}
.solid-button:hover,.pill-link:hover {background:#1B604B;text-decoration:none}
.outline-button {border-color:#AAC0B4;background:white;color:var(--green)}
.outline-button:hover {background:var(--mist)}
.solid-button svg,.outline-button svg,.pill-link svg {width:19px;height:19px}
.kicker {display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.kicker .dot {width:8px;height:8px;background:var(--green);border-radius:100%}
.hero {display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.55fr);gap:48px;align-items:center;padding-block:65px 38px}
.hero-copy {padding-block:25px;min-width:0}
.hero h1 {font-size:clamp(49px,4.7vw,73px);line-height:1.02;margin-top:28px}
.hero h1 span {display:block;color:var(--green);margin-top:15px}
.hero-lead {font-size:23px;line-height:1.35;letter-spacing:-.025em;max-width:420px;margin-top:29px}
.hero-description {color:var(--muted);font-size:17px;max-width:400px;margin-top:17px;line-height:1.6}
.hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.hero-small {display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--muted);margin-top:24px;max-width:370px}
.hero-small svg {width:17px;height:17px;margin-top:2px}
.workspace-wrap {position:relative;min-width:0;padding:13px;background:var(--deep);border-radius:23px;box-shadow:0 32px 60px -30px #143E3960}
.workspace-frame {background:white;border-radius:12px;overflow:hidden;min-width:0;--workspace-accent:#124E3D}
.workspace-top {display:flex;align-items:center;justify-content:space-between;gap:15px;height:49px;padding:0 20px;border-bottom:1px solid var(--line);background:#FFF;font-size:12px;color:var(--muted)}
.workspace-top-left {display:flex;align-items:center;gap:9px;color:var(--ink)}
.workspace-top-left svg {width:15px;height:15px}
.sample-label {display:flex;align-items:center;gap:7px}
.sample-label i {width:6px;height:6px;background:#39775D;border-radius:100%}
.workspace-layout {display:grid;grid-template-columns:153px minmax(0,1fr);min-height:634px}
.workspace-sidebar {background:#F1F7F4;padding:19px 10px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.workspace-company {display:flex;gap:9px;align-items:center;padding:0 6px 20px;font-size:14px;font-weight:600;line-height:1.2}
.company-mark {display:grid;place-items:center;width:30px;height:32px;background:var(--workspace-accent);color:white;border-radius:6px;font-size:16px;font-weight:500;flex:none}
.company-sub {font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}
.capability-nav {display:flex;flex-direction:column;gap:2px}
.capability-nav button {background:transparent;border:0;border-radius:6px;display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;min-height:38px;text-align:left;font-size:13px;white-space:nowrap}
.capability-nav svg {width:17px;height:17px}
.capability-nav button:hover {background:#E2EDE7}
.capability-nav button[aria-pressed=true] {background:var(--workspace-accent);color:white}
.nav-divider {height:1px;background:var(--line);margin:9px 7px}
.sidebar-bottom {display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-top:auto;padding:19px 7px 0}
.initials {display:inline-grid;place-items:center;border-radius:100%;height:29px;width:29px;background:#E3EAFF;color:#294299;font-size:12px;font-weight:600;flex:none}
.initials.coral {background:#FFE3DC;color:#813724}
.initials.green {background:#D9EAE0;color:#205F47}
.workspace-body {display:flex;flex-direction:column;min-width:0}
.workspace-view {padding:24px 22px 18px;flex:1;min-width:0;font-size:13px;line-height:1.5}
.view-eyebrow {font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.view-eyebrow .view-status {background:#E6EFE9;color:#315C47;padding:3px 8px;border-radius:4px;font-size:12px}
.view-eyebrow .view-status.coming {background:#EEF0FF;color:#3C4B90}
.view-title {font-size:26px;line-height:1.15;letter-spacing:-.035em}
.view-subtitle {color:var(--muted);font-size:13px;margin-top:8px}
.view-rule {height:1px;background:var(--line);margin:20px 0}
.section-label {font-size:12px;font-weight:600;letter-spacing:.035em;color:#52645E;text-transform:uppercase}
.dashboard-metrics {display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:21px}
.metric {padding:13px 12px;border:1px solid var(--line);border-radius:8px;background:#FFF}
.metric:first-child {background:#F0F8DE;border-color:#DEE9CA}
.metric b {font-weight:500;font-size:27px;letter-spacing:-.04em;line-height:1.1;display:block}
.metric span {font-size:12px;color:var(--muted);display:block;margin-top:6px}
.overview-row {display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--line);width:100%;border-inline:0;border-top:0;background:none;text-align:left}
.overview-row:hover .row-title {color:#257052}
.row-main {min-width:0;flex:1}
.row-title {font-weight:500;font-size:14px;display:block;line-height:1.3}
.row-caption {color:var(--muted);font-size:12px;margin-top:5px;display:block}
.row-tag {font-size:12px;border:1px solid var(--line);border-radius:4px;padding:3px 6px;white-space:nowrap;color:var(--muted)}
.overview-row>svg {width:17px;height:17px;color:#61776B}
.assistant-mini {border-radius:10px;background:var(--deep);color:white;margin-top:23px;padding:17px}
.assistant-identity {display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500}
.assistant-identity img {width:31px;height:35px;object-fit:contain;background:white;border-radius:9px;padding:3px}
.assistant-mini p {font-size:14px;line-height:1.5;margin-top:11px;color:#E2EDE7}
.assistant-mini button {border:0;background:var(--citron);color:#173D2F;min-height:38px;padding:8px 12px;border-radius:5px;font-size:13px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px}
.assistant-mini button svg {width:17px;height:17px}
.workspace-context {background:#F9FBFA;border-top:1px solid var(--line);padding:13px 21px;font-size:12px;line-height:1.4}
.context-tags {display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.context-tags button,.context-chip {background:white;border:1px solid #D4DFD7;border-radius:4px;padding:4px 7px;color:#30533F;font-size:12px;min-height:29px}
.context-tags button:hover {background:#E8F3DD}
.workspace-caption {display:flex;align-items:center;justify-content:space-between;gap:16px;color:#DDEDE4;font-size:12px;line-height:1.4;padding:13px 5px 0}
.workspace-caption span {display:flex;align-items:center;gap:7px}
.workspace-caption svg {width:15px;height:15px}
.workspace-caption button {border:0;padding:2px;color:#DDEDE4;background:none;text-decoration:underline;text-underline-offset:3px;font-size:12px;min-height:30px}
.under-hero {padding:21px 0 42px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line)}
.under-hero p {font-size:14px;color:var(--muted);max-width:680px}
.under-hero strong {color:var(--ink);font-weight:500}
.breadth-count {display:flex;align-items:center;gap:14px;flex:none}
.breadth-count b {font-size:38px;font-weight:500;letter-spacing:-.055em}
.breadth-count span {font-size:13px;line-height:1.4;max-width:115px}
.editorial-section {padding-block:105px}
.section-heading {display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:42px}
.section-heading h2 {font-size:clamp(36px,4.25vw,62px);line-height:1.06;max-width:780px}
.section-heading p {max-width:420px;color:var(--muted);font-size:18px;line-height:1.55}
.section-heading .kicker {margin-bottom:22px}
.capabilities-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px}
.capability-card {border-top:1px solid #BCCDCA;padding:26px 0 24px;display:flex;flex-direction:column;min-width:0}
.capability-card-head {display:flex;align-items:center;gap:13px}
.feature-icon {width:40px;height:40px;display:grid;place-items:center;background:#EDF3FF;color:#254FA9;border-radius:9px;flex:none}
.feature-icon.green {background:#E6F2E9;color:#215F40}
.feature-icon.coral {background:#FFE8E2;color:#93412A}
.capability-card h3 {font-size:22px;letter-spacing:-.03em}
.capability-card p {font-size:15px;color:var(--muted);line-height:1.55;margin-top:13px;max-width:37ch}
.competitor-line {font-size:12px;color:#506259;margin-top:17px;padding-top:14px;border-top:1px solid #E9EFEB;display:flex;flex-wrap:wrap;gap:5px 8px;line-height:1.5}
.competitor-line b {font-size:13px;color:#30493E;font-weight:500}
.capability-card .explore-label {display:flex;align-items:center;gap:7px;font-size:12px;margin-top:16px;color:#275E44}
.explore-label i {width:5px;height:5px;background:#275E44;border-radius:50%}
.explore-label.coming {color:#49539C}
.explore-label.coming i {background:#49539C}
.tools-note {font-size:13px;color:var(--muted);max-width:900px;margin-top:22px}
.connection-section {background:var(--deep);color:white;overflow:hidden}
.connection-section .shell {padding-block:91px}
.connection-section .section-heading {align-items:start}
.connection-section .kicker {color:var(--citron)}
.connection-section h2 {color:white}
.connection-section .section-heading>p {color:#C0D7C9;padding-top:39px}
.connection-section h2 em {font-style:normal;color:var(--citron)}
.connected-story {display:grid;grid-template-columns:1fr 1.07fr;gap:56px;align-items:start}
.story-steps {display:flex;flex-direction:column;gap:0}
.story-step {padding:24px 0;border-top:1px solid #386052;display:flex;gap:21px}
.step-number {font-size:13px;min-width:34px;width:34px;height:34px;border:1px solid #6A8A7D;display:grid;place-items:center;border-radius:100%;color:#D1E0D7}
.story-step h3 {font-size:24px;letter-spacing:-.025em;line-height:1.2}
.story-step p {font-size:16px;color:#C0D7C9;margin-top:10px;max-width:440px;line-height:1.55}
.story-step .small-links {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:12px;color:#D7E8DC}
.small-links span {border-bottom:1px solid #587765;padding-bottom:3px}
.agent-scene {background:#FFF;border-radius:15px;color:var(--ink);box-shadow:0 25px 50px #00140E33;overflow:hidden}
.agent-scene-top {display:flex;align-items:center;justify-content:space-between;gap:16px;background:#F1F7F4;padding:20px 25px;border-bottom:1px solid var(--line)}
.agent-scene-top .assistant-identity {font-size:18px}
.agent-scene-top img {width:35px;height:43px;background:white;padding:3px;border:1px solid #E0EAE3}
.concept-tag {font-size:12px;color:#3D538F;border:1px solid #B7C4E4;border-radius:5px;padding:4px 8px;white-space:nowrap}
.agent-conversation {padding:26px}
.user-prompt {margin-left:45px;background:#F0F4FA;border-radius:12px 12px 0 12px;padding:15px 18px;font-size:17px;line-height:1.4}
.agent-answer {margin-top:25px;font-size:16px;line-height:1.5}
.agent-answer b {font-weight:600}
.source-chips {display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.source-chips span {background:#EDF4EF;border:1px solid #D7E4D9;border-radius:5px;padding:6px 9px;font-size:12px;color:#30563F;display:flex;align-items:center;gap:6px}
.source-chips svg {width:14px;height:14px}
.action-plan {border:1px solid #D9E5DB;border-radius:9px;margin-top:24px;overflow:hidden}
.action-plan p {font-size:12px;color:var(--muted);padding:12px 15px;background:#F8FBF9}
.plan-row {display:flex;gap:10px;align-items:flex-start;padding:13px 15px;font-size:14px;border-top:1px solid #E7EDE8;line-height:1.4}
.plan-row svg {width:17px;height:17px;color:#326049;margin-top:1px}
.approval-controls {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.approval-controls button {min-height:44px;font-size:14px;padding:10px 15px}
.approval-controls .solid-button {flex:1}
.preview-response {font-size:13px;color:#38614C;min-height:40px;margin-top:14px;line-height:1.5}
.preview-note {color:#B6CFC0;font-size:13px;margin-top:21px;line-height:1.5;max-width:540px}
.human-section {padding-block:92px}
.human-heading {display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.human-heading h2 {font-size:clamp(38px,4.7vw,68px);line-height:1.05;max-width:760px}
.human-heading p {font-size:17px;line-height:1.6;color:var(--muted);max-width:330px}
.business-photo {position:relative;overflow:hidden;border-radius:14px;background:#184936}
.business-photo img {width:100%;height:auto;aspect-ratio:2.5;object-fit:cover}
.photo-caption {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
.photo-caption p {font-size:17px;max-width:670px;color:var(--muted)}
.photo-caption strong {color:var(--ink);font-weight:500}
.photo-caption .stamp {font-size:13px;display:flex;align-items:center;gap:11px;color:var(--green);white-space:nowrap}
.stamp svg {width:28px;height:28px}
.trust-section {background:#F2F7F5;padding-block:74px}
.trust-heading {display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}
.trust-heading h2 {font-size:44px;line-height:1.06}
.trust-heading p {font-size:16px;max-width:380px;color:var(--muted)}
.trust-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.trust-item {padding-top:22px;border-top:1px solid #B7C9C0}
.trust-item h3 {font-size:23px;margin-top:17px;letter-spacing:-.025em}
.trust-item p {font-size:16px;line-height:1.55;color:var(--muted);margin-top:11px}
.trust-status {font-size:12px;color:#275E44;display:inline-flex;gap:7px;align-items:center}
.trust-status::before {content:'';width:6px;height:6px;border-radius:100%;background:currentColor}
.trust-status.future {color:#4A569A}
.closing {padding-block:93px;display:flex;align-items:center;justify-content:space-between;gap:45px}
.closing h2 {font-size:clamp(42px,5.3vw,75px);line-height:1.01;max-width:780px}
.closing p {font-size:18px;color:var(--muted);margin-top:21px;max-width:650px}
.closing .solid-button {background:var(--citron);color:#173D2F;min-height:58px;flex:none;padding-inline:25px;box-shadow:inset 0 0 0 1px #D0E75F}
.closing .solid-button:hover {background:#D3EF53}
.site-footer {border-top:1px solid var(--line);padding-block:28px 35px}
.footer-line {display:flex;justify-content:space-between;align-items:center;gap:25px}
.footer-line .brand {font-size:28px}
.footer-line .brand img {height:34px;width:29px}
.footer-links {display:flex;gap:26px;font-size:14px}
.footer-note {font-size:12px;color:var(--muted);margin-top:25px;display:flex;justify-content:space-between;gap:20px}
.footer-note span {max-width:700px}
.workspace-notification {margin-top:9px;min-height:18px;font-size:12px;color:var(--green);line-height:1.5}
.screen-card {border:1px solid var(--line);border-radius:8px;padding:15px;margin-top:17px}
.screen-card h4 {font-size:17px;letter-spacing:-.02em}
.screen-card p {font-size:13px;color:var(--muted);margin-top:8px;line-height:1.55}
.screen-card.tint {background:#F2F8F4}
.inline-action {display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #AFC4B8;color:#25563F;border-radius:5px;background:white;min-height:36px;padding:8px 10px;margin-top:12px;font-size:13px}
.inline-action svg {width:15px;height:15px}
.inline-action:hover {background:#EDF5F0}
.inline-action.dark {background:var(--workspace-accent);color:white;border-color:var(--workspace-accent)}
.knowledge-row {display:flex;gap:12px;align-items:start;background:white;border:1px solid var(--line);border-radius:7px;padding:13px;margin-top:11px;text-align:left;width:100%}
.knowledge-row:hover {background:#F6FAF7}
.knowledge-row svg {color:#2F674B;width:22px;height:22px;margin-top:2px}
.knowledge-row b {font-weight:500;font-size:14px;display:block}
.knowledge-row small {display:block;font-size:12px;color:var(--muted);margin-top:4px}
.screen-list {padding-left:19px;margin:14px 0;font-size:13px;line-height:1.6}
.screen-list li+li {margin-top:8px}
.screen-chip {display:inline-flex;align-items:center;gap:6px;border-radius:4px;background:#E6F0E9;color:#315C45;padding:4px 7px;font-size:12px}
.mini-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.contact-card {border:1px solid var(--line);padding:13px;border-radius:8px}
.contact-card b {display:block;font-size:14px;margin-top:10px;font-weight:500}
.contact-card p {color:var(--muted);font-size:12px;margin-top:5px}
.contact-card button {font-size:12px}
.task-row {border:1px solid var(--line);border-radius:7px;display:flex;align-items:start;gap:10px;padding:12px;margin-top:10px}
.task-check {background:white;border:1px solid #9EB5A7;border-radius:5px;width:25px;height:25px;min-width:25px;display:grid;place-items:center;padding:2px}
.task-check[aria-pressed=true] {background:var(--green);color:white}
.task-check svg {width:16px;height:16px}
.task-row b {font-size:13px;font-weight:500}
.task-row small {display:block;color:var(--muted);font-size:12px;margin-top:3px}
.task-row.done b {text-decoration:line-through;color:var(--muted)}
.chat-message {display:flex;gap:9px;margin-top:20px}
.chat-message p {margin-top:4px;line-height:1.6;color:#3C5548}
.chat-message b {font-size:13px;font-weight:600}
.chat-message small {font-size:12px;color:var(--muted);margin-left:6px}
.chat-form {margin-top:20px;display:flex;gap:8px}
.chat-form input {border:1px solid #B8CBBF;min-width:0;width:100%;font-size:13px;border-radius:5px;padding:10px}
.chat-form button {border:0;border-radius:5px;background:var(--workspace-accent);color:white;width:42px;flex:none;display:grid;place-items:center}
.chat-form button svg {width:17px;height:17px}
.reply-list {max-height:150px;overflow:auto}
.sample-progress {height:5px;background:#E0EAE3;border-radius:5px;overflow:hidden;margin-top:15px}
.sample-progress span {display:block;height:100%;background:var(--green);transition:width .2s}
.brand-choices {display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.brand-choice {min-height:40px;border-radius:5px;border:1px solid #9CB2A4;background:white;display:flex;align-items:center;gap:7px;padding:7px 10px;font-size:12px}
.brand-choice i {height:15px;width:15px;border-radius:100%}
.brand-choice[aria-pressed=true] {box-shadow:0 0 0 2px var(--ink)}
.portal-banner {background:var(--workspace-accent);border-radius:8px;padding:19px;color:white;margin-top:19px}
.portal-banner h4 {font-size:20px;letter-spacing:-.03em}
.portal-banner p {font-size:13px;color:#DFEBE6;margin-top:9px}
.preview-disclosure {font-size:12px;color:#556759;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
.back-button {display:inline-flex;gap:5px;align-items:center;background:transparent;border:0;padding:5px 0 10px;font-size:12px;color:var(--green)}
.back-button svg {width:15px;height:15px}
.capability-info {font-size:12px;color:#4A6255;margin-top:16px;line-height:1.6}
.capability-info strong {font-weight:500;color:var(--ink)}
.hero-copy,.workspace-wrap {animation:arrive .6s ease-out both}
.workspace-wrap {animation-delay:.1s}
@keyframes arrive {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.workspace-view.changed {animation:view-in .22s ease-out both}
@keyframes view-in {from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1600px) {
  .hero {gap:70px;grid-template-columns:.95fr 1.55fr}
  .workspace-layout {grid-template-columns:170px minmax(0,1fr)}
  .capability-nav button {font-size:14px}
}
@media(max-width:1200px) {
  .shell {padding-inline:34px}
  .hero {gap:28px;grid-template-columns:minmax(290px,.76fr) minmax(0,1.35fr)}
  .hero h1 {font-size:55px}
  .hero-lead {font-size:21px}
  .workspace-layout {grid-template-columns:136px minmax(0,1fr)}
  .workspace-view {padding:21px 17px 16px}
  .capability-nav button {gap:7px;padding-inline:6px}
  .workspace-sidebar {padding-inline:7px}
  .workspace-top {padding-inline:16px}
  .workspace-caption {align-items:start}
  .workspace-caption>span {max-width:250px}
  .connected-story {gap:34px}
  .section-heading {gap:35px}
  .capabilities-grid {gap:0 26px}
  .workspace-company {font-size:13px}
  .company-mark {width:27px}
  .metric {padding:11px 9px}
  .metric span {font-size:12px}
}
@media(max-width:1050px) {
  .header-note {display:none}
  .hero {grid-template-columns:1fr;gap:38px;padding-top:45px}
  .hero-copy {display:grid;grid-template-columns:1.1fr 1fr;gap:0 42px;padding:0;align-items:start}
  .hero-copy>.kicker {grid-column:1/-1}
  .hero h1 {grid-column:1;grid-row:2/6;font-size:57px;margin-top:23px}
  .hero-lead {grid-column:2;margin-top:27px;font-size:23px}
  .hero-description,.hero-actions,.hero-small {grid-column:2}
  .hero-actions {margin-top:20px}
  .hero-small {margin-top:15px}
  .workspace-layout {grid-template-columns:190px minmax(0,1fr);min-height:633px}
  .workspace-view {padding:26px 30px}
  .capability-nav button {min-height:39px;padding-inline:12px;font-size:14px}
  .workspace-sidebar {padding:22px 13px}
  .workspace-company {font-size:15px}
  .workspace-caption>span {max-width:none}
  .workspace-context {padding-inline:30px}
  .section-heading h2 {font-size:47px}
  .connected-story {gap:29px}
  .agent-conversation {padding:22px}
  .agent-scene-top {padding:18px 22px}
  .user-prompt {margin-left:20px}
  .human-heading h2 {font-size:49px}
  .human-heading p {max-width:280px}
  .trust-heading h2 {font-size:40px}
  .trust-grid {gap:24px}
  .closing h2 {font-size:56px}
}
@media(max-width:800px) {
  .shell {padding-inline:26px}
  .site-header {height:86px}
  .hero-copy {gap:0 30px}
  .hero h1 {font-size:51px}
  .hero-lead {font-size:21px}
  .hero-description {font-size:16px}
  .hero-actions {display:block}
  .hero-actions .outline-button {margin-top:10px}
  .hero-small {font-size:12px}
  .workspace-layout {grid-template-columns:169px minmax(0,1fr)}
  .workspace-view {padding:23px}
  .workspace-context {padding-inline:23px}
  .under-hero {align-items:start}
  .section-heading {grid-template-columns:1fr;gap:20px;margin-bottom:33px}
  .section-heading p {max-width:650px;font-size:17px}
  .editorial-section {padding-block:70px}
  .capabilities-grid {grid-template-columns:repeat(2,1fr);gap:0 28px}
  .connection-section .shell {padding-block:65px}
  .connection-section .section-heading>p {padding-top:0}
  .connected-story {grid-template-columns:1fr;gap:30px}
  .story-steps {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .story-step {display:block;padding-top:20px}
  .story-step h3 {font-size:21px;margin-top:17px}
  .story-step p {font-size:14px}
  .story-step .small-links {font-size:12px}
  .agent-scene {max-width:590px;margin-inline:auto;width:100%}
  .agent-conversation {padding:27px}
  .preview-note {max-width:590px;margin-inline:auto}
  .human-section {padding-block:68px}
  .human-heading {display:block}
  .human-heading h2 {font-size:48px;max-width:600px}
  .human-heading p {max-width:520px;margin-top:20px}
  .business-photo img {aspect-ratio:1.75;object-position:51% center}
  .photo-caption .stamp {display:none}
  .trust-heading {display:block}
  .trust-heading p {max-width:600px;margin-top:19px}
  .trust-grid {gap:22px}
  .trust-item h3 {font-size:21px}
  .trust-item p {font-size:15px}
  .closing {padding-block:67px}
  .closing h2 {font-size:46px}
  .closing .solid-button {padding-inline:19px;font-size:14px;gap:16px}
}
@media(max-width:600px) {
  .shell {padding-inline:20px}
  .site-header {height:78px}
  .brand {font-size:31px;gap:7px}
  .brand img {height:39px;width:32px}
  .site-nav {gap:16px;font-size:13px}
  .site-nav>a:first-child {display:none}
  .pill-link {font-size:13px;min-height:43px;padding:10px 14px;gap:14px}
  .hero {padding-block:38px 27px;gap:29px}
  .hero-copy {display:block}
  .hero h1 {font-size:clamp(45px,11.55vw,69px);max-width:500px;margin-top:21px;line-height:1.015}
  .hero h1 span {margin-top:12px}
  .kicker {font-size:12px;letter-spacing:.065em;gap:8px}
  .hero-lead {font-size:24px;margin-top:23px;max-width:430px}
  .hero-description {font-size:16px;margin-top:14px;max-width:470px}
  .hero-actions {display:flex;gap:10px;margin-top:23px}
  .hero-actions .outline-button {margin:0}
  .hero-actions a,.hero-actions button {font-size:13px;padding-inline:15px;min-height:47px;gap:12px}
  .hero-small {max-width:none;margin-top:20px;font-size:12px}
  .workspace-wrap {padding:8px;border-radius:16px;margin-inline:-6px}
  .workspace-frame {border-radius:9px}
  .workspace-top {height:47px;padding-inline:12px;gap:8px}
  .sample-label {font-size:12px}
  .workspace-top-left {font-size:12px;gap:6px}
  .workspace-layout {grid-template-columns:1fr;min-height:0}
  .workspace-sidebar {padding:14px 12px;border:0;border-bottom:1px solid var(--line)}
  .workspace-company {padding:0 0 13px;font-size:14px}
  .company-mark {height:29px;width:29px}
  .company-sub {display:none}
  .capability-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .capability-nav button {min-height:40px;font-size:12px;padding:7px 6px;gap:6px;background:white;border:1px solid #D5E1D9;white-space:normal;line-height:1.2}
  .capability-nav button:first-child {grid-column:1/-1;min-height:36px;justify-content:center}
  .capability-nav svg {width:15px;height:15px}
  .nav-divider,.sidebar-bottom {display:none}
  .workspace-view {padding:22px 17px;min-height:495px}
  .workspace-context {padding:13px 17px}
  .workspace-caption {display:block;padding:12px 5px 2px;font-size:12px}
  .workspace-caption>span {display:block;line-height:1.5}
  .workspace-caption>span svg {display:none}
  .workspace-caption button {margin-top:4px}
  .view-title {font-size:26px}
  .dashboard-metrics {gap:8px}
  .metric {padding:12px 10px}
  .metric b {font-size:25px}
  .metric span {font-size:12px}
  .row-tag {display:none}
  .overview-row {gap:10px;padding-block:14px}
  .row-title {font-size:14px}
  .row-caption {font-size:12px}
  .assistant-mini {padding:16px;margin-top:21px}
  .assistant-mini p {font-size:14px}
  .assistant-mini button {min-height:42px}
  .under-hero {display:block;padding-block:13px 30px}
  .under-hero p {font-size:13px}
  .breadth-count {margin-top:19px;gap:10px}
  .breadth-count b {font-size:32px}
  .breadth-count span {max-width:none;font-size:13px}
  .editorial-section {padding-block:59px}
  .section-heading h2 {font-size:39px;line-height:1.075}
  .section-heading p {font-size:16px}
  .section-heading .kicker {margin-bottom:17px}
  .capabilities-grid {grid-template-columns:1fr;gap:0}
  .capability-card {padding:21px 0}
  .capability-card-head {gap:11px}
  .feature-icon {height:35px;width:35px;border-radius:8px}
  .feature-icon svg {height:21px;width:21px}
  .capability-card h3 {font-size:23px}
  .capability-card p {font-size:16px;max-width:none;margin-top:12px}
  .competitor-line {margin-top:14px;padding-top:0;border:0;font-size:12px}
  .competitor-line b {font-size:13px}
  .capability-card .explore-label {margin-top:12px}
  .connection-section .shell {padding-block:56px}
  .connection-section .section-heading h2 {font-size:39px}
  .story-steps {display:block}
  .story-step {display:flex;gap:18px;padding:22px 0}
  .story-step h3 {margin:0;font-size:23px}
  .story-step p {font-size:16px;line-height:1.5}
  .story-step .small-links {font-size:12px}
  .connected-story {gap:18px}
  .agent-scene-top {padding:17px;gap:8px}
  .agent-scene-top .assistant-identity {font-size:17px}
  .concept-tag {font-size:12px;padding:3px 6px}
  .agent-conversation {padding:19px}
  .user-prompt {margin-left:12px;font-size:16px;padding:13px 15px}
  .agent-answer {font-size:15px;margin-top:21px}
  .source-chips {gap:6px}
  .source-chips span {font-size:12px;padding:5px 7px}
  .plan-row {padding:12px;font-size:13px}
  .action-plan p {padding:11px 12px}
  .approval-controls {gap:9px}
  .approval-controls button {font-size:13px;padding-inline:12px}
  .preview-response {font-size:12px;min-height:54px}
  .preview-note {font-size:13px}
  .human-section {padding-block:55px}
  .human-heading h2 {font-size:41px}
  .human-heading p {font-size:16px}
  .business-photo {border-radius:10px}
  .business-photo img {aspect-ratio:1.1;object-position:45% center}
  .photo-caption p {font-size:16px}
  .trust-section {padding-block:54px}
  .trust-heading h2 {font-size:37px}
  .trust-heading p {font-size:16px}
  .trust-grid {grid-template-columns:1fr;gap:26px}
  .trust-item {padding-top:20px}
  .trust-item h3 {font-size:25px;margin-top:14px}
  .trust-item p {font-size:16px}
  .closing {display:block;padding-block:58px}
  .closing h2 {font-size:44px}
  .closing p {font-size:17px;margin-top:19px}
  .closing .solid-button {margin-top:26px;font-size:15px;min-height:52px;padding-inline:23px}
  .footer-line {align-items:start}
  .footer-links {font-size:13px;gap:16px}
  .footer-note {display:block;line-height:1.6;font-size:12px}
  .footer-note>span {display:block}
  .footer-note>span+span {margin-top:13px}
  .mini-grid {gap:8px}
  .contact-card {padding:11px}
  .contact-card .inline-action {font-size:12px;padding:7px}
  .user-prompt,.screen-card,.view-title,.row-main {overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {animation:none!important;transition:none!important}
}
@media print {
  .site-nav,.hero-actions,.capability-nav,.approval-controls,.footer-links {display:none}
  .shell {padding:0;max-width:none}
  .hero {display:block}
  .hero-copy {display:block}
  .hero h1 {font-size:38px}
  .workspace-wrap {margin-top:25px;box-shadow:none}
  .workspace-layout {grid-template-columns:1fr}
  .workspace-sidebar {display:none}
  .editorial-section,.human-section,.trust-section,.closing {padding-block:25px}
  .connection-section {background:white;color:black}
  .connection-section h2,.connection-section h2 em {color:black}
  .capability-card,.agent-scene {break-inside:avoid}
}
.intelligence-section {padding-block:96px 10px;background:white}
.intelligence-top {text-align:center;max-width:850px;margin-inline:auto}
.intelligence-top .kicker {justify-content:center;color:var(--green)}
.intelligence-top h2 {font-size:clamp(42px,5.7vw,80px);line-height:1.01;margin-top:24px}
.intelligence-top h2 span {color:var(--green)}
.intelligence-top>p:last-child {font-size:19px;line-height:1.55;color:var(--muted);max-width:655px;margin:25px auto 0}
.living-canvas {margin-top:48px;border:1px solid #D5E3DB;border-radius:20px;background:#FAFDFC;overflow:hidden;box-shadow:0 20px 50px -40px #194B38}
.canvas-topline {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 28px;border-bottom:1px solid #E0EAE3;font-size:13px;font-weight:500}
.canvas-mode {color:var(--muted);font-size:12px;font-weight:400}
.knowledge-field {height:280px;position:relative;margin:18px 55px 0}
.connection-lines {position:absolute;inset:0;width:100%;height:100%;stroke-width:1;stroke:#A8C5B4;overflow:visible;z-index:0}
.connection-lines path {vector-effect:non-scaling-stroke}
.connection-lines .moving-signal {stroke:#2B754D;stroke-width:2.5;stroke-dasharray:20 1200;stroke-dashoffset:1300;opacity:0}
.signal-node {position:absolute;z-index:2;background:white;border:1px solid #CBDDD1;box-shadow:0 4px 15px #153F2A05;border-radius:9px;padding:15px 18px;display:flex;gap:13px;align-items:center;min-width:215px;transition:border-color .3s,box-shadow .3s,transform .3s}
.signal-node>svg {height:24px;width:24px;color:#34634A}
.signal-node b {font-size:16px;line-height:1.2;font-weight:500;display:block;letter-spacing:-.02em}
.signal-node span {font-size:12px;color:var(--muted);display:block;margin-top:6px;line-height:1.3}
.signal-people {left:0;top:18px}
.signal-knowledge {left:8%;bottom:25px}
.signal-conversation {right:0;top:18px}
.signal-work {right:8%;bottom:25px}
.intelligence-core {position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:145px;height:145px;display:grid;place-items:center;z-index:1}
.core-face {position:relative;z-index:2;width:96px;height:108px;display:grid;place-items:center;border-radius:30px;background:var(--deep);box-shadow:0 12px 25px #092D2738,0 0 0 1px #27624D,inset 0 2px 0 #FFFFFF15;transition:box-shadow .18s ease}
.core-face img {width:56px;height:74px;object-fit:contain;background:white;border-radius:18px;padding:5px}
.core-ring {position:absolute;inset:0;border:1px solid #BFD5C6;border-radius:100%}
.ring-two {inset:-23px;border-style:dashed;border-color:#CEDFD3}
.intelligence-core>span {position:absolute;top:calc(100% + 23px);left:50%;transform:translateX(-50%);font-size:12px;color:#3B6550;white-space:nowrap;background:#FAFDFC;padding:3px 9px}
.conversation-launch {text-align:center;margin:10px auto 0;padding-inline:28px;max-width:670px}
.conversation-launch button {background:white;border:1px solid #B4CEC0;box-shadow:0 8px 26px #153D2A0A;border-radius:12px;padding:17px 20px;display:flex;align-items:center;gap:17px;width:100%;text-align:left;transition:border-color .2s,box-shadow .2s}
.conversation-launch button:hover {border-color:#3F7858;box-shadow:0 8px 26px #153D2A18}
.voice-orb {height:46px;width:46px;display:grid;place-items:center;border-radius:100%;background:var(--citron);color:#224C35;flex:none}
.voice-orb svg {height:23px;width:23px}
.conversation-launch button small {display:block;font-size:12px;color:var(--muted);line-height:1.4;margin-bottom:5px}
.conversation-launch button b {font-weight:500;font-size:21px;letter-spacing:-.02em;line-height:1.2;display:block}
.play-flow {margin-left:auto;color:#396A4E;transition:color .18s ease}
.play-flow svg {height:20px;width:20px}
.conversation-launch>p {font-size:13px;color:var(--muted);margin-top:13px}
.flow-outcomes {display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:36px 40px 25px;margin-top:24px;border-top:1px solid #DEE9E1;background:white}
.flow-outcomes>div {border-top:3px solid #E4EBE7;padding-top:17px;transition:border-color .3s}
.outcome-icon {display:block;margin-bottom:10px;color:#476B55}
.outcome-icon svg {width:24px;height:24px}
.flow-outcomes b {font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.025em;display:block}
.flow-outcomes p {font-size:14px;color:var(--muted);margin-top:8px;line-height:1.5;max-width:300px}
.flow-status {padding:0 40px 25px;font-size:13px;color:#3C654D;line-height:1.5;background:white;min-height:50px}
/* A text swap in the hero fades out, the words change, and it fades back in: .09s each way (intelligence-motion.js waits the same .09s). */
.flow-status,.conversation-launch button small {transition:opacity .09s linear}
.flow-status.is-swap,.conversation-launch button small.is-swap {opacity:0}
/* Each step hands its motion to the next; none removes a motion that is still running. The voice pulse (2 x .5s) plays out whole across
   listen > understand > connect > ready; the travelling signals fade in and out inside their own run (see signal-travel); the second one
   carries its .12s delay from the first step on, so nothing shifts while it runs. */
.living-canvas[data-step=listen] .voice-orb,.living-canvas[data-step=understand] .voice-orb,.living-canvas[data-step=connect] .voice-orb,.living-canvas[data-step=ready] .voice-orb {animation:voice-pulse .5s ease-in-out 2}
.living-canvas[data-step=understand] .signal-people,.living-canvas[data-step=understand] .signal-conversation,.living-canvas[data-step=connect] .signal-knowledge,.living-canvas[data-step=ready] .signal-work {border-color:#498664;box-shadow:0 0 0 3px #D3F08C4D;transform:translateY(-3px)}
.living-canvas[data-step=understand] .moving-signal,.living-canvas[data-step=connect] .moving-signal,.living-canvas[data-step=ready] .moving-signal {animation:signal-travel 1.2s ease-in-out}
.living-canvas[data-step=understand] .moving-signal.second,.living-canvas[data-step=connect] .moving-signal.second,.living-canvas[data-step=ready] .moving-signal.second {animation-delay:.12s}
.living-canvas[data-step=understand] .flow-outcomes>div:first-child,.living-canvas[data-step=connect] .flow-outcomes>div:nth-child(-n+2),.living-canvas[data-step=ready] .flow-outcomes>div {border-color:#39734F}
.living-canvas[data-step=ready] .core-face {box-shadow:0 12px 28px #092D2738,0 0 0 5px #DEFA63}
.living-canvas[data-step=ready] .play-flow {color:#1C5134}
@keyframes voice-pulse {50%{box-shadow:0 0 0 8px #DEFA634D;transform:scale(1.06)}}
@keyframes signal-travel {0%{stroke-dashoffset:1200;opacity:0}14%{opacity:1}86%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:1050px) {
  .knowledge-field {margin-inline:30px}
  .signal-node {min-width:195px;padding:13px 15px;gap:10px}
  .signal-knowledge {left:1%}
  .signal-work {right:1%}
  .intelligence-core {width:120px;height:120px}
  .ring-two {inset:-17px}
  .core-face {width:86px;height:97px}
  .core-face img {height:65px;width:51px}
  .intelligence-core>span {font-size:12px;top:calc(100% + 24px)}
}
@media(max-width:800px) {
  .intelligence-section {padding-top:64px}
  .intelligence-top h2 {font-size:54px}
  .intelligence-top>p:last-child {font-size:17px;max-width:600px}
  .living-canvas {margin-top:33px}
  .knowledge-field {height:300px;margin:15px 20px 0}
  .signal-node {min-width:175px;padding:12px 13px}
  .signal-node b {font-size:14px}
  .signal-node span {font-size:12px;max-width:140px}
  .signal-node>svg {width:20px;height:20px}
  .signal-people,.signal-conversation {top:10px}
  .signal-knowledge,.signal-work {bottom:14px}
  .intelligence-core {top:45%;width:98px;height:98px}
  .core-face {width:72px;height:81px;border-radius:23px}
  .core-face img {width:45px;height:60px;border-radius:14px}
  .intelligence-core>span {top:calc(100% + 12px)}
  .flow-outcomes {gap:22px;padding-inline:26px}
  .flow-outcomes b {font-size:17px}
  .flow-outcomes p {font-size:14px}
  .flow-status {padding-inline:26px}
  .conversation-launch {margin-top:20px}
  .canvas-topline {padding-inline:23px}
}
@media(max-width:600px) {
  .intelligence-section {padding-top:53px}
  .intelligence-top {text-align:left}
  .intelligence-top .kicker {justify-content:flex-start}
  .intelligence-top h2 {font-size:43px;margin-top:18px;line-height:1.03}
  .intelligence-top>p:last-child {font-size:16px;margin-top:20px}
  .living-canvas {border-radius:12px;margin-top:28px}
  .canvas-topline {display:block;padding:16px 17px;font-size:13px}
  .canvas-mode {display:block;font-size:12px;margin-top:5px}
  .knowledge-field {height:324px;margin:15px 12px 0}
  .signal-node {width:calc(50% - 5px);min-width:0;padding:12px 9px;gap:8px;align-items:flex-start;border-radius:7px}
  .signal-node>svg {width:17px;height:17px;margin-top:2px}
  .signal-node b {font-size:13px;line-height:1.2}
  .signal-node span {font-size:12px;margin-top:5px;max-width:none;line-height:1.3}
  .signal-people {left:0;top:0}
  .signal-conversation {right:0;top:0}
  .signal-knowledge {left:0;bottom:0}
  .signal-work {right:0;bottom:0}
  .intelligence-core {top:46%;width:100px;height:100px}
  .intelligence-core>span {font-size:12px;top:calc(100% + 17px)}
  .core-face {width:74px;height:83px}
  .connection-lines {height:100%;width:100%}
  .conversation-launch {padding-inline:13px;margin-top:23px}
  .conversation-launch button {padding:13px 11px;gap:11px;border-radius:8px}
  .voice-orb {width:36px;height:36px}
  .voice-orb svg {width:19px;height:19px}
  .conversation-launch button small {font-size:12px}
  .conversation-launch button b {font-size:16px;line-height:1.3}
  .play-flow svg {width:15px;height:15px}
  .conversation-launch>p {font-size:12px;padding-inline:5px}
  .flow-outcomes {grid-template-columns:1fr;gap:19px;padding:23px 17px 20px;margin-top:21px}
  .flow-outcomes>div {display:grid;grid-template-columns:28px 1fr;column-gap:9px;padding-top:14px;border-top-width:2px}
  .outcome-icon {grid-row:1/3;margin:0}
  .outcome-icon svg {height:20px;width:20px}
  .flow-outcomes b {font-size:17px}
  .flow-outcomes p {font-size:14px;margin-top:7px;max-width:none}
  .flow-status {padding:0 17px 22px;font-size:12px;min-height:58px}
}
@media(prefers-reduced-motion:reduce) {
  .living-canvas * {animation:none!important;transition:none!important}
}
textarea {font:inherit;color:inherit;resize:vertical}
textarea:focus-visible,summary:focus-visible {outline:3px solid #2864DB;outline-offset:4px}
[hidden] {display:none!important}
.scenario-ribbon {padding:16px 21px;border-bottom:1px solid var(--line);background:#F2F7F4;display:flex;gap:12px;align-items:center;justify-content:space-between}
.scenario-ribbon strong {display:block;font-size:15px;line-height:1.35;margin-top:3px}
.scenario-kicker {font-size:12px;color:#52645E}
.scenario-choices {display:flex;gap:4px;padding:4px;border:1px solid #BED2C4;border-radius:8px;background:white;flex:none}
.scenario-choices button {font-size:12px;min-height:36px;padding:7px 10px;border:0;background:transparent;border-radius:5px;white-space:nowrap}
.scenario-choices button[aria-pressed=true] {background:var(--green);color:white}
.workspace-view {min-height:550px}
.bisbe-bar {padding:16px 20px 13px;background:var(--deep);color:white;border-top:3px solid var(--citron);margin-top:auto}
.bar-identity {display:flex;align-items:center;gap:8px;font-size:13px}
.bar-identity img {background:white;border-radius:6px;padding:3px;object-fit:contain}
.bar-identity b {font-weight:500}
.bar-identity>span {font-size:12px;color:#C5DAD0;margin-left:auto}
.bar-modes {display:flex;gap:7px;margin:13px 0 10px;flex-wrap:wrap}
.bar-modes button {display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #6D9482;background:transparent;color:#E9F3ED;border-radius:5px;min-height:36px;padding:7px 11px;font-size:12px}
.bar-modes button[aria-pressed=true] {background:var(--citron);border-color:var(--citron);color:#163C2E}
.bar-modes svg {width:15px;height:15px}
.bisbe-bar form {display:flex;gap:7px;background:white;border:1px solid #DBE7DE;border-radius:7px;padding:5px}
.bisbe-bar input {width:100%;min-width:0;border:0;background:white;color:var(--ink);padding:9px 7px;font-size:13px}
.bisbe-bar input::placeholder {color:#52645E}
.bisbe-bar form>button {display:grid;place-items:center;border:0;background:var(--citron);color:#163C2E;border-radius:4px;width:40px;min-height:40px;flex:none}
.bisbe-bar form>button svg {width:20px;height:20px}
.bar-disclosure {font-size:12px;color:#C5DAD0;margin-top:9px}
.bar-voice,.bar-transcript {border:1px solid #6D9482;border-radius:7px;padding:13px;font-size:13px;background:#103F32}
.bar-voice p {line-height:1.6}
.bar-voice button,.bar-transcript button {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;background:var(--citron);color:#163C2E;border:0;border-radius:5px;font-size:13px;text-align:left;padding:9px 12px;margin-top:13px}
.bar-voice button svg,.bar-transcript button svg {width:16px;height:16px}
.voice-wave {height:24px;display:flex;align-items:center;gap:4px;margin-bottom:10px}
.voice-wave i {width:3px;height:8px;background:var(--citron);border-radius:3px}
.voice-wave i:nth-child(2n) {height:16px}
.voice-wave i:nth-child(3n) {height:24px}
.bar-transcript>div {display:flex;flex-direction:column;gap:3px;border-bottom:1px solid #507F69;padding-bottom:9px;margin-bottom:11px}
.bar-transcript>div>span {font-size:12px;color:#C5DAD0}
.bar-transcript p {margin-top:9px;line-height:1.55}
.bar-transcript p strong {color:var(--citron);font-weight:500;margin-right:6px}
.scenario-request {background:#EEF1FF;border-left:3px solid #4062BC;border-radius:0 6px 6px 0;padding:12px;margin-top:17px}
.scenario-request small {font-size:12px;color:#344C8C}
.scenario-request p {font-size:13px;margin-top:4px;overflow-wrap:anywhere}
.plan-preview {margin-top:15px;display:grid;gap:13px}
.plan-preview>div {display:flex;gap:10px}
.plan-preview>div>span {display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#E8F1E9;color:#28533D;font-size:12px;flex:none}
.plan-preview p {margin:0!important;color:var(--muted);font-size:13px}
.plan-preview b {display:block;color:var(--ink);font-weight:500}
.reply-preview {margin-top:15px;font-size:13px;border-block:1px solid var(--line);padding-block:11px}
.reply-preview summary {cursor:pointer;color:#25563F}
.reply-preview p {overflow-wrap:anywhere}
.scenario-result {padding:17px 15px;background:#EEF7E5;border:1px solid #AEC995;border-radius:8px;margin-top:20px}
.result-heading {display:flex;gap:9px;align-items:center;font-size:16px}
.result-heading>svg {width:20px;height:20px}
.scenario-result>p {font-size:13px;line-height:1.55;margin-top:9px}
.scenario-result>small {display:block;font-size:12px;color:#456136;margin-top:12px}
.result-links {display:grid;gap:6px;margin-top:14px}
.result-links button {display:flex;align-items:center;gap:8px;background:white;border:1px solid #C4D4B4;border-radius:5px;padding:10px;font-size:13px;min-height:40px;text-align:left}
.result-links svg {width:17px;height:17px}
.manual-scenario {border:1px solid #ADC4DE;padding:16px;border-radius:8px;background:#F4F7FF;margin-top:20px}
.manual-scenario h4 {font-size:18px;line-height:1.3;margin-top:12px}
.manual-scenario>p {font-size:13px;color:#52645E;margin-top:8px}
.manual-scenario label {display:block;font-weight:500;font-size:13px;margin:16px 0 7px}
.manual-scenario textarea {display:block;width:100%;border:1px solid #9DB4CB;border-radius:5px;background:white;padding:11px;font-size:13px;line-height:1.55;min-height:114px}
.delegation-invite {margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}
.delegation-invite>p {font-size:14px;margin-top:9px}
.delegation-invite button {text-align:left;justify-content:space-between;line-height:1.4}
.delegation-card {margin-top:18px;padding:16px;border-radius:9px;border:1px solid #A6B8ED;background:#F4F6FF}
.delegation-card h4 {font-size:18px;margin-top:13px}
.delegation-card .assistant-identity {margin-top:15px;font-size:17px}
.delegation-card>p {font-size:13px;line-height:1.6;margin-top:10px}
.handoff-rules {margin:15px 0 0;font-size:13px;display:grid;gap:11px}
.handoff-rules>div {display:grid;grid-template-columns:90px 1fr;gap:10px}
.handoff-rules dt {font-weight:500;color:#324D8A}
.handoff-rules dd {margin:0;color:#52645E}
.handoff-activity {display:grid;gap:4px;font-size:13px;border-left:2px solid #4062BC;padding-left:12px;margin-top:14px}
.handoff-activity span {color:#52645E;margin-bottom:8px}
.handoff-activity b {font-weight:500}
.handoff-story {margin-top:65px;padding-top:45px;border-top:1px solid #BCCDCA;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px}
.handoff-copy h3 {font-size:clamp(31px,3.2vw,46px);line-height:1.12;letter-spacing:-.045em;margin-top:19px}
.handoff-copy>p {font-size:17px;color:var(--muted);line-height:1.6;max-width:440px;margin-top:19px}
.handoff-copy>button {font-size:14px;line-height:1.4;margin-top:23px;text-align:left}
.handoff-illustration {padding:30px 27px;border-radius:17px;background:#F0F5FF;border:1px solid #B5C5E6}
.handoff-note {display:flex;align-items:start;gap:13px}
.handoff-note small {font-size:12px;color:#4B617F;display:block}
.handoff-note b {font-size:19px;font-weight:500;line-height:1.35;display:block;margin-top:6px;letter-spacing:-.025em}
.human-note {padding-right:24px}
.handoff-thread {display:flex;align-items:center;gap:12px;margin:19px 0 19px 44px;color:#4D6A9E}
.handoff-thread span {height:1px;background:#9FB5DE;flex:1}
.handoff-thread svg {width:20px;height:20px;transform:rotate(90deg)}
.bisbe-note {background:var(--deep);border-radius:11px;color:white;padding:19px}
.bisbe-note img {background:white;border-radius:8px;padding:4px;flex:none}
.bisbe-note small {color:#C5DAD0}
.bisbe-note p {font-size:14px;color:#DAEBDD;line-height:1.55;margin-top:10px}
.handoff-receipt {display:flex;gap:9px;align-items:start;font-size:13px;color:#365476;margin-top:19px}
.handoff-receipt svg {width:17px;height:17px;margin-top:2px}
@media(min-width:1051px) {
  .scenario-ribbon {display:block}
  .scenario-choices {width:max-content;margin-top:10px}
  .hero {align-items:start}
  .hero-copy {position:sticky;top:35px}
  .workspace-view {padding-inline:20px}
}
@media(max-width:800px) {
  .handoff-story {gap:30px;margin-top:45px}
  .handoff-copy h3 {font-size:34px}
  .handoff-copy>p {font-size:16px}
  .handoff-illustration {padding:21px 18px}
  .handoff-note b {font-size:17px}
}
@media(max-width:600px) {
  .scenario-ribbon {padding:15px 17px;display:block}
  .scenario-choices {margin-top:11px;width:100%}
  .scenario-choices button {flex:1;min-height:40px}
  .workspace-view {min-height:0}
  .bisbe-bar {padding:16px 17px 13px}
  .bar-modes {gap:6px}
  .bar-modes button {padding-inline:9px;flex:1;min-height:40px}
  .bar-identity>span {font-size:12px}
  .bar-identity b {font-size:13px}
  .handoff-rules>div {grid-template-columns:1fr;gap:3px}
  .handoff-story {grid-template-columns:1fr;gap:28px;padding-top:31px;margin-top:39px}
  .handoff-copy h3 {font-size:35px}
  .handoff-copy>p {font-size:16px}
  .handoff-copy>button {font-size:13px;padding:11px 14px;gap:10px}
  .handoff-illustration {padding:23px 18px}
  .handoff-note b {font-size:18px}
  .human-note {padding-right:0}
  .bisbe-note {padding:16px}
  .manual-scenario {padding:13px}
  .scenario-result {padding:15px 13px}
  .delegation-card {padding:14px}
  .delegation-invite .inline-action {width:100%}
}
.hero h1,.hero h1>span {text-wrap:balance}
.workspace-view {height:550px;min-height:0;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-gutter:stable;flex:none}
.conversation-transcript {background:#EDF2FF;border-left:3px solid #657ED4;border-radius:0 8px 8px 0;padding:17px 18px;color:#162D48}
.conversation-transcript>span {font-size:12px;color:#3F5482}
.conversation-transcript p {font-size:15px;line-height:1.65;margin-top:13px}
.conversation-transcript b {font-weight:600;margin-right:7px;color:#294EA0}
@media(max-width:600px) {
  .site-nav>a:first-child {display:block;font-size:12px}
  .site-nav {gap:11px}
  .pill-link {font-size:12px;padding:9px 11px;gap:8px}
  .brand {font-size:28px}
  .brand img {width:27px;height:34px}
  .workspace-view {height:470px}
  .conversation-transcript {padding:14px}
  .conversation-transcript p {font-size:14px}
}
.bisbe-bar form>button.bar-mic {background:#EDF4F0;color:#24503B}
.bar-voice {margin-bottom:10px}
.bar-voice>small {display:block;color:#C5DAD0;font-size:12px;margin-bottom:5px}
.bar-transcript>.call-role-options {display:flex;flex-direction:row;gap:6px;border:0;padding:0;margin:10px 0}
.bar-transcript .call-role-options button {margin:0;padding:8px;min-height:40px;background:transparent;color:#E9F3ED;border:1px solid #86AA96;font-size:12px;line-height:1.3;justify-content:center;text-align:center}
.bar-transcript .call-role-options button[aria-pressed=true] {background:var(--citron);border-color:var(--citron);color:#163C2E}
.bar-transcript p.call-role-note {font-size:12px;color:#CEE1D5;line-height:1.5;margin:0 0 12px}
.bar-transcript>.bar-bisbe-turn {display:block;border:0;border-left:2px solid var(--citron);padding:1px 0 1px 10px;margin:11px 0 0}
.call-approval-note {display:block;font-size:12px;line-height:1.5;margin-top:9px;color:#CEE1D5}
.call-topline {font-size:12px;display:flex;align-items:center;gap:7px;color:#416252}
.call-dot {width:6px;height:6px;border-radius:50%;background:#38754F}
.call-people {display:flex;gap:15px;flex-wrap:wrap;margin:13px 0 17px;font-size:12px;color:#425A4C}
.call-people>span {display:flex;align-items:center;gap:6px}
.call-people .initials {width:25px;height:25px;font-size:12px}
.join-moment {margin:17px 0 0 15px;border-left:2px solid #4667B4;padding:1px 0 2px 14px;color:#273F71}
.join-moment>span {font-size:12px;color:#475E8F}
.join-moment p {display:flex;gap:8px;align-items:start;font-size:14px;line-height:1.6;margin-top:10px}
.join-moment p b {font-weight:500}
.join-moment img {flex:none;object-fit:contain}
.join-moment strong {font-weight:600}
.conversation-transcript>span {display:block;line-height:1.5}
@media(max-width:600px) {
  .bar-transcript .call-role-options button {padding:9px 6px}
  .call-people {gap:9px}
  .join-moment {margin-left:5px;padding-left:12px}
  .join-moment p {font-size:13px}
  .call-people>span {font-size:12px}
}
.library-breadth {font-size:13px;line-height:1.6;color:#435F50;margin-top:16px;padding:12px 14px;background:#F1F7EE;border-left:3px solid #6D9753}
.library-breadth span {display:block;font-size:12px;color:#445597;margin-top:5px}
.prompt-caption {font-size:12px;color:#456458;margin:10px 0 7px}
.proposal-form {background:#fff;border:1px solid #cad9d0;padding:20px;border-radius:15px;margin-top:15px}
.proposal-form label,.discuss-form label {display:block;font-size:13px;font-weight:650;color:#183c2e;margin:12px 0 8px}
.proposal-fields {display:grid;grid-template-columns:1fr 1fr;gap:14px}
.proposal-form select,.proposal-form textarea,.discuss-form input {display:block;width:100%;font:inherit;font-size:14px;color:#173e30;background:#fff;border:1px solid #a9bfb1;border-radius:8px;padding:10px;line-height:1.5}
.proposal-form select {margin-top:7px;min-height:44px}
.proposal-form textarea {resize:vertical;min-height:100px}
.proposal-detail {font-size:12px;color:#486256;line-height:1.55;margin:12px 0}
.proposal-actions {display:flex;flex-wrap:wrap;gap:5px}
.proposal-form .inline-action {margin-bottom:0}
.discuss-form {margin:18px 0 0}
.discuss-form>div {display:flex;gap:8px}
.discuss-form input {min-width:0;flex:1}
.discuss-form button {flex-shrink:0;width:44px;height:44px;border:0;border-radius:8px;background:#124e3d;color:white;display:grid;place-items:center}
.discuss-form button svg {width:20px;height:20px}
.discuss-form>p {font-size:12px;color:#526c5d;margin-top:8px}
.revision-note {font-size:13px;line-height:1.6;padding:12px 14px;border-left:3px solid #b8d247;background:#f3f7e8;color:#244434}
.sample-prompt {display:grid;grid-template-columns:1fr auto;gap:11px;text-align:left;padding:17px;width:100%;background:#124e3d;color:#fff;border:0;border-radius:13px;margin-top:16px;font:inherit}
.sample-prompt>span {grid-column:1/-1;display:flex;gap:7px;align-items:center;font-size:12px;color:#dce7c2}
.sample-prompt svg {width:19px;height:19px}
.sample-prompt strong {font-size:17px;font-weight:500;line-height:1.4}
.library-filters {display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}
.library-filters button {font:inherit;font-size:12px;color:#335a45;border:1px solid #c4d6c8;border-radius:25px;padding:9px 12px;background:#fff;min-height:40px}
.library-filters button[aria-pressed=true] {color:#fff;background:#124e3d;border-color:#124e3d}
.toolkit-groups {margin-top:48px}
.toolkit-group {display:grid;grid-template-columns:1fr 2fr;gap:64px;border-top:1px solid #d9e3dc;padding:37px 0 46px}
.toolkit-number {font-size:12px;font-weight:650;letter-spacing:.055em;text-transform:uppercase;color:#31634b}
.toolkit-number.blue {color:#3056b6}
.toolkit-number.coral {color:#a53f32}
.toolkit-intro h3 {font-size:33px;font-weight:500;line-height:1.12;letter-spacing:-.04em;max-width:270px;margin:17px 0}
.toolkit-items {display:grid;grid-template-columns:1fr 1fr;gap:34px}
.toolkit-items article {min-width:0}
.toolkit-title {display:flex;align-items:center;gap:12px;padding:0;background:none;border:0;text-align:left;font:inherit;color:#153b2b;min-height:44px;width:100%}
.toolkit-title b {font-size:19px;font-weight:600;letter-spacing:-.02em;margin:0}
.toolkit-title>.feature-icon {width:34px;height:34px;flex-shrink:0}
.toolkit-title>svg {margin-left:auto;width:16px;height:16px;opacity:.65}
.toolkit-items article>p {font-size:15px;line-height:1.55;color:#4b6255;margin:13px 0 18px}
.toolkit-items .competitor-line {margin-top:0;padding-top:0;border:0}
.toolkit-items .competitor-line b {font-weight:500;font-size:12px}
.toolkit-items .competitor-line span {font-size:11px}
.toolkit-assistant {display:flex;align-items:center;gap:27px;background:#eff6e5;border:1px solid #dce8c9;border-radius:18px;padding:30px;margin-top:8px}
.toolkit-assistant img {flex-shrink:0}
.toolkit-assistant>div {flex:1}
.toolkit-assistant h3 {font-size:25px;letter-spacing:-.03em;font-weight:500;margin:0 0 9px}
.toolkit-assistant p {font-size:15px;line-height:1.65;max-width:650px;color:#365642;margin:0 0 10px}
.toolkit-assistant span {font-size:12px;color:#506742}
.toolkit-assistant button {display:flex;gap:12px;align-items:center;font:inherit;font-size:14px;background:transparent;border:0;min-height:44px;color:#21462d;text-align:left}
.toolkit-assistant button svg {width:19px;height:19px;flex-shrink:0}
.phase-control {background:#092f26;color:#fff;padding:85px 0}
.phase-control>.shell {display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.control-heading .kicker {color:#c7de85}
.control-heading h2 {font-size:clamp(40px,4.5vw,67px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:24px 0}
.control-heading h2 span {color:#d6eb85}
.control-prompt {display:flex;gap:15px;align-items:center;margin:0 0 20px;padding-left:20px}
.control-prompt p {font-size:19px;font-weight:450;line-height:1.4}
.control-prompt .initials {background:#dbeabc;color:#183d2c;flex-shrink:0}
.control-response {display:flex;gap:20px;border:1px solid #bdd5b3;border-radius:18px;padding:25px;background:#f5f9ed;color:#193e2e}
.control-response img {flex-shrink:0}
.control-response strong {font-size:23px;font-weight:500;letter-spacing:-.03em}
.control-response p {font-size:15px;line-height:1.65;color:#40614c;margin:12px 0}
.control-future {margin:30px 0 0;padding:22px 0 0;border-top:1px solid #496656}
.control-future .trust-status {display:inline-block;color:#e0ebbd;border-color:#708553;background:transparent;margin:0 0 10px}
.control-future summary {display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:23px;min-height:44px;list-style:none}
.control-future summary::-webkit-details-marker {display:none}
.control-future summary svg {width:19px;height:19px;transform:rotate(45deg)}
.control-future details[open] summary svg {transform:rotate(-45deg)}
.control-future details>p {font-size:15px;line-height:1.65;color:#d5e3d6;max-width:470px}
.workspace-body {min-width:0}
.workspace-view {height:520px}
.workspace-view .back-button {max-width:100%}
.workspace-view .knowledge-row {min-width:0}
.workspace-view .knowledge-row>span {min-width:0}
.workspace-view .knowledge-row>svg:last-child {margin-left:auto;flex-shrink:0;width:16px}
.bar-voice button+button {margin-left:12px}
.toolkit-title:focus-visible,.sample-prompt:focus-visible,.toolkit-assistant button:focus-visible,.control-future summary:focus-visible {outline:3px solid #2f61b4;outline-offset:5px}
@media(max-width:1000px) {
  .toolkit-group {gap:35px;grid-template-columns:1fr 2.2fr}
  .toolkit-intro h3 {font-size:28px}
  .phase-control>.shell {gap:45px}
  .toolkit-assistant {flex-wrap:wrap}
  .toolkit-assistant button {margin-left:72px}
  .phase-control {padding:65px 0}
  .control-response {padding:19px;gap:13px}
}
@media(max-width:650px) {
  .toolkit-group {display:block;padding:28px 0 34px}
  .toolkit-intro h3 {max-width:none;margin:12px 0 27px;font-size:28px}
  .toolkit-items {gap:26px 20px}
  .toolkit-title {flex-wrap:wrap;gap:9px}
  .toolkit-title>.feature-icon {width:29px;height:29px}
  .toolkit-title b {font-size:16px}
  .toolkit-title>svg {display:none}
  .toolkit-items article>p {font-size:14px}
  .toolkit-items .competitor-line b {font-size:12px}
  .toolkit-items .competitor-line span {font-size:12px}
  .toolkit-assistant {padding:23px 20px;gap:18px;align-items:flex-start}
  .toolkit-assistant img {width:33px;height:auto}
  .toolkit-assistant h3 {font-size:22px}
  .toolkit-assistant p {font-size:14px}
  .toolkit-assistant button {margin-left:48px}
  .phase-control>.shell {display:block}
  .phase-control {padding:48px 0}
  .control-heading h2 {font-size:44px}
  .control-story {margin-top:30px}
  .control-prompt {padding-left:0;gap:10px}
  .control-prompt p {font-size:17px}
  .control-response {padding:20px 16px;gap:14px}
  .control-response img {width:31px;height:auto;align-self:flex-start}
  .control-response strong {font-size:21px}
  .control-response p {font-size:14px}
  .proposal-form {padding:15px}
  .proposal-fields {gap:10px}
  .proposal-form label {font-size:12px}
  .proposal-form select {font-size:13px}
  .workspace-view {height:470px}
  .proposal-actions {display:block}
  .proposal-actions button {max-width:100%}
  .discuss-form input {font-size:13px}
  .sample-prompt strong {font-size:16px}
  .library-filters {gap:5px}
  .library-filters button {font-size:12px;padding:8px 10px}
  .prompt-caption {font-size:12px}
}
@media(prefers-reduced-motion:reduce) {
  * {scroll-behavior:auto!important}
}
select:focus-visible {outline:3px solid #2864DB;outline-offset:4px}
.bar-toggle:focus-visible,.bar-panel button:focus-visible,.bar-voice button:focus-visible,.workspace-caption button:focus-visible,.control-future summary:focus-visible {outline:3px solid #D9EE8A;outline-offset:4px}
#bisbe-prompt-form input:focus-visible,#bisbe-prompt-form button:focus-visible {outline:3px solid #2864DB;outline-offset:-2px}
.workspace-view {scroll-padding-block:18px}
.workspace-view :is(button,a,input,select,textarea,summary) {scroll-margin-block:18px}
.prompt-caption {color:#C5DAD0}
.toolkit-items .competitor-line span {font-size:12px}
.bar-voice button+button {margin-left:0}
.control-response .inline-action.dark {background:#124E3D;border-color:#124E3D;color:#fff}
.control-response .inline-action.dark:hover {background:#082F26;border-color:#082F26}
.bar-voice button[data-action="close-voice"] {background:transparent;color:#D9EE8A;border:1px solid #91B9A8}
.bar-voice button[data-action="close-voice"]:hover {background:#1B4D3E}
#workspace :is(button,input,select,textarea,a,summary) {scroll-margin-block:18px}
[hidden] {display:none!important}
.bisbe-bar {position:relative;z-index:3;padding:8px 10px;border-top:1px solid #386052;min-width:0}
.bar-row {display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}
.bar-avatar {width:25px;height:30px;flex:none;background:white;border-radius:5px;padding:2px}
.bisbe-bar #bisbe-prompt-form {flex:1;min-width:0;gap:2px;margin:0;padding:2px;border-radius:6px;align-items:center}
.bisbe-bar #bisbe-prompt {min-width:0;width:0;flex:1;min-height:40px;padding:8px;font-size:14px}
.bisbe-bar #bisbe-prompt-form>button {width:44px;min-width:44px;min-height:44px;flex-shrink:0}
.bar-toggle {flex:none;border:0;background:transparent;color:white;font-size:13px;min-height:44px;padding:4px 3px;display:flex;align-items:center;gap:4px;white-space:nowrap}
.bar-toggle>span {font-size:10px}
.bar-panel {position:absolute;bottom:calc(100% + 7px);left:8px;right:8px;padding:16px;border:1px solid #628677;border-radius:10px;background:var(--deep);box-shadow:0 8px 25px #082f2630;max-height:340px;overflow:auto;font-size:14px}
.bar-panel-heading {display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}
.bar-panel-heading button {background:transparent;color:white;border:1px solid #7ba18f;border-radius:4px;padding:6px 10px;min-height:36px}
.bar-panel p {font-size:14px;line-height:1.5}
.bar-panel small {display:block;font-size:12px;color:#d0e2d7;margin-top:12px}
.bar-shortcuts {display:flex;gap:8px;margin-top:12px}
.bar-shortcuts button,.bar-sample {border:1px solid #b7d19b;background:var(--citron);color:var(--deep);border-radius:5px;padding:8px 10px;min-height:40px;font-size:13px;text-align:left}
.bar-sample {display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:12px;width:100%}
.bar-panel .bar-disclosure {font-size:12px;margin-top:13px;color:#d0e2d7}
.setup-tabs {display:flex;flex-wrap:wrap;gap:5px;margin:18px 0}
.setup-tabs button {padding:8px 10px;min-height:40px;background:white;border:1px solid #bdcdc3;border-radius:5px;font-size:13px}
.setup-tabs button[aria-pressed=true] {background:var(--green);color:white;font-weight:600}
.setup-audience {font-size:12px;color:var(--muted);margin-top:12px}
.team-person {display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.team-person b {display:block;font-size:14px}
.team-person small {color:var(--muted);font-size:12px}
.setup-form {display:flex;flex-direction:column;gap:8px;margin-top:22px}
.setup-form label {font-size:13px;font-weight:500}
.setup-form input {border:1px solid #a9bfb1;border-radius:5px;padding:10px;min-width:0;width:100%;font-size:14px;color:var(--ink);background:white}
.setup-form button {align-self:flex-start}
.setup-form p,.setup-feedback {font-size:12px;color:var(--muted);margin-top:8px}
.portal-banner {background:var(--portal-accent,var(--green))}
#workspace :is(button,input,select,textarea,a,summary) {scroll-margin:12px}
@media(max-width:600px) {
  .bisbe-bar {padding:7px}
  .bar-row {gap:5px}
  .bar-avatar {width:22px;height:27px}
  .bar-toggle {font-size:12px;gap:2px}
  .bisbe-bar #bisbe-prompt {padding:6px;font-size:14px}
  .bar-panel {padding:13px;max-height:300px}
}
.brand-preview {margin-top:20px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;color:var(--ink)}
.brand-preview-top {display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #d4e3db;background:var(--portal-accent,var(--green));color:white}
.brand-preview-top>span {display:flex;align-items:center;gap:8px;font-size:13px}
.brand-preview-top small {font-size:12px;white-space:nowrap}
.sample-logo {display:grid;place-items:center;width:25px;height:28px;border:1px solid currentColor;border-radius:4px}
.brand-preview-body {padding:25px 20px}
.brand-preview-body h3 {font-size:27px;line-height:1.1;letter-spacing:-.035em}
.brand-preview-body>p {font-size:13px;margin-top:12px;color:inherit;opacity:.85}
.brand-preview-sections {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
.brand-preview-sections>span {display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.3;border:1px solid #bbccc2;border-radius:5px;padding:12px 9px}
.brand-preview-sections svg {width:17px;height:17px}
.brand-preview-dark {background:#102b23;color:#edf6f0}
.brand-preview-compact .brand-preview-body {padding:16px}
.brand-preview-compact .brand-preview-sections {margin-top:14px;gap:5px}
.brand-preview-compact .brand-preview-sections>span {padding:8px}
.setup-form select,.setup-form textarea {width:100%;min-width:0;padding:10px;border:1px solid #a9bfb1;border-radius:5px;font:inherit;font-size:14px;background:white;color:var(--ink)}
.brand-options {border:1px solid var(--line);border-radius:7px;padding:12px;margin-top:10px}
.brand-options summary {cursor:pointer;font-size:14px;font-weight:500;min-height:26px}
.brand-options label:not(.section-choice) {display:flex;flex-direction:column;gap:5px;margin-top:12px;font-size:13px}
.brand-form-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px}
.brand-options fieldset {margin:14px 0 0;padding:10px;border:1px solid var(--line);border-radius:5px}
.brand-options legend {font-size:12px}
.section-choice {display:flex;align-items:center;gap:8px;min-height:36px}
.section-choice input {width:17px;height:17px;accent-color:var(--green)}
.bar-toggle[hidden] {display:none}
.bar-panel-heading button,.bar-shortcuts button {min-height:44px}
#workspace-view .screen-card>small {font-size:12px}
@media(max-width:360px) {
  .bar-avatar {display:none}
  .bar-row {gap:3px}
  .bar-toggle {padding-inline:0}
}
@media(max-width:260px) {
  .bar-row {flex-wrap:wrap}
  .bisbe-bar #bisbe-prompt-form {flex-basis:100%;order:2}
  .bar-toggle {margin-left:auto}
  .bar-panel {left:2px;right:2px}
}
.brand img.logo-lockup {width:132px;height:auto;aspect-ratio:820/280}
.footer-line .brand img.logo-lockup {width:105px;height:auto}
@media(max-width:600px) {
  .brand img.logo-lockup {width:114px}
}
.bar-sample,.bar-voice button {min-height:44px}
@media(max-width:260px) {
  .site-header {height:auto;min-height:78px;flex-wrap:wrap;padding-block:12px;gap:10px}
  .site-header .brand {flex:0 0 auto;min-width:84px}
  .site-header .brand img.logo-lockup {width:84px;min-width:84px;max-width:none}
  .site-nav {flex-wrap:wrap;gap:8px;max-width:100%}
  .bisbe-bar #bisbe-prompt-form {flex-wrap:wrap}
  .bisbe-bar #bisbe-prompt {flex:1 0 100%;width:100%;min-width:0}
  .bisbe-bar #bisbe-prompt-form>button:first-of-type {margin-left:auto}
}