/* A new composition: outcome, relevance, demonstration, engagement, call. */
body[data-page=conversion] { --paper:#f5f5f0; --ink:#182018; --muted:#687064; --line:#d9ded2; --acid:#d7eb93; background:var(--paper); }
body[data-page=conversion] .site-header { position:sticky; top:0; inset-inline:auto; padding:18px var(--gutter); justify-content:space-between; background:#f5f5f0f5; border-bottom:1px solid #d9ded280; backdrop-filter:blur(16px); }
body[data-page=conversion] .compact-brand { display:flex; font-size:23px; }
body[data-page=conversion] .compact-brand .brand-glyph { display:grid; place-items:center; background:#203323; color:#e8efdd; width:35px; height:35px; font-size:19px; padding:0 4px 0 0; border-radius:8px; }
body[data-page=conversion] .site-header nav { background:transparent; padding:0; gap:26px; font-size:12px; }
body[data-page=conversion] .button { border-radius:8px; min-height:49px; padding:14px 20px; font-size:13px; }
body[data-page=conversion] .button.small { min-height:42px; padding:11px 16px; font-size:12px; }
body[data-page=conversion] .text-link { min-height:44px; }
body[data-page=conversion] .section-dark { --dark:#192119; --line:#394538; --muted:#afb8a7; }
.conversion-hero { padding:0 var(--gutter); display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); column-gap:clamp(35px,5.5vw,90px); }
.hero-overline { grid-column:1/-1; display:flex; justify-content:space-between; padding:28px 0 33px; color:#737c6d; gap:20px; }
.hero-overline .eyebrow { font-size:9px; }
.conversion-hero-copy { padding:38px 0 35px; align-self:center; }
.conversion-hero h1 { font-size:clamp(48px,5.1vw,82px); line-height:1.035; font-weight:550; letter-spacing:-.062em; }
.conversion-hero h1>span { color:#738063; }
.conversion-hero-copy>p:first-of-type { font-size:clamp(18px,1.7vw,24px); line-height:1.45; max-width:540px; letter-spacing:-.025em; margin-top:28px; }
.conversion-hero-copy .hero-support { font-size:15px; color:#727a6a; margin-top:15px; max-width:415px; line-height:1.6; }
.conversion-hero .actions { margin-top:30px; align-items:center; gap:20px; }
.conversion-hero .call-microcopy { margin-top:16px; font-size:11px; color:#78816d; }
.hero-visual { min-width:0; border:1px solid #304032; border-radius:18px; overflow:hidden; background:#19271e; color:#e4eccd; position:relative; }
.hero-visual-top { position:absolute; top:19px; left:23px; right:23px; display:flex; justify-content:space-between; gap:16px; z-index:2; }
.hero-visual-top .eyebrow { font-size:7px; color:#b8c8a9; }
.hero-signal { height:260px; position:relative; isolation:isolate; overflow:hidden; }
.signal-colour { position:absolute; width:95%; aspect-ratio:1; border-radius:50%; left:2.5%; top:-6%; background:conic-gradient(from 40deg,#102118,#354831,#aabe74,#0f261f,#92a967,#324b3b,#102118); filter:blur(30px); opacity:.8; animation:signal-turn 32s linear infinite; }
.signal-grid { position:absolute; inset:0; z-index:0; background:linear-gradient(0deg,transparent 98%,#e3f1c713 98%),linear-gradient(90deg,transparent 98%,#e3f1c713 98%); background-size:50px 50px; mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent); }
.hero-signal>img { position:absolute; width:154px; left:calc(50% - 77px); top:56px; filter:invert(1) drop-shadow(0 10px 12px #152416); transform:rotate(-8deg); opacity:.8; animation:signal-mark 9s ease-in-out infinite alternate; }
.signal-ticket { position:absolute; display:flex; align-items:center; gap:9px; padding:11px 13px; background:#f5f7eed9; backdrop-filter:blur(10px); color:#33492b; border:1px solid #d6e3bf; border-radius:7px; box-shadow:0 10px 25px #07140c35; }
.signal-ticket>i { font-style:normal; font-size:19px; }
.signal-ticket>span { font:7px PlexMono,monospace; letter-spacing:.04em; }
.signal-ticket small { display:block; font:10px Albert,sans-serif; margin-top:5px; color:#68775e; }
.ticket-in { top:64px; left:21px; transform:rotate(-6deg); animation:ticket-in 7s ease-in-out infinite; }
.ticket-out { bottom:24px; right:22px; transform:rotate(4deg); animation:ticket-out 7s ease-in-out infinite; }
.ticket-out>i { display:grid; place-items:center; border-radius:50%; background:#d1e5ad; width:25px; height:25px; font-size:12px; }
.signal-orbit { width:190px; height:190px; position:absolute; border:1px solid #d1e5ad28; border-radius:50%; left:calc(50% - 95px); top:43px; z-index:-1; }
@keyframes signal-turn { to { transform:rotate(360deg); } }
@keyframes signal-mark { to { transform:rotate(6deg) translateY(-7px); } }
@keyframes ticket-in { 0%,100% { transform:rotate(-6deg) translateY(0); } 50% { transform:rotate(-4deg) translateY(5px); } }
@keyframes ticket-out { 0%,100% { transform:rotate(4deg) translateY(0); } 50% { transform:rotate(2deg) translateY(-5px); } }
.hero-application { padding:23px 26px 15px; background:#d9e6c317; border-top:1px solid #91ab782b; }
.hero-application .headline-visual { font-size:clamp(22px,2.3vw,35px); font-weight:500; letter-spacing:-.04em; line-height:1.15; }
.hero-application .headline-slot { height:1.2em; }
.hero-application .service-slot { color:#e0edc8; margin:0; }
.hero-application .service-slot>span { background:none; }
.hero-application .market-slot { color:#c0d398; margin-top:4px; }
.hero-application .market-slot>span { border:0; }
.application-fixed { display:block; font-size:.63em; margin-top:5px; color:#9db18e; letter-spacing:-.02em; }
html[data-direction=studio] .hero-application .headline-controls:not([hidden]) { margin-top:18px; padding-top:6px; width:100%; border-color:#51634366; color:#a9bb92; gap:5px; }
.hero-application .headline-controls>.eyebrow { font-size:6px; margin-right:auto; }
.hero-application .example-count { font-size:7px; color:#9fb086; }
.hero-application .headline-controls button { color:#d0dfb4; width:30px; height:30px; }
.hero-application .headline-controls button:hover { background:#5b73412b; border-color:#a9bf8a55; }
.delivery-strip { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr 1fr; margin-top:38px; padding:25px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); gap:25px; }
.delivery-strip>span { display:flex; align-items:center; gap:13px; font-size:11px; color:#617058; }
.delivery-strip i { font:8px PlexMono,monospace; font-style:normal; color:#99a58c; }
.opportunities { padding-top:100px; padding-bottom:90px; }
.opportunity-intro,.engagement-intro { display:grid; grid-template-columns:1fr 1.65fr 1fr; gap:35px; margin-bottom:40px; }
.opportunity-intro h2,.engagement-intro h2 { font-size:clamp(35px,3.5vw,55px); }
.opportunity-intro>p:last-child,.engagement-intro>p:last-child { color:#74806a; font-size:14px; align-self:end; line-height:1.6; }
.industry-picker { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; padding:20px 0 37px; }
.industry-picker>.eyebrow { font-size:8px; color:#7c8971; margin-right:15px; }
.industry-chip { display:flex; align-items:center; gap:9px; border:1px solid #d7dfcf; background:#fff; border-radius:8px; padding:10px 13px; font-size:11px; color:#55634c; transition:background 150ms,border-color 150ms; }
.industry-chip>span { width:24px; height:24px; border-radius:6px; display:grid; place-items:center; background:#ecf0e4; color:#6c854b; font-size:16px; }
.industry-chip[aria-pressed=true] { border-color:#8a9f72; background:#e9f0dc; }
.opportunity-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.55fr); border:1px solid #d6ddcd; border-radius:14px; overflow:hidden; }
.opportunity-tabs { padding:11px 27px; background:#eef0e8; border-right:1px solid #d6ddcd; }
.opportunity-tabs button { position:relative; padding:24px 18px 25px 2px; display:block; width:100%; background:none; text-align:left; border-bottom:1px solid #d6ddcd; }
.opportunity-tabs button:last-child { border-bottom:0; }
.opportunity-tabs button>.eyebrow { display:block; font-size:8px; color:#7a856d; }
.opportunity-tabs strong { display:block; margin-top:12px; font-weight:500; font-size:23px; letter-spacing:-.04em; color:#7f8a74; }
.opportunity-tabs button>span:last-child { position:absolute; right:0; top:38px; font-size:19px; color:#8a987f; transition:transform 160ms; }
.opportunity-tabs button[aria-selected=true] strong { color:#253a1d; }
.opportunity-tabs button[aria-selected=true]>span:last-child { color:#2c4b1e; transform:translate(3px,-3px); }
#opportunity-panel { padding:27px 35px 24px; min-height:480px; background:#fbfcf7; }
.opportunity-panel-top { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.opportunity-panel-top .eyebrow { font-size:8px; color:#7e8e6d; }
.opportunity-symbol { display:grid; place-items:center; width:43px; height:43px; background:#e4ebd9; color:#577944; border:1px solid #d2ddc5; border-radius:9px; font-size:23px; }
#opportunity-title { font-size:clamp(29px,3vw,43px); margin:15px 0 18px; max-width:480px; min-height:90px; }
#opportunity-description { font-size:14px; line-height:1.65; color:#6c795f; max-width:495px; min-height:47px; }
#opportunity-deliverables { list-style:none; padding:0; margin:22px 0; display:grid; gap:10px; }
#opportunity-deliverables li { font-size:13px; color:#42583a; display:flex; gap:12px; }
#opportunity-deliverables li:before { content:'↗'; color:#8aa566; flex-shrink:0; }
.measure-line { border-top:1px solid #e0e6d8; padding-top:17px; }
.measure-line .eyebrow { font-size:8px; color:#859576; }
.measure-line p { font-size:12px; color:#566b48; margin-top:8px; min-height:36px; }
#opportunity-cta { margin-top:12px; border-color:#b6c6a4; }
.opportunity-fit { color:#87937d; font-size:10px; margin-top:10px; }
body[data-page=conversion] .work-section { padding-top:83px; background:#192119; }
body[data-page=conversion] .workflow-showcase { border-radius:12px; overflow:hidden; }
body[data-page=conversion] .work-section .section-heading { grid-template-columns:1fr 1.65fr 1fr; }
body[data-page=conversion] .work-foot { align-items:center; }
body[data-page=conversion] .work-foot>div>span { display:block; margin-top:9px; }
body[data-page=conversion] .work-foot .text-link { color:#d6e5b8; border-color:#69795a; font-size:12px; }
body[data-page=conversion] .service-grid { border-radius:13px; overflow:hidden; }
body[data-page=conversion] .service-film { border-radius:9px; overflow:hidden; }
body[data-page=conversion] .service-heading h3 { text-align:left; }
body[data-page=conversion] .service-heading { flex-direction:row-reverse; }
body[data-page=conversion] .selected-work { padding-bottom:75px; }
body[data-page=conversion] .selected-work .split-heading h2 { font-size:38px; }
body[data-page=conversion] .selected-work .split-heading { margin-bottom:30px; }
.engagement { padding-top:80px; padding-bottom:83px; background:#e8edde; }
.engagement-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); border:1px solid #c9d3bc; border-radius:14px; overflow:hidden; background:#f9faf5; }
.engagement-main { padding:30px 34px; border-right:1px solid #c9d3bc; }
.engagement-top { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.engagement-top>.eyebrow { font-size:8px; color:#738363; }
.engagement-label { font-size:9px; background:#e4ebd5; padding:6px 9px; color:#6b7f55; border-radius:4px; }
.engagement-main h3 { font-size:clamp(33px,3.2vw,48px); margin-top:36px; }
.engagement-main>p { font-size:15px; color:#718162; margin-top:20px; max-width:405px; }
.engagement-main ul { list-style:none; padding:0; margin:29px 0; display:grid; gap:12px; }
.engagement-main li { display:flex; gap:11px; font-size:13px; color:#4c6140; }
.engagement-main li:before { content:'✓'; color:#869b6c; }
.engagement-price { border-top:1px solid #d4ddc8; padding-top:25px; margin-top:30px; display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.engagement-price strong { font-size:23px; font-weight:500; line-height:1.2; letter-spacing:-.045em; }
.engagement-price p { font-size:11px; color:#7c896f; line-height:1.6; }
.engagement-main .button { margin-top:27px; }
.engagement-side { display:grid; grid-template-rows:1fr 1fr; }
.engagement-side article { padding:32px 35px; }
.engagement-side article+article { border-top:1px solid #c9d3bc; background:#f0f3e8; }
.engagement-side .eyebrow { font-size:8px; color:#81936b; }
.engagement-side h3 { font-size:30px; margin-top:22px; line-height:1.08; }
.engagement-side p { font-size:14px; line-height:1.65; color:#748466; margin-top:17px; max-width:440px; }
.engagement-smallprint { font-size:10px; color:#839474; display:block; margin-top:25px; }
.engagement-note { font-size:11px; color:#7b8a6c; line-height:1.7; margin-top:23px; max-width:795px; }
body[data-page=conversion] .process { display:grid; grid-template-columns:1fr 1.4fr; gap:80px; padding-top:86px; padding-bottom:90px; }
.process-summary h2 { font-size:clamp(33px,3.4vw,53px); margin-top:30px; }
.process-summary>p:last-child { color:#a9b99b; font-size:15px; margin-top:25px; }
.process-steps details { border-top:1px solid #4b5943; }
.process-steps details:last-child { border-bottom:1px solid #4b5943; }
.process-steps summary { list-style:none; display:flex; align-items:center; gap:22px; cursor:pointer; padding:25px 0; }
.process-steps summary::-webkit-details-marker { display:none; }
.process-steps summary>.eyebrow { color:#a5bc8a; font-size:9px; }
.process-steps summary strong { font-size:21px; font-weight:500; letter-spacing:-.035em; }
.process-steps summary>span:last-child { margin-left:auto; font-size:20px; color:#94ac79; }
.process-steps details[open] summary>span:last-child { transform:rotate(45deg); }
.process-steps details>div { padding:0 25px 25px 40px; }
.process-steps details p { font-size:14px; color:#aab99c; line-height:1.75; }
.process-steps details p+p { margin-top:18px; font-size:12px; color:#839974; }
.process-steps details b { color:#bdcfaa; font-weight:500; }
body[data-page=conversion] .about { grid-template-columns:minmax(0,1fr) minmax(0,1.45fr); gap:110px; padding-top:100px; padding-bottom:100px; }
.founder-card { display:flex; flex-direction:column; padding:25px; max-width:350px; border:1px solid #d1dcc5; border-radius:14px; background:#e9eedf; }
.founder-initial { background:#263c29; color:#d4e7ad; font-size:110px; letter-spacing:-.08em; line-height:1; padding:19px 24px; height:168px; position:relative; border-radius:8px; margin-bottom:30px; overflow:hidden; }
.founder-initial:after { content:''; width:200px; height:200px; border:1px solid #aac18645; border-radius:50%; position:absolute; right:-75px; top:-55px; }
.founder-initial>span { position:absolute; right:18px; bottom:13px; font-size:52px; color:#9ab97a; }
.founder-card>.eyebrow { font-size:8px; color:#768968; }
.founder-card>strong { font-weight:500; font-size:29px; letter-spacing:-.045em; margin-top:12px; }
.founder-card>p { font-size:12px; color:#728763; margin-top:5px; }
.founder-location { border-top:1px solid #ccd8bc; margin-top:23px; padding-top:17px; font-size:9px; color:#879a76; }
body[data-page=conversion] .about-content { grid-column:auto; padding-top:15px; }
body[data-page=conversion] .about-content h2 { font-size:clamp(35px,3.7vw,56px); }
body[data-page=conversion] .about-content>p:not(.eyebrow) { font-size:16px; max-width:530px; line-height:1.7; }
body[data-page=conversion] .faq { padding-bottom:90px; }
.booking { padding:90px var(--gutter) 0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px 95px; }
.booking-intro h2 { font-size:clamp(40px,4.6vw,72px); margin-top:35px; line-height:1.025; }
.booking-intro h2 span { color:#bdd191; }
.booking-intro>p:not(.eyebrow) { font-size:17px; color:#a9bb98; line-height:1.6; max-width:445px; margin-top:28px; }
.call-details { display:flex; flex-wrap:wrap; gap:10px 19px; margin-top:27px; color:#cadbad; font-size:10px; }
.call-details span+span { border-left:1px solid #5c7449; padding-left:19px; }
.call-agenda { padding:0; margin:35px 0 0; list-style:none; border-top:1px solid #3e5136; }
.call-agenda li { display:flex; gap:16px; border-bottom:1px solid #3e5136; padding:17px 0; font-size:13px; color:#afc39b; }
.call-agenda li>span { font:8px PlexMono,monospace; color:#6f8c59; padding-top:4px; }
.booking-intro .booking-prep { font-size:12px!important; color:#7f9a6a!important; }
.booking-card { border:1px solid #b9c99f; border-radius:15px; background:#f0f3e8; color:#243a1d; padding:28px 32px; min-width:0; }
.booking-card-top { display:flex; align-items:center; gap:15px; padding-bottom:20px; border-bottom:1px solid #d0dbc2; }
.booking-card-top .brand-glyph { font-size:26px; }
.booking-card-top .eyebrow { font-size:8px; color:#83996d; margin-left:auto; }
.booking-card h3 { font-size:36px; margin-top:25px; }
.booking-card-intro { font-size:13px; margin-top:14px; color:#7d8e6b; }
.booking-card form { gap:15px; }
.booking-card form label { font-size:11px; color:#647651; }
.booking-card input,.booking-card textarea { border-radius:6px; font-size:14px; background:#f9fbf4; border-color:#c8d5b8; }
.booking-card .button { width:100%; margin-top:4px; }
.booking-notice { font-size:10px; line-height:1.6; color:#7c8d6a; }
.booking-card .form-feedback { color:#365927; }
#booking-direct[hidden] { display:none; }
#booking-direct { margin-top:20px; font-size:11px; }
.booking .closing-wordmark { grid-column:1/-1; margin:37px -4px 0; font-size:14.2vw; color:#d0dfbb; }
body[data-page=conversion] footer { background:#192119; padding-bottom:30px; padding-top:28px; border-top:1px solid #435737; color:#81986d; }
body[data-page=conversion] footer a { color:#adc297; }
body[data-page=conversion] footer button { color:#adc297; }
body[data-page=conversion] .project-thumb { border-radius:7px; }
body[data-page=conversion][data-offscreen-hero=true] .hero-signal * { animation-play-state:paused; }
@media(min-width:1600px) { .conversion-hero { grid-template-columns:1.4fr 1fr; } .hero-signal { height:300px; } .hero-signal>img { top:65px; width:180px; left:calc(50% - 90px); } }
@media(max-width:1100px) and (min-width:761px) {
  body[data-page=conversion] .site-header nav { gap:16px; }
  body[data-page=conversion] .site-header nav>a:nth-child(4) { display:none; }
  body[data-page=conversion] .compact-brand { font-size:20px; }
  .conversion-hero { gap:25px; }
  .conversion-hero h1 { font-size:clamp(40px,5vw,56px); }
  .conversion-hero-copy>p:first-of-type { font-size:18px; }
  .hero-support { font-size:13px!important; }
  .hero-overline>.eyebrow:last-child { display:none; }
  .hero-signal { height:230px; }
  .hero-signal>img { width:125px; left:calc(50% - 62.5px); top:63px; }
  .ticket-in { left:11px; top:55px; }
  .ticket-out { right:12px; bottom:18px; }
  .signal-ticket { padding:9px; }
  .signal-ticket small { font-size:8px; }
  .signal-ticket>span { font-size:6px; }
  .hero-application { padding:20px 19px 13px; }
  .hero-application .headline-visual { font-size:24px; }
  .hero-application .headline-controls>.eyebrow { font-size:5px; }
  .delivery-strip { gap:20px; }
  .delivery-strip>span { align-items:start; font-size:10px; }
  .opportunity-intro,.engagement-intro { grid-template-columns:.8fr 1.4fr 1fr; gap:24px; }
  .opportunity-intro>p:last-child,.engagement-intro>p:last-child { font-size:12px; }
  .industry-picker>.eyebrow { flex-basis:100%; text-align:center; margin:0 0 6px; }
  .opportunity-tabs { padding-inline:20px; }
  .opportunity-tabs strong { font-size:21px; }
  #opportunity-panel { padding:25px; }
  #opportunity-title { font-size:33px; }
  .engagement-main { padding:27px; }
  .engagement-side article { padding:28px; }
  .engagement-label { display:none; }
  .engagement-side h3 { font-size:27px; }
  .engagement-side p { font-size:13px; }
  .engagement-price { gap:20px; }
  .engagement-price strong { font-size:20px; }
  body[data-page=conversion] .process { gap:45px; }
  body[data-page=conversion] .about { gap:60px; }
  .booking { column-gap:40px; }
  .booking-card { padding:25px; }
  .booking-card h3 { font-size:31px; }
  .call-details { font-size:8px; gap:10px; }
  .call-details span+span { padding-left:10px; }
}
@media(max-width:760px) {
  body[data-page=conversion] .site-header { padding:15px 20px; }
  body[data-page=conversion] .compact-brand { font-size:20px; }
  body[data-page=conversion] .compact-brand .brand-glyph { width:31px; height:31px; font-size:17px; border-radius:7px; }
  body[data-page=conversion] .site-header nav { gap:0; padding:15px 20px; top:62px; background:#f5f5f0; border-bottom:1px solid var(--line); }
  body[data-page=conversion] .site-header nav>a { font-size:15px; padding:14px 0; }
  body[data-page=conversion] .site-header nav>.button { font-size:12px; padding:13px 15px; margin-top:10px; }
  .conversion-hero { display:flex; flex-direction:column; padding:0 20px; }
  .hero-overline { padding:25px 0 0; }
  .hero-overline .eyebrow { font-size:7px; max-width:280px; }
  .hero-overline>.eyebrow:last-child { display:none; }
  .conversion-hero-copy { padding:27px 0 34px; width:100%; }
  .conversion-hero h1 { font-size:clamp(34px,9.5vw,65px); line-height:1.07; letter-spacing:-.055em; }
  .conversion-hero-copy>p:first-of-type { font-size:18px; margin-top:22px; max-width:450px; }
  .conversion-hero-copy .hero-support { font-size:13px; max-width:340px; margin-top:13px; }
  .conversion-hero .actions { margin-top:24px; gap:12px 20px; align-items:center; }
  body[data-page=conversion] .conversion-hero .button { min-height:46px; padding:12px 16px; font-size:12px; gap:19px; }
  .conversion-hero .actions .text-link { font-size:11px; gap:12px; }
  .conversion-hero .call-microcopy { font-size:10px; margin-top:11px; }
  .hero-visual { width:100%; border-radius:13px; }
  .hero-signal { height:226px; }
  .hero-signal>img { width:135px; left:calc(50% - 67.5px); top:53px; }
  .hero-visual-top { top:17px; left:18px; right:18px; }
  .hero-visual-top .eyebrow { font-size:6px; }
  .ticket-in { left:17px; top:57px; }
  .ticket-out { right:17px; bottom:18px; }
  .signal-ticket { padding:9px 11px; }
  .signal-ticket>span { font-size:6px; }
  .signal-ticket small { font-size:9px; }
  .hero-application { padding:20px 22px 13px; }
  .hero-application .headline-visual { font-size:28px; }
  html[data-direction=studio] .hero-application .headline-controls:not([hidden]) { padding-top:8px; margin-top:15px; }
  .hero-application .headline-controls>.eyebrow { font-size:6px; }
  .hero-application .headline-controls button { width:32px; height:32px; }
  .delivery-strip { display:flex; flex-direction:column; gap:15px; margin-top:25px; padding:23px 0; }
  .delivery-strip>span { font-size:11px; gap:17px; }
  .opportunities { padding-top:60px; padding-bottom:60px; }
  .opportunity-intro,.engagement-intro { grid-template-columns:1fr; gap:19px; margin-bottom:20px; }
  .opportunity-intro h2,.engagement-intro h2 { font-size:38px; }
  .opportunity-intro>p:last-child,.engagement-intro>p:last-child { font-size:14px; max-width:430px; }
  .industry-picker { justify-content:flex-start; gap:8px; padding:18px 0 26px; }
  .industry-picker>.eyebrow { flex-basis:100%; margin:0 0 7px; font-size:7px; }
  .industry-chip { font-size:10px; padding:8px 10px; gap:7px; border-radius:7px; }
  .industry-chip>span { width:22px; height:22px; font-size:15px; }
  .opportunity-grid { grid-template-columns:1fr; border-radius:10px; }
  .opportunity-tabs { display:grid; grid-template-columns:1fr 1fr; padding:0; border-right:0; border-bottom:1px solid #d6ddcd; }
  .opportunity-tabs button { padding:16px 13px; border:0; min-height:100px; border-right:1px solid #d6ddcd; border-bottom:1px solid #d6ddcd; }
  .opportunity-tabs button:nth-child(even) { border-right:0; }
  .opportunity-tabs button:nth-child(n+3) { border-bottom:0; }
  .opportunity-tabs button[aria-selected=true] { background:#dfe8d2; }
  .opportunity-tabs button>.eyebrow { font-size:6px; }
  .opportunity-tabs strong { font-size:18px; margin-top:12px; max-width:145px; line-height:1.1; }
  .opportunity-tabs button>span:last-child { display:none; }
  #opportunity-panel { padding:23px 21px; min-height:540px; }
  #opportunity-title { font-size:32px; min-height:78px; margin:17px 0 16px; }
  #opportunity-description { font-size:13px; min-height:66px; }
  #opportunity-deliverables { gap:12px; margin-block:22px; min-height:100px; }
  #opportunity-deliverables li { font-size:12px; }
  .measure-line p { font-size:11px; min-height:33px; }
  #opportunity-cta { font-size:12px; }
  .opportunity-fit { font-size:9px; }
  body[data-page=conversion] .work-section { padding-top:60px; }
  body[data-page=conversion] .work-section .section-heading { grid-template-columns:1fr; }
  body[data-page=conversion] .work-foot { display:flex; align-items:start; flex-direction:column; gap:17px; }
  body[data-page=conversion] .work-foot .text-link { font-size:11px; }
  body[data-page=conversion] .service-heading h3 { font-size:29px; }
  body[data-page=conversion] .selected-work { padding-bottom:55px; }
  body[data-page=conversion] .selected-work .split-heading h2 { font-size:36px; }
  .engagement { padding-top:60px; padding-bottom:55px; }
  .engagement-grid { grid-template-columns:1fr; border-radius:11px; margin-top:30px; }
  .engagement-main { padding:24px 21px; border-right:0; border-bottom:1px solid #c9d3bc; }
  .engagement-label { font-size:7px; padding:5px 7px; }
  .engagement-top>.eyebrow { font-size:6px; }
  .engagement-main h3 { font-size:34px; margin-top:28px; }
  .engagement-main>p { font-size:14px; }
  .engagement-main li { font-size:12px; }
  .engagement-price { grid-template-columns:1fr; gap:14px; padding-top:22px; }
  .engagement-price strong { font-size:24px; }
  .engagement-price p { font-size:11px; max-width:270px; }
  .engagement-main .button { margin-top:23px; width:100%; font-size:12px; }
  .engagement-side article { padding:27px 23px; }
  .engagement-side h3 { font-size:28px; margin-top:20px; }
  .engagement-side p { font-size:13px; }
  .engagement-smallprint { font-size:9px; margin-top:22px; }
  .engagement-note { font-size:10px; }
  body[data-page=conversion] .process { grid-template-columns:1fr; padding-top:60px; padding-bottom:60px; gap:35px; }
  .process-summary h2 { font-size:38px; margin-top:20px; }
  .process-summary>p:last-child { font-size:14px; margin-top:20px; }
  .process-steps summary { gap:15px; padding:23px 0; }
  .process-steps summary strong { font-size:18px; }
  .process-steps details>div { padding:0 13px 25px 26px; }
  .process-steps details p { font-size:13px; }
  .process-steps details p+p { font-size:11px; }
  body[data-page=conversion] .about { grid-template-columns:1fr; gap:35px; padding-top:60px; padding-bottom:60px; }
  .founder-card { display:grid; grid-template-columns:78px 1fr; gap:0 20px; max-width:420px; padding:20px; }
  .founder-initial { grid-row:1/5; font-size:57px; height:103px; padding:15px 12px; margin:0; }
  .founder-initial>span { font-size:25px; right:7px; bottom:7px; }
  .founder-card>.eyebrow { font-size:7px; }
  .founder-card>strong { font-size:25px; margin-top:8px; }
  .founder-card>p { font-size:10px; }
  .founder-location { font-size:7px; margin-top:12px; padding-top:10px; }
  body[data-page=conversion] .about-content { padding:0; }
  body[data-page=conversion] .about-content h2 { font-size:38px; }
  body[data-page=conversion] .about-content>p:not(.eyebrow) { font-size:15px; }
  body[data-page=conversion] .faq { padding-bottom:60px; }
  .booking { grid-template-columns:1fr; padding-top:60px; gap:35px; }
  .booking-intro h2 { font-size:46px; margin-top:22px; }
  .booking-intro>p:not(.eyebrow) { font-size:15px; margin-top:24px; }
  .call-details { font-size:9px; gap:10px 12px; }
  .call-details span+span { padding-left:12px; }
  .call-agenda { margin-top:29px; }
  .call-agenda li { font-size:12px; padding:15px 0; }
  .booking-intro .booking-prep { font-size:11px!important; }
  .booking-card { padding:23px; border-radius:11px; }
  .booking-card h3 { font-size:32px; }
  .booking-card-intro { font-size:12px; }
  .booking-card input,.booking-card textarea { font-size:16px; }
  .booking-card form label { font-size:11px; }
  .booking .closing-wordmark { font-size:13.4vw; margin:0 -2px; }
  body[data-page=conversion] footer { padding:22px 20px 25px; font-size:8px; gap:15px; }
  body[data-page=conversion] footer>span { font-size:9px; }
}
@media(max-width:359px) {
  .conversion-hero h1 { font-size:27px; }
  .conversion-hero-copy>p:first-of-type { font-size:16px; }
  .conversion-hero .actions { gap:8px 16px; }
  .conversion-hero .call-microcopy { font-size:9px; }
  .hero-application { padding-inline:17px; }
  .hero-application .headline-visual { font-size:25px; }
  .hero-application .headline-controls>.eyebrow { font-size:5px; }
  .hero-application .example-count { margin-right:1px; }
  .hero-application .headline-controls button { width:27px; }
  .opportunity-intro h2,.engagement-intro h2 { font-size:34px; }
  .opportunity-tabs strong { font-size:16px; }
  .opportunity-tabs button { padding:15px 11px; }
  .opportunity-tabs button>.eyebrow { font-size:5px; }
  #opportunity-panel { padding:21px 17px; min-height:550px; }
  #opportunity-title { font-size:28px; min-height:74px; }
  .engagement-main { padding:23px 18px; }
  .engagement-main h3 { font-size:31px; }
  .engagement-label { display:none; }
  .engagement-side article { padding:25px 20px; }
  .process-summary h2 { font-size:34px; }
  .process-steps summary strong { font-size:16px; }
  .booking-intro h2 { font-size:39px; }
  .booking-card { padding:21px 18px; }
  .booking-card h3 { font-size:29px; }
  .booking-card .eyebrow { font-size:6px; }
  .call-details { font-size:8px; gap:9px; }
  .call-details span+span { padding-left:9px; }
}
/* Secondary copy stays readable on the pale surfaces. */
body[data-page=conversion] .hero-support,
body[data-page=conversion] .call-microcopy,
.opportunity-intro>p:last-child,.engagement-intro>p:last-child,
.industry-picker>.eyebrow,.opportunity-tabs button>.eyebrow,
.opportunity-panel-top .eyebrow,.measure-line .eyebrow,.opportunity-fit,
.engagement-main>p,.engagement-price p,.engagement-side p,
.engagement-side .eyebrow,.engagement-smallprint,.engagement-note,
.founder-card>.eyebrow,.founder-card>p,.founder-location,
.booking-card-intro,.booking-notice { color:#59684c; }
.opportunity-tabs strong { color:#68755c; }
@media(prefers-reduced-motion:reduce) { .hero-signal * { animation:none!important; } }