:root {
  --signal-yellow: #ffd91a;
  --signal-black: #111111;
  --signal-cream: #f5f3ed;
  --signal-line: #d9d8d1;
  --signal-muted: #575750;
}

body { color: var(--signal-black); background: #fff; }
.site-container { width: min(1420px, calc(100% - 72px)); }
.section { padding: 130px 0; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; color: #111; font-size: .68rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 25px; height: 3px; background: var(--signal-yellow); }
.eyebrow.light { color: #fff; }
.button { min-height: 56px; padding: 0 24px; border: 0; border-radius: 0; font-size: .83rem; font-weight: 850; }
.button-primary { color: #fff; background: #111; box-shadow: none; }
.button-primary:hover { color: #111; background: var(--signal-yellow); box-shadow: none; transform: none; }
.button-outline { color: #111; background: #fff; border: 1px solid #111; box-shadow: none; }
.button-light { color: #111; background: var(--signal-yellow); }
.button-light:hover { color: #111; background: #fff; }
.text-link, .quiet-link { color: #111; border-color: #111; font-size: .81rem; font-weight: 850; }
.text-link:hover, .quiet-link:hover { color: #111; }
a:focus-visible, summary:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--signal-yellow); outline-offset: 3px; }

.topbar { display: none; }
.site-header { position: relative; z-index: 30; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--signal-line); backdrop-filter: blur(14px); }
.nav-row { min-height: 96px; gap: 48px; }
.brand-signal { line-height: 1; }
.signal-wordmark { display: inline-flex; align-items: baseline; white-space: nowrap; color: #111; font-size: 1.86rem; line-height: .88; letter-spacing: -.077em; }
.signal-wordmark strong { font-family: "Arial Black", Arial, Helvetica, sans-serif; font-weight: 950; letter-spacing: -.13em; }
.signal-wordmark > span { font-family:Arial,"Segoe UI Symbol","Apple Symbols",Helvetica,sans-serif; font-weight: 520; }
.signal-i { position: relative; display: inline-block; }
.signal-i::after { content: ""; position: absolute; width: .14em; height: .14em; left: .11em; top: -.075em; background: var(--signal-yellow); }
.desktop-nav { gap: 38px; }
.desktop-nav a { color: #111; font-size: .81rem; font-weight: 800; }
.desktop-nav a:hover { color: #111; text-decoration: underline; text-decoration-color: var(--signal-yellow); text-decoration-thickness: 3px; text-underline-offset: 6px; }

/* Two-line navigation signature: solid ink plus the yellow brand line. */
.desktop-nav a::after{height:3px!important;bottom:-7px!important;background:#111!important;border:0!important}
.desktop-nav a::before{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:3px;background:var(--sf-yellow);transition:right .2s ease}
.desktop-nav a:hover::before,.desktop-nav a:focus-visible::before,.nav-flyout-trigger:focus-within>a::before{right:0}
html[data-theme="dark"] .desktop-nav a::after{background:#fff!important}
.header-cta { min-height: 46px; display: inline-flex; align-items: center; gap: 9px; padding: 0 20px; color: #fff; background: #111; font-size: .78rem; font-weight: 850; }
.header-cta:hover { color: #111; background: var(--signal-yellow); }
.mobile-menu summary { color: #111; border-radius: 0; border-color: #111; }
.mobile-menu nav { border-radius: 0; box-shadow: 10px 10px 0 var(--signal-yellow); }
.mobile-menu nav a { color: #111; }

.sf26-hero { position: relative; overflow: hidden; background: #fff; }
.sf26-hero-grid { min-height: 710px; display: grid; grid-template-columns: .88fr 1.12fr; gap: 70px; align-items: center; padding-top: 80px; padding-bottom: 68px; }
.sf26-hero-copy { position: relative; z-index: 5; }
.sf26-hero-copy h1 { margin: 0 0 30px; color: #111; font-family: Georgia, "Times New Roman", serif; font-size: clamp(4.6rem, 7.25vw, 8.2rem); font-weight: 400; line-height: .86; letter-spacing: -.075em; }
.sf26-hero-copy h1 mark { display: table; margin-top: .13em; padding: .01em .09em .1em .06em; color: #111; background: var(--signal-yellow); line-height: .88; transform: rotate(-.55deg); transform-origin: left center; }
.sf26-hero-copy > p { max-width: 610px; margin: 0 0 34px; color: #484840; font-size: 1.12rem; line-height: 1.68; }
.sf26-actions { display: flex; align-items: center; gap: 23px; }
.sf26-hero-art { position: relative; min-height: 560px; }
.sf26-yellow-panel { position: absolute; width: 82%; height: 72%; right: -1%; top: 2%; background: var(--signal-yellow); }
.sf26-yellow-panel::after { content: ""; position: absolute; width: 34%; height: 22%; right: -6%; bottom: -8%; background: #111; }
.sf26-tech-image { position: absolute; z-index: 2; overflow: hidden; width: 94%; right: 3%; top: 46px; background: #111; border: 1px solid #111; box-shadow: 0 30px 60px rgba(0,0,0,.22); transform: rotate(-.7deg); }
.sf26-tech-image img { display: block; width: 100%; aspect-ratio: 1.5; object-fit: cover; }
.sf26-code-meta { position: absolute; z-index: 5; left: -5px; bottom: 37px; display: grid; grid-template-columns: 24px 20px 1fr; gap: 10px; align-items: center; min-width: 250px; padding: 16px 18px; color: #fff; background: #111; border-left: 5px solid var(--signal-yellow); box-shadow: 8px 9px 0 rgba(17,17,17,.13); }
.sf26-code-meta > span { color: var(--signal-yellow); font-size: .62rem; font-weight: 900; }
.sf26-code-meta strong { font-size: .67rem; letter-spacing: .08em; text-transform: uppercase; }
.sf26-code-caption { position: absolute; z-index: 6; right: -2px; bottom: 4px; display: flex; flex-direction: column; gap: 4px; min-width: 205px; padding: 17px 20px; color: #111; background: var(--signal-yellow); }
.sf26-code-caption span { font-size: .56rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.sf26-code-caption strong { font-family: Georgia, serif; font-size: 1.08rem; font-weight: 400; }
.sf26-proof { color: #fff; background: #111; }
.sf26-proof .site-container { min-height: 68px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: 20px; }
.sf26-proof span { display: flex; align-items: center; justify-content: center; gap: 7px; font-size: .68rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.sf26-proof svg { color: var(--signal-yellow); }

.customer-ribbon { padding: 34px 0 42px; background: #fff; border-color: var(--signal-line); }
.ribbon-label { color: #898983; }
.customer-logo-row { gap: 60px; }
.customer-logo-row img { height: 43px; filter: grayscale(1); opacity: .58; }
.customer-logo-row img:hover { filter: grayscale(1); opacity: .8; }

.sf26-services { background: var(--signal-cream); }
.sf26-section-head { display: grid; grid-template-columns: 130px 1.1fr .65fr; gap: 45px; align-items: end; margin-bottom: 70px; }
.section-index { align-self: start; padding-top: 7px; color: #111; font-size: .61rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.sf26-section-head h2 { margin: 0; color: #111; font-family: Georgia, serif; font-size: clamp(4.1rem, 6.4vw, 7rem); font-weight: 400; line-height: .88; letter-spacing: -.07em; }
.sf26-section-head h2 em { color: #111; font-weight: 400; text-decoration: underline; text-decoration-color: var(--signal-yellow); text-decoration-thickness: .14em; text-underline-offset: .03em; }
.sf26-section-head > p { margin: 0 0 8px; color: var(--signal-muted); line-height: 1.68; }
.sf26-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.sf26-service { position: relative; min-height: 465px; display: flex; flex-direction: column; padding: 30px; transition: transform .2s ease; }
.sf26-service:hover { transform: translateY(-6px); }
.sf26-service > span { align-self: flex-end; font-size: .63rem; font-weight: 850; }
.sf26-service > svg:not(.sf26-card-arrow) { width: 85px; height: 85px; margin-top: 45px; stroke-width: 1.3; }
.sf26-service > div { margin-top: auto; padding-right: 35px; }
.sf26-service h3 { max-width: 360px; margin: 0 0 14px; font-family: Georgia, serif; font-size: 2.25rem; font-weight: 400; line-height: 1.04; letter-spacing: -.04em; }
.sf26-service p { max-width: 390px; margin: 0; font-size: .88rem; line-height: 1.65; }
.sf26-card-arrow { position: absolute; right: 29px; bottom: 29px; transform: rotate(-45deg); }
.sf26-service-yellow { background: var(--signal-yellow); }
.sf26-service-white { background: #fff; }
.sf26-service-black { color: #fff; background: #111; }
.sf26-service-black h3 { color: #fff; }
.sf26-service-black p { color: #c9c9c2; }
.sf26-service-foot { display: flex; justify-content: space-between; gap: 30px; padding-top: 30px; }
.sf26-service-foot p { margin: 0; font-size: .85rem; }

.sf26-manifesto { color: #fff; background: #111; }
.manifesto-title h2 { color: #fff; }
.manifesto-title h2 em { color: #111; background: var(--signal-yellow); }
.manifesto-title > p, .manifesto-list p { color: #bdbdb6; }
.manifesto-list article { border-color: rgba(255,255,255,.22); }
.manifesto-list article > span { color: var(--signal-yellow); }
.manifesto-list h3 { color: #fff; }

.selected-work { background: var(--signal-cream); }
.work-heading { grid-template-columns: 180px 1fr auto; }
.work-item { border-color: #d5d4cd; }
.work-meta { color: #111; }
.work-item h3, .work-item > a { color: #111; }
.work-item-1 .work-logo { background: var(--signal-yellow); }
.work-item-2 .work-logo { background: #e9e8e2; }
.work-item-3 .work-logo { background: #111; }
.work-item-3 .work-logo img { filter: brightness(0) invert(1); }
.chip-row span { color: #484840; background: #efeee9; border-radius: 0; }
.voices-section { background: #fff; }
.voices-intro h2, .voice-list blockquote > p { color: #111; }
.voice-list { border-color: #111; }
.voice-list .quote-number { color: #111; }
.voice-list blockquote footer strong { color: #111; }

.cta-section { padding: 0 0 92px; background: #fff; }
.cta-card { color: #fff; background: #111; }
.cta-card::after { border-color: var(--signal-yellow); }
.cta-card p { color: #c9c9c2; }

.site-footer { padding-top: 82px; color: #c9c9c2; background: #111; }
.footer-lead { display: flex; justify-content: space-between; align-items: end; gap: 80px; padding-bottom: 68px; border-bottom: 1px solid rgba(255,255,255,.2); }
.footer-brand { flex: 0 0 auto; }
.signal-wordmark-light { color: #fff; font-size: clamp(2.8rem, 5vw, 5.2rem); }
.footer-lead p { max-width: 620px; margin: 0; font-family: Georgia, serif; font-size: clamp(1.35rem, 2.5vw, 2.3rem); line-height: 1.28; }
.footer-grid { grid-template-columns: 1fr 1fr 1.2fr; gap: 90px; padding: 55px 0; }
.footer-grid h2 { color: var(--signal-yellow); }
.footer-grid a, .footer-grid span { color: #c9c9c2; }
.footer-grid svg { color: var(--signal-yellow); }
.footer-bottom { border-color: rgba(255,255,255,.2); }

/* Undersider */
.page-hero { padding: 92px 0 96px; text-align: left; background: var(--signal-cream); border-bottom: 1px solid var(--signal-line); }
.page-hero::before { width: 270px; height: 270px; left: auto; right: -100px; top: -120px; border: 34px solid var(--signal-yellow); border-radius: 50%; box-shadow: none; opacity: 1; }
.page-hero-grid { display: grid; grid-template-columns: 1.15fr .65fr; gap: 90px; align-items: end; }
.page-hero .breadcrumb { justify-content: flex-start; margin-bottom: 45px; color: #75756f; }
.page-hero h1 { max-width: 940px; margin: 0; color: #111; font-family: Georgia, serif; font-size: clamp(3.8rem, 6.2vw, 7.2rem); font-weight: 400; line-height: .92; letter-spacing: -.065em; }
.page-hero p { max-width: 560px; margin: 0 0 8px; color: var(--signal-muted); font-size: 1.06rem; line-height: 1.72; }
.content-section { padding: 110px 0; background: #fff; }
.content-section.alt, .service-group.alt { background: var(--signal-cream); }
.content-intro { gap: 100px; margin-bottom: 55px; }
.content-intro h2, .service-group-head h2, .about-copy h2, .contact-details h2, .contact-form h2 { color: #111; font-family: Georgia, serif; font-weight: 400; }
.service-group + .service-group { border-color: var(--signal-line); }
.service-group-head { gap: 100px; }
.service-item { min-height: 255px; padding: 28px; border: 1px solid var(--signal-line); border-radius: 0; }
.service-item svg { margin-bottom: 38px; color: #111; background: var(--signal-yellow); border-radius: 0; box-shadow: none; }
.service-item h3 { color: #111; font-family: Georgia, serif; font-size: 1.35rem; font-weight: 400; }
.outcome-list li { color: #111; }
.outcome-list svg { color: #111; }
.case-grid { gap: 16px; }
.case-card { border-color: var(--signal-line); border-radius: 0; }
.case-card:nth-child(3n + 1) .case-card-logo { background: var(--signal-yellow); }
.case-card:nth-child(3n + 2) .case-card-logo { background: var(--signal-cream); }
.case-card:nth-child(3n) .case-card-logo { background: #111; }
.case-card:nth-child(3n) .case-card-logo img { filter: brightness(0) invert(1); }
.case-card h2, .case-card a, .case-initials { color: #111; }
.about-visual { color: #fff; background: #111; border-radius: 0; }
.about-visual::before { content: "sf"; color: rgba(255,217,26,.92); font-family: "Arial Black", Arial, sans-serif; }
.about-visual-card { border-radius: 0; background: var(--signal-yellow); color: #111; border: 0; backdrop-filter: none; }
.service-card.compact { border-radius: 0; border-color: var(--signal-line); }
.service-card.compact > svg { color: #111; background: var(--signal-yellow); border-radius: 0; box-shadow: none; }
.contact-list a, .contact-list div, .contact-form { border-radius: 0; border-color: var(--signal-line); box-shadow: none; }
.contact-list svg { color: #111; background: var(--signal-yellow); border-radius: 0; }
.contact-list strong { color: #111; }
.field input, .field textarea { border-radius: 0; border-color: #aaa9a2; }
.privacy-copy h2 { color: #111; font-family: Georgia, serif; }

@media (max-width: 1080px) {
  .desktop-nav, .header-cta { display: none; }
  .mobile-menu { display: block; }
  .sf26-hero-grid { grid-template-columns: 1fr; padding-top: 70px; }
  .sf26-hero-copy { max-width: 900px; }
  .sf26-hero-art { width: min(850px, 100%); }
  .sf26-section-head, .work-heading { grid-template-columns: 120px 1fr; }
  .sf26-section-head > p, .work-heading .text-link { grid-column: 2; }
  .sf26-service-grid { grid-template-columns: 1fr 1fr; }
  .sf26-service-black { grid-column: 1 / -1; }
  .page-hero-grid, .content-intro, .service-group-head, .about-grid, .contact-grid { grid-template-columns: 1fr; gap: 45px; }
  .footer-lead { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 700px) {
  .site-container { width: min(100% - 30px, 1420px); }
  .section { padding: 84px 0; }
  .nav-row { min-height: 76px; }
  .signal-wordmark { font-size: 1.62rem; }
  .sf26-hero-grid { min-height: auto; gap: 25px; padding-top: 58px; padding-bottom: 45px; }
  .sf26-hero-copy h1 { font-size: clamp(3.55rem, 16vw, 5.4rem); }
  .sf26-hero-copy > p { font-size: 1rem; }
  .sf26-actions { align-items: flex-start; flex-direction: column; }
  .sf26-hero-art { min-height: 385px; }
  .sf26-tech-image { width: 97%; right: 0; top: 38px; border-width: 4px; }
  .sf26-yellow-panel { width: 84%; height: 69%; }
  .sf26-code-meta { left: 0; bottom: 14px; min-width: 205px; padding: 12px 13px; grid-template-columns: 20px 18px 1fr; }
  .sf26-code-caption { right: 0; bottom: -18px; min-width: 155px; padding: 12px 14px; }
  .sf26-code-caption strong { font-size: .9rem; }
  .sf26-proof .site-container { grid-template-columns: 1fr 1fr; gap: 13px; padding-top: 20px; padding-bottom: 20px; }
  .sf26-proof span { justify-content: flex-start; font-size: .56rem; }
  .customer-logo-row { grid-template-columns: repeat(2, 1fr); gap: 26px 35px; }
  .customer-logo-row img:last-child { grid-column: 1 / -1; width: 45%; justify-self: center; }
  .sf26-section-head, .work-heading { grid-template-columns: 30px 1fr; gap: 18px; margin-bottom: 48px; }
  .sf26-section-head h2 { font-size: clamp(3.4rem, 15vw, 5.4rem); }
  .sf26-section-head > p, .work-heading .text-link { grid-column: 1 / -1; }
  .sf26-service-grid { grid-template-columns: 1fr; }
  .sf26-service, .sf26-service-black { grid-column: auto; min-height: 395px; }
  .sf26-service > svg:not(.sf26-card-arrow) { width: 70px; height: 70px; }
  .sf26-service-foot { align-items: flex-start; flex-direction: column; }
  .footer-lead { gap: 35px; padding-bottom: 45px; }
  .signal-wordmark-light { font-size: 2.6rem; }
  .footer-grid { grid-template-columns: 1fr; gap: 38px; }
  .page-hero { padding: 65px 0 72px; }
  .page-hero .breadcrumb { margin-bottom: 32px; }
  .page-hero h1 { font-size: clamp(3.4rem, 15vw, 5.6rem); }
  .content-section { padding: 78px 0; }
  .case-card { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
}

/* SEO landing pages and editorial content */
.service-shortcuts { padding: 72px 0 0; background: #f4f1e8; }
.service-shortcuts .section-label { display: block; margin-bottom: 24px; }
.shortcut-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #1a1a1a; border-left: 1px solid #1a1a1a; }
.shortcut-grid a { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 92px; padding: 22px 24px; border-right: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; color: #111; font-weight: 750; text-decoration: none; transition: background .2s, color .2s; }
.shortcut-grid a:hover { background: #111; color: #ffd91a; }

.specialist-intro { padding: 115px 0; background: #f4f1e8; }
.specialist-lead { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(50px, 8vw, 150px); margin-bottom: 90px; }
.specialist-lead h2 { margin: 0; font-size: clamp(2.6rem, 5vw, 5.8rem); line-height: .94; letter-spacing: -.055em; }
.specialist-lead > div > p { margin: 0 0 35px; max-width: 680px; font-size: clamp(1.15rem, 1.7vw, 1.55rem); line-height: 1.5; }
.specialist-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #1a1a1a; }
.specialist-grid article { padding: 34px 34px 42px 0; border-bottom: 1px solid #1a1a1a; }
.specialist-grid article:not(:nth-child(3n+1)) { padding-left: 34px; border-left: 1px solid #1a1a1a; }
.specialist-grid .item-index { display: block; margin-bottom: 55px; font: 700 .72rem/1 monospace; }
.specialist-grid h3 { margin: 0 0 15px; font-size: 1.45rem; letter-spacing: -.025em; }
.specialist-grid p { margin: 0; color: #57554f; line-height: 1.65; }

.process-section { padding: 110px 0; background: #111; color: #fff; }
.process-section .sf26-section-head { margin-bottom: 65px; }
.process-section .sf26-section-head h2 { color: #fff; }
.process-list { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #555; border-left: 1px solid #555; }
.process-list li { min-height: 300px; padding: 28px; border-right: 1px solid #555; border-bottom: 1px solid #555; list-style: none; }
.process-list span { display: block; margin-bottom: 78px; color: #ffd91a; font: 700 .78rem/1 monospace; }
.process-list h3 { margin: 0 0 14px; font-size: 1.35rem; }
.process-list p { margin: 0; color: #bbb; line-height: 1.6; }

.faq-section { padding: 110px 0; background: #fff; }
.faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(50px, 8vw, 150px); }
.faq-layout h2 { margin: 0; font-size: clamp(3rem, 6vw, 7rem); line-height: .88; letter-spacing: -.06em; }
.faq-list { border-top: 1px solid #111; }
.faq-list details { border-bottom: 1px solid #111; }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; cursor: pointer; list-style: none; padding: 25px 0; font-weight: 750; font-size: 1.1rem; position: relative; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary svg { flex: 0 0 auto; transition: transform .2s; }
.faq-list details[open] summary svg { transform: rotate(90deg); }
.faq-list details p { max-width: 720px; margin: -2px 0 27px; color: #57554f; line-height: 1.7; }
.related-services { padding: 80px 0; background: #ffd91a; }
.related-services .site-container > span { display: block; margin-bottom: 22px; font: 800 .72rem/1 monospace; text-transform: uppercase; }
.related-services .site-container > div { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #111; border-left: 1px solid #111; }
.related-services a { display: flex; align-items: center; justify-content: space-between; min-height: 85px; padding: 22px; color: #111; border-right: 1px solid #111; border-bottom: 1px solid #111; font-weight: 750; text-decoration: none; }
.related-services a:hover { color: #ffd91a; background: #111; }

.home-articles { padding: 115px 0; background: #f4f1e8; }
.home-article-grid, .article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.home-article-grid > article { display: flex; flex-direction: column; padding: 0 24px 28px; color: #111; background: #fff; border: 1px solid #111; transition: transform .2s, box-shadow .2s; }
.home-article-grid > article:hover { transform: translateY(-5px); box-shadow: 8px 8px 0 #ffd91a; }
.home-article-grid .article-card-image { margin: 0 -24px 22px; }
.home-article-grid h3 { margin: 0 0 12px; font-size: clamp(1.35rem, 2vw, 1.9rem); line-height: 1.08; letter-spacing: -.035em; }
.home-article-grid h3 a { color: #111; text-decoration: none; }
.home-article-grid p { margin: 0 0 25px; color: #57554f; line-height: 1.6; }
.home-article-grid .text-link:last-child { margin-top: auto; }
.article-card { display: flex; flex-direction: column; color: #111; text-decoration: none; background: #fff; border: 1px solid #111; transition: transform .2s, box-shadow .2s; }
.article-card:hover { transform: translateY(-5px); box-shadow: 8px 8px 0 #ffd91a; }
.article-card-image { position: relative; aspect-ratio: 3 / 2; overflow: hidden; border-bottom: 1px solid #111; background: #111; }
.article-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.article-card:hover .article-card-image img { transform: scale(1.025); }
.article-card > div:last-child { display: flex; flex-direction: column; flex: 1; padding: 24px; }
.article-meta { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-bottom: 18px; color: #6a675f; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.article-card h2, .article-card h3 { margin: 0 0 12px; font-size: clamp(1.35rem, 2vw, 1.9rem); line-height: 1.08; letter-spacing: -.035em; }
.article-card p { margin: 0 0 25px; color: #57554f; line-height: 1.6; }
.article-card .text-link { margin-top: auto; }
.article-hub { padding: 90px 0 120px; background: #f4f1e8; }

.article-page { background: #f4f1e8; }
.article-header { padding: 78px 0 65px; border-bottom: 1px solid #111; }
.article-header .site-container { max-width: 1040px; }
.article-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 52px; color: #111; font-size: .8rem; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: .06em; }
.article-header h1 { max-width: 1000px; margin: 0 0 28px; font-size: clamp(3.2rem, 7vw, 7.4rem); line-height: .89; letter-spacing: -.065em; }
.article-header > div > p { max-width: 780px; margin: 0; font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.5; }
.article-image { max-width: 1220px; padding-top: 65px; }
.article-image img { display: block; width: 100%; height: auto; border: 1px solid #111; }
.article-layout { display: grid; grid-template-columns: 245px minmax(0, 760px); justify-content: center; gap: clamp(45px, 8vw, 115px); padding-top: 85px; padding-bottom: 125px; }
.article-layout aside { align-self: start; position: sticky; top: 110px; border-top: 1px solid #111; padding-top: 18px; }
.article-layout aside > span { display: block; margin-bottom: 16px; font: 800 .72rem/1 monospace; text-transform: uppercase; }
.article-layout aside ol { margin: 0; padding-left: 21px; }
.article-layout aside li { margin: 0 0 11px; color: #77736a; font-size: .86rem; line-height: 1.35; }
.article-layout aside a { color: inherit; text-decoration: none; }
.article-layout aside a:hover { color: #111; }
.article-body section { scroll-margin-top: 110px; margin-bottom: 70px; }
.article-body h2 { margin: 0 0 24px; font-size: clamp(2rem, 3.8vw, 3.65rem); line-height: .98; letter-spacing: -.045em; }
.article-body p { margin: 0 0 22px; color: #33322f; font-size: 1.06rem; line-height: 1.8; }
.article-body ul { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.article-body li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; line-height: 1.55; }
.article-body li svg { margin-top: 4px; color: #111; stroke-width: 3; }
.article-takeaway { margin: 80px 0 28px; padding: 34px; background: #ffd91a; border: 1px solid #111; }
.article-takeaway span { display: block; margin-bottom: 13px; font: 800 .72rem/1 monospace; text-transform: uppercase; }
.article-takeaway p { margin: 0; color: #111; font-size: 1.25rem; font-weight: 700; line-height: 1.45; }
.article-service-link { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 27px 28px; color: #fff; background: #111; border: 1px solid #111; text-decoration: none; }
.article-service-link small { display: block; margin-bottom: 5px; color: #aaa; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.article-service-link strong { font-size: 1.1rem; }
.article-service-link:hover { color: #ffd91a; }

.local-service-links { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 50px; border-top: 1px solid #111; border-left: 1px solid #111; }
.local-service-links a { display: grid; grid-template-columns: 1fr auto; gap: 10px 25px; min-height: 165px; padding: 28px; color: #111; border-right: 1px solid #111; border-bottom: 1px solid #111; text-decoration: none; }
.local-service-links strong { font-size: 1.3rem; letter-spacing: -.025em; }
.local-service-links span { grid-column: 1; color: #57554f; line-height: 1.55; }
.local-service-links svg { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.local-service-links a:hover { color: #ffd91a; background: #111; }
.local-service-links a:hover span { color: #bbb; }
.local-proof { padding: 110px 0; background: #111; color: #fff; }
.local-proof h2 { max-width: 1000px; margin: 0 0 60px; color: #fff; font-size: clamp(2.8rem, 6vw, 6.5rem); line-height: .9; letter-spacing: -.055em; }
.local-case-row { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #555; border-left: 1px solid #555; }
.local-case-row article { padding: 34px; border-right: 1px solid #555; border-bottom: 1px solid #555; }
.local-case-row span { color: #ffd91a; font: 700 .75rem/1 monospace; }
.local-case-row h3 { margin: 48px 0 12px; font-size: 1.55rem; }
.local-case-row p { margin: 0; color: #bbb; line-height: 1.6; }

@media (max-width: 1080px) {
  .shortcut-grid, .specialist-grid, .home-article-grid, .article-grid { grid-template-columns: repeat(2, 1fr); }
  .specialist-grid article:not(:nth-child(3n+1)) { padding-left: 0; border-left: 0; }
  .specialist-grid article:nth-child(even) { padding-left: 34px; border-left: 1px solid #111; }
  .process-list { grid-template-columns: repeat(2, 1fr); }
  .article-layout { grid-template-columns: 190px minmax(0, 680px); gap: 55px; }
}

@media (max-width: 700px) {
  .service-shortcuts { padding-top: 50px; }
  .shortcut-grid, .specialist-grid, .process-list, .home-article-grid, .article-grid, .local-case-row, .related-services .shortcut-grid { grid-template-columns: 1fr; }
  .specialist-intro, .process-section, .faq-section, .home-articles, .local-service-links, .local-proof { padding: 80px 0; }
  .specialist-lead, .faq-layout { grid-template-columns: 1fr; gap: 42px; margin-bottom: 55px; }
  .specialist-grid article, .specialist-grid article:not(:nth-child(3n+1)), .specialist-grid article:nth-child(even) { padding: 28px 0; border-left: 0; }
  .specialist-grid .item-index { margin-bottom: 28px; }
  .process-list li { min-height: 250px; }
  .related-services .site-container > div, .local-service-links { grid-template-columns: 1fr; }
  .article-hub { padding: 60px 0 85px; }
  .article-header { padding: 50px 0; }
  .article-back { margin-bottom: 35px; }
  .article-image { padding-top: 30px; }
  .article-layout { grid-template-columns: 1fr; gap: 48px; padding-top: 55px; padding-bottom: 85px; }
  .article-layout aside { position: static; }
  .article-body section { margin-bottom: 52px; }
  .local-case-row { border-left: 0; }
}

/* Signal 3.1 — chromatic editorial system */
:root {
  --signal-blue: #4965f5;
  --signal-coral: #ff6a55;
  --signal-mint: #67dfcb;
  --signal-blush: #f6cfd2;
}

/* A little less weight, with the same type character */
.sf26-hero-copy h1 { font-weight: 740; }
.sf26-section-head h2,
.manifesto-title h2,
.connected-copy h2,
.voices-intro h2,
.page-hero h1,
.content-intro h2,
.service-group-head h2,
.about-copy h2,
.contact-details h2,
.contact-form h2,
.faq-layout h2,
.article-header h1,
.article-body h2,
.local-proof h2,
.cta-card h2 { font-weight: 720; }
.sf26-section-head h2 em,
.manifesto-title h2 em,
.sf26-service h3,
.work-item h3 { font-weight: 720; }
.desktop-nav a,
.header-cta,
.button,
.quiet-link,
.text-link,
.eyebrow,
.section-index,
.ribbon-label { font-weight: 720; }

/* Colour is carried by large, confident surfaces */
.outcome-grid { gap: 16px; border: 0; }
.outcome-grid article { border: 1px solid #111; }
.outcome-grid article:nth-child(1) { background: var(--signal-yellow); }
.outcome-grid article:nth-child(2) { background: var(--signal-blush); }
.outcome-grid article:nth-child(3) { background: var(--signal-mint); }
.outcome-grid article > div svg { color: #fff; background: #111; }

.sf26-service-white { color: #fff; background: var(--signal-blue); }
.sf26-service-white h3,
.sf26-service-white p { color: #fff; }
.sf26-service-black { color: #111; background: var(--signal-mint); }
.sf26-service-black h3 { color: #111; }
.sf26-service-black p { color: #343a36; }
.sf26-service:nth-child(1):hover { box-shadow: 8px 8px 0 var(--signal-coral); }
.sf26-service:nth-child(2):hover { box-shadow: 8px 8px 0 var(--signal-yellow); }
.sf26-service:nth-child(3):hover { box-shadow: 8px 8px 0 var(--signal-blue); }

.connected-map { border-color: #5d5d56; }
.connected-node { color: #111; border-color: #111; box-shadow: 7px 7px 0 rgba(0,0,0,.35); }
.connected-node > span,
.connected-node small { color: #252521; }
.node-web { background: var(--signal-blush); transform: rotate(-1.5deg); }
.node-visibility { color: #111; background: var(--signal-yellow); transform: rotate(1.5deg); }
.node-content { background: var(--signal-mint); transform: rotate(1.25deg); }
.node-operations { color: #fff; background: var(--signal-blue); transform: rotate(-1.25deg); }
.node-operations > span,
.node-operations small { color: #fff; }

.manifesto-list article:nth-child(1) > span { color: var(--signal-yellow); }
.manifesto-list article:nth-child(2) > span { color: var(--signal-mint); }
.manifesto-list article:nth-child(3) > span { color: var(--signal-coral); }
.manifesto-list article:nth-child(4) > span { color: var(--signal-blush); }

.work-item-1 .work-logo { background: var(--signal-yellow); }
.work-item-2 .work-logo { background: var(--signal-blush); }
.work-item-3 .work-logo { background: var(--signal-mint); }
.work-item-3 .work-logo img { filter: none; }
.work-item-1:hover { box-shadow: 8px 8px 0 var(--signal-coral); }
.work-item-2:hover { box-shadow: 8px 8px 0 var(--signal-blue); }
.work-item-3:hover { box-shadow: 8px 8px 0 var(--signal-yellow); }

.voices-section { background: var(--signal-blush); }
.voice-list .quote-number:nth-child(1) { color: #111; }

.home-article-grid > article:nth-child(1) { border-bottom: 10px solid var(--signal-yellow); }
.home-article-grid > article:nth-child(2) { border-bottom: 10px solid var(--signal-blue); }
.home-article-grid > article:nth-child(3) { border-bottom: 10px solid var(--signal-mint); }
.home-article-grid > article:nth-child(1):hover { box-shadow: 8px 8px 0 var(--signal-coral); }
.home-article-grid > article:nth-child(2):hover { box-shadow: 8px 8px 0 var(--signal-yellow); }
.home-article-grid > article:nth-child(3):hover { box-shadow: 8px 8px 0 var(--signal-blue); }

.cta-section { background: var(--signal-cream); }
.cta-card { background: var(--signal-blue); }
.cta-card::after { border-color: var(--signal-mint); }
.cta-card .button-light { color: #111; background: var(--signal-yellow); }
.cta-card p,
.cta-actions a:not(.button) { color: #fff; }

/* The palette continues on service and information pages */
.page-hero::before { border-color: var(--signal-blue); }
.page-hero::after { content: ""; position: absolute; right: 145px; bottom: 34px; width: 82px; height: 82px; background: var(--signal-coral); transform: rotate(-8deg); }
.service-grid .service-item:nth-child(4n + 1) svg { background: var(--signal-yellow); }
.service-grid .service-item:nth-child(4n + 2) svg { background: var(--signal-mint); }
.service-grid .service-item:nth-child(4n + 3) svg { background: var(--signal-blush); }
.service-grid .service-item:nth-child(4n) svg { color: #fff; background: var(--signal-blue); }
.case-card:nth-child(3n + 2) .case-card-logo { background: var(--signal-blush); }
.case-card:nth-child(3n) .case-card-logo { background: var(--signal-mint); }
.case-card:nth-child(3n) .case-card-logo img { filter: none; }
.contact-list > *:nth-child(3n + 1) svg { background: var(--signal-yellow); }
.contact-list > *:nth-child(3n + 2) svg { background: var(--signal-mint); }
.contact-list > *:nth-child(3n) svg { background: var(--signal-blush); }

@media (max-width: 700px) {
  .outcome-grid { gap: 12px; }
  .outcome-grid article,
  .outcome-grid article:last-child { min-height: 280px; padding: 26px; border: 1px solid #111; }
  .connected-node { transform: none; box-shadow: 4px 4px 0 rgba(0,0,0,.35); }
  .page-hero::after { right: 28px; bottom: 28px; width: 48px; height: 48px; }
}

/* Signal 3.0 — final editorial and visual refinement */
:root {
  --signal-yellow: #f7d516;
  --signal-black: #0b0b0b;
  --signal-cream: #f3f0e8;
  --signal-soft: #e9e6dd;
}

body { font-family:Arial,"Segoe UI Symbol","Apple Symbols",Helvetica,sans-serif; color: var(--signal-black); }
.site-header { position: sticky; top: 0; }
.nav-row { min-height: 84px; }
.signal-wordmark { font-size: 1.72rem; }
.desktop-nav { gap: 34px; }
.desktop-nav a, .header-cta { letter-spacing: .01em; }
.header-cta { min-height: 44px; padding-inline: 19px; }

.sf26-hero-grid { min-height: 760px; grid-template-columns: .95fr 1.05fr; gap: clamp(45px, 6vw, 92px); padding-top: 86px; padding-bottom: 80px; }
.sf26-hero-copy { max-width: 745px; }
.sf26-hero-copy h1,
.sf26-section-head h2,
.manifesto-title h2,
.connected-copy h2,
.voices-intro h2,
.page-hero h1,
.content-intro h2,
.service-group-head h2,
.about-copy h2,
.contact-details h2,
.contact-form h2,
.faq-layout h2,
.article-header h1,
.article-body h2,
.local-proof h2 { font-family:Arial,"Segoe UI Symbol","Apple Symbols",Helvetica,sans-serif; font-weight: 790; }
.sf26-hero-copy h1 { max-width: 740px; margin-bottom: 32px; font-size: clamp(4rem, 6.8vw, 7.5rem); line-height: .91; letter-spacing: -.073em; text-wrap: balance; }
.sf26-hero-copy h1 mark { position: relative; display: inline; margin: 0; padding: 0; background: none; transform: none; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.sf26-hero-copy h1 mark::after { content: ""; position: absolute; z-index: -1; left: -.015em; right: -.03em; bottom: .02em; height: .22em; background: var(--signal-yellow); }
.sf26-hero-copy > p { max-width: 670px; margin-bottom: 36px; color: #3f3f3a; font-size: 1.08rem; line-height: 1.72; }
.sf26-actions { gap: 26px; }
.quiet-link, .text-link { display: inline-flex; align-items: center; gap: 9px; text-decoration: underline; text-decoration-color: var(--signal-yellow); text-decoration-thickness: 3px; text-underline-offset: 6px; }
.quiet-link:hover, .text-link:hover { text-decoration-color: #111; }
.sf26-hero-art { min-height: 575px; }
.sf26-yellow-panel { width: 88%; height: 75%; top: 0; right: -2%; }
.sf26-yellow-panel::after { width: 29%; height: 18%; right: -3%; bottom: -5%; }
.sf26-tech-image { width: 96%; right: 2%; top: 38px; box-shadow: 0 34px 75px rgba(0,0,0,.24); transform: none; }
.sf26-tech-image img { aspect-ratio: 1.5; }
.sf26-code-meta { left: -18px; bottom: 40px; }
.sf26-code-caption { right: -10px; bottom: 3px; min-width: 225px; }
.sf26-code-caption strong { font-family:Arial,"Segoe UI Symbol","Apple Symbols",Helvetica,sans-serif; font-size: 1rem; font-weight: 800; }

.sf26-proof .site-container { min-height: 64px; }
.sf26-proof span { font-size: .63rem; letter-spacing: .055em; }
.customer-ribbon { padding: 39px 0 45px; }
.customer-ribbon .site-container { align-items: center; }
.ribbon-label { max-width: 180px; color: #6f6e68; font-size: .62rem; font-weight: 850; letter-spacing: .1em; line-height: 1.35; text-transform: uppercase; }
.customer-logo-row img { height: 39px; opacity: .64; }

.sf26-outcomes { background: #fff; }
.sf26-section-head h2 { font-size: clamp(3.8rem, 6vw, 6.6rem); font-weight: 790; line-height: .89; }
.sf26-section-head h2 em { font-style: normal; font-weight: 790; text-decoration-thickness: .12em; }
.outcome-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #111; border-left: 1px solid #111; }
.outcome-grid article { min-height: 330px; display: flex; flex-direction: column; padding: 30px; border-right: 1px solid #111; border-bottom: 1px solid #111; }
.outcome-grid article > div { display: flex; align-items: center; justify-content: space-between; color: #111; }
.outcome-grid article > div span { font: 800 .7rem/1 monospace; }
.outcome-grid article > div svg { box-sizing: content-box; padding: 15px; background: var(--signal-yellow); }
.outcome-grid h3 { max-width: 350px; margin: auto 0 17px; font-size: clamp(1.55rem, 2.3vw, 2.25rem); line-height: 1.04; letter-spacing: -.045em; }
.outcome-grid p { max-width: 390px; margin: 0; color: #53524c; font-size: .92rem; line-height: 1.67; }

.sf26-services { background: var(--signal-cream); }
.sf26-service { min-height: 445px; border: 1px solid #111; }
.sf26-service:hover { transform: translateY(-4px); box-shadow: 8px 8px 0 #111; }
.sf26-service h3 { font-family:Arial,"Segoe UI Symbol","Apple Symbols",Helvetica,sans-serif; font-size: 2rem; font-weight: 790; line-height: 1.03; }
.sf26-service p { font-size: .9rem; }
.sf26-service-foot { align-items: flex-start; }
.sf26-service-foot p { max-width: 670px; color: #56554f; line-height: 1.6; }

.connected-section { overflow: hidden; color: #fff; background: #111; }
.connected-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(55px, 8vw, 135px); align-items: center; }
.connected-copy h2 { max-width: 680px; margin: 0 0 27px; color: #fff; font-size: clamp(3.2rem, 5vw, 5.7rem); line-height: .93; letter-spacing: -.06em; }
.connected-copy p { max-width: 620px; margin: 0 0 34px; color: #bdbdb6; font-size: 1.03rem; line-height: 1.78; }
.connected-map { position: relative; min-height: 570px; border: 1px solid #54544f; background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 42px 42px; }
.connected-map::before, .connected-map::after { content: ""; position: absolute; left: 50%; top: 50%; background: #77766e; transform: translate(-50%, -50%); }
.connected-map::before { width: 66%; height: 1px; }
.connected-map::after { width: 1px; height: 66%; }
.connected-core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 150px; height: 150px; display: grid; place-items: center; align-content: center; gap: 8px; color: #111; background: var(--signal-yellow); border: 1px solid #111; transform: translate(-50%, -50%); }
.connected-core span { font-size: 2.8rem; font-weight: 950; letter-spacing: -.12em; }
.connected-core strong { font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; }
.connected-node { position: absolute; z-index: 2; width: min(230px, 38%); min-height: 125px; display: flex; flex-direction: column; justify-content: center; padding: 21px; color: #fff; background: #111; border: 1px solid #77766e; }
.connected-node > span { margin-bottom: 16px; color: var(--signal-yellow); font: 800 .65rem/1 monospace; }
.connected-node strong { margin-bottom: 7px; font-size: 1.15rem; }
.connected-node small { color: #9f9f99; font-size: .7rem; }
.node-web { left: 5%; top: 7%; }
.node-visibility { right: 5%; top: 7%; }
.node-content { left: 5%; bottom: 7%; }
.node-operations { right: 5%; bottom: 7%; }

.sf26-manifesto { border-top: 1px solid #3e3e3a; }
.manifesto-title h2 { font-size: clamp(3.8rem, 6vw, 6.7rem); font-weight: 790; letter-spacing: -.065em; }
.manifesto-title h2 em { padding: 0 .06em .04em; font-style: normal; font-weight: 790; }
.manifesto-list h3 { font-size: 1.35rem; }
.manifesto-list p { line-height: 1.7; }

.work-item { background: #fff; border: 1px solid #111; }
.work-logo { min-height: 240px; border-bottom: 1px solid #111; }
.work-item h3 { font-family:Arial,"Segoe UI Symbol","Apple Symbols",Helvetica,sans-serif; font-weight: 790; }
.work-item:hover { transform: translateY(-4px); box-shadow: 8px 8px 0 var(--signal-yellow); }
.voices-intro h2 { max-width: 620px; font-size: clamp(3.1rem, 5vw, 5.4rem); line-height: .94; letter-spacing: -.06em; }
.voices-intro > p { max-width: 510px; margin: 25px 0 0; color: #5a5953; line-height: 1.7; }
.voice-list blockquote > p { font-size: clamp(1.15rem, 1.6vw, 1.45rem); line-height: 1.55; }

.home-articles { background: var(--signal-cream); }
.home-article-grid > article { padding-bottom: 31px; }
.article-card-image img { filter: saturate(.9) contrast(1.03); }
.home-article-grid h3 { font-size: clamp(1.5rem, 2vw, 2rem); }

.cta-section { padding: 95px 0; background: #fff; }
.cta-card { padding: 76px; border: 1px solid #111; }
.cta-card h2 { max-width: 820px; font-family:Arial,"Segoe UI Symbol","Apple Symbols",Helvetica,sans-serif; font-size: clamp(2.8rem, 4.8vw, 5.25rem); font-weight: 790; line-height: .94; letter-spacing: -.055em; }
.footer-lead p { font-family:Arial,"Segoe UI Symbol","Apple Symbols",Helvetica,sans-serif; font-weight: 720; letter-spacing: -.025em; }

.page-hero { padding-top: 105px; padding-bottom: 110px; }
.page-hero::before { border-radius: 0; transform: rotate(12deg); }
.page-hero h1 { font-weight: 790; line-height: .92; text-wrap: balance; }
.content-intro h2, .service-group-head h2, .about-copy h2 { font-weight: 790; }
.service-item h3 { font-family:Arial,"Segoe UI Symbol","Apple Symbols",Helvetica,sans-serif; font-weight: 780; }
.article-header h1, .article-body h2 { font-weight: 790; }

@media (max-width: 1080px) {
  .sf26-hero-grid, .connected-grid { grid-template-columns: 1fr; }
  .sf26-hero-copy { max-width: 920px; }
  .sf26-hero-art { width: min(900px, 100%); }
  .outcome-grid { grid-template-columns: 1fr 1fr; }
  .outcome-grid article:last-child { grid-column: 1 / -1; }
  .connected-copy { max-width: 760px; }
  .connected-map { min-height: 540px; }
}

@media (max-width: 700px) {
  .nav-row { min-height: 72px; }
  .sf26-hero-grid { padding-top: 55px; padding-bottom: 48px; }
  .sf26-hero-copy h1 { font-size: clamp(3.45rem, 15.8vw, 5rem); line-height: .92; }
  .sf26-hero-copy > p { font-size: 1rem; }
  .sf26-actions { width: 100%; gap: 21px; }
  .sf26-actions .button { width: 100%; }
  .sf26-hero-art { min-height: 370px; }
  .sf26-tech-image { top: 25px; }
  .sf26-code-meta { left: 0; bottom: 5px; min-width: 205px; }
  .sf26-code-caption { display: none; }
  .sf26-proof .site-container { grid-template-columns: 1fr; gap: 0; padding-top: 12px; padding-bottom: 12px; }
  .sf26-proof span { min-height: 35px; }
  .customer-ribbon .site-container { gap: 27px; }
  .ribbon-label { max-width: none; }
  .outcome-grid { grid-template-columns: 1fr; border-left: 0; }
  .outcome-grid article, .outcome-grid article:last-child { grid-column: auto; min-height: 285px; padding: 25px 0; border-right: 0; }
  .connected-map { min-height: 610px; }
  .connected-map::before { width: 1px; height: 75%; }
  .connected-map::after { display: none; }
  .connected-core { width: 122px; height: 122px; }
  .connected-node { width: 46%; min-height: 115px; padding: 16px; }
  .node-web { left: 2%; top: 4%; }
  .node-visibility { right: 2%; top: 4%; }
  .node-content { left: 2%; bottom: 4%; }
  .node-operations { right: 2%; bottom: 4%; }
  .cta-card { padding: 42px 26px; }
}

/* Signal 3.1 final cascade */
.sf26-hero-copy h1 { font-weight: 740; }
.sf26-section-head h2,
.manifesto-title h2,
.connected-copy h2,
.voices-intro h2,
.page-hero h1,
.content-intro h2,
.service-group-head h2,
.about-copy h2,
.contact-details h2,
.contact-form h2,
.faq-layout h2,
.article-header h1,
.article-body h2,
.local-proof h2,
.cta-card h2,
.sf26-section-head h2 em,
.manifesto-title h2 em,
.sf26-service h3,
.work-item h3,
.service-item h3 { font-weight: 720; }
.outcome-grid article > div svg { color: #fff; background: #111; }
.connected-node { color: #111; background: var(--signal-blush); border-color: #111; box-shadow: 7px 7px 0 rgba(0,0,0,.35); }
.connected-node > span,
.connected-node small { color: #252521; }
.node-visibility { color: #111; background: var(--signal-yellow); }
.node-content { background: var(--signal-mint); }
.node-operations { color: #fff; background: var(--signal-blue); }
.node-operations > span,
.node-operations small { color: #fff; }

@media (max-width: 700px) {
  .connected-node { box-shadow: 4px 4px 0 rgba(0,0,0,.35); transform: none; }
}

/* Explicit light / dark mode */
.theme-toggle { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; color: #111; background: #fff; border: 1px solid #111; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease; }
.theme-toggle:hover { color: #111; background: var(--signal-yellow); }
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body { color: #d4d4cd; background: #0d0d0d; }
html[data-theme="dark"] .site-header { background: rgba(13,13,13,.96); border-color: #393934; }
html[data-theme="dark"] .signal-wordmark,
html[data-theme="dark"] .desktop-nav a { color: #fff; }
html[data-theme="dark"] .theme-toggle { color: #fff; background: #181818; border-color: #76766f; }
html[data-theme="dark"] .theme-toggle:hover { color: #111; background: var(--signal-yellow); border-color: var(--signal-yellow); }
html[data-theme="dark"] .mobile-menu summary { color: #fff; border-color: #777; }
html[data-theme="dark"] .mobile-menu nav { background: #181818; border-color: #555; }
html[data-theme="dark"] .mobile-menu nav a { color: #fff; border-color: #3f3f3a; }

html[data-theme="dark"] .sf26-hero,
html[data-theme="dark"] .customer-ribbon,
html[data-theme="dark"] .sf26-outcomes,
html[data-theme="dark"] .selected-work,
html[data-theme="dark"] .cta-section,
html[data-theme="dark"] .content-section,
html[data-theme="dark"] .faq-section,
html[data-theme="dark"] .service-shortcuts,
html[data-theme="dark"] .specialist-intro,
html[data-theme="dark"] .article-page,
html[data-theme="dark"] .article-hub { background: #0d0d0d; }
html[data-theme="dark"] .sf26-services,
html[data-theme="dark"] .content-section.alt,
html[data-theme="dark"] .service-group.alt { background: #181816; }
html[data-theme="dark"] .page-hero { background: #151513; border-color: #3d3d38; }

html[data-theme="dark"] main h1,
html[data-theme="dark"] main h2,
html[data-theme="dark"] main h3,
html[data-theme="dark"] .sf26-section-head h2,
html[data-theme="dark"] .work-item h3,
html[data-theme="dark"] .article-card h2,
html[data-theme="dark"] .article-card h3 { color: #f7f7f2; }
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .section-index,
html[data-theme="dark"] .ribbon-label,
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .article-meta { color: #adada6; }
html[data-theme="dark"] .sf26-hero-copy > p,
html[data-theme="dark"] .sf26-section-head > p,
html[data-theme="dark"] .sf26-service-foot p,
html[data-theme="dark"] .page-hero p,
html[data-theme="dark"] .content-intro p,
html[data-theme="dark"] .service-group-head p,
html[data-theme="dark"] .service-item p,
html[data-theme="dark"] .specialist-grid p,
html[data-theme="dark"] .faq-list details p,
html[data-theme="dark"] .article-body p,
html[data-theme="dark"] .article-card p,
html[data-theme="dark"] .work-item p { color: #bcbcb5; }
html[data-theme="dark"] .sf26-hero-copy h1 mark,
html[data-theme="dark"] .sf26-section-head h2 em { color: #f7f7f2; }
html[data-theme="dark"] .button-primary,
html[data-theme="dark"] .header-cta { color: #111; background: var(--signal-yellow); }
html[data-theme="dark"] .button-primary:hover,
html[data-theme="dark"] .header-cta:hover { color: #111; background: var(--signal-mint); }
html[data-theme="dark"] .sf26-tech-image { border-color: #4c4c47; }
html[data-theme="dark"] .sf26-tech-image img { filter: brightness(1.12); }
html[data-theme="dark"] .sf26-code-meta { background: #1b1b1a; }
html[data-theme="dark"] .quiet-link,
html[data-theme="dark"] .text-link,
html[data-theme="dark"] .work-item > a,
html[data-theme="dark"] .article-back { color: #fff; }
html[data-theme="dark"] .customer-logo-row img { filter: grayscale(1) brightness(0) invert(1); opacity: .74; }

html[data-theme="dark"] .outcome-grid h3,
html[data-theme="dark"] .outcome-grid p,
html[data-theme="dark"] .sf26-service-yellow h3,
html[data-theme="dark"] .sf26-service-yellow p,
html[data-theme="dark"] .sf26-service-black h3,
html[data-theme="dark"] .sf26-service-black p,
html[data-theme="dark"] .voices-section h2,
html[data-theme="dark"] .voices-section p,
html[data-theme="dark"] .voices-section strong { color: #111; }
html[data-theme="dark"] .voices-section { background: var(--signal-blush); }

html[data-theme="dark"] .work-item,
html[data-theme="dark"] .home-article-grid > article,
html[data-theme="dark"] .article-card,
html[data-theme="dark"] .service-item,
html[data-theme="dark"] .case-card,
html[data-theme="dark"] .service-card.compact,
html[data-theme="dark"] .contact-form,
html[data-theme="dark"] .contact-list a,
html[data-theme="dark"] .contact-list div { color: #eee; background: #191918; border-color: #55554f; }
html[data-theme="dark"] .work-logo,
html[data-theme="dark"] .article-card-image { border-color: #55554f; }
html[data-theme="dark"] .chip-row span { color: #d7d7d0; background: #2b2b28; }

html[data-theme="dark"] .shortcut-grid,
html[data-theme="dark"] .specialist-grid,
html[data-theme="dark"] .faq-list,
html[data-theme="dark"] .local-service-links { border-color: #55554f; }
html[data-theme="dark"] .shortcut-grid a,
html[data-theme="dark"] .specialist-grid article,
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .local-service-links a { color: #f5f5f0; border-color: #55554f; }
html[data-theme="dark"] .shortcut-grid a:hover,
html[data-theme="dark"] .local-service-links a:hover { color: #111; background: var(--signal-yellow); }
html[data-theme="dark"] .article-header { border-color: #55554f; }
html[data-theme="dark"] .article-takeaway p { color: #111; }
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field textarea { color: #fff; background: #111; border-color: #686861; }
html[data-theme="dark"] .form-note,
html[data-theme="dark"] .privacy-copy p,
html[data-theme="dark"] .privacy-copy li { color: #bcbcb5; }

@media (max-width: 1080px) {
  .theme-toggle { margin-left: auto; }
  .brand { margin-right: 0; }
}

@media (max-width: 700px) {
  .theme-toggle { width: 42px; height: 42px; }
  .nav-row { gap: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .theme-toggle { transition: none; }
}

/* SF 2026 — approved production direction */
:root{--sf-ink:#11110f;--sf-yellow:#f5d819;--sf-blue:#526be4;--sf-mint:#79ddca;--sf-pink:#f2cfd5;--sf-paper:#f5f4ef;--sf-line:#d6d5cf}
body{color:var(--sf-ink);background:var(--sf-paper);font-family:Arial,"Segoe UI Symbol","Apple Symbols",Helvetica,sans-serif}.site-container{width:min(1260px,calc(100% - 48px))}h1,h2,h3{font-weight:720;letter-spacing:-.045em}.eyebrow{font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.site-header{height:96px;position:relative;top:auto;background:#fff;border-bottom:1px solid var(--sf-line);box-shadow:none}.nav-row{height:100%;gap:1.2rem}.signal-wordmark{color:var(--sf-ink)}.signal-wordmark strong{font-size:2.35rem}.signal-wordmark>span{font-size:.74rem}.desktop-nav{gap:clamp(1.2rem,3vw,3rem)}.desktop-nav a{position:relative;color:var(--sf-ink);font-size:.82rem;font-weight:800}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;border-bottom:2px solid currentColor;transition:right .2s ease}.desktop-nav a:hover:after{right:0}.header-cta{padding:.85rem 1.15rem;color:#fff;background:var(--sf-ink);border-radius:999px}.theme-toggle{width:43px;height:43px;color:var(--sf-ink);background:#fff;border:1px solid var(--sf-line);border-radius:50%}.mobile-menu summary{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--sf-ink);border-radius:50%}.mobile-menu nav{border:2px solid var(--sf-ink);border-radius:18px;box-shadow:7px 7px 0 var(--sf-ink)}
.page-hero{margin:0 clamp(.7rem,1.6vw,1.5rem);padding:clamp(4.5rem,8vw,8rem) 0;background:var(--sf-yellow);border:0;border-radius:0 0 38px 38px}.page-hero:before,.page-hero:after{display:none}.page-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2.5rem,7vw,7rem);align-items:end}.page-hero .breadcrumb{margin-bottom:clamp(3rem,7vw,6rem);color:var(--sf-ink);font-size:.68rem;font-weight:800}.page-hero .eyebrow{color:var(--sf-ink)}.page-hero h1{max-width:820px;margin:.9rem 0 0;color:var(--sf-ink);font-size:clamp(3rem,6vw,6.7rem);line-height:.89;letter-spacing:-.07em}.page-hero-side{overflow:hidden;color:#fff;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:27px;box-shadow:13px 15px 0 rgba(17,17,15,.14)}.page-hero-side>p{max-width:none;margin:0;padding:clamp(1.6rem,3vw,2.5rem);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.62}.page-hero-signal{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #41413d}.page-hero-signal span{padding:1rem;display:grid;gap:.35rem;border-right:1px solid #41413d;font-size:.7rem;font-weight:800}.page-hero-signal span:last-child{border:0}.page-hero-signal small{color:var(--sf-yellow);font-size:.55rem}
.content-section{padding:clamp(5.5rem,9vw,9rem) 0;background:#fff}.content-section.alt,.service-group.alt,.process-section{background:var(--sf-paper)}.content-section h2{color:var(--sf-ink);font-size:clamp(2.5rem,4.8vw,5.2rem);line-height:.93;letter-spacing:-.06em}.content-section p{color:#55554f;line-height:1.68}.content-intro,.service-group-head,.specialist-lead{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:3.5rem}.content-intro h2,.service-group-head h2,.specialist-lead h2{margin:0}.content-intro>p,.service-group-head>p,.specialist-lead>div:last-child{margin:0;align-self:end}.service-shortcuts{background:var(--sf-paper)}
.shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.shortcut-grid a{min-height:185px;padding:1.4rem;display:grid;grid-template-columns:1fr auto;align-content:space-between;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:24px;transition:transform .2s ease,border-radius .2s ease}.shortcut-grid a:nth-child(3n+2){background:var(--sf-yellow)}.shortcut-grid a:nth-child(3n+3){color:#fff;background:var(--sf-blue)}.shortcut-grid a:hover{transform:translateY(-5px);border-radius:16px}.shortcut-grid a>span{font-size:.62rem;font-weight:900}.shortcut-grid a>strong{grid-column:1/-1;margin-top:2rem;font-size:1.3rem}.shortcut-grid a>small{font-size:.65rem}.shortcut-grid a>svg{grid-column:2;grid-row:1}
.service-group-head>div{max-width:760px}.service-group-head .eyebrow{color:var(--sf-blue)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-item,.service-card{min-height:250px;padding:1.6rem;display:flex;flex-direction:column;color:var(--sf-ink);background:var(--sf-paper);border:2px solid var(--sf-ink);border-radius:25px;box-shadow:none}.service-item:nth-child(3n+2),.service-card:nth-child(3n+2){background:var(--sf-mint)}.service-item:nth-child(3n+3),.service-card:nth-child(3n+3){background:var(--sf-yellow)}.service-item>svg,.service-card>svg{color:var(--sf-ink)}.service-item h3,.service-card h3{margin:auto 0 .8rem;font-size:clamp(1.35rem,2vw,2rem);line-height:1}.service-item p,.service-card p{margin:0;color:#343431;font-size:.92rem}.item-index{font-size:.62rem;font-weight:900}.outcome-list{padding:0;list-style:none}.outcome-list li{padding:.75rem 0;display:flex;gap:.7rem;align-items:center;border-bottom:1px solid var(--sf-line);font-weight:700}.outcome-list svg{color:var(--sf-blue)}.center-link{margin-top:2.5rem}
.process-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none}.process-list li{min-height:250px;padding:1.5rem;display:flex;flex-direction:column;color:#fff;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:25px}.process-list li:nth-child(2){color:var(--sf-ink);background:var(--sf-yellow)}.process-list li:nth-child(3){color:var(--sf-ink);background:var(--sf-mint)}.process-list li>span{font-size:.62rem;font-weight:900}.process-list li>div{margin-top:auto}.process-list h3{font-size:1.6rem}.process-list p{color:inherit}.faq-section{background:var(--sf-pink)}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw}.faq-layout h2{margin-top:1rem}.faq-list details{margin-bottom:.8rem;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:20px}.faq-list summary{padding:1.3rem;display:flex;justify-content:space-between;align-items:center;font-weight:800;cursor:pointer}.faq-list details p{padding:0 1.3rem 1.3rem;margin:0}.related-services{padding:2rem 0;background:var(--sf-blue);color:#fff}.related-services>.site-container{display:flex;justify-content:space-between;align-items:center;gap:2rem}.related-services>.site-container>span{font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.related-services>.site-container>div{display:flex;gap:.7rem;flex-wrap:wrap}.related-services a{padding:.8rem 1rem;display:flex;align-items:center;gap:.5rem;color:var(--sf-ink);background:#fff;border-radius:999px;font-weight:800}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.case-card{min-height:420px;padding:1.4rem;display:flex;flex-direction:column;color:var(--sf-ink);background:var(--sf-paper);border:2px solid var(--sf-ink);border-radius:26px}.case-card:nth-child(3n+2){background:var(--sf-yellow)}.case-card:nth-child(3n+3){background:var(--sf-mint)}.case-card-logo{min-height:115px;display:grid;place-items:center;background:#fff;border:1px solid var(--sf-ink);border-radius:17px}.case-card-logo img{max-width:68%;max-height:65px;object-fit:contain}.case-initials{font-size:2.4rem;font-weight:900}.case-card>div:last-child{display:flex;flex:1;flex-direction:column}.project-place{margin-top:1.2rem;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.case-card h2{margin:.75rem 0;font-size:2rem}.case-card p{margin:0 0 1rem;color:#343431}.case-card .chip-row{margin-top:auto}.case-card>a,.case-card div>a{margin-top:1.2rem;display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:850}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.article-card{overflow:hidden;color:var(--sf-ink);background:var(--sf-paper);border:2px solid var(--sf-ink);border-radius:27px}.article-card:nth-child(2){background:var(--sf-mint)}.article-card-image{display:block;overflow:hidden;aspect-ratio:1.45;border-bottom:2px solid var(--sf-ink)}.article-card-image img{width:100%;height:100%;object-fit:cover}.article-card>div{padding:1.4rem}.article-card h2{font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.05}.article-meta{display:flex;justify-content:space-between;gap:.7rem;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.text-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:850;border-bottom:2px solid currentColor}
.about-grid,.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);align-items:start}.about-visual{min-height:540px;padding:2rem;display:flex;align-items:flex-end;background:var(--sf-blue);border:2px solid var(--sf-ink);border-radius:30px}.about-visual:before{content:"SF";font-size:clamp(7rem,15vw,13rem);font-weight:900;letter-spacing:-.15em;color:rgba(255,255,255,.9)}.about-visual-card{position:absolute;padding:1rem 1.2rem;display:grid;color:var(--sf-ink);background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:17px}.about-copy h2,.contact-details h2{font-size:clamp(2.3rem,4vw,4.5rem)}.three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.contact-list{display:grid;gap:.7rem}.contact-list>a,.contact-list>div{padding:1rem;display:flex;align-items:center;gap:.8rem;color:var(--sf-ink);background:var(--sf-paper);border:1px solid var(--sf-line);border-radius:15px}.contact-list span{display:grid;gap:.2rem}.contact-form{padding:clamp(1.5rem,3vw,2.5rem);background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:28px;box-shadow:12px 13px 0 var(--sf-ink)}.contact-form h2{font-size:2.7rem}.contact-form input,.contact-form textarea{color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:12px}.contact-form .button{color:#fff;background:var(--sf-ink);border-color:var(--sf-ink)}
.article-header{padding:clamp(5rem,9vw,9rem) 0 clamp(7rem,12vw,12rem);color:var(--sf-ink);background:var(--sf-yellow)}.article-header h1{max-width:1050px;font-size:clamp(3.2rem,7vw,7.2rem);line-height:.88;letter-spacing:-.07em}.article-header>div>p{max-width:780px;color:#32322f;font-size:1.15rem;line-height:1.65}.article-back{display:inline-flex;align-items:center;gap:.4rem;font-weight:800}.article-image{margin-top:-6rem}.article-image img{width:100%;max-height:660px;object-fit:cover;border:2px solid var(--sf-ink);border-radius:30px}.article-layout{padding:clamp(5rem,9vw,9rem) 0;display:grid;grid-template-columns:.34fr 1fr;gap:7vw}.article-layout aside{position:sticky;top:2rem;align-self:start;padding:1.4rem;background:var(--sf-paper);border:1px solid var(--sf-line);border-radius:20px}.article-layout aside>span{font-size:.63rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.article-layout aside ol{padding-left:1.2rem}.article-layout aside li{padding:.5rem 0}.article-body{max-width:790px}.article-body section{margin-bottom:4rem}.article-body h2{font-size:clamp(2.1rem,3.5vw,3.5rem);line-height:1}.article-body p{color:#4e4e49;font-size:1.06rem;line-height:1.75}.article-body ul{padding:0;list-style:none}.article-body li{padding:.8rem 0;display:flex;gap:.7rem;border-bottom:1px solid var(--sf-line)}.article-takeaway{padding:2rem;color:var(--sf-ink);background:var(--sf-mint);border:2px solid var(--sf-ink);border-radius:22px}.article-takeaway span{font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.article-takeaway p{margin-bottom:0;color:inherit;font-size:1.15rem}.article-service-link{margin-top:1rem;padding:1.4rem;display:flex;justify-content:space-between;align-items:center;color:#fff;background:var(--sf-blue);border:2px solid var(--sf-ink);border-radius:22px}.article-service-link span{display:grid;gap:.3rem}.article-service-link small{text-transform:uppercase;letter-spacing:.1em}.article-service-link strong{font-size:1.25rem}
.cta-section{padding:clamp(1rem,2vw,2rem);background:var(--sf-paper)}.cta-card{width:100%;max-width:none;padding:clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:end;color:var(--sf-ink);background:var(--sf-yellow);border:0;border-radius:38px}.cta-card:before{display:none}.cta-card h2{max-width:880px;margin:.8rem 0;font-size:clamp(3.2rem,6.5vw,7rem);line-height:.88;letter-spacing:-.07em}.cta-card p{max-width:660px;color:#353532}.cta-card .eyebrow{color:var(--sf-ink)}.cta-actions{display:grid;gap:.8rem;justify-items:start}.cta-actions .button{color:#fff;background:var(--sf-ink);border:0;border-radius:999px}.cta-actions>a:not(.button){display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:800}
.site-footer{padding-top:5rem;color:#fff;background:var(--sf-ink);border:0}.footer-lead{padding-bottom:3rem;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #3d3d39}.footer-lead p{max-width:500px;color:#aaa}.signal-wordmark-light{color:#fff}.footer-grid{padding:3rem 0;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:4rem}.footer-grid>div{display:grid;align-content:start;gap:.8rem}.footer-grid h2{margin:0 0 .5rem;color:var(--sf-yellow);font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.footer-grid a,.footer-grid span{display:flex;align-items:flex-start;gap:.5rem;color:#d2d2cd;font-size:.82rem}.footer-bottom{padding:1.5rem 0;border-top:1px solid #3d3d39;color:#85857e}
html[data-theme="dark"] body{color:#f5f4ef;background:#151513}html[data-theme="dark"] .site-header,html[data-theme="dark"] .content-section{background:#1b1b19}html[data-theme="dark"] .site-header{border-color:#3d3d39}html[data-theme="dark"] .signal-wordmark,html[data-theme="dark"] .desktop-nav a{color:#fff}html[data-theme="dark"] .theme-toggle{color:#fff;background:#242421;border-color:#52524b}html[data-theme="dark"] .content-section.alt,html[data-theme="dark"] .service-group.alt,html[data-theme="dark"] .process-section,html[data-theme="dark"] .cta-section{background:#151513}html[data-theme="dark"] .content-section h2,html[data-theme="dark"] .content-section h3{color:#fff}html[data-theme="dark"] .content-section p{color:#bdbdb6}html[data-theme="dark"] .service-item:not(:nth-child(3n+2)):not(:nth-child(3n+3)),html[data-theme="dark"] .service-card:not(:nth-child(3n+2)):not(:nth-child(3n+3)),html[data-theme="dark"] .shortcut-grid a:not(:nth-child(3n+2)):not(:nth-child(3n+3)),html[data-theme="dark"] .article-card:not(:nth-child(2)){color:#fff;background:#242421;border-color:#595952}html[data-theme="dark"] .service-item:not(:nth-child(3n+2)):not(:nth-child(3n+3)) p,html[data-theme="dark"] .article-card:not(:nth-child(2)) p{color:#bdbdb6}html[data-theme="dark"] .case-card{color:var(--sf-ink)}html[data-theme="dark"] .article-layout aside{background:#242421;border-color:#494943}html[data-theme="dark"] .article-body p{color:#c9c9c2}html[data-theme="dark"] .contact-list>a,html[data-theme="dark"] .contact-list>div{color:#fff;background:#242421;border-color:#494943}
@media(max-width:1000px){.page-hero-grid,.content-intro,.service-group-head,.specialist-lead,.about-grid,.contact-grid,.cta-card,.faq-layout{grid-template-columns:1fr}.shortcut-grid,.service-grid,.case-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.process-list{grid-template-columns:repeat(2,1fr)}.page-hero .breadcrumb{margin-bottom:3rem}.footer-grid{gap:2rem}}
@media(max-width:720px){.site-container{width:min(100% - 28px,1260px)}.site-header{height:78px}.page-hero{margin:0;padding:4rem 0;border-radius:0 0 24px 24px}.page-hero h1{font-size:clamp(3rem,14vw,4.6rem)}.page-hero-signal{grid-template-columns:1fr}.page-hero-signal span{grid-template-columns:25px 1fr;border-right:0;border-bottom:1px solid #41413d}.content-section{padding:5rem 0}.shortcut-grid,.service-grid,.case-grid,.article-grid,.process-list,.three-cards{grid-template-columns:1fr}.content-intro,.service-group-head,.specialist-lead{margin-bottom:2.5rem}.about-visual{min-height:390px}.article-header{padding:4rem 0 8rem}.article-image{margin-top:-5rem}.article-layout{grid-template-columns:1fr}.article-layout aside{position:static}.related-services>.site-container{align-items:flex-start;flex-direction:column}.cta-section{padding:.5rem}.cta-card{padding:4rem 1rem;border-radius:24px}.cta-card h2{font-size:clamp(3rem,14vw,5rem)}.footer-lead{align-items:flex-start;flex-direction:column;gap:1.5rem}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:.8rem;flex-direction:column}}

/* Service stories — bespoke visual explanations */
.service-showcase{padding:clamp(5.5rem,9vw,9rem) 0;background:var(--sf-blue);color:#fff}.service-showcase.accent-pink{background:var(--sf-pink);color:var(--sf-ink)}.service-showcase.accent-mint{background:var(--sf-mint);color:var(--sf-ink)}.service-showcase.accent-yellow{background:var(--sf-yellow);color:var(--sf-ink)}.service-showcase-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,7vw,7rem);align-items:center}.service-showcase-copy h2{max-width:720px;margin:.9rem 0 1.5rem;font-size:clamp(2.8rem,5.2vw,5.8rem);line-height:.9;letter-spacing:-.065em}.service-showcase-copy p{max-width:590px;margin:0 0 2rem;font-size:1.05rem;line-height:1.7}.service-showcase-copy .button{color:#fff;background:var(--sf-ink);border-color:var(--sf-ink)}
.service-dashboard{overflow:hidden;color:#fff;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:29px;box-shadow:16px 18px 0 rgba(17,17,15,.17);transform:rotate(.35deg)}.service-dashboard>header{min-height:58px;padding:.85rem 1.2rem;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;border-bottom:1px solid #3f3f3a;font-size:.75rem}.service-dashboard>header>span{display:flex;gap:6px}.service-dashboard>header i{width:8px;height:8px;border-radius:50%;background:var(--sf-pink)}.service-dashboard>header i:nth-child(2){background:var(--sf-yellow)}.service-dashboard>header i:nth-child(3){background:var(--sf-mint)}.service-dashboard>header small{justify-self:end;padding:.35rem .6rem;color:var(--sf-ink);background:var(--sf-mint);border-radius:999px;font-size:.75rem;font-weight:900}.service-stats{padding:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.service-stats>div{min-height:118px;padding:1rem;display:flex;flex-direction:column;border:1px solid #41413d;border-radius:17px;background:#191917}.service-stats span{color:#a9a9a2;font-size:.78rem}.service-stats strong{margin:auto 0 .25rem;font-size:clamp(1.65rem,2.5vw,2.5rem);line-height:1;letter-spacing:-.055em}.service-stats small{color:var(--sf-yellow);font-size:.75rem}.service-dashboard>footer{min-height:52px;padding:0 1.2rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3f3f3a;color:#aaa;font-size:.75rem;font-weight:800;letter-spacing:.08em}
.sv-chart{padding:0 1rem 1rem;display:grid;grid-template-columns:1.15fr .85fr;gap:.75rem}.sv-chart-bars{height:225px;padding:1.2rem 1rem 0;display:flex;align-items:flex-end;gap:9px;border:1px solid #41413d;border-radius:17px;background:#191917}.sv-chart-bars i{flex:1;border-radius:6px 6px 0 0;background:var(--sf-blue)}.sv-chart-bars i:nth-child(2n){background:var(--sf-pink)}.sv-chart-bars i.active{background:var(--sf-yellow)}.sv-query-list{padding:.7rem;border:1px solid #41413d;border-radius:17px;background:#191917}.sv-query-list>div{min-height:62px;padding:.7rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #3b3b37}.sv-query-list>div:last-child{border:0}.sv-query-list span{font-size:.78rem}.sv-query-list strong{width:28px;height:28px;display:grid;place-items:center;color:var(--sf-ink);background:var(--sf-mint);border-radius:50%;font-size:.75rem}
.sv-creative{padding:0 1rem 1rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:.75rem}.sv-ad{min-height:230px;padding:1.2rem;display:flex;flex-direction:column;color:var(--sf-ink);background:linear-gradient(145deg,var(--sf-yellow),#fff2a2);border-radius:17px}.sv-ad span,.sv-ad small{font-size:.75rem;font-weight:900}.sv-ad strong{margin:auto 0;font-size:clamp(1.7rem,3vw,3rem);line-height:.9;letter-spacing:-.065em}.sv-tests{padding:1rem;border:1px solid #41413d;border-radius:17px;background:#191917}.sv-tests>div{padding:1rem 0;border-bottom:1px solid #3b3b37}.sv-tests>div:last-child{border:0}.sv-tests span{display:block;margin-bottom:.7rem;font-size:.78rem}.sv-tests b{height:12px;display:block;background:var(--sf-pink);border-radius:999px}.sv-tests>div:nth-child(2) b{background:var(--sf-mint)}.sv-tests>div:nth-child(3) b{background:var(--sf-yellow)}
.sv-pipeline{padding:0 1rem 1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.sv-pipeline>div{min-height:220px;padding:1rem;display:flex;flex-direction:column;color:var(--sf-ink);background:#fff;border-radius:17px}.sv-pipeline>div:nth-child(2){background:var(--sf-yellow)}.sv-pipeline>div:nth-child(3){background:var(--sf-mint)}.sv-pipeline span{font-size:.75rem;font-weight:900}.sv-pipeline strong{margin:auto 0 .5rem;font-size:1.1rem}.sv-pipeline small{font-size:.78rem}.sv-calendar{padding:0 1rem 1rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.sv-calendar>div{min-height:220px;padding:.7rem;display:flex;flex-direction:column;gap:.6rem;background:#191917;border:1px solid #41413d;border-radius:14px}.sv-calendar small{font-size:.75rem}.sv-calendar span,.sv-calendar i{height:38px;display:block;background:var(--sf-pink);border-radius:8px}.sv-calendar span.active{height:70px;background:var(--sf-yellow)}.sv-calendar i{margin-top:auto;height:52px;background:var(--sf-blue)}.sv-network{position:relative;height:240px;margin:0 1rem 1rem;border:1px solid #41413d;border-radius:17px;background:#191917}.sv-network-core{position:absolute;left:50%;top:50%;width:74px;height:74px;display:grid;place-items:center;translate:-50% -50%;color:var(--sf-ink);background:var(--sf-yellow);border-radius:50%;font-size:1.3rem;font-weight:900}.sv-network-node{position:absolute;padding:.7rem 1rem;display:flex;align-items:center;gap:.7rem;background:#fff;color:var(--sf-ink);border-radius:999px;font-size:.78rem;font-weight:800}.sv-network-node i{width:8px;height:8px;background:var(--sf-mint);border-radius:50%}.sv-network-node.node-1{left:5%;top:15%}.sv-network-node.node-2{right:5%;top:18%}.sv-network-node.node-3{left:28%;bottom:10%}.sv-browser{margin:0 1rem 1rem;overflow:hidden;color:var(--sf-ink);background:#fff;border-radius:17px}.sv-browser>header{height:42px;padding:0 .8rem;display:flex;align-items:center;gap:5px;background:#eee}.sv-browser>header i{width:7px;height:7px;background:var(--sf-pink);border-radius:50%}.sv-browser>header span{margin-left:auto;font-size:.75rem}.sv-browser>div{min-height:190px;padding:1.3rem;display:flex;flex-direction:column;background:var(--sf-yellow)}.sv-browser small{font-size:.75rem;font-weight:900}.sv-browser strong{margin:auto 0;font-size:clamp(2rem,4vw,4rem);line-height:.85}.sv-browser button{width:max-content;padding:.6rem .8rem;display:flex;gap:.5rem;align-items:center;color:#fff;background:var(--sf-ink);border:0;border-radius:999px}.sv-checkout{padding:0 1rem 1rem;display:grid;gap:.6rem}.sv-checkout>div{min-height:64px;padding:0 1rem;display:grid;grid-template-columns:40px 1fr auto;align-items:center;color:var(--sf-ink);background:#fff;border-radius:14px}.sv-checkout>div:nth-child(2){background:var(--sf-yellow)}.sv-checkout>div:nth-child(3){background:var(--sf-mint)}.sv-monitor{margin:0 1rem 1rem;padding:1.3rem;display:grid;grid-template-columns:auto 1fr;gap:.8rem 1rem;align-items:center;background:#191917;border:1px solid #41413d;border-radius:17px}.sv-monitor .pulse{width:19px;height:19px;background:var(--sf-mint);border:5px solid #325e55;border-radius:50%}.sv-monitor>strong{font-size:1.2rem}.sv-monitor>span{grid-column:1/-1;padding:.7rem;display:flex;align-items:center;gap:.6rem;border-top:1px solid #3b3b37;font-size:.8rem}.sv-monitor svg{color:var(--sf-mint)}
.service-explainer{padding:clamp(5.5rem,9vw,9rem) 0;color:#fff;background:var(--sf-ink)}.service-explainer-head{margin-bottom:3rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}.service-explainer-head h2{margin:.8rem 0 0;font-size:clamp(3rem,6vw,6.6rem);line-height:.87;letter-spacing:-.07em}.service-explainer-head h2 em{color:var(--sf-yellow);font-style:normal}.service-explainer-head>p{max-width:560px;margin:0;color:#bdbdb6;font-size:1.05rem;line-height:1.7}.service-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-flow article{position:relative;min-height:300px;padding:1.5rem;display:flex;flex-direction:column;color:var(--sf-ink);background:#fff;border-radius:25px}.service-flow article:nth-child(2){background:var(--sf-yellow)}.service-flow article:nth-child(3){background:var(--sf-mint)}.service-flow article>div{display:flex;align-items:center;justify-content:space-between}.service-flow article>div>span{font-size:.75rem;font-weight:900}.service-flow h3{margin:auto 0 .7rem;font-size:clamp(1.6rem,2.4vw,2.35rem);line-height:1}.service-flow p{margin:0;color:#343431;line-height:1.6}.service-flow-arrow{position:absolute;z-index:2;right:-1.55rem;top:50%;width:2.1rem;height:2.1rem;padding:.5rem;color:var(--sf-ink);background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:50%}
.specialist-page .specialist-intro{background:#fff}.specialist-page .specialist-lead{align-items:start}.specialist-page .specialist-grid{grid-template-columns:1.15fr .85fr .85fr 1.15fr}.specialist-page .specialist-grid .service-item{min-height:330px}.specialist-page .specialist-grid .service-item:first-child{background:var(--sf-yellow)}.specialist-page .specialist-grid .service-item:nth-child(2){background:#fff}.specialist-page .specialist-grid .service-item:nth-child(3){background:var(--sf-blue);color:#fff}.specialist-page .specialist-grid .service-item:nth-child(3) p{color:#fff}.specialist-page .specialist-grid .service-item:nth-child(4){background:var(--sf-mint)}.specialist-page .process-section{background:var(--sf-paper)}
html[data-theme="dark"] .service-showcase.accent-pink,html[data-theme="dark"] .service-showcase.accent-mint,html[data-theme="dark"] .service-showcase.accent-yellow{color:var(--sf-ink)}html[data-theme="dark"] .specialist-page .specialist-intro{background:#1b1b19}html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(2){color:#fff;background:#242421}html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(2) p{color:#bdbdb6}
@media(max-width:1050px){.service-showcase-grid{grid-template-columns:1fr}.service-showcase-copy{max-width:800px}.specialist-page .specialist-grid{grid-template-columns:1fr 1fr}.service-explainer-head{grid-template-columns:1fr}}
@media(max-width:720px){.service-showcase,.service-explainer{padding:5rem 0}.service-dashboard{transform:none;box-shadow:8px 9px 0 rgba(17,17,15,.15)}.service-stats{grid-template-columns:1fr}.service-stats>div{min-height:100px}.sv-chart,.sv-creative{grid-template-columns:1fr}.sv-pipeline{grid-template-columns:1fr}.sv-pipeline>div{min-height:130px}.sv-calendar{grid-template-columns:repeat(5,minmax(48px,1fr));overflow-x:auto}.sv-calendar>div{min-height:180px}.sv-network-node{font-size:.75rem}.sv-network-node.node-2{right:2%}.sv-network-node.node-3{left:10%}.service-flow,.specialist-page .specialist-grid{grid-template-columns:1fr}.service-flow article{min-height:230px}.service-flow-arrow{right:50%;top:auto;bottom:-1.55rem;transform:rotate(90deg)}}
.sv-browser-cta{width:max-content;padding:.6rem .8rem;display:flex;gap:.5rem;align-items:center;color:#fff;background:var(--sf-ink);border-radius:999px}
.service-explainer .eyebrow{color:#fff}

/* 4.2 — final responsive and component polish */
.page-hero-side>p{color:#f5f4ef!important}.page-hero-signal span{font-size:.78rem}.page-hero h1,.service-showcase-copy h2,.service-explainer-head h2,.content-section h2,.cta-card h2{font-weight:690}.content-intro{grid-template-columns:1.08fr .92fr}.content-intro>p,.content-intro>div{max-width:620px}.outcome-list li{color:var(--sf-ink);font-size:1rem}.service-item,.service-card{overflow:hidden;position:relative;min-height:310px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.service-item:hover,.service-card:hover{transform:translateY(-4px);box-shadow:8px 9px 0 var(--sf-ink)}.service-item h3,.service-card h3{font-weight:700}.service-item p,.service-card p{font-size:1rem;line-height:1.6}.item-index{font-size:.75rem;letter-spacing:.08em}.service-card-top{display:flex;align-items:center;justify-content:space-between}.service-card-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--sf-ink);background:#fff;border:1px solid var(--sf-ink);border-radius:14px}.service-card-mini{width:min(260px,78%);margin:2.2rem 0 2.6rem;padding:.8rem;color:var(--sf-ink);background:rgba(255,255,255,.72);border:1px solid rgba(17,17,15,.65);border-radius:14px}.service-card-mini small{display:block;margin-bottom:.65rem;font-size:.75rem;font-weight:850}.service-card-mini>div{display:grid;gap:5px}.service-card-mini i{height:5px;display:block;background:var(--sf-ink);border-radius:999px}.service-card-mini i:nth-child(2){background:var(--sf-blue)}.service-card-mini i:nth-child(3){background:var(--sf-mint)}
.service-landing-grid,.specialist-page .specialist-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.service-landing-grid .service-item,.specialist-page .specialist-grid .service-item{grid-column:span 5;min-height:350px}.service-landing-grid .service-item:nth-child(4n+1),.service-landing-grid .service-item:nth-child(4n),.specialist-page .specialist-grid .service-item:nth-child(4n+1),.specialist-page .specialist-grid .service-item:nth-child(4n){grid-column:span 7}.specialist-page .specialist-grid .service-item:nth-child(2){background:#fff}.specialist-page .specialist-grid .service-item:nth-child(3){color:#fff;background:var(--sf-blue)}.specialist-page .specialist-grid .service-item:nth-child(3) p{color:#fff}.specialist-page .specialist-grid .service-item:nth-child(3) .service-card-mini{background:rgba(255,255,255,.94)}.specialist-page .specialist-grid .service-item:nth-child(4){background:var(--sf-mint)}
.process-list li{position:relative;min-height:275px;padding:1.5rem}.process-step-top{display:flex;align-items:center;justify-content:space-between}.process-step-top>span{margin:0!important;color:inherit!important;font-size:.75rem!important;letter-spacing:.08em}.process-step-top>svg{color:var(--sf-yellow)}.process-list li:nth-child(2) .process-step-top>svg,.process-list li:nth-child(3) .process-step-top>svg{color:var(--sf-ink)}.process-list h3{font-size:1.7rem;line-height:1.05}.process-list p{font-size:1rem}.service-dashboard>footer{font-size:.72rem}.related-services>.site-container>span{font-size:.75rem}
.about-visual{position:relative;min-height:590px;padding:1.4rem;display:block;color:#fff;background:var(--sf-blue)}.about-visual:before{display:none}.about-system-head{height:52px;padding:0 .85rem;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.42);border-radius:15px;font-size:.72rem;font-weight:850;letter-spacing:.07em}.about-system-head small{padding:.35rem .55rem;color:var(--sf-ink);background:var(--sf-mint);border-radius:999px}.about-system-core{width:170px;height:170px;margin:2.1rem auto 1.6rem;display:grid;place-items:center;align-content:center;background:var(--sf-yellow);color:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:50%;box-shadow:9px 10px 0 var(--sf-ink)}.about-system-core strong{font-size:3.5rem;line-height:.9;letter-spacing:-.12em}.about-system-core span{font-size:.75rem;font-weight:800}.about-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.about-system-grid>div{min-height:90px;padding:.8rem;display:grid;grid-template-columns:auto 1fr;gap:.35rem .7rem;align-items:center;background:#11110f;border:1px solid rgba(255,255,255,.35);border-radius:14px}.about-system-grid svg{grid-row:1/3;color:var(--sf-yellow)}.about-system-grid span{font-size:.7rem;color:#aaa}.about-system-grid strong{font-size:.88rem}.about-visual-card{right:1.4rem;bottom:1.4rem;box-shadow:6px 7px 0 var(--sf-ink)}
.form-note a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
html[data-theme="dark"] .rp-hero{color:var(--sf-ink)}html[data-theme="dark"] .rp-hero h1{color:var(--sf-ink)}html[data-theme="dark"] .rp-hero h1 strong{color:#fff}html[data-theme="dark"] .rp-hero p{color:#282824}html[data-theme="dark"] .rp-hero .rp-actions a:last-child{color:var(--sf-ink)}html[data-theme="dark"] .page-hero-side>p{color:#f5f4ef!important}html[data-theme="dark"] .content-section .outcome-list li{color:#f5f4ef;border-color:#4b4b46}html[data-theme="dark"] .service-showcase.accent-pink .service-showcase-copy h2,html[data-theme="dark"] .service-showcase.accent-pink .service-showcase-copy p,html[data-theme="dark"] .service-showcase.accent-pink .service-showcase-copy .eyebrow,html[data-theme="dark"] .service-showcase.accent-mint .service-showcase-copy h2,html[data-theme="dark"] .service-showcase.accent-mint .service-showcase-copy p,html[data-theme="dark"] .service-showcase.accent-mint .service-showcase-copy .eyebrow,html[data-theme="dark"] .service-showcase.accent-yellow .service-showcase-copy h2,html[data-theme="dark"] .service-showcase.accent-yellow .service-showcase-copy p,html[data-theme="dark"] .service-showcase.accent-yellow .service-showcase-copy .eyebrow{color:var(--sf-ink)}html[data-theme="dark"] .service-grid .service-item:nth-child(3n+2){color:var(--sf-ink);background:var(--sf-mint);border-color:var(--sf-ink)}html[data-theme="dark"] .service-grid .service-item:nth-child(3n+3){color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-ink)}html[data-theme="dark"] .service-grid .service-item:nth-child(3n+2) h3,html[data-theme="dark"] .service-grid .service-item:nth-child(3n+2) p,html[data-theme="dark"] .service-grid .service-item:nth-child(3n+3) h3,html[data-theme="dark"] .service-grid .service-item:nth-child(3n+3) p{color:var(--sf-ink)}html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(3){color:#fff;background:var(--sf-blue)}html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(3) h3,html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(3) p{color:#fff}html[data-theme="dark"] .service-card-mini{background:rgba(255,255,255,.9)}html[data-theme="dark"] .contact-next{border:1px solid #4b4b46}
@media(max-width:1450px){.process-list{grid-template-columns:repeat(2,1fr)}.process-list li{min-height:235px}}
@media(max-width:1180px){.service-showcase-grid{grid-template-columns:1fr}.service-showcase-copy{max-width:820px}.service-dashboard{max-width:850px}.page-hero-grid{gap:3rem}.service-landing-grid .service-item,.specialist-page .specialist-grid .service-item{grid-column:span 6}}
@media(max-width:1000px){.content-intro{grid-template-columns:1fr}.about-visual{min-height:560px}.service-card-mini{margin:1.6rem 0 2rem}}
@media(max-width:720px){.service-landing-grid,.specialist-page .specialist-grid,.process-list{grid-template-columns:1fr}.service-landing-grid .service-item,.specialist-page .specialist-grid .service-item{grid-column:auto;min-height:310px}.service-card-mini{width:88%;margin:1.4rem 0 2rem}.service-dashboard>header{grid-template-columns:1fr auto}.service-dashboard>header>strong{display:none}.service-dashboard>footer span{max-width:230px;text-align:center}.about-system-head small{display:none}.about-system-core{width:145px;height:145px;margin:1.5rem auto}.about-system-grid>div{min-height:76px}}
html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(2){color:#fff;background:#242421;border-color:#66665f}html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(2) h3,html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(2) p{color:#fff}html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(4){color:var(--sf-ink);background:var(--sf-mint);border-color:var(--sf-ink)}html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(4) h3,html[data-theme="dark"] .specialist-page .specialist-grid .service-item:nth-child(4) p{color:var(--sf-ink)}
.specialist-page .specialist-grid .service-item{padding:1.5rem}.related-services>.site-container>div{border:0}.related-services a{border:0}.service-group-grid .service-item{min-height:340px}.service-group-grid .service-card-mini{margin-bottom:2rem}
.about-visual{min-height:650px}.about-visual-card{position:relative;right:auto;bottom:auto;margin-top:.8rem;box-shadow:6px 7px 0 var(--sf-ink)}
html[data-theme="dark"] .contact-form{color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-ink)}html[data-theme="dark"] .contact-form h2,html[data-theme="dark"] .contact-form label,html[data-theme="dark"] .contact-form .form-note{color:var(--sf-ink)}html[data-theme="dark"] .contact-form input,html[data-theme="dark"] .contact-form textarea{color:var(--sf-ink);background:#fff;border-color:var(--sf-ink)}html[data-theme="dark"] .contact-form input::placeholder,html[data-theme="dark"] .contact-form textarea::placeholder{color:#686861}
html[data-theme="dark"] .case-card a{color:#fff}
html[data-theme="dark"] .cta-card{color:var(--sf-ink);background:var(--sf-yellow)}html[data-theme="dark"] .cta-card h2,html[data-theme="dark"] .cta-card p,html[data-theme="dark"] .cta-card .eyebrow,html[data-theme="dark"] .cta-card .cta-actions>a:not(.button){color:var(--sf-ink)}
html[data-theme="dark"] .service-flow article h3,html[data-theme="dark"] .service-flow article p{color:var(--sf-ink)}
html[data-theme="dark"] .article-header h1,html[data-theme="dark"] .article-header .article-back{color:var(--sf-ink)}html[data-theme="dark"] .article-header .article-meta{color:#595951}

.cta-card,
.cta-card h2,
.cta-card p,
.cta-card .eyebrow,
.cta-card .cta-actions>a:not(.button){color:var(--sf-ink)}

/* 4.2.1 — complete light/dark surface ownership.
   Coloured panels define their own foregrounds instead of inheriting the
   generic dark-mode heading and body colours. */
html[data-theme="dark"] .shortcut-grid a:nth-child(3n+2),
html[data-theme="dark"] .shortcut-grid a:nth-child(3n+2) span,
html[data-theme="dark"] .shortcut-grid a:nth-child(3n+2) strong,
html[data-theme="dark"] .shortcut-grid a:nth-child(3n+2) small,
html[data-theme="dark"] .shortcut-grid a:nth-child(3n+2) svg{color:var(--sf-ink)}
html[data-theme="dark"] .shortcut-grid a:nth-child(3n+3),
html[data-theme="dark"] .shortcut-grid a:nth-child(3n+3) span,
html[data-theme="dark"] .shortcut-grid a:nth-child(3n+3) strong,
html[data-theme="dark"] .shortcut-grid a:nth-child(3n+3) small,
html[data-theme="dark"] .shortcut-grid a:nth-child(3n+3) svg{color:#fff}

html[data-theme="dark"] .process-list li:nth-child(2) h3,
html[data-theme="dark"] .process-list li:nth-child(2) p,
html[data-theme="dark"] .process-list li:nth-child(3) h3,
html[data-theme="dark"] .process-list li:nth-child(3) p{color:var(--sf-ink)}
html[data-theme="dark"] .process-list li:nth-child(1) h3,
html[data-theme="dark"] .process-list li:nth-child(1) p,
html[data-theme="dark"] .process-list li:nth-child(4) h3,
html[data-theme="dark"] .process-list li:nth-child(4) p{color:#fff}

html[data-theme="dark"] .faq-section{color:var(--sf-ink);background:var(--sf-pink)}
html[data-theme="dark"] .faq-section h2,
html[data-theme="dark"] .faq-section .eyebrow{color:var(--sf-ink)}
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .faq-list summary,
html[data-theme="dark"] .faq-list details p{color:var(--sf-ink)}

html[data-theme="dark"] .contact-list>a strong,
html[data-theme="dark"] .contact-list>div strong{color:#fff}
html[data-theme="dark"] .service-showcase:not(.accent-pink):not(.accent-mint):not(.accent-yellow) .eyebrow{color:#fff}

/* Tjenester — content-led service overview */
.services-page section[id]{scroll-margin-top:92px}
.services-overview-hero{position:relative;overflow:hidden;color:var(--sf-ink);background:#fff}
.services-overview-hero:before{display:none}
.services-overview-grid{position:relative;z-index:1;min-height:730px;padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.services-overview-copy>.eyebrow{display:block;margin-bottom:1.2rem;color:var(--sf-ink)}
.services-overview-copy h1{max-width:900px;margin:0;color:var(--sf-ink);font-size:clamp(3.4rem,6.1vw,6.9rem);font-weight:690;line-height:.88;letter-spacing:-.072em}
.services-overview-copy h1 mark{display:inline;padding:.01em .08em .05em;color:var(--sf-ink);background:var(--sf-yellow);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.services-overview-copy>p{max-width:650px;margin:1.7rem 0;color:#343431;font-size:1.08rem;line-height:1.65}
.services-overview-actions{display:flex;align-items:center;gap:1.4rem}.services-overview-actions a{display:flex;align-items:center;gap:.55rem;font-size:.8rem;font-weight:850}.services-overview-actions a:first-child{padding:.9rem 1.1rem;color:#fff;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:999px}.services-overview-actions a:first-child:hover{color:var(--sf-ink);background:var(--sf-yellow)}
.services-hero-result{position:relative;overflow:hidden;color:#fff;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:26px;box-shadow:15px 17px 0 var(--sf-yellow)}
.services-hero-result>header{min-height:50px;padding:0 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #41413d;font-size:.65rem}.services-hero-result>header>span{display:flex;gap:5px}.services-hero-result>header i{width:7px;height:7px;border-radius:50%;background:var(--sf-pink)}.services-hero-result>header i:nth-child(2){background:var(--sf-yellow)}.services-hero-result>header i:nth-child(3){background:var(--sf-mint)}.services-hero-result>header small{justify-self:end;padding:.3rem .5rem;color:var(--sf-ink);background:var(--sf-mint);border-radius:999px;font-size:.55rem;font-weight:900}
.services-hero-result-lead{padding:1.5rem;display:grid;grid-template-columns:1fr auto;align-items:start}.services-hero-result-lead>span{grid-column:1/-1;color:var(--sf-yellow);font-size:.61rem;font-weight:900;letter-spacing:.12em}.services-hero-result-lead strong{margin-top:.7rem;font-size:clamp(2.2rem,4.2vw,4.3rem);line-height:.87;letter-spacing:-.065em}.services-hero-result-lead svg{margin-top:1rem;color:var(--sf-yellow)}
.services-hero-result-metrics{padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.services-hero-result-metrics>div{padding:1rem;display:grid;gap:.35rem;background:#1d1d1b;border:1px solid #484843;border-radius:14px}.services-hero-result-metrics small{color:#aaa;font-size:.58rem;font-weight:900}.services-hero-result-metrics strong{font-size:1.5rem}.services-hero-result-metrics span{color:#bdbdb6;font-size:.7rem}
.services-hero-result-bars{height:130px;margin:1rem 1.5rem;padding:1rem 1rem 0;display:flex;align-items:flex-end;gap:8px;background:#1d1d1b;border:1px solid #484843;border-radius:14px}.services-hero-result-bars i{flex:1;height:25%;background:var(--sf-pink);border-radius:5px 5px 0 0}.services-hero-result-bars i:nth-child(2){height:40%;background:#fff}.services-hero-result-bars i:nth-child(3){height:34%;background:var(--sf-blue)}.services-hero-result-bars i:nth-child(4){height:58%;background:var(--sf-yellow)}.services-hero-result-bars i:nth-child(5){height:52%;background:var(--sf-mint)}.services-hero-result-bars i:nth-child(6){height:72%;background:#fff}.services-hero-result-bars i:nth-child(7){height:91%;background:var(--sf-yellow)}
.services-hero-result>footer{min-height:50px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;color:#aaa;border-top:1px solid #41413d;font-size:.61rem;font-weight:850;letter-spacing:.08em}
.services-overview-signals{position:relative;z-index:1;min-height:78px;padding:1rem clamp(1.2rem,5vw,5.5rem);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:var(--sf-yellow)}.services-overview-signals span{display:flex;align-items:center;justify-content:center;gap:.55rem;font-size:.76rem;font-weight:850}
.services-overview-signals,.services-overview-signals span{color:var(--sf-ink)}
.services-anchor-wrap{position:sticky;z-index:20;top:0;padding:.8rem 0;color:#fff;background:var(--sf-ink);border-bottom:1px solid #3d3d39}
.services-anchor-nav{display:flex;align-items:center;gap:2rem}
.services-anchor-nav>span{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;color:var(--sf-yellow);font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.services-anchor-nav>div{display:flex;align-items:center;gap:.45rem;overflow-x:auto;scrollbar-width:none}
.services-anchor-nav>div::-webkit-scrollbar{display:none}
.services-anchor-nav a{flex:0 0 auto;padding:.72rem .9rem;color:#e8e8e1;border:1px solid #4b4b47;border-radius:999px;font-size:.75rem;font-weight:800;transition:color .2s ease,background .2s ease,border-color .2s ease}
.services-anchor-nav a:hover{color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-yellow)}

.services-editorial-head{display:grid;grid-template-columns:1.2fr .65fr;gap:clamp(3rem,8vw,8.5rem);align-items:end;margin-bottom:4.5rem}
.services-editorial-head>div{max-width:850px}
.services-editorial-head h2{margin:0;font-size:clamp(3.15rem,5.8vw,6.5rem);font-weight:690;line-height:.89;letter-spacing:-.07em}
.services-editorial-head h2 em{display:block;margin-top:.09em;color:var(--sf-blue);font-style:normal}
.services-editorial-head>p{margin:0 0 .4rem;font-size:1.06rem}
.services-editorial-head.compact{grid-template-columns:1.05fr .7fr}
.services-editorial-head.compact h2{font-size:clamp(2.9rem,5.2vw,5.8rem)}

.services-core-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:1rem}
.services-core-card{position:relative;overflow:hidden;min-height:620px;padding:1.7rem;display:flex;flex-direction:column;color:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:30px;transition:transform .2s ease,box-shadow .2s ease}
.services-core-card:hover{transform:translateY(-5px);box-shadow:10px 11px 0 var(--sf-ink)}
.services-core-card.core-web{grid-row:span 2;background:var(--sf-yellow)}
.services-core-card.core-shop{min-height:420px;color:#fff;background:var(--sf-blue)}
.services-core-card.core-drift{min-height:420px;background:var(--sf-pink)}
.services-card-top{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.services-core-card h3{margin:auto 0 .75rem;font-size:clamp(2.4rem,4.2vw,4.8rem);line-height:.9;letter-spacing:-.06em}
.services-core-card p{max-width:580px;margin:0 0 1.25rem;color:inherit;font-size:1rem;line-height:1.62}
.services-card-link{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:900}
.services-browser{overflow:hidden;width:90%;margin:4rem auto 3rem;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:18px;box-shadow:10px 11px 0 var(--sf-ink);transform:rotate(-1.2deg)}
.services-browser>div{height:40px;padding:0 .8rem;display:flex;align-items:center;gap:6px;background:#efeee8;border-bottom:1px solid var(--sf-ink)}
.services-browser>div i{width:7px;height:7px;background:var(--sf-pink);border-radius:50%}.services-browser>div i:nth-child(2){background:var(--sf-yellow)}.services-browser>div i:nth-child(3){background:var(--sf-mint)}
.services-browser>div small{margin-left:auto;color:#77776f;font-size:.62rem}
.services-browser section{min-height:245px;padding:1.35rem;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff 58%,var(--sf-mint) 58%)}
.services-browser section>span{font-size:.58rem;font-weight:900;letter-spacing:.12em}
.services-browser section>strong{margin:auto 0;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.86;letter-spacing:-.07em}
.services-browser section>b{width:max-content;padding:.65rem .8rem;display:flex;align-items:center;gap:.45rem;color:#fff;background:var(--sf-ink);border-radius:999px;font-size:.68rem}
.services-checkout{margin:2.5rem 0 2rem;display:grid;gap:.65rem}
.services-checkout>div{min-height:68px;padding:0 1rem;display:grid;grid-template-columns:80px 1fr auto;align-items:center;color:var(--sf-ink);background:#fff;border:1px solid var(--sf-ink);border-radius:14px}
.services-checkout small{font-size:.62rem;font-weight:900;text-transform:uppercase}.services-checkout strong{font-size:.9rem}.services-checkout svg{color:#26765f}
.services-monitor{margin:2.5rem 0 2rem;padding:1rem;color:#fff;background:var(--sf-ink);border:1px solid var(--sf-ink);border-radius:17px}
.services-monitor>div{display:flex;align-items:center;gap:.7rem;padding-bottom:1rem;border-bottom:1px solid #41413d}.services-monitor>div span{width:12px;height:12px;background:var(--sf-mint);border-radius:50%;box-shadow:0 0 0 5px rgba(121,221,202,.15)}
.services-monitor>div strong{font-size:.8rem}.services-monitor ul{margin:0;padding:0;list-style:none}.services-monitor li{padding:.65rem 0;display:flex;justify-content:space-between;border-bottom:1px solid #32322f;font-size:.72rem}.services-monitor li:last-child{border:0}.services-monitor b{color:var(--sf-mint)}

.services-marketing{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-ink)}
.services-marketing-head{display:grid;grid-template-columns:150px 1.15fr .65fr;gap:clamp(2rem,5vw,5.5rem);align-items:end;margin-bottom:4rem}
.services-marketing-head .section-number{align-self:start;padding-top:.5rem;color:var(--sf-yellow);font-size:.66rem;font-weight:900;letter-spacing:.11em}
.services-marketing-head h2{margin:0;color:#fff;font-size:clamp(3.2rem,5.8vw,6.5rem);line-height:.89;letter-spacing:-.07em}
.services-marketing-head p{margin:0 0 .4rem;color:#bdbdb6;font-size:1.04rem;line-height:1.7}
.services-result-board{margin-bottom:1rem;padding:1rem;background:#1c1c1a;border:1px solid #4a4a45;border-radius:25px}
.services-result-board>header{min-height:56px;padding:0 .55rem;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:1rem;color:#fff;border-bottom:1px solid #44443f}
.services-result-board>header span{display:flex;align-items:center;gap:.6rem;color:var(--sf-mint);font-size:.65rem;font-weight:900;letter-spacing:.1em}.services-result-board>header i{width:8px;height:8px;background:var(--sf-mint);border-radius:50%}
.services-result-board>header strong{text-align:center;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.services-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem 0}
.services-result-stats>div{min-height:95px;padding:1rem;display:grid;grid-template-columns:1fr auto;align-content:space-between;color:var(--sf-ink);background:#fff;border-radius:15px}
.services-result-stats>div:nth-child(2){background:var(--sf-yellow)}.services-result-stats>div:nth-child(3){background:var(--sf-mint)}
.services-result-stats small{grid-column:1/-1;font-size:.58rem;font-weight:900;letter-spacing:.09em}.services-result-stats strong{font-size:1.18rem}
.services-result-chart{height:150px;padding:1rem;display:flex;align-items:end;gap:clamp(.5rem,2vw,1.5rem);background:#121210;border:1px solid #363632;border-radius:15px}
.services-result-chart span{flex:1;min-width:12px;background:var(--sf-blue);border-radius:7px 7px 0 0}.services-result-chart span:nth-child(3n+2){background:var(--sf-yellow)}.services-result-chart span:nth-child(3n){background:var(--sf-mint)}
.services-marketing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.services-marketing-card{min-width:0;min-height:390px;padding:1.7rem;display:flex;flex-direction:column;color:var(--sf-ink);background:#fff;border:2px solid #fff;border-radius:25px;transition:transform .2s ease,border-radius .2s ease,box-shadow .2s ease}
.services-marketing-card:nth-child(2){background:var(--sf-yellow);border-color:var(--sf-yellow)}.services-marketing-card:nth-child(3){color:#fff;background:var(--sf-blue);border-color:var(--sf-blue)}.services-marketing-card:nth-child(4){background:var(--sf-mint);border-color:var(--sf-mint)}
.services-marketing-card:hover{transform:translateY(-5px);border-radius:16px}
.services-marketing-card>div{display:flex;justify-content:space-between;font-size:.7rem;font-weight:900}.services-marketing-card>small{margin-top:auto;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.services-marketing-card h3{max-width:100%;margin:.8rem 0;font-size:clamp(1.9rem,2.75vw,3rem);line-height:.96;letter-spacing:-.05em;overflow-wrap:anywhere;hyphens:auto}.services-marketing-card:nth-child(n+3) h3{font-size:clamp(1.85rem,2.55vw,2.8rem)}.services-marketing-card p{max-width:540px;margin:0 0 1.35rem;color:inherit;line-height:1.65}.services-marketing-card>b{display:flex;align-items:center;gap:.5rem;font-size:.76rem}

.services-creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.services-creative-card{min-width:0;min-height:570px;padding:1.8rem;display:flex;flex-direction:column;color:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:30px;transition:transform .2s ease,box-shadow .2s ease}
.creative-design{background:var(--sf-pink)}.creative-content{background:var(--sf-blue);color:#fff}
.services-creative-card>div:nth-child(2){margin-top:auto;display:flex;align-items:center;gap:.65rem;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.services-creative-card h3{max-width:100%;margin:1rem 0;font-size:clamp(2.2rem,3.65vw,4rem);line-height:.92;letter-spacing:-.055em;overflow-wrap:anywhere;hyphens:auto}.services-creative-card p{max-width:620px;margin:0;color:inherit;font-size:1rem;line-height:1.62}
.creative-symbol{position:relative;overflow:hidden;min-height:265px;display:grid;place-items:center;background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:20px}
.creative-symbol span{position:relative;z-index:2;font-size:clamp(5rem,10vw,10rem);font-weight:950;letter-spacing:-.14em}.creative-symbol i,.creative-symbol b{position:absolute;width:210px;height:210px;border-radius:50%}.creative-symbol i{left:-35px;top:-70px;background:var(--sf-blue)}.creative-symbol b{right:-45px;bottom:-95px;background:var(--sf-mint)}
.creative-frame{min-height:265px;display:grid;place-items:center;align-content:center;gap:1rem;color:var(--sf-ink);background:linear-gradient(145deg,var(--sf-mint),#c6fff3);border:2px solid var(--sf-ink);border-radius:20px}
.creative-frame span{font-size:.7rem;font-weight:900;letter-spacing:.12em}.creative-frame i{padding:.4rem .6rem;background:#fff;border:1px solid var(--sf-ink);border-radius:999px;font-size:.65rem;font-style:normal}

.services-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.services-system-card{min-height:440px;padding:1.5rem;display:flex;flex-direction:column;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:27px;transition:transform .2s ease,box-shadow .2s ease}
.services-system-card:nth-child(2){background:var(--sf-mint)}.services-system-card:nth-child(3){background:var(--sf-yellow)}
.services-system-card:hover{transform:translateY(-5px);box-shadow:8px 9px 0 var(--sf-ink)}
.services-system-card>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;font-weight:900}
.system-node{height:100px;margin:2rem 0;padding:1rem;display:flex;align-items:center;justify-content:space-around;background:var(--sf-ink);border-radius:15px}
.system-node svg{color:var(--sf-yellow)}.system-node i{width:14px;height:14px;background:#fff;border-radius:50%}.system-node i:nth-child(3){background:var(--sf-mint)}.system-node i:nth-child(4){background:var(--sf-pink)}
.services-system-card h3{margin:auto 0 .8rem;font-size:clamp(1.8rem,3vw,2.8rem);line-height:.95}.services-system-card p{margin:0 0 1.2rem;color:inherit}.services-system-card b{display:flex;align-items:center;gap:.5rem;font-size:.76rem}

.services-together{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-ink)}
.services-together>.site-container{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,8vw,8rem);align-items:center}
.services-together-copy h2{margin:0 0 2rem;color:#fff;font-size:clamp(3rem,5.5vw,6rem);line-height:.9;letter-spacing:-.065em}.services-together-copy p{color:#bdbdb6;line-height:1.7}
.services-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:center}
.services-flow>div{min-width:0;min-height:245px;padding:1.35rem;display:flex;flex-direction:column;color:var(--sf-ink);background:#fff;border:2px solid transparent;border-radius:22px;transition:transform .2s ease,box-shadow .2s ease}
.services-flow>div:nth-of-type(2){background:var(--sf-yellow)}.services-flow>div:nth-of-type(3){background:var(--sf-pink)}.services-flow>div:nth-of-type(4){background:var(--sf-mint)}
.services-flow>div span{font-size:.68rem;font-weight:900}.services-flow>div strong{margin:auto 0 .5rem;font-size:1.55rem}.services-flow>div small{font-size:.73rem}
.services-flow>svg:nth-of-type(2){display:none}
.services-flow-visual{position:relative;overflow:hidden;height:68px;margin:1.05rem 0 1.2rem;padding:.85rem;display:flex;align-items:flex-end;gap:6px;color:#fff;background:var(--sf-ink);border-radius:13px}.services-flow-visual svg{position:absolute;right:.8rem;top:.8rem}.services-flow-visual i{display:block;width:18%;height:26%;background:var(--sf-pink);border-radius:4px 4px 0 0}.services-flow-visual i:nth-of-type(2){height:48%;background:var(--sf-mint)}.services-flow-visual i:nth-of-type(3){height:70%;background:var(--sf-yellow)}.flow-build i{height:50%;border-radius:4px}.flow-build i:nth-of-type(2){height:50%;background:#fff}.flow-build i:nth-of-type(3){height:50%;background:var(--sf-blue)}.flow-traffic i:nth-of-type(1){height:22%}.flow-traffic i:nth-of-type(2){height:46%}.flow-traffic i:nth-of-type(3){height:82%}.flow-improve i:nth-of-type(1){height:40%;background:#fff}.flow-improve i:nth-of-type(2){height:62%;background:var(--sf-blue)}.flow-improve i:nth-of-type(3){height:88%;background:var(--sf-yellow)}

.services-advice-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:start}
.services-advice-lead{position:sticky;top:110px}.services-advice-lead h2{margin:0 0 2rem}.services-advice-lead p{max-width:600px;font-size:1.05rem}.services-advice-lead>strong{max-width:620px;margin-top:2rem;padding:1.3rem;display:block;background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:18px;font-size:1rem;line-height:1.55}
.services-collab{padding:1.5rem;background:var(--sf-pink);border:2px solid var(--sf-ink);border-radius:28px;box-shadow:12px 13px 0 var(--sf-ink)}
.services-collab>.section-number{display:block;margin-bottom:1.5rem;font-size:.66rem;font-weight:900;letter-spacing:.11em}
.services-collab article{min-height:190px;padding:1.4rem 0;display:grid;grid-template-columns:40px 1fr auto;gap:1rem;border-top:1px solid var(--sf-ink)}
.services-collab article>span{font-size:.68rem;font-weight:900}.services-collab h3{margin:0 0 .6rem;font-size:clamp(1.7rem,3vw,2.6rem)}.services-collab p{max-width:520px;margin:0;color:#343431}.services-collab>a{padding-top:1.2rem;display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:900;border-top:1px solid var(--sf-ink)}

.services-case-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3.5rem}.services-case-head h2{margin:0}.services-case-head>a{display:flex;align-items:center;gap:.5rem;padding-bottom:.4rem;border-bottom:2px solid var(--sf-ink);font-size:.8rem;font-weight:900}
.services-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.services-case-grid>article{min-height:480px;padding:1.4rem;display:flex;flex-direction:column;color:var(--sf-ink);background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:27px;transition:transform .2s ease,box-shadow .2s ease}
.services-case-grid>article:nth-child(2){background:var(--sf-blue);color:#fff}.services-case-grid>article:nth-child(3){background:var(--sf-mint)}
.services-case-grid>article>div:first-child{min-height:160px;display:grid;place-items:center;background:#fff;border:1px solid var(--sf-ink);border-radius:17px}.services-case-grid img{max-width:62%;max-height:75px;object-fit:contain}
.services-case-grid>article>span{margin-top:1.3rem;font-size:.64rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.services-case-grid h3{margin:auto 0 .6rem;color:inherit;font-size:clamp(2rem,3.5vw,3.3rem);line-height:.95}.services-case-grid p{margin:0 0 1.2rem;color:inherit}
.services-case-chips{display:flex;flex-wrap:wrap;gap:.4rem}.services-case-chips small{padding:.4rem .55rem;background:rgba(255,255,255,.72);border:1px solid var(--sf-ink);border-radius:999px;color:var(--sf-ink);font-size:.62rem;font-weight:800}
.services-faq{padding:clamp(6rem,10vw,10rem) 0}.services-faq .faq-layout>div:first-child>p{max-width:440px;color:#343431;line-height:1.7}.services-faq .faq-list summary b{font-size:1.3rem}

html[data-theme="dark"] .services-foundation,
html[data-theme="dark"] .services-creative,
html[data-theme="dark"] .services-advice{background:#1b1b19}
html[data-theme="dark"] .services-systems,
html[data-theme="dark"] .services-cases{background:#151513}
html[data-theme="dark"] .services-editorial-head h2,
html[data-theme="dark"] .services-case-head h2,
html[data-theme="dark"] .services-advice-lead h2{color:#fff}
html[data-theme="dark"] .services-editorial-head>p,
html[data-theme="dark"] .services-advice-lead>p{color:#bdbdb6}
html[data-theme="dark"] .services-core-card,
html[data-theme="dark"] .services-core-card h3,
html[data-theme="dark"] .services-core-card p,
html[data-theme="dark"] .services-system-card,
html[data-theme="dark"] .services-system-card h3,
html[data-theme="dark"] .services-system-card p{color:var(--sf-ink)}
html[data-theme="dark"] .services-core-card.core-shop,
html[data-theme="dark"] .services-core-card.core-shop h3,
html[data-theme="dark"] .services-core-card.core-shop p{color:#fff}
html[data-theme="dark"] .creative-design h3,
html[data-theme="dark"] .creative-design p,
html[data-theme="dark"] .creative-design>div:nth-child(2){color:var(--sf-ink)}
html[data-theme="dark"] .creative-content h3,
html[data-theme="dark"] .creative-content p,
html[data-theme="dark"] .creative-content>div:nth-child(2){color:#fff}
html[data-theme="dark"] .services-advice-lead>strong,
html[data-theme="dark"] .services-collab,
html[data-theme="dark"] .services-collab h3,
html[data-theme="dark"] .services-collab p{color:var(--sf-ink)}
html[data-theme="dark"] .services-case-head>a{color:#fff;border-color:#fff}
html[data-theme="dark"] .services-case-grid>article,
html[data-theme="dark"] .services-case-grid>article h3,
html[data-theme="dark"] .services-case-grid>article p{color:var(--sf-ink)}
html[data-theme="dark"] .services-case-grid>article:nth-child(2),
html[data-theme="dark"] .services-case-grid>article:nth-child(2) h3,
html[data-theme="dark"] .services-case-grid>article:nth-child(2) p{color:#fff}
html[data-theme="dark"] .services-overview-hero{color:#fff;background:#0d0d0c}
html[data-theme="dark"] .services-overview-copy .breadcrumb,html[data-theme="dark"] .services-overview-copy>.eyebrow,html[data-theme="dark"] .services-overview-copy h1{color:#fff}
html[data-theme="dark"] .services-overview-copy>p{color:#c6c6bf}
html[data-theme="dark"] .services-overview-actions a:first-child{color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-yellow)}
html[data-theme="dark"] .services-overview-actions a:first-child:hover{background:var(--sf-mint);border-color:var(--sf-mint)}
html[data-theme="dark"] .services-hero-result{background:var(--sf-ink);border-color:var(--sf-ink);box-shadow:15px 17px 0 var(--sf-yellow)}
html[data-theme="dark"] .services-core-card:hover,
html[data-theme="dark"] .services-marketing-card:hover,
html[data-theme="dark"] .services-creative-card:hover,
html[data-theme="dark"] .services-system-card:hover,
html[data-theme="dark"] .services-case-grid>article:hover,
html[data-theme="dark"] .services-flow>div:hover{box-shadow:0 0 0 2px #fff,9px 10px 0 rgba(255,255,255,.18)}

@media(max-width:1100px){
  .services-overview-grid{grid-template-columns:1fr}.services-overview-copy{max-width:920px}.services-hero-result{width:min(850px,100%)}
  .services-marketing-head{grid-template-columns:90px 1fr}.services-marketing-head>p{grid-column:2}
  .services-together>.site-container{grid-template-columns:1fr}
  .services-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}
  .services-flow>svg:nth-of-type(2){display:block}
}
@media(max-width:900px){
  .services-anchor-nav{align-items:flex-start;flex-direction:column;gap:.65rem}.services-anchor-nav>div{width:100%}
  .services-editorial-head,.services-editorial-head.compact,.services-advice-grid{grid-template-columns:1fr;gap:2.2rem}
  .services-core-grid{grid-template-columns:1fr}.services-core-card.core-web{grid-row:auto}
  .services-system-grid,.services-case-grid{grid-template-columns:1fr 1fr}.services-system-card:last-child,.services-case-grid>article:last-child{grid-column:1/-1}
  .services-advice-lead{position:static}
}
@media(max-width:720px){
  .services-overview-grid{min-height:auto;padding-top:4rem;padding-bottom:5rem;gap:3rem}.services-overview-copy .breadcrumb{margin-bottom:3rem}.services-overview-copy h1{font-size:clamp(3rem,13vw,4.8rem)}.services-overview-copy>p{font-size:1rem}.services-overview-actions{align-items:flex-start;flex-direction:column}.services-hero-result{border-radius:21px;box-shadow:8px 9px 0 var(--sf-yellow)}.services-hero-result-lead strong{font-size:clamp(2.2rem,11vw,3.3rem)}.services-hero-result-metrics{grid-template-columns:1fr}.services-overview-signals{grid-template-columns:1fr;gap:.6rem}.services-overview-signals span{justify-content:flex-start}html[data-theme="dark"] .services-hero-result{box-shadow:8px 9px 0 var(--sf-yellow)}
  .services-page section[id]{scroll-margin-top:150px}
  .services-anchor-wrap{top:0;padding:.65rem 0}.services-anchor-nav>span{font-size:.62rem}.services-anchor-nav a{padding:.6rem .75rem;font-size:.68rem}
  .services-editorial-head{margin-bottom:2.8rem}.services-editorial-head h2{font-size:clamp(2.8rem,13vw,4.5rem)}
  .services-core-card{min-height:500px;padding:1.25rem;border-radius:23px}.services-core-card.core-shop,.services-core-card.core-drift{min-height:440px}
  .services-browser{width:100%;margin:2.5rem 0 2rem;box-shadow:6px 7px 0 var(--sf-ink)}.services-browser section{min-height:200px}.services-browser section>strong{font-size:2.55rem}
  .services-marketing-head{grid-template-columns:1fr;gap:1.5rem}.services-marketing-head>p{grid-column:auto}.services-marketing-head h2{font-size:clamp(2.9rem,13vw,4.8rem)}
  .services-result-board>header{grid-template-columns:1fr auto}.services-result-board>header strong{display:none}.services-result-stats{grid-template-columns:1fr}.services-result-chart{height:110px}
  .services-marketing-grid,.services-creative-grid,.services-system-grid,.services-case-grid{grid-template-columns:1fr}
  .services-marketing-card{min-height:330px}.services-creative-card{min-height:500px}.services-system-card,.services-system-card:last-child{grid-column:auto;min-height:390px}
  .services-flow{grid-template-columns:1fr}.services-flow>svg{justify-self:center;transform:rotate(90deg)}.services-flow>div{min-height:225px}.services-flow>svg:nth-of-type(2){display:block}
  .services-collab{padding:1.1rem;box-shadow:7px 8px 0 var(--sf-ink)}.services-collab article{grid-template-columns:30px 1fr}.services-collab article>svg{display:none}
  .services-case-head{align-items:flex-start;flex-direction:column}.services-case-grid>article,.services-case-grid>article:last-child{grid-column:auto;min-height:430px}
}

/* Tjenester — approved content refinements */
.services-marketing-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.services-marketing-card{grid-column:span 6}
.services-marketing-card:nth-child(3),
.services-marketing-card:nth-child(4),
.services-marketing-card:nth-child(5){grid-column:span 4}
.services-marketing-card:nth-child(5){background:var(--sf-pink);border-color:var(--sf-pink)}

.services-creative-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.services-creative-card{grid-column:span 6}
.creative-design{grid-column:span 5}
.creative-material{grid-column:span 7;background:var(--sf-yellow)}
.creative-content{grid-column:1/-1;min-height:440px;display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:auto auto 1fr;column-gap:clamp(2rem,6vw,6rem);align-items:start}
.creative-content .creative-frame{grid-column:1;grid-row:1/5;width:100%;height:100%;min-height:390px}
.creative-content>div:nth-child(2){grid-column:2;grid-row:1;margin-top:0}
.creative-content h3{grid-column:2;grid-row:2;align-self:start;margin:1.2rem 0}
.creative-content p{grid-column:2;grid-row:3}
.creative-material-stack{position:relative;min-height:265px}
.creative-material-stack>span{position:absolute;padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:17px;box-shadow:7px 8px 0 var(--sf-ink)}
.creative-material-stack>span:nth-child(1){width:46%;height:76%;left:3%;top:8%;background:#fff;transform:rotate(-3deg)}
.creative-material-stack>span:nth-child(2){width:42%;height:82%;left:31%;top:2%;background:var(--sf-pink);transform:rotate(2deg)}
.creative-material-stack>span:nth-child(3){width:42%;height:72%;right:1%;bottom:2%;background:var(--sf-mint);transform:rotate(5deg)}
.creative-material-stack small{font-size:.6rem;font-weight:900;letter-spacing:.1em}
.creative-material-stack strong{font-size:clamp(1.4rem,3vw,2.8rem);letter-spacing:-.05em}

.system-visual{height:118px;margin:2rem 0;padding:1rem;color:#fff;background:var(--sf-ink);border-radius:15px}
.system-crm{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.system-crm>span{padding:.55rem;display:flex;flex-direction:column;gap:.45rem;background:#242421;border:1px solid #44443f;border-radius:9px}
.system-crm small{font-size:.5rem;font-weight:900;letter-spacing:.08em}
.system-crm i{height:18px;background:#fff;border-radius:5px}.system-crm>span:nth-child(2) i{background:var(--sf-yellow)}.system-crm>span:nth-child(3) i{background:var(--sf-mint)}
.system-365{display:grid;grid-template-columns:70px 1fr 1fr;gap:.45rem;align-items:center}
.system-365>strong{grid-row:1/3;width:58px;height:58px;display:grid;place-items:center;color:var(--sf-ink);background:var(--sf-yellow);border-radius:50%;font-size:1.05rem}
.system-365>span{padding:.55rem;display:flex;align-items:center;gap:.45rem;background:#fff;color:var(--sf-ink);border-radius:8px;font-size:.62rem;font-weight:800}.system-365>span:last-child{grid-column:2/4;background:var(--sf-mint)}
.system-support{display:grid;align-content:center}
.system-support>div{padding:.48rem 0;display:grid;grid-template-columns:12px 1fr auto;gap:.55rem;align-items:center;border-bottom:1px solid #3c3c38;font-size:.63rem}
.system-support>div:last-child{border:0}.system-support i{width:8px;height:8px;background:var(--sf-mint);border-radius:50%}.system-support b{color:var(--sf-mint);font-size:.56rem;text-transform:uppercase}
.services-system-scope{min-height:112px;margin-top:1rem;padding:1.5rem 1.7rem;display:grid;grid-template-columns:210px 1fr;gap:1.5rem;align-items:center;background:var(--sf-ink);border-radius:20px;color:#fff}
.services-system-scope>span{color:var(--sf-yellow);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.services-system-scope>div{display:flex;flex-wrap:wrap;gap:.5rem}
.services-system-scope small{padding:.55rem .7rem;display:flex;align-items:center;gap:.35rem;background:#292926;border:1px solid #4b4b46;border-radius:999px;font-size:.68rem;font-weight:800}
.services-system-scope svg{color:var(--sf-mint)}

html[data-theme="dark"] .services-marketing-card:nth-child(5),
html[data-theme="dark"] .services-marketing-card:nth-child(5) h3,
html[data-theme="dark"] .services-marketing-card:nth-child(5) p{color:var(--sf-ink)}
html[data-theme="dark"] .services-marketing-card:nth-child(1),
html[data-theme="dark"] .services-marketing-card:nth-child(1) h3,
html[data-theme="dark"] .services-marketing-card:nth-child(1) p,
html[data-theme="dark"] .services-marketing-card:nth-child(1) small,
html[data-theme="dark"] .services-marketing-card:nth-child(1) b,
html[data-theme="dark"] .services-marketing-card:nth-child(1) svg,
html[data-theme="dark"] .services-marketing-card:nth-child(2),
html[data-theme="dark"] .services-marketing-card:nth-child(2) h3,
html[data-theme="dark"] .services-marketing-card:nth-child(2) p,
html[data-theme="dark"] .services-marketing-card:nth-child(2) small,
html[data-theme="dark"] .services-marketing-card:nth-child(2) b,
html[data-theme="dark"] .services-marketing-card:nth-child(2) svg,
html[data-theme="dark"] .services-marketing-card:nth-child(4),
html[data-theme="dark"] .services-marketing-card:nth-child(4) h3,
html[data-theme="dark"] .services-marketing-card:nth-child(4) p,
html[data-theme="dark"] .services-marketing-card:nth-child(4) small,
html[data-theme="dark"] .services-marketing-card:nth-child(4) b,
html[data-theme="dark"] .services-marketing-card:nth-child(4) svg,
html[data-theme="dark"] .services-marketing-card:nth-child(5) small,
html[data-theme="dark"] .services-marketing-card:nth-child(5) b,
html[data-theme="dark"] .services-marketing-card:nth-child(5) svg{color:var(--sf-ink)}
html[data-theme="dark"] .services-marketing-card:nth-child(3),
html[data-theme="dark"] .services-marketing-card:nth-child(3) h3,
html[data-theme="dark"] .services-marketing-card:nth-child(3) p,
html[data-theme="dark"] .services-marketing-card:nth-child(3) small,
html[data-theme="dark"] .services-marketing-card:nth-child(3) b,
html[data-theme="dark"] .services-marketing-card:nth-child(3) svg{color:#fff}
html[data-theme="dark"] .creative-material,
html[data-theme="dark"] .creative-material h3,
html[data-theme="dark"] .creative-material p,
html[data-theme="dark"] .creative-material>div:nth-child(2){color:var(--sf-ink)}

@media(max-width:1000px){
  .services-marketing-card,
  .services-marketing-card:nth-child(3),
  .services-marketing-card:nth-child(4),
  .services-marketing-card:nth-child(5){grid-column:span 6}
  .services-marketing-card:nth-child(5){grid-column:1/-1}
  .creative-design,.creative-material{grid-column:span 6}
}
@media(max-width:720px){
  .services-marketing-card,
  .services-marketing-card:nth-child(3),
  .services-marketing-card:nth-child(4),
  .services-marketing-card:nth-child(5),
  .creative-design,.creative-material,.creative-content{grid-column:1/-1}
  .creative-content{display:flex;min-height:520px}
  .creative-content .creative-frame{width:100%;height:auto;min-height:265px}
  .services-system-scope{grid-template-columns:1fr}
}

/* Global floating theme control */
.floating-theme-toggle{position:fixed;z-index:60;right:max(1.15rem,env(safe-area-inset-right));bottom:max(1.15rem,env(safe-area-inset-bottom));isolation:isolate;animation:sf-theme-control-in .2s ease-out both}
.floating-theme-toggle .theme-toggle{position:relative;z-index:1;width:56px;height:56px;color:var(--sf-yellow);background:var(--sf-ink);border:2px solid var(--sf-yellow);border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.floating-theme-toggle .theme-toggle:hover{color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-ink);box-shadow:0 8px 24px rgba(0,0,0,.2);transform:translateY(-1px)}
.floating-theme-toggle .theme-toggle svg{width:21px;height:21px}
html[data-theme="dark"] .floating-theme-toggle .theme-toggle{color:var(--sf-ink);background:var(--sf-yellow);border-color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.45)}
html[data-theme="dark"] .floating-theme-toggle .theme-toggle:hover{color:var(--sf-ink);background:var(--sf-mint);border-color:var(--sf-ink);box-shadow:0 8px 24px rgba(0,0,0,.4)}
@keyframes sf-theme-control-in{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:720px){.floating-theme-toggle{right:max(.85rem,env(safe-area-inset-right));bottom:max(.85rem,env(safe-area-inset-bottom))}.floating-theme-toggle .theme-toggle{width:52px;height:52px;box-shadow:0 7px 20px rgba(0,0,0,.24)}}
@media(prefers-reduced-motion:reduce){.floating-theme-toggle{animation:none}}

/* Complete-site editorial system */
.page-hero-grid>div:first-child>.eyebrow{display:inline-flex;margin-bottom:clamp(3.5rem,7vw,6.5rem)}
.page-anchor-wrap{position:sticky;z-index:25;top:0;padding:.72rem 0;color:#fff;background:var(--sf-ink);border-bottom:1px solid #3f3f3a}
.page-anchor-nav{display:flex;align-items:center;gap:2rem}.page-anchor-nav>span{flex:0 0 auto;color:var(--sf-yellow);font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.page-anchor-nav>div{display:flex;gap:.55rem;overflow-x:auto;scrollbar-width:none}.page-anchor-nav>div::-webkit-scrollbar{display:none}.page-anchor-nav a{flex:0 0 auto;padding:.62rem .9rem;color:#fff;border:1px solid #484844;border-radius:999px;font-size:.7rem;font-weight:800;text-decoration:none;transition:.18s ease}.page-anchor-nav a:hover{color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-yellow)}
.specialist-page section[id],main section[id]{scroll-margin-top:82px}

.ai-principle-section{padding:clamp(5.5rem,9vw,9rem) 0;background:var(--sf-pink)}.ai-principle{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:center}.ai-principle h2{margin:.9rem 0 1.5rem;max-width:850px;font-size:clamp(2.8rem,5.4vw,6rem);line-height:.9;letter-spacing:-.065em}.ai-principle p{max-width:720px;font-size:1.08rem;line-height:1.72}.ai-principle-note{padding:1.1rem 1.25rem;color:#fff;background:var(--sf-ink);border-radius:16px;font-weight:750}.ai-principle-visual{min-height:430px;padding:1.4rem;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr;gap:1rem;align-items:center;background:var(--sf-blue);color:#fff;border:2px solid var(--sf-ink);border-radius:30px;box-shadow:14px 16px 0 var(--sf-ink)}.ai-principle-visual>svg{justify-self:center;width:72px;height:72px}.ai-principle-visual>span{align-self:end;justify-self:center;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.12em}.ai-principle-visual>strong{grid-column:1/-1;align-self:end;padding:1.4rem;color:var(--sf-ink);background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:20px;font-size:clamp(2.3rem,4vw,4.7rem);line-height:.88;letter-spacing:-.06em}

.sv-design-kit{padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.sv-design-kit>div{min-height:95px;padding:.85rem;display:flex;flex-wrap:wrap;align-content:space-between;gap:.35rem;background:#20201e;border:1px solid #454540;border-radius:13px}.sv-design-kit>div:last-child{grid-column:1/-1;min-height:72px}.sv-design-kit small{width:100%;color:#aaa;font-size:.6rem;letter-spacing:.1em}.sv-design-kit strong{font-size:2.2rem}.sv-design-kit span{width:28px;height:28px;border-radius:50%;background:var(--sf-yellow)}.sv-design-kit span:nth-of-type(2){background:var(--sf-pink)}.sv-design-kit span:nth-of-type(3){background:var(--sf-mint)}
.sv-timeline{padding:1rem;display:grid;grid-template-columns:.7fr 1.3fr;gap:.8rem}.sv-viewfinder{min-height:170px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--sf-blue),#20201e);border:1px solid #555;border-radius:14px}.sv-viewfinder span{color:var(--sf-pink);font-size:.65rem;font-weight:900}.sv-viewfinder strong{font-size:1.5rem}.sv-clips{display:grid;gap:.55rem}.sv-clips>span{padding:.7rem;display:grid;grid-template-columns:1fr;gap:.45rem;background:#20201e;border:1px solid #454540;border-radius:11px}.sv-clips i{height:6px;background:var(--sf-yellow);border-radius:999px}.sv-clips small{color:#aaa;font-size:.65rem}
.sv-support-list{padding:1rem;display:grid;gap:.6rem}.sv-support-list>div{min-height:54px;padding:.7rem .85rem;display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;background:#20201e;border:1px solid #454540;border-radius:11px}.sv-support-list>div>span{width:10px;height:10px;background:var(--sf-mint);border-radius:50%}.sv-support-list>div>span.working{background:var(--sf-yellow)}.sv-support-list small{color:var(--sf-mint);font-size:.62rem;font-weight:800;text-transform:uppercase}.sv-support-list>div:has(.working) small{color:var(--sf-yellow)}

.about-facts{margin-top:2.4rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sf-ink);border-left:1px solid var(--sf-ink)}.about-facts span{min-height:115px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--sf-ink);border-bottom:1px solid var(--sf-ink);font-size:.68rem;font-weight:800;text-transform:uppercase}.about-facts strong{font-size:1.75rem;text-transform:none}
.about-ai-section{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-ink)}.about-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.about-ai-copy h2{margin:1rem 0 1.8rem;color:#fff;font-size:clamp(3rem,5.5vw,6rem);line-height:.9;letter-spacing:-.065em}.about-ai-copy p{max-width:700px;color:#c8c8c1;font-size:1.08rem;line-height:1.72}.about-ai-copy>strong{margin-top:2rem;padding:1.3rem;display:block;color:var(--sf-ink);background:var(--sf-yellow);border-radius:18px;font-size:1.1rem;line-height:1.55}.about-ai-system{display:grid;gap:.8rem}.about-ai-system>div{min-height:150px;padding:1.2rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:.6rem 1rem;align-items:center;color:var(--sf-ink);background:#fff;border:2px solid #fff;border-radius:22px}.about-ai-system>div:nth-of-type(2){background:var(--sf-blue);color:#fff}.about-ai-system>div:nth-of-type(3){background:var(--sf-mint)}.about-ai-system svg{grid-row:1/3;width:42px;height:42px}.about-ai-system span{font-size:.65rem;font-weight:900;letter-spacing:.12em}.about-ai-system strong{align-self:end;font-size:1.7rem}.about-ai-system>i{height:24px;width:2px;justify-self:center;background:var(--sf-yellow)}
.about-ai-section .eyebrow{color:var(--sf-yellow)}
.principle-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.principle-card{grid-column:span 6;min-height:310px;padding:1.5rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto auto;color:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:26px;transition:.2s ease}.principle-card:hover{transform:translateY(-4px);box-shadow:9px 10px 0 var(--sf-ink)}.principle-card:nth-child(1){background:var(--sf-yellow)}.principle-card:nth-child(2){background:var(--sf-blue);color:#fff}.principle-card:nth-child(3){background:var(--sf-pink)}.principle-card:nth-child(4){background:var(--sf-mint)}.principle-card>span{font-size:.7rem;font-weight:900}.principle-card h3{grid-column:1/-1;align-self:end;margin:0 0 .8rem;font-size:clamp(1.8rem,3vw,3rem);line-height:.95}.principle-card p{grid-column:1/-1;margin:0;color:inherit}.about-capabilities{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-blue)}.about-capabilities>.site-container{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,8rem)}.about-capabilities h2{margin:1rem 0;color:#fff;font-size:clamp(3rem,6vw,6.5rem);line-height:.88;letter-spacing:-.07em}.about-capability-flow{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #fff;border-left:2px solid #fff}.about-capability-flow span{min-height:190px;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;border-right:2px solid #fff;border-bottom:2px solid #fff;color:var(--sf-yellow);font-size:.72rem;font-weight:900}.about-capability-flow strong{color:#fff;font-size:1.35rem}
.principle-card:nth-child(1),.principle-card:nth-child(1) h3,.principle-card:nth-child(1) p,.principle-card:nth-child(3),.principle-card:nth-child(3) h3,.principle-card:nth-child(3) p,.principle-card:nth-child(4),.principle-card:nth-child(4) h3,.principle-card:nth-child(4) p{color:var(--sf-ink)}.principle-card:nth-child(2),.principle-card:nth-child(2) h3,.principle-card:nth-child(2) p{color:#fff}.about-capabilities .eyebrow.light{display:inline-block;width:max-content;padding:.38rem .55rem;color:var(--sf-ink);background:#fff;border-radius:999px}.about-capability-flow span{color:#fff}

.contact-route{padding:1rem 0;background:var(--sf-pink);border-bottom:2px solid var(--sf-ink)}.contact-route>.site-container{display:flex;align-items:center;gap:2rem}.contact-route>.site-container>span{flex:0 0 auto;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.contact-route>.site-container>div{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.contact-route a{padding:.8rem .9rem;display:flex;align-items:center;justify-content:space-between;color:var(--sf-ink);background:rgba(255,255,255,.5);border:1px solid var(--sf-ink);border-radius:999px;font-size:.7rem;font-weight:850}.contact-route svg{width:15px}.contact-route a:hover{color:#fff;background:var(--sf-ink)}.contact-form-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}.contact-form-head>svg{width:54px;height:54px;padding:.8rem;color:#fff;background:var(--sf-blue);border:2px solid var(--sf-ink);border-radius:15px}.contact-form-head span{font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.contact-form-head h2{margin:.25rem 0 0}

.featured-cases{padding:clamp(6rem,10vw,10rem) 0;background:#fff}.featured-case-list{display:grid;gap:1.2rem}.featured-case{min-height:390px;padding:1.2rem;display:grid;grid-template-columns:55px .65fr 1.15fr .65fr;gap:1.2rem;align-items:stretch;color:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:30px}.featured-case-1{background:var(--sf-yellow)}.featured-case-2{background:var(--sf-blue);color:#fff}.featured-case-3{background:var(--sf-mint)}.featured-case-number{padding:.5rem;font-size:.7rem;font-weight:900}.featured-case-logo{display:grid;place-items:center;background:#fff;border:2px solid var(--sf-ink);border-radius:21px}.featured-case-logo img{max-width:68%;max-height:90px;object-fit:contain}.featured-case-copy{padding:1.2rem 0;display:flex;flex-direction:column}.featured-case-copy>span{font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.featured-case-copy h3{margin:auto 0 .8rem;font-size:clamp(2.5rem,4.5vw,5rem);line-height:.9;letter-spacing:-.06em}.featured-case-copy p{margin:0 0 1.3rem;color:inherit;line-height:1.6}.featured-case-copy>div{display:flex;flex-wrap:wrap;gap:.4rem}.featured-case-copy small{padding:.38rem .55rem;color:var(--sf-ink);background:rgba(255,255,255,.72);border:1px solid var(--sf-ink);border-radius:999px;font-size:.6rem;font-weight:800}.featured-case-copy>a{margin-top:1.2rem;display:flex;align-items:center;gap:.5rem;color:inherit;font-size:.75rem;font-weight:900}.featured-case-graphic{padding:1.1rem;display:flex;align-items:flex-end;gap:8px;background:var(--sf-ink);border-radius:21px;color:#fff}.featured-case-graphic svg{align-self:flex-start}.featured-case-graphic span{flex:1;height:35%;background:var(--sf-pink);border-radius:7px 7px 0 0}.featured-case-graphic span:nth-of-type(2){height:64%;background:var(--sf-mint)}.featured-case-graphic span:nth-of-type(3){height:88%;background:var(--sf-yellow)}.case-grid-more{grid-template-columns:repeat(4,1fr)}.case-grid-more .case-card{min-height:410px}.case-grid-more .case-card h3{margin:.75rem 0;font-size:1.7rem}.case-method{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-ink)}.case-method>.site-container{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.case-method h2{margin:1rem 0;color:#fff;font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.065em}.case-method p{max-width:650px;color:#c7c7c0;font-size:1.08rem;line-height:1.7}.case-method-flow{margin-top:2.5rem;display:grid;grid-template-columns:1fr 1fr}.case-method-flow span{min-height:130px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--sf-yellow);border:1px solid #4b4b46;font-size:.65rem;font-weight:900}.case-method-flow strong{color:#fff;font-size:1.05rem}

.knowledge-gateway{padding:clamp(6rem,10vw,10rem) 0;background:var(--sf-yellow)}.knowledge-gateway-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,8vw,8rem);align-items:center}.knowledge-gateway-grid>div:first-child>svg{margin-bottom:1.2rem;width:38px;height:38px}.knowledge-gateway-grid>div:first-child>span{display:block;font-size:.68rem;font-weight:900;letter-spacing:.12em}.knowledge-gateway h2{margin:1rem 0 1.5rem;max-width:780px;font-size:clamp(3rem,5.5vw,6rem);line-height:.9;letter-spacing:-.065em}.knowledge-gateway p{max-width:650px;font-size:1.08rem;line-height:1.7}.knowledge-gateway a{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem;color:#fff;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:999px;font-size:.75rem;font-weight:900}.knowledge-index{min-height:430px;padding:1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:.7rem;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:29px;box-shadow:14px 16px 0 rgba(17,17,15,.22)}.knowledge-index>svg{grid-column:1/-1;color:var(--sf-yellow)}.knowledge-index>span{display:grid;place-items:center;background:#242421;border:1px solid #4a4a45;border-radius:15px;color:#fff;font-size:clamp(1.4rem,3vw,2.7rem);font-weight:850}.knowledge-index>span:nth-of-type(2),.knowledge-index>span:nth-of-type(5){color:var(--sf-ink);background:var(--sf-mint)}.knowledge-index>span:nth-of-type(3){color:var(--sf-ink);background:var(--sf-pink)}.editorial-method{padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:var(--sf-blue)}.editorial-method>.site-container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:end}.editorial-method h2{margin:.8rem 0 0;color:#fff;font-size:clamp(2.7rem,5vw,5rem);line-height:.92;letter-spacing:-.06em}.editorial-method p{margin:0;color:#fff;font-size:1.08rem;line-height:1.72}.article-glossary-link{margin-top:1.5rem;padding:1rem;display:grid;gap:.25rem;color:var(--sf-ink)!important;background:var(--sf-yellow);border:1px solid var(--sf-ink);border-radius:14px;font-size:.72rem!important;text-transform:none!important}.article-glossary-link strong{font-size:.82rem}
.knowledge-gateway,.knowledge-gateway h2,.knowledge-gateway p,.knowledge-gateway-grid>div:first-child>span{color:var(--sf-ink)}.editorial-method .eyebrow.light{display:inline-block;width:max-content;padding:.38rem .55rem;color:var(--sf-ink);background:#fff;border-radius:999px}

.glossary-intro{padding:clamp(5rem,8vw,8rem) 0;background:#fff}.glossary-intro>.site-container{display:grid;grid-template-columns:auto 1.2fr .8fr;gap:clamp(2rem,5vw,5rem);align-items:start}.glossary-intro svg{width:55px;height:55px}.glossary-intro h2{margin:0;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.92;letter-spacing:-.06em}.glossary-intro p{margin:0;color:#51514c;font-size:1.06rem;line-height:1.72}.glossary-group{padding:clamp(5rem,8vw,8rem) 0;border-top:2px solid var(--sf-ink)}.glossary-yellow{background:var(--sf-yellow)}.glossary-pink{background:var(--sf-pink)}.glossary-blue{color:#fff;background:var(--sf-blue)}.glossary-mint{background:var(--sf-mint)}.glossary-layout{display:grid;grid-template-columns:.38fr 1fr;gap:clamp(3rem,8vw,8rem)}.glossary-layout header{position:sticky;top:100px;align-self:start}.glossary-layout header>span{font-size:.68rem;font-weight:900}.glossary-layout header>svg{display:block;margin:2rem 0;width:48px;height:48px}.glossary-layout h2{margin:0 0 1rem;color:inherit;font-size:clamp(2.5rem,4.4vw,4.8rem);line-height:.92;letter-spacing:-.06em}.glossary-layout header p{color:inherit;line-height:1.65}.glossary-layout dl{margin:0;border-top:2px solid currentColor}.glossary-layout dl>div{padding:1.5rem 0;display:grid;grid-template-columns:.42fr 1fr;gap:2rem;border-bottom:1px solid currentColor}.glossary-layout dt{font-size:1.15rem;font-weight:850}.glossary-layout dd{margin:0;line-height:1.7}.glossary-next{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-ink)}.glossary-next>.site-container>span{color:var(--sf-yellow);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.glossary-next h2{max-width:1000px;margin:1rem 0 3rem;color:#fff;font-size:clamp(3rem,6vw,6.5rem);line-height:.89;letter-spacing:-.07em}.glossary-next>div>div{display:grid;grid-template-columns:repeat(4,1fr)}.glossary-next a{min-height:160px;padding:1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;color:#fff;border:1px solid #555}.glossary-next-copy{display:flex;flex-direction:column;gap:.6rem}.glossary-next-copy strong{font-size:1.08rem;line-height:1.15}.glossary-next-copy small{max-width:220px;color:#bdbdb6;font-size:.72rem;font-weight:650;line-height:1.5}.glossary-next a svg{flex:0 0 auto}.glossary-next a:hover{color:var(--sf-ink);background:var(--sf-yellow)}.glossary-next a:hover small{color:var(--sf-ink)}
.glossary-yellow,.glossary-pink,.glossary-mint,.glossary-yellow h2,.glossary-pink h2,.glossary-mint h2,.glossary-yellow p,.glossary-pink p,.glossary-mint p,.glossary-yellow dt,.glossary-pink dt,.glossary-mint dt,.glossary-yellow dd,.glossary-pink dd,.glossary-mint dd{color:var(--sf-ink)}.glossary-blue,.glossary-blue h2,.glossary-blue p,.glossary-blue dt,.glossary-blue dd{color:#fff}

.services-creative-card>b{margin-top:auto;display:flex;align-items:center;gap:.5rem;font-size:.72rem}.creative-content>b{grid-column:2;grid-row:4}.services-creative-card{text-decoration:none}

html[data-theme="dark"] .page-anchor-wrap{background:#0d0d0c}
html[data-theme="dark"] .ai-principle-section{color:var(--sf-ink)}
html[data-theme="dark"] .about-facts{border-color:#fff}html[data-theme="dark"] .about-facts span{border-color:#fff}
html[data-theme="dark"] .featured-cases,html[data-theme="dark"] .glossary-intro{background:#1b1b19;color:#fff}html[data-theme="dark"] .featured-cases h2,html[data-theme="dark"] .glossary-intro h2{color:#fff}html[data-theme="dark"] .featured-cases .content-intro p,html[data-theme="dark"] .glossary-intro p{color:#c3c3bc}
html[data-theme="dark"] .featured-case,html[data-theme="dark"] .featured-case h3,html[data-theme="dark"] .featured-case p{color:var(--sf-ink)}html[data-theme="dark"] .featured-case-2,html[data-theme="dark"] .featured-case-2 h3,html[data-theme="dark"] .featured-case-2 p{color:#fff}
html[data-theme="dark"] .contact-route{color:var(--sf-ink)}
html[data-theme="dark"] .glossary-blue{color:#fff}

/* Inner-page hero: restrained editorial white; yellow remains the accent. */
.page-hero{margin:0;padding:clamp(5.5rem,9vw,9rem) 0;background:#fff;border-radius:0;border-bottom:1px solid var(--sf-line)}
.page-hero-side{box-shadow:13px 15px 0 var(--sf-yellow)}
html[data-theme="dark"] .page-hero{background:#0d0d0c;border-color:#343430}
html[data-theme="dark"] .page-hero-side{border-color:#454540;box-shadow:13px 15px 0 var(--sf-yellow)}
html[data-theme="dark"] .page-hero .eyebrow,html[data-theme="dark"] .page-hero h1{color:#fff}

@media(max-width:1100px){
  .case-grid-more{grid-template-columns:repeat(3,1fr)}
  .featured-case{grid-template-columns:44px .7fr 1.3fr}.featured-case-graphic{display:none}
  .contact-route>.site-container{align-items:flex-start;flex-direction:column}.contact-route>.site-container>div{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .ai-principle,.about-ai-grid,.about-capabilities>.site-container,.case-method>.site-container,.knowledge-gateway-grid,.editorial-method>.site-container,.glossary-intro>.site-container,.glossary-layout{grid-template-columns:1fr}
  .ai-principle-visual{min-height:330px}.about-ai-system{max-width:650px}.principle-card{grid-column:1/-1}.about-capability-flow{max-width:700px}.case-grid-more{grid-template-columns:1fr 1fr}.glossary-layout header{position:static}.glossary-intro>.site-container{grid-template-columns:auto 1fr}.glossary-intro p{grid-column:2}.glossary-next>div>div{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .page-anchor-wrap{padding:.65rem 0}.page-anchor-nav{align-items:flex-start;flex-direction:column;gap:.55rem}.page-anchor-nav>div{width:100%}.page-anchor-nav a{padding:.58rem .72rem}
  .page-hero-grid>div:first-child>.eyebrow{margin-bottom:2.7rem}
  .ai-principle-visual{min-height:285px;padding:1rem}.ai-principle-visual>svg{width:46px;height:46px}.ai-principle-visual>strong{padding:1rem}.about-facts{grid-template-columns:1fr}.about-facts span{min-height:90px}.about-capability-flow{grid-template-columns:1fr}.about-capability-flow span{min-height:125px}.principle-card{min-height:270px}
  .contact-route>.site-container>div{grid-template-columns:1fr}.contact-grid{gap:3rem}
  .featured-case{grid-template-columns:1fr;padding:1rem}.featured-case-number{padding:.2rem}.featured-case-logo{min-height:140px}.featured-case-copy{min-height:300px}.case-grid-more{grid-template-columns:1fr}.case-method-flow{grid-template-columns:1fr}
  .knowledge-index{min-height:340px}.editorial-method>.site-container{align-items:start}.glossary-intro>.site-container{grid-template-columns:1fr}.glossary-intro p{grid-column:auto}.glossary-layout dl>div{grid-template-columns:1fr;gap:.7rem}.glossary-next>div>div{grid-template-columns:1fr}.glossary-next a{min-height:90px}
  .creative-content>b{grid-column:auto;grid-row:auto}
}

/* Navigation system — direct destinations with hover/focus previews */
.main-navigation{margin-left:auto;display:flex;align-items:center;gap:clamp(.75rem,1.35vw,1.35rem)}
.nav-flyout-services{position:static}.nav-flyout-compact{position:relative}.nav-flyout-trigger{position:relative;display:flex;align-items:center;gap:.3rem;color:var(--sf-ink);font-size:.78rem;font-weight:820;text-decoration:none;white-space:nowrap}.nav-flyout-trigger:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;border-bottom:2px solid currentColor;transition:right .2s ease}.nav-flyout:hover>.nav-flyout-trigger:after,.nav-flyout:focus-within>.nav-flyout-trigger:after,.nav-flyout.is-open>.nav-flyout-trigger:after{right:0}.nav-flyout-trigger svg{transition:transform .2s ease}.nav-flyout:hover>.nav-flyout-trigger svg,.nav-flyout:focus-within>.nav-flyout-trigger svg,.nav-flyout.is-open>.nav-flyout-trigger svg{transform:rotate(180deg)}
.nav-flyout-panel{position:absolute;z-index:50;isolation:isolate;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .13s ease,transform .13s ease,visibility 0s}.nav-flyout:focus-within>.nav-flyout-panel,.nav-flyout.is-open>.nav-flyout-panel{opacity:1;visibility:visible;pointer-events:auto}
.mega-menu-panel{left:50%;top:calc(100% - 1px);width:min(1260px,calc(100vw - 48px));padding:1rem;display:grid;grid-template-columns:.78fr 2.22fr;gap:1rem;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:0 0 28px 28px;box-shadow:0 24px 55px rgba(0,0,0,.18);transform:translate(-50%,-8px)}.nav-flyout:focus-within>.mega-menu-panel,.nav-flyout.is-open>.mega-menu-panel{transform:translate(-50%,0)}
.mega-menu-intro{min-height:310px;padding:1.5rem;display:flex;flex-direction:column;background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:20px}.mega-menu-intro>span{font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mega-menu-intro>strong{margin:auto 0 1.4rem;font-size:clamp(1.45rem,2.2vw,2.35rem);line-height:1;letter-spacing:-.05em}.mega-menu-intro>a{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:850}
.mega-menu-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.mega-group{padding:1rem;border:1px solid var(--sf-line);border-radius:18px}.mega-group>div{min-height:76px;margin-bottom:.65rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.mega-group-title{margin:0;font-size:1rem;line-height:1}.mega-group>div>svg{padding:.55rem;width:38px;height:38px;color:var(--sf-ink);background:var(--sf-yellow);border-radius:11px}.mega-group-2>div>svg{color:var(--sf-ink);background:var(--sf-pink)}.mega-group-3>div>svg{color:#fff;background:var(--sf-blue)}.mega-group-4>div>svg{color:var(--sf-ink);background:var(--sf-mint)}.mega-group>a{padding:.62rem 0;display:flex;justify-content:space-between;gap:.5rem;color:var(--sf-ink);border-top:1px solid var(--sf-line);font-size:.69rem;font-weight:750}.mega-group>a:hover{color:var(--sf-blue)}
.mega-menu-foot{grid-column:1/-1;padding:.9rem 1rem;display:flex;justify-content:space-between;align-items:center;color:#fff;background:var(--sf-ink);border-radius:15px;font-size:.72rem}.mega-menu-foot>a{display:flex;align-items:center;gap:.5rem;color:var(--sf-yellow)!important;font-weight:850}
.nav-flyout-compact:after{content:"";position:absolute;z-index:49;left:-22px;right:-22px;top:100%;height:14px}.nav-compact-panel{right:-24px;top:calc(100% + 10px);width:340px;padding:.75rem;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:20px;box-shadow:0 18px 45px rgba(0,0,0,.17);transform:translateY(-7px)}.nav-flyout:focus-within>.nav-compact-panel,.nav-flyout.is-open>.nav-compact-panel{transform:translateY(0)}.nav-compact-intro{min-height:86px;padding:.95rem;display:grid;grid-template-columns:36px 1fr;gap:.75rem;align-items:start;background:var(--sf-yellow);border-radius:13px}.nav-flyout:nth-child(3) .nav-compact-intro{background:var(--sf-pink)}.nav-flyout:nth-child(4) .nav-compact-intro{background:var(--sf-blue);color:#fff}.nav-flyout:nth-child(5) .nav-compact-intro{background:var(--sf-mint)}.nav-compact-intro svg{padding:.45rem;width:34px;height:34px;background:rgba(255,255,255,.72);border-radius:9px;color:var(--sf-ink)}.nav-compact-intro p{margin:0;font-size:.75rem;line-height:1.45;font-weight:750}.nav-compact-links{margin-top:.45rem;display:grid}.nav-compact-links a{padding:.72rem .58rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sf-line);font-size:.73rem;font-weight:760}.nav-compact-links a:hover{color:var(--sf-blue)}.nav-compact-all{margin-top:.5rem;padding:.76rem .65rem;display:flex;align-items:center;gap:.45rem;color:#fff!important;background:var(--sf-ink);border-radius:10px;font-size:.72rem;font-weight:850}
.mobile-menu>nav{max-height:calc(100vh - 100px);overflow:auto;min-width:min(430px,calc(100vw - 28px));padding:1rem}.mobile-menu>nav section{padding:.7rem 0;display:grid}.mobile-menu>nav section>strong{padding:.55rem .65rem;color:#777;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.mobile-menu>nav a{padding:.7rem .65rem;display:flex;justify-content:space-between}.mobile-menu-top{color:var(--sf-ink)!important;background:var(--sf-yellow);border-radius:10px}.mobile-menu-primary{margin-top:.5rem;border-top:2px solid currentColor}.mobile-menu-primary>a:last-child{margin-top:.4rem;color:#fff!important;background:var(--sf-ink);border-radius:10px}
html[data-theme="dark"] .nav-flyout-trigger{color:#fff}html[data-theme="dark"] .mega-menu-panel,html[data-theme="dark"] .nav-compact-panel{color:#fff;background:#181817;border-color:#73736c;box-shadow:0 24px 58px rgba(0,0,0,.48)}html[data-theme="dark"] .mega-group{border-color:#55554f}html[data-theme="dark"] .mega-group-title,html[data-theme="dark"] .mega-group>a,html[data-theme="dark"] .nav-compact-links a{color:#fff}html[data-theme="dark"] .mega-group>a,html[data-theme="dark"] .nav-compact-links a{border-color:#4f4f49}html[data-theme="dark"] .mega-menu-intro,html[data-theme="dark"] .nav-compact-intro{color:var(--sf-ink)}html[data-theme="dark"] .mega-group-1>div>svg,html[data-theme="dark"] .mega-group-2>div>svg,html[data-theme="dark"] .mega-group-4>div>svg,html[data-theme="dark"] .nav-compact-intro svg{color:var(--sf-ink)}html[data-theme="dark"] .mega-group-3>div>svg{color:#fff}html[data-theme="dark"] .nav-flyout:nth-child(4) .nav-compact-intro{color:#fff}html[data-theme="dark"] .nav-compact-all{color:var(--sf-ink)!important;background:var(--sf-yellow)}html[data-theme="dark"] .mobile-menu>nav section>strong{color:#aaa}

/* Bespoke inner-page heroes */
.page-hero-illustrated{padding:clamp(4.8rem,7vw,7.5rem) 0}.page-hero-illustrated .page-hero-grid{grid-template-columns:.88fr 1.12fr;align-items:center}.page-hero-side-illustrated{background:var(--sf-ink);box-shadow:14px 16px 0 var(--sf-yellow)}.page-hero-side-illustrated>p{padding:1.35rem 1.5rem!important;border-bottom:1px solid #41413d;font-size:.96rem!important}.hero-custom,.hero-service-visual{min-height:360px;color:#fff;background:var(--sf-ink)}
.hero-service-visual>header,.hero-custom>header,.hero-about-top{min-height:51px;padding:.75rem 1rem;display:flex;align-items:center;gap:.8rem;border-bottom:1px solid #42423d;font-size:.62rem;font-weight:850;letter-spacing:.07em}.hero-service-visual>header>span{display:flex;gap:5px}.hero-service-visual>header i{width:7px;height:7px;border-radius:50%;background:var(--sf-pink)}.hero-service-visual>header i:nth-child(2){background:var(--sf-yellow)}.hero-service-visual>header i:nth-child(3){background:var(--sf-mint)}.hero-service-visual>header strong{margin:auto}.hero-service-visual>header small,.hero-custom>header small,.hero-about-top small{margin-left:auto;padding:.28rem .5rem;color:var(--sf-ink);background:var(--sf-mint);border-radius:999px;font-size:.53rem}
.hero-service-stats{padding:.8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.hero-service-stats>div{min-height:88px;padding:.7rem;display:flex;flex-direction:column;background:#20201e;border:1px solid #44443f;border-radius:12px}.hero-service-stats span{color:#aaa;font-size:.58rem}.hero-service-stats strong{margin:auto 0 .15rem;font-size:1.4rem;letter-spacing:-.05em}.hero-service-stats small{color:var(--sf-yellow);font-size:.55rem}.hero-service-visual .sv-chart-bars{height:170px}.hero-service-visual .sv-timeline,.hero-service-visual .sv-design-kit,.hero-service-visual .sv-support-list{padding:.8rem}.hero-service-visual .sv-viewfinder{min-height:145px}.hero-service-visual .sv-browser{margin:.8rem}.hero-service-visual .sv-checkout,.hero-service-visual .sv-monitor,.hero-service-visual .sv-pipeline,.hero-service-visual .sv-network,.hero-service-visual .sv-calendar,.hero-service-visual .sv-creative{margin:.8rem}
.hero-about-flow{padding:1rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.6rem;align-items:center}.hero-about-flow>div{min-height:170px;padding:.85rem;display:flex;flex-direction:column;color:var(--sf-ink);background:#fff;border-radius:15px}.hero-about-flow>div:nth-of-type(2){color:#fff;background:var(--sf-blue)}.hero-about-flow>div:nth-of-type(3){background:var(--sf-mint)}.hero-about-flow>div>svg{margin-bottom:auto}.hero-about-flow span{font-size:.55rem;font-weight:900}.hero-about-flow strong{font-size:1.2rem}.hero-about-flow small{margin-top:.25rem;font-size:.58rem}.hero-about-flow>svg{color:var(--sf-yellow)}.hero-about-note{margin:0 1rem 1rem;padding:.75rem;display:flex;align-items:center;gap:.65rem;color:var(--sf-ink);background:var(--sf-yellow);border-radius:12px;font-size:.68rem;font-weight:850}
.hero-case-list{padding:.85rem;display:grid;gap:.55rem}.hero-case-list>div{min-height:67px;padding:.75rem;display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:1fr 1fr;align-items:center;background:#20201e;border:1px solid #454540;border-radius:12px}.hero-case-list span{grid-row:1/3;color:var(--sf-yellow);font-size:.58rem}.hero-case-list strong{font-size:.88rem}.hero-case-list small{color:#aaa;font-size:.57rem}.hero-case-list i{grid-column:3;grid-row:1/3;color:var(--sf-mint);font-size:1.25rem}.hero-cases footer{padding:1rem;display:flex;align-items:center;gap:.65rem;color:#aaa;font-size:.58rem;text-transform:uppercase}.hero-cases footer b{height:1px;flex:1;background:var(--sf-yellow)}
.hero-news-grid{padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.hero-news-grid article{min-height:128px;padding:.8rem;display:flex;flex-direction:column;color:var(--sf-ink);background:var(--sf-yellow);border-radius:14px}.hero-news-grid article:nth-child(2){background:var(--sf-mint)}.hero-news-grid article:nth-child(3){grid-column:1/-1;min-height:88px;color:#fff;background:var(--sf-blue)}.hero-news-grid span,.hero-news-grid small{font-size:.56rem;font-weight:900}.hero-news-grid strong{margin:auto 0;font-size:1.15rem;line-height:1.05}.hero-news-grid svg{margin-bottom:auto}.hero-news footer{padding:0 1rem 1rem;color:#aaa;font-size:.68rem}
.hero-contact-card{margin:1rem;padding:1.2rem;display:flex;flex-direction:column;color:var(--sf-ink);background:var(--sf-yellow);border-radius:17px}.hero-contact-card>span{display:flex;align-items:center;gap:.5rem;font-size:.57rem;font-weight:900}.hero-contact-card .online{width:8px;height:8px;background:#1f9d63;border-radius:50%;box-shadow:0 0 0 4px rgba(31,157,99,.15)}.hero-contact-card strong{margin:2.5rem 0 .8rem;font-size:clamp(2rem,3.3vw,3.4rem);line-height:.9;letter-spacing:-.055em}.hero-contact-card small{font-size:.67rem}.hero-contact-links{padding:0 1rem 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.hero-contact-links span{padding:.7rem;display:flex;align-items:center;gap:.5rem;background:#22221f;border:1px solid #464641;border-radius:11px;font-size:.62rem}.hero-contact-links svg{width:16px;color:var(--sf-mint)}
.hero-local header svg{color:var(--sf-yellow)}.hero-map{position:relative;height:235px;margin:1rem;overflow:hidden;background:linear-gradient(135deg,#20201e,#151513);border:1px solid #464641;border-radius:16px}.hero-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#3d3d38 1px,transparent 1px),linear-gradient(90deg,#3d3d38 1px,transparent 1px);background-size:38px 38px;opacity:.38}.hero-map>strong{position:absolute;left:47%;top:42%;width:55px;height:55px;display:grid;place-items:center;color:var(--sf-ink);background:var(--sf-yellow);border-radius:50%;box-shadow:0 0 0 8px rgba(245,216,25,.16)}.hero-map .place{position:absolute;z-index:2;padding:.36rem .55rem;display:flex;align-items:center;gap:.35rem;background:#292926;border:1px solid #55554f;border-radius:999px;font-size:.57rem;font-weight:800}.hero-map .place b{width:7px;height:7px;background:var(--sf-mint);border-radius:50%}.hero-map .place-1{left:12%;top:17%}.hero-map .place-2{right:12%;top:23%}.hero-map .place-3{right:10%;bottom:18%}.hero-map .place-4{left:13%;bottom:20%}.hero-map .route{position:absolute;z-index:1;height:2px;background:var(--sf-blue);transform-origin:left}.hero-map .route-1{width:66%;left:18%;top:32%;transform:rotate(17deg)}.hero-map .route-2{width:57%;left:20%;bottom:28%;transform:rotate(-21deg)}.hero-local footer{padding:0 1rem 1rem;display:flex;gap:.8rem;flex-wrap:wrap}.hero-local footer span{display:flex;align-items:center;gap:.3rem;color:#aaa;font-size:.57rem}.hero-local footer svg{width:13px;color:var(--sf-mint)}

/* Four genuinely different micro-illustrations instead of repeated bars */
.service-card-mini{width:min(320px,88%);min-height:128px}.service-card-mini>div{height:68px}.mini-flow{display:flex!important;align-items:center;gap:.35rem}.mini-flow i{width:24px!important;height:24px!important;flex:0 0 auto;background:var(--sf-yellow)!important;border:2px solid var(--sf-ink);border-radius:50%!important}.mini-flow i:last-child{background:var(--sf-mint)!important}.mini-flow b{height:2px;flex:1;background:var(--sf-ink)}
.mini-layout{display:grid!important;grid-template-columns:.36fr 1fr;gap:.45rem}.mini-layout>i{width:auto!important;height:100%!important;background:var(--sf-blue)!important;border-radius:5px!important}.mini-layout>span{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.mini-layout b{display:block;background:var(--sf-ink);border-radius:5px}.mini-layout b:first-child{grid-column:1/-1;background:var(--sf-yellow)}.mini-layout b:last-child{background:var(--sf-mint)}
.mini-chart{display:flex!important;align-items:flex-end;gap:.35rem}.mini-chart i{width:auto!important;flex:1;background:var(--sf-ink)!important;border-radius:4px 4px 0 0!important}.mini-chart i:nth-child(1){height:35%}.mini-chart i:nth-child(2){height:54%;background:var(--sf-blue)!important}.mini-chart i:nth-child(3){height:45%}.mini-chart i:nth-child(4){height:72%;background:var(--sf-mint)!important}.mini-chart i:nth-child(5){height:64%}.mini-chart i:nth-child(6){height:92%;background:var(--sf-yellow)!important}
.mini-checks{display:grid!important;height:auto!important;gap:.35rem}.mini-checks span{padding:.28rem .4rem;display:flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.55);border:1px solid rgba(17,17,15,.2);border-radius:6px;font-size:.54rem;font-weight:750}.mini-checks i{width:9px!important;height:9px!important;background:var(--sf-mint)!important;border:2px solid var(--sf-ink);border-radius:50%!important}
html[data-theme="dark"] .service-item:hover,html[data-theme="dark"] .service-card:hover,html[data-theme="dark"] .principle-card:hover,html[data-theme="dark"] .case-card:hover,html[data-theme="dark"] .article-card:hover{box-shadow:0 0 0 2px #fff,9px 10px 0 rgba(255,255,255,.18)}

/* Final surface ownership: component colour wins over inherited page mode. */
.site-header a.header-cta{color:#fff!important}
html[data-theme="dark"] .site-header a.header-cta{color:var(--sf-ink)!important}
.case-card .project-place{color:#343431}
.article-card:nth-child(2) .article-meta{color:var(--sf-ink)}

html[data-theme="dark"] .principle-card:nth-child(1),
html[data-theme="dark"] .principle-card:nth-child(1) h3,
html[data-theme="dark"] .principle-card:nth-child(1) p,
html[data-theme="dark"] .principle-card:nth-child(3),
html[data-theme="dark"] .principle-card:nth-child(3) h3,
html[data-theme="dark"] .principle-card:nth-child(3) p,
html[data-theme="dark"] .principle-card:nth-child(4),
html[data-theme="dark"] .principle-card:nth-child(4) h3,
html[data-theme="dark"] .principle-card:nth-child(4) p{color:var(--sf-ink)}
html[data-theme="dark"] .principle-card:nth-child(2),
html[data-theme="dark"] .principle-card:nth-child(2) h3,
html[data-theme="dark"] .principle-card:nth-child(2) p{color:#fff}

html[data-theme="dark"] .glossary-yellow,
html[data-theme="dark"] .glossary-pink,
html[data-theme="dark"] .glossary-mint,
html[data-theme="dark"] .glossary-yellow h2,
html[data-theme="dark"] .glossary-pink h2,
html[data-theme="dark"] .glossary-mint h2,
html[data-theme="dark"] .glossary-yellow p,
html[data-theme="dark"] .glossary-pink p,
html[data-theme="dark"] .glossary-mint p,
html[data-theme="dark"] .glossary-yellow dt,
html[data-theme="dark"] .glossary-pink dt,
html[data-theme="dark"] .glossary-mint dt,
html[data-theme="dark"] .glossary-yellow dd,
html[data-theme="dark"] .glossary-pink dd,
html[data-theme="dark"] .glossary-mint dd{color:var(--sf-ink)}
html[data-theme="dark"] .glossary-blue,
html[data-theme="dark"] .glossary-blue h2,
html[data-theme="dark"] .glossary-blue p,
html[data-theme="dark"] .glossary-blue dt,
html[data-theme="dark"] .glossary-blue dd{color:#fff}

html[data-theme="dark"] .knowledge-gateway,
html[data-theme="dark"] .knowledge-gateway h2,
html[data-theme="dark"] .knowledge-gateway p,
html[data-theme="dark"] .knowledge-gateway-grid>div:first-child>span{color:var(--sf-ink)}

html[data-theme="dark"] .case-card:nth-child(3n+1){color:#fff;background:#242421;border-color:#62625b}
html[data-theme="dark"] .case-card:nth-child(3n+2){color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-ink)}
html[data-theme="dark"] .case-card:nth-child(3n+3){color:var(--sf-ink);background:var(--sf-mint);border-color:var(--sf-ink)}
html[data-theme="dark"] .case-card:nth-child(3n+1) h3,
html[data-theme="dark"] .case-card:nth-child(3n+1) p,
html[data-theme="dark"] .case-card:nth-child(3n+1) a,
html[data-theme="dark"] .case-card:nth-child(3n+1) .project-place{color:#fff}
html[data-theme="dark"] .case-card:nth-child(3n+2) h3,
html[data-theme="dark"] .case-card:nth-child(3n+2) p,
html[data-theme="dark"] .case-card:nth-child(3n+2) a,
html[data-theme="dark"] .case-card:nth-child(3n+2) .project-place,
html[data-theme="dark"] .case-card:nth-child(3n+3) h3,
html[data-theme="dark"] .case-card:nth-child(3n+3) p,
html[data-theme="dark"] .case-card:nth-child(3n+3) a,
html[data-theme="dark"] .case-card:nth-child(3n+3) .project-place{color:var(--sf-ink)}
html[data-theme="dark"] .case-card:nth-child(3n+2) .chip-row span,
html[data-theme="dark"] .case-card:nth-child(3n+3) .chip-row span{color:var(--sf-ink);background:rgba(255,255,255,.68);border-color:var(--sf-ink)}

html[data-theme="dark"] .article-card:nth-child(2),
html[data-theme="dark"] .article-card:nth-child(2) h3,
html[data-theme="dark"] .article-card:nth-child(2) p,
html[data-theme="dark"] .article-card:nth-child(2) a,
html[data-theme="dark"] .article-card:nth-child(2) .article-meta{color:var(--sf-ink)}
html[data-theme="dark"] .article-card:nth-child(2){background:var(--sf-mint);border-color:var(--sf-ink)}

/* Header alignment and the approved two-line navigation marker. */
.nav-flyout-services,.nav-flyout-compact{position:static}
.nav-flyout-trigger:before,.nav-flyout-trigger:after{content:"";position:absolute;left:0;right:100%;transition:right .2s ease}
.nav-flyout-trigger:before{bottom:-13px;border-bottom:2px solid var(--sf-yellow)}
.nav-flyout-trigger:after{bottom:-8px;border-bottom:2px solid currentColor}
.nav-flyout:hover>.nav-flyout-trigger:before,.nav-flyout:hover>.nav-flyout-trigger:after,.nav-flyout:focus-within>.nav-flyout-trigger:before,.nav-flyout:focus-within>.nav-flyout-trigger:after,.nav-flyout.is-open>.nav-flyout-trigger:before,.nav-flyout.is-open>.nav-flyout-trigger:after{right:0}
.nav-flyout-compact:after{display:none}
.nav-compact-panel{left:var(--nav-panel-left,calc(100% - 364px));right:auto;top:calc(100% - 1px);border-radius:0 0 20px 20px;transform:translateY(-8px)}
.nav-flyout:focus-within>.nav-compact-panel,.nav-flyout.is-open>.nav-compact-panel{transform:translateY(0)}

@media(max-width:1180px){.main-navigation{display:none}.header-cta{display:none}.mobile-menu{display:block}.page-hero-illustrated .page-hero-grid{grid-template-columns:1fr}.page-hero-illustrated .page-hero-grid>div:first-child{max-width:900px}.page-hero-side-illustrated{max-width:850px}}
@media(max-width:720px){.page-hero-side-illustrated>p{padding:1.1rem!important}.hero-custom,.hero-service-visual{min-height:320px}.hero-service-stats{grid-template-columns:1fr 1fr}.hero-service-stats>div:last-child{grid-column:1/-1;min-height:72px}.hero-about-flow{grid-template-columns:1fr;}.hero-about-flow>svg{display:none}.hero-about-flow>div{min-height:105px}.hero-contact-links{grid-template-columns:1fr}.hero-news-grid{grid-template-columns:1fr}.hero-news-grid article:nth-child(3){grid-column:auto}.hero-map{height:210px}}

/* Navigation, content placement and mobile quality pass */
html,body{max-width:100%;overflow-x:clip}
.nav-row>.header-cta{margin-left:0}
.mobile-menu{position:relative;display:none;margin-left:auto}
.mobile-menu-toggle{width:46px;height:46px;margin-left:auto;padding:0;display:grid;place-items:center;color:var(--sf-ink);background:#fff;border:1px solid var(--sf-ink);border-radius:50%;cursor:pointer}
.mobile-menu-icon-open,.mobile-menu-icon-close{display:grid;place-items:center}.mobile-menu-icon-close{display:none}.menu-toggle[aria-expanded="true"] .mobile-menu-icon-open{display:none}.menu-toggle[aria-expanded="true"] .mobile-menu-icon-close{display:grid}.menu-toggle[aria-expanded="true"]{color:var(--sf-ink);background:var(--sf-yellow)}
.mobile-menu-backdrop{position:fixed;z-index:68;inset:0;padding:0;background:rgba(10,10,9,.5);border:0;backdrop-filter:blur(3px)}
.mobile-menu-panel{position:absolute;z-index:70;right:0;top:calc(100% + 12px);width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:24px;box-shadow:9px 10px 0 var(--sf-yellow)}
.mobile-menu-panel>header{position:sticky;z-index:2;top:0;min-height:70px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--sf-line)}
.mobile-menu-panel>header>span{font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mobile-menu-panel .theme-toggle{margin:0;width:43px;height:43px}
.mobile-menu-panel>nav{position:static;width:auto;padding:.85rem;display:grid;gap:.65rem;background:transparent;border:0;border-radius:0;box-shadow:none}
.mobile-menu-linkrow{min-height:58px;overflow:hidden;display:grid;grid-template-columns:1fr 56px;align-items:stretch;color:#fff;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:14px}
.mobile-menu-panel .mobile-menu-linkrow>a{padding:0 1rem;display:flex;align-items:center;color:#fff;border:0;font-size:1rem;font-weight:850}
.mobile-menu-linkrow>button{display:grid;place-items:center;color:#fff;background:transparent;border:0;cursor:pointer}
.mobile-menu-linkrow>button svg{transition:transform .18s ease}.mobile-menu-linkrow>button[aria-expanded="true"] svg{transform:rotate(180deg)}
.mobile-service-groups{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.mobile-service-groups section{padding:.85rem;background:var(--sf-paper);border:1px solid var(--sf-line);border-radius:14px}
.mobile-service-groups strong{min-height:34px;margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem;font-size:.7rem;letter-spacing:.04em}
.mobile-service-groups strong svg{color:var(--sf-blue)}
.mobile-service-groups a,.mobile-primary-links a{min-height:46px;padding:.72rem .15rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;color:var(--sf-ink);border-bottom:1px solid var(--sf-line);font-size:.76rem;font-weight:760}
.mobile-service-groups a:last-child,.mobile-primary-links a:last-child{border-bottom:0}
.mobile-primary-links{padding:.15rem .85rem;background:#fff;border:1px solid var(--sf-line);border-radius:14px}
.mobile-primary-links a{font-size:.88rem}
.mobile-menu-panel .mobile-contact-link{min-height:56px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;color:var(--sf-ink);background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:14px;font-size:.86rem;font-weight:900}
html[data-theme="dark"] .mobile-menu-toggle{color:#fff;background:#181817;border-color:#74746d}
html[data-theme="dark"] .mobile-menu-panel{color:#fff;background:#181817;border-color:#73736c;box-shadow:9px 10px 0 var(--sf-yellow)}
html[data-theme="dark"] .mobile-menu-panel>header{background:#181817;border-color:#494944}
html[data-theme="dark"] .mobile-service-groups section,html[data-theme="dark"] .mobile-primary-links{background:#232320;border-color:#50504a}
html[data-theme="dark"] .mobile-service-groups a,html[data-theme="dark"] .mobile-primary-links a{color:#fff;border-color:#484843}
html[data-theme="dark"] .mobile-menu-panel a.mobile-contact-link,
html[data-theme="dark"] .mobile-menu-panel a.mobile-contact-link svg{color:var(--sf-ink)}
html[data-theme="dark"] .mobile-menu-panel a.mobile-contact-link{background:var(--sf-yellow);border-color:var(--sf-ink)}

.creative-copy{grid-column:span 5;background:var(--sf-mint)}
.creative-content{grid-column:span 7;min-height:570px;display:flex}
.creative-content .creative-frame{width:auto;height:auto;min-height:265px}
.creative-content>div:nth-child(2),.creative-content h3,.creative-content p{grid-column:auto;grid-row:auto}
.creative-content>div:nth-child(2){margin-top:auto}.creative-content h3{align-self:auto;margin:1rem 0}
.creative-copy-editor{overflow:hidden;min-height:265px;color:#fff;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:20px}
.creative-copy-editor>header{min-height:42px;padding:0 .8rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #454540}
.creative-copy-editor>header>span{display:flex;gap:5px}.creative-copy-editor>header i{width:7px;height:7px;background:var(--sf-pink);border-radius:50%}.creative-copy-editor>header i:nth-child(2){background:var(--sf-yellow)}.creative-copy-editor>header i:nth-child(3){background:var(--sf-mint)}
.creative-copy-editor>header small{padding:.3rem .5rem;color:var(--sf-ink);background:var(--sf-yellow);border-radius:999px;font-size:.53rem;font-weight:900}
.creative-copy-editor>strong{margin:2rem 1.1rem .55rem;display:block;font-size:clamp(1.75rem,3.2vw,3.1rem);line-height:.94;letter-spacing:-.055em}
.creative-copy-editor>p{margin:0 1.1rem;color:#bdbdb6;font-size:.68rem}
.creative-copy-editor>div{margin:1.5rem 1.1rem 1.1rem;display:grid;gap:.42rem}.creative-copy-editor>div i{height:8px;background:#fff;border-radius:99px}.creative-copy-editor>div i:nth-child(2){width:84%;background:var(--sf-mint)}.creative-copy-editor>div i:nth-child(3){width:62%;background:var(--sf-yellow)}
html[data-theme="dark"] .creative-copy,html[data-theme="dark"] .creative-copy h3,html[data-theme="dark"] .creative-copy p,html[data-theme="dark"] .creative-copy>div:nth-child(2){color:var(--sf-ink)}

@media(max-width:1180px){
  .mobile-menu,.menu-toggle{display:block}
  .main-navigation,.nav-row>.header-cta{display:none}
}
@media(max-width:1000px){
  .creative-design,.creative-material,.creative-copy,.creative-content{grid-column:span 6}
}
@media(max-width:720px){
  .site-container{width:min(100% - 32px,1260px)}
  .site-header{height:72px}.nav-row{min-height:72px;gap:.75rem}.signal-wordmark{font-size:1.55rem}.signal-wordmark strong{font-size:2rem}
  .mobile-menu-toggle{width:44px;height:44px}.mobile-menu-panel{position:fixed;right:14px;top:82px;max-height:calc(100dvh - 96px);width:calc(100vw - 28px);border-radius:20px;box-shadow:6px 7px 0 var(--sf-yellow)}
  .mobile-menu-backdrop{top:72px}.mobile-service-groups{grid-template-columns:1fr}.mobile-menu-panel>nav{padding:.7rem}.mobile-service-groups section{padding:.75rem}
  .page-hero,.page-hero-illustrated{margin:0;padding:3.8rem 0 4.3rem;border-radius:0 0 24px 24px}.page-hero-grid>div:first-child>.eyebrow{margin-bottom:2.5rem}.page-hero h1{font-size:clamp(2.8rem,12.7vw,4.35rem);line-height:.92}.page-hero-side-illustrated{border-radius:22px;box-shadow:8px 9px 0 var(--sf-yellow)}
  .hero-custom,.hero-service-visual{min-height:285px}.hero-service-stats{grid-template-columns:1fr}.hero-service-stats>div:last-child{grid-column:auto}.hero-about-flow>div{min-height:96px}
  .section,.content-section,.services-marketing,.services-together,.services-faq{padding-top:4.8rem;padding-bottom:4.8rem}
  .services-overview-grid{padding-top:3.6rem;padding-bottom:4.25rem}.services-overview-copy h1{font-size:clamp(2.85rem,12.8vw,4.35rem);line-height:.91}.services-overview-actions{width:100%;gap:1rem}.services-overview-actions a:first-child{min-height:52px}.services-hero-result>header{grid-template-columns:1fr auto}.services-hero-result>header>strong{display:none}.services-hero-result-lead,.services-hero-result-metrics{padding-left:1.1rem;padding-right:1.1rem}.services-hero-result-bars{margin-left:1.1rem;margin-right:1.1rem}
  .services-overview-signals{padding:1.2rem 1rem}.services-overview-signals span{font-size:.72rem}
  .services-page section[id]{scroll-margin-top:82px}
  .services-anchor-nav{display:block}.services-anchor-nav>span{display:none}.services-anchor-nav>div{width:100%;padding-bottom:.1rem}.services-anchor-nav a{min-height:42px;display:flex;align-items:center}
  .services-editorial-head h2,.services-editorial-head.compact h2{font-size:clamp(2.55rem,11.7vw,4rem);line-height:.93}.services-editorial-head>p{font-size:1rem}
  .services-core-card,.services-core-card.core-shop,.services-core-card.core-drift{min-height:430px}.services-core-card h3{font-size:clamp(2.25rem,11vw,3.55rem)}
  .services-marketing-head h2{font-size:clamp(2.6rem,11.8vw,4rem)}.services-marketing-card{min-height:310px;padding:1.35rem}.services-marketing-card h3,.services-marketing-card:nth-child(n+3) h3{font-size:clamp(1.9rem,9.3vw,2.8rem)}
  .creative-design,.creative-material,.creative-copy,.creative-content{grid-column:1/-1;min-height:475px;padding:1.35rem}.creative-content{display:flex}.creative-content .creative-frame,.creative-copy-editor,.creative-symbol,.creative-material-stack{min-height:225px}.services-creative-card h3{font-size:clamp(2rem,9.8vw,3rem)}
  .services-system-card,.services-system-card:last-child{min-height:365px}.services-system-scope{padding:1.2rem;border-radius:17px}.services-system-scope small{min-height:42px}
  .services-together-copy h2{font-size:clamp(2.7rem,12vw,4.2rem)}.services-flow>div{min-height:205px}.services-advice-lead h2{font-size:clamp(2.8rem,13vw,4.4rem)}
  .floating-theme-toggle{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom))}.floating-theme-toggle .theme-toggle{width:48px;height:48px}.floating-theme-toggle .theme-toggle svg{width:19px;height:19px}
  h1,h2,h3{text-wrap:balance;overflow-wrap:break-word}
}
@media(max-width:390px){
  .site-container{width:calc(100% - 24px)}.mobile-menu-panel{right:10px;width:calc(100vw - 20px)}
  .services-overview-copy h1,.page-hero h1{font-size:2.75rem}.services-editorial-head h2,.services-editorial-head.compact h2,.services-marketing-head h2{font-size:2.45rem}
  .services-checkout>div{grid-template-columns:70px 1fr auto;padding:0 .75rem}.services-hero-result>footer span{font-size:.53rem;letter-spacing:.04em}
}

/* 5.1.1 — WordPress/front-page parity with the approved live experience */
.rp-analytics{animation:rp-float 5s ease-in-out infinite}
.rp-bars i{transform-origin:bottom;animation:rp-bar-pulse 4s ease-in-out infinite}
.rp-code{animation:rp-float-small 4s ease-in-out infinite}
.rp-process-code{box-shadow:0 30px 80px rgba(0,0,0,.28)}
.rp-process-code code span{color:var(--rp-yellow);animation:rp-blink 1s steps(1) infinite}

.rp-service-grid article{min-height:470px;padding:1.5rem;gap:1.25rem;overflow:hidden;transition:transform .25s ease,border-radius .25s ease,box-shadow .25s ease}
.rp-service-grid article>header{align-items:center;font-size:.72rem;font-weight:900}
.rp-service-grid h3{margin:0 0 .85rem;font-size:clamp(1.75rem,2.5vw,2.7rem);line-height:.98;letter-spacing:-.05em}
.rp-service-grid p{margin:0 0 1.35rem;font-size:1rem;line-height:1.55}
.rp-service-grid a{font-size:.8rem}
.rp-service-main,.rp-service-dark{min-height:500px!important}
.rp-service-copy{margin-top:auto}

.rp-home-visual{position:relative;min-height:168px;width:100%;overflow:hidden;border:2px solid currentColor;border-radius:18px;font-style:normal}
.rp-service-main .rp-home-visual,.rp-service-dark .rp-home-visual{min-height:205px}
.rp-home-window{height:37px;padding:0 .7rem;display:flex;align-items:center;gap:5px;border-bottom:2px solid currentColor}
.rp-home-window i{width:7px;height:7px;background:currentColor;border-radius:50%}
.rp-home-window span{margin-left:auto;font-size:.55rem}
.rp-home-web-body{height:166px;padding:1rem;display:grid;grid-template-columns:.72fr 1.28fr;gap:.7rem}
.rp-home-web-body>b{display:block;background:var(--rp-blue);border:2px solid var(--rp-ink);border-radius:11px}
.rp-home-web-body>div{padding:1rem;display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:2px solid var(--rp-ink);border-radius:11px;color:var(--rp-ink)}
.rp-home-web-body>div>span{width:70%;height:7px;background:var(--rp-pink);border-radius:99px}
.rp-home-web-body strong{margin:auto 0;font-size:clamp(.8rem,1.4vw,1.1rem)}
.rp-home-web-body small{padding:.45rem .6rem;background:var(--rp-yellow);border-radius:99px;font-size:.48rem}
.rp-home-web>em{position:absolute;right:.55rem;top:.48rem;padding:.22rem .38rem;border:1px solid currentColor;border-radius:99px;font-size:.45rem;font-style:normal}
.rp-home-web>em:last-child{right:3.55rem}

.rp-home-search{padding:.65rem;background:#fff;color:var(--rp-ink)}
.rp-home-search>div{height:35px;padding:0 .7rem;display:flex;align-items:center;gap:.55rem;border:1px solid var(--rp-ink);border-radius:99px;font-size:.53rem}
.rp-home-search ol{margin:.55rem 0 0;padding:0;list-style:none;display:grid;gap:.36rem}
.rp-home-search li{min-height:32px;padding:.35rem .55rem;display:grid;grid-template-columns:24px 1fr auto;align-items:center;border:1px solid #d8d7d1;border-radius:8px;font-size:.5rem}
.rp-home-search li b{color:var(--rp-blue)}
.rp-home-search li i{padding:.18rem .32rem;background:var(--rp-mint);border-radius:99px;font-style:normal}

.rp-home-campaign{padding:.8rem;background:#1a1a18;color:#fff}
.rp-home-campaign>div{display:flex;align-items:center}
.rp-home-campaign>div span{font-size:.52rem;letter-spacing:.1em}
.rp-home-campaign>div b{margin-left:auto;color:var(--rp-mint);font-size:1.15rem}
.rp-home-campaign section{height:82px;margin:.7rem 0;display:flex;align-items:flex-end;gap:.42rem;border-bottom:1px solid #5a5a54}
.rp-home-campaign section i{height:30%;flex:1;background:var(--rp-pink);border-radius:5px 5px 0 0}
.rp-home-campaign section i:nth-child(2){height:48%;background:#fff}
.rp-home-campaign section i:nth-child(3){height:42%;background:var(--rp-yellow)}
.rp-home-campaign section i:nth-child(4){height:68%;background:var(--rp-mint)}
.rp-home-campaign section i:nth-child(5){height:63%;background:#fff}
.rp-home-campaign section i:nth-child(6){height:92%;background:var(--rp-yellow)}
.rp-home-campaign footer{display:flex;justify-content:space-between;font-size:.48rem;letter-spacing:.08em}
.rp-home-campaign footer strong{color:var(--rp-yellow)}

.rp-home-systems{padding:1rem;display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;background:#1a1a18;color:#fff}
.rp-home-system-node{min-height:105px;padding:.65rem;display:flex;flex-direction:column;align-items:flex-start;background:#242421;border:1px solid #55554f;border-radius:12px}
.rp-home-system-node:nth-of-type(2){color:var(--rp-ink);background:var(--rp-yellow);border-color:var(--rp-yellow)}
.rp-home-system-node:nth-of-type(3){color:var(--rp-ink);background:var(--rp-mint);border-color:var(--rp-mint)}
.rp-home-system-node span{font-size:.49rem}
.rp-home-system-node strong{margin-top:auto;font-size:.72rem}
.rp-home-systems>i{height:2px;background:var(--rp-yellow)}
.rp-home-systems footer{position:absolute;left:1rem;right:1rem;bottom:.7rem;display:flex;align-items:center;gap:.4rem;color:#aaa;font-size:.48rem}
.rp-home-systems footer b{width:7px;height:7px;background:var(--rp-mint);border-radius:50%}

.rp-system{transform:rotate(1deg)}
.rp-system section>div{transition:background-color .16s ease}
.rp-system section>div:last-child{border-bottom:0}
.rp-system section span{font-size:.62rem;font-weight:900}
.rp-system section strong{font-size:1.05rem}
.rp-system section small{color:#77756f}
.rp-system section>div:nth-child(2) i{background:var(--rp-blue)}
.rp-system section>div:nth-child(3) i{background:var(--rp-pink)}
.rp-system section>div:nth-child(4) i{background:var(--rp-yellow)}

.rp-client-grid article{border-width:1px;border-color:#cfcec7;transition:transform .25s ease,box-shadow .25s ease}
.rp-client-grid h3{margin:1.2rem 0 .8rem;letter-spacing:-.05em}
.rp-client-grid p{margin:0 0 1.5rem}

.rp-actions a svg,.rp-inline svg,.rp-service-grid a svg,.rp-connected a svg,.rp-client-grid a svg,.rp-work-more svg,.rp-cta a svg{transition:transform .18s ease}

@media(hover:hover) and (pointer:fine){
  .rp-service-grid article:hover,.rp-service-grid article:focus-within{transform:translateY(-6px);border-radius:17px;box-shadow:9px 10px 0 rgba(17,17,15,.13)}
  .rp-system section>div:hover{background:var(--rp-yellow)}
  .rp-client-grid article:hover,.rp-client-grid article:focus-within{transform:translateY(-6px);box-shadow:0 20px 50px rgba(17,17,15,.09)}
  .rp-actions a:hover svg,.rp-inline:hover svg,.rp-service-grid a:hover svg,.rp-connected a:hover svg,.rp-client-grid a:hover svg,.rp-work-more:hover svg,.rp-cta a:hover svg{transform:translateX(4px)}
}

@keyframes rp-float{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-9px) rotate(.35deg)}}
@keyframes rp-float-small{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes rp-bar-pulse{0%,100%{transform:scaleY(.92)}50%{transform:scaleY(1)}}
@keyframes rp-blink{50%{opacity:0}}

@media(max-width:1050px){.rp-system{transform:none}}
@media(max-width:700px){
  .rp-service-grid article,.rp-service-main,.rp-service-dark{min-height:445px!important}
  .rp-home-systems{padding:.7rem;grid-template-columns:1fr 20px 1fr 20px 1fr}
  .rp-home-system-node{min-height:95px;padding:.45rem}
}
@media(prefers-reduced-motion:reduce){
  .rp-analytics,.rp-code,.rp-bars i,.rp-process-code code span{animation:none!important}
  .rp-service-grid article,.rp-client-grid article,.rp-system section>div{transition:none!important}
}

/* 5.1.2 — reliable responsive navigation */
.mobile-menu-toggle,
.mobile-menu-panel,
.mobile-menu-backdrop{display:none}
.mobile-menu-panel[hidden],
.mobile-menu-backdrop[hidden],
.mobile-service-groups[hidden]{display:none!important}
body.mobile-menu-open{overflow:hidden}

@media(max-width:1180px){
  .mobile-menu-toggle{display:grid}
  .mobile-menu-panel:not([hidden]){display:block}
  .mobile-menu-backdrop:not([hidden]){display:block}
  .mobile-service-groups:not([hidden]){display:grid}
  .main-navigation,.nav-row>.header-cta{display:none}
}

@media(max-width:720px){
  .mobile-menu-panel:not([hidden]){left:14px;right:14px;width:auto}
}

@media(max-width:390px){
  .mobile-menu-panel:not([hidden]){left:10px;right:10px;width:auto}
}

@media(min-width:1181px){
  .mobile-menu-toggle,
  .mobile-menu-panel,
  .mobile-menu-backdrop{display:none!important}
  .main-navigation{display:flex}
  .nav-row>.header-cta{display:flex}
}

/* Shared in-page actions and floating navigation controls. */
.services-anchor-nav .anchor-contact-link,
.page-anchor-nav .anchor-contact-link{display:flex;align-items:center;gap:.42rem;color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-yellow)}
.services-anchor-nav .anchor-contact-link:hover,
.page-anchor-nav .anchor-contact-link:hover{color:var(--sf-ink);background:var(--sf-mint);border-color:var(--sf-mint)}
.services-anchor-nav a.is-active,
.page-anchor-nav a.is-active{color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-yellow);box-shadow:inset 0 0 0 1px var(--sf-yellow)}
.floating-site-controls{display:flex;flex-direction:column;align-items:center;gap:.55rem}
.floating-site-controls[hidden],.back-to-top[hidden]{display:none!important}
.back-to-top{width:48px;height:48px;padding:0;display:grid;place-items:center;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:50%;box-shadow:0 7px 20px rgba(0,0,0,.2);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.back-to-top:hover,.back-to-top:focus-visible{background:var(--sf-yellow);transform:translateY(-2px)}
html[data-theme="dark"] .back-to-top{color:#fff;background:#20201e;border-color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.42)}
html[data-theme="dark"] .back-to-top:hover,html[data-theme="dark"] .back-to-top:focus-visible{color:var(--sf-ink);background:var(--sf-mint);border-color:var(--sf-mint)}
.services-faq .faq-list summary{padding-right:3.6rem}
.services-faq .faq-list summary::after{right:1.2rem;top:50%;width:30px;height:30px;display:grid;place-items:center;line-height:1;transform:translateY(-50%)}
.services-faq .faq-list details[open] summary::after{transform:translateY(-50%)}
.services-faq .faq-list summary b{display:none!important}
@media(max-width:720px){
  .floating-site-controls{gap:.45rem}
  .back-to-top{width:44px;height:44px}
  .services-anchor-nav .anchor-contact-link,
  .page-anchor-nav .anchor-contact-link{padding-left:.8rem;padding-right:.8rem}
  .services-faq .faq-list summary{padding-right:3.35rem}
  .services-faq .faq-list summary::after{right:1rem;width:28px;height:28px;font-size:1.4rem}
}

/* 5.3.5 — scroll-aware anchor navigation and aligned service icons. */
.services-card-icon-row{display:grid!important;place-items:center!important;place-content:center!important;justify-content:center!important;align-content:center!important;line-height:0}
.services-card-icon-row svg{display:block;margin:0;transform:none}

/* 5.2.0 — differentiated service pages and completed illustration system */
.button,.button-primary,.button-outline,.button-light,.contact-form button[type="submit"]{border-radius:999px!important}
.page-hero-side-illustrated{min-width:0}.hero-scene{min-height:236px;color:#fff;background:#171715}.wp-hero-scene{padding:0;overflow:hidden}.wp-hero-scene>header{height:43px;padding:0 .85rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #474741;font-size:.54rem;font-weight:900;letter-spacing:.08em}.wp-hero-scene-grid{padding:.8rem;display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.wp-hero-scene-grid article{min-height:76px;padding:.7rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--sf-ink);background:#fff;border-radius:11px}.wp-hero-scene-grid article:nth-child(2){background:var(--sf-yellow)}.wp-hero-scene-grid article:nth-child(3){background:var(--sf-pink)}.wp-hero-scene-grid article:nth-child(4){background:var(--sf-mint)}.wp-hero-scene-grid span{font-size:.5rem;font-weight:900}.wp-hero-scene-grid strong{font-size:.78rem}.wp-hero-scene-grid i{width:42%;height:5px;background:var(--sf-blue);border-radius:99px}.wp-hero-scene>footer{padding:0 .8rem .8rem;display:flex;align-items:center;gap:.5rem;color:#aaa;font-size:.5rem;font-weight:800}.wp-hero-scene>footer b{width:7px;height:7px;background:var(--sf-mint);border-radius:50%}.hero-scene-commerce .wp-hero-scene-grid article:first-child,.hero-scene-search .wp-hero-scene-grid article:nth-child(2){background:var(--sf-mint)}.hero-scene-campaign .wp-hero-scene-grid article:first-child{background:var(--sf-pink)}.hero-scene-editorial .wp-hero-scene-grid{grid-template-columns:1.2fr .8fr}.hero-scene-studio .wp-hero-scene-grid article:nth-child(odd){background:var(--sf-blue);color:#fff}.hero-scene-operations .wp-hero-scene-grid article{min-height:54px;display:grid;grid-template-columns:auto 1fr;align-items:center;background:#242421;color:#fff;border:1px solid #4d4d48}.hero-scene-operations .wp-hero-scene-grid i{justify-self:end;background:var(--sf-mint)}.hero-scene-systems{background-image:linear-gradient(#343430 1px,transparent 1px),linear-gradient(90deg,#343430 1px,transparent 1px);background-size:32px 32px}
.hero-glossary{padding-bottom:1rem}.hero-glossary-search{height:47px;margin:1rem;padding:0 .8rem;display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;color:var(--sf-ink);background:#fff;border-radius:999px;font-size:.65rem}.hero-glossary-search kbd{padding:.3rem .45rem;background:var(--sf-yellow);border-radius:7px;font:700 .55rem/1 sans-serif}.hero-glossary-terms{padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.hero-glossary-terms article{min-height:72px;padding:.7rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--sf-ink);background:var(--sf-yellow);border-radius:11px}.hero-glossary-terms article:nth-child(2){background:var(--sf-pink)}.hero-glossary-terms article:nth-child(3){background:var(--sf-mint)}.hero-glossary-terms article:nth-child(4){color:#fff;background:var(--sf-blue)}.hero-glossary-terms span{font-size:1.2rem;font-weight:900}.hero-glossary-terms small{font-size:.55rem}.hero-glossary footer{padding:1rem 1rem 0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.hero-glossary footer span{margin-right:auto;color:var(--sf-yellow);font-size:.55rem;font-weight:900}.hero-glossary footer b{padding:.3rem .45rem;background:#272724;border-radius:999px;font-size:.48rem}
.story-editorial{color:var(--sf-ink)!important;background:#fff!important}.story-editorial .service-showcase-grid{grid-template-columns:1.08fr .92fr}.story-editorial .service-dashboard{transform:rotate(1.4deg);box-shadow:16px 18px 0 var(--sf-pink)}.story-studio{background:var(--sf-blue)!important}.story-studio .service-showcase-grid{grid-template-columns:.72fr 1.28fr}.story-studio .service-dashboard{transform:rotate(-1deg);box-shadow:15px 17px 0 var(--sf-yellow)}.story-commerce{background:var(--sf-yellow)!important}.story-commerce .service-showcase-copy{padding:2rem;color:#fff;background:var(--sf-ink);border-radius:28px}.story-commerce .service-dashboard{box-shadow:15px 17px 0 var(--sf-blue)}.story-search{background:#fff!important;color:var(--sf-ink)!important}.story-search .service-showcase-grid{grid-template-columns:.68fr 1.32fr}.story-search .service-dashboard{box-shadow:15px 17px 0 var(--sf-mint)}.story-web{background:var(--sf-blue)!important}.story-web .service-dashboard{box-shadow:15px 17px 0 var(--sf-yellow)}.story-operations{background:var(--sf-mint)!important;color:var(--sf-ink)!important}.story-operations .service-dashboard{transform:rotate(.8deg);box-shadow:15px 17px 0 var(--sf-ink)}.story-systems{background:var(--sf-ink)!important;color:#fff!important}.story-systems .service-dashboard{box-shadow:15px 17px 0 var(--sf-mint)}
.explainer-editorial{color:var(--sf-ink);background:var(--sf-pink)}.explainer-editorial .service-explainer-head>p{color:#343431}.explainer-editorial .service-flow{grid-template-columns:1.2fr .8fr}.explainer-editorial .service-flow article:first-child{grid-row:span 2;min-height:500px}.explainer-editorial .service-flow article:nth-child(n+2){min-height:242px}.explainer-editorial .service-flow-arrow{display:none}.explainer-studio{background:#fff;color:var(--sf-ink)}.explainer-studio .service-explainer-head>p{color:#4d4d48}.explainer-studio .service-flow{grid-template-columns:.8fr 1.2fr}.explainer-studio .service-flow article:first-child{grid-row:1/3;min-height:510px;background:var(--sf-blue);color:#fff}.explainer-studio .service-flow article:nth-child(n+2){min-height:247px}.explainer-studio .service-flow-arrow{display:none}.explainer-commerce .service-flow{grid-template-columns:1fr}.explainer-commerce .service-flow article{min-height:180px;display:grid;grid-template-columns:80px .7fr 1.3fr;align-items:center}.explainer-commerce .service-flow-arrow{right:50%;top:auto;bottom:-1.55rem;transform:rotate(90deg)}.explainer-operations{background:#fff;color:var(--sf-ink)}.explainer-operations .service-explainer-head>p{color:#4d4d48}.explainer-systems .service-flow article:nth-child(2){background:var(--sf-blue);color:#fff}.explainer-systems .service-flow article:nth-child(2) p{color:#fff}
html[data-theme="dark"] .story-editorial,html[data-theme="dark"] .story-search{color:#fff!important;background:#1b1b19!important}html[data-theme="dark"] .explainer-studio,html[data-theme="dark"] .explainer-operations{color:#fff;background:#1b1b19}html[data-theme="dark"] .explainer-studio .service-explainer-head>p,html[data-theme="dark"] .explainer-operations .service-explainer-head>p{color:#c4c4bd}
@media(max-width:1050px){.story-editorial .service-showcase-grid,.story-studio .service-showcase-grid,.story-commerce .service-showcase-grid,.story-search .service-showcase-grid{grid-template-columns:1fr}}
@media(max-width:720px){.wp-hero-scene{min-height:220px}.explainer-editorial .service-flow,.explainer-studio .service-flow{grid-template-columns:1fr}.explainer-editorial .service-flow article:first-child,.explainer-studio .service-flow article:first-child{grid-row:auto;min-height:230px}.explainer-editorial .service-flow article:nth-child(n+2),.explainer-studio .service-flow article:nth-child(n+2){min-height:230px}.explainer-commerce .service-flow article{display:flex;min-height:230px}.story-commerce .service-showcase-copy{padding:1.35rem}}

/* 6.2.0 — clearer contact journey, filled capability cards and relevant menu destinations. */
.contact-route-step{min-height:48px;padding:.68rem .8rem;display:flex;align-items:center;gap:.65rem;color:var(--sf-ink);background:rgba(255,255,255,.55);border:1px solid var(--sf-ink);border-radius:999px;font-size:.68rem;font-weight:850;line-height:1.25}
.contact-route-step b{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;color:#fff;background:var(--sf-ink);border-radius:50%;font-size:.62rem}
.contact-availability{align-items:start!important}.contact-availability span{line-height:1.55}.contact-availability strong{margin-top:.1rem}
.about-capability-flow small{max-width:23rem;color:#fff;font-size:.76rem;font-weight:700;line-height:1.55;opacity:.82}
.case-card[id]{scroll-margin-top:142px}
html[data-theme="dark"] .contact-route-step{color:var(--sf-ink);background:rgba(255,255,255,.62)}
@media(max-width:720px){.contact-route-step{border-radius:16px}.about-capability-flow small{margin-top:1rem}}

/* 6.3.0 — a complete, mode-aware footer. */
.site-footer{padding:clamp(1rem,2vw,1.5rem) 0 0;color:var(--sf-ink);background:var(--sf-paper);border:0;transition:color .22s ease,background-color .22s ease}
.footer-shell{width:min(100% - 32px,1360px)}
.footer-conversation{position:relative;padding:clamp(2rem,5vw,4.8rem);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(2rem,6vw,6rem);overflow:hidden;color:#fff;background:var(--sf-blue);border:2px solid var(--sf-ink);border-radius:38px;box-shadow:10px 11px 0 var(--sf-ink)}
.footer-conversation::before{content:"";position:absolute;right:-8rem;top:-10rem;width:24rem;height:24rem;border:1px solid rgba(255,255,255,.19);border-radius:50%;box-shadow:0 0 0 4rem rgba(255,255,255,.045),0 0 0 8rem rgba(255,255,255,.035);pointer-events:none}
.footer-conversation-copy,.footer-conversation-actions,.footer-signal{position:relative;z-index:1}
.footer-eyebrow{display:inline-flex;margin-bottom:1.35rem;padding:.45rem .65rem;color:var(--sf-ink);background:#fff;border-radius:999px;font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.footer-conversation h2{max-width:850px;margin:0;color:#fff;font-size:clamp(3rem,5.5vw,6.4rem);line-height:.86;letter-spacing:-.072em}
.footer-conversation-copy p{max-width:670px;margin:1.7rem 0 0;color:#f1f1f6;font-size:1.02rem;line-height:1.7}
.footer-conversation-actions{align-self:end;display:grid;gap:.75rem}
.footer-conversation-actions>a{min-height:62px;padding:.8rem 1rem;display:flex;align-items:center;gap:.8rem;color:#fff;background:rgba(17,17,15,.18);border:1px solid rgba(255,255,255,.45);border-radius:17px;font-size:.82rem;font-weight:850;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
.footer-conversation-actions>a:hover,.footer-conversation-actions>a:focus-visible{transform:translateY(-3px);background:rgba(17,17,15,.34)}
.footer-conversation-actions .footer-primary-action{min-height:68px;padding:0 1.25rem;justify-content:space-between;color:var(--sf-ink);background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:999px;font-size:.9rem;box-shadow:5px 6px 0 var(--sf-ink)}
.footer-conversation-actions .footer-primary-action:hover,.footer-conversation-actions .footer-primary-action:focus-visible{color:var(--sf-ink);background:#ffe523;box-shadow:7px 8px 0 var(--sf-ink)}
.footer-conversation-actions>a>span{display:grid;gap:.2rem}.footer-conversation-actions small{color:#e0e0e8;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.footer-signal{grid-column:1/-1;padding-top:1.4rem;display:flex;align-items:center;gap:.5rem;border-top:1px solid rgba(255,255,255,.35)}
.footer-signal i{width:9px;height:9px;background:var(--sf-pink);border-radius:50%}.footer-signal i:nth-child(2){background:var(--sf-yellow)}.footer-signal i:nth-child(3){background:var(--sf-mint)}
.footer-signal span{margin-left:.35rem;color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.12em}
.footer-main{padding:clamp(3.5rem,7vw,6.5rem) clamp(.25rem,2vw,1.5rem);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,9vw,9rem);border-bottom:1px solid var(--sf-line)}
.footer-identity{align-content:start;display:grid;justify-items:start}.footer-identity .signal-wordmark{color:var(--sf-ink)}.footer-identity .signal-wordmark strong{font-size:clamp(3.6rem,6vw,6.8rem)}.footer-identity .signal-wordmark>span{font-size:clamp(1.05rem,1.8vw,1.75rem)}
.footer-identity p{max-width:510px;margin:2rem 0 1.1rem;color:#4d4d48;font-size:clamp(1.12rem,1.7vw,1.55rem);font-weight:760;line-height:1.45;letter-spacing:-.025em}
.footer-identity>span{padding-top:1rem;color:#6a6a63;border-top:1px solid var(--sf-line);font-size:.72rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.footer-navigation{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem)}
.footer-navigation section{display:grid;align-content:start}.footer-navigation h2{margin:0 0 1.2rem;color:var(--sf-ink);font-size:.67rem;letter-spacing:.14em;text-transform:uppercase}
.footer-navigation a{min-height:48px;padding:.7rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#343431;border-bottom:1px solid var(--sf-line);font-size:.86rem;font-weight:760;transition:padding-left .18s ease,color .18s ease}
.footer-navigation a::after{content:"→";color:var(--sf-blue);font-weight:900}.footer-navigation a:hover,.footer-navigation a:focus-visible{padding-left:.5rem;color:var(--sf-blue)}
.footer-bottom{padding:1.6rem clamp(.25rem,2vw,1.5rem) 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;color:#6a6a63;border:0;font-size:.74rem}
.footer-bottom>div{display:flex;gap:1.5rem}.footer-bottom a{color:inherit}.footer-bottom a:hover,.footer-bottom a:focus-visible{color:var(--sf-blue)}
html[data-theme="dark"] .site-footer{color:#fff;background:#11110f}
html[data-theme="dark"] .footer-conversation{border-color:#6c6c65;box-shadow:10px 11px 0 var(--sf-yellow)}
html[data-theme="dark"] .footer-main{border-color:#41413c}
html[data-theme="dark"] .footer-identity .signal-wordmark,html[data-theme="dark"] .footer-navigation h2{color:#fff}
html[data-theme="dark"] .footer-identity p{color:#c8c8c1}html[data-theme="dark"] .footer-identity>span,html[data-theme="dark"] .footer-bottom{color:#9a9a93;border-color:#41413c}
html[data-theme="dark"] .footer-navigation a{color:#deded8;border-color:#41413c}html[data-theme="dark"] .footer-navigation a::after{color:var(--sf-yellow)}html[data-theme="dark"] .footer-navigation a:hover,html[data-theme="dark"] .footer-navigation a:focus-visible,html[data-theme="dark"] .footer-bottom a:hover,html[data-theme="dark"] .footer-bottom a:focus-visible{color:var(--sf-yellow)}
@media(max-width:920px){.footer-conversation{grid-template-columns:1fr}.footer-conversation-actions{grid-template-columns:1fr 1fr}.footer-conversation-actions .footer-primary-action{grid-column:1/-1}.footer-main{grid-template-columns:1fr}.footer-identity p{max-width:650px}}
@media(max-width:720px){.site-footer{padding-top:.5rem}.footer-shell{width:min(100% - 16px,1360px)}.footer-conversation{padding:3rem 1.25rem 1.5rem;gap:2rem;border-radius:27px;box-shadow:6px 7px 0 var(--sf-ink)}.footer-conversation::before{right:-13rem;top:-12rem}.footer-conversation h2{font-size:clamp(2.75rem,13vw,4rem)}.footer-conversation-copy p{font-size:.94rem}.footer-conversation-actions{grid-template-columns:1fr}.footer-conversation-actions .footer-primary-action{grid-column:auto}.footer-signal{align-items:flex-start;flex-wrap:wrap}.footer-signal span{width:100%;margin:.35rem 0 0}.footer-main{padding:4rem .75rem;gap:3.5rem}.footer-identity .signal-wordmark strong{font-size:4rem}.footer-identity .signal-wordmark>span{font-size:1.2rem}.footer-identity p{font-size:1.1rem}.footer-navigation{gap:1.3rem}.footer-navigation a{font-size:.78rem}.footer-bottom{padding:1.4rem .75rem 6rem;align-items:flex-start;flex-direction:column;gap:1rem}.footer-bottom>div{gap:1.2rem}}

/* 6.4.0 — final launch polish for capability cards, footer controls and contrast. */
.about-capability-flow span{min-height:220px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;align-content:start;justify-content:initial;gap:.8rem 1rem}
.about-capability-flow i{grid-column:2;grid-row:1;color:var(--sf-yellow);font-size:.68rem;font-style:normal;font-weight:900;letter-spacing:.12em}
.about-capability-flow strong{grid-column:1;grid-row:1;max-width:20rem;line-height:1.05}
.about-capability-flow em{grid-column:1/-1;max-width:26rem;color:#fff;font-size:.94rem;font-style:normal;font-weight:700;line-height:1.5}
.about-capability-flow small{grid-column:1/-1;align-self:end;max-width:none;margin-top:.35rem;padding-top:1rem;color:#fff;border-top:1px solid rgba(255,255,255,.32);opacity:1}
.footer-conversation-copy p,.footer-conversation-actions small{color:#fff}
.footer-bottom>div{padding-right:5.5rem}
@media(max-width:720px){.about-capability-flow span{min-height:190px}.footer-bottom>div{padding-right:0}}

/* 6.5.0 — clearer hero hierarchy, selective brand accents and mobile controls. */
.page-hero-grid{align-items:center}
.page-hero-copy>.eyebrow{margin-bottom:clamp(1.35rem,2.6vw,2.25rem)!important}
.page-hero h1 mark.page-hero-accent{display:inline;padding:.01em .065em .045em;color:var(--sf-ink);background:var(--sf-yellow);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.page-hero-lead{max-width:730px;margin:1.65rem 0 0!important;padding:0!important;color:#41413d!important;font-size:clamp(1rem,1.3vw,1.14rem)!important;line-height:1.68!important}
.page-hero-side-illustrated{align-self:center}
.page-hero-insight{padding:1.2rem 1.5rem 1.3rem;display:grid;gap:.42rem;background:#1d1d1a;border-bottom:1px solid #474741}
.page-hero-insight span{color:var(--sf-yellow);font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.page-hero-insight p{max-width:690px;margin:0!important;padding:0!important;color:#f5f4ef!important;font-size:.9rem!important;line-height:1.55!important}
html[data-theme="dark"] .page-hero-lead{color:#c9c9c2!important}
html[data-theme="dark"] .page-hero h1 mark.page-hero-accent{color:var(--sf-ink)}

@media(max-width:1180px){
  .page-hero-copy{max-width:900px}
  .floating-site-controls .theme-toggle{display:grid}
}
@media(max-width:720px){
  .page-hero-copy>.eyebrow{margin-bottom:1.25rem!important}
  .page-hero-lead{margin-top:1.25rem!important;font-size:.96rem!important;line-height:1.6!important}
  .page-hero-insight{padding:1.05rem 1.15rem 1.15rem}
  .page-hero-insight p{font-size:.84rem!important}
  .floating-theme-toggle{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom))}
  .floating-site-controls .theme-toggle{width:50px;height:50px}
}

/* 6.6.0 — continuous desktop navigation hit area and forgiving flyout travel. */
@media(min-width:1181px){
  .main-navigation{align-self:stretch;gap:0}
  .main-navigation .nav-flyout{align-self:stretch;display:flex;align-items:center;padding:0 clamp(.55rem,.82vw,.78rem)}
  .main-navigation .nav-flyout-trigger{height:100%;display:flex;align-items:center}
  .main-navigation .nav-flyout-trigger::before{bottom:26px}
  .main-navigation .nav-flyout-trigger::after{bottom:31px}
  .main-navigation .nav-flyout-panel{top:calc(100% - 1px)}
}

/* 6.6.1 — clearer navigation typography and a more useful footer identity area. */
@media(min-width:1181px){
  .nav-flyout-trigger{font-size:.85rem;font-weight:800}
  .header-cta{font-size:.82rem;font-weight:800}
}
.mega-menu-intro>span{font-size:.66rem}
.mega-menu-intro>a{font-size:.8rem}
.mega-group>a{font-size:.79rem;line-height:1.35}
.mega-menu-foot{font-size:.78rem}
.nav-compact-intro p{font-size:.8rem}
.nav-compact-links a{font-size:.8rem;line-height:1.35}
.nav-compact-all{font-size:.78rem}
.footer-direct-contact{width:min(100%,510px);margin-top:1.15rem;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--sf-line);border-bottom:1px solid var(--sf-line)}
.footer-direct-contact>a{min-width:0;min-height:64px;padding:.75rem 0;display:flex;align-items:center;gap:.7rem;color:var(--sf-ink);font-size:.82rem;font-weight:800}
.footer-direct-contact>a+a{padding-left:1rem;border-left:1px solid var(--sf-line)}
.footer-direct-contact>a>span{min-width:0;display:grid;gap:.2rem}.footer-direct-contact small{color:#6a6a63;font-size:.57rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.footer-direct-contact svg{flex:0 0 auto;color:var(--sf-blue)}
.footer-direct-contact>a:hover,.footer-direct-contact>a:focus-visible{color:var(--sf-blue)}
html[data-theme="dark"] .footer-direct-contact{border-color:#41413c}
html[data-theme="dark"] .footer-direct-contact>a{color:#deded8}html[data-theme="dark"] .footer-direct-contact>a+a{border-color:#41413c}
html[data-theme="dark"] .footer-direct-contact small{color:#9a9a93}html[data-theme="dark"] .footer-direct-contact svg{color:var(--sf-yellow)}
html[data-theme="dark"] .footer-direct-contact>a:hover,html[data-theme="dark"] .footer-direct-contact>a:focus-visible{color:var(--sf-yellow)}
@media(max-width:1180px){
  .mobile-service-groups strong{font-size:.75rem}
  .mobile-service-groups a{font-size:.82rem;line-height:1.35}
}
@media(max-width:520px){
  .footer-direct-contact{grid-template-columns:1fr}
  .footer-direct-contact>a+a{padding-left:0;border-top:1px solid var(--sf-line);border-left:0}
  html[data-theme="dark"] .footer-direct-contact>a+a{border-color:#41413c}
}

/* 6.6.2 — crisp double underline and visible dark-mode menu action bar. */
@media(min-width:1181px){
  .main-navigation .nav-flyout-trigger::after{height:3px;border:0;background:#000}
  html[data-theme="dark"] .main-navigation .nav-flyout-trigger::after{background:#fff}
}
html[data-theme="dark"] .mega-menu-foot{color:#fff;background:var(--sf-blue);border:1px solid rgba(255,255,255,.28)}
html[data-theme="dark"] .mega-menu-foot>a{color:var(--sf-yellow)!important}

/* 6.6.3 — restore the original underline weight while keeping a solid black/white main line. */
@media(min-width:1181px){
  .main-navigation .nav-flyout-trigger::after{height:2px;border:0;background:#000;opacity:1}
  html[data-theme="dark"] .main-navigation .nav-flyout-trigger::after{background:#fff}
}

/* 6.6.4 — final contact-page copy and visible submit action in dark mode. */
html[data-theme="dark"] .contact-form button[type="submit"]{color:#fff;background:var(--sf-ink);border:2px solid var(--sf-ink)}
html[data-theme="dark"] .contact-form button[type="submit"]:hover,html[data-theme="dark"] .contact-form button[type="submit"]:focus-visible{color:var(--sf-ink);background:var(--sf-mint)}

/* 6.6.5 — aligned contact heading icon, interactive hero details and complete next-step outcomes. */
.hero-contact>header>span{display:inline-flex;align-items:center;gap:.45rem;line-height:1}
.hero-contact>header>span svg{display:block;flex:0 0 auto}
.hero-contact-links>a{min-width:0;padding:.7rem;display:flex;align-items:center;gap:.5rem;color:#fff;background:#22221f;border:1px solid #464641;border-radius:11px;font-size:.62rem;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
.hero-contact-links>a:hover,.hero-contact-links>a:focus-visible{color:var(--sf-ink);background:var(--sf-mint);border-color:var(--sf-mint)}
.hero-contact-links>a svg{width:16px;flex:0 0 auto;color:var(--sf-mint)}
.hero-contact-links>a:hover svg,.hero-contact-links>a:focus-visible svg{color:var(--sf-ink)}

/* 6.6.6 — final about-page copy, founder identity, spacing and linked capability cards. */
.about-visual{padding:1.7rem}
.about-system-head{height:auto;min-height:62px;padding:.8rem 1.1rem;gap:1rem}
.about-system-core{margin:2.7rem auto 1.85rem}
.about-name-letter{display:inline-block;padding:.02em .09em .07em;border-radius:.14em;font-weight:900;line-height:1;vertical-align:.02em}
.about-name-letter-s{color:var(--sf-ink);background:var(--sf-yellow)}
.about-name-letter-f{color:#fff;background:var(--sf-blue)}
.about-capability-flow>a{min-height:220px;padding:1.2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;align-content:start;gap:.8rem 1rem;color:#fff;border-right:2px solid #fff;border-bottom:2px solid #fff;text-decoration:none;transition:color .2s ease,background-color .2s ease}
.about-capability-flow>a>strong{grid-column:1;grid-row:1;max-width:20rem;color:#fff;font-size:1.35rem;line-height:1.05}
.about-capability-flow>a>svg{grid-column:2;grid-row:1;color:var(--sf-yellow);transition:transform .2s ease}
.about-capability-flow>a>em{grid-column:1/-1;max-width:26rem;color:#fff;font-size:.94rem;font-style:normal;font-weight:700;line-height:1.5}
.about-capability-flow>a>small{grid-column:1/-1;align-self:end;max-width:none;margin-top:.35rem;padding-top:1rem;color:#fff;border-top:1px solid rgba(255,255,255,.32);font-size:.76rem;font-weight:700;line-height:1.55;opacity:1}
.about-capability-flow>a:hover,.about-capability-flow>a:focus-visible{color:var(--sf-ink);background:var(--sf-yellow);outline:none}
.about-capability-flow>a:hover>strong,.about-capability-flow>a:focus-visible>strong,.about-capability-flow>a:hover>em,.about-capability-flow>a:focus-visible>em,.about-capability-flow>a:hover>small,.about-capability-flow>a:focus-visible>small,.about-capability-flow>a:hover>svg,.about-capability-flow>a:focus-visible>svg{color:var(--sf-ink)}
.about-capability-flow>a:hover>small,.about-capability-flow>a:focus-visible>small{border-top-color:rgba(17,17,15,.35)}
.about-capability-flow>a:hover>svg,.about-capability-flow>a:focus-visible>svg{transform:translateX(4px)}
@media(max-width:720px){.about-visual{padding:1.25rem}.about-system-head{min-height:56px;padding:.7rem .9rem}.about-system-core{margin:2rem auto 1.5rem}.about-capability-flow>a{min-height:190px}}

/* 6.7.0 — searchable 200-term glossary without changing the four-section visual system. */
.glossary-search-tool{grid-column:2/-1;margin-top:1rem;padding:1.25rem;display:grid;grid-template-columns:.6fr 1.4fr;gap:.7rem 1.25rem;align-items:center;background:var(--sf-paper);border:2px solid var(--sf-ink);border-radius:22px;box-shadow:8px 9px 0 var(--sf-yellow)}
.glossary-search-tool label{display:grid;gap:.35rem;color:var(--sf-ink)}
.glossary-search-tool label span{font-size:.62rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.glossary-search-tool label strong{font-size:1.05rem}
.glossary-search-tool>div{min-height:54px;padding:0 .65rem 0 1rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;background:#fff;border:2px solid var(--sf-ink);border-radius:999px}
.glossary-search-tool>div>svg{color:var(--sf-blue)}
.glossary-search-tool input{min-width:0;width:100%;padding:.8rem 0;color:var(--sf-ink);background:transparent;border:0;outline:0;font:700 .86rem/1.2 Arial,Helvetica,sans-serif}
.glossary-search-tool input::placeholder{color:#74746d;font-weight:600;opacity:1}
.glossary-search-tool button{padding:.55rem .7rem;color:#fff;background:var(--sf-ink);border:0;border-radius:999px;font-size:.62rem;font-weight:850;cursor:pointer}
.glossary-search-tool button:hover,.glossary-search-tool button:focus-visible{color:var(--sf-ink);background:var(--sf-mint);outline:2px solid var(--sf-ink);outline-offset:2px}
.glossary-search-tool>p{grid-column:2;margin:0;color:#62625c;font-size:.72rem;line-height:1.4}
.glossary-group[hidden],.glossary-layout dl>div[hidden]{display:none!important}
html[data-theme="dark"] .glossary-search-tool{background:#242421;border-color:#f1f0e9;box-shadow:8px 9px 0 var(--sf-yellow)}
html[data-theme="dark"] .glossary-search-tool label{color:#fff}
html[data-theme="dark"] .glossary-search-tool>p{color:#c4c4bc}
@media(max-width:900px){.glossary-search-tool{grid-column:2;grid-template-columns:1fr}.glossary-search-tool>p{grid-column:1}}
@media(max-width:720px){.glossary-search-tool{grid-column:1;margin-top:.5rem;padding:1rem;border-radius:18px}.glossary-search-tool>div{padding-left:.8rem}.glossary-search-tool input{font-size:.78rem}.glossary-search-tool button{padding:.5rem .6rem}}

/* 6.8.0 — clean article hub and complete long-form reading experience. */
.article-card,.article-card:nth-child(2){height:100%;display:flex;flex-direction:column;color:var(--sf-ink);background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-radius .2s ease}
.article-card>div:last-child{flex:1;display:flex;flex-direction:column}
.article-card .text-link{margin-top:auto;padding-top:1.3rem}
.article-card:hover,.article-card:focus-visible{transform:translateY(-5px);border-radius:20px;box-shadow:8px 9px 0 var(--sf-yellow);outline:0}
.article-card .article-meta{justify-content:flex-start;gap:.5rem 1rem;color:#65655f}
.article-card .article-meta span+span::before{content:"·";margin-right:1rem}
.article-layout{grid-template-columns:minmax(200px,280px) minmax(0,790px);justify-content:center;align-items:start;gap:clamp(3rem,6vw,6rem)}
.article-layout-single{display:block}.article-layout-single .article-body{margin-inline:auto}
.article-toc{position:sticky;top:110px;padding:1.35rem!important;background:#fff!important;border:2px solid var(--sf-ink)!important;border-radius:20px!important;box-shadow:7px 8px 0 var(--sf-yellow)}
.article-toc>span{display:block;margin-bottom:1rem!important;color:var(--sf-ink);font-size:.67rem!important;font-weight:900!important;letter-spacing:.12em;text-transform:uppercase}
.article-toc ol{margin:0!important;padding:0!important;list-style:none;counter-reset:article-toc}
.article-toc li{margin:0!important;padding:.7rem 0!important;border-top:1px solid var(--sf-line);counter-increment:article-toc;color:#4d4d48!important;font-size:.76rem!important;line-height:1.35!important}
.article-toc li a{display:grid;grid-template-columns:1.7rem 1fr;gap:.4rem;align-items:start;color:inherit}
.article-toc li a::before{content:counter(article-toc,decimal-leading-zero);color:var(--sf-blue);font-size:.6rem;font-weight:900;letter-spacing:.04em}
.article-toc li a:hover,.article-toc li a:focus-visible{color:var(--sf-blue)}
.article-toc>small{display:block;margin-top:1rem;padding-top:1rem;color:#6a6a63;border-top:1px solid var(--sf-line);font-size:.66rem;font-weight:800}
.article-header .article-meta{justify-content:flex-start;flex-wrap:wrap;gap:.6rem 1.2rem}
.article-header .article-meta span+span::before{content:"·";margin-right:1.2rem}
.article-body{width:100%;max-width:790px}
.article-body>p:first-child{font-size:clamp(1.18rem,1.7vw,1.36rem);font-weight:760;line-height:1.65}
.article-body p:empty{display:none}
.article-body section{scroll-margin-top:110px;margin-bottom:clamp(4.5rem,8vw,7rem)}
.article-body h2{margin:0 0 1.4rem;font-size:clamp(2.25rem,4.2vw,4rem);line-height:.96;letter-spacing:-.055em;text-wrap:balance}
.article-body h3{margin:2.5rem 0 .75rem;color:inherit;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.12;letter-spacing:-.025em}
.article-body p{max-width:760px;margin:0 0 1.35rem;color:#44443f;font-size:1.04rem;line-height:1.78}
.article-body p a{color:inherit;font-weight:800;text-decoration:underline;text-decoration-color:var(--sf-yellow);text-decoration-thickness:3px;text-underline-offset:4px}
.article-body p a:hover,.article-body p a:focus-visible{color:var(--sf-blue)}
.article-quick-answer{margin:2.4rem 0 5.5rem;padding:clamp(1.4rem,3vw,2rem);color:var(--sf-ink);background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:22px;box-shadow:8px 9px 0 var(--sf-ink)}
.article-quick-answer>strong,.article-note>strong{display:block;margin-bottom:.8rem;font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.article-quick-answer p{margin:0;color:inherit;font-size:1.08rem;font-weight:720;line-height:1.65}
.article-table-wrap{overflow-x:auto;margin:2rem 0 2.3rem;border:2px solid var(--sf-ink);border-radius:18px}
.article-table-wrap table{width:100%;min-width:690px;border-collapse:collapse;color:var(--sf-ink);background:#fff}
.article-table-wrap th,.article-table-wrap td{padding:1rem;vertical-align:top;text-align:left;border-right:1px solid var(--sf-line);border-bottom:1px solid var(--sf-line);font-size:.82rem;line-height:1.5}
.article-table-wrap th{color:var(--sf-ink);background:var(--sf-yellow);font-size:.66rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.article-table-wrap tr:last-child td{border-bottom:0}.article-table-wrap th:last-child,.article-table-wrap td:last-child{border-right:0}.article-table-wrap td:first-child{font-weight:850}
.article-body .article-checklist{margin:1.7rem 0 2rem;padding:0;border-top:1px solid var(--sf-line);list-style:none}
.article-body .article-checklist li{padding:1rem .15rem;display:block;border-bottom:1px solid var(--sf-line);font-size:.95rem;line-height:1.65}
.article-body .article-checklist li::before{content:"✓";margin-right:.75rem;color:var(--sf-blue);font-weight:900}
.article-note{margin:2rem 0;padding:1.4rem;color:var(--sf-ink);background:var(--sf-pink);border:2px solid var(--sf-ink);border-radius:18px}
.article-note p{margin:0;color:inherit;line-height:1.65}
.article-steps{margin:2rem 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--sf-ink);border-left:2px solid var(--sf-ink)}
.article-steps>div{min-height:210px;padding:1.2rem;display:flex;flex-direction:column;border-right:2px solid var(--sf-ink);border-bottom:2px solid var(--sf-ink)}
.article-steps>div:nth-child(2){background:var(--sf-mint)}.article-steps>div:nth-child(3){background:var(--sf-yellow)}
.article-steps strong{font-size:1.02rem}.article-steps p{margin:auto 0 0;color:var(--sf-ink);font-size:.78rem;line-height:1.55}
.article-body .article-service-link{margin:2.5rem 0;padding:1.25rem 1.4rem;color:#fff;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.article-service-link small{color:#fff}.article-service-link b{font-size:.75rem}.article-service-link:hover,.article-service-link:focus-visible{transform:translateY(-3px);box-shadow:7px 8px 0 var(--sf-yellow);outline:0}
.article-body .article-takeaway{margin:2.5rem 0 0;color:var(--sf-ink);background:var(--sf-mint)}
.article-body .article-takeaway strong{display:block;margin-bottom:.8rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}
.article-body .article-takeaway p{margin:0;color:var(--sf-ink);font-weight:750;line-height:1.65}
.article-faq{padding:1.5rem 0;border-top:1px solid var(--sf-line)}.article-faq:last-of-type{border-bottom:1px solid var(--sf-line)}
.article-faq h3{margin:0 0 .65rem;font-size:1.25rem}.article-faq p{margin:0}
html[data-theme="dark"] .article-card,html[data-theme="dark"] .article-card:nth-child(2){color:#fff;background:#242421;border-color:#595952}
html[data-theme="dark"] .article-card p{color:#bdbdb6}.article-card:hover p,.article-card:focus-visible p{color:inherit}
html[data-theme="dark"] .article-card .article-meta{color:#aaa}
html[data-theme="dark"] .article-toc{background:#242421!important;border-color:#f0efe8!important;box-shadow:7px 8px 0 var(--sf-yellow)}
html[data-theme="dark"] .article-toc>span{color:#fff}html[data-theme="dark"] .article-toc li{color:#d0d0c9!important;border-color:#4b4b45}html[data-theme="dark"] .article-toc>small{color:#aaa;border-color:#4b4b45}
html[data-theme="dark"] .article-body h2,html[data-theme="dark"] .article-body h3{color:#fff}
html[data-theme="dark"] .article-body p{color:#c9c9c2}
html[data-theme="dark"] .article-quick-answer,html[data-theme="dark"] .article-quick-answer p,html[data-theme="dark"] .article-note,html[data-theme="dark"] .article-note p,html[data-theme="dark"] .article-takeaway,html[data-theme="dark"] .article-takeaway p{color:var(--sf-ink)}
html[data-theme="dark"] .article-table-wrap{border-color:#f0efe8}html[data-theme="dark"] .article-table-wrap table{background:#242421;color:#fff}html[data-theme="dark"] .article-table-wrap td{border-color:#505049}html[data-theme="dark"] .article-table-wrap td:first-child{color:#fff}
html[data-theme="dark"] .article-checklist,html[data-theme="dark"] .article-checklist li,html[data-theme="dark"] .article-faq{border-color:#4d4d47}
html[data-theme="dark"] .article-steps{border-color:#f0efe8}html[data-theme="dark"] .article-steps>div{color:#fff;background:#242421;border-color:#f0efe8}html[data-theme="dark"] .article-steps>div:nth-child(2),html[data-theme="dark"] .article-steps>div:nth-child(3),html[data-theme="dark"] .article-steps>div:nth-child(2) p,html[data-theme="dark"] .article-steps>div:nth-child(3) p{color:var(--sf-ink)}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-toc{position:static;max-width:790px;width:100%;margin-inline:auto}.article-toc ol{display:grid;grid-template-columns:1fr 1fr}.article-toc li:nth-child(even){padding-left:1rem!important;border-left:1px solid var(--sf-line)}.article-body{margin-inline:auto}}
@media(max-width:720px){.article-header .article-meta{gap:.45rem .7rem}.article-header .article-meta span+span::before{margin-right:.7rem}.article-toc ol{grid-template-columns:1fr}.article-toc li:nth-child(even){padding-left:0!important;border-left:0}.article-body>p:first-child{font-size:1.12rem}.article-quick-answer{margin-bottom:4rem;box-shadow:5px 6px 0 var(--sf-ink)}.article-body section{margin-bottom:4.5rem}.article-steps{grid-template-columns:1fr}.article-steps>div{min-height:160px}.article-service-link{gap:1rem}.article-service-link b{font-size:.68rem}.article-table-wrap{margin-right:-14px}.article-card:hover,.article-card:focus-visible{transform:none;box-shadow:5px 6px 0 var(--sf-yellow)}}

/* 6.9.0 — case studies, exact reference archive and final Aktuelt corrections. */
.hero-news>header>span,.hero-cases>header>span{display:inline-flex;align-items:center;gap:.45rem;line-height:1}
.hero-news>header>span svg,.hero-cases>header>span svg{display:block;flex:0 0 auto;transform:translateY(-1px)}
.hero-cases .hero-case-list{padding:.7rem;gap:.42rem}
.hero-cases .hero-case-list>div{min-height:56px;padding:.6rem .7rem}
.hero-cases .hero-case-list strong{font-size:.78rem}.hero-cases .hero-case-list small{font-size:.52rem}
html[data-theme="dark"] .article-card:nth-child(2) p{color:#bdbdb6}
html[data-theme="dark"] .article-card:nth-child(2) .article-meta{color:#aaa}
html[data-theme="dark"] .article-card:nth-child(2),html[data-theme="dark"] .article-card:nth-child(2) h2,html[data-theme="dark"] .article-card:nth-child(2) h3,html[data-theme="dark"] .article-card:nth-child(2) a{color:#fff}

.customer-case-studies{padding:clamp(6rem,10vw,10rem) 0;background:#fff}
.case-studies-intro{margin-bottom:clamp(3.5rem,7vw,6.5rem);display:grid;grid-template-columns:.55fr 1.1fr .85fr;gap:clamp(1.5rem,4vw,4.5rem);align-items:end}
.case-studies-intro .eyebrow{align-self:start}.case-studies-intro h2{margin:0;font-size:clamp(3.2rem,6.3vw,7rem);line-height:.88;letter-spacing:-.07em}.case-studies-intro p{margin:0;color:#4e4e49;font-size:1.02rem;line-height:1.7}
.case-study-list{display:grid;gap:clamp(5rem,9vw,9rem)}
.customer-case{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(2rem,6vw,6rem);align-items:start;scroll-margin-top:120px}
.customer-case:nth-child(even) .customer-case-visual{order:2}.customer-case:nth-child(even) .customer-case-copy{order:1}
.customer-case-visual{position:sticky;top:110px;min-height:560px;padding:1.2rem;overflow:hidden;color:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:30px;box-shadow:13px 15px 0 var(--sf-ink)}
.customer-case-copy{padding:1rem 0}.case-kicker{display:inline-flex;margin-bottom:1.4rem;padding:.48rem .72rem;color:var(--sf-ink);background:var(--sf-yellow);border:1px solid var(--sf-ink);border-radius:999px;font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.customer-case-copy h2{max-width:760px;margin:0 0 1.6rem;font-size:clamp(2.8rem,5vw,5.6rem);line-height:.91;letter-spacing:-.064em;text-wrap:balance}.customer-case-copy .case-lead{max-width:690px;margin:0 0 2.3rem;color:#42423e;font-size:1.06rem;line-height:1.72}
.case-outcomes{border-top:2px solid var(--sf-ink)}.case-outcomes section{padding:1.2rem 0;display:grid;grid-template-columns:118px 1fr;gap:1.2rem;border-bottom:1px solid var(--sf-line)}.case-outcomes section>span{display:flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.case-outcomes section>span svg{color:var(--sf-blue)}.case-outcomes p{margin:0;color:#50504a;font-size:.89rem;line-height:1.6}
.case-tags{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.45rem}.case-tags span{padding:.42rem .62rem;color:var(--sf-ink);background:var(--sf-paper);border:1px solid var(--sf-ink);border-radius:999px;font-size:.61rem;font-weight:800}
.case-study-button{width:max-content;margin-top:1.5rem;padding:.85rem 1rem;display:inline-flex;align-items:center;gap:.6rem;color:#fff;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:999px;font-size:.72rem;font-weight:900;transition:transform .18s ease,background .18s ease,color .18s ease}.case-study-button:hover{color:var(--sf-ink);background:var(--sf-yellow);transform:translateY(-2px)}
.case-external-link{width:max-content;margin-top:1.6rem;display:flex;align-items:center;gap:.55rem;color:var(--sf-ink);border-bottom:2px solid currentColor;font-size:.76rem;font-weight:900}.case-link-pair{display:flex;flex-wrap:wrap;gap:1.2rem}.case-link-pair .case-external-link{margin-top:1.6rem}

.customer-case-before-after{display:grid;grid-template-columns:.7fr 1.08fr;gap:.8rem;align-items:center;background:var(--sf-blue)}
.case-browser{overflow:hidden;background:#fff;border:2px solid var(--sf-ink);border-radius:18px}.case-browser>header{height:39px;padding:0 .65rem;display:flex;align-items:center;gap:.35rem;background:#eee;border-bottom:1px solid var(--sf-ink)}.case-browser>header i{width:7px;height:7px;background:#aaa;border-radius:50%}.case-browser>header span{margin-left:auto;font-size:.52rem;font-weight:900;letter-spacing:.09em}.case-browser>div{min-height:275px;padding:1rem;display:flex;flex-direction:column}.case-browser-before{transform:rotate(-3deg);opacity:.86}.case-browser-before b{margin:2rem 0 1.5rem;font-size:1.35rem;line-height:1}.case-browser-before div>span{width:88%;height:8px;margin-bottom:.55rem;background:#d2d2cc}.case-browser-before div>span:nth-of-type(2){width:64%}.case-browser-before small{margin-top:auto;color:#777;font-size:.54rem;font-weight:800}.case-browser-after{transform:rotate(2deg);box-shadow:8px 9px 0 var(--sf-yellow)}.case-browser-after>div{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.case-browser-after strong{grid-column:1/-1}.case-browser-after .signal-wordmark{font-size:1.2rem}.case-browser-after em{min-height:68px;background:var(--sf-yellow);border:1px solid var(--sf-ink);border-radius:8px}.case-browser-after em:nth-of-type(2){background:var(--sf-mint)}.case-browser-after em:nth-of-type(3){grid-column:1/-1;background:var(--sf-pink)}.case-browser-after small{grid-column:1/-1;color:#555;font-size:.54rem;font-style:normal;font-weight:800}.customer-case-before-after>footer{grid-column:1/-1;padding:.7rem;display:flex;align-items:center;justify-content:center;gap:.7rem;color:#fff;font-size:.62rem}.customer-case-before-after>footer strong{color:var(--sf-yellow)}

.customer-case-shop{display:flex;flex-direction:column;background:var(--sf-yellow)}.customer-case-shop>header,.customer-case-service>header{padding:1rem;display:flex;align-items:center;justify-content:space-between;background:#fff;border:2px solid var(--sf-ink);border-radius:17px}.customer-case-shop>header img,.customer-case-service>header img{max-width:145px;max-height:58px;object-fit:contain}.customer-case-shop>header span,.customer-case-service>header span{font-size:.53rem;font-weight:900;letter-spacing:.09em}.case-shop-search{margin-top:1rem;padding:.9rem;display:flex;align-items:center;gap:.65rem;background:#fff;border:2px solid var(--sf-ink);border-radius:999px;font-size:.7rem;font-weight:800}.case-shop-search b{margin-left:auto}.case-shop-products{margin:1rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.case-shop-products i{min-height:235px;background:linear-gradient(155deg,#fff 0 58%,var(--sf-pink) 58% 100%);border:2px solid var(--sf-ink);border-radius:16px}.case-shop-products i:nth-child(2){background:linear-gradient(155deg,#fff 0 48%,var(--sf-mint) 48% 100%)}.case-shop-products i:nth-child(3){background:linear-gradient(155deg,#fff 0 65%,var(--sf-blue) 65% 100%)}.customer-case-shop>footer{margin-top:auto;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;color:#fff;background:var(--sf-ink);border-radius:14px;font-size:.63rem;font-weight:800}.customer-case-shop>footer strong{color:var(--sf-yellow)}

.customer-case-food{display:flex;flex-direction:column;background:var(--sf-pink)}.customer-case-food>header{padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:2px solid var(--sf-ink);border-radius:17px}.customer-case-food>header img{max-width:150px;max-height:58px;object-fit:contain}.customer-case-food>header span{font-size:.53rem;font-weight:900;letter-spacing:.09em}.case-food-kitchens{margin:auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.case-food-kitchens article{min-height:255px;padding:1rem;display:flex;flex-direction:column;background:#fff;border:2px solid var(--sf-ink);border-radius:18px}.case-food-kitchens article:nth-child(2){background:var(--sf-yellow)}.case-food-kitchens article:nth-child(3){color:#fff;background:var(--sf-ink)}.case-food-kitchens i{width:34px;height:7px;background:var(--sf-blue);border-radius:999px}.case-food-kitchens article:nth-child(2) i{background:var(--sf-pink)}.case-food-kitchens article:nth-child(3) i{background:var(--sf-yellow)}.case-food-kitchens strong{margin-top:auto;font-size:1.25rem;line-height:1;letter-spacing:-.04em}.case-food-kitchens span{margin-top:.55rem;font-size:.59rem;font-weight:750;line-height:1.35}.customer-case-food>footer{padding:1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;color:#fff;background:var(--sf-ink);border-radius:14px;font-size:.63rem;font-weight:800}.customer-case-food>footer strong{color:var(--sf-yellow)}

.customer-case-service{display:flex;flex-direction:column;background:var(--sf-mint)}.case-service-path{margin:auto 0;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.5rem}.case-service-path article{min-height:145px;padding:.8rem;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:2px solid var(--sf-ink);border-radius:17px;font-size:.67rem;font-weight:850}.case-service-path article:nth-of-type(2){background:var(--sf-pink)}.case-service-path article:nth-of-type(3){color:#fff;background:var(--sf-blue)}.case-service-path>b{width:18px;height:2px;background:var(--sf-ink)}.customer-case-service>footer{padding:1rem;display:flex;align-items:center;justify-content:center;gap:.55rem;background:#fff;border:2px solid var(--sf-ink);border-radius:14px;font-size:.6rem;font-weight:900;letter-spacing:.08em}.customer-case-service>footer i{width:8px;height:8px;background:var(--sf-blue);border-radius:50%;animation:case-pulse 1.8s infinite}
@keyframes case-pulse{0%,100%{box-shadow:0 0 0 0 rgba(82,107,228,.45)}50%{box-shadow:0 0 0 7px rgba(82,107,228,0)}}

.customer-case-brands{display:flex;flex-direction:column;color:#fff;background:var(--sf-ink)}.customer-case-brands>header{padding:.7rem;display:flex;justify-content:space-between;color:#aaa;font-size:.55rem;letter-spacing:.08em}.customer-case-brands>header b{color:var(--sf-yellow)}.customer-case-brands>div{margin:auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:center}.customer-case-brands>div article{min-height:285px;padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--sf-ink);background:#fff;border:2px solid #fff;border-radius:21px}.customer-case-brands>div article:last-child{color:#fff;background:#242421}.customer-case-brands>div article img{width:100%;max-width:210px;max-height:62px;margin:auto;object-fit:contain}.customer-case-brands>div small{font-size:.58rem;font-weight:800}.customer-case-brands>div>i{display:grid;place-items:center;width:52px;height:52px;color:var(--sf-ink);background:#fff;border-radius:50%}.customer-case-brands>footer{display:flex;justify-content:center;gap:.5rem}.customer-case-brands>footer span{padding:.45rem .6rem;color:var(--sf-ink);background:#fff;border-radius:999px;font-size:.57rem;font-weight:850}

.customer-case-simple-site{padding:0;display:flex;flex-direction:column;background:#ece9dc}.customer-case-simple-site>header{min-height:53px;padding:0 .9rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;background:var(--sf-ink);border-bottom:2px solid var(--sf-ink);font-size:.55rem}.customer-case-simple-site>header>span{display:flex;gap:.35rem}.customer-case-simple-site>header i{width:8px;height:8px;background:var(--sf-pink);border-radius:50%}.customer-case-simple-site>header i:nth-child(2){background:var(--sf-yellow)}.customer-case-simple-site>header i:nth-child(3){background:var(--sf-mint)}.customer-case-simple-site>header small{justify-self:end;color:var(--sf-yellow);font-weight:900;letter-spacing:.09em}.customer-case-simple-site>div{margin:auto .85rem;overflow:hidden;background:#fff;border:2px solid var(--sf-ink);border-radius:17px;box-shadow:8px 9px 0 var(--sf-yellow);transform:rotate(-1deg)}.customer-case-simple-site img{width:100%;height:auto;display:block}.customer-case-simple-site>footer{min-height:52px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.54rem;letter-spacing:.08em}.customer-case-simple-site>footer b{font-size:.55rem}.customer-case-sirdal .case-link-pair{align-items:baseline}.customer-case-sirdal .case-link-pair .case-external-link{margin-top:1.5rem}

.sfd-live-site-preview{--sfd-live-preview-scale:1;position:relative;overflow:hidden;width:100%;aspect-ratio:1348/975;background:#f3f1ea;isolation:isolate}.customer-case-simple-site>.sfd-live-site-preview{width:auto}.sfd-live-site-preview>.sfd-live-site-preview-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sfd-live-site-preview iframe{position:absolute;z-index:1;left:0;top:0;width:1366px;height:975px;border:0;opacity:0;pointer-events:none;background:transparent;transform:scale(var(--sfd-live-preview-scale));transform-origin:top left;transition:opacity .16s ease}.sfd-live-site-preview.is-loading iframe,.sfd-live-site-preview.is-loaded iframe{opacity:1}.sfd-live-site-preview-loader{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;gap:.6rem;color:#555;background:linear-gradient(135deg,#f7f5ef,#e8e4d8);font-size:.58rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transition:opacity .16s ease}.sfd-live-site-preview-loader i{width:9px;height:9px;background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:50%;animation:sfd-preview-pulse 1s ease-in-out infinite}.sfd-live-site-preview.is-loading .sfd-live-site-preview-loader,.sfd-live-site-preview.is-loaded .sfd-live-site-preview-loader{opacity:0;pointer-events:none}@keyframes sfd-preview-pulse{50%{transform:scale(1.45)}}@media(prefers-reduced-motion:reduce){.sfd-live-site-preview iframe,.sfd-live-site-preview-loader{transition:none}.sfd-live-site-preview-loader i{animation:none}}

.customer-reference-section{padding:clamp(6rem,10vw,10rem) 0;background:var(--sf-paper)}.reference-section-head{max-width:930px;margin-bottom:4rem}.reference-section-head h2{margin:1rem 0 1.4rem;font-size:clamp(3.3rem,6.5vw,7.2rem);line-height:.88;letter-spacing:-.07em}.reference-section-head p{max-width:690px;margin:0;color:#50504a;font-size:1.03rem;line-height:1.7}
.reference-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.reference-project-card{min-width:0;display:grid;grid-template-columns:108px 1fr;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:22px;transition:transform .18s ease,box-shadow .18s ease}.reference-project-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(17,17,15,.13)}
.reference-project-mark{position:relative;min-height:188px;padding:.75rem;display:grid;place-items:center;overflow:hidden;background:#f3f2ed;border-right:2px solid var(--sf-ink);border-radius:19px 0 0 19px}.reference-project-mark img{width:100%;max-width:100%;height:auto;max-height:78px;object-fit:contain}
.reference-project-copy{min-width:0;padding:1rem;display:flex;flex-direction:column}.reference-project-copy>small{font-size:.57rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.reference-project-copy h3{margin:.55rem 0 .65rem;font-size:1.45rem;line-height:1;letter-spacing:-.04em}.reference-project-description{margin:0 0 1rem;color:#55554f;font-size:.64rem;font-weight:700;line-height:1.45}.reference-project-copy details{margin-top:auto;border-top:1px solid var(--sf-line)}.reference-project-copy summary{padding:.72rem 0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;font-size:.64rem;font-weight:850;list-style:none}.reference-project-copy summary::-webkit-details-marker{display:none}.reference-project-copy summary b{width:25px;height:25px;display:grid;place-items:center;color:#fff;background:var(--sf-ink);border-radius:50%;font-size:.55rem}.reference-project-copy ul{margin:0 0 .8rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;list-style:none}.reference-project-copy li{padding:.28rem .4rem;background:var(--sf-paper);border:1px solid var(--sf-line);border-radius:999px;font-size:.51rem;font-weight:750}.reference-project-copy>a{padding-top:.7rem;display:flex;align-items:center;gap:.45rem;color:var(--sf-ink);border-top:1px solid var(--sf-line);font-size:.62rem;font-weight:900}

html[data-theme="dark"] .customer-case-studies{color:#fff;background:#1b1b19}html[data-theme="dark"] .case-studies-intro h2,html[data-theme="dark"] .customer-case-copy h2{color:#fff}html[data-theme="dark"] .case-studies-intro p,html[data-theme="dark"] .customer-case-copy .case-lead,html[data-theme="dark"] .case-outcomes p{color:#c5c5be}
html[data-theme="dark"] .case-outcomes{border-color:#efeee7}html[data-theme="dark"] .case-outcomes section{border-color:#4b4b45}html[data-theme="dark"] .case-tags span{color:#fff;background:#2a2a27;border-color:#66665f}html[data-theme="dark"] .case-external-link{color:#fff}
html[data-theme="dark"] .case-study-button{color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-yellow)}html[data-theme="dark"] .case-study-button:hover{background:var(--sf-mint);border-color:var(--sf-mint)}
html[data-theme="dark"] .case-browser-after .signal-wordmark{color:var(--sf-ink)}
html[data-theme="dark"] .customer-case-simple-site{color:var(--sf-ink)}
html[data-theme="dark"] .customer-reference-section{color:#fff;background:#11110f}html[data-theme="dark"] .reference-section-head h2{color:#fff}html[data-theme="dark"] .reference-section-head p{color:#c5c5be}html[data-theme="dark"] .reference-project-card{color:#fff;background:#242421;border-color:#606059}html[data-theme="dark"] .reference-project-card h3,html[data-theme="dark"] .reference-project-card a{color:#fff}html[data-theme="dark"] .reference-project-description{color:#bdbdb6}html[data-theme="dark"] .reference-project-mark{color:var(--sf-ink);background:#f3f2ed;border-color:#111}html[data-theme="dark"] .reference-project-copy details,html[data-theme="dark"] .reference-project-copy>a{border-color:#51514b}html[data-theme="dark"] .reference-project-copy summary b{color:var(--sf-ink);background:var(--sf-yellow)}html[data-theme="dark"] .reference-project-copy li{color:#e4e4dd;background:#343430;border-color:#565650}

@media(max-width:1100px){.case-studies-intro{grid-template-columns:.4fr 1.1fr}.case-studies-intro p{grid-column:2}.customer-case{grid-template-columns:1fr}.customer-case-visual{position:relative;top:auto;min-height:500px}.customer-case:nth-child(even) .customer-case-visual{order:1}.customer-case:nth-child(even) .customer-case-copy{order:2}.reference-project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.hero-cases .hero-case-list>div{grid-template-columns:32px 1fr auto}.case-studies-intro{grid-template-columns:1fr}.case-studies-intro p{grid-column:1}.customer-case-studies,.customer-reference-section{padding:5.5rem 0}.customer-case-visual{min-height:430px;border-radius:22px;box-shadow:7px 8px 0 var(--sf-ink)}.customer-case-before-after{grid-template-columns:1fr 1.25fr;padding:.8rem}.case-browser>div{min-height:220px}.case-browser-before b{font-size:1rem}.case-browser-after .signal-wordmark{font-size:.85rem}.case-browser-after em{min-height:48px}.customer-case-simple-site>div{margin:auto .55rem}.customer-case-simple-site>header strong{display:none}.customer-case-copy h2{font-size:clamp(2.7rem,13vw,4.4rem)}.case-outcomes section{grid-template-columns:1fr;gap:.7rem}.case-service-path{grid-template-columns:1fr}.case-service-path>b{width:2px;height:16px;justify-self:center}.case-service-path article{min-height:80px}.case-shop-products i{min-height:155px}.case-food-kitchens{grid-template-columns:1fr;gap:.5rem}.case-food-kitchens article{min-height:82px}.case-food-kitchens strong{font-size:1.05rem}.customer-case-food>footer{flex-wrap:wrap;gap:.4rem}.customer-case-brands>div{grid-template-columns:1fr 38px 1fr;gap:.4rem}.customer-case-brands>div article{min-height:210px;padding:.7rem}.customer-case-brands>div strong{font-size:1.65rem}.customer-case-brands>div>i{width:38px;height:38px}.customer-case-brands>footer{flex-wrap:wrap}.reference-project-grid{grid-template-columns:1fr}.reference-project-card{grid-template-columns:94px 1fr}.reference-project-mark{min-height:195px}.case-link-pair{gap:0 1rem}}

/* 6.15.0 — renewed brand assets across header, footer and interface previews. */
.brand-logo{position:relative;display:block;flex:0 0 auto;width:175px;aspect-ratio:2400/347;font-size:0!important;line-height:0!important;letter-spacing:0!important}
.brand-logo img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:left center}
.brand-logo-dark{display:none!important}
html[data-theme="dark"] .brand-logo-light{display:none!important}
html[data-theme="dark"] .brand-logo-dark{display:block!important}
.brand-logo-on-dark .brand-logo-light{display:none!important}
.brand-logo-on-dark .brand-logo-dark{display:block!important}
.footer-brand .brand-logo{width:clamp(314px,32vw,476px)}
.case-browser-after .brand-logo{width:min(100%,220px)}
.case-browser-after .brand-logo-light{display:block!important}
.case-browser-after .brand-logo-dark{display:none!important}
html[data-theme="dark"] .case-browser-after .brand-logo-light{display:block!important}
html[data-theme="dark"] .case-browser-after .brand-logo-dark{display:none!important}
@media(max-width:720px){.brand-signal .brand-logo{width:140px}.footer-brand .brand-logo{width:min(100%,335px)}.case-browser-after .brand-logo{width:162px}}

/* 6.41.0 — keep the homepage header on the same grid as the inner pages. */
.home .site-header .nav-row{width:min(1260px,calc(100% - 48px));max-width:1260px;margin-inline:auto}
@media(max-width:720px){.home .site-header .nav-row{width:min(1260px,calc(100% - 32px))}}
@media(max-width:390px){.home .site-header .nav-row{width:calc(100% - 24px)}}

/* 6.36.0 — final 68% Logo B mark in active interface illustrations. */
.sf-brand-icon{display:block;object-fit:contain}
.about-system-brand-icon{width:108px;height:auto;margin:0 auto .45rem}
.brand-board-icon,.design-library-brand-icon{width:auto;height:clamp(54px,7vw,82px)}
.anchor-home-icon{width:100%;height:100%}
.surface-offer-brand{width:34px;height:18px}
.case-compare-brand{width:38px;height:20px}
.hero-map>.hero-map-brand{position:absolute;z-index:2;left:47%;top:42%;width:72px;height:48px;padding:11px;object-fit:contain;background:var(--sf-yellow);border-radius:999px;box-shadow:0 0 0 8px rgba(255,196,0,.16)}

/* 6.16.0 — final case positioning and steadier spacing in the hero case list. */
.hero-cases .hero-case-list>div{grid-template-columns:44px minmax(0,1fr) auto;column-gap:.55rem}
.hero-cases .hero-case-list strong,.hero-cases .hero-case-list small{min-width:0}
@media(max-width:720px){.hero-cases .hero-case-list>div{grid-template-columns:42px minmax(0,1fr) auto;column-gap:.45rem}.hero-cases .hero-case-list small{line-height:1.35}}
@media(max-width:520px){.customer-case-shop>header img,.customer-case-service>header img,.customer-case-food>header img{max-width:112px}.customer-case-shop>header span,.customer-case-service>header span,.customer-case-food>header span{max-width:145px;text-align:right;line-height:1.35}}