/* One navbar across public pages and the seller workspace. */
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:0;box-shadow:none;text-align:left}
.site-header .header-inner{width:calc(100% - 48px);max-width:1320px;margin:0 auto}
.site-header .nav{display:flex;align-items:center;gap:12px;padding:12px 0;flex-wrap:nowrap;min-height:52px;border:0;background:transparent;margin:0}
.site-header .logo{display:inline-flex;align-items:center;gap:0;font-weight:600;letter-spacing:-.02em;font-size:17px;line-height:1;flex:none;color:var(--ink)}
.site-header .links{display:flex;align-items:center;gap:18px;margin-left:10px;min-width:0}
.site-header .links a{font:400 14px/1 var(--sans);color:var(--muted);text-decoration:none;white-space:nowrap}
.site-header .links a:hover,.site-header .links a.on{color:var(--ink)}
.site-header .nav-end{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}
.site-header .seg2{display:inline-flex;margin:0;padding:2px;border:1px solid var(--line);border-radius:999px;background:#fff}
.site-header .seg2 button{all:unset;cursor:pointer;padding:5px 12px;border-radius:999px;font:400 12.5px/1.2 var(--sans);color:var(--muted)}
.site-header .seg2 button[aria-selected="true"]{background:var(--ink);color:#fff}
.site-header .seg2 button:focus-visible,.site-header a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.site-header .btn.sm{display:inline-flex;align-items:center;gap:8px;font:500 13px/1.2 var(--sans);padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap;text-decoration:none}
.console-body .console-shell{min-height:calc(100vh - 55px)}
.console-body .console-sidebar{top:55px;height:calc(100vh - 55px)}
.access-body .access-layout{min-height:calc(100svh - 55px)}
#view-gaps .phead{padding-bottom:24px}
#view-gaps .sourced-needs{margin-top:36px;padding-top:24px}
#view-gaps .sourced-needs h2{font-size:24px}
@media(max-width:760px){
 .site-header .header-inner{width:100%}
 .console-body>.site-header,.access-body>.site-header{padding:0 16px}
 .site-header .links{display:none}
 .site-header .nav{gap:10px}
 .site-header .seg2 button{padding:5px 10px;font-size:12px}
 .console-body .console-sidebar{height:auto;top:0}
}
/* Shared page frame: homepage background, gutters and content bounds. */
body,body.console-body,body.access-body{margin:0;background:var(--bg,#F9F9FA);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
#field{position:fixed;inset:0;z-index:0;pointer-events:none;width:100%;height:100%}
body>main,body>.shop-shell,body>.access-layout{position:relative;z-index:1}
.console-body .console-shell,.access-body .access-layout{width:calc(100% - 48px);max-width:1320px;margin:0 auto}
.console-body .console-sidebar,.console-body .console-topbar{background:transparent}
.access-body .access-showcase{background:transparent}
body[data-audience="agent"]{background:var(--bg,#F9F9FA);color:var(--ink)}
@media(max-width:760px){
 .console-body .console-shell,.access-body .access-layout{width:100%}
 .console-body>.site-header,.access-body>.site-header{padding:0}
}
body[data-audience="agent"] .site-header{background:rgba(249,249,250,.94);backdrop-filter:blur(12px)}
body[data-audience="agent"] .site-header .logo .lw{color:var(--ink)}
body[data-audience="agent"] .site-header .links a{color:var(--muted)}
body[data-audience="agent"] .site-header .seg2{background:#fff;border-color:var(--line)}
body[data-audience="agent"] .site-header .seg2 button{color:var(--muted)}
body[data-audience="agent"] .site-header .seg2 button[aria-selected="true"]{background:var(--ink);color:#fff}
body[data-audience="agent"] .site-header .btn.sm{background:#fff;border-color:var(--line);color:var(--ink)}
/* Upright editorial accents keep the serif contrast without cursive swashes. */
:root{--display:'DM Serif Display',Georgia,serif}
.flow-title em,.he-copy h2 em,.he-heading em,.he-end h2 em,.shop-intro h1 em,.showcase-content h2 em{font-family:var(--display);font-style:normal;font-weight:400;font-size:1em;line-height:inherit;letter-spacing:-.025em}
@media(min-width:761px) and (max-width:1050px){.site-header .links{gap:12px}.site-header .links a[data-route="docs"],.site-header .links a[data-route="pricing"]{display:none}}

#view-gaps .phead h1 em{font-family:var(--display);font-style:normal;font-weight:400;color:var(--brand-purple);letter-spacing:-.025em}

/* White at rest; only the cursor reveals the search ripple. */
:root{--bg:#fff}
body,body.console-body,body.access-body,body[data-audience="agent"]{background:#fff}
body.console-body{background-color:#fff}
.site-header,body[data-audience="agent"] .site-header,body:has(#view-home.on):not([data-audience="agent"]) .site-header{background:rgba(255,255,255,.94)}
/* Catalogue and gaps share the same page-heading template. */
.shop-intro,#view-gaps .phead{padding:64px 0 34px;max-width:690px;text-align:left}
.shop-intro h1,#view-gaps .phead h1{font-size:clamp(40px,6vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:15px 0 18px;text-wrap:wrap}
.shop-intro .intro-copy,#view-gaps .phead .lead{color:var(--muted);font-size:16px;line-height:1.7;max-width:580px;margin:0}
@media(max-width:520px){.shop-intro,#view-gaps .phead{padding:38px 0 25px}.shop-intro .intro-copy,#view-gaps .phead .lead{font-size:14px}}
/* About follows the catalogue/gaps page frame. */
#view-about .page-intro{padding:64px 0 34px;max-width:690px}
#view-about .page-intro h1{font-size:clamp(40px,6vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:15px 0 18px;text-align:left}
#view-about .page-intro h1 em{font-family:var(--display);font-style:normal;font-weight:400;color:var(--brand-purple)}
#view-about .page-intro p{font-size:16px;line-height:1.7;color:var(--muted);max-width:580px}
.about-sections{padding-bottom:48px}
.about-section{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;padding:40px 0;border-top:1px solid var(--line);text-align:left}
.about-section h2{font-size:clamp(24px,3vw,34px);line-height:1.18;font-weight:500;letter-spacing:-.04em;margin:0}
.about-section p{font-size:15px;line-height:1.8;color:var(--muted);margin:0;max-width:74ch}
.about-section p+p{margin-top:16px}
.about-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.about-pair h3{font-size:17px;font-weight:500;margin:0 0 12px;letter-spacing:-.025em}
.about-section .he-link{margin-top:20px;font-size:14px;gap:16px}
.about-contact{text-decoration:underline;text-underline-offset:3px}
.about-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-top:22px}
@media(max-width:760px){.about-section{grid-template-columns:1fr;gap:22px;padding:30px 0}.about-pair{grid-template-columns:1fr;gap:26px}}
@media(max-width:520px){#view-about .page-intro{padding:38px 0 25px}#view-about .page-intro p{font-size:14px}}

/* One brand colour for the wordmark and editorial accents. */
:root{--brand-purple:#5B3FE0;--accent:var(--brand-purple);--display:'DM Serif Display',Georgia,serif}
.logo .ex{font-family:var(--display);font-style:italic;font-size:1em;line-height:1;color:var(--brand-purple);margin-right:1px}
.flow-title em,.he-copy h2 em,.he-heading em,.he-end h2 em,.shop-intro h1 em,.showcase-content h2 em{color:var(--brand-purple)}
/* Accent words in headings share the logo's "ex" face: DM Serif Display italic. */
:is(h1,h2) em{font-family:var(--display,'DM Serif Display',Georgia,serif)!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.02em}
/* current-page highlight */
.site-header .links a{padding:7px 12px;margin:0 -6px;border-radius:999px;transition:background .2s,color .2s}
.site-header .links a:hover{background:#F1EEFE}
.site-header .links a.on{color:#5B3FE0;background:#F1EEFE;font-weight:500}
.site-header .btn.sm.on{background:#5B3FE0;border-color:#5B3FE0;color:#fff}
body[data-audience="agent"] .site-header .btn.sm.on{background:#5B3FE0;border-color:#5B3FE0;color:#fff}
.site-header .btn.sm.on,body[data-audience="agent"] .site-header .btn.sm.on{background:var(--ink,#0A0A0A);border-color:var(--ink,#0A0A0A);color:#fff}
/* selected nav state = same as Human/Agent toggle */
.site-header .links a.on{background:var(--ink,#0A0A0A);color:#fff;font-weight:400}
.site-header .links a.on:hover{background:var(--ink,#0A0A0A);color:#fff}
/* selected nav link: just heavier text */
.site-header .links a:hover{background:transparent}
.site-header .links a.on,.site-header .links a.on:hover{background:transparent;color:var(--ink,#0A0A0A);font-weight:600}

/* Logo: ex to the power of Niche (Niche is the small raised exponent) */
.logo .ex,.side-logo .ex{font-family:var(--display,'DM Serif Display',Georgia,serif);font-style:italic;font-weight:400;font-size:1em;line-height:1;color:var(--brand-purple,#5B3FE0);margin:0;position:static;top:auto}


/* Logo: ex and Niche same size, one baseline, ex bold */
.logo{align-items:baseline!important}
.logo .ex,.side-logo .ex{font-weight:700!important;font-size:1em!important;line-height:1!important;position:static!important;top:auto!important;vertical-align:baseline!important;margin:0 1px 0 0!important}