/*
Theme Name: MetaStellar
Theme URI: https://metastellar.cn/
Author: MetaStellar
Description: 数字营销、GEO/SEO 与 AI 工具官网主题。
Version: 0.1.4
Text Domain: metastellar
*/
:root { --blue:#155eef; --blue-hover:#004eeb; --ink:#172033; --ink-strong:#101828; --muted:#5b667a; --line:#e4e7ec; --soft:#f6f8fb; --pale-blue:#edf4ff; --green:#00a58a; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--white); color:var(--ink); font-family:Inter,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif; font-size:16px; line-height:1.7; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid rgba(228,231,236,.94); background:rgba(255,255,255,.96); backdrop-filter:blur(12px); }
.nav-wrap { width:min(1200px,calc(100% - 64px)); min-height:72px; margin:auto; display:flex; align-items:center; gap:30px; }
.brand { display:flex; width:184px; flex:0 0 auto; align-items:center; }.brand img { width:100%; height:auto; display:block; }
.header-nav { display:flex; align-items:center; gap:24px; margin-left:auto; }.header-nav a { color:#344054; font-size:14px; font-weight:600; white-space:nowrap; }.header-nav a:hover,.header-nav a:focus-visible { color:var(--blue); }.nav-search-mobile { display:none; }.nav-search { display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; border:1px solid #d0d5dd; border-radius:50%; color:#475467; }.nav-search .dashicons { width:18px; height:18px; font-size:18px; }.nav-search:hover,.nav-search:focus-visible { border-color:var(--blue); color:var(--blue); background:var(--pale-blue); }
.nav-cta,.button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:12px; border:1px solid transparent; border-radius:6px; padding:0 22px; font-size:15px; font-weight:700; transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }
.nav-cta { min-height:40px; padding:0 16px; color:#fff; background:var(--blue); font-size:14px; }.nav-cta:hover,.button-primary:hover { background:var(--blue-hover); transform:translateY(-1px); }.button-primary { color:#fff; background:var(--blue); }.button-secondary { color:var(--blue); background:#fff; border-color:#b7cdfb; }.button-secondary:hover { color:var(--blue-hover); border-color:var(--blue); background:var(--pale-blue); }
.menu-toggle { display:none; border:0; padding:8px; background:transparent; }.menu-toggle span { display:block; width:20px; height:2px; margin:4px; background:var(--ink); }
.hero { width:min(1200px,calc(100% - 64px)); min-height:610px; margin:auto; padding:98px 0 88px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr); gap:64px; align-items:center; }.eyebrow { margin:0 0 14px; color:var(--blue); font-size:13px; font-weight:700; letter-spacing:0; }h1,h2,h3,p { margin-top:0; }h1 { max-width:660px; margin-bottom:24px; color:var(--ink-strong); font-size:56px; line-height:1.15; font-weight:700; letter-spacing:0; }.lead { max-width:640px; margin:0 0 32px; color:var(--muted); font-size:18px; line-height:1.75; }.hero-actions,.contact-actions { display:flex; flex-wrap:wrap; gap:12px; }.hero-points { display:flex; gap:18px; margin:28px 0 0; padding:0; list-style:none; color:#667085; font-size:14px; }.hero-points li { display:flex; align-items:center; gap:8px; }.hero-points li::before { content:""; width:6px; height:6px; background:var(--green); border-radius:50%; }
.hero-visual { border:1px solid #dfe6f2; background:#fff; box-shadow:0 24px 56px rgba(16,24,40,.12); }.visual-bar { display:flex; justify-content:space-between; align-items:center; min-height:48px; padding:0 20px; border-bottom:1px solid var(--line); font-size:12px; font-weight:700; letter-spacing:.4px; }.visual-brand { color:#344054; }.live-dot { display:flex; align-items:center; gap:6px; color:#4b5d7a; letter-spacing:0; }.live-dot::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--green); }.score-area { display:flex; justify-content:space-between; align-items:center; padding:28px 28px 24px; background:var(--soft); }.score-area p { margin:0 0 3px; color:var(--muted); font-size:14px; }.score-area strong { display:block; color:var(--ink-strong); font-size:46px; line-height:1.1; letter-spacing:0; }.score-area strong span { color:#667085; font-size:16px; font-weight:500; }.score-area em { display:inline-block; margin-top:10px; padding:3px 8px; color:#087a68; background:#d9f4ee; font-size:12px; font-style:normal; font-weight:700; }.score-ring { display:grid; width:112px; height:112px; place-items:center; border:10px solid #d8e6ff; border-top-color:var(--blue); border-right-color:var(--blue); border-radius:50%; color:var(--blue); font-size:26px; font-weight:700; transform:rotate(18deg); }.score-ring span { transform:rotate(-18deg); }
.signal-list { padding:8px 24px; }.signal-list>div { display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:10px; align-items:center; padding:14px 0; border-bottom:1px solid var(--line); }.signal-list>div:last-child { border:0; }.signal-icon { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; font-size:14px; font-weight:700; }.signal-icon.positive { color:#087a68; background:#d9f4ee; }.signal-icon.neutral { color:#a45b00; background:#fff0d2; }.signal-list p { margin:0; }.signal-list b { display:block; color:#344054; font-size:14px; }.signal-list small { color:#667085; font-size:12px; }.signal-list>div>strong { color:#667085; font-size:12px; }.next-action { display:grid; gap:5px; padding:15px 24px 19px; border-top:1px solid var(--line); background:#fbfcfe; }.next-action span { color:var(--blue); font-size:12px; font-weight:700; }.next-action b { color:#344054; font-size:13px; }
.proof-strip { width:min(1200px,calc(100% - 64px)); margin:auto; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.proof-strip div { padding:24px 28px; border-right:1px solid var(--line); }.proof-strip div:first-child { padding-left:0; }.proof-strip div:last-child { border:0; }.proof-strip strong,.proof-strip span { display:block; }.proof-strip strong { margin-bottom:4px; color:#344054; font-size:15px; }.proof-strip span { color:var(--muted); font-size:13px; }
.section { padding:112px max(32px,calc((100% - 1200px)/2)); }.section-soft { background:var(--soft); }.section-intro { max-width:740px; }.section-intro h2,.section-heading h2,.tool-copy h2,.trust-section h2,.contact-copy h2 { margin-bottom:16px; color:var(--ink-strong); font-size:42px; line-height:1.25; font-weight:700; letter-spacing:0; }.section-intro>p,.section-heading>p,.split-heading>p,.tool-copy>p,.contact-copy>p { color:var(--muted); font-size:16px; line-height:1.75; }
.question-grid,.solution-grid,.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; }.question-grid article { padding:26px 0 4px; border-top:2px solid #c9d8f6; }.question-grid span,.card-index,.resource-type { color:var(--blue); font-size:13px; font-weight:700; }.question-grid h3,.solution-card h3,.resource-card h3 { margin:13px 0 8px; color:#344054; font-size:20px; line-height:1.4; }.question-grid p,.solution-card p,.resource-card p { margin:0; color:var(--muted); font-size:15px; }.section-heading { max-width:740px; }.split-heading { max-width:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.68fr); gap:80px; align-items:end; }.split-heading>p { margin:0 0 7px; }
.solution-card { min-height:360px; display:flex; flex-direction:column; padding:28px; border:1px solid var(--line); background:#fff; }.solution-card:nth-child(2) { border-top:3px solid var(--blue); }.solution-card ul { display:grid; gap:10px; margin:24px 0 28px; padding:0; list-style:none; color:#475467; font-size:14px; }.solution-card li { display:flex; gap:8px; }.solution-card li::before { content:""; width:5px; height:5px; flex:0 0 auto; margin-top:9px; border-radius:50%; background:var(--green); }.solution-card a,.resource-card a { margin-top:auto; color:var(--blue); font-size:14px; font-weight:700; }.solution-card a:hover,.resource-card a:hover { color:var(--blue-hover); }
.method-section { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr); gap:100px; }.method-list { margin:0; padding:0; list-style:none; }.method-list li { display:grid; grid-template-columns:54px minmax(0,1fr); gap:18px; padding:0 0 29px; position:relative; }.method-list li:not(:last-child)::before { content:""; position:absolute; top:39px; bottom:0; left:16px; width:1px; background:#cbd5e1; }.method-list span { display:grid; z-index:1; width:34px; height:34px; place-items:center; border:1px solid #b7cdfb; border-radius:50%; background:#fff; color:var(--blue); font-size:12px; font-weight:700; }.method-list h3 { margin:1px 0 5px; color:#344054; font-size:18px; }.method-list p { margin:0; color:var(--muted); font-size:15px; }
.tool-section { padding:84px max(32px,calc((100% - 1200px)/2)); display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); gap:80px; align-items:center; background:#102a56; color:#fff; }.tool-section .eyebrow { color:#9fc0ff; }.tool-copy h2 { color:#fff; }.tool-copy>p { max-width:660px; color:#c8d5eb; }.tool-steps { display:grid; border-top:1px solid rgba(255,255,255,.28); }.tool-steps div { display:flex; align-items:center; gap:15px; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.28); }.tool-steps b { display:grid; width:30px; height:30px; place-items:center; border:1px solid #8fb7ff; border-radius:50%; color:#dce9ff; font-size:12px; }.tool-steps span { color:#fff; font-size:15px; font-weight:600; }
.resource-grid { margin-top:34px; }.resource-card { min-height:235px; display:flex; flex-direction:column; padding:26px; border:1px solid var(--line); background:#fff; }.resource-card.featured { border-top:3px solid var(--blue); }.resource-card>div { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:auto; padding-top:25px; }.resource-card>div>span { color:#667085; font-size:12px; }
.trust-section { padding:88px max(32px,calc((100% - 1200px)/2)); display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); gap:100px; border-bottom:1px solid var(--line); }.trust-section h2 { margin:0; }.trust-points { display:grid; gap:23px; }.trust-points p { display:grid; gap:5px; margin:0; padding-bottom:22px; border-bottom:1px solid var(--line); }.trust-points p:last-child { padding-bottom:0; border:0; }.trust-points b { color:#344054; font-size:16px; }.trust-points span { color:var(--muted); font-size:14px; }
.contact-section { padding:112px max(32px,calc((100% - 1200px)/2)); display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,340px); gap:100px; align-items:center; }.contact-copy>p { max-width:740px; }.contact-list { display:grid; gap:0; margin:34px 0 0; }.contact-list div { display:grid; grid-template-columns:68px minmax(0,1fr); gap:16px; padding:14px 0; border-bottom:1px solid var(--line); }.contact-list dt { color:#667085; font-size:14px; }.contact-list dd { margin:0; color:#344054; font-size:14px; font-weight:600; overflow-wrap:anywhere; }.contact-list a { color:var(--blue); }.qr-panel { padding:24px; border:1px solid var(--line); background:#fff; text-align:center; }.qr-panel img { display:block; width:min(100%,225px); height:auto; margin:0 auto 18px; border:1px solid var(--line); }.qr-panel p { margin:0; color:var(--muted); font-size:14px; }
.site-footer { padding:34px max(32px,calc((100% - 1200px)/2)); display:flex; justify-content:space-between; gap:32px; background:#101828; color:#d0d5dd; }.site-footer>div:first-child { display:flex; align-items:center; gap:18px; }.site-footer img { width:164px; height:auto; filter:brightness(0) invert(1) grayscale(1); }.site-footer p { margin:0; font-size:13px; }.site-footer>div:last-child { text-align:right; }.site-footer a { display:inline-block; margin-top:4px; color:#d0d5dd; font-size:13px; }
@media (max-width:960px) { .nav-wrap,.hero,.proof-strip { width:min(100% - 48px,1200px); }.header-nav { gap:15px; }.hero { grid-template-columns:1fr; gap:48px; padding-top:74px; }.hero-copy { max-width:720px; }.hero-visual { max-width:620px; }.split-heading,.method-section,.tool-section,.trust-section,.contact-section { grid-template-columns:1fr; gap:44px; }.section-intro h2,.section-heading h2,.tool-copy h2,.trust-section h2,.contact-copy h2 { font-size:36px; }.method-section .section-intro { max-width:620px; }.trust-section { padding-top:76px; padding-bottom:76px; }.contact-section { padding-top:80px; padding-bottom:80px; }.qr-panel { max-width:340px; }.site-footer { flex-direction:column; }.site-footer>div:last-child { text-align:left; } }
@media (max-width:720px) { .nav-wrap { width:calc(100% - 40px); min-height:64px; gap:12px; }.brand { width:152px; }.menu-toggle { display:block; margin-left:auto; }.header-nav { position:absolute; top:64px; left:0; right:0; display:none; padding:12px 20px 18px; border-bottom:1px solid var(--line); background:#fff; }.header-nav.is-open { display:grid; gap:2px; }.header-nav a { padding:11px 0; }.nav-cta { min-height:36px; padding:0 11px; font-size:13px; }.hero,.proof-strip { width:calc(100% - 40px); }.hero { min-height:auto; padding:60px 0 56px; gap:36px; }.eyebrow { font-size:12px; }.hero h1 { font-size:38px; }.lead { font-size:16px; }.hero-actions .button { width:100%; }.hero-points { flex-wrap:wrap; gap:10px 16px; font-size:13px; }.score-area { padding:22px; }.score-area strong { font-size:40px; }.score-ring { width:88px; height:88px; border-width:8px; font-size:21px; }.signal-list { padding:8px 18px; }.next-action { padding:14px 18px; }.proof-strip { grid-template-columns:1fr; }.proof-strip div,.proof-strip div:first-child { padding:18px 0; border-right:0; border-bottom:1px solid var(--line); }.proof-strip div:last-child { border-bottom:0; }.section,.tool-section,.trust-section,.contact-section { padding:68px 20px; }.section-intro h2,.section-heading h2,.tool-copy h2,.trust-section h2,.contact-copy h2 { font-size:30px; }.section-intro>p,.section-heading>p,.split-heading>p,.tool-copy>p,.contact-copy>p { font-size:15px; }.question-grid,.solution-grid,.resource-grid { grid-template-columns:1fr; margin-top:30px; }.solution-card { min-height:0; }.split-heading { gap:12px; }.method-section { gap:34px; }.tool-section { gap:38px; }.tool-steps { max-width:440px; }.trust-section { gap:34px; }.contact-section { gap:38px; }.site-footer { padding:28px 20px; }.site-footer>div:first-child { align-items:flex-start; flex-direction:column; gap:10px; }.site-footer img { width:150px; } }
@media (max-width:380px) { .brand { width:136px; }.nav-cta { padding:0 8px; }.hero h1 { font-size:34px; }.score-ring { display:none; } }

/* Inner pages */
.page-hero { padding:92px max(32px,calc((100% - 1200px)/2)) 86px; background:var(--soft); border-bottom:1px solid var(--line); }.page-hero-inner { max-width:820px; }.page-hero h1 { max-width:800px; margin-bottom:20px; font-size:52px; }.page-hero .lead { max-width:760px; margin-bottom:0; }.breadcrumb { display:flex; gap:8px; margin:0 0 20px; color:#667085; font-size:13px; }.breadcrumb a { color:var(--blue); }.page-content { padding:92px max(32px,calc((100% - 1200px)/2)); }.content-lead { max-width:800px; margin:0 0 42px; color:#475467; font-size:18px; line-height:1.8; }.two-column { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:72px; align-items:start; }.detail-block { padding:0 0 32px; margin:0 0 32px; border-bottom:1px solid var(--line); }.detail-block:last-child { padding:0; margin:0; border:0; }.detail-block h2,.faq-section h2,.page-cta h2 { margin:0 0 13px; color:var(--ink-strong); font-size:30px; line-height:1.35; }.detail-block h3 { margin:26px 0 8px; color:#344054; font-size:18px; }.detail-block p { margin:0 0 14px; color:var(--muted); }.detail-block ul,.check-list { display:grid; gap:10px; margin:18px 0 0; padding:0; list-style:none; color:#475467; }.detail-block li,.check-list li { display:flex; gap:10px; }.detail-block li::before,.check-list li::before { content:""; width:6px; height:6px; flex:0 0 auto; margin-top:10px; border-radius:50%; background:var(--green); }.side-note { padding:28px; border:1px solid var(--line); background:#fff; }.side-note h2 { margin:0 0 14px; color:#344054; font-size:20px; }.side-note p { color:var(--muted); font-size:14px; }.side-note dl { display:grid; gap:14px; margin:22px 0 0; }.side-note dt { color:#667085; font-size:12px; }.side-note dd { margin:2px 0 0; color:#344054; font-size:14px; font-weight:600; }.step-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:34px; }.step-grid article { padding:24px; border-top:2px solid var(--blue); background:#fff; }.step-grid span { color:var(--blue); font-size:13px; font-weight:700; }.step-grid h3 { margin:12px 0 7px; color:#344054; font-size:18px; }.step-grid p { margin:0; color:var(--muted); font-size:14px; }.service-detail-grid { display:grid; gap:24px; }.service-detail { display:grid; grid-template-columns:154px minmax(0,1fr); gap:30px; padding:30px; border:1px solid var(--line); background:#fff; }.service-detail .card-index { display:block; margin-bottom:7px; }.service-detail h2 { margin:0; color:#344054; font-size:24px; line-height:1.35; }.service-detail h3 { margin:0 0 8px; color:#344054; font-size:17px; }.service-detail p { margin:0 0 15px; color:var(--muted); }.service-detail ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 20px; margin:0; padding:0; list-style:none; color:#475467; font-size:14px; }.service-detail li::before { content:"✓"; margin-right:8px; color:#087a68; font-weight:700; }.tool-entry { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:52px; align-items:center; padding:44px; background:#102a56; color:#fff; }.tool-entry h2 { margin:0 0 14px; font-size:34px; line-height:1.3; }.tool-entry p { color:#c8d5eb; }.tool-entry .button { margin-top:10px; }.tool-facts { display:grid; gap:12px; }.tool-facts div { padding:15px 0; border-bottom:1px solid rgba(255,255,255,.25); }.tool-facts strong,.tool-facts span { display:block; }.tool-facts strong { margin-bottom:2px; color:#fff; font-size:15px; }.tool-facts span { color:#c8d5eb; font-size:13px; }.resource-list { display:grid; gap:16px; }.resource-row { display:grid; grid-template-columns:120px minmax(0,1fr) auto; gap:24px; align-items:center; padding:25px; border:1px solid var(--line); background:#fff; }.resource-row .resource-type { align-self:start; }.resource-row h2 { margin:0 0 5px; color:#344054; font-size:20px; }.resource-row p { margin:0; color:var(--muted); font-size:14px; }.case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.case-card { display:flex; min-height:320px; flex-direction:column; padding:28px; border:1px solid var(--line); background:#fff; }.case-card .card-index { margin-bottom:22px; }.case-card h2 { margin:0 0 10px; color:#344054; font-size:23px; }.case-card p { margin:0 0 15px; color:var(--muted); font-size:15px; }.case-card dl { display:grid; gap:10px; margin:10px 0 26px; }.case-card dl div { display:grid; grid-template-columns:64px minmax(0,1fr); gap:10px; }.case-card dt { color:#667085; font-size:13px; }.case-card dd { margin:0; color:#344054; font-size:13px; font-weight:600; }.case-card a { margin-top:auto; color:var(--blue); font-size:14px; font-weight:700; }.faq-section { padding:82px max(32px,calc((100% - 1200px)/2)); background:var(--soft); }.faq-wrap { max-width:900px; }.faq-list { display:grid; gap:0; margin-top:28px; border-top:1px solid var(--line); }.faq-list details { padding:19px 0; border-bottom:1px solid var(--line); }.faq-list summary { color:#344054; font-size:16px; font-weight:700; cursor:pointer; }.faq-list details p { max-width:760px; margin:12px 0 0; color:var(--muted); font-size:14px; }.page-cta { padding:80px max(32px,calc((100% - 1200px)/2)); display:flex; justify-content:space-between; align-items:center; gap:32px; background:#102a56; color:#fff; }.page-cta h2 { max-width:720px; margin:0; color:#fff; font-size:34px; }.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.team-grid article { padding:25px; border:1px solid var(--line); background:#fff; }.team-grid h2 { margin:0 0 8px; color:#344054; font-size:20px; }.team-grid p { margin:0; color:var(--muted); font-size:14px; }.contact-page { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.7fr); gap:72px; }.contact-option { padding:25px 0; border-top:1px solid var(--line); }.contact-option h2 { margin:0 0 6px; color:#344054; font-size:20px; }.contact-option p { margin:0; color:var(--muted); }.contact-option a { display:inline-block; margin-top:12px; color:var(--blue); font-size:15px; font-weight:700; }
@media (max-width:960px) { .page-hero { padding-top:70px; }.page-hero h1 { font-size:42px; }.page-content { padding-top:70px; padding-bottom:70px; }.two-column,.tool-entry,.contact-page { grid-template-columns:1fr; gap:38px; }.step-grid { grid-template-columns:repeat(2,1fr); }.service-detail { grid-template-columns:1fr; gap:14px; }.service-detail ul { grid-template-columns:1fr; }.case-grid { grid-template-columns:1fr; } }
@media (max-width:720px) { .page-hero,.page-content,.faq-section,.page-cta { padding:60px 20px; }.page-hero h1 { font-size:34px; }.content-lead { font-size:16px; }.step-grid { grid-template-columns:1fr; }.service-detail { padding:24px 20px; }.tool-entry { padding:30px 20px; }.tool-entry h2,.page-cta h2 { font-size:28px; }.resource-row { grid-template-columns:1fr; gap:9px; padding:22px 20px; }.resource-row a { margin-top:9px; }.page-cta { display:grid; }.team-grid { grid-template-columns:1fr; } }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }.search-hero { padding:88px max(32px,calc((100% - 1200px)/2)); background:#eef4ff; border-bottom:1px solid #c9d9f5; }.search-hero-inner { max-width:850px; }.search-hero h1 { margin-bottom:26px; font-size:48px; }.site-search-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; max-width:800px; padding:7px; border:1px solid #b8c9e6; background:#fff; box-shadow:0 12px 25px rgba(21,94,239,.09); }.site-search-form input { width:100%; min-height:48px; padding:0 15px; border:0; outline:0; color:#172033; background:transparent; font:inherit; font-size:16px; }.site-search-form input::placeholder { color:#7a8597; }.site-search-form button { min-width:92px; min-height:48px; border:0; border-radius:4px; color:#fff; background:var(--blue); font:inherit; font-size:14px; font-weight:700; cursor:pointer; }.site-search-form button:hover { background:var(--blue-hover); }.search-results { min-height:440px; }.search-summary { margin:0 0 25px; color:#475467; font-size:15px; }.search-result-list { border-top:1px solid var(--line); }.search-result { display:grid; grid-template-columns:96px minmax(0,1fr) auto; gap:24px; align-items:center; padding:25px 0; border-bottom:1px solid var(--line); }.search-result-type { display:inline-flex; width:max-content; padding:5px 8px; color:var(--blue-deep); background:var(--pale-blue); font-size:12px; font-weight:700; }.search-result h2 { margin:0 0 7px; color:#172033; font-size:22px; line-height:1.35; }.search-result h2 a:hover { color:var(--blue); }.search-result p { max-width:700px; margin:0; color:var(--muted); font-size:14px; line-height:1.65; }.search-empty { max-width:650px; padding:42px 0; border-top:1px solid var(--line); }.search-empty h2 { margin:0 0 10px; color:#172033; font-size:26px; }.search-empty p { margin:0; color:var(--muted); line-height:1.7; }
@media (max-width:720px) { .nav-search { display:none; }.nav-search-mobile { display:block; }.search-hero { padding:60px 20px; }.search-hero h1 { font-size:34px; }.site-search-form { grid-template-columns:1fr; padding:8px; }.site-search-form button { width:100%; }.search-results { padding-top:50px; padding-bottom:60px; }.search-result { grid-template-columns:1fr; gap:9px; padding:21px 0; }.search-result h2 { font-size:20px; }.search-result .text-link { margin-top:3px; } }
.blog-masthead { padding:82px max(32px,calc((100% - 1200px)/2)) 54px; background:#fff; }.blog-masthead-inner { max-width:850px; }.blog-masthead h1 { margin-bottom:14px; color:#111827; font-size:58px; }.blog-masthead p:not(.eyebrow) { max-width:650px; margin:0; color:#475467; font-size:18px; line-height:1.7; }.blog-topics { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }.blog-topics-inner { display:flex; width:min(1200px,calc(100% - 64px)); gap:24px; margin:auto; overflow:auto; }.blog-topics a { display:block; padding:17px 0 15px; border-bottom:2px solid transparent; color:#475467; font-size:14px; font-weight:700; white-space:nowrap; }.blog-topics a:hover,.blog-topics a.is-active { border-color:var(--blue); color:var(--blue); }.blog-main { width:min(1200px,calc(100% - 64px)); padding:54px 0 100px; margin:auto; }.blog-featured { display:grid; grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr); min-height:430px; background:#e9f1ff; }.blog-featured-image { overflow:hidden; }.blog-featured-image img { display:block; width:100%; height:100%; object-fit:cover; }.blog-featured-copy { display:flex; flex-direction:column; justify-content:center; padding:48px; }.blog-meta { margin:0 0 15px; color:var(--blue-deep); font-size:12px; font-weight:700; }.blog-meta span { margin-left:9px; color:#667085; font-weight:600; }.blog-featured h2,.blog-section-heading h2,.blog-feed-item h2 { margin:0; color:#172033; line-height:1.28; }.blog-featured h2 { font-size:32px; }.blog-featured h2 a:hover,.blog-feed-item h2 a:hover { color:var(--blue); }.blog-featured-copy>p:not(.blog-meta) { margin:16px 0 22px; color:#475467; font-size:15px; line-height:1.7; }.blog-section-heading { display:flex; align-items:end; justify-content:space-between; padding:66px 0 20px; border-bottom:2px solid #172033; }.blog-section-heading .eyebrow { margin:0 0 5px; }.blog-section-heading h2 { font-size:32px; }.blog-feed { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding-top:28px; }.blog-feed-item { display:flex; flex-direction:column; }.blog-feed-image { display:block; height:196px; margin-bottom:20px; overflow:hidden; background:#edf2fa; }.blog-feed-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .2s ease; }.blog-feed-image:hover img { transform:scale(1.03); }.blog-feed-item h2 { font-size:22px; }.blog-feed-item>div>p:not(.blog-meta) { margin:12px 0 15px; color:#667085; font-size:14px; line-height:1.65; }.blog-feed-item .text-link { margin-top:auto; }
@media (max-width:960px) { .blog-featured { grid-template-columns:1fr; }.blog-featured-image { min-height:340px; }.blog-feed { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) { .blog-masthead { padding:58px 20px 40px; }.blog-masthead h1 { font-size:38px; }.blog-masthead p:not(.eyebrow) { font-size:16px; }.blog-topics-inner,.blog-main { width:calc(100% - 40px); }.blog-topics-inner { gap:19px; }.blog-main { padding-top:32px; padding-bottom:64px; }.blog-featured-image { min-height:230px; }.blog-featured-copy { padding:28px 23px; }.blog-featured h2 { font-size:27px; }.blog-section-heading { padding-top:48px; }.blog-section-heading h2 { font-size:28px; }.blog-feed { grid-template-columns:1fr; gap:34px; }.blog-feed-image { height:210px; } }
.service-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.92fr); min-height:540px; }.service-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:92px max(32px,calc((100vw - 1200px)/2)); padding-right:clamp(32px,6vw,90px); }.service-hero-copy h1 { max-width:650px; margin-bottom:20px; color:#172033; font-size:51px; }.service-hero-copy .lead { max-width:590px; }.service-hero-image { min-height:100%; margin:0; overflow:hidden; }.service-hero-image img { display:block; width:100%; height:100%; object-fit:cover; }.service-digital-marketing .service-hero-copy { background:var(--coral-soft); }.service-geo-seo .service-hero-copy { background:var(--pale-blue); }.service-ai-tools .service-hero-copy { background:var(--teal-soft); }.service-signals,.service-method { padding:92px max(32px,calc((100% - 1200px)/2)); }.service-section-heading { max-width:610px; }.service-section-heading h2 { margin:0 0 12px; color:#172033; font-size:36px; line-height:1.3; }.service-section-heading>p:not(.eyebrow) { margin:0; color:var(--muted); font-size:16px; line-height:1.75; }.service-signal-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:46px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.service-signal-list article { min-height:154px; padding:27px 28px 24px 0; border-right:1px solid var(--line); }.service-signal-list article:not(:first-child) { padding-left:28px; }.service-signal-list article:last-child { border-right:0; }.service-signal-list span { display:block; margin-bottom:30px; color:var(--blue); font-size:12px; font-weight:700; }.service-signal-list p { max-width:245px; margin:0; color:#344054; font-size:17px; font-weight:700; line-height:1.5; }.service-explorer { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.78fr); gap:74px; padding:86px max(32px,calc((100% - 1200px)/2)); background:#102a56; color:#fff; }.service-explorer-copy .eyebrow { color:#a8c5ff; }.service-explorer h2 { max-width:590px; margin:0 0 28px; color:#fff; font-size:38px; line-height:1.3; }.service-question-list { display:grid; gap:9px; }.service-question { width:100%; padding:16px 17px; border:1px solid rgba(215,229,255,.38); border-radius:0; color:#dce9ff; background:transparent; text-align:left; font:inherit; font-size:14px; font-weight:700; cursor:pointer; }.service-question:hover,.service-question.is-active { border-color:#fff; color:#102a56; background:#fff; }.service-answer { align-self:center; padding:34px; border-top:3px solid var(--teal); background:#fff; color:#172033; box-shadow:0 22px 48px rgba(0,0,0,.2); }.service-answer>p { margin:0 0 14px; color:var(--teal-deep); font-size:12px; font-weight:700; }.service-answer h3 { margin:0 0 13px; font-size:25px; line-height:1.35; }.service-answer p:last-child { margin:0; color:#475467; line-height:1.75; }.service-method { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:105px; background:#f7f9fc; }.service-method ol { display:grid; gap:0; margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }.service-method li { display:grid; grid-template-columns:72px minmax(0,1fr); gap:18px; padding:23px 0; border-bottom:1px solid var(--line); }.service-method li span { color:var(--blue); font-size:13px; font-weight:700; }.service-method li p { margin:0; color:#344054; font-size:18px; font-weight:700; line-height:1.45; }.service-content-links { display:grid; grid-template-columns:1fr 1fr; gap:0; border-bottom:1px solid var(--line); }.service-link-column { padding:82px max(32px,calc((100vw - 1200px)/2)); padding-right:clamp(32px,5vw,70px); }.service-resource-column { padding-left:clamp(32px,5vw,70px); padding-right:max(32px,calc((100vw - 1200px)/2)); border-left:1px solid var(--line); background:#f7fbfa; }.service-link-column .service-section-heading h2 { margin-bottom:27px; }.service-content-item,.service-resource-item { padding:20px 0; border-top:1px solid var(--line); }.service-content-item p { margin:0 0 7px; color:var(--blue); font-size:12px; font-weight:700; }.service-content-item h3,.service-resource-item h3 { margin:0 0 7px; color:#172033; font-size:20px; line-height:1.4; }.service-content-item h3 a:hover { color:var(--blue); }.service-content-item span,.service-resource-item p { display:block; margin:0; color:#667085; font-size:14px; line-height:1.6; }.service-resource-item a { display:inline-block; margin-top:13px; color:var(--teal-deep); font-size:14px; font-weight:700; }.service-empty { padding:20px 0; border-top:1px solid var(--line); color:#667085; line-height:1.6; }.service-contact { display:grid; grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr); gap:74px; padding:88px max(32px,calc((100% - 1200px)/2)); background:#172033; color:#fff; }.service-contact .eyebrow { color:#a8c5ff; }.service-contact h2 { max-width:570px; margin:0 0 14px; color:#fff; font-size:37px; line-height:1.3; }.service-contact>div>p:not(.eyebrow) { max-width:560px; margin:0 0 24px; color:#c7d3e5; line-height:1.75; }.service-contact .button { margin-top:3px; }.service-lead-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; align-content:start; padding:29px; background:#fff; color:#172033; }.service-lead-form label { display:grid; gap:7px; color:#475467; font-size:12px; font-weight:700; }.service-lead-form label:nth-child(3),.service-lead-form label:nth-child(4),.service-lead-form .service-consent,.service-lead-form button,.service-form-status { grid-column:1 / -1; }.service-lead-form input,.service-lead-form textarea { width:100%; box-sizing:border-box; border:1px solid #d0d5dd; border-radius:0; padding:11px; color:#172033; font:inherit; font-size:14px; resize:vertical; }.service-lead-form input:focus,.service-lead-form textarea:focus { outline:2px solid #b7cdfb; outline-offset:0; border-color:var(--blue); }.service-lead-form .service-consent { display:flex; grid-template-columns:auto 1fr; align-items:start; gap:8px; font-size:12px; font-weight:500; line-height:1.5; }.service-lead-form .service-consent input { width:auto; margin-top:2px; }.service-lead-form button { justify-self:start; min-height:44px; }.service-form-status { min-height:20px; margin:0; color:#0b7768; font-size:13px; font-weight:700; }.service-form-status.is-error { color:#b42318; }
@media (max-width:960px) { .service-hero,.service-explorer,.service-method,.service-contact { grid-template-columns:1fr; }.service-hero-copy { padding:72px 48px; }.service-hero-image { min-height:360px; }.service-explorer,.service-method,.service-contact { gap:44px; }.service-method { padding-top:72px; padding-bottom:72px; }.service-content-links { grid-template-columns:1fr; }.service-link-column,.service-resource-column { padding:70px 48px; border-left:0; }.service-resource-column { border-top:1px solid var(--line); }.service-signal-list { grid-template-columns:1fr; }.service-signal-list article,.service-signal-list article:not(:first-child) { min-height:0; padding:20px 0; border-right:0; border-bottom:1px solid var(--line); }.service-signal-list article:last-child { border-bottom:0; }.service-signal-list span { margin-bottom:10px; } }
@media (max-width:720px) { .service-hero-copy,.service-signals,.service-method,.service-explorer,.service-contact { padding:60px 20px; }.service-hero-copy { padding-top:58px; padding-bottom:54px; }.service-hero-copy h1 { font-size:37px; }.service-hero-image { min-height:250px; }.service-section-heading h2,.service-explorer h2,.service-contact h2 { font-size:29px; }.service-signals { padding-top:58px; padding-bottom:58px; }.service-explorer { gap:33px; }.service-answer { padding:26px 22px; }.service-method { gap:28px; }.service-method li { grid-template-columns:48px minmax(0,1fr); gap:12px; }.service-method li p { font-size:16px; }.service-link-column,.service-resource-column { padding:58px 20px; }.service-contact { gap:36px; }.service-lead-form { grid-template-columns:1fr; padding:23px 18px; }.service-lead-form label:nth-child(3),.service-lead-form label:nth-child(4),.service-lead-form .service-consent,.service-lead-form button,.service-form-status { grid-column:auto; } }

/* Homepage: three connected service lines */
:root { --coral:#d95745; --coral-deep:#ae3929; --coral-soft:#fff1ee; --teal:#008c78; --teal-deep:#006c5d; --teal-soft:#e9f8f4; --amber:#ce8200; --amber-soft:#fff5df; --blue-deep:#0b3e91; }
.home-hero { width:min(1200px,calc(100% - 64px)); min-height:620px; margin:auto; padding:92px 0 86px; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(410px,.96fr); gap:68px; align-items:center; }
.home-hero h1 { max-width:680px; }
.cockpit { overflow:hidden; border:1px solid #ccd9ed; background:#fff; box-shadow:0 28px 60px rgba(20,48,90,.14); }.cockpit-bar { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:0 20px; border-bottom:1px solid var(--line); color:#344054; font-size:12px; font-weight:700; letter-spacing:.4px; }.cockpit-state { display:flex; align-items:center; gap:7px; color:#0b7768; font-weight:600; letter-spacing:0; }.cockpit-state::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--teal); }.cockpit-intro { padding:28px 28px 20px; background:#f7faff; }.cockpit-intro p { margin:0 0 4px; color:#667085; font-size:14px; }.cockpit-intro strong { display:block; color:#172b4d; font-size:21px; line-height:1.45; }.cockpit-streams { display:grid; gap:12px; padding:22px 24px; }.cockpit-stream { display:grid; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:10px; padding:15px; border-left:3px solid currentColor; }.stream-marketing { color:var(--coral); background:var(--coral-soft); }.stream-geo { color:var(--blue); background:var(--pale-blue); }.stream-ai { color:var(--teal); background:var(--teal-soft); }.stream-dot { width:11px; height:11px; border-radius:50%; background:currentColor; }.cockpit-stream b,.cockpit-stream small { display:block; }.cockpit-stream b { color:#24314a; font-size:15px; }.cockpit-stream small { color:#596579; font-size:12px; }.cockpit-stream em { color:currentColor; font-size:13px; font-style:normal; font-weight:700; }.cockpit-outcome { display:grid; gap:4px; padding:18px 24px 22px; border-top:1px solid var(--line); background:#fbfcfe; }.cockpit-outcome span { color:var(--blue); font-size:12px; font-weight:700; }.cockpit-outcome b { color:#344054; font-size:14px; line-height:1.5; }
.value-strip { width:min(1200px,calc(100% - 64px)); margin:auto; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.value-strip div { padding:23px 28px; border-right:1px solid var(--line); }.value-strip div:first-child { padding-left:0; }.value-strip div:last-child { border:0; }.value-strip strong,.value-strip span { display:block; }.value-strip strong { margin-bottom:4px; color:#344054; font-size:15px; }.value-strip span { color:var(--muted); font-size:13px; }
.capability-section,.journey-section,.evidence-section,.content-section { padding:112px max(32px,calc((100% - 1200px)/2)); }.capability-heading,.evidence-heading { max-width:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.65fr); gap:80px; align-items:end; }.capability-heading>p,.evidence-heading>p { margin:0 0 7px; color:var(--muted); font-size:16px; line-height:1.75; }
.business-bands { display:grid; gap:22px; margin-top:48px; }.business-band { min-height:390px; display:grid; grid-template-columns:1fr 1fr; align-items:stretch; border:1px solid transparent; }.business-band figure { min-height:320px; margin:0; overflow:hidden; }.business-band figure img { display:block; width:100%; height:100%; object-fit:cover; }.business-content { display:flex; flex-direction:column; justify-content:center; padding:50px clamp(30px,5vw,72px); }.band-marketing { border-color:#f1c5bd; background:var(--coral-soft); }.band-geo { border-color:#c5d8fb; background:var(--pale-blue); }.band-ai { border-color:#bce8dd; background:var(--teal-soft); }.business-kicker { margin:0 0 13px; color:#475467; font-size:12px; font-weight:700; }.band-marketing .business-kicker,.band-marketing .text-link { color:var(--coral-deep); }.band-geo .business-kicker,.band-geo .text-link { color:var(--blue-deep); }.band-ai .business-kicker,.band-ai .text-link { color:var(--teal-deep); }.business-content h3 { margin:0 0 12px; color:#172033; font-size:32px; line-height:1.25; }.business-content>p:not(.business-kicker) { max-width:460px; margin-bottom:20px; color:#465269; font-size:16px; }.business-content ul { display:grid; gap:8px; margin:0 0 25px; padding:0; list-style:none; color:#344054; font-size:14px; }.business-content li { display:flex; gap:9px; }.business-content li::before { content:""; width:6px; height:6px; flex:0 0 auto; margin-top:9px; border-radius:50%; background:currentColor; }.text-link { margin-top:auto; font-size:14px; font-weight:700; }
.journey-section { background:#f8fafc; }.journey-list { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:44px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }.journey-list li { min-height:225px; padding:25px 23px 20px; border-right:1px solid var(--line); }.journey-list li:first-child { padding-left:0; }.journey-list li:last-child { border:0; }.journey-list span { display:grid; width:34px; height:34px; margin-bottom:32px; place-items:center; color:#fff; font-size:12px; font-weight:700; }.journey-list h3 { margin:0 0 7px; color:#344054; font-size:19px; }.journey-list p { margin:0; color:var(--muted); font-size:14px; line-height:1.65; }.journey-discover span { background:var(--coral); }.journey-understand span { background:var(--blue); }.journey-convert span { background:var(--amber); }.journey-serve span { background:var(--teal); }
.geo-experience { padding:96px max(32px,calc((100% - 1200px)/2)); display:grid; grid-template-columns:minmax(0,.94fr) minmax(390px,1.06fr); gap:90px; align-items:center; background:#102a56; color:#fff; }.geo-copy h2 { margin-bottom:16px; color:#fff; font-size:42px; line-height:1.25; }.geo-copy .eyebrow { color:#a8c5ff; }.geo-copy>p { max-width:570px; color:#d0ddf2; font-size:16px; }.geo-question-list { display:grid; gap:10px; margin-top:30px; }.geo-question { width:100%; min-height:52px; padding:0 17px; border:1px solid rgba(215,229,255,.36); border-radius:0; color:#dce9ff; background:transparent; text-align:left; font-size:14px; font-weight:600; cursor:pointer; transition:background .18s ease,border-color .18s ease,color .18s ease; }.geo-question:hover,.geo-question.is-active { border-color:#fff; color:#102a56; background:#fff; }.geo-demo { background:#fff; color:#172033; box-shadow:0 22px 48px rgba(0,0,0,.22); }.geo-demo-bar { display:flex; justify-content:space-between; align-items:center; min-height:46px; padding:0 18px; border-bottom:1px solid var(--line); color:#475467; font-size:11px; font-weight:700; letter-spacing:.35px; }.geo-demo-bar span:last-child { color:var(--teal); letter-spacing:0; }.geo-prompt { display:grid; gap:5px; padding:26px 24px 21px; background:#f5f8fe; }.geo-prompt span { color:var(--blue); font-size:12px; font-weight:700; }.geo-prompt strong { color:#172b4d; font-size:22px; line-height:1.4; }.geo-path { padding:10px 24px 15px; }.geo-path>div { display:grid; grid-template-columns:26px minmax(0,1fr); gap:12px; padding:17px 0; border-bottom:1px solid var(--line); }.geo-path>div:last-child { border:0; }.path-mark { display:block; width:12px; height:12px; margin-top:6px; border-radius:50%; }.path-source { background:var(--coral); }.path-content { background:var(--blue); }.path-answer { background:var(--teal); }.geo-path p { margin:0; }.geo-path b,.geo-path small { display:block; }.geo-path b { color:#344054; font-size:14px; }.geo-path small { color:#667085; font-size:13px; line-height:1.55; }.button-on-dark { color:#102a56; background:#fff; }.geo-demo .button { margin:4px 24px 24px; }
.evidence-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:44px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.evidence-grid article { min-height:226px; padding:27px 28px 25px; border-right:1px solid var(--line); }.evidence-grid article:first-child { padding-left:0; }.evidence-grid article:last-child { border:0; }.evidence-index { color:var(--blue); font-size:13px; font-weight:700; }.evidence-grid h3 { margin:30px 0 8px; color:#344054; font-size:19px; }.evidence-grid p { margin:0; color:var(--muted); font-size:14px; }.evidence-note { margin:20px 0 0; color:#667085; font-size:13px; }.evidence-note b { color:#344054; }
.content-section { background:#f6f8fb; }.content-columns { display:grid; grid-template-columns:minmax(0,1.24fr) minmax(300px,.76fr); gap:50px; margin-top:44px; align-items:start; }.insight-list { border-top:1px solid var(--line); }.insight-list article { display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:22px; align-items:center; padding:23px 0; border-bottom:1px solid var(--line); }.insight-list p { margin:0; color:var(--blue); font-size:12px; font-weight:700; }.insight-list h3 { margin:0 0 4px; color:#344054; font-size:18px; line-height:1.45; }.insight-list span { display:block; color:#667085; font-size:13px; line-height:1.55; }.insight-list a { color:var(--blue); font-size:13px; font-weight:700; white-space:nowrap; }.download-panel { padding:30px; border-top:3px solid var(--teal); background:#fff; box-shadow:0 14px 32px rgba(16,24,40,.08); }.download-panel .eyebrow { color:var(--teal); }.download-panel h3 { margin:0 0 8px; color:#172033; font-size:24px; }.download-panel>p:not(.eyebrow) { margin-bottom:20px; color:var(--muted); font-size:14px; }.download-panel>a { display:flex; justify-content:space-between; gap:16px; padding:14px 0; border-top:1px solid var(--line); color:#344054; font-size:14px; font-weight:600; }.download-panel>a span { color:var(--teal); font-size:12px; }.download-panel small { display:block; margin-top:17px; color:#667085; font-size:12px; line-height:1.55; }
@media (max-width:960px) { .home-hero,.value-strip { width:min(100% - 48px,1200px); }.home-hero { grid-template-columns:1fr; gap:48px; padding-top:74px; }.cockpit { max-width:620px; }.capability-heading,.evidence-heading,.geo-experience,.content-columns { grid-template-columns:1fr; gap:44px; }.journey-list { grid-template-columns:repeat(2,1fr); }.journey-list li:nth-child(2) { border-right:0; }.journey-list li:nth-child(-n+2) { border-bottom:1px solid var(--line); }.journey-list li:nth-child(3) { padding-left:0; } }
@media (max-width:720px) { .home-hero,.value-strip { width:calc(100% - 40px); }.home-hero { min-height:auto; padding:60px 0 56px; gap:36px; }.home-hero h1 { font-size:38px; }.cockpit-intro { padding:22px 20px 16px; }.cockpit-streams { padding:17px; }.cockpit-outcome { padding:16px 18px 19px; }.value-strip { grid-template-columns:1fr; }.value-strip div,.value-strip div:first-child { padding:18px 0; border-right:0; border-bottom:1px solid var(--line); }.value-strip div:last-child { border-bottom:0; }.capability-section,.journey-section,.evidence-section,.content-section,.geo-experience { padding:68px 20px; }.capability-heading,.evidence-heading { gap:12px; }.business-bands { gap:16px; margin-top:30px; }.business-band { grid-template-columns:1fr; }.business-band figure { min-height:230px; order:0; }.business-content { min-height:300px; padding:34px 25px; order:1; }.business-content h3 { font-size:27px; }.journey-list { grid-template-columns:1fr; margin-top:30px; }.journey-list li,.journey-list li:first-child,.journey-list li:nth-child(3) { min-height:0; padding:22px 0; border-right:0; border-bottom:1px solid var(--line); }.journey-list li:last-child { border-bottom:0; }.journey-list span { margin-bottom:16px; }.geo-experience { gap:38px; }.geo-copy h2 { font-size:30px; }.geo-demo .button { width:calc(100% - 40px); margin:4px 20px 20px; }.evidence-grid { grid-template-columns:1fr; margin-top:30px; }.evidence-grid article,.evidence-grid article:first-child { min-height:0; padding:23px 0; border-right:0; border-bottom:1px solid var(--line); }.evidence-grid article:last-child { border-bottom:0; }.evidence-grid h3 { margin-top:17px; }.content-columns { margin-top:30px; }.insight-list article { grid-template-columns:1fr; gap:8px; }.insight-list a { margin-top:4px; }.download-panel { padding:25px 20px; } }

/* Homepage content drawn from the company service brief. */
.problem-section,.service-mode-section { padding:104px max(32px,calc((100% - 1200px)/2)); }
.problem-section { background:#fff8f6; }
.problem-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.68fr); gap:80px; align-items:end; max-width:none; }
.problem-heading>p,.service-mode-section .section-heading>p { margin:0 0 7px; color:var(--muted); font-size:16px; line-height:1.75; }
.problem-grid,.service-mode-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-top:44px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.problem-grid article,.service-mode-grid article { min-height:220px; padding:27px 26px 24px; border-right:1px solid var(--line); }
.problem-grid article:first-child,.service-mode-grid article:first-child { padding-left:0; }
.problem-grid article:last-child,.service-mode-grid article:last-child { border-right:0; }
.problem-grid span,.service-mode-grid span { color:var(--blue); font-size:13px; font-weight:700; }
.problem-grid h3,.service-mode-grid h3 { margin:29px 0 9px; color:#172033; font-size:19px; line-height:1.4; }
.problem-grid p,.service-mode-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.service-mode-section { background:#effaf7; }
.service-mode-section .section-heading { max-width:760px; }
@media (max-width:960px) { .problem-heading { grid-template-columns:1fr; gap:20px; }.problem-grid,.service-mode-grid { grid-template-columns:repeat(2,1fr); }.problem-grid article:nth-child(2),.service-mode-grid article:nth-child(2) { border-right:0; }.problem-grid article:nth-child(-n+2),.service-mode-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); }.problem-grid article:nth-child(3),.service-mode-grid article:nth-child(3) { padding-left:0; } }
@media (max-width:720px) { .problem-section,.service-mode-section { padding:68px 20px; }.problem-grid,.service-mode-grid { grid-template-columns:1fr; margin-top:30px; }.problem-grid article,.problem-grid article:first-child,.problem-grid article:nth-child(3),.service-mode-grid article,.service-mode-grid article:first-child,.service-mode-grid article:nth-child(3) { min-height:0; padding:22px 0; border-right:0; border-bottom:1px solid var(--line); }.problem-grid article:last-child,.service-mode-grid article:last-child { border-bottom:0; }.problem-grid h3,.service-mode-grid h3 { margin-top:16px; } }

/* About page */
.about-hero { padding:96px max(32px,calc((100% - 1200px)/2)); background:#edf4ff; border-bottom:1px solid #cfdef7; }.about-hero-inner { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(330px,.72fr); gap:86px; align-items:center; }.about-hero h1 { max-width:700px; margin:0 0 19px; color:#172033; font-size:56px; line-height:1.18; }.about-hero .lead { max-width:670px; margin:0; color:#475467; font-size:19px; line-height:1.75; }.about-hero-actions { display:flex; align-items:center; gap:14px; margin-top:32px; }.about-hero-actions .button { min-width:168px; }.about-positioning { padding:31px; border:1px solid #c5d8fb; border-top:4px solid var(--blue); background:#fff; box-shadow:0 18px 38px rgba(21,94,239,.1); }.about-positioning>p { margin:0 0 12px; color:var(--blue); font-size:12px; font-weight:700; letter-spacing:.6px; }.about-positioning strong { display:block; color:#172b4d; font-size:25px; line-height:1.42; }.about-positioning>div { display:grid; gap:0; margin-top:28px; border-top:1px solid var(--line); }.about-positioning span { display:block; padding:13px 0; border-bottom:1px solid var(--line); font-size:14px; font-weight:700; }.about-marketing { color:var(--coral-deep); }.about-geo { color:var(--blue-deep); }.about-ai { color:var(--teal-deep); }.about-main { padding:92px max(32px,calc((100% - 1200px)/2)); background:#fff; }.about-main-content { width:100%; }.about-main .two-column { grid-template-columns:minmax(0,1.15fr) minmax(310px,.65fr); gap:100px; }.about-main .detail-block { max-width:730px; padding-bottom:35px; margin-bottom:35px; }.about-main .detail-block h2 { font-size:32px; }.about-main .detail-block h3 { margin-top:25px; }.about-main .side-note { position:sticky; top:92px; padding:31px; border:1px solid #c9d9f5; border-top:4px solid var(--blue); background:#f8fbff; }.about-main .side-note .button { margin-top:5px; }.about-main .page-cta { margin-top:72px; padding:52px 58px; }.about-main .page-cta .button { white-space:nowrap; }
@media (max-width:960px) { .about-hero { padding-top:76px; padding-bottom:76px; }.about-hero-inner,.about-main .two-column { grid-template-columns:1fr; gap:42px; }.about-hero h1 { font-size:46px; }.about-positioning { max-width:560px; }.about-main .side-note { position:static; max-width:560px; }.about-main .detail-block { max-width:760px; } }
@media (max-width:720px) { .about-hero,.about-main { padding:62px 20px; }.about-hero h1 { font-size:37px; }.about-hero .lead { font-size:16px; }.about-hero-actions { display:grid; justify-items:start; gap:17px; margin-top:27px; }.about-positioning { padding:25px 22px; }.about-positioning strong { font-size:22px; }.about-main .two-column { gap:34px; }.about-main .detail-block { padding-bottom:27px; margin-bottom:27px; }.about-main .detail-block h2 { font-size:27px; }.about-main .page-cta { display:grid; gap:24px; margin-top:50px; padding:36px 25px; }.about-main .page-cta .button { width:100%; } }

.about-team,.about-clients { margin-top:104px; }.about-section-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.62fr); gap:80px; align-items:end; padding-bottom:25px; border-bottom:2px solid #172033; }.about-section-heading h2 { max-width:680px; margin:0; color:#172033; font-size:36px; line-height:1.3; }.about-section-heading>p { max-width:420px; margin:0 0 4px; color:#5b667a; font-size:15px; line-height:1.75; }.about-team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-bottom:1px solid var(--line); }.about-team-grid article { min-height:265px; padding:29px 28px 27px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }.about-team-grid article:nth-child(3n+1) { padding-left:0; }.about-team-grid article:nth-child(3n) { border-right:0; }.about-team-grid article:nth-last-child(-n+3) { border-bottom:0; }.about-team-grid span { color:var(--blue); font-size:12px; font-weight:700; }.about-team-grid h3 { margin:27px 0 4px; color:#172033; font-size:25px; line-height:1.2; }.about-team-grid p { margin:0 0 16px; color:#344054; font-size:14px; font-weight:700; }.about-team-grid small { display:block; color:#667085; font-size:13px; line-height:1.7; }.about-clients { padding:84px 0 0; border-top:1px solid var(--line); }.about-client-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:28px; }.about-client-grid article { display:flex; min-height:188px; flex-direction:column; padding:27px; border:1px solid #dce4f0; background:#f8fafc; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }.about-client-grid article:hover { border-color:#b7cdfb; box-shadow:0 12px 25px rgba(16,24,40,.08); transform:translateY(-2px); }.about-client-grid span { color:var(--teal-deep); font-size:12px; font-weight:700; }.about-client-grid h3 { margin:21px 0 11px; color:#172033; font-size:21px; line-height:1.35; }.about-client-grid p { margin:0; color:#667085; font-size:13px; line-height:1.7; }.about-cta { display:flex; align-items:center; justify-content:space-between; gap:38px; margin-top:94px; padding:56px 58px; background:#102a56; color:#fff; }.about-cta .eyebrow { color:#a8c5ff; }.about-cta h2 { max-width:700px; margin:0; color:#fff; font-size:35px; line-height:1.3; }.about-cta-actions { display:flex; align-items:center; gap:24px; }.about-cta .text-link { color:#dce9ff; white-space:nowrap; }
@media (max-width:960px) { .about-team,.about-clients { margin-top:78px; }.about-section-heading { grid-template-columns:1fr; gap:15px; }.about-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.about-team-grid article,.about-team-grid article:nth-child(3n+1) { padding-left:0; }.about-team-grid article:nth-child(odd) { padding-right:28px; border-right:1px solid var(--line); }.about-team-grid article:nth-child(even) { padding-left:28px; padding-right:0; border-right:0; }.about-team-grid article:nth-last-child(-n+3) { border-bottom:1px solid var(--line); }.about-team-grid article:nth-last-child(-n+2) { border-bottom:0; }.about-client-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.about-client-grid article { min-height:175px; }.about-cta { display:grid; padding:48px; }.about-cta-actions { justify-content:flex-start; } }
@media (max-width:720px) { .about-team,.about-clients { margin-top:62px; }.about-section-heading { padding-bottom:19px; }.about-section-heading h2 { font-size:28px; }.about-team-grid,.about-client-grid { grid-template-columns:1fr; }.about-team-grid article,.about-team-grid article:nth-child(odd),.about-team-grid article:nth-child(even) { min-height:0; padding:23px 0; border-right:0; border-bottom:1px solid var(--line); }.about-team-grid article:last-child { border-bottom:0; }.about-team-grid h3 { margin-top:15px; }.about-clients { padding-top:62px; }.about-client-grid { gap:10px; margin-top:22px; }.about-client-grid article { min-height:0; padding:23px; }.about-cta { margin-top:62px; padding:37px 25px; gap:27px; }.about-cta h2 { font-size:28px; }.about-cta-actions { display:grid; gap:17px; }.about-cta .button { width:100%; }.about-cta .text-link { white-space:normal; } }

/* Keep every team profile aligned within its grid cell. */
.about-team-grid { border-top:1px solid var(--line); border-left:1px solid var(--line); }.about-team-grid article:nth-child(3n+1) { padding-left:28px; }
@media (max-width:960px) { .about-team-grid article:nth-child(odd),.about-team-grid article:nth-child(3n+1) { padding-left:28px; } }
@media (max-width:720px) { .about-team-grid { border-left:0; }.about-team-grid article:nth-child(odd),.about-team-grid article:nth-child(3n+1) { padding-left:0; } }