/* Cedar & Stone preview (19 Oct 2026, chosen by Kayhan): stone #EFEBE4, navy bands #0B1626, navy primary, darker navy #0B1626 (19 Oct 5:27 PM), no cedar on navy, clay #A4623F hairlines. Prev: Harbour Ink preview (19 Oct 2026, chosen by Kayhan): navy + bone, slate-navy primary, brass 1px hairlines only, success green only on tiny status pill. Prev: Palette B preview (19 Oct 2026): navy + white/soft grey, slate-blue accent; gold only as hairline (--gold). Was: Palette A v3 (chosen 17 Oct 2026, 11:35 AM PT): darker "Harbour navy + signal amber". Light base only for long-text sections; deep-navy bands for hero, who, departments, onboarding, pricing, footer. Amber = single action accent; blue = links/lines. */
:root{--bg:#EFEBE4;--paper:#F8F6F1;--tint:#E6E1D7;--tint2:#DFD9CD;--line:#D6CFC2;--ink:#1A1F24;--ink-l:#1A1F24;--muted:#5F5B53;--accent:#1A1F24;--accent-l:#1A1F24;
--dk:#0B1626;--dk2:#121F33;--dk3:#1A2A42;--lnk:#B8C1CE;--dk-ink:#EFEBE4;--dk-soft:#D6D7D3;--dk-muted:#A9B1BD;--dk-faint:#A3A9A7;
--e1:#8C9AAE;--e1t:#DCD5C8;--e2:#B8C1CE;--ok:#2F5D50;--btn:#EFEBE4;--btn-h:#FFFFFF;--on-btn:#0B1626;--btn-light:#0B1626;--btn-light-h:#1A2A42;--on-btn-light:#FFFFFF;
--grad:linear-gradient(#DCD5C8,#DCD5C8);--grad-light:linear-gradient(#0B1626,#0B1626);--rule:#A4623F;--gold:#A4623F;--pick-border:linear-gradient(#B8C1CE,#B8C1CE);--waiver-bg:#1A2A42}
.bx-hero .bx-glow{opacity:.45;z-index:1}
/* hero video: navy duotone + shade, agent cards stay on top */
.bx-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0B1626}
.bx-media .bx-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.75) contrast(1.05);animation:none}
.bx-media::before{content:"";position:absolute;inset:0;background:#0B1626;mix-blend-mode:color;opacity:.4;z-index:1}
.bx-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(11,22,38,.88) 0%,rgba(11,22,38,.8) 42%,rgba(11,22,38,.5) 62%,rgba(11,22,38,.28) 100%),linear-gradient(0deg,#0B1626 0%,rgba(11,22,38,0) 30%)}
.bx-hero::after{z-index:1}
.bx-hero-grid{z-index:3}
/* who it's for: navy duotone photos, no on-image tags */
.bx-who{padding-bottom:96px}
.bx-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
.bx-photo{margin:0;position:relative;overflow:hidden;border-radius:14px;aspect-ratio:4/3;background:#121F33;border:1px solid color-mix(in srgb,var(--lnk) 18%,transparent);isolation:isolate}
.bx-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block;filter:saturate(.7) contrast(1.05);transition:transform 1.2s ease}
.bx-photo::before{content:"";position:absolute;inset:0;background:#0B1626;mix-blend-mode:color;opacity:.38;z-index:1;pointer-events:none}
.bx-photo::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(11,22,38,0) 52%,rgba(11,22,38,.78) 80%,rgba(11,22,38,.94) 100%)}
.bx-photo:hover img{transform:scale(1.04)}
.bx-photo figcaption{position:absolute;left:16px;right:16px;bottom:14px;z-index:3;display:flex;gap:10px;align-items:center;color:#EFEBE4;font:600 1.02rem/1.25 var(--display);letter-spacing:-.01em}
.bx-photo .bx-ic{flex:none;width:22px;height:22px;color:var(--e1t)}
.bx-who .big em{color:var(--e1t)}
/* onboarding in navy */
#how.bx-dark .card{background:var(--dk2);border-color:color-mix(in srgb,var(--lnk) 18%,transparent)}#how.bx-dark .card p{color:var(--dk-soft)}#how.bx-dark .num{color:var(--e2)}
@media(max-width:900px){.bx-photos{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
.bx-shade{background:linear-gradient(180deg,rgba(11,22,38,.82) 0%,rgba(11,22,38,.8) 66%,rgba(11,22,38,.55) 80%,#0B1626 100%)}
.bx-who{padding-bottom:52px}
.bx-photos{gap:8px;margin-top:22px}.bx-photo{border-radius:10px;aspect-ratio:4/3}
.bx-photo figcaption{left:10px;right:8px;bottom:8px;font-size:.78rem}.bx-photo .bx-ic{display:none}
}
@media(prefers-reduced-motion:reduce){.bx-photo img{transition:none}}

/* v4: sample week, industries, flow and demos in navy */
.bx-dark .stage-card,.bx-dark .fl-stage{background:linear-gradient(180deg,var(--dk2),var(--dk));border-color:color-mix(in srgb,var(--lnk) 22%,transparent);box-shadow:0 40px 80px -50px rgba(0,0,0,.8)}
.bx-dark .sc-mail,.bx-dark .fl-mock,.bx-dark .cta-band,.bx-dark .approval-card{background:var(--dk3)}
.bx-dark .sc-mail span,.bx-dark .sc-sent p{color:var(--dk-soft)}
.bx-dark .sc-l li{border-color:color-mix(in srgb,var(--lnk) 18%,transparent)}.bx-dark .sc-l i{color:var(--dk-muted);border-color:color-mix(in srgb,var(--lnk) 30%,transparent)}
.bx-dark .p-d{color:var(--dk-muted);border-color:color-mix(in srgb,var(--lnk) 35%,transparent)}.bx-dark .p-a{color:var(--e1t)}.bx-dark .p-s{color:var(--dk-ink)}
.bx-dark .b-ok{background:var(--btn);border-color:var(--btn);color:var(--on-btn);box-shadow:0 0 0 6px color-mix(in srgb,var(--btn) 18%,transparent)}.bx-dark .b-ed{border-color:var(--dk-ink);color:var(--dk-ink)}
.bx-dark .st{opacity:.55}.bx-dark .st.on{opacity:1}
.bx-dark .fi-row.on{background:color-mix(in srgb,var(--e1) 16%,transparent)}.bx-dark .fi-row span,.bx-dark .fi-row i{color:var(--dk-soft)}
.bx-dark .fp-edit ins{background:color-mix(in srgb,var(--e1) 22%,transparent);border-color:var(--e2)}.bx-dark .fp-btn{background:var(--btn);color:var(--on-btn);box-shadow:none}
.bx-dark .fm-phone{background:var(--dk3);border-color:#2A3B55}.bx-dark .fm-phone::before{background:#2A3B55}
.bx-dark .fm-src,.bx-dark .fm-foot u{color:var(--e1t)}.bx-dark .fm-t td:first-child{color:var(--dk-soft)}
.bx-dark .fl-bar{background:color-mix(in srgb,var(--lnk) 20%,transparent)}.bx-dark .fl-bar i{background:var(--e2)}
.bx-dark .demo .demo-out{background:var(--dk);border-color:color-mix(in srgb,var(--lnk) 22%,transparent);color:var(--dk-ink)}
.bx-dark .demo .demo-tag,.bx-dark .tag{border-color:color-mix(in srgb,var(--lnk) 35%,transparent);color:var(--dk-soft)}
.bx-dark input,.bx-dark textarea{background:var(--dk);color:var(--dk-ink);border-color:color-mix(in srgb,var(--lnk) 35%,transparent)}
.bx-dark input::placeholder,.bx-dark textarea::placeholder{color:var(--dk-faint);opacity:1}
.bx-dark input:focus,.bx-dark textarea:focus{outline-color:var(--e2);border-color:var(--e2)}
.bx-dark .approval-card{border-color:color-mix(in srgb,var(--lnk) 40%,transparent)}.bx-dark .approval-card pre{border-color:color-mix(in srgb,var(--lnk) 30%,transparent)}
.bx-dark .ticker{border-color:color-mix(in srgb,var(--lnk) 18%,transparent)}.bx-dark .t-a{color:var(--e1t)}.bx-dark .t-s{color:var(--dk-ink)}.bx-dark .t-d{color:var(--dk-muted);border-color:color-mix(in srgb,var(--lnk) 35%,transparent)!important}
.bx-dark .demos.touring .demo.focus{border-color:var(--e2);box-shadow:0 0 0 4px color-mix(in srgb,var(--e2) 20%,transparent)}
.bx-dark .card:hover{border-color:color-mix(in srgb,var(--e1) 45%,transparent)}
@media(max-width:860px){.bx-dark .story-stage{background:var(--dk)}}

html{scroll-padding-top:96px}

/* v6 mobile menu + shorter mobile home (17 Oct 2026). Desktop (>900px) unchanged. */
.nav-toggle{display:none}
@media(max-width:900px){
.nav-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-10px;padding:0;background:none;border:0;border-radius:10px;color:var(--dk-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.nav-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
.nav-toggle:focus-visible{outline:2px solid var(--e1t);outline-offset:2px}
header.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.nav-open .nav-toggle span:nth-child(2){opacity:0}
header.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
header.site nav.main{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:6px 22px 20px;background:var(--dk);border-bottom:1px solid color-mix(in srgb,var(--lnk) 18%,transparent);box-shadow:0 24px 48px rgba(0,0,0,.45);max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain}
header.site.nav-open nav.main{display:flex}
header.site nav.main a{display:flex;align-items:center;min-height:48px;margin:0;padding:0 2px;font-size:1.02rem;border-bottom:1px solid color-mix(in srgb,var(--lnk) 12%,transparent)}
header.site nav.main a.cta-link{justify-content:center;margin-top:16px;padding:12px 18px;border-bottom:0;font-size:1rem}
body.nav-open #ao-chat-btn,body.nav-open #ao-top{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.nav-toggle span{transition:none}}
}
@media(max-width:760px){
/* tighter rhythm */
section{padding:40px 0}
.editorial,.bx-who{padding:40px 0 36px}
.bx-hero{padding:28px 0 36px}
.trust.bx-dark{padding:0 0 28px}
.trust-item{padding:14px 16px}
h2{margin-bottom:.35em}
/* decorative hero illustration off on phones (aria-hidden, example activity) */
.bx-vis{display:none}
/* who-it-is-for: photos off, captions as chips */
.bx-photos{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.bx-photo{aspect-ratio:auto!important;border-radius:999px;background:color-mix(in srgb,var(--lnk) 8%,transparent)}
.bx-photo img,.bx-photo::before,.bx-photo::after{display:none}
.bx-photo figcaption{position:static;padding:8px 14px;font-size:.84rem;gap:8px}
.bx-photo .bx-ic{display:block;width:18px;height:18px}
/* every card grid: one column, cards never stretch to a neighbour */
.grid,.team-grid,.bx-prices,.bx-lanes,#industries .grid.g3,#how .grid.g4,#pilot .grid.g4{grid-template-columns:1fr!important;align-items:start;gap:10px}
.grid[style*="margin-top:40px"],.grid[style*="margin-top:48px"],.team-grid{margin-top:18px!important}
/* agent cards: icon left, text right */
.team-card{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:start;padding:12px 14px}
.team-card .bx-tile-hd{grid-row:1/3;margin:0}
.team-card .tc-n{display:none}
.team-card h3{margin:2px 0 2px;font-size:1rem}
.team-card p{grid-column:2;margin:0}
.team-more{margin-top:10px}
.card{padding:16px 16px}
.card h3{margin:0 0 .3em}
.card p:last-child{margin-bottom:0}
#industries .card,#how .card{padding:14px 16px}
#industries .card p,#how .card p{font-size:.86rem}
#how .num{display:inline-block;margin:0 8px 0 0;vertical-align:baseline}
#how .card h3{display:inline}
#how .card p{margin-top:.4em}
.any-biz{margin-top:14px!important}
.team-cta{margin-top:18px}
/* demos: no empty answer box until there is an answer */
.demo .demo-out:empty{min-height:0!important;padding:0!important;border:0!important;margin:0!important}
.demos{margin-top:22px!important}
form.contact{gap:10px}
footer.site{padding:36px 0 28px}
}
/* Add-ons block under the packages (18 Oct 2026, approved) */
.bx-addons{margin-top:28px;padding:24px 26px;border-radius:18px;background:color-mix(in srgb,var(--dk2) 85%,transparent);border:1px solid color-mix(in srgb,var(--lnk) 30%,transparent)}
.bx-ad-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-bottom:14px}
.bx-ad-hd h3{margin:0;font-size:1.4rem;color:var(--dk-ink)}.bx-ad-hd p{margin:0;font-size:.9rem;color:var(--dk-soft)}
.bx-ad-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.bx-ad-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-top:1px solid color-mix(in srgb,var(--lnk) 22%,transparent)}
.bx-ad-t h4{margin:0 0 4px;font:600 1.02rem/1.3 var(--display);color:var(--dk-ink)}
.bx-ad-t p{margin:0;font-size:.86rem;line-height:1.45;color:var(--dk-soft)}
.bx-soon{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--btn);color:var(--on-btn);font:600 .62rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;vertical-align:2px}
.bx-ad-p{flex:none;margin:0;text-align:right;font:700 1.5rem/1 var(--display);color:var(--dk-ink)}
.bx-ad-p small{font:500 .78rem var(--mono);color:var(--dk-muted)}
.bx-ad-p span{display:block;margin-top:6px;font:500 .74rem var(--mono);color:var(--dk-muted);white-space:nowrap}
@media(max-width:760px){
.bx-addons{margin-top:18px;padding:16px 14px;border-radius:14px}
.bx-ad-hd h3{font-size:1.15rem}.bx-ad-hd p{font-size:.8rem}
.bx-ad-list{grid-template-columns:1fr!important}
.bx-ad-list li{padding:11px 0;gap:12px}
.bx-ad-t h4{font-size:.95rem}.bx-ad-t p{font-size:.8rem}
.bx-ad-p{font-size:1.25rem}.bx-ad-p span{font-size:.68rem}
}
/* Add-ons row (19 Oct 2026: Design Studio and realtor client page, quoted after a short scoping call; phone answering coming next, no price) */
.bx-ad-list.bx-ad-one{grid-template-columns:1fr}
.bx-ad-one li{align-items:center;gap:28px}
.bx-ad-one .bx-ad-t{max-width:62ch}
.bx-ad-note{margin:4px 0 0;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--lnk) 22%,transparent);font-size:.86rem;color:var(--dk-soft)}
@media(max-width:760px){.bx-ad-one li{align-items:flex-start;gap:12px}.bx-ad-note{font-size:.8rem}}
.ag-st{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font:600 .58rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;vertical-align:2px;white-space:nowrap}
.ag-now{background:var(--ok);color:#FFFFFF}
.ag-setup{background:transparent;color:var(--dk-soft);border:1px solid color-mix(in srgb,var(--lnk) 45%,transparent)}
.ag-note{margin:18px 0 0;color:var(--dk-soft);font-size:.92rem}
@media (max-width:560px){.ag-st{margin-left:0;margin-top:4px;display:table}}

/* Palette B overrides */
.bx-waiver{color:var(--dk-ink);border:1px solid color-mix(in srgb,var(--lnk) 30%,transparent);border-top:1px solid var(--gold)}.bx-waiver .btn{background:var(--btn);color:var(--on-btn)}.bx-waiver .btn:hover{background:var(--btn-h)}.bx-price.bx-pick{box-shadow:inset 0 1px 0 0 var(--gold)}nav.main a.cta-link:hover,#ao-chat-btn:hover{background:var(--btn-h)}
/* Harbour Ink: no green text on navy; success green only as the tiny "now" pill fill */
.bx-s.ok{color:var(--dk-soft)!important;border-color:color-mix(in srgb,var(--lnk) 45%,transparent)!important;background:transparent!important}

/* Cedar accents (~20%): add-on tags, active nav underline, photo tints, phone mock border */
.bx-soon{background:transparent!important;color:var(--dk-ink)!important;border:1px solid #A4623F}
header.site nav.main a[aria-current],header.site nav.main a.active{box-shadow:inset 0 -2px 0 #A4623F}

/* no green on navy */
.ag-now{background:transparent;color:var(--dk-ink);border:1px solid #A4623F}

/* Cedar & Stone Deep (Avery final): ink underlined links on light; cedar light-only */
body :not(.bx-dark) > p a:not(.btn),section:not(.bx-dark) p a:not(.btn){color:#1A1F24;text-decoration:underline;text-underline-offset:2px}
section:not(.bx-dark) .bx-soon{color:#FFFFFF!important;background:#2F5D50!important;border-color:#2F5D50}

/* footer contrast fix (preview) */
footer.site{background:#0B1626!important;color:#EFEBE4!important}
footer.site p,footer.site .ao-legal,footer.site span{color:#EFEBE4!important;opacity:1!important}
footer.site a,footer.site .ao-cc-link{color:#F8F6F1!important;opacity:1!important;text-decoration:underline;text-underline-offset:3px;background:none;border:0;font:inherit;padding:0;cursor:pointer}
footer.site a:hover,footer.site a:focus-visible,footer.site .ao-cc-link:hover{color:#F8F6F1!important;text-decoration-color:#A4623F;text-decoration-thickness:2px}
footer.site a.ao-soc{text-decoration:none;border-color:#EFEBE4!important}
footer.site a.ao-soc:hover{border-color:#A4623F!important}
@media(min-width:901px){header.site nav.main{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;align-items:center}header.site nav.main a{margin-left:0!important;white-space:nowrap;font-size:14px!important;padding-left:0!important;padding-right:0!important}header.site nav.main a.cta-link{padding:8px 14px!important}}
@media(min-width:901px) and (max-width:1180px){header.site nav.main{gap:11px!important}header.site nav.main a{font-size:13px!important}header.site .wordmark .wm{font-size:18px}}
header.site .wordmark{flex-shrink:0}
/* Enterprise pill */
header.site nav.main a[href="/enterprise/"]{color:#A4623F!important;border:1px solid #A4623F!important;border-radius:999px;font-weight:500;box-shadow:none!important;transition:background .15s,color .15s}
header.site nav.main a[href="/enterprise/"]:hover,header.site nav.main a[href="/enterprise/"]:focus-visible,header.site nav.main a[href="/enterprise/"][aria-current]{background:#A4623F;color:#F8F6F1!important}
@media(min-width:901px){header.site nav.main a[href="/enterprise/"]{padding:4px 12px!important;min-height:0}header.site nav.main{gap:14px!important}}
@media(min-width:901px) and (max-width:1180px){header.site nav.main{gap:9px!important}header.site nav.main a[href="/enterprise/"]{padding:3px 9px!important}}
@media(max-width:900px){header.site nav.main a[href="/enterprise/"]{border-radius:8px;padding:0 14px!important;margin:6px 0!important}}
header.site nav.main a[href="/enterprise/"]{color:#F8F6F1!important}