@media (max-width: 900px) { .playbook-intro { grid-template-columns: 1fr; gap: 17px; }.playbook-intro .section-kicker { margin-bottom: 0; }.playbook-grid { grid-template-columns: repeat(2,1fr); }.playbook-cta { align-items: flex-start; flex-direction: column; } }
@media (max-width: 560px) { .industry-playbooks { padding: 68px 0; }.playbook-grid { grid-template-columns: 1fr; }.playbook-grid article { min-height: 0; }.playbook-grid p { min-height: 0; }.playbook-cta .text-link { white-space: normal; } }
:root { --ink: #0a2623; --ink-2: #123a36; --pine: #071c1b; --pine-2: #0d2b27; --mint: #b9f4d8; --lime: #dffb90; --paper: #f7f7f1; --cream: #eeeee5; --line: rgba(10,38,35,.14); --muted: #637470; --white: #fff; --serif: Georgia, 'Times New Roman', serif; --sans: 'Segoe UI', Arial, sans-serif; --mono: 'Cascadia Mono', Consolas, monospace; --shell: min(1180px, calc(100% - 48px)); }
/* Neski V2: a brighter, more legible technology system. */
:root { --ink: #10152f; --ink-2: #202a58; --pine: #0c1230; --pine-2: #171f4a; --mint: #c8fff1; --lime: #55e6c1; --paper: #f7f8ff; --cream: #edf0ff; --line: rgba(31,45,100,.14); --muted: #5f6786; }
body { color: #10152f; background: #f7f8ff; }
.site-header, .site-header.is-scrolled, .agency-home .site-header:not(.is-scrolled) { background: rgba(255,255,255,.92) !important; border-bottom-color: rgba(54,68,135,.12) !important; box-shadow: 0 8px 28px rgba(20,31,81,.08) !important; backdrop-filter: blur(16px); }
.agency-home .site-header:not(.is-scrolled) .brand, .brand { color: #151b3c !important; }.agency-home .site-header:not(.is-scrolled) .brand > span > span, .brand > span > span { color: #697397 !important; }.agency-home .site-header:not(.is-scrolled) .site-nav > a:not(.nav-cta), .site-nav > a:not(.nav-cta) { color: #424d79 !important; }.agency-home .site-header:not(.is-scrolled) .site-nav > a:not(.nav-cta)::after, .site-nav > a:not(.nav-cta)::after { background: #5d5af5 !important; }
.brand-mark { width: 32px !important; height: 32px !important; padding: 2px; background-color: #ffffff !important; background-image: url('neski-logo-mark.png?v=2') !important; background-position: center !important; background-size: 138% !important; background-repeat: no-repeat !important; border: 1px solid #dfe3ff; border-radius: 9px; box-shadow: 0 4px 12px rgba(58,71,170,.15); fill: transparent !important; }
.nav-cta, .agency-home .site-header:not(.is-scrolled) .nav-cta { color: #fff !important; background: linear-gradient(135deg,#635bff,#3e78ff) !important; box-shadow: 0 9px 18px rgba(80,89,255,.24); }.nav-cta:hover { background: linear-gradient(135deg,#4f46e5,#2563eb) !important; }
.button-primary, .button-lime, .button-dark { color: #fff !important; background: linear-gradient(135deg,#635bff,#3778ff) !important; box-shadow: 0 11px 22px rgba(72,85,236,.22); }.button-primary:hover, .button-lime:hover, .button-dark:hover { background: linear-gradient(135deg,#4f46e5,#2563eb) !important; }.button-ghost { color: #26325f !important; border-color: #bdc7ff !important; }.button-ghost:hover { color: #fff !important; background: #263c90 !important; }
.agency-hero { background: radial-gradient(circle at 83% 12%,rgba(76,108,255,.58),transparent 31%), radial-gradient(circle at 25% 88%,rgba(48,224,191,.22),transparent 30%), #0c1230 !important; }.agency-grid-lines { opacity: .22 !important; background-image: linear-gradient(rgba(161,177,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(161,177,255,.24) 1px,transparent 1px) !important; }.agency-hero h1 { color: #fff !important; }.agency-hero h1 em { color: #7cebd1 !important; }.agency-hero-copy > p:not(.agency-eyebrow) { color: #c5cbee !important; }.agency-eyebrow, .agency-proof { color: #aeb9ec !important; }.agency-eyebrow span { background: #58e2c1 !important; }.agency-console { background: rgba(25,35,81,.93) !important; border-color: rgba(172,188,255,.35) !important; }.console-top { background: #202b62 !important; }.console-chart { background: #121b48 !important; }.console-alert { background: #283d8c !important; }.console-float { background: #18245a !important; }
.agency-intro, .agency-work, .insight-section { background: #f7f8ff !important; }.agency-industries, .industry-playbooks, .roles-section { background: #edf0ff !important; }.agency-capabilities, .agency-method, .cta-section, .service-ribbon, .insight-cta, .career-callout { background: #0f1638 !important; }.page-hero, .page-hero-solution, .services-hero, .insights-hero, .career-hero { background: linear-gradient(135deg,#eef1ff,#e5edff) !important; }.service-detail-section { background: #fbfcff !important; }.service-detail-section.alt { background: #f0f3ff !important; }.quote-band { background: linear-gradient(135deg,#5b59ec,#2776ea) !important; }.quote-band p, .quote-band span { color: #fff !important; }
.capability-card { border-color: rgba(184,196,255,.22) !important; }.capability-card:hover { background: #202b62 !important; }.cap-icon { color: #fff !important; background: linear-gradient(135deg,#655cff,#44dabb) !important; }.industry-list a, .method-list, .method-list li, .playbook-grid, .playbook-grid article { border-color: rgba(76,90,154,.2) !important; }.industry-list i, .playbook-grid small { color: #5064e8 !important; }.playbook-grid article { background: rgba(255,255,255,.7) !important; }.playbook-grid article:hover { background: #fff !important; }.playbook-intro p:last-child, .playbook-grid p, .playbook-cta p { color: #636e94 !important; }
.site-footer { background: #0b1029 !important; }.footer-grid a:not(.brand), .footer-bottom a { color: #dbe3ff !important; }.footer-grid h2, .footer-small, .footer-bottom { color: #9ba8dd !important; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img, svg { display: block; max-width: 100%; }
.shell { width: var(--shell); margin: auto; }
.narrow { max-width: 875px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; left: 15px; top: -50px; padding: 10px 15px; color: var(--pine); background: var(--mint); font-weight: 700; border-radius: 3px; transition: top .2s ease; }
.skip-link:focus { top: 15px; }

.site-header { position: absolute; z-index: 40; top: 0; width: 100%; border-bottom: 1px solid transparent; transition: background .25s, border-color .25s, box-shadow .25s; }
.site-header.is-scrolled { position: fixed; background: rgba(247,247,241,.94); border-color: var(--line); box-shadow: 0 5px 24px rgba(7,28,27,.05); backdrop-filter: blur(14px); }
.nav-wrap { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-family: var(--mono); font-size: 13px; letter-spacing: -.05em; font-weight: 500; line-height: 1; }
.brand > span > span { color: var(--muted); margin-left: 3px; }
.brand-mark { width: 27px; height: 27px; background: url('neski-logo-mark.png') center / contain no-repeat; fill: transparent; }
.site-nav { display: flex; align-items: center; gap: clamp(18px, 2.5vw, 36px); font-size: 14px; font-weight: 600; }
.site-nav > a:not(.nav-cta) { position: relative; padding: 10px 0; color: #34504b; }
.site-nav > a:not(.nav-cta)::after { position: absolute; bottom: 3px; left: 0; width: 0; height: 1.5px; background: var(--ink); content: ''; transition: width .2s ease; }
.site-nav > a:hover::after, .site-nav > a.active:not(.nav-cta)::after { width: 100%; }
.nav-cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; color: var(--paper); background: var(--pine); border-radius: 4px; transition: transform .2s, background .2s; }
.nav-cta:hover { transform: translateY(-2px); background: #16443e; }
.nav-cta span, .button span, .text-link span { font-size: 18px; line-height: .8; transition: transform .2s ease; }
.nav-cta:hover span, .button:hover span, .text-link:hover span { transform: translate(2px,-2px); }
.menu-toggle { display: none; border: 0; padding: 9px 3px; background: transparent; }
.menu-toggle i { display: block; width: 22px; height: 1.5px; margin: 5px 0; background: var(--ink); transition: transform .2s; }

.hero { min-height: 700px; position: relative; overflow: hidden; padding: 160px 0 85px; background: var(--cream); }
.hero::before { position: absolute; width: 65vw; height: 65vw; min-width: 650px; min-height: 650px; top: -37vw; left: -18vw; border-radius: 50%; background: radial-gradient(circle, rgba(184,244,216,.78), rgba(184,244,216,0) 66%); content: ''; pointer-events: none; }
.hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(450px, 1.1fr); align-items: center; gap: 48px; }
.hero-copy { padding: 20px 0 22px; }
.eyebrow, .section-kicker { margin: 0 0 19px; color: #41625b; font-family: var(--mono); font-size: 11px; letter-spacing: .065em; line-height: 1.4; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 9px; }
.eyebrow > span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #67ba93; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.05em; line-height: 1.04; }
h1 { max-width: 690px; margin-bottom: 23px; font-size: clamp(48px, 5.4vw, 82px); font-weight: 600; }
h1 em, h2 em { font-family: var(--serif); font-weight: 500; }
.hero-intro { max-width: 545px; margin-bottom: 31px; color: #46625b; font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 26px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 15px 19px; border: 1px solid transparent; border-radius: 4px; font-size: 14px; font-weight: 700; line-height: 1.1; transition: transform .2s, background .2s, color .2s, border-color .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--paper); background: var(--pine); }
.button-primary:hover { background: #16443e; }
.button-outline { color: var(--ink); border-color: var(--ink); }
.button-outline:hover { color: var(--paper); background: var(--ink); }
.button-light { color: var(--pine); background: var(--lime); }
.button-light:hover { background: var(--white); }
.text-link { display: inline-flex; align-items: center; gap: 8px; border-bottom: 1px solid #9aa9a5; padding: 3px 0; font-size: 14px; font-weight: 700; line-height: 1.15; transition: border-color .2s; }
.text-link:hover { border-color: var(--ink); }
.hero-note { display: flex; align-items: center; gap: 8px; margin-top: 40px; color: #61756f; font-family: var(--mono); font-size: 10px; letter-spacing: .03em; text-transform: uppercase; }
.status-dot { width: 7px; height: 7px; background: #62b992; border-radius: 50%; box-shadow: 0 0 0 4px rgba(98,185,146,.16); }

.hero-visual { position: relative; min-height: 450px; padding: 35px 0 0 24px; }
.orb { position: absolute; border-radius: 50%; filter: blur(1px); }
.orb-one { width: 340px; height: 340px; right: -36px; top: 8px; background: #c5f6a5; opacity: .7; }
.orb-two { width: 168px; height: 168px; left: 5px; bottom: 32px; background: #8adebf; opacity: .6; }
.product-window { position: relative; z-index: 1; width: min(100%, 580px); margin-left: auto; overflow: hidden; background: #fbfdf9; border: 1px solid rgba(9,39,34,.15); border-radius: 8px; box-shadow: 0 28px 65px rgba(19,57,49,.2); transform: rotate(1.8deg); }
.window-top { display: flex; align-items: center; gap: 5px; height: 32px; padding: 0 12px; color: #a3ada9; background: #e9eee8; font-family: var(--mono); font-size: 8px; }
.window-top > span { width: 6px; height: 6px; border-radius: 50%; background: #bbc5bf; }.window-top small { margin-left: 5px; }.window-top b { margin-left: auto; font-size: 12px; }
.product-body { display: flex; min-height: 373px; }.product-sidebar { display: flex; flex-direction: column; align-items: center; width: 44px; padding: 13px 0; background: #f1f4ef; gap: 16px; }.product-sidebar strong { display: grid; place-items: center; width: 23px; height: 23px; margin-bottom: 8px; color: #eaffd3; background: var(--pine); border-radius: 5px; font-family: var(--mono); font-size: 12px; }.product-sidebar i { width: 12px; height: 12px; border: 1.5px solid #9bac9f; border-radius: 3px; }.product-sidebar i:nth-of-type(2) { background: #83d2ad; border-color: #83d2ad; }.product-content { flex: 1; padding: 19px 21px; min-width: 0; }.product-heading { display: flex; align-items: center; justify-content: space-between; }.product-heading small { color: #82918b; font-size: 8px; }.product-heading h2 { margin: 2px 0 0; font-size: 17px; }.avatar { display: grid; width: 25px; height: 25px; place-items: center; color: #245b4e; background: #c5f4dd; border-radius: 50%; font-size: 10px; font-weight: 700; }.metric-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 17px 0; }.metric-row > div { padding: 9px; background: #f4f7f3; border-radius: 4px; }.metric-row small { display: block; color: #82918b; font-size: 7px; }.metric-row b { display: inline-block; margin-top: 3px; font-size: 16px; letter-spacing: -.07em; }.metric-row em { display: block; color: #439a75; font-size: 7px; font-style: normal; }.product-panel { padding: 12px; border: 1px solid #e5ebe5; border-radius: 5px; }.panel-title { display: flex; justify-content: space-between; color: #24443d; font-size: 8px; font-weight: 700; }.panel-title small { color: #5d9b7e; font-weight: 500; }.pipeline { display: grid; grid-template-columns: repeat(4,1fr); align-items: end; height: 81px; gap: 12px; padding-top: 10px; }.pipeline-col { display: grid; grid-template-rows: auto auto 1fr; height: 100%; }.pipeline-col small { color: #88958f; font-size: 6px; }.pipeline-col b { font-size: 12px; }.pipeline-col i { position: relative; align-self: end; height: var(--h); background: #bfead0; border-radius: 2px 2px 0 0; }.pipeline-col:nth-child(2) i { background: #6fc39a; }.pipeline-col:nth-child(4) i { background: #17493e; }.notification-card { display: flex; align-items: center; gap: 8px; margin-top: 13px; padding: 8px 10px; background: #173d35; color: #fff; border-radius: 4px; }.notification-card > span { color: var(--lime); font-size: 12px; }.notification-card p { flex: 1; margin: 0; line-height: 1.2; }.notification-card b, .notification-card small { display: block; }.notification-card b { font-size: 8px; }.notification-card small, .notification-card time { color: #afc9bd; font-size: 6px; }.notification-card time { align-self: flex-start; }
.visual-caption { position: relative; z-index: 1; margin: 18px 0 0 33px; color: #41675d; font-family: var(--serif); font-size: 15px; font-style: italic; }

.intro-band { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #f2f2eb; }.split-intro { display: grid; grid-template-columns: .68fr 1.32fr; gap: 48px; padding: 83px 0; }.split-intro h2 { max-width: 720px; margin: -5px 0 22px; font-size: clamp(30px,3.5vw,47px); }.split-intro p:not(.section-kicker) { max-width: 650px; margin: 0; color: var(--muted); font-size: 18px; }
.section { padding: 116px 0; }.section-heading { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 55px; }.section-heading h2 { max-width: 710px; margin: 0; font-size: clamp(34px,4.25vw,58px); }.section-heading .text-link { margin-bottom: 7px; white-space: nowrap; }.service-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.service-card { position: relative; display: flex; min-height: 315px; flex-direction: column; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); transition: color .25s, background .25s, transform .25s; }.service-card:hover { z-index: 1; color: #edfff3; background: var(--ink-2); transform: translateY(-7px); box-shadow: 0 18px 30px rgba(11,42,37,.14); }.service-number { color: #879894; font-family: var(--mono); font-size: 11px; }.service-icon { display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; margin: auto 0 23px; color: var(--ink); background: var(--mint); border-radius: 50%; }.service-card:hover .service-icon { color: var(--pine); background: var(--lime); }.icon-nodes { position: relative; }.icon-nodes i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }.icon-nodes i:nth-child(1) { left: 11px; }.icon-nodes i:nth-child(2) { right: 10px; top: 12px; }.icon-nodes i:nth-child(3) { right: 10px; bottom: 11px; }.icon-nodes::after { width: 18px; height: 13px; border-top: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; content: ''; transform: translateX(2px); }.icon-grid { display: grid; grid-template-columns: repeat(2,7px); gap: 3px; }.icon-grid i { width: 7px; height: 7px; background: currentColor; border-radius: 1px; }.icon-spark { font-size: 22px; }.icon-window { position: relative; width: 42px; height: 32px; border: 1.5px solid currentColor; border-radius: 2px; }.icon-window i { position: absolute; top: 6px; width: 3px; height: 3px; background: currentColor; border-radius: 50%; }.icon-window i:nth-child(1) { left: 6px; }.icon-window i:nth-child(2) { left: 12px; }.icon-window i:nth-child(3) { left: 18px; }.service-card h3 { margin: 0 0 10px; font-size: 21px; }.service-card p { max-width: 240px; margin: 0; color: #647570; font-size: 14px; line-height: 1.55; transition: color .25s; }.service-card:hover p { color: #b8cec5; }.card-arrow { position: absolute; top: 25px; right: 25px; font-size: 21px; opacity: 0; transform: translate(-5px,5px); transition: opacity .2s, transform .2s; }.service-card:hover .card-arrow { opacity: 1; transform: none; }
.work-section { background: #ecede5; }.work-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.work-card { overflow: hidden; background: #fbfcf8; border: 1px solid rgba(16,49,43,.1); }.work-card-wide { grid-column: 1 / -1; }.work-art { position: relative; overflow: hidden; height: 261px; }.work-card-wide .work-art { height: 320px; }.work-copy { padding: 22px 24px 25px; }.work-copy p { margin-bottom: 6px; color: #64867b; font-family: var(--mono); font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }.work-copy h3 { margin: 0 0 11px; font-size: 27px; }.work-copy > span { color: #71837d; font-size: 12px; }.art-pipeline { padding: 34px 43px; background: linear-gradient(125deg, #c4ead1, #8fcfb6); }.art-pipeline::before { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.22), transparent); content: ''; }.art-browser { position: relative; z-index: 1; display: flex; align-items: center; gap: 5px; height: 32px; padding: 0 11px; color: #75928a; background: #f5f8f3; border-bottom: 1px solid #d8e5dc; border-radius: 6px 6px 0 0; font-family: var(--mono); font-size: 9px; }.art-browser span { width: 5px; height: 5px; background: #bdc9c1; border-radius: 50%; }.art-browser b { margin-left: 8px; color: #3e5b53; font-weight: 500; }.art-browser i { display: grid; width: 16px; height: 16px; margin-left: auto; place-items: center; color: #fff; background: #338967; border-radius: 3px; font-size: 14px; font-style: normal; }.kanban { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; min-height: 203px; padding: 17px; background: #edf2ed; border-radius: 0 0 6px 6px; }.kanban > div { padding: 8px; background: #e5ebe5; border-radius: 3px; }.kanban small { display: block; margin-bottom: 8px; color: #7d938a; font-family: var(--mono); font-size: 8px; }.kanban p { margin: 0 0 7px; padding: 9px; color: #315149; background: #fff; border-radius: 3px; font-size: 10px; font-weight: 700; line-height: 1.4; box-shadow: 0 1px 1px rgba(9,35,29,.04); }.kanban em { display: block; margin-top: 3px; color: #7c928a; font-size: 8px; font-style: normal; font-weight: 400; }.art-flow { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: #153c35; }.art-flow::before, .art-flow::after { position: absolute; border: 1px solid rgba(192,250,215,.12); content: ''; border-radius: 50%; }.art-flow::before { width: 310px; height: 310px; }.art-flow::after { width: 190px; height: 190px; }.flow-node { position: relative; z-index: 1; min-width: 151px; padding: 9px 13px; color: #eaffec; background: #24584d; border: 1px solid rgba(202,255,222,.2); border-radius: 4px; font-family: var(--mono); font-size: 10px; }.flow-node b { color: var(--lime); float: right; }.flow-node.node-one { transform: translateX(-50px); }.flow-node.node-three { color: #193b33; background: var(--lime); transform: translateX(35px); }.art-flow > span { position: relative; z-index: 1; width: 1px; height: 13px; background: #86c4a8; }.art-dashboard { padding: 31px 36px; background: #dce9d7; }.art-dashboard::before { position: absolute; width: 240px; height: 240px; right: -50px; top: -76px; background: #b6ebcc; content: ''; border-radius: 50%; }.dash-top, .dash-chart, .dash-metrics { position: relative; z-index: 1; }.dash-top { display: flex; justify-content: space-between; padding: 13px 16px; background: #f8fbf7; border-radius: 5px 5px 0 0; font-size: 11px; }.dash-top span { color: #84978d; font-size: 8px; }.dash-chart { height: 126px; padding: 22px 18px; overflow: hidden; background: #f8fbf7; border-top: 1px solid #e6eee6; }.dash-chart > i { display: block; height: 1px; margin-bottom: 21px; background: #e5ece5; }.dash-chart svg { position: absolute; left: 18px; top: 22px; width: calc(100% - 36px); height: 94px; overflow: visible; }.dash-chart path { fill: none; stroke: #3ea77a; stroke-width: 3; vector-effect: non-scaling-stroke; }.dash-metrics { display: flex; gap: 9px; padding: 10px 16px 15px; background: #f8fbf7; border-radius: 0 0 5px 5px; }.dash-metrics span { flex: 1; padding: 8px 10px; background: #edf5ee; border-radius: 3px; }.dash-metrics small, .dash-metrics b { display: block; }.dash-metrics small { color: #82958b; font-size: 7px; }.dash-metrics b { font-size: 15px; }.portfolio-disclaimer { margin: 23px 0 0; color: #78908a; font-size: 12px; }
.process-section { background: #f7f7f1; }.process-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 11vw; }.process-copy h2 { margin-bottom: 22px; font-size: clamp(36px,4.1vw,58px); }.process-copy > p:not(.section-kicker) { max-width: 430px; margin-bottom: 30px; color: var(--muted); }.process-list { margin: 0; padding: 0; list-style: none; }.process-list li { display: grid; grid-template-columns: 60px 1fr; gap: 24px; padding: 1px 0 31px; border-top: 1px solid var(--line); }.process-list li:last-child { padding-bottom: 0; }.process-list span { padding-top: 29px; color: #78928a; font-family: var(--mono); font-size: 11px; }.process-list div { padding: 26px 0 0; }.process-list h3 { margin-bottom: 8px; font-size: 23px; }.process-list p { max-width: 440px; margin: 0; color: var(--muted); font-size: 15px; }
.cta-section { padding: 100px 0; color: #effff1; background: var(--pine); }.cta-section.compact { padding: 84px 0; }.cta-inner { text-align: center; }.cta-inner .section-kicker { color: #95bcaa; }.cta-inner h2 { max-width: 820px; margin: 0 auto 30px; font-size: clamp(38px,4.7vw,65px); }.cta-footnote { margin: 19px 0 0; color: #a6c0b5; font-size: 12px; }
.site-footer { padding: 66px 0 21px; color: #dceae1; background: #092420; }.footer-grid { display: grid; grid-template-columns: 1.3fr .45fr .85fr; gap: 48px; padding-bottom: 56px; }.brand-footer { color: #f5fff8; }.brand-footer > span > span { color: #aac5b9; }.footer-grid > div:first-child > p { max-width: 340px; margin: 18px 0 0; color: #a7beb4; font-size: 13px; line-height: 1.65; }.footer-grid h2 { margin: 3px 0 13px; color: #84ad9c; font-family: var(--mono); font-size: 10px; font-weight: 400; letter-spacing: .075em; text-transform: uppercase; }.footer-grid a:not(.brand) { display: block; width: max-content; max-width: 100%; margin: 8px 0; color: #e0eee5; font-size: 13px; transition: color .2s; }.footer-grid a:not(.brand):hover, .footer-bottom a:hover { color: var(--lime); }.footer-small { margin: 20px 0 0; color: #86a89a; font-size: 12px; }.footer-bottom { display: flex; justify-content: space-between; padding-top: 18px; color: #7d9d90; border-top: 1px solid rgba(208,240,221,.14); font-size: 11px; }.footer-bottom p { margin: 0; }.footer-bottom a { color: #bad3c7; }.footer-bottom.solo { padding-top: 0; border-top: 0; }

.page-hero { padding: 180px 0 101px; background: var(--cream); }.page-hero::before { display: block; width: 12px; height: 12px; margin-bottom: 35px; background: var(--lime); content: ''; border-radius: 50%; }.page-hero h1 { margin-bottom: 24px; }.page-hero > .shell > p:last-child { max-width: 630px; margin-bottom: 0; color: var(--muted); font-size: 18px; }.page-hero-solution { background: linear-gradient(135deg,#e9eee3,#daeee1); }.about-hero { padding-bottom: 117px; background: linear-gradient(125deg,#e3ebe1,#f7f7f1 67%); }
.service-detail-section { border-top: 1px solid var(--line); background: var(--paper); }.service-detail-section.alt { background: #eff0e9; }.service-detail { display: grid; grid-template-columns: .22fr 1.2fr .75fr; gap: 45px; padding: 86px 0; }.service-detail-number { color: #709488; font-family: var(--serif); font-size: 53px; font-style: italic; line-height: 1; }.service-detail h2 { max-width: 620px; margin: 0 0 20px; font-size: clamp(31px,3.3vw,46px); }.service-detail-main > p:not(.section-kicker) { max-width: 590px; color: var(--muted); font-size: 16px; }.chip-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }.chip-list span { padding: 6px 9px; color: #386154; background: #dcece0; border-radius: 3px; font-family: var(--mono); font-size: 10px; }.service-detail-aside { align-self: start; margin-top: 37px; padding: 22px; border-left: 2px solid #8cbda8; background: rgba(219,239,226,.48); }.service-detail-aside h3 { margin: 0 0 9px; font-size: 15px; }.service-detail-aside p { margin: 0; color: #647a72; font-size: 13px; line-height: 1.6; }
.faq-section { border-top: 1px solid var(--line); }.faq-layout { display: grid; grid-template-columns: .77fr 1.23fr; gap: 9vw; }.faq-layout h2 { margin-bottom: 20px; font-size: clamp(33px,3.8vw,52px); }.faq-layout > div > p:not(.section-kicker) { max-width: 350px; color: var(--muted); }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; cursor: pointer; font-size: 16px; font-weight: 700; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: #5e8e7d; font-size: 22px; font-weight: 400; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 620px; margin: -3px 40px 20px 0; color: var(--muted); font-size: 14px; }
.solution-list { padding-top: 97px; }.solution-row { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(48px,8vw,120px); padding: 26px 0 98px; }.solution-row.reverse .solution-art { order: 2; }.solution-copy h2 { max-width: 475px; margin-bottom: 18px; font-size: clamp(33px,3.55vw,48px); }.solution-copy > p:not(.section-kicker) { max-width: 480px; color: var(--muted); }.solution-copy ul { margin: 25px 0; padding: 0; list-style: none; }.solution-copy li { position: relative; margin: 9px 0; padding-left: 17px; color: #46665d; font-size: 14px; }.solution-copy li::before { position: absolute; left: 0; top: .55em; width: 5px; height: 5px; background: #67b894; content: ''; border-radius: 50%; }.solution-art { min-height: 324px; overflow: hidden; border-radius: 6px; }.lead-art { padding: 48px; color: #e8fff0; background: #16473d; }.lead-art::before { position: absolute; width: 290px; height: 290px; right: -130px; top: -115px; background: #82d3a8; content: ''; opacity: .35; border-radius: 50%; }.lead-art::after { position: absolute; width: 180px; height: 180px; left: -100px; bottom: -100px; border: 1px solid #9fe5bc; content: ''; opacity: .35; border-radius: 50%; }.lead-head, .lead-art > p, .lead-art > small, .lead-progress, .lead-art > em { position: relative; z-index: 1; }.lead-head { display: flex; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid rgba(216,255,229,.24); font-size: 11px; }.lead-art > p { margin: 27px 0 3px; font-size: 28px; font-weight: 700; letter-spacing: -.05em; }.lead-art > small { color: #afd3bd; font-size: 11px; }.lead-progress { display: flex; gap: 5px; margin-top: 31px; }.lead-progress i { flex: 1; height: 5px; background: #8fdab2; border-radius: 3px; }.lead-progress i:last-child { background: rgba(220,255,230,.22); }.lead-art > em { display: inline-block; margin-top: 14px; padding: 5px 7px; color: #d8ff95; background: rgba(216,255,149,.12); border-radius: 2px; font-family: var(--mono); font-size: 9px; font-style: normal; }.portal-art { display: flex; padding: 28px; background: #d4e9da; }.portal-side { display: flex; flex-direction: column; align-items: center; width: 45px; padding: 13px 0; background: #103b32; border-radius: 4px 0 0 4px; gap: 20px; }.portal-side b { color: #d9ff91; font-family: var(--mono); }.portal-side i { width: 12px; height: 12px; border: 1px solid #90b8a5; border-radius: 2px; }.portal-content { flex: 1; padding: 26px; background: #f9fcf7; border-radius: 0 4px 4px 0; }.portal-content small { color: #8aa198; font-size: 10px; }.portal-content h3 { margin: 5px 0 27px; font-size: 27px; }.portal-content > div { display: flex; gap: 10px; }.portal-content > div p { flex: 1; margin: 0; padding: 11px; color: #647b70; background: #eef5ef; font-size: 10px; }.portal-content > div b { display: block; color: #1c4d41; font-size: 18px; }.portal-content > span { display: inline-block; margin-top: 20px; color: #3d8a68; font-size: 10px; font-weight: 700; }.automate-art { display: grid; place-items: center; background: #f2ead8; }.automate-art::before { position: absolute; width: 300px; height: 300px; background: #e2d39b; content: ''; border-radius: 50%; opacity: .55; }.auto-card { position: relative; z-index: 1; display: flex; width: 196px; flex-direction: column; gap: 10px; }.auto-card span { padding: 10px 12px; color: #5e4931; background: #fffaf0; border: 1px solid #eadfca; border-radius: 3px; box-shadow: 0 4px 11px rgba(97,69,31,.05); font-family: var(--mono); font-size: 10px; }.auto-card i { align-self: center; height: 10px; color: #998264; font-size: 14px; font-style: normal; line-height: .5; }.auto-card .accent { color: #284a35; background: #ccf29e; border-color: #ccf29e; }.quote-band { padding: 101px 0; color: #e8fbeb; background: #1c4a40; text-align: center; }.quote-band span { display: block; height: 53px; color: var(--lime); font-family: var(--serif); font-size: 85px; line-height: 1; }.quote-band p { max-width: 795px; margin: 0 auto; font-family: var(--serif); font-size: clamp(28px,3.8vw,49px); font-style: italic; line-height: 1.17; }
.statement-section { border-bottom: 1px solid var(--line); }.statement-layout { display: grid; grid-template-columns: .5fr 1.5fr; gap: 45px; }.statement-layout h2 { max-width: 760px; margin-bottom: 26px; font-size: clamp(36px,4.4vw,61px); }.statement-layout div > p { max-width: 615px; color: var(--muted); font-size: 17px; }.principles-section { background: #ecede5; }.principles-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.principle { min-height: 255px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.principle > span { color: #6a9784; font-family: var(--mono); font-size: 11px; }.principle h3 { max-width: 260px; margin: 57px 0 11px; font-size: 21px; }.principle p { max-width: 300px; margin: 0; color: var(--muted); font-size: 14px; }.founder-section { padding-top: 88px; }.founder-card { display: grid; grid-template-columns: 160px 1fr; gap: 58px; padding: 55px; background: #d7eedb; }.founder-mark { display: grid; width: 118px; height: 118px; place-items: center; color: #e5ffb9; background: #16483e; border-radius: 50%; }.founder-mark svg { width: 55px; height: 55px; fill: currentColor; }.founder-card h2 { max-width: 640px; margin-bottom: 15px; font-size: clamp(32px,3.6vw,49px); }.founder-card p:not(.section-kicker) { max-width: 560px; color: #506b60; }.founder-card .button { margin-top: 9px; }
.contact-section { min-height: calc(100vh - 83px); padding: 158px 0 100px; background: linear-gradient(135deg,#e7eee3,#f6f6f0 60%); }.contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(48px,9vw,135px); align-items: center; }.contact-copy h1 { font-size: clamp(47px,5.2vw,73px); }.contact-copy > p:not(.eyebrow) { max-width: 470px; color: var(--muted); font-size: 18px; }.contact-note { display: flex; max-width: 410px; gap: 12px; margin-top: 34px; padding: 16px; background: #d7eddb; border-left: 2px solid #4f9c77; }.contact-note > span { color: #39805f; }.contact-note p { margin: 0; }.contact-note b, .contact-note small { display: block; }.contact-note b { font-size: 13px; }.contact-note small { margin-top: 2px; color: #587567; font-size: 12px; line-height: 1.45; }.direct-contact { margin-top: 30px; }.direct-contact p { margin: 0 0 4px; color: #7b8e87; font-size: 12px; }.direct-contact a { display: inline-flex; gap: 8px; padding-bottom: 2px; border-bottom: 1px solid #75968a; font-size: 14px; font-weight: 700; }.form-card { padding: clamp(25px,4.2vw,48px); background: #fffefa; border: 1px solid rgba(24,60,51,.1); box-shadow: 0 20px 45px rgba(23,58,48,.08); }.form-card form { display: grid; gap: 17px; }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.form-card label { color: #34574d; font-size: 12px; font-weight: 700; }.optional { color: #84958e; font-weight: 400; }.form-card input, .form-card select, .form-card textarea { display: block; width: 100%; margin-top: 6px; padding: 11px 0; color: var(--ink); outline: 0; background: transparent; border: 0; border-bottom: 1px solid #cbd7cf; border-radius: 0; font-size: 14px; font-weight: 400; transition: border-color .2s; }.form-card textarea { resize: vertical; }.form-card input:focus, .form-card select:focus, .form-card textarea:focus { border-color: #42886c; }.form-card select { appearance: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2334574d' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right center; }.form-submit { justify-self: start; margin-top: 8px; }.form-status { min-height: 1.4em; margin: -5px 0 0; color: #4b7e69; font-size: 12px; }
.legal-section { min-height: 70vh; padding: 160px 0 105px; }.legal-section h1 { font-size: clamp(47px,5vw,70px); }.legal-section h2 { margin: 42px 0 10px; font-size: 23px; }.legal-section p { max-width: 690px; color: var(--muted); }.legal-section .legal-updated { margin-top: -8px; font-family: var(--mono); font-size: 11px; }.legal-section a { color: #256e52; border-bottom: 1px solid currentColor; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }.reveal.is-visible { opacity: 1; transform: none; }.reveal-delay { transition-delay: .12s; }.reveal-delay-1 { transition-delay: .09s; }.reveal-delay-2 { transition-delay: .18s; }
@media (max-width: 900px) { .hero { min-height: unset; padding-top: 135px; }.hero-grid { grid-template-columns: 1fr; gap: 27px; }.hero-copy { padding-bottom: 0; }.hero-visual { max-width: 650px; min-height: 390px; padding-top: 15px; }.product-window { margin-left: 0; }.split-intro, .process-layout, .faq-layout, .statement-layout, .contact-grid { grid-template-columns: 1fr; gap: 36px; }.split-intro { padding: 68px 0; }.service-grid { grid-template-columns: repeat(2,1fr); }.service-detail { grid-template-columns: 75px 1fr; gap: 25px; }.service-detail-aside { grid-column: 2; margin-top: 0; }.solution-row { gap: 48px; }.footer-grid { grid-template-columns: 1.2fr .7fr .9fr; }.founder-card { grid-template-columns: 110px 1fr; gap: 32px; }.founder-mark { width: 95px; height: 95px; }.contact-section { padding-top: 136px; }.contact-copy { max-width: 650px; }.form-card { max-width: 690px; }.section { padding: 88px 0; } }
@media (max-width: 640px) { :root { --shell: min(100% - 32px, 1180px); } body { font-size: 15px; }.nav-wrap { min-height: 70px; }.site-header { background: rgba(247,247,241,.82); border-bottom-color: rgba(10,38,35,.08); backdrop-filter: blur(10px); }.menu-toggle { display: block; }.site-nav { position: fixed; top: 70px; left: 0; display: none; width: 100%; height: calc(100vh - 70px); padding: 28px 24px; align-items: stretch; flex-direction: column; gap: 5px; background: var(--paper); }.site-nav.is-open { display: flex; }.site-nav > a:not(.nav-cta) { padding: 14px 0; font-size: 22px; }.site-nav > a:not(.nav-cta)::after { display: none; }.nav-cta { width: max-content; margin-top: 14px; padding: 13px 15px; }.menu-toggle[aria-expanded='true'] i:first-of-type { transform: translateY(3.3px) rotate(45deg); }.menu-toggle[aria-expanded='true'] i:last-of-type { transform: translateY(-3.3px) rotate(-45deg); }.site-nav.simple { position: static; display: flex; width: auto; height: auto; padding: 0; flex-direction: row; background: none; }.site-nav.simple > a:not(.nav-cta) { display: none; }.hero { padding: 118px 0 61px; }.hero::before { top: -305px; left: -280px; }.hero-copy { padding-top: 10px; } h1 { font-size: clamp(43px,12vw,61px); letter-spacing: -.06em; }.hero-intro, .page-hero > .shell > p:last-child, .contact-copy > p:not(.eyebrow) { font-size: 16px; }.hero-actions { gap: 20px; }.hero-note { margin-top: 28px; line-height: 1.6; }.hero-visual { min-height: 310px; padding: 10px 0 0; }.product-window { transform: rotate(0); }.product-body { min-height: 263px; }.product-content { padding: 13px; }.product-sidebar { width: 32px; gap: 10px; }.product-sidebar i { width: 10px; height: 10px; }.product-sidebar strong { width: 19px; height: 19px; margin-bottom: 5px; }.metric-row { margin: 12px 0; gap: 5px; }.metric-row > div { padding: 6px; }.metric-row b { font-size: 12px; }.product-panel { padding: 8px; }.pipeline { gap: 5px; height: 57px; }.notification-card { margin-top: 8px; padding: 6px; }.visual-caption { margin-left: 10px; }.intro-band .split-intro { gap: 12px; }.split-intro h2 { font-size: 30px; }.split-intro p:not(.section-kicker) { font-size: 16px; }.section { padding: 68px 0; }.section-heading { display: block; margin-bottom: 35px; }.section-heading h2 { font-size: 35px; }.section-heading .text-link { margin-top: 21px; }.service-grid { grid-template-columns: 1fr; }.service-card { min-height: 230px; }.service-card p { max-width: 300px; }.work-grid { grid-template-columns: 1fr; }.work-card-wide { grid-column: auto; }.work-art, .work-card-wide .work-art { height: 225px; }.art-pipeline { padding: 20px; }.kanban { min-height: 160px; padding: 8px; gap: 6px; }.kanban > div { padding: 5px; }.kanban p { padding: 6px; font-size: 8px; }.art-dashboard { padding: 20px; }.work-copy h3 { font-size: 23px; }.process-layout { gap: 45px; }.process-copy h2 { font-size: 37px; }.process-list li { grid-template-columns: 39px 1fr; gap: 12px; }.cta-section, .cta-section.compact { padding: 70px 0; }.cta-inner h2 { font-size: 37px; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 37px 20px; padding-bottom: 42px; }.footer-grid > div:first-child { grid-column: 1 / -1; }.footer-bottom { font-size: 10px; }.page-hero { padding: 127px 0 68px; }.page-hero::before { margin-bottom: 27px; }.page-hero h1 { font-size: 44px; }.service-detail { grid-template-columns: 45px 1fr; gap: 15px; padding: 59px 0; }.service-detail-number { font-size: 37px; }.service-detail h2 { font-size: 30px; }.service-detail-aside { padding: 16px; }.faq-layout h2 { font-size: 35px; }.solution-list { padding-top: 50px; }.solution-row, .solution-row.reverse { grid-template-columns: 1fr; gap: 27px; padding-bottom: 65px; }.solution-row.reverse .solution-art { order: 0; }.solution-art { min-height: 260px; }.lead-art { padding: 36px; }.solution-copy h2 { font-size: 34px; }.quote-band { padding: 69px 0; }.quote-band p { font-size: 30px; }.statement-layout h2 { font-size: 37px; }.principles-grid { grid-template-columns: 1fr; }.principle { min-height: 220px; }.principle h3 { margin-top: 35px; }.founder-section { padding-top: 63px; }.founder-card { grid-template-columns: 1fr; gap: 25px; padding: 28px; }.contact-section { padding: 116px 0 62px; }.contact-copy h1 { font-size: 46px; }.form-card { padding: 25px 20px; }.form-row { grid-template-columns: 1fr; gap: 17px; }.form-submit { width: 100%; }.legal-section { padding: 121px 0 75px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

.agency-hero h1 { font-size: clamp(48px,5vw,75px) !important; }.agency-hero-copy > p:not(.agency-eyebrow) { max-width: 570px !important; }.agency-offer-list { max-width: 580px; margin-top: 29px; padding: 14px 0; border-top: 1px solid rgba(217,255,229,.18); border-bottom: 1px solid rgba(217,255,229,.18); }.agency-offer-list > span { display: block; margin-bottom: 8px; color: #8eb6a3; font-family: var(--mono); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }.agency-offer-list > div { display: flex; flex-wrap: wrap; gap: 7px 14px; }.agency-offer-list a { color: #e7f9ee; font-size: 11px; font-weight: 600; }.agency-offer-list a::before { margin-right: 6px; color: #caff9e; content: '•'; }.agency-offer-list a:hover { color: #caff9e; }.agency-proof { margin-top: 27px !important; }
@media (max-width: 640px) { .agency-hero h1 { font-size: 46px !important; }.agency-offer-list { margin-top: 24px; }.agency-offer-list > div { gap: 6px 11px; }.agency-offer-list a { font-size: 10px; }.agency-proof { margin-top: 25px !important; } }

/* Expanded agency front */
.agency-home { background: #f5f6f0; }
.neski-splash { position: fixed; z-index: 200; inset: 0; display: grid; place-items: center; overflow: hidden; color: #ecfff0; background: #061e1b; transition: opacity .62s ease, visibility .62s ease; }.neski-splash.is-leaving { opacity: 0; visibility: hidden; }.splash-grid { position: absolute; inset: 0; opacity: .34; background-image: linear-gradient(rgba(175,255,199,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(175,255,199,.09) 1px,transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle at center,black,transparent 72%); }.splash-content { position: relative; z-index: 1; display: flex; align-items: center; flex-direction: column; text-align: center; animation: splash-arrive .72s cubic-bezier(.2,.8,.2,1) both; }.splash-mark { width: 53px; height: 53px; margin-bottom: 24px; fill: #caff9e; }.splash-content p { margin: 0; font-family: var(--serif); font-size: clamp(64px,10vw,128px); font-style: italic; line-height: .85; letter-spacing: -.08em; }.splash-content p::after { color: #caff9e; content: '.'; }.splash-content p.is-changing { animation: splash-word .36s ease both; }.splash-content small { margin-top: 18px; color: #a8c7b7; font-family: var(--mono); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }.splash-content i { width: 118px; height: 1px; margin-top: 31px; overflow: hidden; background: rgba(214,255,225,.2); }.splash-content i::after { display: block; width: 100%; height: 100%; background: #caff9e; content: ''; transform: translateX(-105%); animation: splash-line 1.4s .55s ease forwards; }@keyframes splash-arrive { from { opacity: 0; transform: translateY(16px) scale(.98); } to { opacity: 1; transform: none; } }@keyframes splash-line { to { transform: translateX(0); } }@keyframes splash-word { from { opacity: 0; transform: translateY(13px); } to { opacity: 1; transform: none; } }
.agency-home .site-header:not(.is-scrolled) { color: #effff3; }.agency-home .site-header:not(.is-scrolled) .brand { color: #f2fff5; }.agency-home .site-header:not(.is-scrolled) .brand > span > span { color: #a8c9b7; }.agency-home .site-header:not(.is-scrolled) .site-nav > a:not(.nav-cta) { color: #c8ddd3; }.agency-home .site-header:not(.is-scrolled) .site-nav > a:not(.nav-cta)::after { background: #c6fa9d; }.agency-home .site-header:not(.is-scrolled) .nav-cta { color: #09241f; background: #d8ff9d; }.agency-home .site-header:not(.is-scrolled) .nav-cta:hover { background: #fff; }
.agency-nav { gap: clamp(12px,1.5vw,22px); font-size: 12px; }.agency-nav .nav-cta { padding: 10px 12px; white-space: nowrap; }
.industry-playbooks { padding: 106px 0; background: #eff3ec; }.playbook-intro { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(260px,.72fr); gap: 48px; align-items: end; margin-bottom: 43px; }.playbook-intro .section-kicker { grid-column: 1 / -1; margin-bottom: -20px; }.playbook-intro h2 { margin: 0; font-size: clamp(36px,4.2vw,60px); line-height: 1; }.playbook-intro p:last-child { max-width: 430px; margin: 0; color: #647b72; font-size: 15px; line-height: 1.75; }.playbook-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #cfd9d0; border-left: 1px solid #cfd9d0; }.playbook-grid article { min-height: 237px; padding: 25px 25px 22px; background: rgba(255,255,255,.3); border-right: 1px solid #cfd9d0; border-bottom: 1px solid #cfd9d0; transition: background .25s, transform .25s; }.playbook-grid article:hover { background: #fafff6; transform: translateY(-4px); }.playbook-grid span { color: #75a48e; font-family: var(--mono); font-size: 10px; }.playbook-grid h3 { margin: 35px 0 10px; font-size: 21px; letter-spacing: -.035em; }.playbook-grid p { min-height: 64px; margin: 0 0 18px; color: #647b72; font-size: 13px; line-height: 1.65; }.playbook-grid small { color: #3d7763; font-family: var(--mono); font-size: 9px; letter-spacing: .035em; text-transform: uppercase; }.playbook-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 28px 0 0; }.playbook-cta p { max-width: 600px; margin: 0; color: #61786e; font-size: 14px; line-height: 1.65; }.playbook-cta .text-link { white-space: nowrap; }
.agency-hero { position: relative; min-height: 740px; overflow: hidden; padding: 165px 0 88px; color: #ecfff0; background: #061e1b; }.agency-grid-lines { position: absolute; inset: 0; opacity: .38; background-image: linear-gradient(rgba(175,255,199,.075) 1px, transparent 1px),linear-gradient(90deg,rgba(175,255,199,.075) 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom, black, transparent 85%); }.agency-glow { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(2px); }.agency-glow-one { width: 650px; height: 650px; right: -280px; top: 10px; background: radial-gradient(circle,rgba(76,183,135,.34),rgba(76,183,135,0) 67%); }.agency-glow-two { width: 460px; height: 460px; left: 32%; bottom: -420px; background: radial-gradient(circle,rgba(198,253,137,.17),rgba(198,253,137,0) 68%); }.agency-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.93fr) minmax(440px,1.07fr); align-items: center; gap: 46px; }.agency-eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 20px; color: #a7cab8; font-family: var(--mono); font-size: 10px; letter-spacing: .075em; text-transform: uppercase; }.agency-eyebrow span { width: 7px; height: 7px; background: #b9ff84; border-radius: 50%; box-shadow: 0 0 0 4px rgba(185,255,132,.1); }.agency-hero h1 { margin-bottom: 23px; color: #f4fff6; font-size: clamp(50px,5.25vw,78px); line-height: .98; }.agency-hero h1 em { color: #cbffa2; }.agency-hero-copy > p:not(.agency-eyebrow) { max-width: 550px; margin-bottom: 32px; color: #afcbbd; font-size: 17px; line-height: 1.7; }.button-lime { color: #0b2922; background: #cfff9e; }.button-lime:hover { background: #f5ffe9; }.button-ghost { color: #d6e8dd; border-color: rgba(213,242,223,.38); }.button-ghost:hover { color: #09241f; background: #effff2; border-color: #effff2; }.agency-proof { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 42px; color: #94b5a4; font-family: var(--mono); font-size: 9px; letter-spacing: .03em; text-transform: uppercase; }.agency-proof span { display: flex; align-items: center; gap: 6px; }.agency-proof i { color: #cafb9f; font-style: normal; }
.agency-console { position: relative; z-index: 1; width: min(100%,590px); margin-left: auto; overflow: visible; background: #0c2a25; border: 1px solid rgba(196,255,216,.23); border-radius: 9px; box-shadow: 0 35px 85px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.04); transform: rotate(1.6deg); }.console-top { display: flex; align-items: center; gap: 8px; height: 37px; padding: 0 13px; color: #a5cabb; background: #10362f; border-bottom: 1px solid rgba(190,255,215,.12); font-family: var(--mono); font-size: 8px; }.console-signal { width: 7px; height: 7px; border-radius: 50%; background: #b9f889; box-shadow: 0 0 0 4px rgba(185,248,137,.11); }.console-top small { margin-left: auto; font-size: 13px; }.console-body { display: flex; min-height: 361px; }.console-side { display: flex; width: 47px; flex-direction: column; align-items: center; gap: 16px; padding: 16px 0; background: rgba(0,0,0,.14); border-right: 1px solid rgba(202,255,220,.09); }.console-side b { display: grid; width: 24px; height: 24px; place-items: center; color: #11382f; background: #c7fb9d; border-radius: 4px; font-family: var(--mono); font-size: 12px; }.console-side i { width: 12px; height: 12px; border: 1px solid #79a493; border-radius: 2px; }.console-side i:nth-of-type(2) { background: #7bc595; border-color: #7bc595; }.console-main { flex: 1; min-width: 0; padding: 21px; }.console-title { display: flex; align-items: start; justify-content: space-between; }.console-title small, .console-title strong { display: block; }.console-title small { color: #86a89a; font-size: 8px; }.console-title strong { margin-top: 3px; color: #edfdf1; font-size: 16px; letter-spacing: -.04em; }.console-title > span { padding: 4px 6px; color: #aafa7c; background: rgba(175,255,128,.12); border: 1px solid rgba(175,255,128,.18); border-radius: 2px; font-family: var(--mono); font-size: 7px; }.console-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 18px 0; }.console-metrics > div { padding: 10px; background: rgba(229,255,237,.055); border: 1px solid rgba(226,255,236,.08); border-radius: 4px; }.console-metrics small, .console-metrics b, .console-metrics em { display: block; }.console-metrics small { color: #9ebaae; font-size: 7px; }.console-metrics b { margin: 4px 0 2px; color: #f3fff4; font-size: 18px; letter-spacing: -.07em; }.console-metrics em { color: #a0e59c; font-size: 7px; font-style: normal; }.console-chart { position: relative; height: 119px; padding: 13px; overflow: hidden; background: #0a241f; border: 1px solid rgba(218,255,229,.09); border-radius: 4px; }.console-chart::before, .console-chart::after { position: absolute; left: 13px; width: calc(100% - 26px); height: 1px; background: rgba(208,255,222,.1); content: ''; }.console-chart::before { top: 48px; }.console-chart::after { top: 81px; }.console-chart > div { position: relative; z-index: 1; display: flex; justify-content: space-between; color: #d9f5e2; font-size: 8px; }.console-chart p { margin: 0; font-weight: 700; }.console-chart span { color: #8eaa9d; font-size: 7px; }.console-chart svg { position: absolute; z-index: 1; left: 13px; bottom: 11px; width: calc(100% - 26px); height: 77px; overflow: visible; }.console-chart path { fill: none; stroke: #b9f890; stroke-width: 2.4; vector-effect: non-scaling-stroke; }.console-chart path.chart-fill { fill: url(#fill); stroke: none; }.console-alert { display: flex; align-items: center; gap: 8px; margin-top: 12px; padding: 8px 10px; color: #e9fff0; background: #185141; border: 1px solid rgba(196,255,212,.13); border-radius: 4px; }.console-alert > span { color: #ceff9f; }.console-alert div { flex: 1; }.console-alert b, .console-alert small { display: block; }.console-alert b { font-size: 8px; }.console-alert small { color: #b5d7c5; font-size: 7px; }.console-alert time { align-self: flex-start; color: #b3d8c5; font-family: var(--mono); font-size: 7px; }.console-float { position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 9px 12px; color: #dffff0; background: rgba(14,47,40,.95); border: 1px solid rgba(200,255,218,.23); border-radius: 5px; box-shadow: 0 12px 30px rgba(0,0,0,.24); transform: rotate(-1.6deg); }.console-float i { display: grid; width: 23px; height: 23px; place-items: center; color: #0e342a; background: #cbff9c; border-radius: 3px; font-style: normal; }.console-float b, .console-float small { display: block; }.console-float b { font-size: 9px; }.console-float small { color: #a5c7b7; font-size: 7px; }.float-one { top: 44px; right: -34px; }.float-two { bottom: 36px; left: -33px; }.float-two i { color: #d7fff0; background: #2c876a; }
.agency-signal { color: #bfe0cf; background: #0d312a; }.agency-signal .shell { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 77px; }.agency-signal p { margin: 0; color: #dbf7e8; font-size: 14px; font-weight: 600; }.agency-signal div { display: flex; align-items: center; gap: 10px; color: #8fb6a5; font-family: var(--mono); font-size: 9px; text-transform: uppercase; }.agency-signal i { width: 4px; height: 4px; background: #bffb98; border-radius: 50%; }
.agency-section { padding: 118px 0; }.agency-intro { background: #f5f6f0; }.agency-intro-grid { display: grid; grid-template-columns: .55fr 1.45fr; gap: 45px; }.agency-intro h2 { max-width: 750px; margin-bottom: 24px; font-size: clamp(36px,4.4vw,61px); }.agency-intro div > p { max-width: 635px; color: var(--muted); font-size: 17px; }.agency-intro .text-link { margin-top: 10px; }.agency-capabilities { color: #eaffee; background: #0b2823; }.agency-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 50px; }.agency-heading h2 { max-width: 670px; margin: 0; font-size: clamp(37px,4.3vw,58px); }.agency-heading .section-kicker { color: #8bb19f; }.agency-heading > p { max-width: 320px; margin: 0 0 7px; color: #a7c4b5; font-size: 14px; }.capability-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(222,255,232,.15); border-left: 1px solid rgba(222,255,232,.15); }.capability-card { position: relative; min-height: 265px; padding: 23px; color: #edfff1; border-right: 1px solid rgba(222,255,232,.15); border-bottom: 1px solid rgba(222,255,232,.15); transition: background .22s, transform .22s; }.capability-card:hover { z-index: 1; background: #1b4b40; transform: translateY(-5px); }.capability-card > span { color: #89a99a; font-family: var(--mono); font-size: 10px; }.cap-icon { display: grid; width: 39px; height: 39px; margin: 38px 0 17px; place-items: center; color: #11372d; background: #c8fb9a; border-radius: 50%; font-size: 19px; }.capability-card h3 { margin: 0 0 9px; font-size: 19px; }.capability-card p { max-width: 220px; margin: 0; color: #aac8ba; font-size: 12px; }.capability-card > b { position: absolute; top: 24px; right: 23px; color: #ceff9e; font-size: 18px; opacity: 0; transition: opacity .2s, transform .2s; transform: translate(-4px,4px); }.capability-card:hover > b { opacity: 1; transform: none; }.capability-foot { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-top: 28px; color: #9ebdaf; }.capability-foot p { max-width: 630px; margin: 0; font-size: 13px; }.capability-foot .text-link { color: #eaffef; border-color: #6d9684; white-space: nowrap; }
.agency-industries { background: #ecede5; }.industry-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; }.industry-copy h2 { margin-bottom: 23px; font-size: clamp(38px,4.2vw,58px); }.industry-copy > p:not(.section-kicker) { max-width: 390px; margin-bottom: 31px; color: var(--muted); }.button-dark { color: #effff2; background: #0e3029; }.button-dark:hover { background: #28614f; }.industry-list { border-top: 1px solid var(--line); }.industry-list a { display: grid; grid-template-columns: 40px 1fr 1.1fr 20px; align-items: center; gap: 12px; padding: 17px 0; border-bottom: 1px solid var(--line); transition: padding .2s; }.industry-list a:hover { padding-left: 7px; }.industry-list span { color: #719483; font-family: var(--mono); font-size: 10px; }.industry-list b { font-size: 15px; }.industry-list small { color: #788c84; font-size: 11px; }.industry-list i { color: #316f58; font-size: 18px; font-style: normal; }.agency-work { background: #f7f7f1; }.agency-work-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }.agency-work-card { min-height: 330px; padding: 27px; overflow: hidden; border: 1px solid rgba(14,48,41,.11); }.agency-work-card p { margin: 25px 0 6px; color: #61917d; font-family: var(--mono); font-size: 9px; letter-spacing: .04em; text-transform: uppercase; }.agency-work-card h3 { max-width: 370px; margin: 0 0 10px; font-size: 27px; }.agency-work-card > span { color: #71877d; font-size: 11px; }.work-lead { grid-row: span 2; min-height: 674px; color: #e9fff0; background: #103a31; }.work-lead::before { position: absolute; width: 440px; height: 440px; margin: -220px 0 0 240px; background: #72c898; border-radius: 50%; content: ''; opacity: .3; }.work-lead p { position: relative; z-index: 1; color: #a8d2bc; }.work-lead h3, .work-lead > span { position: relative; z-index: 1; }.work-lead > span { color: #b7d6c5; }.mini-app { position: relative; z-index: 1; padding: 16px; background: #ebf4eb; border-radius: 5px; box-shadow: 0 22px 36px rgba(0,0,0,.19); }.mini-top { display: flex; justify-content: space-between; padding-bottom: 12px; color: #2c4f45; border-bottom: 1px solid #d5e2d6; font-size: 11px; font-weight: 700; }.mini-top b { padding: 4px 6px; color: #f5fff7; background: #338a65; border-radius: 2px; font-size: 8px; }.mini-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; min-height: 252px; padding-top: 13px; }.mini-columns > div { padding: 8px; background: #dfeae0; border-radius: 3px; }.mini-columns small { display: block; margin-bottom: 9px; color: #668277; font-family: var(--mono); font-size: 8px; }.mini-columns i { display: block; height: 48px; margin: 6px 0; background: #fff; border-radius: 3px; }.mini-columns > div:nth-child(2) i:first-of-type { height: 68px; }.mini-columns > div:nth-child(3) i { background: #d8f5dc; }.work-client { color: #123b32; background: #cde6d5; }.client-portal { min-height: 166px; padding: 19px; background: #f9fcf8; border-radius: 5px; box-shadow: 0 10px 18px rgba(19,60,47,.11); }.client-portal small { color: #75938a; font-family: var(--mono); font-size: 8px; }.client-portal h4 { margin: 4px 0 14px; font-size: 19px; letter-spacing: -.05em; }.client-portal > div { display: flex; gap: 8px; }.client-portal > div span { flex: 1; padding: 7px; color: #6d8278; background: #edf4ed; font-size: 8px; }.client-portal b { display: block; color: #1a5141; font-size: 14px; }.client-portal > i { display: inline-block; margin-top: 11px; color: #328565; font-size: 9px; font-style: normal; font-weight: 700; }.work-client p { color: #477d67; }.work-automate { color: #3a3426; background: #ece3ca; }.auto-stack { display: flex; min-height: 166px; flex-direction: column; align-items: center; justify-content: center; }.auto-stack span { display: block; width: 178px; padding: 7px 10px; color: #584b34; background: #fffaf0; border: 1px solid #ded1b3; border-radius: 3px; box-shadow: 0 3px 8px rgba(80,60,20,.07); font-family: var(--mono); font-size: 9px; }.auto-stack i { height: 10px; color: #9f8b67; font-size: 12px; font-style: normal; line-height: 1; }.auto-stack span.lime { color: #284936; background: #ccf49c; border-color: #ccf49c; }.work-automate p { color: #837552; }.agency-disclaimer { margin: 21px 0 0; color: #7c8d85; font-size: 11px; }.agency-method { color: #eaffef; background: #0a2923; }.method-layout { display: grid; grid-template-columns: .87fr 1.13fr; gap: 9vw; }.method-copy .section-kicker { color: #91b5a4; }.method-copy h2 { margin-bottom: 24px; font-size: clamp(39px,4.3vw,58px); }.method-copy > p:not(.section-kicker) { max-width: 425px; color: #afc9bb; }.method-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(220,255,231,.16); }.method-list li { display: grid; grid-template-columns: 55px 1fr; gap: 18px; padding: 27px 0; border-bottom: 1px solid rgba(220,255,231,.16); }.method-list span { color: #c8fa98; font-family: var(--mono); font-size: 10px; }.method-list h3 { margin: 0 0 8px; font-size: 21px; }.method-list p { max-width: 470px; margin: 0; color: #abc8ba; font-size: 13px; }.agency-blueprint { padding: 85px 0; background: #e1eddc; }.blueprint-card { display: grid; grid-template-columns: 1fr 1fr; gap: 10vw; padding: 55px; background: #173f35; color: #effff2; }.blueprint-card .section-kicker { color: #9ec4b0; }.blueprint-card h2 { margin-bottom: 17px; font-size: clamp(33px,3.8vw,51px); }.blueprint-card > div > p:not(.section-kicker) { max-width: 485px; color: #b4d0bf; }.blueprint-steps { display: flex; align-self: center; flex-direction: column; gap: 16px; }.blueprint-steps > span { padding-bottom: 14px; color: #d9eee1; border-bottom: 1px solid rgba(222,255,231,.18); font-size: 14px; }.blueprint-steps i { display: inline-block; width: 30px; color: #caff9f; font-family: var(--mono); font-size: 10px; font-style: normal; }.blueprint-steps .button { align-self: flex-start; margin-top: 3px; }
.service-ribbon { color: #eaffef; background: #143e35; text-align: center; }.service-ribbon h2 { max-width: 810px; margin: 0 auto 28px; font-size: clamp(30px,3.7vw,50px); }.service-ribbon .section-kicker { color: #a6cfb8; }
.career-hero { background: linear-gradient(125deg,#e3eee1,#f5f6ef 65%); }.career-intro-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8vw; }.career-intro h2 { font-size: clamp(35px,4vw,53px); }.career-intro-grid > div:last-child p { max-width: 640px; color: var(--muted); font-size: 17px; }.roles-section { background: #ecede5; }.role-list { border-top: 1px solid var(--line); }.role-card { display: grid; grid-template-columns: 1.1fr .8fr .35fr; align-items: end; gap: 35px; padding: 30px 0; border-bottom: 1px solid var(--line); }.role-card > div > span { color: #699580; font-family: var(--mono); font-size: 10px; }.role-card h3 { margin: 10px 0 8px; font-size: 24px; }.role-card p { max-width: 480px; margin: 0; color: var(--muted); font-size: 13px; }.role-card ul { margin: 0; padding: 0; list-style: none; }.role-card li { position: relative; margin: 5px 0; padding-left: 13px; color: #567269; font-size: 12px; }.role-card li::before { position: absolute; top: .65em; left: 0; width: 4px; height: 4px; background: #5aaa80; border-radius: 50%; content: ''; }.role-card > a { color: #1f644b; font-size: 12px; font-weight: 700; text-align: right; }.career-callout { padding: 90px 0; background: #113b32; color: #eaffee; }.career-callout .shell { display: grid; grid-template-columns: 100px 1fr; gap: 34px; }.career-callout > .shell > span { display: grid; width: 66px; height: 66px; place-items: center; color: #14392f; background: #c9fc9a; border-radius: 50%; font-size: 28px; }.career-callout .section-kicker { color: #a6cdb7; }.career-callout h2 { margin-bottom: 12px; font-size: clamp(31px,3.6vw,47px); }.career-callout p:not(.section-kicker) { margin: 0; color: #b2cebf; }.career-callout a { color: #d6ffa9; border-bottom: 1px solid rgba(214,255,169,.5); }
.insights-hero { background: #e5eee3; }.insight-section { background: #f7f7f1; }.featured-insight { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 8vw; padding-bottom: 80px; }.feature-insight-art { position: relative; min-height: 330px; padding: 26px; overflow: hidden; color: #eafff0; background: #143f35; }.feature-insight-art::before { position: absolute; width: 350px; height: 350px; right: -165px; top: -160px; background: #a4e68c; border-radius: 50%; content: ''; opacity: .28; }.feature-insight-art::after { position: absolute; left: 26px; bottom: 50px; width: 60%; height: 1px; background: rgba(232,255,239,.35); content: ''; box-shadow: 0 42px rgba(232,255,239,.35),0 84px rgba(232,255,239,.35); }.feature-insight-art span { color: #cfff9f; font-family: var(--mono); font-size: 12px; }.feature-insight-art i { position: absolute; right: 25px; top: 22px; color: #cfff9f; font-size: 24px; font-style: normal; }.feature-insight-art b { position: absolute; z-index: 1; left: 26px; bottom: 28px; font-family: var(--serif); font-size: 37px; font-style: italic; line-height: .93; }.featured-insight h2 { max-width: 620px; margin-bottom: 18px; font-size: clamp(32px,3.6vw,49px); }.featured-insight div > p:not(.section-kicker) { max-width: 580px; color: var(--muted); }.insight-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.insight-card { display: flex; min-height: 268px; flex-direction: column; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .2s, color .2s; }.insight-card:hover { color: #effff2; background: #17443a; }.insight-card > p { margin-bottom: auto; color: #5c987b; font-family: var(--mono); font-size: 10px; text-transform: uppercase; }.insight-card h3 { max-width: 390px; margin: 23px 0 10px; font-size: 23px; }.insight-card > span { max-width: 440px; color: #6e8079; font-size: 13px; }.insight-card:hover > span { color: #b7d1c2; }.insight-card a { width: max-content; margin-top: 18px; color: #277053; border-bottom: 1px solid currentColor; font-size: 11px; font-weight: 700; }.insight-card:hover a { color: #d3ffa5; }.insight-cta { padding: 84px 0; color: #edfff0; background: #0e3029; text-align: center; }.insight-cta .section-kicker { color: #a6c9b6; }.insight-cta h2 { margin: 0 0 25px; font-size: clamp(35px,4vw,55px); }
@media (max-width: 900px) { .agency-nav { gap: 11px; font-size: 11px; }.agency-nav .nav-cta { padding: 9px 10px; }.agency-hero { padding-top: 137px; }.agency-hero-grid { grid-template-columns: 1fr; }.agency-console { margin: 18px 0 0; }.agency-intro-grid, .industry-layout, .method-layout, .blueprint-card, .career-intro-grid, .featured-insight { grid-template-columns: 1fr; gap: 35px; }.capability-grid { grid-template-columns: repeat(2,1fr); }.industry-copy > p:not(.section-kicker) { max-width: 590px; }.agency-work-grid { grid-template-columns: 1fr 1fr; }.work-lead { grid-row: auto; grid-column: 1 / -1; min-height: 530px; }.method-copy > p:not(.section-kicker) { max-width: 620px; }.blueprint-card { gap: 33px; }.role-card { grid-template-columns: 1.1fr .9fr; }.role-card > a { grid-column: 2; text-align: left; }.career-callout .shell { grid-template-columns: 85px 1fr; }.featured-insight { padding-bottom: 64px; }.agency-section { padding: 91px 0; } }
@media (max-width: 640px) { .agency-home .site-header:not(.is-scrolled) { background: rgba(6,30,27,.88); border-bottom-color: rgba(225,255,234,.12); }.agency-home .site-header:not(.is-scrolled) .menu-toggle i { background: #eaffef; }.agency-nav { gap: 4px; font-size: 14px; }.agency-nav .nav-cta { padding: 13px 15px; }.agency-hero { min-height: unset; padding: 120px 0 65px; }.agency-hero-grid { gap: 25px; }.agency-hero h1 { font-size: 48px; }.agency-hero-copy > p:not(.agency-eyebrow) { font-size: 15px; }.agency-proof { gap: 10px 14px; margin-top: 31px; font-size: 8px; }.agency-console { width: calc(100% - 8px); margin: 0 4px; transform: none; }.console-body { min-height: 280px; }.console-main { padding: 13px; }.console-side { width: 33px; gap: 10px; padding: 12px 0; }.console-side b { width: 19px; height: 19px; }.console-side i { width: 10px; height: 10px; }.console-metrics { gap: 5px; margin: 12px 0; }.console-metrics > div { padding: 6px; }.console-metrics b { font-size: 13px; }.console-chart { height: 83px; }.console-chart::before { top: 38px; }.console-chart::after { top: 61px; }.console-chart svg { height: 51px; }.console-alert { margin-top: 8px; padding: 5px 6px; }.console-alert small { display: none; }.console-float { display: none; }.agency-signal .shell { min-height: unset; padding: 17px 0; align-items: start; flex-direction: column; gap: 10px; }.agency-signal div { flex-wrap: wrap; }.agency-intro h2, .agency-heading h2, .industry-copy h2, .method-copy h2 { font-size: 35px; }.agency-intro div > p { font-size: 15px; }.agency-heading { display: block; margin-bottom: 35px; }.agency-heading > p { margin-top: 18px; }.capability-grid { grid-template-columns: 1fr; }.capability-card { min-height: 210px; }.cap-icon { margin: 25px 0 13px; }.capability-foot { align-items: start; flex-direction: column; }.industry-list a { grid-template-columns: 25px 1fr 18px; gap: 7px; }.industry-list small { display: none; }.agency-work-grid { grid-template-columns: 1fr; }.work-lead { grid-column: auto; min-height: 490px; }.agency-work-card { min-height: 286px; padding: 20px; }.work-lead { padding: 20px; }.agency-work-card h3 { font-size: 23px; }.mini-columns { min-height: 210px; }.method-layout { gap: 41px; }.method-list li { grid-template-columns: 39px 1fr; gap: 11px; }.blueprint-card { padding: 28px; }.blueprint-card h2 { font-size: 34px; }.agency-section { padding: 67px 0; }.services-hero h1 { font-size: 43px; }.career-intro-grid { gap: 16px; }.role-card { grid-template-columns: 1fr; gap: 17px; }.role-card > a { grid-column: auto; text-align: left; }.career-callout { padding: 68px 0; }.career-callout .shell { grid-template-columns: 1fr; gap: 20px; }.career-callout > .shell > span { width: 49px; height: 49px; font-size: 22px; }.featured-insight { padding-bottom: 49px; }.feature-insight-art { min-height: 270px; }.featured-insight h2 { font-size: 33px; }.insight-grid { grid-template-columns: 1fr; }.insight-card { min-height: 235px; }.insight-cta { padding: 65px 0; } }