@import url("/assets/css/fonts.css");

/* NetWelop service pages — shared desktop foundation.
   Homepage remains frozen. Header/Footer/Typography come from frozen Homepage stylesheet. */

body.internal-page{
  margin:0;background:#fafcfd;color:#171816;
  font-family:var(--font-latin,"Söhne","Helvetica Neue","Segoe UI",Arial,sans-serif);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility
}
.internal-page main *{box-sizing:border-box}
.internal-page .site-header{background:#081d23;border-bottom:1px solid #24434a}
.site-shell{width:min(1440px,100%);margin-inline:auto;padding-inline:clamp(48px,5vw,92px)}
.eyebrow,.service-eyebrow,.service-detail-section-title{
  font-family:var(--font-mono,"Söhne Mono",monospace);font-size:10px;line-height:1.5;
  letter-spacing:.14em;text-transform:uppercase
}
.service-detail-section-title{color:#006879;margin:0}

/* Shared interactions */
.text-link{
  display:inline-flex;align-items:center;gap:22px;margin-top:28px;padding:10px 0;
  color:#006879;border-bottom:1px solid rgba(0,104,121,.48);text-decoration:none;font-size:13px;
  transition:color .18s ease,border-color .18s ease,transform .18s ease
}
.text-link:visited{color:#006879}.text-link:hover,.text-link:focus-visible{color:#123f4b;border-bottom-color:#123f4b}
.text-link:hover{transform:translateY(-1px)}.text-link:focus-visible{outline:2px solid #7bc8d5;outline-offset:4px}.text-link span{color:#c7b58a}
.primary-cta{display:inline-flex;align-items:center;gap:22px;margin-top:26px;padding:14px 18px;background:#c7b58a;color:#081d23;text-decoration:none;font-size:13px;font-weight:500;transition:transform .18s ease,box-shadow .18s ease}
.primary-cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgb(8 29 35 / 16%)}
.primary-cta:focus-visible{outline:2px solid #006879;outline-offset:4px}

/* Reveal: content remains visible with JS disabled. */
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}
.js [data-reveal].is-visible{opacity:1;transform:none}

/* SERVICES OVERVIEW */
.page-hero{padding:clamp(90px,11vh,145px) 0 clamp(84px,10vh,130px);border-bottom:1px solid #cad7d9}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);gap:9vw;align-items:end}
.page-hero h1,.decision-band h2,.service-copy h2,.ledger-heading h2,.diagnostic-heading h2{margin:0;letter-spacing:-.05em}
.page-hero h1{font-size:clamp(64px,6.3vw,104px);line-height:1.01;max-width:12ch}
.page-hero h1 em,.decision-band h2 em,.ledger-heading h2 em,.diagnostic-heading h2 em{font-style:normal;color:#88744c}
.page-hero-copy{font-size:clamp(17px,1.3vw,21px);line-height:1.65;color:#607176;max-width:42ch}
.page-hero-copy p{margin:0 0 16px}.page-hero-copy p:last-child{margin:0}

.service-diagnostic{padding:clamp(90px,11vh,140px) 0;background:#081d23;color:#fafcfd}
.diagnostic-heading{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,.5fr);column-gap:8vw;align-items:end;margin-bottom:54px}
.diagnostic-heading>.eyebrow{grid-column:1/-1;color:#7bc8d5;margin:0 0 24px}
.diagnostic-heading h2{font-size:clamp(50px,4.8vw,78px);line-height:1.03;max-width:12ch}.diagnostic-heading h2 em{color:#c7b58a}
.diagnostic-heading>p:last-child{margin:0;color:#aec5ca;font-size:16px;line-height:1.7;max-width:44ch}
.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #2b4a51;border-left:1px solid #2b4a51}
.diagnostic-card{min-height:310px;padding:30px 32px 34px;border-right:1px solid #2b4a51;border-bottom:1px solid #2b4a51;color:#fafcfd;text-decoration:none;display:flex;flex-direction:column;transition:background .22s ease,transform .22s ease}
.diagnostic-card:hover,.diagnostic-card:focus-visible{background:#123f4b;transform:translateY(-2px)}
.diagnostic-card:focus-visible{outline:2px solid #7bc8d5;outline-offset:-2px}
.diagnostic-card-top{display:flex;justify-content:space-between;color:#7bc8d5;font:500 10px/1.4 var(--font-mono,"Söhne Mono",monospace)}
.diagnostic-card-top span:last-child{color:#c7b58a}.diagnostic-label{margin:50px 0 12px;color:#7bc8d5;font:500 10px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.13em}
.diagnostic-card h3{margin:0;max-width:18ch;font-size:clamp(28px,2.5vw,42px);line-height:1.08;letter-spacing:-.035em}
.diagnostic-card>p:last-child{margin:auto 0 0;padding-top:28px;max-width:52ch;color:#aec5ca;font-size:14px;line-height:1.65}

.service-ledger{background:#fafcfd}.ledger-heading{padding:clamp(84px,10vh,126px) 0 10px;display:grid;grid-template-columns:.34fr .66fr;gap:8vw;align-items:end}
.ledger-heading>.eyebrow{color:#006879}.ledger-heading h2{font-size:clamp(48px,4.5vw,74px);line-height:1.04;max-width:11ch}.ledger-heading h2 em{color:#88744c}
.service-row{position:relative;display:grid;grid-template-columns:64px minmax(0,.86fr) minmax(360px,.72fr);gap:clamp(34px,5vw,80px);align-items:center;padding:clamp(72px,9vh,118px) 0;border-bottom:1px solid #cad7d9;scroll-margin-top:84px}
.service-index{font-family:var(--font-mono,"Söhne Mono",monospace);font-size:10px;color:#006879;align-self:start}.service-copy{max-width:720px}.service-eyebrow{color:#006879;margin:0 0 22px}.service-copy h2{font-size:clamp(42px,4vw,66px);line-height:1.05;max-width:15ch}.service-copy>p{font-size:16px;line-height:1.7;color:#607176;max-width:48ch;margin:22px 0}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row span{border:1px solid #cad7d9;padding:6px 10px;font-size:10px;color:#607176}
.service-visual{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;border:1px solid #cad7d9;background:#081d23;box-shadow:0 28px 80px rgb(5 24 29 / 14%)}.service-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .3s ease}.service-visual:hover img{transform:scale(1.025)}.service-visual-cue{position:absolute;right:16px;bottom:16px;padding:9px 11px;background:rgba(8,29,35,.92);border:1px solid rgba(123,200,213,.38);color:#fafcfd;font:500 9px/1.4 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.12em}.service-visual-cue b{margin-left:14px;color:#c7b58a;font-weight:500}
.decision-band{background:#081d23;color:#fafcfd;padding:clamp(100px,13vh,170px) 0}.decision-grid{display:grid;grid-template-columns:.3fr .7fr;gap:8vw}.decision-grid>.eyebrow{color:#7bc8d5;margin:8px 0 0}.decision-band h2{font-size:clamp(56px,5.4vw,90px);line-height:1.03;max-width:13ch}.decision-band p{color:#aec5ca;font-size:16px;line-height:1.7;max-width:48ch}

/* SERVICE DETAIL — HERO */
.service-detail-hero{padding:clamp(104px,13vh,164px) 0 clamp(92px,11vh,136px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 88% 10%,rgba(123,200,213,.08),transparent 25%),#fafcfd}
.service-detail-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(420px,.72fr);gap:clamp(54px,7vw,112px);align-items:center}
.service-detail-kicker{margin:0 0 24px;color:#006879;font:500 10px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.14em;text-transform:uppercase}
.service-detail-hero h1{margin:0;max-width:12.3ch;font-size:clamp(56px,5.35vw,88px);line-height:1.02;letter-spacing:-.05em}.service-detail-hero h1 em{font-style:normal;color:#88744c}
.service-detail-lead{max-width:52ch;margin:28px 0 0;color:#607176;font-size:clamp(17px,1.25vw,20px);line-height:1.72}.service-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.service-detail-actions .primary-cta,.service-detail-actions .text-link{margin-top:0}
.service-detail-visual{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;border:1px solid #cad7d9;background:#081d23;box-shadow:0 34px 96px rgb(5 24 29 / 16%)}.service-detail-visual img{display:block;width:100%;height:100%;object-fit:cover}.service-detail-visual figcaption,.evidence-visual figcaption{position:absolute;right:0;bottom:0;padding:8px 10px;background:rgba(8,29,35,.94);color:#9fb5ba;font:500 8px/1.3 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.09em}

/* RECOGNITION / NEED CREATION */
.service-recognition{padding:clamp(92px,12vh,150px) 0;background:#fafcfd}.recognition-heading{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,.5fr);gap:8vw;align-items:end;margin-bottom:54px}.recognition-heading>.service-detail-section-title{grid-column:1/-1;margin-bottom:18px}.recognition-heading h2{margin:0;max-width:13ch;font-size:clamp(48px,4.7vw,76px);line-height:1.04;letter-spacing:-.05em}.recognition-heading h2 em{font-style:normal;color:#88744c}.recognition-heading>p:last-child{margin:0;color:#607176;font-size:16px;line-height:1.72;max-width:48ch}
.pain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}.pain-card{min-height:280px;padding:24px 24px 28px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9;background:#fafcfd}.pain-card-top{display:flex;justify-content:space-between;color:#006879;font:500 9px/1.4 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em}.pain-card p{margin:92px 0 0;font-size:clamp(19px,1.55vw,25px);line-height:1.25;letter-spacing:-.02em}
.recognition-bridge{margin-top:28px;padding:26px 30px;display:grid;grid-template-columns:.38fr .62fr;gap:5vw;align-items:center;background:#081d23;color:#fafcfd}.recognition-bridge span{color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.12em}.recognition-bridge strong{font-size:clamp(22px,2vw,30px);line-height:1.25;font-weight:500}

/* TRANSFORMATION / WOW MOMENT */
.service-transformation{position:relative;padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd;overflow:hidden}.service-transformation:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 52%,rgba(18,63,75,.42) 52% 52.12%,transparent 52.12% 100%),linear-gradient(160deg,transparent 0 72%,rgba(199,181,138,.16) 72% 72.08%,transparent 72.08% 100%);pointer-events:none}.transformation-grid{position:relative;display:grid;grid-template-columns:minmax(300px,.58fr) minmax(0,.9fr);gap:clamp(54px,7vw,110px);align-items:center}.transformation-copy .service-detail-section-title{color:#7bc8d5}.transformation-copy h2{margin:24px 0 0;max-width:11.5ch;font-size:clamp(48px,4.6vw,76px);line-height:1.04;letter-spacing:-.05em}.transformation-copy h2 em{font-style:normal;color:#c7b58a}.transformation-copy>p:not(.service-detail-section-title){max-width:44ch;margin:26px 0 0;color:#aec5ca;font-size:16px;line-height:1.72}.transform-steps{margin-top:38px;border-top:1px solid #2e4d54}.transform-step{display:grid;grid-template-columns:34px 90px 1fr;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #2e4d54}.transform-step>span{color:#7bc8d5;font:500 9px/1.4 var(--font-mono,"Söhne Mono",monospace)}.transform-step strong{font-size:11px;letter-spacing:.08em;font-weight:500}.transform-step small{color:#8fa6ab;font-size:12px}
.transformation-stage{position:relative;min-height:580px;overflow:hidden;border:1px solid #315259;background:#0b252c;box-shadow:0 42px 110px rgb(0 0 0 / 30%)}.transformation-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.58);transform:scale(1.04);transition:transform 1.2s cubic-bezier(.2,.75,.2,1),filter 1.2s ease}.transformation-stage.is-active>img{transform:scale(1);filter:saturate(.9) brightness(.7)}.transformation-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,29,35,.86),rgba(8,29,35,.18) 60%,rgba(8,29,35,.48))}.transform-orbit{position:absolute;width:58%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(18deg);border:1px solid rgba(123,200,213,.34);border-radius:50%;box-shadow:0 0 0 70px rgba(18,63,75,.12),0 0 0 140px rgba(18,63,75,.08)}.transform-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c3039;border:1px solid #7bc8d5;box-shadow:0 20px 60px rgba(0,0,0,.28)}.transform-core span{color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.15em}.transform-core strong{margin-top:8px;font-size:19px;font-weight:500;text-align:center}.transform-signal{position:absolute;min-width:150px;padding:12px 14px;background:#0a252c;border:1px solid #3f6b74;color:#fafcfd;font-size:12px;box-shadow:0 14px 38px rgba(0,0,0,.22);opacity:.25;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease,border-color .55s ease}.transform-signal span{display:block;margin-bottom:5px;color:#7bc8d5;font:500 8px/1.3 var(--font-mono,"Söhne Mono",monospace)}.signal-1{left:8%;top:19%}.signal-2{right:7%;top:18%}.signal-3{right:10%;bottom:16%}.transformation-stage.is-active .transform-signal{opacity:1;transform:none;border-color:#7bc8d5}.transformation-stage.is-active .signal-2{transition-delay:.16s}.transformation-stage.is-active .signal-3{transition-delay:.32s}

/* BUILD / DELIVERABLES */
.service-build{padding:clamp(96px,12vh,150px) 0;background:#fafcfd;border-bottom:1px solid #cad7d9}.service-build-grid{display:grid;grid-template-columns:minmax(300px,.52fr) minmax(0,.8fr);gap:clamp(60px,8vw,126px);align-items:start}.build-heading{position:sticky;top:112px}.build-heading h2{margin:22px 0 0;max-width:10.5ch;font-size:clamp(44px,4.2vw,70px);line-height:1.04;letter-spacing:-.05em}.build-heading h2 em{font-style:normal;color:#88744c}.build-heading>p:last-child{max-width:41ch;color:#607176;font-size:15px;line-height:1.7}.service-detail-list{border-top:1px solid #cad7d9}.service-detail-list>div{display:grid;grid-template-columns:58px 1fr;gap:28px;align-items:start;padding:30px 0;border-bottom:1px solid #cad7d9}.service-detail-list>div>span{padding-top:6px;color:#006879;font:500 10px/1.4 var(--font-mono,"Söhne Mono",monospace)}.service-detail-list strong{font-size:clamp(24px,2vw,34px);line-height:1.15;font-weight:500;letter-spacing:-.025em}.service-detail-list p{max-width:54ch;margin:9px 0 0;color:#607176;font-size:14px;line-height:1.65}

/* OUTCOMES */
.service-outcomes{padding:clamp(96px,12vh,150px) 0;background:#f2f5f4}.outcomes-heading{display:grid;grid-template-columns:minmax(0,.72fr) minmax(300px,.45fr);gap:8vw;align-items:end;margin-bottom:46px}.outcomes-heading>.service-detail-section-title{grid-column:1/-1}.outcomes-heading h2{margin:18px 0 0;max-width:13ch;font-size:clamp(46px,4.5vw,74px);line-height:1.04;letter-spacing:-.05em}.outcomes-heading h2 em{font-style:normal;color:#88744c}.outcomes-heading>p:last-child{margin:0;color:#607176;font-size:14px;line-height:1.7;max-width:46ch}.outcomes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}.outcome-card{min-height:260px;padding:24px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9;background:#fafcfd}.outcome-card>span{color:#006879;font:500 9px/1.4 var(--font-mono,"Söhne Mono",monospace)}.outcome-card h3{margin:72px 0 0;font-size:clamp(22px,1.8vw,30px);line-height:1.14;letter-spacing:-.025em}.outcome-card p{margin:14px 0 0;color:#607176;font-size:13px;line-height:1.65}

/* PROOF / EVIDENCE */
.service-evidence{padding:clamp(104px,13vh,164px) 0;background:#081d23;color:#fafcfd}.evidence-grid{display:grid;grid-template-columns:minmax(300px,.56fr) minmax(0,.88fr);gap:clamp(60px,8vw,126px);align-items:center}.evidence-copy .service-detail-section-title{color:#7bc8d5}.evidence-role{margin:32px 0 8px;color:#7bc8d5;font-size:13px}.evidence-copy h2{margin:0;font-size:clamp(54px,5vw,82px);line-height:1;letter-spacing:-.05em}.evidence-lead{max-width:46ch;margin:24px 0 0;color:#aec5ca;font-size:16px;line-height:1.72}.evidence-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.evidence-tags span{padding:7px 10px;border:1px solid #35565d;color:#b9ced2;font-size:10px}.evidence-boundary{margin-top:34px;padding-top:22px;border-top:1px solid #2e4d54;max-width:52ch}.evidence-boundary strong{color:#c7b58a;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em;text-transform:uppercase}.evidence-boundary p{margin:9px 0 0;color:#82999e;font-size:12px;line-height:1.65}.evidence-visual{position:relative;margin:0;min-height:460px;overflow:hidden;border:1px solid #315259;background:#0b252c;box-shadow:0 36px 90px rgb(0 0 0 / 25%)}.evidence-visual img{display:block;width:100%;height:100%;min-height:460px;object-fit:cover}.evidence-visual.is-illustrative img{filter:saturate(.82) brightness(.74)}

/* FIT / BOUNDARY */
.service-fit-boundary{padding:clamp(96px,12vh,150px) 0;background:#fafcfd}.fit-boundary-grid{display:grid;grid-template-columns:minmax(0,.68fr) minmax(320px,.42fr);gap:clamp(60px,8vw,130px);align-items:start}.fit-panel h2{margin:20px 0 0;max-width:12ch;font-size:clamp(46px,4.4vw,72px);line-height:1.04;letter-spacing:-.05em}.fit-panel h2 em{font-style:normal;color:#88744c}.fit-panel ul{margin:36px 0 0;padding:0;list-style:none;border-top:1px solid #cad7d9;max-width:700px}.fit-panel li{padding:18px 0;border-bottom:1px solid #cad7d9;color:#4f6064;font-size:15px;line-height:1.6}.boundary-panel{padding:34px;background:#f1f5f4;border:1px solid #cad7d9}.boundary-panel h3{margin:22px 0 0;font-size:clamp(27px,2.4vw,38px);line-height:1.12;letter-spacing:-.035em}.boundary-panel>p:last-child{margin:24px 0 0;color:#607176;font-size:14px;line-height:1.7}

/* FINAL CONVERSION */
.service-final-cta{padding:clamp(106px,13vh,170px) 0;background:#0b252c;color:#fafcfd;border-top:1px solid #315259}.final-cta-grid{display:grid;grid-template-columns:.3fr .7fr;gap:8vw}.service-final-cta .service-detail-section-title{color:#7bc8d5;margin-top:10px}.service-final-cta h2{margin:0;max-width:12ch;font-size:clamp(54px,5.2vw,86px);line-height:1.03;letter-spacing:-.05em}.service-final-cta h2 em{font-style:normal;color:#c7b58a}.service-final-cta p{max-width:48ch;color:#aec5ca;font-size:16px;line-height:1.72}.service-final-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.service-final-actions .primary-cta,.service-final-actions .text-link{margin-top:22px}.text-link--dark{color:#7bc8d5;border-bottom-color:rgba(123,200,213,.48)}.text-link--dark:visited{color:#7bc8d5}.text-link--dark:hover,.text-link--dark:focus-visible{color:#fafcfd;border-bottom-color:#fafcfd}

@media(max-width:1100px){
  .page-hero-grid{gap:6vw}.service-row{grid-template-columns:54px minmax(0,.9fr) minmax(330px,.7fr);gap:34px}
  .diagnostic-heading,.recognition-heading,.outcomes-heading{gap:5vw}.diagnostic-card{min-height:290px}
  .service-detail-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);gap:44px}
  .pain-grid,.outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .transformation-grid,.service-build-grid,.evidence-grid,.fit-boundary-grid{gap:52px}
  .transformation-stage{min-height:520px}.transform-signal{min-width:130px}
}
@media(prefers-reduced-motion:reduce){
  .js [data-reveal]{opacity:1;transform:none;transition:none}.transformation-stage>img,.transform-signal,.service-visual img{transition:none!important}.service-visual:hover img{transform:none}
}


/* =========================================================
   FINAL INTERACTION & MICRO-POLISH — SERVICE SYSTEM v1.2
   No layout/content redesign. Desktop motion only, shared CSS.
   ========================================================= */

:root{
  --nw-ease:cubic-bezier(.2,.75,.2,1);
  --nw-ease-soft:cubic-bezier(.22,.61,.36,1)
}

/* Reveal choreography: same components, more deliberate rhythm. */
.js [data-reveal]{
  transition-delay:var(--reveal-delay,0ms)
}
.service-recognition{scroll-margin-top:76px}

/* Premium CTA feedback — restrained; Champagne remains the finish. */
.primary-cta{position:relative;overflow:hidden;isolation:isolate}
.primary-cta::before{
  content:"";position:absolute;inset:-1px auto -1px -42%;width:28%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg);opacity:0;pointer-events:none;z-index:-1
}
.primary-cta:hover::before{animation:nwCtaSheen .72s var(--nw-ease-soft) 1}
.primary-cta span,.text-link span{transition:transform .18s var(--nw-ease-soft)}
.primary-cta:hover span,.primary-cta:focus-visible span,.text-link:hover span,.text-link:focus-visible span{transform:translateX(3px)}
@keyframes nwCtaSheen{0%{left:-42%;opacity:0}18%{opacity:.65}100%{left:122%;opacity:0}}

/* Overview cards: clearer interactive hierarchy without louder chrome. */
.diagnostic-card{position:relative;overflow:hidden}
.diagnostic-card::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:#c7b58a;
  transition:right .34s var(--nw-ease)
}
.diagnostic-card:hover::after,.diagnostic-card:focus-visible::after{right:0}
.diagnostic-card-top span:last-child{transition:transform .2s var(--nw-ease)}
.diagnostic-card:hover .diagnostic-card-top span:last-child,.diagnostic-card:focus-visible .diagnostic-card-top span:last-child{transform:translate(2px,-2px)}
.service-visual-cue{transition:background .2s ease,border-color .2s ease,transform .2s var(--nw-ease)}
.service-visual:hover .service-visual-cue,.service-visual:focus-visible .service-visual-cue{background:#123f4b;border-color:#7bc8d5;transform:translate(-2px,-2px)}
.service-visual:focus-visible{outline:2px solid #006879;outline-offset:4px}

/* Recognition and Business Outcome cards are both non-clickable editorial Q/A blocks.
   They intentionally share one quiet hover language so neither implies a different affordance. */
.pain-card,.outcome-card{
  position:relative;overflow:hidden;
  transition:background .22s ease,box-shadow .22s ease
}
.pain-card::before,.outcome-card::before{
  content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:#006879;
  transform:scaleX(0);transform-origin:left;transition:transform .32s var(--nw-ease)
}
.pain-card:hover,.outcome-card:hover{
  background:#f2f7f7;
  box-shadow:inset 0 0 0 1px rgba(0,104,121,.06),0 12px 28px rgb(8 29 35 / 4%)
}
.pain-card:hover::before,.outcome-card:hover::before{transform:scaleX(1)}

/* Shared subtle image parallax. JS writes px values only on fine pointers. */
[data-parallax-surface]{--parallax-x:0px;--parallax-y:0px}
.service-detail-visual img,.evidence-visual img{
  transform:scale(1.018) translate3d(var(--parallax-x),var(--parallax-y),0);
  transition:transform .42s var(--nw-ease),filter .3s ease
}
.service-detail-visual:hover img,.evidence-visual:hover img{transform:scale(1.035) translate3d(var(--parallax-x),var(--parallax-y),0)}
.service-detail-visual::after,.evidence-visual::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(250,252,253,.04);
  transition:box-shadow .25s ease
}
.service-detail-visual:hover::after,.evidence-visual:hover::after{box-shadow:inset 0 0 0 1px rgba(123,200,213,.18)}

/* Transformation scene layer order. */
.transformation-stage>img{z-index:0;transform:scale(1.045) translate3d(var(--parallax-x),var(--parallax-y),0)}
.transformation-stage.is-active>img{transform:scale(1.01) translate3d(var(--parallax-x),var(--parallax-y),0)}
.transformation-scrim{z-index:1}.transform-orbit{z-index:2}.transform-signal,.transform-core{z-index:4}
.transformation-stage::before,.transformation-stage::after{content:"";position:absolute;pointer-events:none;z-index:3;opacity:0}
.transformation-stage.is-active::before,.transformation-stage.is-active::after{opacity:1}
.transform-core{transition:border-color .45s ease,box-shadow .45s ease,transform .6s var(--nw-ease)}
.transformation-stage.is-active .transform-core{box-shadow:0 20px 60px rgba(0,0,0,.28),0 0 34px rgba(123,200,213,.08)}

/* Website: directional journey across a digital interface. */
.service-websites-platforms .transform-orbit{
  width:64%;aspect-ratio:1.45;border-radius:18%;transform:translate(-50%,-50%) rotate(-8deg);
  box-shadow:0 0 0 42px rgba(18,63,75,.11),0 0 0 84px rgba(18,63,75,.065)
}
.service-websites-platforms .transformation-stage::before{
  top:11%;bottom:11%;width:1px;left:18%;
  background:linear-gradient(180deg,transparent,#7bc8d5 28% 72%,transparent);
  filter:drop-shadow(0 0 7px rgba(123,200,213,.45))
}
.service-websites-platforms .transformation-stage.is-active::before{animation:nwJourneySweep 7.5s ease-in-out infinite}
@keyframes nwJourneySweep{0%,100%{left:18%;opacity:.15}45%,55%{left:78%;opacity:.68}}

/* Custom software: disconnected context converges into one operating core. */
.service-custom-software .transform-orbit{animation:none}
.service-custom-software .transformation-stage.is-active .transform-orbit{animation:nwSystemOrbit 18s linear infinite}
.service-custom-software .transformation-stage::before{
  inset:17%;border:1px solid rgba(123,200,213,.18);transform:rotate(45deg) scale(.78)
}
.service-custom-software .transformation-stage.is-active::before{animation:nwSystemResolve 5.8s var(--nw-ease) infinite alternate}
@keyframes nwSystemOrbit{to{transform:translate(-50%,-50%) rotate(378deg)}}
@keyframes nwSystemResolve{0%{transform:rotate(45deg) scale(.78);opacity:.18}100%{transform:rotate(45deg) scale(.96);opacity:.5}}

/* AI: assistance advances, human control receives the strongest checkpoint cue. */
.service-ai-creative-technology .transform-core{border-color:#c7b58a}
.service-ai-creative-technology .transform-core span{color:#c7b58a}
.service-ai-creative-technology .transformation-stage.is-active .signal-1{animation:nwAssistPulse 5.4s ease-in-out .2s infinite}
.service-ai-creative-technology .transformation-stage.is-active .signal-2{animation:nwAssistPulse 5.4s ease-in-out 1.4s infinite}
.service-ai-creative-technology .transformation-stage.is-active .signal-3{animation:nwHumanPulse 5.4s ease-in-out 2.6s infinite;border-color:#c7b58a}
@keyframes nwAssistPulse{0%,72%,100%{box-shadow:0 14px 38px rgba(0,0,0,.22)}82%{box-shadow:0 14px 38px rgba(0,0,0,.22),0 0 0 4px rgba(123,200,213,.10)}}
@keyframes nwHumanPulse{0%,70%,100%{box-shadow:0 14px 38px rgba(0,0,0,.22)}82%{box-shadow:0 14px 38px rgba(0,0,0,.22),0 0 0 5px rgba(199,181,138,.15)}}

/* Security: bounded layers breathe outward rather than spinning like generic tech UI. */
.service-cybersecurity-infrastructure .transform-orbit{
  border-radius:24%;transform:translate(-50%,-50%) rotate(45deg);
  box-shadow:0 0 0 44px rgba(18,63,75,.11),0 0 0 88px rgba(18,63,75,.07)
}
.service-cybersecurity-infrastructure .transformation-stage.is-active .transform-orbit{animation:nwBoundaryPulse 6.5s ease-in-out infinite}
.service-cybersecurity-infrastructure .transform-core{border-color:#c7b58a}
.service-cybersecurity-infrastructure .transformation-stage::before{
  inset:11%;border:1px solid rgba(199,181,138,.20);border-radius:18%
}
@keyframes nwBoundaryPulse{
  0%,100%{box-shadow:0 0 0 44px rgba(18,63,75,.09),0 0 0 88px rgba(18,63,75,.045)}
  50%{box-shadow:0 0 0 58px rgba(18,63,75,.14),0 0 0 112px rgba(18,63,75,.07)}
}

/* Evidence and final conversion: slightly stronger finish. */
.evidence-tags span{transition:border-color .2s ease,color .2s ease,background .2s ease}
.evidence-tags span:hover{border-color:#7bc8d5;color:#fafcfd;background:rgba(18,63,75,.34)}
.boundary-panel{transition:transform .25s var(--nw-ease),box-shadow .25s ease,border-color .25s ease}
.boundary-panel:hover{transform:translateY(-2px);border-color:#a9bcbf;box-shadow:0 18px 46px rgb(8 29 35 / 7%)}
.service-final-cta{position:relative;overflow:hidden}
.service-final-cta::after{
  content:"";position:absolute;right:-8vw;bottom:-24vw;width:44vw;aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(123,200,213,.10);box-shadow:0 0 0 80px rgba(18,63,75,.06),0 0 0 160px rgba(18,63,75,.035);pointer-events:none
}
.service-final-cta .site-shell{position:relative;z-index:1}

@media(prefers-reduced-motion:reduce){
  .primary-cta::before,.service-websites-platforms .transformation-stage.is-active::before,
  .service-custom-software .transformation-stage.is-active .transform-orbit,
  .service-custom-software .transformation-stage.is-active::before,
  .service-ai-creative-technology .transformation-stage.is-active .transform-signal,
  .service-cybersecurity-infrastructure .transformation-stage.is-active .transform-orbit{animation:none!important}
  [data-parallax-surface] img{transform:none!important}
  .boundary-panel:hover{transform:none}
}

/* =========================================================
   PRODUCTS & PLATFORMS — DESKTOP v1
   Shared with the existing internal-page foundation.
   No product page introduces a separate stylesheet.
   ========================================================= */

/* ---------- Shared Product typography / surfaces ---------- */
.product-parent-hero,.product-detail-hero,.product-recognition,.product-capabilities,.product-fit-decision,.product-evaluation-path,.product-faq,.product-tech-disclosure{background:#fafcfd;color:#171816}
.product-parent-hero h1,.product-choice-heading h2,.product-parent-thesis h2,.product-fit-heading h2,.product-parent-final h2,
.product-detail-hero h1,.product-section-heading h2,.product-experience h2,.product-capabilities-intro h2,.product-evidence-discipline h2,
.product-tech-disclosure h2,.product-faq h2,.product-final-cta h2,.syncpad-boundary-section h2{margin:0;letter-spacing:-.05em}
.product-parent-hero em,.product-choice-heading em,.product-parent-thesis em,.product-fit-heading em,.product-parent-final em,
.product-detail-hero em,.product-section-heading em,.product-experience em,.product-capabilities-intro em,.product-evidence-discipline em,
.product-tech-disclosure em,.product-faq em,.product-final-cta em,.syncpad-boundary-section em{font-style:normal;color:#88744c}
.product-experience em,.product-evidence-discipline em,.product-final-cta em,.product-parent-final em,.product-detail-hero--dark em,.syncpad-boundary-section em{color:#c7b58a}

/* ---------- Products Parent ---------- */
.product-parent-hero{padding:clamp(110px,13vh,170px) 0 clamp(94px,11vh,142px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 84% 6%,rgba(123,200,213,.08),transparent 29%),#fafcfd}
.product-parent-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.55fr);gap:9vw;align-items:end}
.product-parent-hero .eyebrow{color:#006879;margin:0 0 24px}.product-parent-hero h1{font-size:clamp(62px,6vw,100px);line-height:1.01;max-width:12ch}
.product-parent-lead{max-width:44ch;color:#607176;font-size:clamp(17px,1.3vw,21px);line-height:1.7}.product-parent-lead p{margin:0 0 16px}.product-parent-lead p:last-child{margin-bottom:0}

.product-choice-section{padding:clamp(98px,12vh,156px) 0;background:#081d23;color:#fafcfd;overflow:hidden}
.product-choice-heading{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,.48fr);gap:8vw;align-items:end;margin-bottom:52px}
.product-choice-heading>.eyebrow{grid-column:1/-1;color:#7bc8d5;margin:0 0 22px}.product-choice-heading h2{font-size:clamp(50px,4.8vw,78px);line-height:1.04;max-width:12ch}.product-choice-heading h2 em{color:#c7b58a}
.product-choice-heading>p:last-child{margin:0;color:#aec5ca;font-size:16px;line-height:1.7;max-width:43ch}
.product-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product-choice-card{position:relative;display:grid;grid-template-rows:auto 1fr;min-height:650px;border:1px solid #35565d;background:#0a252c;color:#fafcfd;text-decoration:none;overflow:hidden;transition:border-color .24s ease,transform .24s var(--nw-ease),box-shadow .24s ease}
.product-choice-card:hover,.product-choice-card:focus-visible{transform:translateY(-3px);border-color:#7bc8d5;box-shadow:0 28px 80px rgb(0 0 0 / 22%)}.product-choice-card:focus-visible{outline:2px solid #7bc8d5;outline-offset:4px}
.product-choice-copy{padding:34px 36px 30px;position:relative;z-index:2}.product-choice-index{display:block;color:#7bc8d5;font:500 10px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.13em}
.product-choice-copy h3{margin:38px 0 18px;max-width:14ch;font-size:clamp(34px,3.2vw,54px);line-height:1.04;letter-spacing:-.045em}.product-choice-copy p{margin:0;max-width:45ch;color:#aec5ca;font-size:14px;line-height:1.68}
.product-choice-route{display:inline-flex;gap:22px;align-items:center;margin-top:28px;padding-bottom:9px;border-bottom:1px solid #7bc8d5;font-size:13px}.product-choice-route b{color:#c7b58a;font-weight:500;transition:transform .2s ease}.product-choice-card:hover .product-choice-route b{transform:translate(3px,-3px)}
.product-choice-visual{position:relative;min-height:330px;overflow:hidden;border-top:1px solid #35565d;background:#06191e}.product-choice-visual img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.015) translate3d(var(--parallax-x),var(--parallax-y),0);transition:transform .5s var(--nw-ease),filter .3s ease;filter:saturate(.92) brightness(.9)}
.product-choice-card:hover .product-choice-visual img{transform:scale(1.04) translate3d(var(--parallax-x),var(--parallax-y),0);filter:saturate(1) brightness(.96)}
.product-choice-visual>span{position:absolute;right:14px;bottom:14px;padding:7px 9px;background:rgba(8,29,35,.94);border:1px solid rgba(123,200,213,.28);color:#aec5ca;font:500 8px/1.3 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em}

.product-parent-thesis{padding:clamp(102px,13vh,168px) 0;background:#fafcfd;border-bottom:1px solid #cad7d9}
.product-parent-thesis-grid{display:grid;grid-template-columns:minmax(0,.58fr) minmax(0,.72fr);gap:9vw;align-items:start}.product-parent-thesis .eyebrow{color:#006879;margin:0 0 24px}.product-parent-thesis h2{font-size:clamp(48px,4.6vw,76px);line-height:1.04;max-width:13ch}
.product-parent-thesis-copy>p{margin:4px 0 34px;color:#607176;font-size:17px;line-height:1.72;max-width:46ch}.product-principles{border-top:1px solid #cad7d9}.product-principles>div{display:grid;grid-template-columns:46px minmax(180px,.38fr) 1fr;gap:24px;padding:24px 0;border-bottom:1px solid #cad7d9;align-items:start}.product-principles span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.product-principles strong{font-size:17px}.product-principles p{margin:0;color:#607176;font-size:13px;line-height:1.65}

.product-fit-router{padding:clamp(98px,12vh,154px) 0;background:#f3f7f6}.product-fit-heading{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,.32fr);margin-bottom:46px}.product-fit-heading>.eyebrow{grid-column:1/-1;color:#006879;margin:0 0 22px}.product-fit-heading h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;max-width:13ch}
.product-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}.product-fit-grid>a{min-height:310px;padding:28px 30px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9;color:#171816;text-decoration:none;display:flex;flex-direction:column;transition:background .22s ease,box-shadow .22s ease}.product-fit-grid>a:hover,.product-fit-grid>a:focus-visible{background:#fff;box-shadow:0 16px 44px rgb(8 29 35 / 6%)}.product-fit-grid>a:focus-visible{outline:2px solid #006879;outline-offset:-2px}.product-fit-grid>a>span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.12em}.product-fit-grid h3{margin:62px 0 14px;font-size:clamp(26px,2.2vw,36px);line-height:1.08;letter-spacing:-.035em}.product-fit-grid p{margin:0;color:#607176;font-size:13px;line-height:1.65}.product-fit-grid b{margin:auto 0 0;padding-top:28px;color:#006879;font-size:12px;font-weight:500}

.product-parent-final{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd;position:relative;overflow:hidden}.product-parent-final:after{content:"";position:absolute;right:-11vw;bottom:-20vw;width:46vw;aspect-ratio:1;border:1px solid rgba(123,200,213,.10);border-radius:50%;box-shadow:0 0 0 90px rgba(18,63,75,.05),0 0 0 180px rgba(18,63,75,.025)}.product-parent-final-grid{position:relative;z-index:1;display:grid;grid-template-columns:.3fr .7fr;gap:8vw}.product-parent-final .eyebrow{color:#7bc8d5;margin-top:10px}.product-parent-final h2{font-size:clamp(52px,5vw,82px);line-height:1.04;max-width:14ch}.product-parent-final p{margin:26px 0 0;max-width:47ch;color:#aec5ca;font-size:15px;line-height:1.7}

/* ---------- Product Detail shared hero ---------- */
.product-detail-hero{padding:clamp(108px,13vh,172px) 0 clamp(94px,11vh,144px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 86% 8%,rgba(123,200,213,.09),transparent 27%),#fafcfd}
.product-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(42px,6vw,96px);align-items:center}.product-detail-hero .eyebrow{color:#006879;margin:0 0 24px}.product-detail-hero h1{font-size:clamp(56px,5.4vw,90px);line-height:1.01;max-width:12.5ch}.product-detail-lead{max-width:50ch;margin:28px 0 0;color:#607176;font-size:clamp(17px,1.28vw,20px);line-height:1.72}.product-detail-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}.product-detail-actions .primary-cta,.product-detail-actions .text-link{margin-top:0}
.product-detail-hero-visual{position:relative;margin:0;overflow:visible;border:0;background:transparent;box-shadow:none;display:block;padding:0}.product-detail-hero-visual img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;box-shadow:0 26px 76px rgb(5 24 29 / 14%);transform:translate3d(var(--parallax-x),var(--parallax-y),0);transition:transform .48s var(--nw-ease),filter .3s ease,box-shadow .3s ease}.product-detail-hero-visual:hover img{transform:translate3d(var(--parallax-x),calc(var(--parallax-y) - 2px),0);filter:saturate(1.015) contrast(1.01);box-shadow:0 32px 88px rgb(5 24 29 / 17%)}.product-detail-hero-visual figcaption{position:static;display:block;width:max-content;max-width:100%;margin:10px 0 0 auto;padding:0;background:none;color:#748a90;font:500 8px/1.45 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.09em;text-align:right}
.product-detail-hero--dark{background:radial-gradient(circle at 78% 22%,rgba(18,63,75,.6),transparent 32%),#081d23;color:#fafcfd;border-bottom-color:#35565d}.product-detail-hero--dark .eyebrow{color:#7bc8d5}.product-detail-hero--dark .product-detail-lead{color:#aec5ca}.product-detail-hero--dark .product-detail-hero-visual{border:0;box-shadow:none}.product-detail-hero--dark .product-detail-hero-visual img{box-shadow:0 30px 86px rgb(0 0 0 / 24%)}.product-detail-hero--dark .product-detail-hero-visual figcaption{color:#8fa9af}

/* ---------- Recognition ---------- */
.product-recognition{padding:clamp(96px,12vh,152px) 0}.product-section-heading{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,.48fr);gap:8vw;align-items:end;margin-bottom:50px}.product-section-heading>.eyebrow{grid-column:1/-1;color:#006879;margin:0 0 22px}.product-section-heading h2{font-size:clamp(48px,4.65vw,76px);line-height:1.04;max-width:13ch}.product-section-heading>p:last-child{margin:0;color:#607176;font-size:16px;line-height:1.72;max-width:46ch}.product-section-heading--compact{display:block;max-width:900px}.product-section-heading--compact h2{max-width:15ch}.product-section-heading--compact>.eyebrow{display:block}.product-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}.product-signal-card{min-height:300px;padding:26px 26px 30px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9;position:relative;overflow:hidden;transition:background .22s ease,box-shadow .22s ease}.product-signal-card:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:#006879;transform:scaleX(0);transform-origin:left;transition:transform .32s var(--nw-ease)}.product-signal-card:hover{background:#f2f7f7;box-shadow:inset 0 0 0 1px rgba(0,104,121,.06),0 12px 28px rgb(8 29 35 / 4%)}.product-signal-card:hover:before{transform:scaleX(1)}.product-signal-card>span{display:block;color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.11em}.product-signal-card strong{display:block;margin-top:88px;font-size:clamp(20px,1.6vw,27px);line-height:1.18;letter-spacing:-.025em}.product-signal-card p{margin:14px 0 0;color:#607176;font-size:13px;line-height:1.65}

/* ---------- Product experience / conceptual motion ---------- */
.product-experience{position:relative;padding:clamp(106px,13vh,174px) 0;background:#081d23;color:#fafcfd;overflow:hidden}.product-experience:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 54%,rgba(18,63,75,.44) 54% 54.1%,transparent 54.1%),linear-gradient(160deg,transparent 0 76%,rgba(199,181,138,.12) 76% 76.08%,transparent 76.08%)}.product-experience-grid{position:relative;display:grid;grid-template-columns:minmax(0,.43fr) minmax(500px,.57fr);gap:clamp(54px,7vw,112px);align-items:center}.product-experience .eyebrow{color:#7bc8d5;margin:0 0 22px}.product-experience h2{font-size:clamp(50px,4.8vw,78px);line-height:1.04;max-width:13ch}.product-experience-copy>p:not(.eyebrow){margin:26px 0 0;max-width:46ch;color:#aec5ca;font-size:15px;line-height:1.72}.experience-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;padding-top:20px;border-top:1px solid #35565d;color:#aec5ca;font-size:10px}.experience-legend span{display:inline-flex;gap:8px;align-items:center}.experience-legend i{display:block;width:18px;height:1px;background:#7bc8d5}.experience-legend span:nth-child(2) i{background:#c7b58a}.experience-legend span:nth-child(3) i{background:#35565d}
.erp-operating-map,.sync-control-map{position:relative;min-height:570px;border:1px solid #35565d;background:radial-gradient(circle at 50% 48%,#123f4b 0,#0b2c34 36%,#071b21 78%);overflow:hidden;box-shadow:0 32px 90px rgb(0 0 0 / 22%)}
.erp-operating-map:before,.sync-control-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(123,200,213,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(123,200,213,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 16%,black 84%,transparent)}
.erp-map-core{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #7bc8d5;background:#0c3039;z-index:4;box-shadow:0 24px 70px rgb(0 0 0 / 28%)}.erp-map-core span{color:#7bc8d5;font:500 9px/1.4 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.13em}.erp-map-core strong{font-size:44px;line-height:1;margin:10px 0 8px}.erp-map-core small{color:#aec5ca;font-size:9px;letter-spacing:.12em}.erp-map-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(123,200,213,.23);border-radius:50%;transform:translate(-50%,-50%)}.erp-map-ring--inner{width:330px;height:330px}.erp-map-ring--outer{width:500px;height:500px}.erp-map-node{position:absolute;z-index:3;min-width:128px;padding:12px 14px;border:1px solid #35565d;background:#0b2931;text-align:center;color:#fafcfd;font-size:11px;box-shadow:0 14px 34px rgb(0 0 0 / 18%)}.erp-operating-map .node-a{left:7%;top:15%}.erp-operating-map .node-b{right:7%;top:15%}.erp-operating-map .node-c{right:4%;top:46%}.erp-operating-map .node-d{right:12%;bottom:12%}.erp-operating-map .node-e{left:12%;bottom:12%}.erp-operating-map .node-f{left:4%;top:46%}
.product-experience.is-active .erp-map-ring--inner{animation:nwProductRing 16s linear infinite}.product-experience.is-active .erp-map-ring--outer{animation:nwProductRingReverse 23s linear infinite}.product-experience.is-active .erp-map-node{animation:nwProductNode 5.6s ease-in-out infinite alternate}.product-experience.is-active .erp-map-node:nth-of-type(5){animation-delay:.5s}.product-experience.is-active .erp-map-node:nth-of-type(6){animation-delay:1s}.product-experience.is-active .erp-map-node:nth-of-type(7){animation-delay:1.5s}
@keyframes nwProductRing{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes nwProductRingReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes nwProductNode{from{border-color:#35565d}to{border-color:rgba(123,200,213,.62);box-shadow:0 14px 34px rgb(0 0 0 / 18%),0 0 22px rgba(123,200,213,.07)}}

.sync-control-boundary{position:absolute;inset:11%;border:1px solid #7bc8d5;border-radius:38px;background:rgba(18,63,75,.18);box-shadow:0 0 0 26px rgba(18,63,75,.08),0 0 0 52px rgba(18,63,75,.035)}.sync-control-core{position:absolute;left:50%;top:50%;width:210px;height:126px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #7bc8d5;background:#10343d;z-index:5;text-align:center}.sync-control-core span{color:#7bc8d5;font:500 9px/1.4 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.13em}.sync-control-core strong{font-size:16px;line-height:1.35;margin-top:10px}.sync-control-node{position:absolute;width:126px;height:94px;border:1px solid #35565d;background:#0c2931;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column}.sync-control-node i{width:26px;height:26px;border:1px solid #7bc8d5;border-radius:50%;margin-bottom:9px}.sync-control-node span{color:#aec5ca;font-size:9px;letter-spacing:.12em}.sync-control-map .node-a{left:12%;top:17%}.sync-control-map .node-b{right:12%;top:17%}.sync-control-map .node-c{right:12%;bottom:17%}.sync-control-line{position:absolute;height:1px;background:#7bc8d5;opacity:.55;transform-origin:left;z-index:3}.sync-control-map .line-a{left:28%;top:31%;width:25%;transform:rotate(15deg)}.sync-control-map .line-b{left:50%;top:34%;width:26%;transform:rotate(-17deg)}.sync-control-map .line-c{left:58%;top:58%;width:23%;transform:rotate(20deg)}.product-experience.is-active .sync-control-boundary{animation:nwControlBreathe 6.2s ease-in-out infinite}.product-experience.is-active .sync-control-line{animation:nwControlLine 3.8s ease-in-out infinite alternate}.product-experience.is-active .sync-control-map .line-b{animation-delay:.7s}.product-experience.is-active .sync-control-map .line-c{animation-delay:1.4s}@keyframes nwControlBreathe{0%,100%{box-shadow:0 0 0 26px rgba(18,63,75,.07),0 0 0 52px rgba(18,63,75,.03)}50%{box-shadow:0 0 0 38px rgba(18,63,75,.12),0 0 0 72px rgba(18,63,75,.055)}}@keyframes nwControlLine{from{opacity:.28}to{opacity:.82;filter:drop-shadow(0 0 7px rgba(123,200,213,.35))}}

/* ---------- Product capability ledger ---------- */
.product-capabilities{padding:clamp(102px,13vh,166px) 0}.product-capabilities-grid{display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);gap:clamp(60px,8vw,126px);align-items:start}.product-capabilities-intro{position:sticky;top:calc(var(--site-header-h,64px) + 38px)}.product-capabilities-intro .eyebrow{color:#006879;margin:0 0 22px}.product-capabilities-intro h2{font-size:clamp(44px,4.2vw,70px);line-height:1.04;max-width:12.5ch}.product-capabilities-intro>p:last-child{margin:25px 0 0;color:#607176;font-size:15px;line-height:1.7;max-width:42ch}.product-capability-list{border-top:1px solid #cad7d9}.product-capability-row{display:grid;grid-template-columns:44px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid #cad7d9;transition:background .2s ease}.product-capability-row:hover{background:linear-gradient(90deg,rgba(0,104,121,.028),transparent)}.product-capability-row>span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);padding-top:5px}.product-capability-row h3{margin:0;font-size:clamp(24px,2vw,34px);line-height:1.12;letter-spacing:-.035em}.product-capability-row p{margin:10px 0 0;color:#607176;font-size:13px;line-height:1.68;max-width:66ch}

.erp-capability-visual{
  grid-column:1/-1;
  position:relative;
  margin:clamp(42px,5vw,70px) 0 0;
  display:grid;
  grid-template-columns:minmax(0,68%) minmax(0,32%);
  align-items:stretch;
  overflow:hidden;
  border:0;
  background:#081d23;
  box-shadow:0 28px 78px rgba(8,29,35,.10)
}
.erp-capability-visual img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  min-height:0;
  padding:0;
  align-self:center;
  object-fit:contain;
  object-position:center;
  background:#081d23;
  transform:translate3d(var(--parallax-x),var(--parallax-y),0);
  transition:transform .5s var(--nw-ease),filter .28s ease;
  filter:saturate(.96) contrast(1.02)
}
.erp-capability-visual:hover img{
  transform:translate3d(var(--parallax-x),calc(var(--parallax-y) - 2px),0);
  filter:saturate(1) contrast(1.03)
}
.erp-capability-visual figcaption{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:clamp(14px,1.6vw,22px);
  padding:clamp(28px,3.4vw,52px);
  color:#fafcfd;
  background:
    radial-gradient(circle at 0 0,rgba(18,63,75,.78),transparent 54%),
    linear-gradient(180deg,#0b2b34,#081d23)
}
.erp-capability-visual figcaption span{
  color:#7bc8d5;
  font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);
  letter-spacing:.13em
}
.erp-capability-visual figcaption strong{
  max-width:24ch;
  font-size:clamp(24px,2vw,36px);
  line-height:1.1;
  letter-spacing:-.035em;
  font-weight:500
}
.erp-capability-visual figcaption small{
  max-width:44ch;
  color:#aec5ca;
  font-size:11px;
  line-height:1.65
}

/* ---------- Fit decision ---------- */
.product-fit-decision{padding:clamp(94px,11vh,146px) 0;background:#f2f6f5;border-top:1px solid #cad7d9;border-bottom:1px solid #cad7d9;scroll-margin-top:80px}.product-fit-decision .product-section-heading{margin-bottom:46px}.product-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}.product-decision-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.product-decision-grid article{min-height:330px;padding:28px 28px 30px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9;background:#fafcfd;display:flex;flex-direction:column;transition:background .22s ease,box-shadow .22s ease}.product-decision-grid article:hover{background:#fff;box-shadow:0 16px 44px rgb(8 29 35 / 5%)}.product-decision-grid article>span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.11em}.product-decision-grid h3{margin:58px 0 14px;font-size:clamp(24px,2vw,34px);line-height:1.1;letter-spacing:-.035em}.product-decision-grid p{margin:0;color:#607176;font-size:13px;line-height:1.65}.product-decision-grid a{margin:auto 0 0;padding-top:28px;color:#006879;text-decoration:none;font-size:12px}.product-decision-grid a:hover{color:#123f4b}

/* ---------- Evidence discipline ---------- */
.product-evidence-discipline{padding:clamp(102px,13vh,170px) 0;background:#081d23;color:#fafcfd;position:relative;overflow:hidden}.product-evidence-discipline:after{content:"";position:absolute;left:55%;top:-20%;width:1px;height:140%;background:linear-gradient(transparent,#35565d 18% 82%,transparent)}.product-evidence-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.52fr) minmax(320px,.48fr);gap:9vw;align-items:start}.product-evidence-discipline .eyebrow{color:#7bc8d5;margin:0 0 22px}.product-evidence-discipline h2{font-size:clamp(48px,4.6vw,76px);line-height:1.04;max-width:13ch}.product-evidence-copy>p{margin:4px 0 30px;color:#aec5ca;font-size:16px;line-height:1.72;max-width:46ch}.product-evidence-rules{border-top:1px solid #35565d}.product-evidence-rules span{display:block;padding:17px 0;border-bottom:1px solid #35565d;color:#aec5ca;font-size:13px}.product-evidence-discipline--syncpad{background:linear-gradient(110deg,#081d23,#0b2c34)}

/* ---------- ERP evaluation path ---------- */
.product-evaluation-path{padding:clamp(98px,12vh,152px) 0}.product-evaluation-path .product-section-heading{margin-bottom:46px}.product-path-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}.product-path-grid>div{min-height:270px;padding:24px 22px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9}.product-path-grid span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.product-path-grid strong{display:block;margin-top:68px;font-size:20px;line-height:1.2}.product-path-grid p{margin:12px 0 0;color:#607176;font-size:12px;line-height:1.65}

/* ---------- SyncPad boundary / disclosure ---------- */
.syncpad-boundary-section{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd;scroll-margin-top:80px}.syncpad-boundary-grid{display:grid;grid-template-columns:minmax(0,.55fr) minmax(360px,.45fr);gap:9vw;align-items:start}.syncpad-boundary-section .eyebrow{color:#7bc8d5;margin:0 0 22px}.syncpad-boundary-section h2{font-size:clamp(50px,4.8vw,78px);line-height:1.04;max-width:13ch}.syncpad-boundary-list>p{margin:4px 0 30px;color:#aec5ca;font-size:16px;line-height:1.72}.syncpad-boundary-list ul{list-style:none;padding:0;margin:0;border-top:1px solid #35565d}.syncpad-boundary-list li{padding:18px 0;border-bottom:1px solid #35565d;color:#aec5ca;font-size:13px;line-height:1.6}.syncpad-boundary-list li:before{content:"—";color:#c7b58a;margin-right:12px}
.product-tech-disclosure{padding:clamp(94px,11vh,146px) 0;border-bottom:1px solid #cad7d9}.product-tech-grid{display:grid;grid-template-columns:minmax(0,.5fr) minmax(360px,.5fr);gap:9vw;align-items:start}.product-tech-disclosure .eyebrow{color:#006879;margin:0 0 22px}.product-tech-disclosure h2{font-size:clamp(46px,4.4vw,72px);line-height:1.04;max-width:12ch}.product-tech-grid>div:last-child p{margin:0 0 20px;color:#607176;font-size:15px;line-height:1.72;max-width:48ch}

/* ---------- FAQ ---------- */
.product-faq{padding:clamp(96px,12vh,152px) 0}.product-faq-grid{display:grid;grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);gap:8vw;align-items:start}.product-faq .eyebrow{color:#006879;margin:0 0 22px}.product-faq h2{font-size:clamp(44px,4.2vw,70px);line-height:1.04;max-width:12ch}.product-faq-list{border-top:1px solid #cad7d9}.product-faq-list details{border-bottom:1px solid #cad7d9;padding:0}.product-faq-list summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:17px;line-height:1.45}.product-faq-list summary::-webkit-details-marker{display:none}.product-faq-list summary span{color:#006879;font-size:20px;font-weight:400;transition:transform .2s ease}.product-faq-list details[open] summary span{transform:rotate(45deg)}.product-faq-list details p{margin:0;padding:0 46px 24px 0;color:#607176;font-size:13px;line-height:1.72;max-width:70ch}

/* ---------- Final CTA ---------- */
.product-final-cta{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd;position:relative;overflow:hidden}.product-final-cta:after{content:"";position:absolute;right:-10vw;bottom:-22vw;width:46vw;aspect-ratio:1;border-radius:50%;border:1px solid rgba(123,200,213,.10);box-shadow:0 0 0 90px rgba(18,63,75,.05),0 0 0 180px rgba(18,63,75,.025)}.product-final-cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:.3fr .7fr;gap:8vw}.product-final-cta .eyebrow{color:#7bc8d5;margin-top:10px}.product-final-cta h2{font-size:clamp(52px,5vw,82px);line-height:1.04;max-width:14ch}.product-final-cta p{margin:26px 0 0;max-width:48ch;color:#aec5ca;font-size:15px;line-height:1.72}.product-final-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}.product-final-actions .primary-cta,.product-final-actions .text-link{margin-top:0}.text-link--dark{color:#7bc8d5;border-bottom-color:#35565d}.text-link--dark:visited{color:#7bc8d5}.text-link--dark:hover,.text-link--dark:focus-visible{color:#fafcfd;border-bottom-color:#7bc8d5}

@media(max-width:1180px){
  .product-parent-hero-grid,.product-detail-hero-grid{gap:5vw}.product-choice-card{min-height:590px}.product-choice-visual{min-height:280px}
  .product-experience-grid{grid-template-columns:minmax(0,.42fr) minmax(430px,.58fr);gap:46px}.erp-operating-map,.sync-control-map{min-height:520px}
  .product-capabilities-grid{grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);gap:54px}.erp-capability-visual{grid-template-columns:minmax(0,66%) minmax(0,34%)}.product-decision-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.product-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:960px){
  .product-choice-grid,.product-fit-grid,.product-parent-hero-grid,.product-parent-thesis-grid,.product-detail-hero-grid,.product-experience-grid,.product-capabilities-grid,.product-evidence-grid,.syncpad-boundary-grid,.product-tech-grid,.product-faq-grid{grid-template-columns:1fr}
  .product-choice-card{min-height:auto}.product-parent-final-grid,.product-final-cta-grid{grid-template-columns:1fr}.product-capabilities-intro{position:static}.erp-capability-visual{grid-template-columns:1fr}.product-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-decision-grid{grid-template-columns:1fr}.product-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-experience-grid{gap:44px}.erp-operating-map,.sync-control-map{min-height:480px}
}
@media(prefers-reduced-motion:reduce){
  .product-choice-card,.product-choice-visual img,.product-detail-hero-visual img,.erp-capability-visual img,.product-signal-card,.product-choice-route b{transition:none!important}
  .product-choice-card:hover,.product-choice-card:focus-visible{transform:none}.product-choice-card:hover .product-choice-visual img,.product-detail-hero-visual:hover img,.erp-capability-visual:hover img{transform:none!important;filter:none!important}
  .product-experience.is-active .erp-map-ring,.product-experience.is-active .erp-map-node,.product-experience.is-active .sync-control-boundary,.product-experience.is-active .sync-control-line{animation:none!important}
}



/* =========================================================
   CORE COMPANY + CONVERSION PAGES — DESKTOP v1
   Start a Project / Contact / About
   Shared stylesheet only. No page-specific CSS files.
   ========================================================= */

.project-hero,.project-before,.project-boundary,.contact-routing,.contact-form-section,.about-hero,.about-definition,.about-evolution,.about-principles,.about-products{background:#fafcfd;color:#171816}
.project-hero h1,.project-section-heading h2,.project-brief-heading h2,.project-boundary h2,.project-final h2,
.contact-hero h1,.contact-routing h2,.contact-form-intro h2,
.about-hero h1,.about-definition h2,.about-evolution h2,.about-principles h2,.about-proof h2,.about-products h2,.about-final h2{
  margin:0;letter-spacing:-.05em
}
.project-hero em,.project-section-heading em,.project-boundary em,.contact-routing em,.contact-form-intro em,
.about-hero em,.about-definition em,.about-evolution em,.about-principles em,.about-products em{font-style:normal;color:#88744c}
.project-brief-heading em,.project-final em,.contact-hero em,.about-proof em,.about-final em{font-style:normal;color:#c7b58a}

/* Start a Project — Hero */
.project-hero{padding:clamp(108px,13vh,172px) 0 clamp(96px,11vh,148px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 88% 8%,rgba(123,200,213,.08),transparent 28%),#fafcfd}
.project-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(46px,6vw,96px);align-items:center}
.project-hero .eyebrow{color:#006879;margin:0 0 24px}.project-hero h1{font-size:clamp(58px,5.5vw,92px);line-height:1.01;max-width:12.5ch}
.project-hero-lead{max-width:54ch;margin:28px 0 0;color:#607176;font-size:clamp(17px,1.25vw,20px);line-height:1.72}
.project-hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}.project-hero-actions .primary-cta,.project-hero-actions .text-link{margin-top:0}
.project-hero-visual,.contact-hero-visual,.about-hero-visual,.about-evolution-visual{position:relative;margin:0}
.project-hero-visual img,.contact-hero-visual img,.about-hero-visual img,.about-evolution-visual img{display:block;width:100%;height:auto;max-width:100%;box-shadow:0 30px 90px rgb(8 29 35 / 14%);transform:translate3d(var(--parallax-x),var(--parallax-y),0);transition:transform .46s var(--nw-ease),box-shadow .3s ease,filter .3s ease}
.project-hero-visual:hover img,.contact-hero-visual:hover img,.about-hero-visual:hover img,.about-evolution-visual:hover img{transform:translate3d(var(--parallax-x),calc(var(--parallax-y) - 2px),0);box-shadow:0 34px 100px rgb(8 29 35 / 17%)}
.project-hero-visual figcaption{margin-top:10px;text-align:right;color:#748a90;font:500 8px/1.45 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.11em}

/* Before start */
.project-before{padding:clamp(96px,12vh,150px) 0;border-bottom:1px solid #cad7d9}
.project-section-heading{display:grid;grid-template-columns:minmax(0,.7fr) minmax(300px,.42fr);gap:8vw;align-items:end;margin-bottom:52px}
.project-section-heading>.eyebrow{grid-column:1/-1;color:#006879;margin:0 0 22px}.project-section-heading h2{font-size:clamp(48px,4.6vw,76px);line-height:1.04;max-width:13ch}.project-section-heading>p{margin:0;color:#607176;font-size:16px;line-height:1.72;max-width:46ch}
.project-principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}
.project-principle-grid article{min-height:270px;padding:26px 24px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9;background:#fafcfd}
.project-principle-grid span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.project-principle-grid strong{display:block;margin-top:64px;font-size:21px;line-height:1.2}.project-principle-grid p{margin:12px 0 0;color:#607176;font-size:12px;line-height:1.65}

/* Project brief */
.project-brief-section{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd;position:relative;overflow:hidden}
.project-brief-section:after{content:"";position:absolute;right:-14vw;top:-20vw;width:48vw;aspect-ratio:1;border-radius:50%;border:1px solid rgba(123,200,213,.08);box-shadow:0 0 0 100px rgba(18,63,75,.04),0 0 0 200px rgba(18,63,75,.025);pointer-events:none}
.project-brief-section>.site-shell{position:relative;z-index:1}
.project-brief-heading{display:grid;grid-template-columns:minmax(0,.66fr) minmax(300px,.34fr);gap:8vw;align-items:end;margin-bottom:54px}.project-brief-heading>.eyebrow{grid-column:1/-1;color:#7bc8d5;margin:0 0 20px}.project-brief-heading h2{font-size:clamp(50px,4.9vw,80px);line-height:1.04;max-width:13ch}.project-brief-heading>p{margin:0;color:#aec5ca;font-size:16px;line-height:1.7;max-width:42ch}
.project-brief-layout{display:grid;grid-template-columns:minmax(0,.68fr) minmax(300px,.32fr);gap:clamp(44px,6vw,90px);align-items:start}
.project-form{background:#0a252c;border-top:1px solid #35565d;border-bottom:1px solid #35565d;padding:0 32px 34px}
.project-form-progress{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #35565d;margin:0 -32px 34px}
.project-form-progress button{appearance:none;border:0;border-right:1px solid #35565d;background:transparent;color:#78949a;padding:19px 22px;text-align:left;font:500 11px/1.4 var(--font-latin,"Söhne",sans-serif);cursor:pointer}.project-form-progress button:last-child{border-right:0}.project-form-progress button span{display:block;color:#7bc8d5;font:500 8px/1.4 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.12em;margin-bottom:4px}.project-form-progress button.is-active{color:#fafcfd;background:#123f4b}
.project-form-step{border:0;padding:0;margin:0}.js .project-form-step{display:none}.js .project-form-step.is-active{display:block}
.project-form-step legend{padding:0;margin:0 0 8px;font-size:clamp(28px,2.4vw,40px);line-height:1.1;font-weight:500;letter-spacing:-.035em}.project-step-lead{margin:0 0 28px;color:#91a9ae;font-size:13px;line-height:1.65}
.project-intent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.project-intent-card{position:relative;min-height:160px;padding:20px 20px 22px;border:1px solid #35565d;background:#0b2a32;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s var(--nw-ease)}.project-intent-card:hover{background:#10333c;border-color:#55767d;transform:translateY(-1px)}.project-intent-card input{position:absolute;opacity:0;pointer-events:none}.project-intent-mark{display:block;width:22px;height:2px;background:#35565d;margin-bottom:34px;transition:width .2s ease,background .2s ease}.project-intent-card strong{display:block;color:#fafcfd;font-size:18px;line-height:1.25}.project-intent-card small{display:block;margin-top:10px;color:#91a9ae;font-size:11px;line-height:1.55}.project-intent-card:has(input:checked){border-color:#c7b58a;background:#123f4b;box-shadow:inset 0 -2px 0 #c7b58a}.project-intent-card:has(input:checked) .project-intent-mark{width:58px;background:#c7b58a}
.project-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-field{display:flex;flex-direction:column;gap:8px}.project-field--full{grid-column:1/-1}.project-field>span{color:#aec5ca;font-size:11px}.project-field b{color:#c7b58a;font-weight:500}.project-field i{font-style:normal;color:#78949a}.project-field input,.project-field textarea,.project-field select{width:100%;box-sizing:border-box;border:1px solid #35565d;border-radius:0;background:#071e24;color:#fafcfd;padding:14px 15px;font:400 14px/1.5 var(--font-latin,"Söhne",sans-serif);outline:none;transition:border-color .18s ease,background .18s ease}.project-field textarea{resize:vertical;min-height:120px}.project-field input::placeholder,.project-field textarea::placeholder{color:#58757c}.project-field input:focus,.project-field textarea:focus,.project-field select:focus{border-color:#7bc8d5;background:#09252c}.project-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7bc8d5 50%),linear-gradient(135deg,#7bc8d5 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}
.project-form-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:28px}.project-form-controls--end{justify-content:flex-end}.project-next,.project-submit,.project-back{appearance:none;border:0;font:500 13px/1.4 var(--font-latin,"Söhne",sans-serif);cursor:pointer}.project-next,.project-submit{display:inline-flex;align-items:center;gap:18px;padding:14px 18px;background:#c7b58a;color:#081d23;transition:transform .18s ease,box-shadow .18s ease}.project-next:hover,.project-submit:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.24)}.project-back{padding:12px 0;background:transparent;color:#7bc8d5;border-bottom:1px solid #35565d}.project-back:hover{color:#fafcfd;border-bottom-color:#7bc8d5}
.project-consent{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:24px;color:#91a9ae;font-size:11px;line-height:1.6}.project-consent input{margin-top:3px;accent-color:#c7b58a}.project-safe-note{margin:16px 0 0;padding-top:16px;border-top:1px solid #35565d;color:#78949a;font-size:11px;line-height:1.65}.project-safe-note a{color:#7bc8d5}.project-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.project-journey{position:sticky;top:100px;padding-top:4px}.project-journey .eyebrow{color:#7bc8d5;margin:0 0 20px}.project-journey h3{margin:0;font-size:clamp(32px,2.7vw,46px);line-height:1.05;letter-spacing:-.04em}.project-journey h3 em{font-style:normal;color:#c7b58a}.project-journey ol{list-style:none;padding:0;margin:34px 0 0;border-top:1px solid #35565d}.project-journey li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #35565d}.project-journey li>span{color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.project-journey strong{font-size:14px}.project-journey p{margin:7px 0 0;color:#91a9ae;font-size:11px;line-height:1.6}
.project-form-errors{margin:0 0 28px;padding:18px 20px;border-left:2px solid #c7b58a;background:#123f4b;color:#fafcfd}.project-form-errors strong{display:block;margin-bottom:8px}.project-form-errors ul{margin:0;padding-left:18px;color:#aec5ca;font-size:12px;line-height:1.6}
.project-success{max-width:920px;padding:clamp(38px,5vw,68px);background:#0a252c;border-top:1px solid #35565d;border-bottom:1px solid #35565d}.project-success>span,.contact-success>span{color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.12em}.project-success h3,.contact-success h3{margin:22px 0 14px;font-size:clamp(34px,3vw,50px);line-height:1.08;letter-spacing:-.04em}.project-success p,.contact-success p{margin:0;color:#aec5ca;line-height:1.7;max-width:54ch}.project-success-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:28px}.project-success-actions .primary-cta,.project-success-actions .text-link{margin-top:0}

/* Project boundary / close */
.project-boundary{padding:clamp(98px,12vh,154px) 0}.project-boundary-grid{display:grid;grid-template-columns:minmax(0,.52fr) minmax(0,.48fr);gap:8vw}.project-boundary .eyebrow{color:#006879;margin:0 0 22px}.project-boundary h2{font-size:clamp(46px,4.4vw,72px);line-height:1.04;max-width:14ch}.project-boundary-rules{border-top:1px solid #cad7d9}.project-boundary-rules>div{display:grid;grid-template-columns:40px .42fr 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #cad7d9;align-items:start}.project-boundary-rules span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.project-boundary-rules strong{font-size:15px}.project-boundary-rules p{margin:0;color:#607176;font-size:12px;line-height:1.65}
.project-final{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd;position:relative;overflow:hidden}.project-final:after{content:"";position:absolute;right:-10vw;bottom:-22vw;width:46vw;aspect-ratio:1;border-radius:50%;border:1px solid rgba(123,200,213,.10);box-shadow:0 0 0 90px rgba(18,63,75,.05),0 0 0 180px rgba(18,63,75,.025)}.project-final-grid{position:relative;z-index:1;display:grid;grid-template-columns:.3fr .7fr;gap:8vw}.project-final .eyebrow{color:#7bc8d5;margin-top:10px}.project-final h2{font-size:clamp(52px,5vw,82px);line-height:1.04;max-width:14ch}.project-final p{margin:26px 0 0;max-width:48ch;color:#aec5ca;font-size:15px;line-height:1.72}

/* Contact */
.contact-hero{padding:clamp(108px,13vh,170px) 0;background:#081d23;color:#fafcfd;border-bottom:1px solid #35565d}.contact-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(46px,6vw,96px);align-items:center}.contact-hero .eyebrow{color:#7bc8d5;margin:0 0 24px}.contact-hero h1{font-size:clamp(54px,5.2vw,86px);line-height:1.02;max-width:13ch}.contact-hero-lead{margin:28px 0 0;max-width:50ch;color:#aec5ca;font-size:17px;line-height:1.72}.contact-hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}.contact-hero-actions .primary-cta,.contact-hero-actions .text-link{margin-top:0}.contact-hero-visual img{box-shadow:0 34px 110px rgba(0,0,0,.30)}
.contact-routing{padding:clamp(96px,12vh,152px) 0}.contact-routing-heading{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,.28fr);margin-bottom:46px}.contact-routing-heading .eyebrow{grid-column:1/-1;color:#006879;margin:0 0 22px}.contact-routing h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;max-width:13ch}.contact-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}.contact-route-grid>a,.contact-route-grid>article{min-height:330px;padding:28px 30px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9;color:#171816;text-decoration:none;display:flex;flex-direction:column}.contact-route-grid>a{transition:background .2s ease,box-shadow .2s ease}.contact-route-grid>a:hover{background:#fff;box-shadow:0 16px 44px rgb(8 29 35 / 6%)}.contact-route-grid span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.contact-route-grid h3{margin:64px 0 14px;font-size:clamp(25px,2.2vw,36px);line-height:1.1;letter-spacing:-.035em}.contact-route-grid p{margin:0;color:#607176;font-size:13px;line-height:1.65}.contact-route-grid b{margin:auto 0 0;padding-top:28px;color:#006879;font-size:12px;font-weight:500}
.contact-form-section{padding:clamp(102px,13vh,166px) 0;background:#f2f6f5;border-top:1px solid #cad7d9}.contact-form-grid{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:8vw;align-items:start}.contact-form-intro .eyebrow{color:#006879;margin:0 0 22px}.contact-form-intro h2{font-size:clamp(46px,4.4vw,72px);line-height:1.04;max-width:12ch}.contact-form-intro>p{margin:26px 0 0;color:#607176;font-size:15px;line-height:1.72;max-width:42ch}.contact-direct{margin-top:38px;padding-top:22px;border-top:1px solid #cad7d9}.contact-direct span{display:block;color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.11em}.contact-direct a{display:inline-block;margin-top:8px;color:#171816;font-size:18px;text-decoration:none}.contact-form-panel{background:#081d23;padding:clamp(30px,3vw,46px);color:#fafcfd;box-shadow:0 28px 80px rgb(8 29 35 / 10%)}.contact-form .project-submit{margin-top:24px}.contact-success{padding:12px 0 6px}

/* About */
.about-hero{padding:clamp(112px,13vh,176px) 0 clamp(104px,12vh,158px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 86% 6%,rgba(123,200,213,.09),transparent 30%),#fafcfd}.about-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(50px,7vw,104px);align-items:center}.about-since{display:inline-flex;padding:5px 8px;border:1px solid #cad7d9;color:#006879;font:500 8px/1.2 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}.about-hero h1{font-size:clamp(56px,5.35vw,88px);line-height:1.02;max-width:13ch}.about-hero-lead{margin:28px 0 0;color:#607176;font-size:clamp(17px,1.25vw,20px);line-height:1.72;max-width:54ch}.about-hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}.about-hero-actions .primary-cta,.about-hero-actions .text-link{margin-top:0}
.about-definition{padding:clamp(104px,13vh,168px) 0}.about-definition-grid{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,.45fr);gap:9vw;align-items:start}.about-definition .eyebrow{color:#006879;margin:0 0 22px}.about-definition h2{font-size:clamp(48px,4.6vw,76px);line-height:1.04;max-width:13ch}.about-definition-copy p{margin:0 0 24px;color:#607176;font-size:16px;line-height:1.78;max-width:48ch}
.about-evolution{padding:clamp(104px,13vh,168px) 0;background:#081d23;color:#fafcfd}.about-evolution-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:7vw;align-items:center}.about-evolution .eyebrow{color:#7bc8d5;margin:0 0 22px}.about-evolution h2{font-size:clamp(48px,4.6vw,76px);line-height:1.04;max-width:12ch}.about-evolution p{margin:26px 0 0;color:#aec5ca;font-size:16px;line-height:1.74;max-width:48ch}.about-evolution h2 em{color:#c7b58a}.about-evolution-visual img{box-shadow:0 34px 110px rgba(0,0,0,.25)}
.about-principles{padding:clamp(98px,12vh,154px) 0}.about-principles-heading .eyebrow{color:#006879;margin:0 0 22px}.about-principles h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;max-width:13ch}.about-principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}.about-principles-grid article{min-height:320px;padding:26px 24px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9}.about-principles-grid span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.about-principles-grid h3{margin:72px 0 14px;font-size:24px;line-height:1.15;letter-spacing:-.03em}.about-principles-grid p{margin:0;color:#607176;font-size:12px;line-height:1.68}
.about-proof{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd}.about-proof-grid{display:grid;grid-template-columns:minmax(0,.52fr) minmax(0,.48fr);gap:9vw;align-items:start}.about-proof .eyebrow{color:#7bc8d5;margin:0 0 22px}.about-proof h2{font-size:clamp(48px,4.6vw,76px);line-height:1.04;max-width:13ch}.about-proof-copy>p{margin:4px 0 30px;color:#aec5ca;font-size:16px;line-height:1.72;max-width:46ch}.about-proof-rules{border-top:1px solid #35565d}.about-proof-rules span{display:block;padding:18px 0;border-bottom:1px solid #35565d;color:#aec5ca;font-size:13px}
.about-products{padding:clamp(102px,13vh,166px) 0}.about-products-grid{display:grid;grid-template-columns:minmax(0,.52fr) minmax(0,.48fr);gap:9vw;align-items:start}.about-products .eyebrow{color:#006879;margin:0 0 22px}.about-products h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;max-width:13ch}.about-products p{margin:26px 0 0;color:#607176;font-size:15px;line-height:1.72;max-width:44ch}.about-product-links{border-top:1px solid #cad7d9}.about-product-links a{display:grid;grid-template-columns:44px 1fr auto;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid #cad7d9;color:#171816;text-decoration:none}.about-product-links span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.about-product-links strong{font-size:19px}.about-product-links b{color:#006879;font-size:12px;font-weight:500}.about-product-links a:hover b{color:#123f4b}
.about-final{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd}.about-final-grid{display:grid;grid-template-columns:.3fr .7fr;gap:8vw}.about-final .eyebrow{color:#7bc8d5;margin-top:10px}.about-final h2{font-size:clamp(52px,5vw,82px);line-height:1.04;max-width:14ch}.about-final p{margin:26px 0 0;color:#aec5ca;font-size:15px;line-height:1.72;max-width:48ch}.about-final-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:30px}.about-final-actions .primary-cta,.about-final-actions .text-link{margin-top:0}

@media(max-width:1180px){
  .project-hero-grid,.contact-hero-grid,.about-hero-grid{gap:5vw}
  .project-intent-grid{grid-template-columns:1fr}
  .about-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  .project-hero-grid,.project-section-heading,.project-brief-heading,.project-brief-layout,.project-boundary-grid,.project-final-grid,
  .contact-hero-grid,.contact-form-grid,.about-hero-grid,.about-definition-grid,.about-evolution-grid,.about-proof-grid,.about-products-grid,.about-final-grid{grid-template-columns:1fr}
  .project-principle-grid,.contact-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-journey{position:static}
  .project-fields-grid{grid-template-columns:1fr}.project-field--full{grid-column:auto}
  .about-product-links a{grid-template-columns:40px 1fr}.about-product-links b{grid-column:2}
}
@media(prefers-reduced-motion:reduce){
  .project-hero-visual img,.contact-hero-visual img,.about-hero-visual img,.about-evolution-visual img{transition:none!important;transform:none!important}
  .project-intent-card:hover{transform:none}
}


/* =========================================================
   SELECTED WORK + CASE STUDIES — DESKTOP v1
   Evidence-led, editorial, no invented dashboards.
   ========================================================= */

.work-hero,.work-records,.work-method,.case-hero,.case-challenge,.case-solution,.case-evidence{background:#fafcfd;color:#171816}
.work-hero h1,.work-featured h2,.work-records h2,.work-method h2,.work-final h2,
.case-hero h1,.case-challenge h2,.case-solution h2,.case-evidence h2,.case-boundary h2,.case-next h2{
  margin:0;letter-spacing:-.05em
}
.work-hero em,.work-records em,.work-method em,.case-hero em,.case-challenge em,.case-solution em{font-style:normal;color:#88744c}
.work-featured em,.work-final em,.case-boundary em,.case-next em{font-style:normal;color:#c7b58a}

/* Work hub */
.work-hero{padding:clamp(116px,14vh,184px) 0 clamp(98px,12vh,158px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 90% 6%,rgba(123,200,213,.08),transparent 28%),#fafcfd}
.work-hero-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(320px,.38fr);gap:9vw;align-items:end}
.work-hero .eyebrow{color:#006879;margin:0 0 22px}.work-hero h1{font-size:clamp(58px,5.5vw,92px);line-height:1.01;max-width:13ch}
.work-hero-copy{padding-bottom:8px}.work-hero-copy p{margin:0 0 18px;color:#607176;font-size:16px;line-height:1.75;max-width:46ch}
.work-featured{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd}
.work-featured-heading{display:grid;grid-template-columns:.34fr .66fr;gap:7vw;align-items:start;margin-bottom:50px}.work-featured-heading .eyebrow{color:#7bc8d5;margin-top:10px}.work-featured h2{font-size:clamp(48px,4.7vw,78px);line-height:1.04;max-width:14ch}
.work-featured-card{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);gap:5vw;padding:34px 0 0;border-top:1px solid #35565d;color:#fafcfd;text-decoration:none}
.work-featured-copy{display:flex;flex-direction:column;align-items:flex-start}.work-featured-copy>span{color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em;text-transform:uppercase}.work-featured-copy p{margin:28px 0 0;color:#aec5ca;font-size:17px;line-height:1.72;max-width:38ch}.work-featured-copy b{margin-top:auto;padding:22px 0 8px;color:#7bc8d5;font-size:12px;font-weight:500;border-bottom:1px solid #35565d}.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.work-tags i{font-style:normal;border:1px solid #35565d;padding:6px 9px;color:#91a9ae;font-size:9px}
.work-featured-visual{margin:0;overflow:hidden;background:#071a20;box-shadow:0 28px 90px rgba(0,0,0,.24)}.work-browserbar{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#0b252d;border-bottom:1px solid #35565d}.work-browserbar i{width:6px;height:6px;border-radius:50%;background:#47666d}.work-browserbar span{margin-left:8px;color:#78949a;font:500 8px/1.3 var(--font-mono,"Söhne Mono",monospace)}.work-featured-visual img{display:block;width:100%;height:auto}.work-featured-visual figcaption{padding:10px 0 0;color:#78949a;font:500 8px/1.45 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.08em}
.work-records{padding:clamp(104px,13vh,168px) 0}.work-records-heading{display:grid;grid-template-columns:minmax(0,.55fr) minmax(300px,.45fr);gap:8vw;align-items:end;margin-bottom:58px}.work-records-heading>.eyebrow{grid-column:1/-1;color:#006879;margin:0 0 22px}.work-records h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;max-width:13ch}.work-records-heading>p{margin:0;color:#607176;font-size:15px;line-height:1.72;max-width:45ch}
.work-record-list{border-top:1px solid #cad7d9}.work-record{display:grid;grid-template-columns:58px .25fr .5fr auto;gap:24px;align-items:center;padding:34px 0;border-bottom:1px solid #cad7d9;color:#171816;text-decoration:none;transition:padding .22s var(--nw-ease),background .22s ease}.work-record:hover{padding-left:14px;background:#f7faf9}.work-record-index{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.work-record small{color:#006879;font:500 8px/1.45 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.08em}.work-record h3{margin:5px 0 0;font-size:28px;line-height:1.08;letter-spacing:-.035em}.work-record p{margin:0;color:#607176;font-size:13px;line-height:1.65}.work-record b{color:#006879;font-size:12px;font-weight:500;white-space:nowrap}
.work-method{padding:clamp(100px,12vh,160px) 0;background:#f2f6f5;border-top:1px solid #cad7d9}.work-method-grid{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:9vw}.work-method .eyebrow{color:#006879;margin:0 0 22px}.work-method h2{font-size:clamp(48px,4.5vw,72px);line-height:1.04;max-width:10ch}.work-method-rules{border-top:1px solid #cad7d9}.work-method-rules article{display:grid;grid-template-columns:42px .42fr 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #cad7d9}.work-method-rules span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.work-method-rules strong{font-size:14px}.work-method-rules p{margin:0;color:#607176;font-size:12px;line-height:1.65}
.work-final{padding:clamp(106px,13vh,174px) 0;background:#081d23;color:#fafcfd;overflow:hidden}.work-final-grid{display:grid;grid-template-columns:.3fr .7fr;gap:8vw}.work-final .eyebrow{color:#7bc8d5;margin-top:10px}.work-final h2{font-size:clamp(52px,5vw,82px);line-height:1.04;max-width:14ch}.work-final p{margin:26px 0 0;max-width:46ch;color:#aec5ca;font-size:15px;line-height:1.72}

/* Case-study hero */
.case-hero{padding:clamp(110px,13vh,176px) 0 clamp(104px,12vh,160px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 86% 8%,rgba(123,200,213,.08),transparent 30%),#fafcfd}
.case-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(50px,7vw,110px);align-items:center}.case-hero .eyebrow{color:#006879;margin:0 0 20px}.case-type{margin:0 0 18px;color:#607176;font-size:12px}.case-hero h1{font-size:clamp(54px,5.2vw,86px);line-height:1.02;max-width:13ch}.case-lead{margin:28px 0 0;color:#607176;font-size:16px;line-height:1.75;max-width:52ch}.case-hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:30px}.case-hero-actions .primary-cta,.case-hero-actions .text-link{margin-top:0}
.case-hero-visual figure{margin:0;background:#081d23;box-shadow:0 28px 90px rgb(8 29 35 / 13%)}.case-hero-visual figure img{display:block;width:100%;height:auto;max-height:610px;object-fit:contain;background:#fff}.case-hero-visual figcaption{padding:10px;color:#91a9ae;font:500 8px/1.45 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.08em}
.case-context-map{position:relative;min-height:520px;background:#081d23;overflow:hidden;box-shadow:0 30px 90px rgb(8 29 35 / 15%);color:#fafcfd}.case-context-map:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(18,63,75,.6),transparent 48%);pointer-events:none}.case-context-label{position:absolute;left:20px;top:18px;z-index:3;color:#7bc8d5;font:500 8px/1.4 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em}.case-context-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #7bc8d5;background:#0c3039;color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.08em}.case-context-core b{display:block;color:#fafcfd;font-size:16px;margin-top:8px;letter-spacing:0}.case-context-map i{position:absolute;z-index:3;left:var(--x);top:var(--y);min-width:110px;padding:12px 14px;border:1px solid #35565d;background:#0a252c;color:#aec5ca;font-style:normal;font-size:11px;text-align:center}.case-context-map svg{position:absolute;z-index:1;inset:8%;width:84%;height:84%;fill:none;stroke:#35565d;stroke-width:.35}.case-context-map--pharma svg{stroke:#7bc8d5}.case-context-map--rehab svg{stroke:#c7b58a}

/* Case narrative */
.case-challenge{padding:clamp(102px,13vh,166px) 0}.case-split{display:grid;grid-template-columns:minmax(0,.58fr) minmax(300px,.42fr);gap:9vw;align-items:end}.case-challenge .eyebrow{color:#006879;margin:0 0 22px}.case-challenge h2{font-size:clamp(48px,4.7vw,76px);line-height:1.04;max-width:13ch}.case-split>p{margin:0;color:#607176;font-size:16px;line-height:1.78;max-width:46ch}
.case-solution{padding:clamp(102px,13vh,170px) 0;background:#081d23;color:#fafcfd}.case-solution-grid{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:9vw;align-items:start}.case-solution .eyebrow{color:#7bc8d5;margin:0 0 22px}.case-solution h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;max-width:12ch}.case-solution h2 em{color:#c7b58a}.case-solution-grid>div:first-child>p:last-child{margin:26px 0 0;color:#aec5ca;font-size:15px;line-height:1.72;max-width:44ch}.case-capabilities{border-top:1px solid #35565d}.case-capabilities article{display:grid;grid-template-columns:42px .45fr 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #35565d}.case-capabilities span{color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.case-capabilities h3{margin:0;font-size:17px}.case-capabilities p{margin:0;color:#91a9ae;font-size:12px;line-height:1.65}
.case-evidence{padding:clamp(104px,13vh,166px) 0}.case-evidence-grid{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:9vw}.case-evidence .eyebrow{color:#006879;margin:0 0 22px}.case-evidence h2{font-size:clamp(46px,4.4vw,70px);line-height:1.04;max-width:12ch}.case-evidence-list{border-top:1px solid #cad7d9}.case-evidence-list>div{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #cad7d9}.case-evidence-list span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.case-evidence-list p{margin:0;color:#45595e;font-size:14px;line-height:1.68}
.case-boundary{padding:clamp(102px,13vh,166px) 0;background:#f2f6f5;color:#171816}.case-boundary-grid{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:9vw}.case-boundary .eyebrow{color:#006879;margin:0 0 22px}.case-boundary h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;max-width:13ch}.case-boundary-list{border-top:1px solid #cad7d9}.case-boundary-list>div{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #cad7d9}.case-boundary-list span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.case-boundary-list p{margin:0;color:#607176;font-size:13px;line-height:1.68}
.case-next{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd}.case-next-grid{display:grid;grid-template-columns:.3fr .7fr;gap:8vw}.case-next .eyebrow{color:#7bc8d5;margin-top:10px}.case-next h2{font-size:clamp(52px,5vw,82px);line-height:1.04;max-width:14ch}.case-next-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:30px}.case-next-actions .primary-cta,.case-next-actions .text-link{margin-top:0}

@media(max-width:1100px){
  .work-featured-card,.case-hero-grid{grid-template-columns:1fr}
  .work-record{grid-template-columns:48px .28fr 1fr auto}
}
@media(max-width:960px){
  .work-hero-grid,.work-featured-heading,.work-records-heading,.work-method-grid,.work-final-grid,
  .case-split,.case-solution-grid,.case-evidence-grid,.case-boundary-grid,.case-next-grid{grid-template-columns:1fr}
  .work-record{grid-template-columns:40px 1fr}.work-record p,.work-record b{grid-column:2}
  .work-method-rules article,.case-capabilities article{grid-template-columns:38px 1fr}.work-method-rules p,.case-capabilities p{grid-column:2}
  .case-context-map{min-height:430px}
}

/* ===== Engineering Insights hub + article system / desktop-first v1 ===== */
.insights-hub-hero,.insights-hub-notes,.insights-hub-method,.insight-article-hero,.insight-article-brief,.insight-article-body,.insight-article-more{background:#fafcfd;color:#171816}
.insights-hub-hero h1,.insights-hub-featured h2,.insights-hub-notes h2,.insights-hub-method h2,.insights-hub-final h2,
.insight-article-hero h1,.insight-article-brief h2,.insight-article-signals h2,.insight-article-body h2,.insight-article-related h2,.insight-article-more h2{letter-spacing:-.05em;font-weight:700}
.insights-hub-hero em,.insights-hub-notes em,.insight-article-brief em,.insight-article-more em{font-style:normal;color:#88744c}
.insights-hub-featured em,.insights-hub-method em,.insights-hub-final em,.insight-article-signals em,.insight-article-related em{font-style:normal;color:#c7b58a}

.insights-hub-hero{padding:clamp(116px,14vh,184px) 0 clamp(102px,12vh,160px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 88% 6%,rgba(123,200,213,.08),transparent 30%),#fafcfd}
.insights-hub-hero-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(320px,.38fr);gap:9vw;align-items:end}.insights-hub-hero .eyebrow{color:#006879;margin:0 0 22px}.insights-hub-hero h1{font-size:clamp(58px,5.5vw,92px);line-height:1.01;max-width:13ch}.insights-hub-intro p{margin:0 0 18px;color:#607176;font-size:16px;line-height:1.75;max-width:47ch}

.insights-hub-featured{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd}.insights-hub-featured>.site-shell>.eyebrow{color:#7bc8d5;margin:0 0 34px}.insights-hub-featured-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:6vw;align-items:center;color:#fafcfd;text-decoration:none;border-top:1px solid #35565d;padding-top:34px}.insights-hub-featured-card figure{margin:0;overflow:hidden;background:#0a252c}.insights-hub-featured-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .42s var(--nw-ease),filter .32s ease}.insights-hub-featured-card>div>span{display:block;color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.12em}.insights-hub-featured-card h2{margin:28px 0 22px;font-size:clamp(48px,4.6vw,76px);line-height:1.04;max-width:12ch}.insights-hub-featured-card p{margin:0;color:#aec5ca;font-size:15px;line-height:1.75;max-width:48ch}.insights-hub-featured-card b{display:inline-block;margin-top:30px;padding-bottom:9px;border-bottom:1px solid #35565d;color:#7bc8d5;font-size:12px;font-weight:500}.insights-hub-featured-card:hover img{transform:scale(1.015);filter:contrast(1.02)}

.insights-hub-notes{padding:clamp(104px,13vh,168px) 0}.insights-hub-notes-heading{display:grid;grid-template-columns:minmax(0,.55fr) minmax(300px,.45fr);gap:8vw;align-items:end;margin-bottom:58px}.insights-hub-notes-heading>.eyebrow{grid-column:1/-1;color:#006879;margin:0 0 22px}.insights-hub-notes h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;max-width:13ch}.insights-hub-notes-heading>p{margin:0;color:#607176;font-size:15px;line-height:1.72;max-width:45ch}.insights-hub-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}.insights-hub-note{display:flex;flex-direction:column;padding:30px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9;color:#171816;text-decoration:none;min-height:620px;transition:background .24s ease}.insights-hub-note-meta{display:flex;justify-content:space-between;gap:20px;color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em}.insights-hub-note figure{margin:34px 0 30px;overflow:hidden;background:#f2f6f5}.insights-hub-note img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .38s var(--nw-ease)}.insights-hub-note h3{margin:0;font-size:clamp(34px,3.2vw,54px);line-height:1.06;letter-spacing:-.045em;max-width:14ch}.insights-hub-note p{margin:22px 0 0;color:#607176;font-size:13px;line-height:1.7;max-width:48ch}.insights-hub-note b{margin-top:auto;padding-top:28px;color:#006879;font-size:12px;font-weight:500}.insights-hub-note:hover{background:#f5f8f7}.insights-hub-note:hover img{transform:scale(1.015)}

.insights-hub-method{padding:clamp(102px,12vh,164px) 0;background:#f2f6f5;border-top:1px solid #cad7d9}.insights-hub-method-grid{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:9vw}.insights-hub-method .eyebrow{color:#006879;margin:0 0 22px}.insights-hub-method h2{font-size:clamp(48px,4.5vw,72px);line-height:1.04;max-width:12ch}.insights-hub-rules{border-top:1px solid #cad7d9}.insights-hub-rules article{display:grid;grid-template-columns:42px .42fr 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #cad7d9}.insights-hub-rules span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.insights-hub-rules strong{font-size:14px}.insights-hub-rules p{margin:0;color:#607176;font-size:12px;line-height:1.65}

.insights-hub-final{padding:clamp(106px,13vh,174px) 0;background:#081d23;color:#fafcfd}.insights-hub-final-grid{display:grid;grid-template-columns:.3fr .7fr;gap:8vw}.insights-hub-final .eyebrow{color:#7bc8d5;margin-top:10px}.insights-hub-final h2{font-size:clamp(52px,5vw,82px);line-height:1.04;max-width:14ch}.insights-hub-final p:not(.eyebrow){margin:26px 0 0;max-width:48ch;color:#aec5ca;font-size:15px;line-height:1.72}

.insight-article-hero{padding:clamp(110px,13vh,176px) 0 clamp(104px,12vh,160px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 86% 8%,rgba(123,200,213,.08),transparent 30%),#fafcfd}.insight-article-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,7vw,110px);align-items:center}.insight-article-hero .eyebrow{color:#006879;margin:0 0 20px}.insight-article-category{margin:0 0 18px;color:#607176;font-size:12px;line-height:1.6}.insight-article-hero h1{font-size:clamp(52px,5vw,82px);line-height:1.02;max-width:13ch}.insight-article-deck{margin:28px 0 26px;color:#607176;font-size:16px;line-height:1.76;max-width:54ch}.insight-article-hero .text-link{margin-top:0}.insight-article-hero-visual{margin:0;overflow:hidden;background:#f2f6f5;box-shadow:0 28px 90px rgb(8 29 35 / 13%)}.insight-article-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transform:translate3d(var(--parallax-x),var(--parallax-y),0);transition:transform .46s var(--nw-ease)}

.insight-article-brief{padding:clamp(100px,12vh,158px) 0}.insight-article-brief-grid{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:9vw}.insight-article-brief .eyebrow{color:#006879;margin:0 0 22px}.insight-article-brief h2{font-size:clamp(46px,4.4vw,70px);line-height:1.04;max-width:12ch}.insight-article-brief-copy{border-top:1px solid #cad7d9}.insight-article-brief-copy p{margin:0;padding:24px 0;border-bottom:1px solid #cad7d9;color:#45595e;font-size:17px;line-height:1.72}

.insight-article-signals{padding:clamp(102px,13vh,166px) 0;background:#081d23;color:#fafcfd}.insight-article-signals-grid{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:9vw}.insight-article-signals .eyebrow{color:#7bc8d5;margin:0 0 22px}.insight-article-signals h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;max-width:12ch}.insight-article-signal-list{border-top:1px solid #35565d}.insight-article-signal-list article{display:grid;grid-template-columns:42px .42fr 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #35565d}.insight-article-signal-list span{color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace)}.insight-article-signal-list strong{font-size:15px}.insight-article-signal-list p{margin:0;color:#91a9ae;font-size:12px;line-height:1.67}

.insight-article-body{padding:clamp(104px,13vh,170px) 0}.insight-article-body-grid{display:grid;grid-template-columns:minmax(220px,.28fr) minmax(0,.72fr);gap:9vw;align-items:start}.insight-article-body aside{position:sticky;top:110px}.insight-article-body aside .eyebrow{color:#006879;margin:0 0 20px}.insight-article-body aside>p:last-child{margin:0;color:#607176;font-size:13px;line-height:1.72;max-width:30ch}.insight-article-sections>section{padding:0 0 clamp(76px,8vh,110px);margin:0 0 clamp(76px,8vh,110px);border-bottom:1px solid #cad7d9}.insight-article-sections>section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.insight-article-sections .eyebrow{color:#006879;margin:0 0 22px}.insight-article-sections h2{font-size:clamp(42px,4vw,64px);line-height:1.06;max-width:15ch;margin:0 0 30px}.insight-article-sections p{margin:0 0 20px;color:#45595e;font-size:17px;line-height:1.82;max-width:67ch}.insight-article-sections p:last-child{margin-bottom:0}

.insight-article-related{padding:clamp(104px,13vh,170px) 0;background:#081d23;color:#fafcfd}.insight-article-related-grid{display:grid;grid-template-columns:.3fr .7fr;gap:8vw}.insight-article-related .eyebrow{color:#7bc8d5;margin-top:10px}.insight-article-related h2{font-size:clamp(52px,5vw,82px);line-height:1.04;max-width:14ch}.insight-article-related-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:30px}.insight-article-related-actions .primary-cta,.insight-article-related-actions .text-link{margin-top:0}

.insight-article-more{padding:clamp(104px,13vh,168px) 0}.insight-article-more-heading .eyebrow{color:#006879;margin:0 0 22px}.insight-article-more h2{font-size:clamp(48px,4.6vw,74px);line-height:1.04;max-width:13ch}.insight-article-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:54px;border-top:1px solid #cad7d9;border-left:1px solid #cad7d9}.insight-article-more-grid a{display:flex;flex-direction:column;min-height:330px;padding:30px;border-right:1px solid #cad7d9;border-bottom:1px solid #cad7d9;color:#171816;text-decoration:none;transition:background .22s ease}.insight-article-more-grid span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em}.insight-article-more-grid h3{margin:70px 0 24px;font-size:clamp(30px,3vw,50px);line-height:1.07;letter-spacing:-.045em;max-width:14ch}.insight-article-more-grid b{margin-top:auto;color:#006879;font-size:12px;font-weight:500}.insight-article-more-grid a:hover{background:#f5f8f7}

@media(max-width:1100px){.insights-hub-featured-card{gap:4vw}.insights-hub-note{min-height:560px}.insight-article-hero-grid{gap:5vw}}
@media(max-width:900px){.insights-hub-hero-grid,.insights-hub-notes-heading,.insights-hub-method-grid,.insights-hub-final-grid,.insight-article-hero-grid,.insight-article-brief-grid,.insight-article-signals-grid,.insight-article-body-grid,.insight-article-related-grid{grid-template-columns:1fr}.insights-hub-featured-card{grid-template-columns:1fr}.insights-hub-note-grid,.insight-article-more-grid{grid-template-columns:1fr}.insight-article-body aside{position:static}.insight-article-signal-list article,.insights-hub-rules article{grid-template-columns:38px 1fr}.insight-article-signal-list p,.insights-hub-rules p{grid-column:2}}
@media(prefers-reduced-motion:reduce){.insights-hub-featured-card img,.insights-hub-note img,.insight-article-hero-visual img{transition:none!important;transform:none!important}}

/* =========================================================
   FAQ — DESKTOP v1
   Public decision-support page. Shared brand system.
   ========================================================= */
.faq-hero,.faq-content{background:#fafcfd;color:#171816}.faq-hero{padding:clamp(116px,14vh,182px) 0 clamp(100px,12vh,152px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 86% 8%,rgba(123,200,213,.10),transparent 31%),#fafcfd}.faq-hero-grid{display:grid;grid-template-columns:minmax(0,.57fr) minmax(340px,.43fr);gap:9vw;align-items:end}.faq-hero .eyebrow,.faq-content .eyebrow{color:#006879;margin:0 0 24px}.faq-hero h1,.faq-principle h2,.faq-group h2,.faq-final h2{margin:0;letter-spacing:-.05em}.faq-hero h1{font-size:clamp(58px,5.8vw,94px);line-height:.99;max-width:13ch}.faq-hero h1 em,.faq-group h2 em{font-style:normal;color:#88744c}.faq-hero-copy{padding-bottom:8px}.faq-hero-copy p{margin:0 0 18px;color:#607176;font-size:15px;line-height:1.72;max-width:46ch}

.faq-principle{padding:clamp(102px,13vh,166px) 0;background:#081d23;color:#fafcfd}.faq-principle-grid{display:grid;grid-template-columns:minmax(280px,.4fr) minmax(0,.6fr);gap:8vw;align-items:start}.faq-principle .eyebrow,.faq-final .eyebrow{color:#7bc8d5;margin:0 0 24px}.faq-principle h2{font-size:clamp(48px,4.7vw,76px);line-height:1.03;max-width:12ch}.faq-principle h2 em,.faq-final h2 em{font-style:normal;color:#c7b58a}.faq-principle-list{border-top:1px solid #35565d}.faq-principle-list article{display:grid;grid-template-columns:46px minmax(150px,.35fr) minmax(0,.65fr);gap:24px;padding:21px 0;border-bottom:1px solid #35565d;align-items:start}.faq-principle-list span{color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em}.faq-principle-list strong{font-size:15px;line-height:1.35}.faq-principle-list p{margin:0;color:#aec5ca;font-size:12px;line-height:1.65}

.faq-content{padding:clamp(104px,13vh,174px) 0}.faq-group{display:grid;grid-template-columns:minmax(270px,.36fr) minmax(0,.64fr);gap:8vw;padding:0 0 clamp(92px,11vh,144px);margin:0 0 clamp(92px,11vh,144px);border-bottom:1px solid #cad7d9}.faq-group:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.faq-group-heading{position:sticky;top:calc(var(--site-header-h) + 34px);align-self:start}.faq-group h2{font-size:clamp(40px,3.8vw,62px);line-height:1.04;max-width:12ch}.faq-group-list{border-top:1px solid #cad7d9}.faq-group-list details{border-bottom:1px solid #cad7d9}.faq-group-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:20px;align-items:start;padding:24px 0}.faq-group-list summary::-webkit-details-marker{display:none}.faq-number{padding-top:4px;color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em}.faq-group-list summary strong{font-size:18px;line-height:1.4;font-weight:500}.faq-toggle{color:#006879;font-size:22px;line-height:1;transition:transform .2s ease}.faq-group-list details[open] .faq-toggle{transform:rotate(45deg)}.faq-answer{padding:0 44px 28px 62px}.faq-answer p{margin:0;color:#607176;font-size:13px;line-height:1.76;max-width:72ch}

.faq-final{padding:clamp(110px,14vh,178px) 0;background:#081d23;color:#fafcfd;border-top:1px solid #24434a}.faq-final-grid{display:grid;grid-template-columns:minmax(220px,.3fr) minmax(0,.7fr);gap:8vw}.faq-final h2{font-size:clamp(52px,5vw,82px);line-height:1.03;max-width:14ch}.faq-final>div p,.faq-final-grid>div>p{margin:26px 0 0;max-width:50ch;color:#aec5ca;font-size:15px;line-height:1.72}.faq-final-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}.faq-final-actions .primary-cta,.faq-final-actions .text-link{margin-top:0}

@media(max-width:960px){.faq-hero-grid,.faq-principle-grid,.faq-group,.faq-final-grid{grid-template-columns:1fr}.faq-group-heading{position:static}.faq-principle-list article{grid-template-columns:38px 1fr}.faq-principle-list p{grid-column:2}.faq-answer{padding-left:58px}}
@media(prefers-reduced-motion:reduce){.faq-toggle{transition:none!important}}

/* =========================================================
   PRIVACY + TERMS — DESKTOP v1
   Long-form public policy pages with brand-consistent hierarchy.
   ========================================================= */
.legal-hero,.legal-body{background:#fafcfd;color:#171816}.legal-hero{padding:clamp(116px,14vh,182px) 0 clamp(100px,12vh,152px);border-bottom:1px solid #cad7d9;background:radial-gradient(circle at 86% 8%,rgba(123,200,213,.10),transparent 31%),#fafcfd}.legal-hero-grid{display:grid;grid-template-columns:minmax(0,.57fr) minmax(340px,.43fr);gap:9vw;align-items:end}.legal-hero .eyebrow,.legal-body .eyebrow{color:#006879;margin:0 0 24px}.legal-hero h1,.legal-principles h2,.legal-final h2{margin:0;letter-spacing:-.05em}.legal-hero h1{font-size:clamp(58px,5.8vw,94px);line-height:.99;max-width:14ch}.legal-hero h1 em,.legal-final h2 em{font-style:normal;color:#88744c}.legal-hero-copy{padding-bottom:8px}.legal-hero-copy p{margin:0 0 18px;color:#607176;font-size:15px;line-height:1.72;max-width:48ch}.legal-hero-copy span{display:inline-block;margin-top:10px;color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em;text-transform:uppercase}

.legal-principles{padding:clamp(102px,13vh,166px) 0;background:#081d23;color:#fafcfd}.legal-principles-grid{display:grid;grid-template-columns:minmax(280px,.4fr) minmax(0,.6fr);gap:8vw;align-items:start}.legal-principles .eyebrow,.legal-final .eyebrow{color:#7bc8d5;margin:0 0 24px}.legal-principles h2{font-size:clamp(48px,4.7vw,76px);line-height:1.03;max-width:13ch}.legal-principles h2 em{font-style:normal;color:#c7b58a}.legal-principle-list{border-top:1px solid #35565d}.legal-principle-list article{display:grid;grid-template-columns:46px minmax(170px,.38fr) minmax(0,.62fr);gap:24px;padding:22px 0;border-bottom:1px solid #35565d;align-items:start}.legal-principle-list span{color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em}.legal-principle-list strong{font-size:15px;line-height:1.38}.legal-principle-list p{margin:0;color:#aec5ca;font-size:12px;line-height:1.67}

.legal-body{padding:clamp(104px,13vh,174px) 0}.legal-body-grid{display:grid;grid-template-columns:minmax(250px,.3fr) minmax(0,.7fr);gap:9vw;align-items:start}.legal-index{position:sticky;top:calc(var(--site-header-h) + 34px)}.legal-index h2{margin:0;font-size:clamp(38px,3.4vw,56px);line-height:1.05;letter-spacing:-.05em;max-width:11ch}.legal-index nav{margin-top:44px;border-top:1px solid #cad7d9}.legal-index nav a{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #cad7d9;color:#45595e;text-decoration:none;font-size:12px;line-height:1.45;transition:color .2s ease,padding-left .2s ease}.legal-index nav a span{color:#006879;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em}.legal-index nav a:hover{color:#006879;padding-left:4px}.legal-sections{border-top:1px solid #cad7d9}.legal-sections>section{scroll-margin-top:calc(var(--site-header-h) + 32px);padding:clamp(48px,6vh,76px) 0;border-bottom:1px solid #cad7d9}.legal-sections>section:first-child{padding-top:34px}.legal-sections>section:last-child{border-bottom:0;padding-bottom:0}.legal-sections h3{margin:0 0 26px;font-size:clamp(34px,3vw,50px);line-height:1.08;letter-spacing:-.045em;max-width:18ch}.legal-sections p{margin:0 0 18px;color:#45595e;font-size:16px;line-height:1.82;max-width:74ch}.legal-sections p:last-child{margin-bottom:0}.legal-sections a{color:#006879;text-underline-offset:3px}.legal-callout{margin-top:30px;padding:24px 26px;border-left:3px solid #88744c;background:#f1f4f2}.legal-callout strong{display:block;margin-bottom:9px;font-size:15px}.legal-callout p{font-size:13px;line-height:1.72;margin:0;max-width:70ch}

.legal-final{padding:clamp(110px,14vh,178px) 0;background:#081d23;color:#fafcfd;border-top:1px solid #24434a}.legal-final-grid{display:grid;grid-template-columns:minmax(220px,.3fr) minmax(0,.7fr);gap:8vw}.legal-final h2{font-size:clamp(52px,5vw,82px);line-height:1.03;max-width:14ch}.legal-final-grid>div>p:not(.eyebrow){margin:26px 0 0;max-width:50ch;color:#aec5ca;font-size:15px;line-height:1.72}.legal-final-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}.legal-final-actions .primary-cta,.legal-final-actions .text-link{margin-top:0}

@media(max-width:960px){.legal-hero-grid,.legal-principles-grid,.legal-body-grid,.legal-final-grid{grid-template-columns:1fr}.legal-index{position:static}.legal-index nav{display:none}.legal-principle-list article{grid-template-columns:38px 1fr}.legal-principle-list p{grid-column:2}}
@media(prefers-reduced-motion:reduce){.legal-index nav a{transition:none!important}}

/* =========================================================
   LEGAL PAGES — FINAL DESKTOP MICRO-POLISH v1.5
   Restraint over decoration: no structural/layout redesign.
   ========================================================= */

/* Quiet reading feedback in the dark principle ledger. */
.legal-principle-list article{
  position:relative;
  isolation:isolate;
  transition:background-color .24s ease,padding-left .24s var(--nw-ease, cubic-bezier(.2,.75,.2,1))
}
.legal-principle-list article::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(123,200,213,.055),rgba(123,200,213,0) 72%);
  opacity:0;
  transition:opacity .24s ease
}
@media(pointer:fine){
  .legal-principle-list article:hover{padding-left:8px}
  .legal-principle-list article:hover::before{opacity:1}
}

/* Sticky legal index becomes a useful live reading instrument, not decoration. */
.legal-index nav{position:relative}
.legal-index nav a{position:relative;padding-right:12px}
.legal-index nav a::before{
  content:"";
  position:absolute;
  left:-14px;
  top:50%;
  width:2px;
  height:0;
  transform:translateY(-50%);
  background:#c7b58a;
  transition:height .25s var(--nw-ease, cubic-bezier(.2,.75,.2,1)),opacity .2s ease;
  opacity:0
}
.legal-index nav a.is-active{
  color:#081d23;
  padding-left:4px;
  font-weight:500
}
.legal-index nav a.is-active span{color:#88744c}
.legal-index nav a.is-active::before{height:calc(100% - 18px);opacity:1}

/* Long-form sections get a barely-visible editorial focus as they pass the reading line. */
.legal-sections>section{
  position:relative;
  transition:border-color .25s ease
}
.legal-sections>section.is-current{border-bottom-color:#aebfc2}
.legal-sections>section.is-current>.eyebrow{color:#005c6b}

/* The privacy warning reads as an authored note rather than a generic alert box. */
.legal-callout{
  position:relative;
  overflow:hidden;
  background:linear-gradient(100deg,rgba(199,181,138,.115),rgba(241,244,242,.92) 24%,#f1f4f2 100%);
  box-shadow:inset 0 0 0 1px rgba(136,116,76,.055)
}
.legal-callout::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:72px;
  height:1px;
  background:#c7b58a;
  opacity:.72
}

/* A restrained finish at the conversion boundary; deliberately quieter than product pages. */
.legal-final{position:relative;overflow:hidden}
.legal-final::after{
  content:"";
  position:absolute;
  width:min(34vw,520px);
  aspect-ratio:1;
  right:-12vw;
  bottom:-18vw;
  border-radius:50%;
  border:1px solid rgba(123,200,213,.075);
  box-shadow:0 0 0 70px rgba(18,63,75,.042),0 0 0 140px rgba(18,63,75,.022);
  pointer-events:none
}
.legal-final .site-shell{position:relative;z-index:1}

@media(max-width:960px){
  .legal-index nav a.is-active{padding-left:0}
  .legal-final::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .legal-principle-list article,.legal-principle-list article::before,
  .legal-index nav a,.legal-index nav a::before,.legal-sections>section{transition:none!important}
}

/* =========================================================
   CONTACT — FINAL DESKTOP POLISH + SECURE COMMUNICATION v1.6
   The three routes behave as one system; confidential exchange
   gets a dedicated, explicit boundary without adding visual noise.
   ========================================================= */
.contact-route-grid>a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:background-color .24s ease,box-shadow .24s ease,transform .24s var(--nw-ease, cubic-bezier(.2,.75,.2,1))
}
.contact-route-grid>a::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:#88744c;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s var(--nw-ease, cubic-bezier(.2,.75,.2,1));
  z-index:2
}
.contact-route-grid>a b{transition:color .2s ease,transform .24s var(--nw-ease, cubic-bezier(.2,.75,.2,1))}
@media(pointer:fine){
  .contact-route-grid>a:hover{background:#fff;box-shadow:0 18px 48px rgb(8 29 35 / 7%);transform:translateY(-2px)}
  .contact-route-grid>a:hover::before{transform:scaleX(1)}
  .contact-route-grid>a:hover b{color:#123f4b;transform:translateX(3px)}
}
.contact-route-grid>a:focus-visible{outline:2px solid #006879;outline-offset:-4px;background:#fff}

.contact-secure{
  position:relative;
  overflow:hidden;
  padding:clamp(108px,13vh,172px) 0;
  background:#081d23;
  color:#fafcfd;
  border-top:1px solid #24434a;
  border-bottom:1px solid #35565d;
  scroll-margin-top:calc(var(--site-header-h,64px) + 24px)
}
.contact-secure::after{
  content:"";
  position:absolute;
  width:min(38vw,590px);
  aspect-ratio:1;
  right:-13vw;
  top:50%;
  transform:translateY(-50%);
  border:1px solid rgba(123,200,213,.09);
  border-radius:50%;
  box-shadow:0 0 0 72px rgba(18,63,75,.045),0 0 0 144px rgba(18,63,75,.023);
  pointer-events:none
}
.contact-secure-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.43fr) minmax(0,.57fr);gap:9vw;align-items:start}
.contact-secure .eyebrow{color:#7bc8d5;margin:0 0 22px}
.contact-secure h2{margin:0;font-size:clamp(50px,4.8vw,78px);line-height:1.03;letter-spacing:-.05em;max-width:13ch}
.contact-secure h2 em{font-style:normal;color:#c7b58a}
.contact-secure-copy>p{margin:0 0 20px;color:#aec5ca;font-size:16px;line-height:1.78;max-width:58ch}
.contact-secure-copy>p a{color:#fafcfd;text-decoration-color:#35565d;text-underline-offset:4px}
.contact-secure-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}
.contact-secure-actions .primary-cta,.contact-secure-actions .text-link{margin-top:0}
.contact-secure-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-top:1px solid #35565d;border-left:1px solid #35565d}
.contact-secure-steps>div{min-height:176px;padding:22px 22px 24px;border-right:1px solid #35565d;border-bottom:1px solid #35565d;background:rgba(255,255,255,.008)}
.contact-secure-steps span{display:block;color:#7bc8d5;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.1em}
.contact-secure-steps strong{display:block;margin-top:34px;font-size:16px;font-weight:500}
.contact-secure-steps p{margin:10px 0 0;color:#8fa9af;font-size:12px;line-height:1.66}

#general-contact{scroll-margin-top:calc(var(--site-header-h,64px) + 24px)}
.contact-form-panel{position:relative;background:linear-gradient(145deg,#0a2229 0%,#081d23 68%);box-shadow:0 32px 88px rgb(8 29 35 / 13%),inset 0 0 0 1px rgba(123,200,213,.055)}
.contact-form-panel::before{content:"";position:absolute;inset-inline-start:0;top:0;width:84px;height:1px;background:#c7b58a;opacity:.78}
.contact-direct a{transition:color .2s ease}
.contact-direct a:hover{color:#006879}

/* Privacy-specific secure-channel instrument. */
.legal-secure-note{
  margin-top:30px;
  padding:22px 24px;
  border-top:1px solid #cad7d9;
  border-bottom:1px solid #cad7d9;
  background:linear-gradient(90deg,rgba(0,104,121,.035),transparent 72%)
}
.legal-secure-note span{display:block;color:#88744c;font:500 9px/1.5 var(--font-mono,"Söhne Mono",monospace);letter-spacing:.12em}
.legal-secure-note p{margin:12px 0 8px!important;font-size:13px!important;line-height:1.7!important;color:#45595e!important}
.legal-secure-note a{display:inline-block;font-size:12px;font-weight:500;text-decoration:none}

@media(max-width:960px){
  .contact-secure-grid{grid-template-columns:1fr}
  .contact-secure-steps{grid-template-columns:1fr}
  .contact-secure-steps>div{min-height:0}
  .contact-secure::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .contact-route-grid>a,.contact-route-grid>a::before,.contact-route-grid>a b{transition:none!important}
}

/* =========================================================
   RESPONSIVE FOUNDATION v2 — INTERNAL SHELL + SERVICES
   First rollout after the responsive Homepage reference.
   Desktop rules above remain authoritative; compact rules use
   logical spacing where practical for the future RTL locale.
   ========================================================= */
@media(max-width:900px){
  .site-shell{padding-inline:clamp(26px,5.2vw,40px)}
  .internal-page main{overflow-x:clip}
  .primary-cta{min-height:48px;justify-content:space-between}
  .text-link{min-height:44px}

  /* Services hub */
  .page-hero{padding-block:clamp(88px,12vw,118px) clamp(72px,10vw,98px)}
  .page-hero-grid,.diagnostic-heading,.ledger-heading{grid-template-columns:1fr;gap:28px}
  .page-hero h1{font-size:clamp(52px,9vw,76px);max-width:11ch}
  .page-hero-copy{font-size:16px;max-width:48ch}
  .service-diagnostic{padding-block:clamp(76px,10vw,108px)}
  .diagnostic-heading{margin-bottom:40px}
  .diagnostic-heading>.eyebrow{margin-bottom:0}
  .diagnostic-heading h2{font-size:clamp(46px,7.5vw,64px)}
  .diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diagnostic-card{min-height:270px;padding:26px}
  .diagnostic-card h3{font-size:clamp(26px,4vw,34px)}
  .diagnostic-label{margin-top:38px}

  .ledger-heading{padding-block-start:clamp(72px,10vw,102px)}
  .ledger-heading h2{font-size:clamp(44px,7.2vw,62px)}
  .service-row{grid-template-columns:40px minmax(0,1fr);gap:20px 24px;padding-block:clamp(56px,8vw,78px)}
  .service-index{grid-column:1;grid-row:1;padding-top:5px}
  .service-copy{grid-column:2;grid-row:1;max-width:none}
  .service-copy h2{font-size:clamp(38px,6vw,52px);max-width:14ch}
  .service-visual{grid-column:2;grid-row:2;width:100%;margin-top:8px}
  .decision-band{padding-block:clamp(84px,11vw,118px)}
  .decision-grid{grid-template-columns:1fr;gap:26px}
  .decision-band h2{font-size:clamp(46px,7.5vw,66px)}

  /* Service detail family */
  .service-detail-hero{padding-block:clamp(92px,12vw,124px) clamp(78px,10vw,106px)}
  .service-detail-hero-grid,.recognition-heading,.transformation-grid,.service-build-grid,.outcomes-heading,.evidence-grid,.fit-boundary-grid,.final-cta-grid{grid-template-columns:1fr;gap:38px}
  .service-detail-hero h1{font-size:clamp(48px,8vw,68px);max-width:11.5ch}
  .service-detail-lead{font-size:16px}
  .service-detail-visual{width:100%;max-width:760px}

  .service-recognition,.service-build,.service-outcomes,.service-fit-boundary{padding-block:clamp(78px,10vw,112px)}
  .recognition-heading,.outcomes-heading{margin-bottom:38px}
  .recognition-heading>.service-detail-section-title,.outcomes-heading>.service-detail-section-title{grid-column:auto;margin-bottom:0}
  .recognition-heading h2,.outcomes-heading h2{font-size:clamp(42px,7vw,60px)}
  .pain-grid,.outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pain-card,.outcome-card{min-height:240px}
  .pain-card p,.outcome-card h3{margin-top:58px}
  .recognition-bridge{grid-template-columns:1fr;gap:14px;padding:24px}

  .service-transformation,.service-evidence,.service-final-cta{padding-block:clamp(86px,11vw,124px)}
  .transformation-copy h2{font-size:clamp(44px,7.2vw,62px)}
  .transformation-stage{min-height:500px}
  .transform-step{grid-template-columns:30px 82px 1fr}
  .build-heading{position:static;top:auto}
  .build-heading h2{font-size:clamp(42px,7vw,58px)}
  .service-detail-list>div{grid-template-columns:44px 1fr;gap:20px;padding-block:26px}
  .evidence-copy h2{font-size:clamp(46px,7.5vw,64px)}
  .evidence-visual,.evidence-visual img{min-height:420px}
  .fit-panel h2{font-size:clamp(42px,7vw,58px)}
  .boundary-panel{padding:30px}
  .service-final-cta h2{font-size:clamp(46px,7.5vw,66px)}
  .service-final-cta::after{width:64vw;right:-24vw;bottom:-34vw}
}

@media(max-width:600px){
  .site-shell{padding-inline:20px}
  .eyebrow,.service-eyebrow,.service-detail-section-title{font-size:9px}
  .page-hero{padding-block:78px 64px}
  .page-hero h1{font-size:clamp(44px,12.5vw,56px);line-height:1.01}
  .page-hero-copy{font-size:15px;line-height:1.68}
  .service-diagnostic{padding-block:66px}
  .diagnostic-heading{gap:20px;margin-bottom:30px}
  .diagnostic-heading h2{font-size:clamp(38px,10.5vw,48px)}
  .diagnostic-heading>p:last-child{font-size:14px}
  .diagnostic-grid{grid-template-columns:1fr}
  .diagnostic-card{min-height:230px;padding:22px}
  .diagnostic-label{margin-top:30px}
  .diagnostic-card h3{font-size:28px}
  .diagnostic-card>p:last-child{padding-top:20px;font-size:13px}

  .ledger-heading{padding-block-start:64px;gap:18px}
  .ledger-heading h2{font-size:40px}
  .service-row{grid-template-columns:28px minmax(0,1fr);gap:16px 14px;padding-block:48px}
  .service-copy h2{font-size:36px}
  .service-copy>p{font-size:14px;margin-block:18px}
  .service-visual{grid-column:1/-1;grid-row:2;margin-top:6px}
  .service-visual-cue{inset-inline-end:10px;right:auto;bottom:10px;font-size:8px}
  .decision-band{padding-block:72px}
  .decision-band h2{font-size:42px}
  .decision-band p{font-size:14px}

  .service-detail-hero{padding-block:76px 68px}
  .service-detail-hero-grid{gap:30px}
  .service-detail-kicker{font-size:9px;margin-bottom:18px}
  .service-detail-hero h1{font-size:clamp(42px,12vw,52px);line-height:1.01}
  .service-detail-lead{font-size:15px;line-height:1.68;margin-top:22px}
  .service-detail-actions{align-items:stretch;flex-direction:column;gap:10px;margin-top:26px}
  .service-detail-actions .primary-cta,.service-detail-actions .text-link{width:100%;justify-content:space-between}
  .service-detail-visual{aspect-ratio:4/3}
  .service-detail-visual figcaption,.evidence-visual figcaption{font-size:7px}

  .service-recognition,.service-build,.service-outcomes,.service-fit-boundary{padding-block:66px}
  .recognition-heading,.outcomes-heading{gap:20px;margin-bottom:28px}
  .recognition-heading h2,.outcomes-heading h2{font-size:40px}
  .recognition-heading>p:last-child,.outcomes-heading>p:last-child{font-size:14px}
  .pain-grid,.outcomes-grid{grid-template-columns:1fr}
  .pain-card,.outcome-card{min-height:210px;padding:22px}
  .pain-card p,.outcome-card h3{margin-top:44px}
  .recognition-bridge{margin-top:20px;padding:22px}
  .recognition-bridge strong{font-size:22px}

  .service-transformation,.service-evidence,.service-final-cta{padding-block:72px}
  .transformation-grid,.evidence-grid,.fit-boundary-grid,.final-cta-grid{gap:30px}
  .transformation-copy h2,.evidence-copy h2,.service-final-cta h2{font-size:42px}
  .transformation-copy>p:not(.service-detail-section-title),.evidence-lead,.service-final-cta p{font-size:14px}
  .transform-steps{margin-top:28px}
  .transform-step{grid-template-columns:28px 1fr;gap:9px 12px;align-items:start}
  .transform-step small{grid-column:2;font-size:11px}
  .transformation-stage{min-height:410px}
  .transform-core{width:150px;height:106px}.transform-core strong{font-size:16px}
  .transform-signal{min-width:118px;padding:10px;font-size:10px}
  .signal-1{left:5%;top:12%}.signal-2{right:4%;top:14%}.signal-3{right:5%;bottom:12%}

  .build-heading h2,.fit-panel h2{font-size:40px}
  .build-heading>p:last-child{font-size:14px}
  .service-detail-list>div{grid-template-columns:32px 1fr;gap:14px;padding-block:22px}
  .service-detail-list strong{font-size:24px}.service-detail-list p{font-size:13px}
  .evidence-visual,.evidence-visual img{min-height:320px}
  .evidence-tags span{font-size:9px}
  .fit-panel ul{margin-top:28px}.fit-panel li{font-size:14px;padding-block:16px}
  .boundary-panel{padding:24px}.boundary-panel h3{font-size:28px}
  .service-final-actions{align-items:stretch;flex-direction:column;gap:10px}
  .service-final-actions .primary-cta,.service-final-actions .text-link{width:100%;justify-content:space-between;margin-top:0}
  .service-final-cta::after{display:none}
}

@media(hover:none){
  .diagnostic-card:hover,.service-visual:hover img,.pain-card:hover,.outcome-card:hover,.boundary-panel:hover,.service-detail-visual:hover img,.evidence-visual:hover img{transform:none!important;box-shadow:none!important}
}

/* =========================================================
   RESPONSIVE FOUNDATION v3 — PRODUCTS & PLATFORMS
   Tablet + mobile continuation of the frozen English desktop.
   Product diagrams become bounded/static on compact screens;
   content order and evidence boundaries remain unchanged.
   ========================================================= */
@media(max-width:900px){
  .product-parent-hero,.product-detail-hero{padding-block:clamp(88px,12vw,118px) clamp(72px,10vw,98px)}
  .product-parent-hero-grid,.product-detail-hero-grid,.product-choice-heading,.product-parent-thesis-grid,.product-fit-heading,
  .product-section-heading,.product-experience-grid,.product-capabilities-grid,.product-evidence-grid,.syncpad-boundary-grid,
  .product-tech-grid,.product-faq-grid,.product-parent-final-grid,.product-final-cta-grid{grid-template-columns:1fr;gap:32px}
  .product-parent-hero h1,.product-detail-hero h1{font-size:clamp(50px,8.4vw,72px);max-width:11.5ch}
  .product-parent-lead,.product-detail-lead{font-size:16px;max-width:52ch}
  .product-detail-hero-visual{width:100%;max-width:760px}
  .product-detail-hero-visual figcaption{margin-inline-start:0;margin-inline-end:auto;text-align:start}

  .product-choice-section,.product-parent-thesis,.product-fit-router,.product-recognition,.product-capabilities,.product-fit-decision,
  .product-evaluation-path,.product-tech-disclosure,.product-faq{padding-block:clamp(78px,10vw,112px)}
  .product-experience,.product-evidence-discipline,.syncpad-boundary-section,.product-parent-final,.product-final-cta{padding-block:clamp(86px,11vw,124px)}
  .product-choice-heading,.product-section-heading{margin-bottom:40px}
  .product-choice-heading>.eyebrow,.product-section-heading>.eyebrow,.product-fit-heading>.eyebrow{grid-column:auto;margin-bottom:0}
  .product-choice-heading h2,.product-parent-thesis h2,.product-fit-heading h2,.product-section-heading h2,
  .product-experience h2,.product-capabilities-intro h2,.product-evidence-discipline h2,.syncpad-boundary-section h2,
  .product-tech-disclosure h2,.product-faq h2,.product-parent-final h2,.product-final-cta h2{
    font-size:clamp(44px,7.2vw,62px);line-height:1.03;max-width:13ch
  }
  .product-choice-heading>p:last-child,.product-section-heading>p:last-child{font-size:15px;max-width:52ch}
  .product-choice-grid{grid-template-columns:1fr;gap:16px}
  .product-choice-card{min-height:0}
  .product-choice-copy{padding:30px}
  .product-choice-copy h3{font-size:clamp(34px,5.6vw,46px);margin-top:30px}
  .product-choice-visual{min-height:0;aspect-ratio:16/9}
  .product-choice-visual img{height:100%;object-fit:cover}

  .product-parent-thesis-copy>p{font-size:15px}
  .product-principles>div{grid-template-columns:40px minmax(160px,.4fr) 1fr;gap:20px}
  .product-fit-heading{margin-bottom:38px}
  .product-fit-grid{grid-template-columns:1fr;border-inline-start:1px solid #cad7d9}
  .product-fit-grid>a{min-height:240px}
  .product-fit-grid h3{margin-top:46px}

  .product-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-signal-card{min-height:250px}
  .product-signal-card strong{margin-top:62px}

  .product-experience-grid{gap:40px}
  .experience-legend{gap:14px}
  .erp-operating-map,.sync-control-map{min-height:460px;max-width:760px;width:100%;margin-inline:auto}
  .product-experience.is-active .erp-map-ring,.product-experience.is-active .erp-map-node,
  .product-experience.is-active .sync-control-boundary,.product-experience.is-active .sync-control-line{animation:none!important}

  .product-capabilities-intro{position:static;top:auto}
  .product-capability-row{grid-template-columns:38px 1fr;gap:18px;padding-block:25px}
  .erp-capability-visual{grid-template-columns:1fr;margin-top:40px}
  .erp-capability-visual figcaption{padding:30px}

  .product-decision-grid,.product-decision-grid--four{grid-template-columns:1fr}
  .product-decision-grid article{min-height:240px}
  .product-decision-grid h3{margin-top:44px}
  .product-evidence-discipline:after{display:none}
  .product-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-path-grid>div{min-height:230px}
  .product-path-grid strong{margin-top:54px}
  .syncpad-boundary-list li{padding-block:16px}
  .product-faq-list summary{min-height:54px}
  .product-final-actions,.product-detail-actions{gap:18px}
  .product-parent-final:after,.product-final-cta:after{width:64vw;right:-24vw;bottom:-34vw}
}

@media(max-width:600px){
  .product-parent-hero,.product-detail-hero{padding-block:76px 66px}
  .product-parent-hero-grid,.product-detail-hero-grid,.product-choice-heading,.product-parent-thesis-grid,.product-section-heading,
  .product-experience-grid,.product-capabilities-grid,.product-evidence-grid,.syncpad-boundary-grid,.product-tech-grid,.product-faq-grid,
  .product-parent-final-grid,.product-final-cta-grid{gap:26px}
  .product-parent-hero h1,.product-detail-hero h1{font-size:clamp(42px,12vw,52px);line-height:1.01}
  .product-parent-lead,.product-detail-lead{font-size:15px;line-height:1.68;margin-top:20px}
  .product-detail-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:26px}
  .product-detail-actions .primary-cta,.product-detail-actions .text-link{width:100%;justify-content:space-between}
  .product-detail-hero-visual img{box-shadow:0 18px 48px rgb(5 24 29 / 13%)}

  .product-choice-section,.product-parent-thesis,.product-fit-router,.product-recognition,.product-capabilities,.product-fit-decision,
  .product-evaluation-path,.product-tech-disclosure,.product-faq{padding-block:66px}
  .product-experience,.product-evidence-discipline,.syncpad-boundary-section,.product-parent-final,.product-final-cta{padding-block:72px}
  .product-choice-heading,.product-section-heading{gap:18px;margin-bottom:30px}
  .product-choice-heading h2,.product-parent-thesis h2,.product-fit-heading h2,.product-section-heading h2,
  .product-experience h2,.product-capabilities-intro h2,.product-evidence-discipline h2,.syncpad-boundary-section h2,
  .product-tech-disclosure h2,.product-faq h2,.product-parent-final h2,.product-final-cta h2{font-size:40px;line-height:1.03}
  .product-choice-heading>p:last-child,.product-section-heading>p:last-child,.product-parent-thesis-copy>p,
  .product-experience-copy>p:not(.eyebrow),.product-capabilities-intro>p:last-child,.product-evidence-copy>p,
  .syncpad-boundary-list>p,.product-tech-grid>div:last-child p,.product-final-cta p,.product-parent-final p{font-size:14px;line-height:1.68}

  .product-choice-copy{padding:24px 22px 22px}
  .product-choice-copy h3{font-size:32px;margin:26px 0 16px}
  .product-choice-copy p{font-size:13px}
  .product-choice-route{margin-top:22px;font-size:12px}
  .product-choice-visual{aspect-ratio:4/3}
  .product-choice-visual>span{inset-inline-end:10px;right:auto;bottom:10px;font-size:7px}

  .product-principles>div{grid-template-columns:28px 1fr;gap:8px 14px;padding-block:20px}
  .product-principles strong{font-size:16px}
  .product-principles p{grid-column:2;font-size:12px}
  .product-fit-grid>a{min-height:210px;padding:24px 22px}
  .product-fit-grid h3{margin-top:38px;font-size:28px}

  .product-signal-grid{grid-template-columns:1fr}
  .product-signal-card{min-height:210px;padding:22px}
  .product-signal-card strong{margin-top:44px;font-size:24px}
  .product-signal-card p{font-size:12px}

  .erp-operating-map,.sync-control-map{min-height:360px;box-shadow:0 20px 54px rgb(0 0 0 / 18%)}
  .erp-operating-map:before,.sync-control-map:before{background-size:34px 34px}
  .erp-map-core{width:116px;height:116px}
  .erp-map-core strong{font-size:30px;margin:7px 0 5px}.erp-map-core span,.erp-map-core small{font-size:7px}
  .erp-map-ring--inner{width:210px;height:210px}.erp-map-ring--outer{width:300px;height:300px}
  .erp-map-node{min-width:80px;max-width:92px;padding:8px 7px;font-size:8px;box-shadow:none}
  .erp-operating-map .node-a{left:3%;top:8%}.erp-operating-map .node-b{right:3%;top:8%}
  .erp-operating-map .node-c{right:2%;top:45%}.erp-operating-map .node-d{right:5%;bottom:7%}
  .erp-operating-map .node-e{left:5%;bottom:7%}.erp-operating-map .node-f{left:2%;top:45%}

  .sync-control-boundary{inset:12%;border-radius:28px;box-shadow:0 0 0 15px rgba(18,63,75,.07),0 0 0 30px rgba(18,63,75,.03)}
  .sync-control-core{width:146px;height:94px}.sync-control-core span{font-size:7px}.sync-control-core strong{font-size:13px;margin-top:7px}
  .sync-control-node{width:82px;height:66px}.sync-control-node i{width:20px;height:20px;margin-bottom:6px}.sync-control-node span{font-size:7px}
  .sync-control-map .node-a{left:5%;top:10%}.sync-control-map .node-b{right:5%;top:10%}.sync-control-map .node-c{right:5%;bottom:10%}
  .sync-control-map .line-a{left:25%;top:28%;width:29%}.sync-control-map .line-b{left:50%;top:31%;width:30%}.sync-control-map .line-c{left:57%;top:59%;width:27%}
  .experience-legend{font-size:9px}

  .product-capability-row{grid-template-columns:28px 1fr;gap:14px;padding-block:22px}
  .product-capability-row h3{font-size:24px}.product-capability-row p{font-size:12px}
  .erp-capability-visual{margin-top:30px}
  .erp-capability-visual figcaption{padding:24px 22px}
  .erp-capability-visual figcaption strong{font-size:25px}.erp-capability-visual figcaption small{font-size:10px}

  .product-decision-grid article{min-height:210px;padding:24px 22px}
  .product-decision-grid h3{margin-top:38px;font-size:27px}.product-decision-grid p{font-size:12px}
  .product-evidence-rules span{font-size:12px;padding-block:15px}
  .product-path-grid{grid-template-columns:1fr}
  .product-path-grid>div{min-height:190px;padding:22px}
  .product-path-grid strong{margin-top:38px;font-size:19px}
  .syncpad-boundary-list li{font-size:12px;padding-block:15px}
  .syncpad-boundary-list li:before{margin-inline-end:10px;margin-right:0}
  .product-faq-list summary{padding-block:18px;font-size:15px;gap:18px}
  .product-faq-list details p{padding:0 0 20px;font-size:12px}
  .product-final-actions{flex-direction:column;align-items:stretch;gap:10px}
  .product-final-actions .primary-cta,.product-final-actions .text-link{width:100%;justify-content:space-between;margin-top:0}
  .product-parent-final:after,.product-final-cta:after{display:none}
}

@media(hover:none){
  .product-choice-card:hover,.product-fit-grid>a:hover,.product-signal-card:hover,.product-decision-grid article:hover,
  .product-detail-hero-visual:hover img,.erp-capability-visual:hover img{transform:none!important;box-shadow:none!important;filter:none!important}
}

/* =========================================================
   RESPONSIVE FOUNDATION v4 — ABOUT + CONTACT + START A PROJECT
   Derived from the frozen English Desktop baseline.
   Desktop remains authoritative; compact layouts prioritize reading,
   touch targets and form completion. New rules use logical properties
   where practical to keep the later RTL rollout inexpensive.
   ========================================================= */

.contact-direct{
  display:grid;
  gap:0;
}
.contact-direct-item{
  padding-block:18px;
  border-bottom:1px solid #cad7d9;
}
.contact-direct-item:first-child{padding-block-start:0}
.contact-direct-item:last-child{border-bottom:0;padding-block-end:0}
.contact-direct-item span{display:block}
.contact-direct-item a{display:inline-block;margin-block-start:8px}
.contact-direct-item address{
  margin-block-start:8px;
  color:#45595e;
  font-style:normal;
  font-size:14px;
  line-height:1.65;
  max-width:34ch;
}

@media(max-width:900px){
  /* Shared compact rhythm for this rollout. */
  .about-hero,.about-definition,.about-evolution,.about-principles,.about-proof,.about-products,.about-final,
  .contact-hero,.contact-routing,.contact-secure,.contact-form-section,
  .project-hero,.project-before,.project-brief-section,.project-boundary,.project-final{
    padding-block:clamp(76px,10vw,112px);
  }

  /* ABOUT */
  .about-hero-grid,.about-definition-grid,.about-evolution-grid,.about-proof-grid,.about-products-grid,.about-final-grid{
    grid-template-columns:1fr;
    gap:clamp(34px,6vw,58px);
  }
  .about-hero h1{font-size:clamp(48px,8.6vw,70px);max-width:12.5ch}
  .about-hero-lead,.about-definition-copy p,.about-evolution p,.about-proof-copy>p{font-size:15px}
  .about-hero-visual,.about-evolution-visual{width:100%;max-width:760px}
  .about-evolution-grid>div{order:1}
  .about-evolution-grid>.about-evolution-visual{order:2}
  .about-definition h2,.about-evolution h2,.about-principles h2,.about-proof h2,.about-products h2,.about-final h2{
    font-size:clamp(42px,7vw,60px);
    max-width:13ch;
  }
  .about-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:36px}
  .about-principles-grid article{min-height:250px}
  .about-principles-grid h3{margin-block-start:48px}
  .about-product-links a{grid-template-columns:40px 1fr;gap:14px}
  .about-product-links b{grid-column:2}
  .about-final-grid>.eyebrow{margin-block-start:0}

  /* CONTACT */
  .contact-hero-grid,.contact-form-grid,.contact-secure-grid{grid-template-columns:1fr;gap:clamp(36px,6vw,62px)}
  .contact-hero h1{font-size:clamp(48px,8.4vw,70px);max-width:12.5ch}
  .contact-hero-lead{font-size:15px}
  .contact-hero-visual{width:100%;max-width:760px}
  .contact-routing-heading{grid-template-columns:1fr}
  .contact-routing h2,.contact-secure h2,.contact-form-intro h2{font-size:clamp(42px,7vw,60px)}
  .contact-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-route-grid>a:nth-child(3){grid-column:1/-1}
  .contact-route-grid>a,.contact-route-grid>article{min-height:260px;padding:24px}
  .contact-route-grid h3{margin-block-start:46px}
  .contact-secure-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:38px}
  .contact-secure-steps>div{min-height:150px;padding:18px}
  .contact-secure-steps strong{margin-block-start:26px}
  .contact-form-panel{padding:clamp(26px,5vw,40px)}
  .contact-form-intro>p{font-size:14px}
  .contact-direct{margin-block-start:30px}
  .contact-direct-item address{max-width:46ch}

  /* START A PROJECT */
  .project-hero-grid,.project-section-heading,.project-brief-heading,.project-brief-layout,.project-boundary-grid,.project-final-grid{
    grid-template-columns:1fr;
    gap:clamp(34px,6vw,60px);
  }
  .project-hero h1{font-size:clamp(48px,8.4vw,70px);max-width:12.5ch}
  .project-hero-lead{font-size:15px}
  .project-hero-visual{width:100%;max-width:760px}
  .project-section-heading,.project-brief-heading{margin-block-end:38px}
  .project-section-heading h2,.project-brief-heading h2,.project-boundary h2,.project-final h2{
    font-size:clamp(42px,7vw,60px);
  }
  .project-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-principle-grid article{min-height:220px}
  .project-principle-grid strong{margin-block-start:46px}
  .project-brief-layout{gap:44px}
  .project-journey{position:static;max-width:760px}
  .project-form{padding-inline:26px}
  .project-form-progress{margin-inline:-26px}
  .project-form-progress button{padding:16px 14px}
  .project-intent-grid,.project-fields-grid{grid-template-columns:1fr}
  .project-field--full{grid-column:auto}
  .project-boundary-rules>div{grid-template-columns:38px minmax(150px,.42fr) 1fr}
  .project-final-grid>.eyebrow{margin-block-start:0}
  .project-brief-section:after,.project-final:after{opacity:.55}
}

@media(max-width:600px){
  /* ABOUT — mobile reading order and card density. */
  .about-hero,.about-definition,.about-evolution,.about-principles,.about-proof,.about-products,.about-final{
    padding-block:68px;
  }
  .about-hero h1{font-size:clamp(42px,12.6vw,58px);line-height:1.01}
  .about-definition h2,.about-evolution h2,.about-principles h2,.about-proof h2,.about-products h2,.about-final h2{
    font-size:clamp(38px,11vw,50px);
  }
  .about-hero-actions,.about-final-actions{align-items:stretch;gap:12px}
  .about-hero-actions .primary-cta,.about-final-actions .primary-cta{width:100%;justify-content:space-between}
  .about-principles-grid{grid-template-columns:1fr}
  .about-principles-grid article{min-height:0;padding:22px}
  .about-principles-grid h3{margin-block-start:34px;font-size:22px}
  .about-product-links a{grid-template-columns:32px 1fr;padding-block:22px}
  .about-product-links strong{font-size:18px}
  .about-product-links b{font-size:11px}

  /* CONTACT — each route becomes a full-width choice. */
  .contact-hero,.contact-routing,.contact-secure,.contact-form-section{padding-block:68px}
  .contact-hero h1{font-size:clamp(42px,12vw,56px);line-height:1.01}
  .contact-hero-actions,.contact-secure-actions{align-items:stretch;gap:12px}
  .contact-hero-actions .primary-cta,.contact-secure-actions .primary-cta{width:100%;justify-content:space-between}
  .contact-routing h2,.contact-secure h2,.contact-form-intro h2{font-size:clamp(38px,10.8vw,50px)}
  .contact-route-grid{grid-template-columns:1fr}
  .contact-route-grid>a:nth-child(3){grid-column:auto}
  .contact-route-grid>a,.contact-route-grid>article{min-height:0;padding:22px}
  .contact-route-grid h3{margin-block:34px 12px;font-size:28px}
  .contact-route-grid b{padding-block-start:28px}
  .contact-secure-steps{grid-template-columns:1fr}
  .contact-secure-steps>div{min-height:0}
  .contact-secure-copy>p{font-size:14px}
  .contact-form-panel{padding:24px 18px}
  .contact-form .project-submit{width:100%;justify-content:space-between}
  .contact-direct-item a{font-size:16px}
  .contact-direct-item address{font-size:13px}

  /* START A PROJECT — form completion takes priority over display density. */
  .project-hero,.project-before,.project-brief-section,.project-boundary,.project-final{padding-block:68px}
  .project-hero h1{font-size:clamp(42px,12vw,56px);line-height:1.01}
  .project-hero-actions{align-items:stretch;gap:12px}
  .project-hero-actions .primary-cta{width:100%;justify-content:space-between}
  .project-section-heading h2,.project-brief-heading h2,.project-boundary h2,.project-final h2{
    font-size:clamp(38px,10.8vw,50px);
  }
  .project-principle-grid{grid-template-columns:1fr}
  .project-principle-grid article{min-height:0;padding:22px}
  .project-principle-grid strong{margin-block-start:34px;font-size:20px}
  .project-form{padding:0 16px 24px}
  .project-form-progress{margin-inline:-16px;margin-block-end:28px}
  .project-form-progress button{
    min-width:0;
    padding:13px 8px;
    font-size:9px;
    text-align:center;
  }
  .project-form-progress button span{font-size:8px;margin-block-end:3px}
  .project-form-step legend{font-size:28px}
  .project-step-lead{font-size:12px}
  .project-intent-card{min-height:0;padding:18px}
  .project-intent-mark{margin-block-end:24px}
  .project-field input,.project-field textarea,.project-field select{font-size:16px}
  .project-form-controls{flex-wrap:wrap;align-items:stretch}
  .project-form-controls .project-next,.project-form-controls .project-submit{flex:1 1 100%;justify-content:space-between}
  .project-form-controls .project-back{order:2;align-self:flex-start}
  .project-consent{font-size:10px}
  .project-boundary-rules>div{grid-template-columns:34px 1fr;gap:14px}
  .project-boundary-rules p{grid-column:2}
  .project-final .primary-cta{width:100%;justify-content:space-between}
  .project-brief-section:after,.project-final:after{display:none}
}

@media(hover:none){
  .project-intent-card:hover{transform:none;background:#0b2a32;border-color:#35565d}
  .project-intent-card:has(input:checked):hover{border-color:#c7b58a;background:#123f4b}
  .about-product-links a:hover b{color:#006879}
}

/* =========================================================
   RESPONSIVE FOUNDATION v5 — WORK + INSIGHTS + FAQ + LEGAL
   Completes the public English internal-page responsive rollout.
   Desktop remains frozen; compact views reduce display density while
   preserving the Proof Ledger / editorial system.
   ========================================================= */

@media(max-width:900px){
  /* SELECTED WORK */
  .work-hero,.work-featured,.work-records,.work-method,.work-final,
  .case-hero,.case-challenge,.case-solution,.case-evidence,.case-boundary,.case-next{
    padding-block:clamp(76px,10vw,112px);
  }
  .work-hero-grid,.work-featured-heading,.work-records-heading,.work-method-grid,.work-final-grid,
  .case-hero-grid,.case-split,.case-solution-grid,.case-evidence-grid,.case-boundary-grid,.case-next-grid{
    grid-template-columns:1fr;
    gap:clamp(34px,6vw,58px);
  }
  .work-hero h1,.case-hero h1{font-size:clamp(48px,8.4vw,70px)}
  .work-featured h2,.work-records h2,.work-method h2,.work-final h2,
  .case-challenge h2,.case-solution h2,.case-evidence h2,.case-boundary h2,.case-next h2{
    font-size:clamp(42px,7vw,60px);
  }
  .work-featured-card{grid-template-columns:1fr;gap:34px}
  .work-featured-copy b{margin-block-start:28px}
  .work-records-heading{margin-block-end:42px}
  .work-record{grid-template-columns:40px minmax(0,1fr);gap:16px 20px;padding-block:26px}
  .work-record>div{min-width:0}
  .work-record p,.work-record b{grid-column:2}
  .work-record b{justify-self:start}
  .work-method-rules article{grid-template-columns:38px 1fr}
  .work-method-rules p{grid-column:2}
  .work-final-grid>.eyebrow,.case-next-grid>.eyebrow{margin-block-start:0}
  .case-hero-visual{width:100%;max-width:760px}
  .case-context-map{min-height:400px}
  .case-capabilities article{grid-template-columns:38px 1fr}
  .case-capabilities p{grid-column:2}

  /* INSIGHTS HUB + ARTICLE */
  .insights-hub-hero,.insights-hub-featured,.insights-hub-notes,.insights-hub-method,.insights-hub-final,
  .insight-article-hero,.insight-article-brief,.insight-article-signals,.insight-article-body,.insight-article-related,.insight-article-more{
    padding-block:clamp(76px,10vw,112px);
  }
  .insights-hub-hero-grid,.insights-hub-notes-heading,.insights-hub-method-grid,.insights-hub-final-grid,
  .insight-article-hero-grid,.insight-article-brief-grid,.insight-article-signals-grid,.insight-article-body-grid,.insight-article-related-grid{
    grid-template-columns:1fr;
    gap:clamp(34px,6vw,58px);
  }
  .insights-hub-hero h1,.insight-article-hero h1{font-size:clamp(48px,8.4vw,70px)}
  .insights-hub-featured h2,.insights-hub-notes h2,.insights-hub-method h2,.insights-hub-final h2,
  .insight-article-brief h2,.insight-article-signals h2,.insight-article-related h2,.insight-article-more h2{
    font-size:clamp(42px,7vw,60px);
  }
  .insights-hub-featured-card{grid-template-columns:1fr;gap:34px}
  .insights-hub-notes-heading{margin-block-end:42px}
  .insights-hub-note-grid,.insight-article-more-grid{grid-template-columns:1fr}
  .insights-hub-note{min-height:0}
  .insights-hub-rules article,.insight-article-signal-list article{grid-template-columns:38px 1fr}
  .insights-hub-rules p,.insight-article-signal-list p{grid-column:2}
  .insights-hub-final-grid>.eyebrow,.insight-article-related-grid>.eyebrow{margin-block-start:0}
  .insight-article-hero-visual{width:100%;max-width:760px}
  .insight-article-body aside{position:static;padding-block-end:28px;border-bottom:1px solid #cad7d9}
  .insight-article-body aside>p:last-child{max-width:56ch}
  .insight-article-sections>section{padding-block-end:72px;margin-block-end:72px}
  .insight-article-sections h2{font-size:clamp(38px,6.5vw,54px)}
  .insight-article-sections p{font-size:16px;line-height:1.78}

  /* FAQ */
  .faq-hero,.faq-principle,.faq-content,.faq-final{padding-block:clamp(76px,10vw,112px)}
  .faq-hero-grid,.faq-principle-grid,.faq-group,.faq-final-grid{grid-template-columns:1fr;gap:clamp(34px,6vw,58px)}
  .faq-hero h1{font-size:clamp(48px,8.4vw,70px)}
  .faq-principle h2,.faq-group h2,.faq-final h2{font-size:clamp(42px,7vw,60px)}
  .faq-principle-list article{grid-template-columns:38px 1fr}
  .faq-principle-list p{grid-column:2}
  .faq-group{padding-block-end:78px;margin-block-end:78px}
  .faq-group-heading{position:static}
  .faq-final-grid>.eyebrow{margin-block-start:0}

  /* LEGAL */
  .legal-hero,.legal-principles,.legal-body,.legal-final{padding-block:clamp(76px,10vw,112px)}
  .legal-hero-grid,.legal-principles-grid,.legal-body-grid,.legal-final-grid{grid-template-columns:1fr;gap:clamp(34px,6vw,58px)}
  .legal-hero h1{font-size:clamp(48px,8.4vw,70px)}
  .legal-principles h2,.legal-final h2{font-size:clamp(42px,7vw,60px)}
  .legal-principle-list article{grid-template-columns:38px 1fr}
  .legal-principle-list p{grid-column:2}
  .legal-index{position:static}
  .legal-index nav{display:none}
  .legal-sections>section{padding-block:54px}
  .legal-final-grid>.eyebrow{margin-block-start:0}
}

@media(max-width:600px){
  /* SELECTED WORK */
  .work-hero,.work-featured,.work-records,.work-method,.work-final,
  .case-hero,.case-challenge,.case-solution,.case-evidence,.case-boundary,.case-next{padding-block:68px}
  .work-hero h1,.case-hero h1{font-size:clamp(42px,12vw,56px);line-height:1.01}
  .work-featured h2,.work-records h2,.work-method h2,.work-final h2,
  .case-challenge h2,.case-solution h2,.case-evidence h2,.case-boundary h2,.case-next h2{
    font-size:clamp(38px,10.8vw,50px);
  }
  .work-featured-card{padding-block-start:24px}
  .work-featured-copy p{font-size:14px}
  .work-tags{gap:6px}
  .work-tags i{font-size:8px;padding:5px 7px}
  .work-record{grid-template-columns:30px 1fr;padding-block:22px}
  .work-record h3{font-size:24px}
  .work-record p{font-size:12px}
  .work-method-rules article{grid-template-columns:30px 1fr;gap:14px}
  .work-final .primary-cta,.case-next-actions .primary-cta{width:100%;justify-content:space-between}
  .case-hero-actions,.case-next-actions{align-items:stretch;gap:12px}
  .case-hero-actions .primary-cta{width:100%;justify-content:space-between}
  .case-context-map{min-height:340px}
  .case-context-label{inset-inline-start:12px;top:12px;font-size:6px;max-width:70%}
  .case-context-core{width:116px;height:82px;font-size:7px}
  .case-context-core b{font-size:12px;margin-block-start:6px}
  .case-context-map i{min-width:74px;padding:8px 7px;font-size:8px}
  .case-capabilities article{grid-template-columns:30px 1fr;gap:14px}
  .case-evidence-list>div,.case-boundary-list>div{grid-template-columns:30px 1fr;gap:14px}

  /* INSIGHTS */
  .insights-hub-hero,.insights-hub-featured,.insights-hub-notes,.insights-hub-method,.insights-hub-final,
  .insight-article-hero,.insight-article-brief,.insight-article-signals,.insight-article-body,.insight-article-related,.insight-article-more{padding-block:68px}
  .insights-hub-hero h1,.insight-article-hero h1{font-size:clamp(42px,12vw,56px);line-height:1.01}
  .insights-hub-featured h2,.insights-hub-notes h2,.insights-hub-method h2,.insights-hub-final h2,
  .insight-article-brief h2,.insight-article-signals h2,.insight-article-related h2,.insight-article-more h2{
    font-size:clamp(38px,10.8vw,50px);
  }
  .insights-hub-intro p,.insights-hub-featured-card p,.insight-article-deck{font-size:14px}
  .insights-hub-featured-card h2{margin-block:24px 18px}
  .insights-hub-note{padding:22px}
  .insights-hub-note-meta{font-size:8px}
  .insights-hub-note figure{margin-block:26px 22px}
  .insights-hub-note h3{font-size:32px}
  .insights-hub-rules article,.insight-article-signal-list article{grid-template-columns:30px 1fr;gap:14px}
  .insight-article-brief-copy p{font-size:15px;padding-block:20px}
  .insight-article-sections>section{padding-block-end:58px;margin-block-end:58px}
  .insight-article-sections h2{font-size:36px;margin-block-end:24px}
  .insight-article-sections p{font-size:15px;line-height:1.76}
  .insight-article-related-actions{align-items:stretch;gap:12px}
  .insight-article-related-actions .primary-cta{width:100%;justify-content:space-between}
  .insight-article-more-grid{margin-block-start:36px}
  .insight-article-more-grid a{min-height:0;padding:22px}
  .insight-article-more-grid h3{margin-block:44px 28px;font-size:32px}

  /* FAQ */
  .faq-hero,.faq-principle,.faq-content,.faq-final{padding-block:68px}
  .faq-hero h1{font-size:clamp(42px,12vw,56px);line-height:1.01}
  .faq-principle h2,.faq-group h2,.faq-final h2{font-size:clamp(38px,10.8vw,50px)}
  .faq-principle-list article{grid-template-columns:30px 1fr;gap:14px}
  .faq-group{padding-block-end:62px;margin-block-end:62px}
  .faq-group-list summary{grid-template-columns:30px minmax(0,1fr) 20px;gap:12px;padding-block:20px}
  .faq-group-list summary strong{font-size:16px;line-height:1.35}
  .faq-toggle{font-size:20px}
  .faq-answer{padding:0 0 22px 42px}
  .faq-answer p{font-size:12px}
  .faq-final-actions{align-items:stretch;gap:12px}
  .faq-final-actions .primary-cta{width:100%;justify-content:space-between}

  /* LEGAL */
  .legal-hero,.legal-principles,.legal-body,.legal-final{padding-block:68px}
  .legal-hero h1{font-size:clamp(42px,12vw,56px);line-height:1.01}
  .legal-principles h2,.legal-final h2{font-size:clamp(38px,10.8vw,50px)}
  .legal-principle-list article{grid-template-columns:30px 1fr;gap:14px}
  .legal-index h2{font-size:38px}
  .legal-sections>section{padding-block:42px}
  .legal-sections h3{font-size:32px;margin-block-end:22px}
  .legal-sections p{font-size:15px;line-height:1.76}
  .legal-callout,.legal-secure-note{padding:20px 18px}
  .legal-final-actions{align-items:stretch;gap:12px}
  .legal-final-actions .primary-cta{width:100%;justify-content:space-between}
}

@media(hover:none){
  .work-record:hover{padding-inline-start:0;background:transparent}
  .insights-hub-featured-card:hover img,.insights-hub-note:hover img{transform:none}
  .insights-hub-note:hover,.insight-article-more-grid a:hover{background:inherit}
  .legal-principle-list article:hover{padding-inline-start:0}
  .legal-principle-list article:hover::before{opacity:0}
}

/* =========================================================
   MOBILE PRECISION v6 — INTERNAL PAGES
   Purpose: more information per viewport without sacrificing touch safety.
   Dense comparison content uses 2–3 columns; long-form reading and forms
   remain single-column where that is the more usable mobile pattern.
   ========================================================= */
@media(max-width:600px){
  :root{--site-header-h:54px}
  .site-shell{padding-inline:16px}

  /* Header / menu mirrors the homepage compact navigation. */
  .site-header-inner{min-height:54px!important;padding-inline:16px!important;grid-template-columns:auto 1fr 40px!important}
  .site-brand{width:106px!important}.site-menu-toggle{width:40px!important;height:40px!important}
  .site-nav{inset-block-start:54px!important;padding:8px 16px 14px!important}
  .site-nav-panel{padding-block:8px 12px!important}
  .site-nav-group>a{min-height:44px!important;padding-block:10px!important;font-size:12px!important}
  .site-nav-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px!important}
  .site-nav-group.is-submenu-open>.site-nav-menu{max-height:250px!important;padding-block-end:8px!important}
  .site-nav-menu a{min-height:44px!important;padding:9px 10px!important}
  .site-nav-menu strong{font-size:11px!important;line-height:1.25!important}.site-nav-menu span{display:none!important}
  .site-nav-mobile-cta{min-height:46px!important;margin-top:12px!important;padding:11px 13px!important;font-size:12px!important}

  /* Type / rhythm. Large desktop statements become compact mobile wayfinding. */
  .eyebrow,.service-eyebrow,.service-detail-section-title{font-size:8px!important;line-height:1.45!important;letter-spacing:.12em!important}
  .page-hero,.service-detail-hero,.product-parent-hero,.product-detail-hero,.about-hero,.contact-hero,.project-hero,
  .work-hero,.case-hero,.insights-hub-hero,.insight-article-hero,.faq-hero,.legal-hero{padding-block:50px 42px!important}
  .page-hero h1,.service-detail-hero h1,.product-parent-hero h1,.product-detail-hero h1,.about-hero h1,.contact-hero h1,.project-hero h1,
  .work-hero h1,.case-hero h1,.insights-hub-hero h1,.insight-article-hero h1,.faq-hero h1,.legal-hero h1{
    font-size:clamp(34px,9.6vw,40px)!important;line-height:1.01!important;letter-spacing:-.045em!important;max-width:13.5ch!important
  }
  .page-hero-copy,.service-detail-lead,.product-parent-lead,.product-detail-lead,.about-hero-lead,.contact-hero-lead,.project-hero-lead,
  .work-hero-copy p,.case-lead,.insights-hub-intro p,.insight-article-deck,.faq-hero-copy p,.legal-hero-copy p{
    font-size:13px!important;line-height:1.58!important
  }

  /* Shared CTA: compact width, finger-safe height. Form submits can still fill. */
  .primary-cta,.text-link{min-height:48px!important;font-size:11px!important}
  .primary-cta{padding:10px 13px!important}
  .service-detail-actions,.product-detail-actions,.case-hero-actions,.case-next-actions,.insight-article-related-actions,.faq-final-actions,.legal-final-actions,
  .contact-hero-actions,.contact-secure-actions,.project-hero-actions,.product-final-actions{flex-direction:row!important;align-items:center!important;gap:8px 12px!important;flex-wrap:wrap!important}
  .service-detail-actions .primary-cta,.service-detail-actions .text-link,.case-hero-actions .primary-cta,.case-next-actions .primary-cta,
  .insight-article-related-actions .primary-cta,.faq-final-actions .primary-cta,.legal-final-actions .primary-cta,
  .contact-hero-actions .primary-cta,.contact-secure-actions .primary-cta,.project-hero-actions .primary-cta,.product-final-actions .primary-cta{
    width:auto!important;justify-content:space-between!important
  }

  /* Section rhythm — roughly 1.0–1.3 viewport blocks instead of multi-screen statements. */
  .service-diagnostic,.service-recognition,.service-build,.service-outcomes,.service-fit-boundary,
  .service-transformation,.service-evidence,.service-final-cta,
  .product-choice-section,.product-parent-thesis,.product-fit-router,.product-recognition,.product-capabilities,.product-fit-decision,
  .product-evaluation-path,.product-tech-disclosure,.product-faq,.product-experience,.product-evidence-discipline,.syncpad-boundary-section,
  .product-parent-final,.product-final-cta,.about-principles,.about-system,.about-products,.about-final,.contact-routing,.contact-secure,.contact-form-section,
  .project-before,.project-brief-section,.project-boundary,.project-final,
  .work-featured,.work-records,.work-method,.work-final,.case-challenge,.case-solution,.case-evidence,.case-boundary,.case-next,
  .insights-hub-featured,.insights-hub-notes,.insights-hub-method,.insights-hub-final,.insight-article-brief,.insight-article-signals,.insight-article-body,.insight-article-related,.insight-article-more,
  .faq-principle,.faq-content,.faq-final,.legal-principles,.legal-body,.legal-final{padding-block:46px!important}

  /* Generic section headings. */
  .diagnostic-heading h2,.recognition-heading h2,.outcomes-heading h2,.transformation-copy h2,.build-heading h2,.evidence-copy h2,.fit-panel h2,.service-final-cta h2,
  .product-choice-heading h2,.product-parent-thesis h2,.product-fit-heading h2,.product-section-heading h2,.product-experience h2,.product-capabilities-intro h2,.product-evidence-discipline h2,
  .syncpad-boundary-section h2,.product-tech-disclosure h2,.product-faq h2,.product-parent-final h2,.product-final-cta h2,
  .about-principles h2,.about-system h2,.about-products h2,.about-final h2,.contact-routing h2,.contact-secure h2,.contact-form-section h2,
  .project-before h2,.project-brief-section h2,.project-boundary h2,.project-final h2,
  .work-featured h2,.work-records h2,.work-method h2,.work-final h2,.case-challenge h2,.case-solution h2,.case-evidence h2,.case-boundary h2,.case-next h2,
  .insights-hub-featured h2,.insights-hub-notes h2,.insights-hub-method h2,.insights-hub-final h2,.insight-article-brief h2,.insight-article-signals h2,.insight-article-related h2,.insight-article-more h2,
  .faq-principle h2,.faq-group h2,.faq-final h2,.legal-principles h2,.legal-final h2{
    font-size:clamp(28px,8vw,33px)!important;line-height:1.03!important;letter-spacing:-.042em!important
  }
  .diagnostic-heading,.recognition-heading,.outcomes-heading,.product-choice-heading,.product-section-heading,.product-fit-heading,.work-records-heading,.insights-hub-notes-heading{margin-bottom:24px!important;gap:14px!important}

  /* Services: comparison cards stay in a 2-column matrix. */
  .diagnostic-grid,.pain-grid,.outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .diagnostic-card,.pain-card,.outcome-card{min-height:0!important;padding:14px!important}
  .diagnostic-label,.pain-card p,.outcome-card h3{margin-top:26px!important}
  .diagnostic-card h3{font-size:19px!important}.diagnostic-card>p:last-child,.pain-card p,.outcome-card p{font-size:10.5px!important;line-height:1.48!important}
  .pain-card-top,.outcome-card>span{font-size:7px!important}.outcome-card h3{font-size:18px!important;line-height:1.08!important}
  .recognition-bridge{padding:14px!important;gap:8px!important}.recognition-bridge strong{font-size:17px!important}
  .transformation-grid,.evidence-grid,.fit-boundary-grid,.final-cta-grid{gap:20px!important}
  .transform-steps{margin-top:18px!important}.transform-step{padding-block:10px!important}.transform-step strong{font-size:13px!important}.transform-step small{font-size:9px!important}
  .transformation-stage{min-height:300px!important}.transform-core{width:124px!important;height:86px!important}.transform-core strong{font-size:13px!important}
  .transform-signal{min-width:94px!important;padding:8px!important;font-size:8px!important}
  .service-detail-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-top:1px solid #cad7d9!important}
  .service-detail-list>div{display:block!important;padding:14px!important;border:1px solid #cad7d9!important;border-top:0!important;min-width:0!important}
  .service-detail-list>div>span{display:block!important;font-size:7px!important;margin-bottom:24px!important}.service-detail-list strong{font-size:18px!important;line-height:1.08!important}.service-detail-list p{font-size:10.5px!important;line-height:1.48!important}
  .evidence-visual,.evidence-visual img{min-height:0!important}.evidence-visual img{height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important}
  .fit-panel li{font-size:12px!important;padding-block:11px!important}.boundary-panel{padding:16px!important}.boundary-panel h3{font-size:22px!important}

  /* Products parent: let users compare ERP and SyncPad immediately. */
  .product-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .product-choice-card{display:flex!important;flex-direction:column!important;min-width:0!important}
  .product-choice-copy{padding:14px!important}.product-choice-index{font-size:7px!important}.product-choice-copy h3{font-size:18px!important;line-height:1.06!important;margin:24px 0 10px!important}
  .product-choice-copy p{font-size:10.5px!important;line-height:1.48!important}.product-choice-route{font-size:9px!important;margin-top:14px!important}
  .product-choice-visual{margin-top:auto!important;aspect-ratio:4/3!important}.product-choice-visual>span{font-size:6px!important;padding:5px!important}
  .product-parent-thesis-copy>p{font-size:12.5px!important;line-height:1.55!important;margin-bottom:20px!important}
  .product-principles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-left:1px solid #cad7d9!important}
  .product-principles>div{display:block!important;padding:13px!important;border-right:1px solid #cad7d9!important;min-width:0!important}
  .product-principles span{font-size:7px!important}.product-principles strong{display:block!important;margin-top:18px!important;font-size:14px!important;line-height:1.2!important}.product-principles p{margin-top:8px!important;font-size:9.5px!important;line-height:1.45!important}
  .product-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-fit-grid>a{min-height:0!important;padding:14px!important}.product-fit-grid>a:nth-child(3){grid-column:1/-1!important}
  .product-fit-grid h3{font-size:18px!important;margin:24px 0 9px!important}.product-fit-grid p{font-size:10px!important;line-height:1.45!important}.product-fit-grid b{padding-top:16px!important;font-size:9px!important}

  /* Product detail: 2-column capability / decision matrices instead of one-column towers. */
  .product-signal-grid,.product-decision-grid,.product-decision-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-signal-card,.product-decision-grid article{min-height:0!important;padding:14px!important}
  .product-signal-card>span,.product-decision-grid article>span{font-size:7px!important}.product-signal-card strong,.product-decision-grid h3{font-size:17px!important;line-height:1.08!important;margin-top:26px!important}
  .product-signal-card p,.product-decision-grid p{font-size:9.8px!important;line-height:1.45!important}.product-decision-grid a{font-size:9px!important;padding-top:16px!important}
  .product-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-path-grid>div{min-height:0!important;padding:13px!important}.product-path-grid span{font-size:7px!important}.product-path-grid strong{font-size:15px!important;margin-top:24px!important}.product-path-grid p{font-size:9px!important;line-height:1.45!important}
  .product-capability-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-left:1px solid #cad7d9!important}
  .product-capability-row{display:block!important;padding:14px!important;border-right:1px solid #cad7d9!important;min-width:0!important}.product-capability-row>span{font-size:7px!important}.product-capability-row h3{font-size:17px!important;line-height:1.08!important;margin-top:24px!important}.product-capability-row p{font-size:9.8px!important;line-height:1.45!important}
  .erp-operating-map,.sync-control-map{min-height:300px!important}.product-experience-grid{gap:20px!important}.experience-legend{font-size:8px!important}
  .product-faq-list summary{padding-block:14px!important}.product-faq-list summary strong{font-size:13px!important}.product-faq-list p{font-size:11px!important;line-height:1.5!important}

  /* Start a Project: information choices become matrices; actual data entry stays one-column. */
  .project-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-principle-grid article{min-height:0!important;padding:13px!important}.project-principle-grid span{font-size:7px!important}.project-principle-grid strong{font-size:15px!important;margin-top:22px!important}.project-principle-grid p{font-size:9.5px!important;line-height:1.45!important}
  .project-brief-heading{margin-bottom:22px!important}.project-brief-layout{gap:18px!important}.project-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .project-intent-card{min-height:0!important;padding:13px!important}.project-intent-mark{margin-bottom:20px!important}.project-intent-card strong{font-size:14px!important;line-height:1.15!important}.project-intent-card small{font-size:9px!important;line-height:1.4!important}
  .project-form-step{padding:18px!important}.project-step-lead h3{font-size:21px!important}.project-step-lead p{font-size:11px!important}.project-field label{font-size:9px!important}.project-field input,.project-field select,.project-field textarea{font-size:16px!important}
  .project-boundary-rules{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-left:1px solid #cad7d9!important}
  .project-boundary-rules>div{display:block!important;padding:13px!important;border-right:1px solid #cad7d9!important;min-width:0!important}.project-boundary-rules span{font-size:7px!important}.project-boundary-rules strong{display:block!important;font-size:12px!important;margin-top:18px!important}.project-boundary-rules p{font-size:9px!important;line-height:1.45!important;margin-top:7px!important}

  /* Contact: route choice and secure-channel flow should read at a glance. */
  .contact-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.contact-route-grid>a,.contact-route-grid>article{min-height:0!important;padding:13px!important}.contact-route-grid>a:nth-child(3){grid-column:1/-1!important}
  .contact-route-grid span{font-size:7px!important}.contact-route-grid h3{font-size:18px!important;line-height:1.08!important;margin:24px 0 9px!important}.contact-route-grid p{font-size:9.8px!important;line-height:1.45!important}.contact-route-grid b{font-size:9px!important;padding-top:16px!important}
  .contact-secure-grid,.contact-form-grid{gap:22px!important}.contact-secure-copy p,.contact-form-intro>p{font-size:12px!important;line-height:1.55!important}
  .contact-secure-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:24px!important}.contact-secure-steps>div{min-height:0!important;padding:11px!important}.contact-secure-steps span{font-size:6px!important}.contact-secure-steps strong{font-size:11px!important;line-height:1.15!important;margin-top:18px!important}.contact-secure-steps p{font-size:8.5px!important;line-height:1.4!important}
  .contact-direct{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 10px!important}.contact-direct-item:last-child{grid-column:1/-1!important}.contact-direct-item{padding-block:10px!important}.contact-direct-item span{font-size:7px!important}.contact-direct-item a,.contact-direct-item address{font-size:11px!important;line-height:1.45!important}
  .contact-form-panel{padding:16px!important}.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea{font-size:16px!important}

  /* Work / case studies: evidence stays readable but lists become comparison matrices. */
  .work-featured-card{gap:20px!important}.work-featured-copy p{font-size:12px!important}.work-featured-visual{margin-top:0!important}
  .work-record-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .work-record{display:block!important;padding:13px!important;border:1px solid #cad7d9!important;min-width:0!important}.work-record-index{display:block!important;font-size:7px!important;margin-bottom:22px!important}.work-record h3{font-size:18px!important}.work-record p{font-size:9.8px!important;line-height:1.45!important}.work-record b{font-size:9px!important;margin-top:12px!important}
  .work-method-rules,.case-capabilities,.case-evidence-list,.case-boundary-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-left:1px solid #cad7d9!important}
  .work-method-rules article,.case-capabilities article,.case-evidence-list>div,.case-boundary-list>div{display:block!important;padding:13px!important;border-right:1px solid #cad7d9!important;min-width:0!important}
  .work-method-rules span,.case-capabilities span,.case-evidence-list span,.case-boundary-list span{font-size:7px!important}.work-method-rules strong,.case-capabilities strong{display:block!important;font-size:13px!important;margin-top:18px!important}.work-method-rules p,.case-capabilities p,.case-evidence-list p,.case-boundary-list p{font-size:9.5px!important;line-height:1.45!important;margin-top:7px!important}
  .case-context-map{min-height:280px!important}.case-context-map i{min-width:62px!important;padding:7px 5px!important;font-size:6px!important}.case-context-core{width:104px!important;height:72px!important}

  /* Insights hub: featured wide + two notes beside each other. Long-form article keeps reading size. */
  .insights-hub-featured-card{gap:20px!important}.insights-hub-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .insights-hub-note{padding:13px!important;min-width:0!important}.insights-hub-note-meta{font-size:7px!important}.insights-hub-note figure{margin:16px 0 12px!important}.insights-hub-note h3{font-size:20px!important;line-height:1.06!important}.insights-hub-note p{font-size:9.8px!important;line-height:1.45!important}
  .insights-hub-rules,.insight-article-signal-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-left:1px solid currentColor!important}
  .insights-hub-rules article,.insight-article-signal-list article{display:block!important;padding:13px!important;border-right:1px solid currentColor!important;min-width:0!important}.insights-hub-rules span,.insight-article-signal-list span{font-size:7px!important}.insights-hub-rules strong,.insight-article-signal-list strong{display:block!important;font-size:12px!important;margin-top:18px!important}.insights-hub-rules p,.insight-article-signal-list p{font-size:9px!important;line-height:1.45!important;margin-top:7px!important}
  .insight-article-brief-copy p{font-size:13px!important;line-height:1.62!important;padding-block:14px!important}
  .insight-article-body{padding-block:50px!important}.insight-article-body aside{padding-bottom:18px!important}.insight-article-body aside>p:last-child{font-size:11px!important}
  .insight-article-sections>section{padding-bottom:34px!important;margin-bottom:34px!important}.insight-article-sections h2{font-size:28px!important;line-height:1.04!important;margin-bottom:16px!important}.insight-article-sections p{font-size:14.5px!important;line-height:1.7!important;margin-bottom:14px!important}
  .insight-article-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin-top:24px!important}.insight-article-more-grid a{padding:13px!important;min-width:0!important}.insight-article-more-grid h3{font-size:18px!important;line-height:1.08!important;margin:26px 0 18px!important}.insight-article-more-grid b{font-size:9px!important}

  /* FAQ + legal: compact overview matrices; expandable / long-form content remains readable. */
  .faq-principle-list,.legal-principle-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-left:1px solid currentColor!important}
  .faq-principle-list article,.legal-principle-list article{display:block!important;padding:13px!important;border-right:1px solid currentColor!important;min-width:0!important}.faq-principle-list span,.legal-principle-list span{font-size:7px!important}.faq-principle-list strong,.legal-principle-list strong{display:block!important;font-size:12px!important;margin-top:18px!important}.faq-principle-list p,.legal-principle-list p{font-size:9px!important;line-height:1.45!important;margin-top:7px!important}
  .faq-group{padding-bottom:40px!important;margin-bottom:40px!important}.faq-group-list summary{grid-template-columns:22px minmax(0,1fr) 18px!important;gap:8px!important;padding-block:14px!important}.faq-number{font-size:7px!important}.faq-group-list summary strong{font-size:13px!important;line-height:1.3!important}.faq-answer{padding:0 0 14px 30px!important}.faq-answer p{font-size:11px!important;line-height:1.55!important}
  .legal-index h2{font-size:28px!important}.legal-sections>section{padding-block:28px!important}.legal-sections h3{font-size:25px!important;line-height:1.06!important;margin-bottom:14px!important}.legal-sections p{font-size:14px!important;line-height:1.68!important}.legal-callout,.legal-secure-note{padding:14px!important}

  /* Footer shared with internal pages. */
  .footer-shell{padding:36px 16px 20px!important}.footer-brand{grid-template-columns:.72fr 1.28fr!important;gap:16px!important;padding-bottom:22px!important;align-items:start!important}
  .footer-brand img{width:108px!important}.footer-brand p{font-size:13px!important;line-height:1.48!important}
  .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 12px!important;padding:22px 0!important}.footer-links>div:first-child{grid-column:auto!important}
  .footer-links p{font-size:7px!important;margin-bottom:8px!important}.footer-links a{font-size:9px!important;line-height:1.35!important;padding:4px 0!important}.footer-bottom{font-size:8px!important;gap:8px!important}
}

/* Very narrow phones: only the grids that genuinely become unreadable collapse. */
@media(max-width:350px){
  .product-choice-grid,.diagnostic-grid,.pain-grid,.outcomes-grid,.product-signal-grid,.product-decision-grid,.product-decision-grid--four,
  .product-capability-list,.project-intent-grid,.contact-route-grid,.work-record-list,.insights-hub-note-grid,.insight-article-more-grid{
    grid-template-columns:1fr!important
  }
  .product-fit-grid>a:nth-child(3),.contact-route-grid>a:nth-child(3){grid-column:auto!important}
}

/* Readability floor for compact comparison microcopy. */
@media(max-width:600px){
  .product-principles p,.product-path-grid p,.project-intent-card small,.project-boundary-rules p,
  .contact-secure-steps p,.work-method-rules p,.case-capabilities p,.case-evidence-list p,.case-boundary-list p,
  .insights-hub-rules p,.insight-article-signal-list p,.faq-principle-list p,.legal-principle-list p{
    font-size:10px!important;line-height:1.48!important
  }
}

/* =========================================================
   TABLET NAV CTA DEDUPE v3.1
   On compact tablet the persistent header CTA is already visible,
   so repeating the same CTA inside the open drawer adds noise.
   Mobile keeps the drawer CTA because the header CTA is hidden there.
   ========================================================= */
@media (min-width:601px) and (max-width:900px){
  .site-nav-mobile-cta{display:none!important}
}

/* =========================================================
   MOBILE REVEAL STABILITY v3.2
   Compact layouts prioritize immediate scanability over entrance motion.
   Disabling scroll-reveal transforms on phones also prevents stitched/full-page
   captures from clipping headings at section boundaries.
   ========================================================= */
@media(max-width:600px){
  .js [data-reveal]{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .about-products,
  .about-products-grid,
  .about-products-grid>div{
    overflow:visible!important;
  }
}

/* =========================================================
   MOBILE ABOUT SECTION ISOLATION v3.3
   Prevent the Projects + Products heading from crossing or being clipped at
   the previous section boundary in compact layouts / stitched captures.
   ========================================================= */
@media(max-width:600px){
  .about-products{
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
    padding-block:50px!important 46px!important;
  }
  .about-products-grid{
    display:block!important;
    overflow:visible!important;
  }
  .about-products-grid>div:first-child{
    position:relative!important;
    z-index:1!important;
    display:flow-root!important;
    overflow:visible!important;
    transform:none!important;
    opacity:1!important;
  }
  .about-products .eyebrow{
    margin:0 0 12px!important;
  }
  .about-products h2{
    display:block!important;
    margin:0!important;
    padding:2px 0 0!important;
    overflow:visible!important;
    transform:none!important;
    opacity:1!important;
  }
  .about-products p{
    margin:14px 0 0!important;
  }
  .about-product-links{
    margin-top:24px!important;
  }
}

/* ================================================================
   PERSIAN / RTL FOUNDATION — v4.0
   English rendering stays unchanged. Persian pages opt in with dir="rtl".
   ================================================================ */
.site-locale-pending{opacity:.38;cursor:default;user-select:none}
html[dir="rtl"] body.internal-page{direction:rtl;font-family:var(--font-persian);text-align:start}
html[dir="rtl"] .internal-page .site-header,html[dir="rtl"] .internal-page .site-footer{direction:rtl}
html[dir="rtl"] .site-nav-menu a,html[dir="rtl"] .footer-brand,html[dir="rtl"] .footer-links,html[dir="rtl"] .footer-bottom{text-align:start}
html[dir="rtl"] .site-nav-link>span,html[dir="rtl"] .site-header-cta>span,html[dir="rtl"] .site-nav-mobile-cta>span,html[dir="rtl"] .primary-cta>span,html[dir="rtl"] .text-link>span{display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .site-nav-menu--right{right:auto;left:0}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{font-family:var(--font-persian);text-align:start}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] [dir="ltr"]{direction:ltr;text-align:left}

/* ===== Persian licensed webfont hooks v4.1 ===== */
html[dir="rtl"] body.internal-page{font-family:var(--font-persian);line-height:1.75}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .service-eyebrow,html[dir="rtl"] .service-detail-section-title{font-family:var(--font-persian);letter-spacing:0;text-transform:none}

/* ================================================================
   PERSIAN INTERNAL PAGES — v4.2
   Locale-specific typography and bidi polish for Services, Products,
   About, Contact and Start a Project. English rules remain untouched.
   ================================================================ */
html[dir="rtl"] body.internal-page h1,
html[dir="rtl"] body.internal-page h2,
html[dir="rtl"] body.internal-page h3,
html[dir="rtl"] body.internal-page strong,
html[dir="rtl"] body.internal-page summary{font-family:var(--font-persian);letter-spacing:0;text-wrap:balance}
html[dir="rtl"] body.internal-page h1{line-height:1.14}
html[dir="rtl"] body.internal-page h2{line-height:1.18}
html[dir="rtl"] body.internal-page h3{line-height:1.28}
html[dir="rtl"] body.internal-page p,
html[dir="rtl"] body.internal-page li,
html[dir="rtl"] body.internal-page small{line-height:1.8}
html[dir="rtl"] body.internal-page .eyebrow,
html[dir="rtl"] body.internal-page .service-detail-kicker,
html[dir="rtl"] body.internal-page .service-detail-section-title,
html[dir="rtl"] body.internal-page [class*="-index"],
html[dir="rtl"] body.internal-page [class*="-label"]{letter-spacing:0;text-transform:none}
html[dir="rtl"] body.internal-page bdi[dir="ltr"],
html[dir="rtl"] body.internal-page code,
html[dir="rtl"] body.internal-page .erp-map-core>span,
html[dir="rtl"] body.internal-page .erp-map-core>strong,
html[dir="rtl"] body.internal-page .sync-control-core>span{font-family:var(--font-latin);unicode-bidi:isolate}
html[dir="rtl"] .product-choice-route b,
html[dir="rtl"] .product-fit-grid b,
html[dir="rtl"] .about-product-links b{display:inline-block}
html[dir="rtl"] .product-detail-actions,
html[dir="rtl"] .service-detail-actions,
html[dir="rtl"] .service-final-actions,
html[dir="rtl"] .product-final-actions,
html[dir="rtl"] .about-hero-actions,
html[dir="rtl"] .about-final-actions,
html[dir="rtl"] .contact-hero-actions,
html[dir="rtl"] .contact-secure-actions{flex-direction:row}
html[dir="rtl"] .project-next>span{display:inline-block;transform:none}
html[dir="rtl"] .project-back{direction:rtl}
html[dir="rtl"] .project-form-progress button span,
html[dir="rtl"] .product-signal-card>span,
html[dir="rtl"] .product-capability-row>span,
html[dir="rtl"] .project-principle-grid article>span,
html[dir="rtl"] .project-boundary-rules>div>span,
html[dir="rtl"] .project-journey li>span{font-variant-numeric:tabular-nums}
@media(max-width:600px){
  html[dir="rtl"] body.internal-page h1{line-height:1.1}
  html[dir="rtl"] body.internal-page h2{line-height:1.14}
  html[dir="rtl"] body.internal-page p,html[dir="rtl"] body.internal-page li{line-height:1.7}
}

/* ================================================================
   PERSIAN VISUAL QA + TYPOGRAPHY POLISH — v4.4
   Protect Persian shaping from compact Latin-oriented mobile rules.
   English/LTR rendering is intentionally untouched.
   ================================================================ */
html[dir="rtl"] body.internal-page{
  font-synthesis:none;
  font-kerning:normal;
}
html[dir="rtl"] body.internal-page .eyebrow,
html[dir="rtl"] body.internal-page .service-eyebrow,
html[dir="rtl"] body.internal-page .service-detail-kicker,
html[dir="rtl"] body.internal-page .service-detail-section-title,
html[dir="rtl"] body.internal-page [class*="-index"],
html[dir="rtl"] body.internal-page [class*="-label"]{
  letter-spacing:0!important;
  text-transform:none!important;
}
@media(max-width:600px){
  html[dir="rtl"] body.internal-page h1{
    line-height:1.12!important;
    letter-spacing:0!important;
  }
  html[dir="rtl"] body.internal-page h2{
    line-height:1.17!important;
    letter-spacing:0!important;
  }
  html[dir="rtl"] body.internal-page h3,
  html[dir="rtl"] body.internal-page summary strong{
    line-height:1.28!important;
    letter-spacing:0!important;
  }
  html[dir="rtl"] body.internal-page .eyebrow,
  html[dir="rtl"] body.internal-page .service-eyebrow,
  html[dir="rtl"] body.internal-page .service-detail-kicker,
  html[dir="rtl"] body.internal-page .service-detail-section-title{
    line-height:1.6!important;
  }
  html[dir="rtl"] body.internal-page p,
  html[dir="rtl"] body.internal-page li,
  html[dir="rtl"] body.internal-page small{
    line-height:1.68!important;
  }
  /* Persian glyphs need a slightly higher readability floor than Latin
     inside dense comparison cards, without giving up the compact mobile UI. */
  html[dir="rtl"] .diagnostic-card>p:last-child,
  html[dir="rtl"] .pain-card p,
  html[dir="rtl"] .outcome-card p,
  html[dir="rtl"] .service-detail-list p,
  html[dir="rtl"] .product-choice-copy p,
  html[dir="rtl"] .product-principles p,
  html[dir="rtl"] .product-path-grid p,
  html[dir="rtl"] .project-intent-card small,
  html[dir="rtl"] .project-principle-grid p,
  html[dir="rtl"] .project-journey p,
  html[dir="rtl"] .project-boundary-rules p,
  html[dir="rtl"] .contact-route-grid p,
  html[dir="rtl"] .contact-secure-steps p,
  html[dir="rtl"] .work-method-rules p,
  html[dir="rtl"] .case-capabilities p,
  html[dir="rtl"] .case-evidence-list p,
  html[dir="rtl"] .case-boundary-list p,
  html[dir="rtl"] .insights-hub-rules p,
  html[dir="rtl"] .insight-article-signal-list p,
  html[dir="rtl"] .faq-principle-list p,
  html[dir="rtl"] .legal-principle-list p{
    font-size:10.8px!important;
    line-height:1.58!important;
  }
  html[dir="rtl"] .site-nav-menu strong,
  html[dir="rtl"] .site-nav-group>a,
  html[dir="rtl"] .site-nav-mobile-cta,
  html[dir="rtl"] .primary-cta,
  html[dir="rtl"] .text-link{
    letter-spacing:0!important;
  }
}

/* =========================================================
   LIVE ACCESSIBILITY POLISH v1.4
   Shared internal-page navigation/footer touch targets.
   ========================================================= */
@media(max-width:600px){
  .site-nav-group>a,
  .site-nav-menu a{
    min-height:48px!important;
    padding-block:12px!important;
    align-items:center!important;
  }
  .site-nav-menu{row-gap:4px!important}
  .footer-links a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:44px!important;
    padding:8px 0!important;
    font-size:10px!important;
  }
}


/* ===== Security hardening v1.5: CSP-safe case-study node positions ===== */
.case-context-map--pharma .case-context-node--1{--x:14%;--y:22%}
.case-context-map--pharma .case-context-node--2{--x:69%;--y:18%}
.case-context-map--pharma .case-context-node--3{--x:72%;--y:70%}
.case-context-map--pharma .case-context-node--4{--x:12%;--y:72%}
.case-context-map--rehab .case-context-node--1{--x:13%;--y:20%}
.case-context-map--rehab .case-context-node--2{--x:70%;--y:18%}
.case-context-map--rehab .case-context-node--3{--x:72%;--y:72%}
.case-context-map--rehab .case-context-node--4{--x:12%;--y:74%}