/* Homepage visual reference: live /tools/ai-search-audit/, 24 September 2026. */
:root{--paper:#FEFEFE;--wash:#F5F7F8;--ink:#21212D;--muted:#5A6472;--line:#E3E7EB;--border-strong:#CFD6DC;--teal:#2BB8A6;--green:#0F7A6B;--accent-ink:#12212B;--max:1000px;color-scheme:light}
@media(prefers-color-scheme:dark){:root{--paper:#111828;--wash:#182032;--ink:#EDF0F4;--muted:#9CA3AF;--line:#243049;--border-strong:#33415F;--green:#4FD6C4;color-scheme:dark}}
body{font-size:17px;-webkit-font-smoothing:antialiased;position:relative}
body::before{content:"";position:fixed;inset:0;max-width:min(1120px,96vw);margin:auto;border-inline:1px solid var(--line);pointer-events:none;z-index:-1}
.wrap{width:min(var(--max),92vw)}
.top{position:relative;background:transparent;border:0}
.nav{min-height:0;padding:26px 0 36px;gap:16px;flex-wrap:wrap}
.wordmark{font-size:16px;font-weight:680;letter-spacing:-.02em}
.navlinks{gap:22px}.navlinks>a:not(.btn){color:var(--muted)}
.btn,.btn.teal{background:var(--teal);border-color:transparent;color:var(--accent-ink);border-radius:999px;font-size:16px;font-weight:640;padding:15px 26px;transition:filter .2s,transform .2s}
.btn:hover,.btn.teal:hover{background:var(--teal);filter:brightness(1.06);transform:translateY(-1px)}
.btn.outline{background:transparent;color:var(--ink);border-color:var(--border-strong)}
.btn.outline:hover{background:var(--wash)}
.nav .btn{font-size:14.5px;padding:11px 18px}
h1,h2,h3{text-wrap:balance;font-weight:660}
h1{font-size:clamp(36px,6.2vw,58px);line-height:1.15;letter-spacing:-.035em;max-width:none;margin-bottom:24px;font-weight:680}
h2{font-size:clamp(25px,3.8vw,34px);line-height:1.15;letter-spacing:-.028em;max-width:24ch}
h3{font-size:18px;font-weight:640;letter-spacing:-.01em}
h1 em,h2 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--green)}
.eyebrow{font-size:11.5px;letter-spacing:.16em;font-weight:500;color:var(--muted)}
.lede{font-size:clamp(17px,2.2vw,20px);line-height:1.55;max-width:60ch}
.small{font-size:14px}
.hero{padding:24px 0 clamp(48px,8vw,90px);position:relative;isolation:isolate;overflow:hidden}
.hero-grid{display:block}.hero-grid>div:first-child{max-width:680px;margin:auto;position:relative}
.hero .actions{position:relative;margin-top:28px}
.hero .actions::before{content:"";position:absolute;left:50%;top:50%;width:min(1180px,168vw);height:500px;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px),radial-gradient(ellipse at center,color-mix(in srgb,var(--teal) 26%,transparent),transparent 60%);background-size:46px 46px,46px 46px,100% 100%;mask-image:radial-gradient(ellipse at center,#000 8%,transparent 70%);opacity:.9}
.stage{margin-top:46px;padding:26px;border-radius:16px;background:var(--wash);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.stage-label{grid-column:1/-1;margin:0}
.flow-row{border-top:1px solid var(--line);padding:20px 0 0;grid-template-columns:24px 1fr;gap:8px}
.flow-row h3{font-size:17px}.flow-row p{font-size:14.5px}
.flow-note{grid-column:1/-1;font:500 15px/1.5 Inter,system-ui;margin:0;padding-top:18px;border-top:1px solid var(--line);color:var(--green)}
.band{background:var(--wash);border:0;padding:24px 0}
.section{padding:clamp(48px,8vw,90px) 0;border:0}
.section:nth-of-type(even){background:var(--wash)}
.card,.post-list a{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:clamp(22px,3.4vw,30px)}
.section:nth-of-type(odd) .card{background:var(--wash)}
.card .num{font-size:11.5px;letter-spacing:.12em;margin-bottom:24px}
.pill{border:1px solid color-mix(in srgb,var(--teal) 34%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--teal) 9%,var(--paper));color:var(--green);padding:5px 11px;font-size:12px}
.price{font-size:38px}.price span{font-size:13px}
.people{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--paper);gap:20px}
.people img{border-radius:14px;border:1px solid var(--line)}
.post-list a{font-size:18px}.post-list a:hover{border-color:var(--border-strong)}
.dark,.section.dark:nth-of-type(even){background:color-mix(in srgb,var(--teal) 9%,var(--paper));color:var(--ink);border-block:1px solid color-mix(in srgb,var(--teal) 25%,var(--line))}
.dark .eyebrow{color:var(--green)}.dark p{color:var(--muted)}
.footer{background:var(--paper)}.footer .wrap{gap:24px}.footer-links{gap:18px}
@media(max-width:760px){body::before{display:none}.nav{padding-bottom:28px}.navlinks{gap:14px}.hero{padding-top:20px}.stage{grid-template-columns:1fr;gap:18px}.flow-row{padding-top:18px}.hero .actions .btn{flex:0 1 auto}.intro{gap:24px}.grid3{gap:16px}.people{padding:18px;gap:16px}.navlinks>a:not(.btn){font-size:13px}}
@media(max-width:400px){.navlinks{width:100%;justify-content:space-between}.hero .actions{flex-direction:column;align-items:stretch}.grid2{gap:18px}}
@media(prefers-reduced-motion:reduce){.btn:hover{transform:none}.btn{transition:none}}

/* A compact brand signature. Fixed grid footprint prevents text/layout jumps. */
.hero-cycle{display:flex;align-items:center;gap:14px;margin:-6px 0 22px;color:var(--green)}
.cycle-window{display:grid;overflow:hidden;font-size:clamp(23px,3.6vw,30px);font-weight:650;letter-spacing:-.035em;line-height:1.5}
.cycle-window>span{grid-area:1/1;white-space:nowrap;opacity:0;transform:translateY(.65em);animation:brand-word 12s cubic-bezier(.22,1,.36,1) infinite;will-change:transform,opacity}
.cycle-window>span:nth-child(2){animation-delay:-9s}.cycle-window>span:nth-child(3){animation-delay:-6s}.cycle-window>span:nth-child(4){animation-delay:-3s}
.cycle-window b{font-weight:inherit;color:var(--ink)}
@keyframes brand-word{0%,19%{opacity:1;transform:translateY(0)}25%{opacity:0;transform:translateY(-.65em)}26%,94%{opacity:0;transform:translateY(.65em)}100%{opacity:1;transform:translateY(0)}}
.cycle-toggle{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font:12px/1 Inter,system-ui;cursor:pointer;flex:none}
.cycle-toggle[hidden]{display:none}.cycle-toggle:hover{border-color:var(--green);color:var(--green)}.cycle-toggle:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.hero-cycle[data-paused="true"] .cycle-window>span{animation-play-state:paused}
.cycle-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.cycle-window>span{animation:none;opacity:0;transform:none;will-change:auto}.cycle-window>span:last-child{opacity:1}.cycle-toggle{display:none}}

/* Client evidence and the free-tool entry point. */
.navlinks{flex-wrap:wrap}.navlinks>a:not(.btn){white-space:nowrap}
.proof-number{font-size:46px;font-weight:660;line-height:1.1;letter-spacing:-.04em;margin:24px 0}.proof-number span{display:block;font-size:13px;letter-spacing:0;line-height:1.5;font-weight:450;color:var(--muted);margin-top:10px}
.proof-results{align-items:stretch}.proof-results .card{display:flex;flex-direction:column}.proof-results .card>a{margin-top:auto;padding-top:18px;font-size:14px}.proof-results .eyebrow{min-height:34px}.proof-results blockquote{margin:8px 0 22px;padding:0 0 0 16px;border-left:2px solid var(--teal);font-size:16px;color:var(--ink)}.proof-results cite{display:block;font-size:12px;font-style:normal;color:var(--muted);margin-top:12px}
.project-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.project-notes .num{font-size:10px;letter-spacing:.1em;color:var(--green)}.project-notes h3{margin-top:14px;font-size:17px}.project-notes p,.project-notes a{font-size:14px}
.proof-footer{display:flex;gap:28px;align-items:center;justify-content:space-between;margin-top:36px}.proof-footer p{max-width:55ch}.proof-footer .btn{flex-shrink:0}
.tool-summary .pill{display:inline-block;margin-bottom:20px}.tool-summary h3{font-size:24px}.free-tool .grid2{align-items:center}
.brand-strip{padding:24px 0 32px;border-block:1px solid var(--line);overflow:hidden;background:var(--paper)}.brand-strip-label{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-strip-label .eyebrow{margin:0}.brand-marquee{overflow:hidden;margin-top:24px;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.brand-track{display:flex;width:max-content;animation:brand-scroll 38s linear infinite}.brand-group{display:flex;align-items:center;gap:56px;padding-right:56px;flex-shrink:0}.brand-item{width:170px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink)}.brand-item img{object-fit:contain;max-width:165px;max-height:44px;filter:brightness(0);width:auto;height:auto}.brand-name{font-size:19px;letter-spacing:-.04em;font-weight:620}.brand-noviq{font-size:29px;letter-spacing:.12em;font-weight:600}.brand-growth{flex-direction:column;gap:7px}.brand-growth small{font-size:9px;letter-spacing:.18em;color:var(--muted)}.brand-growth img{max-height:32px}
@keyframes brand-scroll{to{transform:translateX(-50%)}}.brand-strip:hover .brand-track,.brand-strip:focus-within .brand-track,.brand-strip[data-paused="true"] .brand-track{animation-play-state:paused}
@media(prefers-color-scheme:dark){.brand-item img{filter:brightness(0) invert(1)}}
@media(max-width:760px){.project-notes{grid-template-columns:repeat(2,1fr)}.proof-footer{align-items:flex-start;flex-direction:column}.brand-group{gap:28px;padding-right:28px}.brand-item{width:150px}.navlinks{gap:12px}.navlinks>a:not(.btn){font-size:12px}}
@media(max-width:480px){.navlinks{width:100%;justify-content:flex-start}.navlinks .btn{margin-left:auto}.navlinks>a:not(.btn){font-size:11px}.navlinks{gap:9px}.project-notes{grid-template-columns:1fr}.brand-strip-label .eyebrow{font-size:10px}.proof-number{font-size:40px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none;transform:none;width:auto}.brand-group{flex-wrap:wrap;justify-content:center;padding:0;gap:20px;width:100%}.brand-group[aria-hidden="true"]{display:none}.brand-toggle{display:none}.brand-marquee{mask-image:none}}

.client-portrait{display:flex;align-items:center;gap:14px;margin-bottom:26px;min-width:0}.client-portrait img{width:76px;height:76px;object-fit:cover;object-position:center 28%;border-radius:16px;border:1px solid var(--line);flex-shrink:0;background:var(--wash)}.client-portrait strong{display:block;font-size:15px;line-height:1.4;font-weight:600;color:var(--ink)}.client-portrait span{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px}.project-notes .client-portrait{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.project-notes .client-portrait img{width:64px;height:64px;border-radius:14px}.portrait-pair{display:flex;gap:6px}.project-notes .client-portrait>div:last-child{min-height:56px}@media(max-width:480px){.project-notes .client-portrait{flex-direction:row;align-items:center}.project-notes .client-portrait>div:last-child{min-height:0}}
/* Case studies share the homepage visual language. */
.client-logo img{object-fit:contain;padding:8px;background:#171d2b;width:130px;height:76px;border-radius:12px}
.case-result{font-weight:600;color:var(--teal);margin-top:24px}
.case-reading{max-width:840px}.case-reading h1{font-size:clamp(36px,5vw,64px)}
.case-reading h2{font-size:clamp(26px,3vw,36px);margin-top:48px;margin-bottom:16px}
.case-reading p{line-height:1.8}.case-reading .client-portrait{margin:24px 0}
.estimate-table{overflow-x:auto;margin-top:30px}.estimate-table table{border-collapse:collapse;width:100%;font-size:14px}.estimate-table th,.estimate-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line)}.estimate-table caption{text-align:left;margin-bottom:12px;color:var(--muted)}