/* Homepage-only composition. Shared POS marketing and app primitives remain the source. */
.bl-home { --pos-nav-height: 0px; }
/* A larger responsive headline with the reference's title-to-action spacing. */
.bl-pos.bl-home .bl-pos__hero-copy { gap:60px; }
.bl-pos.bl-home .bl-pos__hero h1 { font-size:clamp(36px,6vw,108px); line-height:1; letter-spacing:-2.88px; transform:none; }
.bl-home .bl-pos__hero h1 + .bl-pos__hero-actions { margin-top:0; }
.bl-pos.bl-home .bl-pos__hero-actions > .bl-pos__button { min-width:0; min-height:48px; height:48px; padding:0 32px; font-size:18px; line-height:24px; font-weight:400; letter-spacing:.2px; }
@media(max-width:1023px) {
    .bl-pos.bl-home .bl-pos__hero h1 { letter-spacing:-2.24px; }
    .bl-pos.bl-home .bl-pos__hero-actions > .bl-pos__button { padding-inline:24px; }
}
@media(max-width:599px) { .bl-pos.bl-home .bl-pos__hero h1 { letter-spacing:-1.6px; } }
/* Opaque foreground sections must outrank the shared transparent section styles. */
.bl-pos.bl-home > section { position:relative; z-index:1; background:var(--bodyBgColor,#000); }
.bl-pos.bl-home #texting-features > .bl-pos__wrap { display:block; padding-top:clamp(48px,6vw,88px); }
.bl-home__feature-list { display:grid; gap:200px; }
/* Give the first product story more separation from the introduction. */
.bl-pos.bl-home .bl-home__product-intro { margin:0; padding-block:clamp(64px,7.5vw,104px) clamp(80px,8vw,120px); max-width:1200px; color:var(--pos-muted); font-size:clamp(26px,3vw,46px); font-weight:500; line-height:1.2; letter-spacing:-.035em; text-align:left; text-wrap:balance; }
.bl-pos.bl-home .bl-home__product-intro strong { color:var(--pos-text); font-weight:inherit; }
.bl-home__integrations-list { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); align-items:center; gap:24px; margin:0; padding:0; list-style:none; }
.bl-home__integrations-list > li { display:flex; justify-content:center; min-width:0; }
.bl-home__integrations-list a { display:flex; align-items:center; justify-content:center; min-height:56px; max-width:100%; }
.bl-home__integrations-list a:focus-visible { outline:2px solid var(--pos-muted); outline-offset:8px; border-radius:2px; }
.bl-home__integrations-list img { display:block; width:calc(var(--logo-width) * .75); max-width:100%; height:auto; filter:brightness(0) invert(1); opacity:.9; }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home__integrations-list img { filter:brightness(0); }
@media(max-width:1000px) {
    .bl-home__integrations-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 32px; }
}
@media(max-width:600px) {
    .bl-home__integrations-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 32px; }
}
.bl-home .bl-home__media { min-width:0; aspect-ratio:1; border-radius:clamp(20px,2vw,28px); display:grid; place-items:center; background:linear-gradient(135deg,#151917,#0c0e0d); border:1px solid #ffffff0a; overflow:hidden; }
.bl-home .bl-home__media > span { color:#ffffff0b; font-size:clamp(6rem,15vw,16rem); font-weight:400; letter-spacing:-.08em; }
.bl-home .bl-home__media > img { display:block; width:100%; height:100%; min-width:0; object-fit:cover; }
.bl-home .bl-home__media--expectation { aspect-ratio:1.5; border-radius:9px; }
.bl-home .bl-home__onboarding { max-width:700px; padding-top:0; color:var(--subColor); }
.bl-home .pricing-disclosures { text-align:left; }
.bl-home .blp-app-figure::after { display:none; }
/* Apply the header's initial border before the article parses, avoiding a white-to-transparent transition. */
html [data-texting-site-header] .header { border-bottom:var(--layoutBorderWidth,1px) solid transparent; transition:background-color 180ms ease,border-color 180ms ease; }
html.bl-home-features-reached [data-texting-site-header] .header { background:var(--bodyBgColor,#000)!important; border-bottom-color:var(--layoutBorderColor,#222); }

/* Texting content uses the shared POS pricing grid, cards, type, and controls. */
.bl-home .bl-home__billing { grid-template-columns:repeat(2,minmax(0,1fr)); }
.bl-home__billing button > span { margin-left:8px; font-size:.72rem; }
.bl-home .bl-home__pricing-intro { max-width:650px; margin:28px auto 0; color:var(--pos-muted); font-size:1.06rem; line-height:1.6; }
.bl-home__recommended { display:block; margin-top:4px; }
.bl-home__plan-actions { display:flex; gap:10px; }
.bl-home__plan-actions > .bl-pos__button { flex:1; min-width:0; padding-inline:8px; margin:0; }
.bl-home .bl-home__setup { margin:auto 0 0; padding-top:24px; font-size:.76rem; color:var(--pos-muted); }
.bl-home .bl-pos__price--featured .bl-home__setup { color:rgba(16,18,15,.67); }
.bl-home .pricing-disclosures { margin:40px 0 0; padding:28px 0 0; border:0; border-top:var(--layoutBorderWidth) solid var(--layoutBorderColor); background:transparent; }
.bl-home .pricing-disclosures-title { color:var(--pos-text); font-weight:500; font-size:.86rem; }
.bl-home .pricing-disclosures-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.bl-home .pricing-disclosure { padding:0; border:0; background:transparent; }
.bl-home .pricing-disclosure strong { display:block; margin-bottom:8px; color:var(--pos-text); font-size:.84rem; font-weight:500; }
.bl-home .pricing-disclosure span { color:var(--pos-muted); font-size:.84rem; line-height:1.6; }
.bl-home__pricing-more { margin:36px 0 0; text-align:center; }
@media(max-width:1000px) { .bl-home .pricing-disclosures-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .bl-home .bl-home__features .bl-home__media { border-radius:18px; } }
@media(max-width:600px) { .bl-home .pricing-disclosures-grid { grid-template-columns:1fr; } }

/* Keep the shared site header geometry stable, as in the POS section. */
html .content-section > [data-texting-site-header] > .header { transform:none; }
html [data-texting-site-header] .header .header-content .navigation > ul > li > a > .top-link { color:inherit; }
html [data-texting-site-header] .header .header-content .navigation > ul li.nav-logo .main-logo { width:auto; flex-shrink:0; }
/* Preserve the shared navigation's hover area so it meets the dropdown. */
@media(min-width:1024px) { html [data-texting-site-header] .header .header-content .navigation > .links-area > li.has-more > a { padding-block:10px; } }
@media(max-width:1023px) {
    html [data-texting-site-header] .header .header-content .navigation > ul li.nav-logo > div { transform:none; overflow:visible; }
}

.bl-pos.bl-home > .bl-pos__closing { background:#000; }

/* Three purchase events route to three customers, in a square composition. */
.bl-home .bl-routing { --routing-bg:#090a0c; --routing-card:#101112; --routing-card-line:#202225; --routing-line:#2c2e34; --routing-track:#202226; --routing-text:#bec2cb; --routing-muted:#777b84; --routing-highlight:#bec2cd; position:relative; container-type:inline-size; aspect-ratio:1; padding:0; border:.5px solid color-mix(in srgb,var(--routing-line) 55%,transparent); background:transparent; }
.bl-home .bl-routing { isolation:isolate; }
.bl-routing::before, .bl-routing::after { content:''; position:absolute; inset:0; z-index:0; border-radius:inherit; pointer-events:none; }
.bl-routing::before { background:radial-gradient(ellipse 85% 70% at 0 0,#ffffff07,transparent 75%),linear-gradient(135deg,#ffffff09, #ffffff02 45%,transparent 75%); }
.bl-routing .bl-routing__surface { position:absolute; inset:0; z-index:1; background:transparent; overflow:hidden; transform:translate(2%,-3%) scale(1.12); transform-origin:40% 75%; }
.bl-routing .bl-routing__source-frame { position:absolute; left:5%; top:19.58%; width:33.33%; height:26.17%; box-sizing:border-box; border:.75px solid var(--routing-card-line); border-radius:2.8cqw; }
.bl-routing .bl-routing__lines { position:absolute; inset:0; width:100%; height:100%; }
.bl-routing .bl-routing__track { stroke:var(--routing-track); stroke-width:.85; vector-effect:non-scaling-stroke; }
.bl-routing .bl-routing__return { stroke:var(--routing-track); stroke-opacity:1; stroke-width:.75; stroke-dasharray:3 5; vector-effect:non-scaling-stroke; }
.bl-routing .bl-routing__port, .bl-routing .bl-routing__arrow { fill:var(--routing-muted); opacity:.65; }
.bl-routing .bl-routing__pulse { stroke:var(--routing-highlight); stroke-width:1; vector-effect:non-scaling-stroke; stroke-dasharray:12 112; stroke-dashoffset:14; stroke-linecap:round; opacity:0; }
.bl-routing .bl-routing__source { position:absolute; left:6.67%; top:var(--route-top); width:29.5%; height:6.5%; display:flex; align-items:center; gap:2.2cqw; padding:0 2.8cqw; box-sizing:border-box; background:var(--routing-card); color:var(--routing-text); border:.75px solid var(--routing-card-line); border-radius:1.7cqw; }
.bl-routing .bl-routing__source > svg { width:3.5cqw; height:3.5cqw; flex-shrink:0; color:var(--routing-muted); transition:color .4s; }
.bl-routing .bl-routing__source[data-routing-source="0"] > svg { color:#309f48; }
.bl-routing .bl-routing__source[data-routing-source="1"] > svg { color:#525db8; }
.bl-routing .bl-routing__source[data-routing-source="2"] > svg { color:#ffa34d; }
.bl-routing .bl-routing__source > span { font:500 clamp(9px,1.95cqw,14px)/1.2 ui-monospace,monospace; letter-spacing:.025em; text-transform:uppercase; white-space:nowrap; }
.bl-routing .bl-routing__source > i { width:.7cqw; height:.7cqw; border-radius:50%; background:var(--routing-highlight); margin-left:auto; opacity:0; transition:opacity .3s; }
.bl-routing .bl-routing__customer { position:absolute; left:var(--route-left); top:67.5%; width:16.5%; transform:translateX(-50%); display:flex; align-items:center; flex-direction:column; text-align:center; }
.bl-routing .bl-routing__receiver { width:12cqw; height:12cqw; display:grid; place-items:center; border:0; box-sizing:border-box; }
.bl-routing .bl-routing__portrait { position:relative; width:8cqw; height:8cqw; border:0; border-radius:50%; display:grid; place-items:center; background:transparent; }
.bl-routing .bl-routing__portrait > img { width:8cqw; height:8cqw; display:block; object-fit:cover; border-radius:50%; }
.bl-routing .bl-routing__delivered { position:absolute; right:-.5cqw; bottom:-.5cqw; width:3cqw; height:3cqw; border:2px solid var(--routing-bg); border-radius:50%; display:grid; place-items:center; background:#6dab8d; color:#07180f; opacity:0; transform:scale(.7); transition:opacity .3s,transform .3s; }
.bl-routing .bl-routing__delivered svg { width:80%; height:80%; }
.bl-routing .bl-routing__customer > strong { margin-top:1.6cqw; color:var(--routing-text); font:500 clamp(10px,2.4cqw,16px)/1.3 Arial,sans-serif; }
.bl-routing .bl-routing__customer > span { margin-top:.5cqw; color:var(--routing-muted); font:400 clamp(8px,1.8cqw,12px)/1.4 Arial,sans-serif; white-space:nowrap; }
.bl-routing .bl-routing__customer[data-active=true] .bl-routing__delivered { opacity:1; transform:scale(1); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-routing { --routing-bg:var(--pos-surface-raised); --routing-card:#ffffff80; --routing-card-line:#dfe0e4; --routing-line:#c8cad0; --routing-track:#b7bac1; --routing-text:#353843; --routing-muted:#7b7f8b; --routing-highlight:#747986; }
@media(prefers-reduced-motion:reduce) { .bl-routing .bl-routing__source, .bl-routing .bl-routing__source > svg, .bl-routing .bl-routing__source > i, .bl-routing .bl-routing__receiver, .bl-routing .bl-routing__delivered { transition:none; } }

.bl-routing .bl-routing__message-drop { position:absolute; left:calc(6.67% - 1.2cqw); top:44.1%; width:calc(25% + 1.2cqw); height:24%; padding:3cqw 0 0 1.2cqw; box-sizing:border-box; overflow:hidden; pointer-events:none; }
.bl-routing .bl-routing__message { position:relative; width:100%; padding:1.8cqw 2.2cqw; box-sizing:border-box; border:0; border-radius:2cqw 2cqw 2cqw .5cqw; background:linear-gradient(#59408c,#432e70); box-shadow:inset 0 1px 0 #ffffff16; color:#fff; font:400 clamp(9px,2.1cqw,14px)/1.4 Arial,sans-serif; opacity:0; }
.bl-routing .bl-routing__message::before { content:''; position:absolute; left:-.9cqw; bottom:0; width:1.5cqw; height:1.5cqw; background:#432e70; clip-path:polygon(100% 0,100% 100%,0 100%,35% 70%,55% 35%); }
.bl-routing .bl-routing__message > span { display:block; margin-bottom:.7cqw; font:500 clamp(7px,1.35cqw,9px)/1.3 ui-monospace,monospace; letter-spacing:.08em; color:#ffffffbf; }
.bl-routing .bl-routing__message[data-active=true] { animation:bl-routing-message-drop .85s cubic-bezier(.22,.75,.25,1) both; }
@keyframes bl-routing-message-drop {
    from { opacity:0; transform:translateY(calc(-100% - 3cqw)); }
    28% { opacity:1; }
    to { opacity:1; transform:translateY(0); }
}
.bl-routing .bl-routing__reply { opacity:0; transition:opacity .15s; }
.bl-routing .bl-routing__reply[data-active=true] { opacity:1; }
.bl-routing .bl-routing__reply rect { fill:var(--routing-card); stroke:var(--routing-highlight); stroke-width:1; }
.bl-routing .bl-routing__reply text { fill:var(--routing-text); font:500 13px Arial,sans-serif; }
@media(prefers-reduced-motion:reduce) {
    .bl-routing .bl-routing__message, .bl-routing .bl-routing__reply { transition:none; }
    .bl-routing .bl-routing__message[data-active=true] { animation:none; opacity:1; transform:none; }
}

/* POS triggers: a product and customer connected by continuous SVG waves. */
.bl-home .bl-trigger { --trigger-bg:#08090b; --trigger-node-top:#17181c; --trigger-node-bottom:#0b0c0e; --trigger-border:#ffffff20; position:relative; padding:0; border:0; background:var(--trigger-bg); isolation:isolate; }
.bl-trigger .bl-trigger__waves { position:absolute; inset:0; display:block; width:100%; height:100%; }
.bl-trigger .bl-trigger__orbit { stroke:#7379d3; stroke-opacity:.055; stroke-width:1; }
.bl-trigger .bl-trigger__orbit--inner { stroke-opacity:.025; }
.bl-trigger .bl-trigger__wave { stroke-width:1.5px; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.bl-trigger .bl-trigger__wave--0 { opacity:.8; }
.bl-trigger .bl-trigger__wave--1 { opacity:.56; }
.bl-trigger .bl-trigger__wave--2 { opacity:.28; }
.bl-trigger .bl-trigger__wave--3 { opacity:.13; }
.bl-trigger .bl-trigger__wave--4 { opacity:.08; }
.bl-trigger .bl-trigger__node { position:absolute; top:50%; display:grid; place-items:center; aspect-ratio:1; border:0; background:transparent; box-shadow:none; transform:translate(-50%,-50%); }
.bl-trigger .bl-trigger__node--product { left:17%; width:21%; }
.bl-trigger .bl-trigger__node--customer { left:81%; width:27%; }
.bl-trigger .bl-trigger__product { width:84%; height:84%; display:block; object-fit:contain; filter:drop-shadow(0 4px 8px #0004); }
.bl-trigger .bl-trigger__portrait { width:65%; height:65%; display:block; object-fit:cover; border-radius:50%; box-shadow:none; }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-trigger { --trigger-bg:var(--pos-surface-raised); --trigger-node-top:#fff; --trigger-node-bottom:#eeedf1; --trigger-border:#44465b24; }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-trigger .bl-trigger__orbit { stroke-opacity:.1; }

/* Live HTML with the same edge-to-edge crop as the review screenshot. */
.bl-home .bl-review { --review-panel:#fff; --review-text:#202124; --review-muted:#5f6368; --review-line:#e8eaed; color-scheme:light; position:relative; container-type:inline-size; padding:0; border:0; background:var(--review-panel); color:var(--review-text); text-align:left; font-family:Arial,sans-serif; }
.bl-review *, .bl-review *::before, .bl-review *::after { box-sizing:border-box; }
.bl-review [hidden] { display:none!important; }
.bl-review .bl-review__surface { position:absolute; inset:0; display:flex; flex-direction:column; background:var(--review-panel); overflow:hidden; }
.bl-review .bl-review__header { height:11cqw; flex-shrink:0; padding:0 5cqw; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--review-line); }
.bl-review .bl-review__brand { display:flex; align-items:center; gap:2cqw; font-size:4cqw; font-weight:500; }
.bl-review .bl-review__brand svg { width:4.7cqw; height:4.7cqw; }
.bl-review .bl-review__summary { display:flex; align-items:center; gap:7cqw; padding:4cqw 5cqw; flex-shrink:0; }
.bl-review .bl-review__score { display:flex; flex-direction:column; align-items:center; gap:1cqw; flex-shrink:0; }
.bl-review .bl-review__score strong { font-size:10cqw; font-weight:400; line-height:1; letter-spacing:-.06em; }
.bl-review .bl-review__gold { color:#fbbc04; font-size:3.5cqw; letter-spacing:.12em; white-space:nowrap; line-height:1.2; }
.bl-review .bl-review__score > span:last-child { color:var(--review-muted); font-size:2.6cqw; font-variant-numeric:tabular-nums; }
.bl-review .bl-review__distribution { display:grid; gap:1.4cqw; flex:1; }
.bl-review .bl-review__distribution > div { display:flex; align-items:center; gap:1.5cqw; color:var(--review-muted); font-size:2.6cqw; line-height:1; }
.bl-review .bl-review__track { display:block; flex:1; height:1.5cqw; border-radius:20px; background:var(--review-line); overflow:hidden; }
.bl-review .bl-review__track i { display:block; height:100%; border-radius:inherit; background:#fbbc04; }
.bl-review .bl-review__feed-window { flex:1; min-height:0; overflow:hidden; margin:0 5cqw; border-top:1px solid var(--review-line); }
.bl-review .bl-review__customer { padding:4cqw 0; border-bottom:1px solid var(--review-line); }
.bl-review .bl-review__byline { display:flex; align-items:center; gap:2cqw; }
.bl-review .bl-review__avatar { width:7cqw; height:7cqw; display:grid; place-items:center; flex-shrink:0; border-radius:50%; background:var(--review-avatar,#00695c); color:#fff; font-size:3.3cqw; }
.bl-review .bl-review__avatar { overflow:hidden; }
.bl-review .bl-review__avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.bl-review .bl-review__byline > div { display:grid; gap:.7cqw; }
.bl-review .bl-review__byline strong { font-size:3cqw; font-weight:500; }
.bl-review .bl-review__byline div > span { font-size:2.3cqw; color:var(--review-muted); }
.bl-review .bl-review__more { margin-left:auto; font-size:4cqw; color:var(--review-muted); }
.bl-review .bl-review__review-meta { display:flex; align-items:center; gap:1.5cqw; margin:2.5cqw 0 1.8cqw; font-size:2.3cqw; color:var(--review-muted); }
.bl-review .bl-review__review-meta .bl-review__gold { font-size:3.2cqw; }
.bl-review .bl-review__new { background:var(--review-line); border-radius:4px; padding:.5cqw 1cqw; }
.bl-review .bl-review__quote { margin:0; font-size:3.2cqw; line-height:1.55; color:var(--review-text); letter-spacing:0; }

/* Smart Inbox uses the same deck, backdrop, and controls as the POS next-move media. */
.bl-home .bl-home__inbox-media .bl-pos__workspace-stage { container-type:inline-size; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-ui { justify-content:space-between; gap:16px; padding:14% 10% 7%; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-ui h3 { font-size:clamp(22px,6.3cqw,40px); color:#c3c7cf; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-deck { height:clamp(168px,34cqw,216px); flex-shrink:0; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-label { white-space:normal; font-size:clamp(16px,3.7cqw,21px); font-weight:400; letter-spacing:-.025em; line-height:1.3; color:#e2e5eb; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-status { letter-spacing:0; font-weight:400; }
.bl-home .bl-home__inbox-media :is(.bl-pos__next-move-agent,.bl-pos__next-move-agent-check) { border:0; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-agent:has(input:focus-visible) { outline:2px solid #78dc91; outline-offset:4px; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-action[hidden] { display:none; }
@media(max-width:560px) {
    .bl-home .bl-home__inbox-media .bl-pos__next-move-ui { gap:8px; padding:12% 8% 6%; }
    .bl-home .bl-home__inbox-media .bl-pos__next-move-deck { height:166px; }
    .bl-home .bl-home__inbox-media .bl-pos__workspace-stage .bl-pos__next-move-action { min-height:86px; padding:12px; grid-template-columns:30px minmax(0,1fr) auto; gap:9px; }
    .bl-home .bl-home__inbox-media .bl-pos__next-move-object { width:30px; height:30px; font-size:11px; }
    .bl-home .bl-home__inbox-media .bl-pos__next-move-add { min-width:46px; padding-inline:9px; }
    .bl-home .bl-home__inbox-media .bl-pos__next-move-status { font-size:10px; }
    .bl-home .bl-home__inbox-media .bl-pos__next-move-agent { min-height:40px; padding-block:5px; font-size:12px; }
}

/* Quiet, layered message cards with a compact sender line. */
#texting-inbox.bl-pos__overview-row .bl-home__inbox-media .bl-pos__workspace-stage .bl-pos__next-move-action {
    --inbox-bubble-bg:#17191d;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    inset:0 0 auto;
    width:100%;
    min-height:clamp(100px,20cqw,132px);
    padding:clamp(16px,3.3cqw,22px) clamp(18px,3.8cqw,26px);
    gap:16px;
    border:.75px solid #ffffff19;
    border-radius:14px;
    background:linear-gradient(135deg,#ffffff06,transparent 65%),var(--inbox-bubble-bg);
    box-shadow:0 10px 24px #0005,0 2px 4px #0003,inset 0 1px 0 #ffffff04;
}
#texting-inbox.bl-pos__overview-row .bl-home__inbox-media .bl-pos__next-move-action::before {
    content:'';
    position:absolute;
    left:14px;
    right:14px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,#ffffff0d,transparent);
    pointer-events:none;
}
#texting-inbox.bl-pos__overview-row .bl-home__inbox-media .bl-pos__next-move-action.is-action-hovered {
    --inbox-bubble-bg:#1b1e23;
    border-color:#ffffff29;
    box-shadow:0 12px 28px #0005,inset 0 1px 0 #ffffff06;
}
.bl-home .bl-home__inbox-media .bl-pos__next-move-copy { gap:12px; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-status { display:flex; align-items:center; gap:8px; font-size:12px; color:#aeb4bf; opacity:var(--inbox-sender-opacity,1); }
.bl-home .bl-home__inbox-media .bl-pos__next-move-status .bl-pos__next-move-object {
    display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px;
    border:.75px solid #ffffff10; border-radius:8px; background:linear-gradient(145deg,#343943,#252a33); color:#ced4df;
    box-shadow:inset 0 1px 0 #ffffff06; font-size:9px; font-weight:500;
}
.bl-home .bl-home__inbox-contact { display:flex; flex-direction:column; gap:3px; min-width:0; }
.bl-home .bl-home__inbox-name { display:flex; align-items:center; gap:8px; color:#cbd0d9; font-size:clamp(13px,2.9cqw,16px); font-weight:500; line-height:1.2; }
.bl-home .bl-home__inbox-phone { color:#929aa8; font-size:clamp(10px,2.2cqw,12px); line-height:1.2; font-variant-numeric:tabular-nums; letter-spacing:.01em; }
.bl-home .bl-home__inbox-channel { margin-left:2px; padding:2px 5px; border:.5px solid #ffffff0d; border-radius:4px; font-size:9px; letter-spacing:.04em; line-height:1.2; color:#808897; background:#ffffff03; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-add { min-width:56px; height:30px; padding:0 11px; border:1px solid #ffffff16; border-radius:7px; background:linear-gradient(180deg,#6872da,#5e68cf); box-shadow:inset 0 1px 0 #ffffff0c,0 1px 3px #0003; font-size:12px; font-weight:500; }
@media(max-width:560px) {
    #texting-inbox.bl-pos__overview-row .bl-home__inbox-media .bl-pos__workspace-stage .bl-pos__next-move-action { inset:0 2% auto; width:96%; min-height:94px; padding:14px 16px; gap:10px; border-radius:12px; }
    .bl-home .bl-home__inbox-media .bl-pos__next-move-deck { height:150px; }
    .bl-home .bl-home__inbox-media .bl-pos__next-move-copy { gap:10px; }
    .bl-home .bl-home__inbox-media .bl-pos__next-move-status { font-size:11px; gap:6px; }
    .bl-home .bl-home__inbox-media .bl-pos__next-move-add { min-width:44px; padding:0 9px; height:32px; }
}

.bl-home #texting-inbox .bl-home__inbox-media .bl-pos__workspace-stage :is(.bl-pos__next-move-object,.bl-home__reply-avatar) > img {
    display:block; width:100%; height:100%; max-width:none; margin:0; padding:0;
    aspect-ratio:1; object-fit:cover; border:0; border-radius:inherit; transform:none; filter:none;
}
.bl-home .bl-home__inbox-media .bl-pos__next-move-empty { gap:9px; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-empty strong { font-size:clamp(22px,4.5cqw,28px); line-height:1.2; letter-spacing:-.025em; }
.bl-home .bl-home__inbox-media .bl-pos__next-move-empty small { font-size:clamp(14px,2.8cqw,17px); line-height:1.45; color:#adb4bf; }

/* A layered thread sheet, with a quiet surface and a compact SMS composer. */
.bl-home .bl-home__inbox-media .bl-pos__next-move-modal-layer { padding:7% 5%; background:#08090bbd; backdrop-filter:blur(8px); }
.bl-home .bl-home__reply-sheet { position:relative; width:min(100%,480px); height:min(100%,460px); isolation:isolate; }
.bl-home .bl-home__reply-sheet::before { content:""; position:absolute; inset:-8px 10px 10px; z-index:-1; border:1px solid #ffffff0f; border-radius:17px; background:#111214; box-shadow:0 18px 50px #0008; }
.bl-home .bl-home__reply-modal { width:100%; height:100%; max-height:100%; display:flex; flex-direction:column; overflow:auto; border:1px solid #ffffff1c; border-radius:16px; background:radial-gradient(ellipse at 100% 0,#ffffff04,transparent 70%),#101112; box-shadow:inset 0 1px #ffffff0a,0 24px 70px #0007; color:#cdd0d7; }
.bl-home .bl-home__reply-modal .bl-pos__next-move-modal-bar { flex-shrink:0; min-height:58px; padding:12px 20px; background:#ffffff02; border-bottom:1px solid #ffffff10; }
.bl-home .bl-home__reply-heading { display:flex; align-items:center; gap:11px; font-size:15px; font-weight:550; color:#d1d5de; }
.bl-home .bl-home__reply-heading svg { color:#858994; }
.bl-home .bl-home__reply-heading small { color:#858994; font-size:13px; font-weight:500; }
.bl-home .bl-home__reply-modal .bl-pos__next-move-modal-close { width:28px; height:28px; border:0; border-radius:6px; background:transparent; color:#737782; }
.bl-home .bl-home__reply-modal .bl-pos__next-move-modal-close:hover { background:#ffffff08; color:#d1d5de; }
.bl-home .bl-home__reply-body { display:flex; flex-direction:column; flex:1; gap:28px; padding:32px 12px 12px; }
.bl-home .bl-home__reply-message { display:flex; align-items:flex-start; gap:12px; padding:0 10px; min-width:0; }
.bl-home .bl-home__reply-message > div { min-width:0; }
.bl-home .bl-home__reply-avatar { display:grid; flex:0 0 34px; height:34px; place-items:center; border:1px solid #ffffff09; border-radius:9px; background:linear-gradient(145deg,#3d3b47,#25272e); color:#c8c7d5; font-size:11px; font-weight:500; }
.bl-home .bl-home__reply-byline { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; margin-bottom:3px; }
.bl-home .bl-home__reply-body h4 { margin:0; color:#cdd1da; font-size:14px; font-weight:550; letter-spacing:0; line-height:1.4; }
.bl-home .bl-home__reply-byline > span { color:#777b85; font-size:11px; }
.bl-home .bl-home__reply-body .bl-pos__next-move-modal-detail { margin:0; padding:0; background:none; color:#a3a7b1; font-size:14px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; max-height:140px; overflow:auto; }
.bl-home .bl-home__reply-form { display:grid; gap:0; margin:auto 0 0; border:1px solid #ffffff0c; border-radius:9px; background:#ffffff02; transition:border-color .18s ease; }
.bl-home .bl-home__reply-form:focus-within { border-color:#ffffff16; }
.bl-home .bl-home__reply-form[hidden] { display:none; }
.bl-home .bl-home__reply-form label,.bl-home .bl-home__reply-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.bl-home .bl-home__reply-form textarea { display:block; box-sizing:border-box; width:100%; min-height:112px; max-height:210px; padding:16px; resize:none; border:0; border-radius:9px; background:transparent; color:#cdd1da; font:inherit; font-size:15px; line-height:1.5; box-shadow:none; user-select:text; }
.bl-home .bl-home__reply-form textarea:focus { outline:none; box-shadow:none; }
.bl-home .bl-home__reply-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:14px 16px 16px; }
.bl-home .bl-home__reply-actions button { display:inline-flex; align-items:center; justify-content:center; gap:9px; width:30px; height:30px; padding:4px; border:0; border-radius:5px; background:transparent; color:#757a85; font:inherit; font-size:12px; font-weight:500; line-height:1.4; cursor:pointer; }
.bl-home .bl-home__reply-actions button:hover { background:#ffffff08; color:#d4d7df; }
.bl-home .bl-home__reply-tools { display:flex; align-items:center; gap:6px; }
.bl-home .bl-home__reply-count { margin-left:5px; color:#707581; font-size:11px; font-variant-numeric:tabular-nums; }
.bl-home .bl-home__reply-send-control { position:relative; }
.bl-home .bl-home__reply-split { display:flex; padding:1px; border:1px solid #ffffff14; border-radius:7px; background:#5e6ad2; box-shadow:0 1px 2px #0004,inset 0 1px #ffffff0c; }
.bl-home .bl-home__reply-split:focus-within { outline:2px solid #636da37a; outline-offset:2px; }
.bl-home .bl-home__reply-split button { width:33px; height:27px; border:0; background:transparent; color:#fff; }
.bl-home .bl-home__reply-split button:hover { background:#ffffff14; color:#fff; }
.bl-home .bl-home__reply-split button + button { position:relative; width:29px; }
.bl-home .bl-home__reply-split button + button::before { content:""; position:absolute; left:0; top:4px; bottom:4px; width:1px; background:#ffffff24; }
.bl-home .bl-home__reply-menu { position:absolute; bottom:calc(100% + 8px); right:0; z-index:3; width:214px; padding:4px; border:1px solid #ffffff16; border-radius:8px; background:#1c1d21; box-shadow:0 8px 25px #0008; }
.bl-home .bl-home__reply-menu button { width:100%; height:auto; min-height:32px; padding:7px 9px; justify-content:space-between; color:#cdd1da; font-size:12px; text-align:left; }
.bl-home .bl-home__reply-menu button span { font-size:10px; color:#888d98; }
.bl-home .bl-home__reply-actions button:focus-visible,.bl-home .bl-home__reply-modal .bl-pos__next-move-modal-close:focus-visible { outline:2px solid #8b93e0; outline-offset:2px; }
@media(max-width:560px) {
    .bl-home .bl-home__inbox-media .bl-pos__next-move-modal-layer { padding:6% 4%; }
    .bl-home .bl-home__reply-modal .bl-pos__next-move-modal-bar { padding:8px 12px; min-height:44px; }
    .bl-home .bl-home__reply-body { padding:18px 10px 10px; gap:20px; }
    .bl-home .bl-home__reply-message { padding:0 2px; gap:9px; }
    .bl-home .bl-home__reply-body h4 { font-size:13px; }
    .bl-home .bl-home__reply-body .bl-pos__next-move-modal-detail { font-size:13px; max-height:80px; }
    .bl-home .bl-home__reply-form textarea { min-height:96px; max-height:170px; padding:12px; font-size:14px; }
    .bl-home .bl-home__reply-actions { padding:6px 10px 10px; }
}

/* Interactive Messaging API request and response console. */
.bl-home .bl-api { position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:max(56px,9%) minmax(0,1fr); --api-text:#cbd0d9; --api-muted:#9ba3b0; --api-subtle:#7d8592; --api-key:#77c8cc; --api-string:#d8d0a6; --api-keyword:#d68ac8; --api-punctuation:#929baa; color:var(--api-punctuation); background:#121314; container-type:inline-size; font-size:2.25cqw; }
.bl-home .bl-api [hidden] { display:none!important; }
.bl-home .bl-api__header { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 3cqw; border-bottom:1px solid #ffffff09; }
.bl-home .bl-api__title { display:flex; align-items:center; gap:1.4cqw; min-width:0; margin:0; color:#d5d9e2; font-size:max(14px,2.1cqw); font-weight:500; line-height:1.4; letter-spacing:0; white-space:nowrap; }
.bl-home .bl-api__title svg { flex:0 0 auto; width:max(18px,2.7cqw); height:max(18px,2.7cqw); color:#ebbb03; }
/* Compact send action with a separately focusable options menu. */
.bl-home .bl-api__send-control { position:relative; flex:0 0 auto; z-index:20; }
.bl-home .bl-api__split-button { display:flex; align-items:stretch; padding:1px; border:1px solid #ffffff16; border-radius:7px; background:#5e6ad2; box-shadow:inset 0 1px #ffffff10,0 1px 2px #0003; }
.bl-home .bl-api__split-button button { display:grid; place-items:center; height:30px; padding:0; border:0; border-radius:5px; background:transparent; color:#fff; cursor:pointer; transition:background-color .15s ease; }
.bl-home .bl-api__run { width:37px; }
.bl-home .bl-api__run > svg { display:block; width:20px; height:20px; fill:currentColor; }
.bl-home .bl-api__send-options { position:relative; width:30px; }
.bl-home .bl-api__send-options::before { position:absolute; content:''; top:6px; bottom:6px; left:0; width:1px; background:#ffffff30; }
.bl-home .bl-api__send-options > svg { width:17px; height:17px; }
.bl-home .bl-api__split-button button:hover:not(:disabled), .bl-home .bl-api__send-options[aria-expanded=true] { background:#ffffff12; }
.bl-home .bl-api__run:disabled { opacity:.5; cursor:wait; }
.bl-home .bl-api__send-menu { position:absolute; top:calc(100% + 8px); right:0; width:244px; max-width:calc(100cqw - 28px); padding:5px; border:1px solid #ffffff16; border-radius:10px; background:#1b1d21; box-shadow:0 12px 32px #0008,inset 0 1px #ffffff05; }
.bl-home .bl-api__send-menu button { display:flex; align-items:flex-start; gap:10px; width:100%; padding:10px; border:0; border-radius:6px; background:transparent; color:#d6d9e0; text-align:left; font:inherit; font-size:13px; line-height:1.4; cursor:pointer; }
.bl-home .bl-api__send-menu button:hover,.bl-home .bl-api__send-menu button:focus { background:#ffffff08; outline:none; }
.bl-home .bl-api__send-menu button > svg { flex:0 0 auto; width:17px; height:17px; margin-top:1px; fill:none; stroke:#a5adc2; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.bl-home .bl-api__send-menu button small { display:block; margin-top:3px; color:#9098a6; font-size:11px; line-height:1.4; }
.bl-home .bl-api__editor { min-width:0; min-height:0; display:grid; grid-template-rows:minmax(0,1fr) 32%; }
.bl-home .bl-api__request { min-height:0; overflow:hidden; display:flex; flex-direction:column; }
.bl-home .bl-api__request form { min-height:0; overflow:auto; margin:0; padding:3.5cqw 0; font:max(12px,2.15cqw)/1.75 ui-monospace,SFMono-Regular,Consolas,monospace; }
.bl-home .bl-api__languages { display:flex; flex:0 0 auto; gap:2.5cqw; padding:0 3cqw; overflow-x:auto; border-bottom:1px solid #ffffff09; }
.bl-home .bl-api__languages button { flex:0 0 auto; position:relative; padding:12px 1px; margin:0; border:0; border-radius:0; background:transparent; color:var(--api-subtle); font:500 max(11px,1.9cqw)/1.3 Arial,sans-serif; cursor:pointer; }
.bl-home .bl-api__languages button:hover { color:var(--api-text); }
.bl-home .bl-api__languages button[aria-selected=true] { color:#d5d9e2; }
.bl-home .bl-api__languages button[aria-selected=true]::after { content:''; position:absolute; inset:auto 0 0; height:2px; background:#8b91e5; border-radius:2px 2px 0 0; }
.bl-home .bl-api__example { min-height:0; overflow:auto; display:grid; grid-template-columns:8cqw max-content; align-content:start; padding:3cqw 0; font:max(12px,2.05cqw)/1.75 ui-monospace,SFMono-Regular,Consolas,monospace; scrollbar-width:thin; }
.bl-home .bl-api__example > .bl-api__line-number { white-space:pre; }
.bl-home .bl-api__example pre { margin:0; padding:0 2.7cqw; border:0; background:transparent; color:var(--api-text); font:inherit; white-space:pre; }
.bl-home .bl-api__example code { padding:0; background:transparent; color:inherit; font:inherit; }
.bl-home .bl-api__code-line { display:grid; grid-template-columns:8cqw minmax(0,1fr); min-height:4.8cqw; }
.bl-home .bl-api__line-number { display:block; border-right:1px solid #202225; color:var(--api-subtle); text-align:right; padding-right:2.2cqw; user-select:none; font:inherit; }
.bl-home .bl-api__code-line > :last-child { margin-left:2.7cqw; margin-right:1.5cqw; }
.bl-home .bl-api__endpoint { display:flex; flex:0 0 auto; align-items:center; gap:10px; box-sizing:border-box; min-height:max(46px,7cqw); padding:10px 3cqw; border-bottom:1px solid #ffffff09; color:#b1b8c5; font:max(12px,2cqw)/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.bl-home .bl-api__endpoint strong { flex:0 0 auto; padding:3px 6px; border-radius:4px; background:#88b49a0c; color:#9bb6a6; font-size:.9em; font-weight:500; letter-spacing:.03em; }
.bl-home .bl-api__endpoint > span { overflow-wrap:anywhere; }
.bl-home .bl-api__code-line label { display:flex; align-items:baseline; flex-wrap:wrap; column-gap:.5cqw; margin-top:0; padding-left:2cqw; font:inherit; color:var(--api-punctuation); }
.bl-home .bl-api__key { color:var(--api-key); }
.bl-home .bl-api__code-line :is(input,textarea) { box-sizing:border-box; border:1px solid transparent; border-radius:.5cqw; padding:0 .3cqw; background:transparent; color:var(--api-string); font:inherit; line-height:1.7; box-shadow:none; min-width:0; }
.bl-home .bl-api__code-line input { width:21cqw; }
.bl-home .bl-api__code-line textarea { display:block; width:100%; height:auto; margin:0; resize:none; }
.bl-home .bl-api__code-line :is(input,textarea):hover { background:#ffffff05; border-color:transparent; }
.bl-home .bl-api__code-line :is(input,textarea):focus { outline:1px solid #7b86aa80; outline-offset:2px; background:#ffffff05; }
.bl-home .bl-api__response { display:flex; flex-direction:column; min-height:0; border-top:1px solid #212223; }
.bl-home .bl-api__response-bar { display:flex; align-items:center; justify-content:space-between; gap:1cqw; flex-shrink:0; height:max(36px,7cqw); padding:0 2.6cqw; border-bottom:1px solid #212223; color:#aeb5c1; font:max(12px,2cqw)/1.4 ui-monospace,monospace; }
.bl-home .bl-api__response-bar > span:first-child { display:flex; align-items:center; gap:1.5cqw; }
.bl-home .bl-api__response-bar i { width:1.6cqw; height:1.6cqw; border-radius:50%; background:#6e737d; }
.bl-home .bl-api.is-complete [data-api-status] { color:#91bba2; }
.bl-home .bl-api.is-complete .bl-api__response-bar i { background:#65c58a; }
.bl-home .bl-api__response-code { display:grid; grid-template-columns:8cqw minmax(0,1fr); min-height:0; overflow:auto; padding-top:2cqw; font:max(12px,2.15cqw)/1.8 ui-monospace,monospace; }
.bl-home .bl-api__response-code pre { padding:0 2.7cqw; margin:0; border:0; background:none; color:var(--api-punctuation); font:inherit; white-space:pre-wrap; overflow-wrap:anywhere; }
.bl-home .bl-api button:focus-visible { outline:2px solid #b596e8; outline-offset:-3px; }
/* Keep the exact Huddle Up shading, including its reveal on hover. */
.bl-pos.bl-home #texting-api .bl-home__api-media .bl-pos__workspace-stage:focus-within::after { opacity:0; }
@media(hover:none) { .bl-pos.bl-home #texting-api .bl-home__api-media .bl-pos__workspace-stage::after { opacity:0; } }
@media(prefers-reduced-motion:reduce) { .bl-pos.bl-home #texting-api .bl-home__api-media .bl-pos__workspace-stage::after { transition:none; } }

.bl-home .bl-api__string { display:inline-flex; align-items:baseline; min-width:0; color:var(--api-string); }
.bl-home .bl-api__code-line .bl-api__string input { padding:0; width:20cqw; }

/* Syntax colors apply consistently to requests and responses. */
.bl-home .bl-api__key { color:var(--api-key); }
.bl-home .bl-api__value,.bl-home .bl-api__string { color:var(--api-string); }
.bl-home .bl-api__literal { color:var(--api-keyword); }
.bl-home .bl-api__number { color:#b4b8ee; }
.bl-home .bl-api__command { color:#8e9bee; }
.bl-home .bl-api__flag { color:#a5addd; }
.bl-home .bl-api__punctuation,.bl-home .bl-api__code-line label { color:var(--api-punctuation); }
.bl-home .bl-api__response-code .bl-api__line-number { white-space:pre; }
.bl-home .bl-api__code-line .bl-api__string { max-width:100%; }
.bl-home .bl-api__code-line .bl-api__string input { max-width:100%; }
.bl-home .bl-api__code-line .bl-api__string--body { display:flex; align-items:flex-start; flex-basis:100%; width:100%; gap:0; margin:.5cqw 0 1cqw; }
.bl-home .bl-api__string--body > span { flex:0 0 auto; line-height:1.7; }
.bl-home .bl-api__string--body > span:last-child { align-self:flex-end; }
.bl-home .bl-api__code-line .bl-api__string--body textarea { flex:0 1 auto; max-width:calc(100% - 2ch); min-height:0; padding:0; overflow:hidden; }

/* The API feature uses the app workspace's frame, light, and surface texture. */
.bl-pos.bl-home #texting-api .bl-home__api-media .bl-pos__workspace-stage {
    border:0;
    border-radius:10px;
    background:#121314;
    box-shadow:0 32px 84px rgba(0,0,0,.48);
    isolation:isolate;
}
.bl-pos.bl-home #texting-api .bl-home__api-media .bl-pos__workspace-stage::before {
    /* Keep the frame beneath the hover shade so its edges fade with the UI. */
    position:absolute; inset:0; z-index:29; box-sizing:border-box;
    border-radius:inherit; pointer-events:none; content:''; padding:1px;
    background:linear-gradient(180deg,#1f2021 0px,#313233 140px,#1f2021 280px) left top / 1px 100% no-repeat,#1f2021;
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite:exclude;
}
.bl-home .bl-api::before, .bl-home .bl-api::after {
    position:absolute; inset:0; z-index:12; pointer-events:none; content:'';
}
.bl-home .bl-api::before {
    background:radial-gradient(ellipse 300px 260px at 0 0,rgba(255,255,255,.04),transparent 100%);
}
.bl-home .bl-api::after, .bl-home .bl-routing::after, .bl-conversation-cycle__card::after, .bl-decision__signal::after, .bl-decision__filter-bar::after, .bl-decision__menu::after {
    opacity: .025;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%22160%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.82%22%20numOctaves%3D%223%22%20seed%3D%227%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23grain%29%22%20opacity%3D%221%22%2F%3E%3C%2Fsvg%3E");
    background-size: 160px 160px;
    mix-blend-mode: soft-light;
}
.bl-home .bl-routing::after { opacity:.035; mix-blend-mode:normal; }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-routing::before { background:linear-gradient(135deg,#ffffff50, #ffffff08 50%,#00000004); }

/* Keep the interactive API legible when the feature frame is narrow. */
.bl-pos.bl-home #texting-api .bl-home__api-media .bl-pos__workspace-stage { width:100%; min-height:480px; }
@media (max-width:600px) {
    .bl-pos.bl-home #texting-api .bl-home__api-media .bl-pos__workspace-stage { aspect-ratio:auto; min-height:0; }
    .bl-home .bl-api { position:relative; inset:auto; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; }
    .bl-home .bl-api__header { min-height:58px; padding:8px 14px; gap:10px; }
    .bl-home .bl-api__title { gap:8px; }
    .bl-home .bl-api__editor { grid-template-rows:auto auto; border-right:0; }
    .bl-home .bl-api__request { padding:0; }
    .bl-home .bl-api__request form { padding:20px 0; }
    .bl-home .bl-api__request form, .bl-home .bl-api__response-code { font-size:13px; }
    .bl-home .bl-api__code-line { min-height:28px; }
    .bl-home .bl-api__response-code { padding-block:12px; max-height:180px; }
}

/* Page palettes: editorial content follows the mode; product demos keep their own surfaces. */
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home {
    color-scheme:light;
    --pos-surface:var(--bodyBgColor);
    --pos-surface-raised:#f6f7f8;
    --pos-surface-soft:#eceef0;
    --pos-line:#c9cdd2;
    --pos-line-soft:#e0e3e6;
    --pos-text:#202225;
    --pos-muted:#565b63;
    --pos-accent:#27621d;
    --pos-accent-bright:#dfedda;
    --pos-violet:#5947ad;
    color:var(--pos-text);
}
html[layout-mode=medium] .bl-home {
    --pos-surface-raised:#e9e5dc;
    --pos-surface-soft:#cfc9be;
    --pos-line:#b6b0a5;
    --pos-line-soft:#c7c1b6;
    --pos-text:#2b2a27;
    --pos-muted:#56534d;
    --pos-accent:#25561d;
    --pos-accent-bright:#dce5d1;
    --pos-violet:#57469d;
}
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__section-head > h2,
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__pricing-heading h2 { color:var(--pos-text); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__text-link,
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__list li { color:var(--pos-muted); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__text-link:hover { color:var(--pos-accent); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__pricing-switcher { background:var(--pos-surface-soft); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__pricing-switcher button { color:var(--pos-muted); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__pricing-switcher button[aria-selected=true] { background:var(--pos-text); color:#fff; box-shadow:none; }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__price--featured .bl-pos__list li { color:#46533f; }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__button--preview { color:var(--pos-text); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__button--preview:hover { color:var(--pos-accent); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-home__media:not(:has(img)) { background:var(--pos-surface-raised); border-color:var(--pos-line-soft); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-home__media > span { color:var(--pos-line); }
/* The closing call to action follows the surrounding page palette. */
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home > .bl-pos__closing { background:var(--pos-surface); color:var(--pos-text); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__closing .bl-pos__button { background:var(--pos-text); border-color:var(--pos-text); color:#fff; }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__closing .bl-pos__button:hover { background:var(--pos-accent); border-color:var(--pos-accent); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__closing .bl-pos__button--secondary { background:var(--pos-surface-raised); border-color:var(--pos-line); color:var(--pos-text); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__closing .bl-pos__button--secondary:hover { background:var(--pos-surface-soft); border-color:var(--pos-text); }

/* Intentional dark islands retain their contrast in both lighter modes. */
.bl-pos.bl-home .bl-pos__hero,
.bl-pos.bl-home .bl-pos__workspace,
.bl-pos.bl-home .blp-app {
    color-scheme:dark;
    --pos-text:#f3f3f4;
    --pos-muted:#8c8f96;
    --pos-accent:#92c96f;
    --subColor:#8c8f96;
    --bodyColor:#d0d4dc;
    --layoutBorderColor:#2b2c2e;
    --buttonBgColor:#ddd;
    --buttonColor:#111;
}
.bl-pos.bl-home .bl-pos__hero { background:#000; color:#fff; }
.bl-pos.bl-home .bl-pos__hero-track::after { background:linear-gradient(to bottom,transparent,#0009 70%,#000); }
.bl-pos.bl-home .bl-pos__hero :focus-visible { outline-color:#fff; }

/* The navigation takes its contrast from the section underneath it. */
html:has(.bl-home) {
    --home-nav-text:#f3f3f4;
    --home-nav-button:#eee;
    --home-nav-button-text:#111;
}
html.bl-home-features-reached:has(.bl-home) {
    --home-nav-text:var(--bodyColor);
    --home-nav-button:var(--bodyColor);
    --home-nav-button-text:var(--bodyBgColor);
}
html [data-texting-site-header] .header { color:var(--home-nav-text); }
html [data-texting-site-header] .header .header-content .navigation > ul > li > a { color:var(--home-nav-text); }
html [data-texting-site-header] .header .header-content .navigation > ul.actions-area > li > a.btn { color:var(--home-nav-text)!important; border-color:currentColor!important; }
html [data-texting-site-header] .header .header-content .navigation > ul.actions-area > li:last-child > a.btn { background:var(--home-nav-button); color:var(--home-nav-button-text)!important; border-color:var(--home-nav-button)!important; }
html:not(.bl-home-features-reached) [data-texting-site-header] .main-logo [show-mode=dark] { display:block; }
html:not(.bl-home-features-reached) [data-texting-site-header] .main-logo [show-mode=lite] { display:none; }
html:has(.bl-home):not(.show-navigation) .navigation-trigger .hamburger span { background:var(--home-nav-text); }
html:has(.bl-home) .header .sub-dropdown { --subColor:var(--bodyColorSub,#8c8f96); color:var(--bodyColor); }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) { --bodyColorSub:#565b63; --buttonBgColor:#202225; --buttonColor:#fff; --footerColor:var(--subColor); --footerBgColor:var(--bodyBgColor); }
html[layout-mode=medium]:has(.bl-home) { --bodyColorSub:#56534d; }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .header .sub-dropdown .nav-sub-title { color:var(--bodyColor); }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .header .sub-dropdown .nav-sub-excerpt { color:var(--bodyColorSub); }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .header-mobile { background:var(--bodyBgColor); color:var(--bodyColor); }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .header-mobile .header-content :is(.standout,.items) ul li a { color:var(--bodyColor); }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .header-mobile .header-content .standout ul li a .meta .sub { color:var(--bodyColorSub); }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home).show-navigation .hamburger span { background:var(--bodyColor); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__overview-row .bl-pos__section-head > p:not(.bl-pos__feature-index) { color:var(--pos-muted); }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-pos__pricing-switcher button[aria-pressed=true] { background:var(--pos-text); color:#fff; box-shadow:none; }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .footer.section { position:relative; background:var(--bodyBgColor); color:var(--bodyColor); }
html:is([layout-mode=lite],[layout-mode=medium]) [data-texting-site-header] .header .header-content .navigation > ul > li.has-more.menu-active > a { color:var(--bodyColor); }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .header-mobile .header-content .navigation a { color:var(--bodyColor); }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .header-mobile .header-content .navigation .items a,
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .header-mobile .header-content .standout ul li a .meta .sub { font-weight:400; }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .header-mobile .mobile-contact { border-color:var(--layoutBorderColor); }
html:is([layout-mode=lite],[layout-mode=medium]):has(.bl-home) .header-mobile .mobile-contact a > div > div { color:var(--bodyColorSub)!important; font-weight:400; }

/* First-text setup: staggered tiles, sharp SVG icons, and a soft edge falloff. */
.bl-home .bl-home__media.bl-first-text { --first-tile-top:#1b1d20; --first-tile-bottom:#0c0d0f; --first-tile-line:#ffffff13; --first-icon:#9499a2; --first-focus:#d7dae0; position:relative; container-type:inline-size; background:transparent; border:0; border-radius:0; isolation:isolate; }
.bl-first-text .bl-first-text__grid { position:absolute; inset:7% -10%; display:flex; flex-direction:column; justify-content:center; gap:2.6cqw; -webkit-mask-image:radial-gradient(ellipse 53% 48% at 50% 50%,#000 15%,#000b 44%,#0003 73%,transparent 100%); mask-image:radial-gradient(ellipse 53% 48% at 50% 50%,#000 15%,#000b 44%,#0003 73%,transparent 100%); }
.bl-first-text .bl-first-text__row { display:flex; justify-content:center; gap:2.6cqw; flex-shrink:0; }
.bl-first-text .bl-first-text__tile { flex:0 0 20.5cqw; height:20.5cqw; display:grid; place-items:center; border:1px solid var(--first-tile-line); border-radius:2.5cqw; background:linear-gradient(145deg,var(--first-tile-top),var(--first-tile-bottom) 80%); box-shadow:inset 0 1px 0 #ffffff06; color:var(--first-icon); }
.bl-first-text .bl-first-text__tile > svg { width:7.4cqw; height:7.4cqw; }
.bl-first-text .bl-first-text__tile--message { color:var(--first-focus); background:linear-gradient(145deg,var(--first-tile-top),var(--first-tile-bottom)); border-color:color-mix(in srgb,var(--first-focus) 17%,transparent); box-shadow:inset 0 1px 0 #ffffff10,0 0 7cqw #ffffff03; }
.bl-first-text .bl-first-text__tile--message > svg { width:8.2cqw; height:8.2cqw; }
html:is([layout-mode=lite],[layout-mode=medium]) .bl-home .bl-home__media.bl-first-text { --first-tile-top:#ffffff; --first-tile-bottom:#eeeff2; --first-tile-line:#363b481d; --first-icon:#666d79; --first-focus:#333a47; background:transparent; border:0; }

/* Shared split introductions for the workspace and pricing sections. */
.bl-pos.bl-home .bl-home__section-heading {
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start; gap:clamp(40px,8vw,120px); text-align:left;
    margin-bottom:clamp(28px,3vw,44px);
}
.bl-pos.bl-home .bl-home__section-heading h2 {
    max-width:480px; margin:0; font-size:clamp(32px,3.5vw,52px);
    line-height:1.08; letter-spacing:-.04em;
}
.bl-pos.bl-home .bl-home__section-heading .bl-pos__proof-intro {
    max-width:600px; margin:0; font-size:clamp(18px,1.7vw,24px); line-height:1.5;
    color:color-mix(in srgb,var(--pos-text) 82%,var(--pos-muted)); text-align:left;
}
@media(max-width:760px) {
    .bl-pos.bl-home .bl-home__section-heading { grid-template-columns:1fr; gap:24px; }
}

/* Carry the existing top-link hover underline through each homepage section. */
html [data-texting-site-header] .header .header-content .navigation > ul li a.is-scroll-active > .top-link::before {
    width:calc(100% - 20px); left:10px; right:auto;
}
.bl-pos.bl-home > .bl-home__changelog {
    --release-hover-tone:#fff;
    padding:clamp(72px,8vw,120px) 0;
    border-top:var(--layoutBorderWidth,1px) solid var(--layoutBorderColor);
}
html:is([layout-mode=lite],[layout-mode=medium]) .bl-pos.bl-home > .bl-home__changelog { --release-hover-tone:#000; }
.bl-home .bl-home__changelog h2 { margin:0 0 clamp(40px,5vw,68px); font-size:clamp(32px,3.5vw,48px); line-height:1.1; letter-spacing:-.04em; color:var(--pos-text); }
.bl-home .bl-home__releases { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:0 0 54px; padding:0; list-style:none; }
.bl-home .bl-home__releases li { min-width:0; margin:0; padding:0; }
.bl-home .bl-home__releases a { display:block; text-decoration:none; color:var(--pos-text); }
.bl-home .bl-home__release-track { display:flex; align-items:center; gap:12px; margin-bottom:clamp(32px,4vw,60px); }
.bl-home .bl-home__release-track::after { content:''; flex:1; height:.5px; background:var(--layoutBorderColor); }
.bl-home .bl-home__release-track i { width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background:color-mix(in srgb,var(--pos-muted) 14%,transparent); }
.bl-home .bl-home__release-track i::after { content:''; width:5px; height:5px; border-radius:50%; background:var(--pos-muted); opacity:.5; }
.bl-home .bl-home__releases li:first-child .bl-home__release-track i { background:#e643431c; }
.bl-home .bl-home__releases li:first-child .bl-home__release-track i::after { background:#ef4545; opacity:1; }
.bl-home .bl-home__releases h3 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 14px; font-size:16px; font-weight:450; line-height:1.4; letter-spacing:-.01em; }
.bl-home .bl-home__releases p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0 0 22px; min-height:3.2em; font-size:15px; line-height:1.6; color:var(--pos-muted); }
.bl-home .bl-home__releases time { color:var(--pos-muted); font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; text-transform:uppercase; }
.bl-pos.bl-home .bl-home__changelog a,
.bl-pos.bl-home .bl-home__changelog a:is(:hover,:focus,:active),
.bl-home .bl-home__releases a h3 { text-decoration:none; }
.bl-pos.bl-home .bl-home__releases h3,
.bl-pos.bl-home .bl-home__changelog > .bl-pos__wrap > .bl-pos__text-link { transition:color 160ms ease; }
.bl-pos.bl-home .bl-home__releases a:is(:hover,:focus-visible) h3 {
    color:color-mix(in srgb,var(--pos-text) 75%,var(--release-hover-tone));
}
.bl-pos.bl-home .bl-home__changelog > .bl-pos__wrap > .bl-pos__text-link:is(:hover,:focus-visible) {
    color:color-mix(in srgb,var(--pos-muted) 75%,var(--release-hover-tone));
}
.bl-home .bl-home__releases a:focus-visible { outline:2px solid var(--pos-muted); outline-offset:8px; border-radius:4px; }
@media(max-width:850px) { .bl-home .bl-home__releases { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 24px; } }
@media(max-width:480px) { .bl-home .bl-home__releases { grid-template-columns:1fr; } .bl-home .bl-home__release-track { margin-bottom:20px; } }

/* Freeze CSS motion along with the selected feature's local animation clock. */
.bl-home [data-playback-active=false],
.bl-home [data-playback-active=false] *,
.bl-home [data-playback-active=false] *::before,
.bl-home [data-playback-active=false] *::after { animation-play-state:paused!important; }

.bl-pos.bl-home .bl-home__section-copy { min-width:0; }
.bl-pos.bl-home .bl-home__section-link { display:inline-flex; align-items:center; gap:8px; margin-top:32px; color:var(--pos-muted); font-size:16px; font-weight:400; }
.bl-pos.bl-home .bl-home__section-link svg { flex:0 0 18px; transition:transform .2s ease; }
.bl-pos.bl-home .bl-home__section-link:hover { color:var(--pos-text); }
.bl-pos.bl-home .bl-home__section-link:hover svg { transform:translateX(3px); }

/* Quiet isometric campaign preparation: audience below, ready-to-send message above. */
.bl-home .bl-home__media.bl-campaign-ready {
    --campaign-surface:var(--bodyBgColor,#080909);
    background:transparent;
    border:0;
    border-radius:0;
}
.bl-campaign-ready > svg { display:block; width:100%; height:100%; }
.bl-campaign-ready__face { fill:var(--campaign-surface); stroke:color-mix(in srgb,var(--pos-text,#ededee) 68%,transparent); stroke-width:1; stroke-linejoin:round; }
.bl-campaign-ready__seam,.bl-campaign-ready__guides { stroke:color-mix(in srgb,var(--pos-text,#ededee) 18%,transparent); stroke-width:1; stroke-dasharray:2 5; }
.bl-campaign-ready__edge { stroke:color-mix(in srgb,var(--pos-text,#ededee) 16%,transparent); stroke-width:1; }
.bl-campaign-ready__icon { stroke:var(--pos-text,#ededee); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; opacity:.36; }
.bl-campaign-ready__signals path { stroke:var(--pos-text,#ededee); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; opacity:.16; animation:bl-campaign-signal 2.4s ease-in-out infinite; animation-delay:var(--signal-delay); }
@keyframes bl-campaign-signal { 0%,55%,100% { opacity:.16; } 20% { opacity:.85; } }
@media(prefers-reduced-motion:reduce) {
    .bl-campaign-ready__signals path { animation:none; opacity:.45; }
}

/* Conversation examples cycle through context, a drafted reply, and a team handoff. */
.bl-home .bl-home__media.bl-conversation-cycle { container-type:inline-size; display:block; position:relative; background:transparent; border:0; border-radius:0; color:var(--pos-text); }
.bl-conversation-cycle__track { position:absolute; inset:0; overflow:hidden; }
.bl-conversation-cycle__card { position:absolute; top:2%; left:6%; width:88%; height:96%; box-sizing:border-box; display:flex; flex-direction:column; gap:3.2cqw; padding:3.4cqw; border:.5px solid color-mix(in srgb,var(--pos-text) 15%,transparent); border-radius:3.4cqw; background:color-mix(in srgb,var(--bodyBgColor,#080909) 97%,var(--pos-text)); opacity:var(--card-opacity); transform:translate3d(calc(var(--card-slot) * 102%),0,0); will-change:transform,opacity; font-size:clamp(10px,2.8cqw,16px); line-height:1.5; }
.bl-conversation-cycle svg { flex:none; width:3.7cqw; height:3.7cqw; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.bl-conversation-cycle__header { display:flex; align-items:center; gap:1.6cqw; color:color-mix(in srgb,var(--pos-text) 85%,var(--pos-muted)); }
.bl-conversation-cycle__header strong { font-size:3.1cqw; font-weight:500; }
.bl-conversation-cycle__mark { color:var(--pos-text); }
.bl-conversation-cycle__badge { padding:0 1.1cqw; border:.5px solid color-mix(in srgb,var(--pos-text) 12%,transparent); border-radius:1cqw; color:var(--pos-muted); font-size:2.5cqw; }
.bl-conversation-cycle .bl-conversation-cycle__window { width:11cqw; margin-left:auto; color:var(--pos-muted); }
.bl-conversation-cycle__body { flex:1; min-height:0; overflow:hidden; }
.bl-conversation-cycle__question { margin-left:4cqw; padding:2.6cqw 3cqw; background:color-mix(in srgb,var(--pos-text) 5%,transparent); border-radius:2.3cqw; }
.bl-conversation-cycle__customer { display:flex; align-items:center; gap:1.6cqw; margin-bottom:1.5cqw; color:var(--pos-muted); font-size:2.4cqw; }
.bl-conversation-cycle__customer img { display:block; width:4.4cqw; height:4.4cqw; border-radius:1.2cqw; object-fit:cover; }
.bl-conversation-cycle__customer small { margin-left:auto; font-size:2cqw; }
.bl-home .bl-conversation-cycle p { margin:0; padding:0; color:inherit; font-size:inherit; line-height:1.5; letter-spacing:0; }
.bl-conversation-cycle__context { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:1cqw; margin:2cqw 0 3cqw; color:var(--pos-muted); font-size:2.1cqw; }
.bl-conversation-cycle__context svg { width:3cqw; height:3cqw; }
.bl-conversation-cycle__context span:last-child { opacity:.65; }
.bl-conversation-cycle__status { display:flex; align-items:center; gap:1.3cqw; min-height:4cqw; margin-bottom:2cqw; color:var(--pos-muted); font-size:2.5cqw; }
.bl-conversation-cycle__dots { display:inline-flex; gap:.6cqw; }
.bl-conversation-cycle__dots i { width:.6cqw; height:.6cqw; border-radius:50%; background:currentColor; animation:bl-conversation-thinking 1.2s ease-in-out infinite; }
.bl-conversation-cycle__dots i:nth-child(2) { animation-delay:.15s; }
.bl-conversation-cycle__dots i:nth-child(3) { animation-delay:.3s; }
.bl-home .bl-conversation-cycle .bl-conversation-cycle__reply { color:color-mix(in srgb,var(--pos-text) 84%,var(--pos-muted)); }
.bl-conversation-cycle__record { display:flex; align-items:center; gap:2cqw; margin-top:3cqw; padding:2.5cqw; border:.5px solid color-mix(in srgb,var(--pos-text) 13%,transparent); border-radius:1.5cqw; }
.bl-conversation-cycle__record svg { color:#72ac8a; }
.bl-conversation-cycle__record strong,.bl-conversation-cycle__record span { display:block; }
.bl-conversation-cycle__record strong { font-size:2.7cqw; font-weight:450; }
.bl-conversation-cycle__record span { margin-top:.5cqw; color:var(--pos-muted); font-size:2.3cqw; }
.bl-conversation-cycle__composer { padding:2.5cqw; border:.5px solid color-mix(in srgb,var(--pos-text) 10%,transparent); border-radius:2.4cqw; background:linear-gradient(145deg,color-mix(in srgb,var(--pos-text) 4%,transparent),transparent); color:var(--pos-muted); }
.bl-conversation-cycle__composer>span { opacity:.7; }
.bl-conversation-cycle__composer>div { display:flex; align-items:center; gap:2.5cqw; margin-top:4cqw; }
.bl-conversation-cycle__team { display:flex; align-items:center; gap:1.2cqw; font-size:2.5cqw; }
.bl-conversation-cycle .bl-conversation-cycle__attachment { width:3.5cqw; height:3.5cqw; margin-left:auto; }
.bl-conversation-cycle__send { display:grid; place-items:center; width:6cqw; height:6cqw; border-radius:50%; background:color-mix(in srgb,var(--pos-text) 5%,transparent); }
.bl-conversation-cycle__send svg { width:3cqw; height:3cqw; }
@keyframes bl-conversation-thinking { 0%,70%,100% { opacity:.25; } 35% { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .bl-conversation-cycle__dots i { animation:none; } }

/* Match the POS illustration's fine grain, directional sheen, and quiet edges. */
.bl-conversation-cycle__card {
    isolation:isolate; overflow:hidden;
    border-color:color-mix(in srgb,var(--pos-text) 10%,transparent);
    background:linear-gradient(135deg,color-mix(in srgb,var(--pos-text) 3%,var(--bodyBgColor,#080909)),var(--bodyBgColor,#080909) 76%);
    box-shadow:inset 0 1px 0 #ffffff03;
}
.bl-conversation-cycle__card::before,.bl-conversation-cycle__card::after {
    content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
}
.bl-conversation-cycle__card::before { z-index:-1; background:radial-gradient(ellipse 85% 60% at 0 0,#ffffff08,transparent 85%); }
.bl-conversation-cycle__card::after { z-index:3; opacity:.035; mix-blend-mode:normal; }
.bl-conversation-cycle__question { background:color-mix(in srgb,var(--pos-text) 3%,var(--bodyBgColor,#080909)); box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--pos-text) 5%,transparent); }
.bl-conversation-cycle__record,.bl-conversation-cycle__composer { border-color:color-mix(in srgb,var(--pos-text) 9%,transparent); background:linear-gradient(140deg,color-mix(in srgb,var(--pos-text) 2%,transparent),transparent 75%); }

/* Campaign signals resolve into a focused customer segment. */
.bl-home .bl-home__media.bl-decision { position:relative; container-type:inline-size; display:block; background:transparent; border:0; border-radius:0; color:var(--pos-text); }
.bl-decision__stage { position:absolute; inset:5% 2%; overflow:hidden; isolation:isolate; border:0; border-radius:0; background:transparent; }
.bl-decision__signal::after,.bl-decision__filter-bar::after,.bl-decision__menu::after { border-radius:inherit; content:''; position:absolute; inset:0; pointer-events:none; opacity:.035; mix-blend-mode:normal; }
.bl-decision__signals,.bl-decision__filter { position:absolute; inset:0; transform:rotate(-8deg) skewX(-8deg); }
.bl-decision__signals { animation:bl-decision-signals 12s ease-in-out infinite; }
.bl-decision__signal { position:absolute; top:calc(18% + var(--signal) * 14%); left:calc(7% + var(--signal) * 12%); width:84%; padding:4.5cqw; border:.5px solid color-mix(in srgb,var(--pos-text) 16%,transparent); border-radius:3.5cqw; background:linear-gradient(140deg,color-mix(in srgb,var(--pos-text) 7%,var(--bodyBgColor,#080909)),color-mix(in srgb,var(--pos-text) 2%,var(--bodyBgColor,#080909)) 85%); box-shadow:0 3cqw 7cqw #00000020; animation:bl-decision-card 12s ease-in-out infinite; animation-delay:calc(var(--signal) * .2s); }
.bl-decision__signal>div { display:flex; align-items:center; gap:2cqw; color:color-mix(in srgb,var(--pos-text) 75%,var(--pos-muted)); }
.bl-decision svg { width:4.5cqw; height:4.5cqw; flex:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.bl-decision strong { font-size:3.2cqw; font-weight:500; }
.bl-decision__signal>div>span { margin-left:auto; color:var(--pos-muted); font-size:1.8cqw; white-space:nowrap; }
.bl-home .bl-decision__signal p { margin:3cqw 0 2cqw; font-size:3.6cqw; line-height:1.4; color:color-mix(in srgb,var(--pos-text) 65%,var(--pos-muted)); letter-spacing:-.02em; }
.bl-decision__signal small { display:block; color:var(--pos-muted); font-size:2.5cqw; white-space:nowrap; }
.bl-decision__filter { opacity:0; animation:bl-decision-filter 12s ease-in-out infinite; }
.bl-decision__filter-bar { position:absolute; top:24%; left:8%; width:87%; display:flex; align-items:center; gap:2.5cqw; padding:4.5cqw; border:.5px solid color-mix(in srgb,var(--pos-text) 14%,transparent); border-radius:3cqw; background:linear-gradient(140deg,color-mix(in srgb,var(--pos-text) 7%,var(--bodyBgColor,#080909)),var(--bodyBgColor,#080909)); }
.bl-decision__filter-bar>span { margin-left:auto; color:var(--pos-muted); font-size:4cqw; }
.bl-decision__menu { position:absolute; top:37%; left:25%; width:68%; padding:2.5cqw; border:.5px solid color-mix(in srgb,var(--pos-text) 14%,transparent); border-radius:3.5cqw; background:linear-gradient(145deg,color-mix(in srgb,var(--pos-text) 7%,var(--bodyBgColor,#080909)),color-mix(in srgb,var(--pos-text) 2%,var(--bodyBgColor,#080909))); box-shadow:0 4cqw 8cqw #00000025; }
.bl-decision__menu>div { display:flex; align-items:center; gap:2.8cqw; padding:2cqw 1cqw; color:var(--pos-muted); font-size:3.2cqw; white-space:nowrap; }
.bl-decision__menu i { width:3.8cqw; height:3.8cqw; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--pos-muted) 65%,transparent); border-radius:1cqw; }
.bl-decision__menu i svg { width:3cqw; height:3cqw; color:#e4e3ff; opacity:0; }
.bl-decision__selected i { animation:bl-decision-check 12s ease infinite; }
.bl-decision__selected i svg { animation:bl-decision-tick 12s ease infinite; }
.bl-decision__selected--due i,.bl-decision__selected--due i svg { animation-delay:.7s; }
@keyframes bl-decision-signals { 0%,34% { opacity:1; } 42%,92% { opacity:0; } 100% { opacity:1; } }
@keyframes bl-decision-card { 0%,34%,100% { transform:translateY(0); } 43%,86% { transform:translateY(-3cqw); } }
@keyframes bl-decision-filter { 0%,38%,94%,100% { opacity:0; transform:rotate(-8deg) skewX(-8deg) translateY(3cqw); } 46%,86% { opacity:1; transform:rotate(-8deg) skewX(-8deg) translateY(0); } }
@keyframes bl-decision-check { 0%,52%,96%,100% { background:transparent; border-color:color-mix(in srgb,var(--pos-muted) 65%,transparent); } 58%,88% { background:#6568be; border-color:#797bd5; } }
@keyframes bl-decision-tick { 0%,52%,96%,100% { opacity:0; } 58%,88% { opacity:1; } }

/* Quiet cumulative lines and daily bars, with an upcoming period at the edge. */
.bl-home .bl-home__media.bl-headspace { display:block; background:transparent; border:0; border-radius:0; color:var(--pos-muted); }
.bl-headspace>svg { display:block; width:100%; height:100%; }
.bl-headspace__grid { stroke:color-mix(in srgb,var(--pos-muted) 32%,transparent); stroke-width:.7; }
.bl-headspace__planned { stroke:color-mix(in srgb,var(--pos-muted) 80%,transparent); stroke-width:1; }
.bl-headspace__markers { opacity:.65; }
.bl-headspace__reveal { animation:bl-headspace-draw 2.8s cubic-bezier(.3,0,.3,1) both; }
@keyframes bl-headspace-draw { from { width:8px; } to { width:432px; } }
@media(prefers-reduced-motion:reduce) {
    .bl-decision__signals,.bl-decision__signal,.bl-decision__filter,.bl-decision__selected i,.bl-decision__selected i svg,.bl-headspace__reveal { animation:none; }
    .bl-decision__signals { opacity:0; }
    .bl-decision__filter { opacity:1; }
    .bl-decision__selected i { background:#6568be; border-color:#797bd5; }
    .bl-decision__selected i svg { opacity:1; }
    .bl-headspace__reveal { width:432px; }
}

/* A simple choice between the store's existing POS and Blackleaf POS. */
.bl-pos.bl-home .bl-home__pos-choice { padding-block:clamp(64px,8vw,112px); }
.bl-home__pos-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(40px,8vw,120px); }
.bl-home__pos-options > article { display:flex; flex-direction:column; align-items:flex-start; border-top:1px solid var(--pos-line); padding-top:28px; }
.bl-pos.bl-home .bl-home__pos-options h3 { margin:0 0 14px; color:var(--pos-text); font-size:clamp(22px,2.1vw,30px); font-weight:500; line-height:1.2; letter-spacing:-.025em; }
.bl-pos.bl-home .bl-home__pos-options p { max-width:520px; margin:0 0 28px; color:var(--pos-muted); font-size:clamp(17px,1.4vw,20px); line-height:1.6; }
.bl-home__pos-options .bl-pos__text-link { margin-top:auto; }
@media(max-width:760px) { .bl-home__pos-options { grid-template-columns:1fr; gap:36px; } }

/* Plain-language buying questions; answers stay in the HTML without JavaScript. */
.bl-pos.bl-home .bl-home__faq { padding-block:clamp(64px,8vw,112px); }
.bl-home__faq-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:start; gap:clamp(40px,8vw,120px); }
.bl-home__faq-layout > .bl-pos__section-head { text-align:left; margin:0; max-width:none; }
.bl-pos.bl-home .bl-home__faq h2 { margin:0 0 20px; font-size:clamp(32px,3.5vw,52px); line-height:1.08; letter-spacing:-.04em; }
.bl-pos.bl-home .bl-home__faq p { margin:0 0 20px; color:var(--pos-muted); font-size:clamp(17px,1.4vw,20px); line-height:1.6; }
.bl-home__faq .bl-pos__faq details { border-color:var(--pos-line); }
.bl-home__faq .bl-pos__faq summary { padding-block:20px; color:var(--pos-text); }
.bl-home__faq .bl-pos__faq summary:focus-visible { outline:2px solid var(--pos-muted); outline-offset:4px; }
.bl-home__faq .bl-pos__faq summary > span { flex:none; color:var(--pos-muted); }
.bl-home__faq .bl-pos__faq details > div { padding:0 0 24px; }
@media(max-width:760px) { .bl-home__faq-layout { grid-template-columns:1fr; gap:32px; } }