/* momcited search showcase for brands (22 Oct 2026): a single demonstration page built from the founders' search prototype (~/Downloads/momcited_search, variant F), in the site's Manrope instead of the prototype's Mazzard. Shared tokens, the logo lockup, the demonstration strip and the footer. Compact like prototypes/ (see .prettierignore). */
@font-face{font-family:"Manrope Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal.woff2) format("woff2-variations")}
:root{color-scheme:light;--tomato:#D7482D;--label:#B8381F;--paper:#FFF4E6;--cream:#FFFAE9;--powder:#FCE2E4;--coral:#E7877E;--saffron:#F9B036;--ink:#3A2723;--line:rgba(58,39,35,.16);--mute:rgba(58,39,35,.6);--sans:"Manrope Variable","Helvetica Neue",Arial,sans-serif;--out:cubic-bezier(.23,1,.32,1);--ixcols:56px repeat(3,minmax(0,1fr));--ixgap:clamp(16px,2vw,28px)}
*{box-sizing:border-box}
html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:color .15s ease}button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
[hidden]{display:none!important}
.gut{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.ixg{display:grid;grid-template-columns:var(--ixcols);column-gap:var(--ixgap)}
.wm{display:block;aspect-ratio:1384/226;background:currentColor;-webkit-mask:url("/assets/wordmark-ink.svg") center/contain no-repeat;mask:url("/assets/wordmark-ink.svg") center/contain no-repeat}
.k{margin:0;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--label)}

/* the showcase strip: always says this is a concept with example content */
.strip{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 18px;padding:10px 24px;background:var(--ink);color:var(--cream);font-size:13px;text-align:center}
.strip b{font-weight:600}.strip a{text-decoration:underline;text-underline-offset:3px}

/* header: the full logo (wordmark and tagline) and what this page is */
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;padding-bottom:18px}
.toplabel{white-space:nowrap}
@media (max-width:520px){.toplabel{display:none}}

/* intent icons: classes instead of inline styles, so the page keeps a strict CSP */
.cmp .intents [data-i=problem] i{--m:url("img/ob21.png")}.cmp .intents [data-i=prepare] i{--m:url("img/ob24.png")}
.cmp .intents [data-i=idea] i{--m:url("img/ob5.png")}.cmp .intents [data-i=me] i{--m:url("img/ob2.png")}

.rule{margin:28px 0 0;font-size:14px;line-height:1.5;color:var(--mute)}
.rule a{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px}

@media (max-width:760px){:root{--ixcols:0px minmax(0,1fr)}.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.me span{display:none}.right{gap:16px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}