:root{--ink:#173431;--paper:#f5f4ef;--line:#c9d2c9;--accent:#d9ef96;--muted:#53665f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b65730;outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;background:white;padding:15px;z-index:9}.skip:focus{top:10px}.preview{padding:9px 24px;text-align:center;background:var(--accent);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;height:112px;border-bottom:1px solid var(--line)}.brand{font-size:45px;line-height:.8;font-weight:800;letter-spacing:-3px;text-decoration:none}.brand span{display:block;font-size:9px;font-weight:400;letter-spacing:4px;line-height:1;margin-top:13px}.nav{display:flex;align-items:center;gap:36px}.nav a{text-decoration:none;font-size:13px}.nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.nav .contact-link{border:1px solid var(--ink);padding:14px 22px;border-radius:50px}.menu{display:none;border:1px solid var(--ink);border-radius:50px;background:transparent;padding:12px 18px}.eyebrow{font:11px/1.5 'Courier New',monospace;letter-spacing:.12em;text-transform:uppercase}.hero{padding:74px 0 52px}.hero-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:70px;align-items:end}h1,h2,h3,p{margin:0}h1{font-size:clamp(62px,6.7vw,98px);font-weight:400;letter-spacing:-.065em;line-height:.99;max-width:1000px}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}h2{font-size:clamp(38px,4vw,60px);line-height:1.04;letter-spacing:-.045em;font-weight:400}h3{font-size:24px;letter-spacing:-.03em;font-weight:400}.hero .eyebrow{margin-bottom:28px}.lead{font-size:18px;line-height:1.55;color:var(--muted)}.hero-side{padding-bottom:8px}.hero-side .lead{font-size:16px}.button{display:inline-flex;gap:32px;align-items:center;border-radius:100px;background:var(--ink);color:var(--paper);padding:17px 24px;text-decoration:none;font-size:13px;margin-top:26px}.button.light{background:var(--accent);color:var(--ink)}.button.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}.button:hover{background:#294a40;color:white}.media{margin:0;position:relative}.media img{display:block;width:100%;height:auto;object-fit:contain;background:#000}.hero-media{background:#000;padding:0;overflow:hidden;border-radius:4px}.hero-media img{width:100%;aspect-ratio:16/9;object-fit:contain}.caption{display:flex;justify-content:space-between;gap:20px;font:10px/1.5 'Courier New',monospace;letter-spacing:.07em;text-transform:uppercase;margin-top:15px;color:var(--muted)}.section{padding:100px 0;border-bottom:1px solid var(--line)}.intro{display:grid;grid-template-columns:.55fr 1fr;gap:60px}.intro h2{max-width:800px}.intro p{max-width:680px;margin-top:25px;line-height:1.75;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:65px}.process article{border-top:1px solid var(--ink);padding-top:20px}.number{font:12px 'Courier New',monospace;margin-bottom:36px;display:block}.process p{line-height:1.65;font-size:15px;color:var(--muted);margin-top:18px}.textlink{display:inline-flex;gap:36px;margin-top:25px;font-size:13px;text-underline-offset:6px}.statement{padding:90px 0;background:var(--ink);color:var(--paper);margin-top:100px}.statement .wrap{display:grid;grid-template-columns:1fr .5fr;align-items:end;gap:80px}.statement h2{max-width:800px}.statement p{font-size:15px;line-height:1.7;color:#ccd6d0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:55px}.work-grid img{aspect-ratio:16/9;object-fit:contain;background:black}.cities{display:flex;flex-wrap:wrap;gap:16px 35px;padding:35px 0;font-size:13px;border-bottom:1px solid var(--line)}.city-label{font:10px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em;margin-right:auto;color:var(--muted)}.footer{padding:60px 0 26px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer .brand{font-size:38px}.footer a{display:block;text-decoration:none;font-size:13px;line-height:1.9}.footer address{font-size:13px;line-height:1.9;font-style:normal}.footer small{display:block;margin-top:50px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.subhero{padding:75px 0 70px}.subhero h1{max-width:980px}.subhero .lead{max-width:600px;margin-top:28px}.service-row{display:grid;grid-template-columns:.15fr .8fr 1fr;gap:40px;border-top:1px solid var(--line);padding:44px 0}.service-row p{font-size:16px;line-height:1.75;color:var(--muted)}.service-row .number{margin-top:6px}.service-row h2{font-size:38px}.story-grid{display:grid;grid-template-columns:.65fr 1fr;gap:90px;padding:75px 0}.story-grid p{font-size:18px;line-height:1.75;margin-bottom:28px;color:var(--muted)}.stat{font-size:72px;letter-spacing:-.07em}.stat-label{font-size:13px;line-height:1.6;max-width:230px;margin-top:10px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-bottom:90px}.contact-details a{display:block;font-size:clamp(22px,2.3vw,34px);letter-spacing:-.04em;text-underline-offset:6px;margin:30px 0}.contact-details address{font-style:normal;font-size:16px;line-height:1.65;margin-top:35px}.form-preview{padding:34px;background:#e9ede2;border:1px solid var(--line);border-radius:4px}.form-preview p{font-size:13px;line-height:1.6;margin-bottom:25px}.form-preview fieldset{border:0;padding:0;margin:0;display:grid;gap:19px}.form-preview label{font-size:12px;display:block}.form-preview input,.form-preview textarea{display:block;width:100%;margin-top:8px;border:1px solid #a1b4a5;background:var(--paper);border-radius:0;padding:13px;color:var(--ink);opacity:1}.form-preview textarea{min-height:100px}.form-preview button{width:100%;background:var(--ink);color:white;padding:15px;border:0;opacity:.65}.form-preview .pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.review-note{border-left:3px solid var(--accent);padding-left:18px;font-size:12px;line-height:1.7;color:var(--muted);margin-top:30px}body[data-page="contact"] .subhero{padding-bottom:50px}.mobile-review{width:390px;height:844px;border:0;max-width:100%;display:block;margin:30px auto;background:white}@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header{height:90px}.brand{font-size:37px}.nav{gap:21px}.hero{padding:55px 0 35px}.hero-grid{grid-template-columns:1fr;gap:30px}h1{font-size:68px;max-width:650px}.hero-side{max-width:470px}.hero .eyebrow{margin-bottom:22px}.intro{grid-template-columns:1fr;gap:28px}.section{padding:65px 0}.process{gap:25px}.statement{margin-top:65px;padding:65px 0}.statement .wrap{grid-template-columns:1fr;gap:28px}.statement p{max-width:580px}.story-grid{gap:40px}.contact-grid{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid nav{grid-column:2}.service-row{grid-template-columns:.12fr .65fr 1fr;gap:20px}.service-row h2{font-size:32px}}
@media(max-width:600px){.preview{font-size:9px;padding:8px 15px}.menu{display:block}.header{position:relative}.nav{display:none;position:absolute;top:89px;left:-20px;right:-20px;padding:25px 20px;background:var(--paper);border-bottom:1px solid var(--line);z-index:5;align-items:start;gap:23px}.nav[data-open="true"]{display:flex;flex-direction:column}.nav a{font-size:18px}.nav .contact-link{padding:0;border:0}.hero{padding:42px 0 28px}h1{font-size:57px}.hero-side .lead{font-size:15px}.hero-grid{gap:26px}.button{padding:15px 22px;margin-top:22px}.hero-media img{aspect-ratio:16/10}.caption{font-size:8px;gap:16px}.caption span:last-child{text-align:right}.intro h2,h2{font-size:38px}.section{padding:54px 0}.process{grid-template-columns:1fr;gap:36px;margin-top:40px}.number{margin-bottom:24px}.process h3{font-size:25px}.work-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.statement{margin-top:54px;padding:55px 0}.cities{gap:15px 23px;font-size:12px}.city-label{width:100%}.footer{padding-top:45px}.footer-grid{gap:35px 20px}.footer-grid .brand{grid-column:1/-1}.footer-grid nav{grid-column:2;grid-row:2}.footer small{margin-top:35px}.subhero{padding:48px 0}.subhero h1{font-size:54px}.subhero .lead{font-size:17px}.service-row{grid-template-columns:40px 1fr;gap:20px;padding:32px 0}.service-row p{grid-column:2;font-size:15px}.service-row h2{font-size:32px}.service-row .number{margin:7px 0 0}.story-grid{grid-template-columns:1fr;gap:35px;padding:50px 0}.story-grid p{font-size:16px}.stat{font-size:68px}.contact-grid{grid-template-columns:1fr;gap:45px}.form-preview{padding:24px}.contact-details a{font-size:27px}.form-preview .pair{grid-template-columns:1fr}.contact-grid{padding-bottom:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.form-preview .check{display:flex;align-items:center;gap:10px;margin:9px 0}.form-preview .check input{display:inline-block;width:16px;height:16px;margin:0}

/* Option 3: warm editorial comparison. No dependencies or image regeneration. */
.market-comparison {
  --comparison-paper: #faf8f3;
  --comparison-ink: #252622;
  --comparison-muted: #5f6059;
  --comparison-accent: #e8bb39;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: clamp(24px, 4vw, 52px) clamp(20px, 4vw, 56px);
  background: var(--comparison-paper);
  color: var(--comparison-ink);
  font-family: inherit;
}

.market-comparison *,
.market-comparison *::before,
.market-comparison *::after {
  box-sizing: border-box;
}

.market-comparison__inner {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}

.market-comparison__header {
  margin: 0 0 clamp(18px, 2.2vw, 28px);
  padding: 0 0 clamp(16px, 2vw, 24px);
  border-bottom: 1px solid var(--comparison-accent);
}

.market-comparison__title {
  margin: 0;
  color: var(--comparison-ink);
  font: inherit;
  font-size: clamp(1.875rem, 4vw, 3.5rem);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -0.035em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.market-comparison__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: clamp(16px, 2vw, 28px);
}

.market-comparison__panel {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.market-comparison__label {
  margin: 0 0 12px;
  padding: 0 2px;
  color: var(--comparison-muted);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.22em;
}

.market-comparison__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 954 / 540;
  overflow: hidden;
  border-radius: 12px;
  isolation: isolate;
  background: #deddd4;
}

/* Original 1920x1080 JPEG, copied byte-for-byte.
 * Both crop windows are 954x540; no independent x/y scaling.
 * US:   x=4,   y=270 (3px trimmed from each edge of its 960px frame).
 * APEC: x=966, y=270 (entire 954px frame).
 * Width = 1920/954; top = -270/540; left = -x/954.
 * Do not replace this source with the resized 1500x844 asset.
 */
.market-comparison__image {
  position: absolute;
  top: -50%;
  left: -0.4192872117%;
  display: block;
  width: 201.2578616352%;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  object-fit: fill;
  transform: none;
  filter: none;
}

.market-comparison__image--apec {
  left: -101.2578616352%;
}

@media (max-width: 639px) {
  .market-comparison__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .market-comparison__label {
    margin-bottom: 10px;
    font-size: 0.75rem;
    letter-spacing: 0.18em;
  }

  .market-comparison__frame {
    border-radius: 10px;
  }
}

/* Keep enlarged mobile text inside its layout without clipping or shrinking it. */
@media (max-width:850px) {
  .hero-grid,
  .intro,
  .statement .wrap { grid-template-columns:minmax(0,1fr); }
  .hero-grid > *,
  .intro > *,
  .statement .wrap > * { min-width:0; }
}
@media (max-width:600px) {
  .header {
    height:auto;
    min-height:90px;
    flex-wrap:wrap;
    gap:12px 16px;
    padding-block:18px;
  }
  .header > .brand,
  .header > .menu { min-width:0; max-width:100%; }
  .nav { top:100%; }
  .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-grid > * { min-width:0; }
  h1,
  h2,
  .intro .eyebrow,
  .footer a,
  .footer address { overflow-wrap:anywhere; }
}

/* Local deck-informed refinement, 26 October 2026. */
:root{--ink:#172344;--paper:#f8f7f2;--line:#cbd0da;--accent:#e4bb51;--muted:#555f74}
.hero{padding:82px 0 62px}.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:60px}
.hero h1{font-size:clamp(62px,7.5vw,108px);line-height:1.02;letter-spacing:-.065em}
.hero-side .lead{font-size:17px;line-height:1.7}.hero .eyebrow{color:var(--muted)}
.button{border-radius:2px;gap:24px}.button:hover{background:#30416a;color:#fff}.nav .contact-link{border-radius:2px}
.market-comparison{background:#eeede6;padding:clamp(24px,4vw,52px);--comparison-ink:#172344;--comparison-muted:#555f74;--comparison-accent:#b9a56e}
.market-comparison__title{font-weight:400;font-size:clamp(30px,3.3vw,48px);letter-spacing:-.04em}
.market-comparison__frame{border-radius:2px}.market-comparison__header{display:flex;align-items:end;justify-content:space-between;gap:24px}
.comparison-deck{max-width:290px;font-size:14px;line-height:1.65;color:var(--muted)}
.format-section{padding:94px 0 90px;border-bottom:1px solid var(--line)}
.format-section h2{max-width:900px;margin-top:28px}.format-section h2 em{font-family:Georgia,serif;font-weight:400}
.format-list{display:flex;flex-wrap:wrap;gap:0;margin-top:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.format-list span{padding:18px 28px 18px 0;margin-right:28px;font-size:14px;line-height:1.5}
.format-section>p{max-width:650px;font-size:17px;line-height:1.75;color:var(--muted);margin-top:28px}
.section{padding:90px 0}.process article{padding-top:24px}.process .number{color:var(--muted);margin-bottom:32px}
.statement{background:#172344}.statement h2 em{font-family:Georgia,serif;font-weight:400}.statement p{color:#d0d5df}
.statement .button:hover{background:#f0cf7c;color:var(--ink)}.form-preview{background:#eeede6}.form-preview button{opacity:1;cursor:pointer}
.form-preview button:hover{background:#30416a}.local-form-notice{padding:12px;border-left:3px solid var(--accent);background:var(--paper)}
.story-grid .stat{font-size:clamp(44px,5vw,70px);line-height:1.1}.footer .brand{font-size:38px;line-height:.9}
@media(max-width:850px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.hero{padding:54px 0 40px}.hero h1{font-size:clamp(54px,10vw,84px)}.hero-side{max-width:560px}.format-section{padding:64px 0}.market-comparison__header{display:block}.comparison-deck{max-width:550px;margin-top:18px}.section{padding:64px 0}.contact-grid{grid-template-columns:minmax(0,1fr);gap:36px}.contact-details a{overflow-wrap:anywhere}}
@media(max-width:600px){.hero h1{font-size:clamp(48px,12vw,68px)}.hero-side .lead{font-size:16px}.hero-grid{gap:24px}.market-comparison{padding:24px 18px}.format-section{padding:52px 0}.format-list{display:grid;grid-template-columns:minmax(0,1fr);margin-top:28px}.format-list span{padding:13px 0;margin:0;border-bottom:1px solid var(--line)}.format-list span:last-child{border-bottom:0}.format-section>p{font-size:16px}.section{padding:52px 0}.footer-grid{grid-template-columns:minmax(0,1fr)}.footer-grid nav{grid-column:1;grid-row:auto}.footer-grid .brand{grid-column:1}.button{max-width:100%;white-space:normal}.hero h1,.format-section h2,.format-list span,.process h3,.comparison-deck{overflow-wrap:anywhere}}

/* Follow-the-sun production: supported by deck p.10; office list verified. */
.follow-sun{margin-top:74px;padding:60px 52px;background:var(--ink);color:var(--paper)}
.sun-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:48px;align-items:end}
.follow-sun .eyebrow{color:#d0d5df}.follow-sun h2{margin-top:24px;font-size:clamp(38px,4.5vw,66px)}.follow-sun h2 em{font-family:Georgia,serif;font-weight:400}
.sun-intro{font-size:20px;line-height:1.6;color:#d0d5df;max-width:320px}
.sun-offices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:48px 0;padding:26px 0;border-top:1px solid #64708d;border-bottom:1px solid #64708d}
.sun-offices span{display:block;font:10px/1.6 'Courier New',monospace;color:#d0d5df;text-transform:uppercase;letter-spacing:.06em}
.sun-offices strong{display:block;font-weight:400;font-size:22px;margin-top:12px;line-height:1.3}
.sun-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}.sun-bottom>p{font-size:20px;line-height:1.65}.sun-bottom h3{font-size:23px;margin-bottom:16px}.sun-bottom div p{font-size:15px;line-height:1.75;color:#d0d5df}.sun-bottom .textlink{color:#efd07c}
@media(max-width:850px){.follow-sun{padding:40px 30px;margin-top:48px}.sun-top,.sun-bottom{grid-template-columns:minmax(0,1fr);gap:28px}.sun-intro{max-width:550px;font-size:18px}.sun-offices{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}.sun-bottom>p{font-size:18px}}
@media(max-width:600px){.follow-sun{padding:32px 20px;margin-top:38px}.sun-offices{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.sun-offices>div{padding:18px 0;border-bottom:1px solid #64708d}.sun-offices>div:last-child{border-bottom:0}.sun-offices strong{margin-top:6px}.follow-sun h2,.sun-offices strong,.sun-bottom h3,.sun-bottom .textlink{overflow-wrap:anywhere}.sun-bottom>p{font-size:17px}}

/* Project-specific proprietary automation, supplied by the user. */
.automation-section{padding:86px 0 0}.automation-section h2 em{font-family:Georgia,serif;font-weight:400}.automation-section .intro{grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}
.automation-steps{list-style:none;padding:0;margin:46px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.automation-steps li{border-top:2px solid #b9a56e;padding-top:24px;min-width:0}.automation-steps .number{color:var(--muted);margin-bottom:24px}.automation-steps p{font-size:15px;line-height:1.75;color:var(--muted);margin-top:16px}
.service-automation{padding:0 0 65px;scroll-margin-top:28px}.service-automation h2{margin-top:24px}.automation-lead{max-width:750px;font-size:18px;line-height:1.75;color:var(--muted);margin-top:26px}.automation-bridge{margin-top:38px;padding-top:25px;border-top:1px solid var(--line);font-size:16px;line-height:1.75;color:var(--muted)}
@media(max-width:850px){.automation-section{padding-top:60px}.automation-section .intro{grid-template-columns:minmax(0,1fr)}.automation-steps{gap:24px}.service-automation{padding-top:0}}
@media(max-width:600px){.automation-section{padding-top:48px}.automation-steps{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:34px}.automation-steps h3,.automation-steps .number{overflow-wrap:anywhere}.service-automation{padding-top:0;padding-bottom:48px}.automation-lead{font-size:17px}}

.automation-hero h1{margin-top:28px}.automation-hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}.automation-hero-bottom .lead{max-width:640px}.automation-hero-bottom .button{margin-bottom:4px}
.automation-premise,.automation-outcome{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:60px;padding:65px 0;border-top:1px solid var(--line)}
.automation-premise p,.automation-outcome p{font-size:17px;line-height:1.8;color:var(--muted);margin-top:24px;max-width:740px}
.automation-build{padding:65px 0;border-top:1px solid var(--line)}.section-heading h2{margin-top:24px}.section-heading em,.automation-collaboration em{font-family:Georgia,serif;font-weight:400}
.automation-detail-list{list-style:none;padding:0;margin:45px 0 0}.automation-detail-list li{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:60px;padding:32px 0;border-top:1px solid var(--line)}.automation-detail-list .number{margin:8px 0}.automation-detail-list p{max-width:700px;color:var(--muted);font-size:16px;line-height:1.8;margin-top:18px}
.automation-collaboration{background:var(--ink);color:var(--paper);padding:58px 52px;margin:20px 0 75px}.automation-collaboration h2{margin-top:24px}.collaborator-list{display:flex;flex-wrap:wrap;gap:20px 44px;margin:35px 0;padding:26px 0;border-block:1px solid #64708d;font-size:22px}.automation-collaboration-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.automation-collaboration-copy p{font-size:17px;line-height:1.8;color:#d0d5df}
@media(max-width:850px){.nav{gap:20px}.automation-hero-bottom,.automation-premise,.automation-outcome{grid-template-columns:minmax(0,1fr);gap:28px}.automation-hero-bottom .button{justify-self:start}.automation-detail-list li{grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:30px}.automation-collaboration{padding:40px 30px}.automation-collaboration-copy{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:600px){.automation-premise,.automation-outcome,.automation-build{padding:48px 0}.automation-detail-list li{grid-template-columns:minmax(0,1fr);gap:20px}.automation-detail-list h3,.collaborator-list span{overflow-wrap:anywhere}.automation-collaboration{padding:32px 20px;margin:0 0 48px}.collaborator-list{display:grid;grid-template-columns:minmax(0,1fr);font-size:21px;gap:18px}.automation-collaboration-copy p{font-size:16px}.automation-hero h1{font-size:clamp(48px,12vw,68px)}}

/* Bespoke visual production systems: diagrams, not product UI. */
.visual-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:55px;padding:64px 0 76px}.visual-hero h1{font-size:clamp(58px,6.5vw,94px)}.visual-hero .lead{max-width:490px}.visual-hero .button{margin-top:32px}
.workflow-art{position:relative;min-height:480px;background:#172344;color:var(--paper);display:grid;place-items:center;isolation:isolate;overflow:hidden}
.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:38px 38px;z-index:-1}
.art-orbit{position:absolute;border:1px solid #64708d;border-radius:50%;width:76%;aspect-ratio:1;transform:rotate(-25deg);z-index:-1}.orbit-two{width:97%;height:46%;transform:rotate(-30deg);border-color:#e4bb5166}
.art-center{padding:25px;width:200px;aspect-ratio:1;border:1px solid #e4bb51;background:#202f54;box-shadow:0 0 80px #e4bb5115;text-align:center;display:grid;place-content:center}.art-center svg{width:65px;height:65px;margin:auto;color:var(--accent)}.art-center span{font-size:17px;line-height:1.4}.art-center strong{font-weight:400;color:#efd07c}.art-label{position:absolute;font-size:12px;padding:12px 15px;background:#172344;border:1px solid #64708d;display:flex;gap:9px;align-items:center}.art-input{top:35px;left:24px}.art-tools{top:100px;right:18px}.art-people{bottom:90px;left:18px}.art-output{bottom:35px;right:24px}.art-dot{width:5px;height:5px;background:#e4bb51;border-radius:50%;flex-shrink:0}.art-foot{position:absolute;bottom:12px;left:18px;font:8px/1.4 'Courier New',monospace;letter-spacing:.12em;color:#bac3d8}
.workflow-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:42px 0}
.flow-node{position:relative;background:#eeede6;padding:28px 23px;min-width:0}.flow-node:after{content:'→';position:absolute;right:-13px;top:45%;z-index:1;display:grid;place-items:center;background:var(--paper);width:25px;height:25px;border-radius:50%;font-size:17px}.flow-node:last-child:after{display:none}.flow-index{font:10px/1.5 'Courier New',monospace;letter-spacing:.05em;text-transform:uppercase;display:block}.flow-node svg{display:block;width:58px;height:58px;margin:24px 0;stroke:currentColor;stroke-width:1.5;fill:none}.flow-node h3{font-size:23px;line-height:1.15}.flow-node p{font-size:13px;line-height:1.6;margin-top:12px;color:var(--muted)}.flow-core{background:var(--ink);color:var(--paper)}.flow-core svg{color:#e4bb51}.flow-core p{color:#d0d5df}
.automation-build .automation-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 60px;margin-top:50px}.automation-build .automation-detail-list li{display:block;padding:24px 0}.automation-detail-list .number{margin:0 0 20px}.automation-detail-list h3{font-size:28px}.automation-detail-list p{font-size:15px}
.automation-premise{padding:60px 0}.automation-collaboration{position:relative}.people-connector{height:36px;border-top:1px solid #64708d;display:flex;justify-content:space-around;margin-top:42px}.people-connector i{width:11px;height:11px;border:1px solid #e4bb51;background:#172344;border-radius:50%;margin-top:-6px}.collaborator-list{margin-top:0;border-top:0;padding-top:0}
.sun-visual{margin:40px 0 0}.sun-visual svg{width:100%;height:auto;display:block}.sun-visual figcaption{display:flex;justify-content:space-between;gap:16px;color:#d0d5df;font:10px/1.6 'Courier New',monospace;text-transform:uppercase;letter-spacing:.05em}.sun-offices{margin-top:26px}.sun-route{animation:route-drift 24s linear infinite}@keyframes route-drift{to{stroke-dashoffset:-130}}.home-automation .workflow-map{margin-bottom:0}
@media(max-width:1000px){.visual-hero{gap:30px}.workflow-art{min-height:440px}.art-center{width:160px}.art-label{font-size:11px;padding:10px}.workflow-map{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-node:nth-child(2):after{display:none}}
@media(max-width:700px){.visual-hero{grid-template-columns:minmax(0,1fr);gap:36px}.visual-hero h1{font-size:clamp(52px,12vw,76px)}.workflow-art{min-height:420px}.automation-build .automation-detail-list{grid-template-columns:minmax(0,1fr);gap:12px}.sun-visual figcaption{display:block}.sun-visual figcaption span{display:block;margin-top:5px}.people-connector{display:none}}
@media(max-width:600px){.visual-hero{padding:44px 0 48px}.workflow-art{min-height:410px}.art-label{position:relative;inset:auto;padding:10px;font-size:12px;max-width:100%;overflow-wrap:anywhere}.workflow-art{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px;padding:28px 15px 45px}.art-center{flex-basis:100%;width:auto;aspect-ratio:auto;background:transparent;border:0;box-shadow:none;padding:20px}.art-center span{font-size:20px}.art-center svg{width:72px;height:72px}.art-foot{font-size:8px;max-width:calc(100% - 36px)}.workflow-map{grid-template-columns:minmax(0,1fr)}.flow-node{padding:26px}.flow-node:after{content:'↓';top:auto;bottom:-13px;right:calc(50% - 12px)}.flow-node:nth-child(2):after{display:grid}.flow-node:last-child:after{display:none}.flow-node h3,.flow-node p,.flow-index{overflow-wrap:anywhere}.flow-node svg{float:right;margin:4px 0 20px 15px;width:46px;height:46px}.flow-node h3{margin-top:20px;clear:both}.art-orbit{width:85%}.orbit-two{height:60%}.sun-visual{margin-top:25px}.sun-offices{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.sun-offices strong{font-size:20px}.sun-offices span{overflow-wrap:anywhere}.sun-offices>div:last-child{border-bottom:1px solid #64708d}.sun-offices>div{min-width:0}.sun-visual svg{min-height:120px}.automation-build .section-heading h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.sun-route{animation:none}}
.flow-node:after{color:var(--ink)}
@media(max-width:700px){.automation-collaboration .collaborator-list{margin-top:28px}}

/* Expanded deep-blue presence, requested 26 October. */
.header{background:var(--ink);color:var(--paper);min-height:112px;height:auto;padding:25px 28px;border-bottom:0;gap:24px}.header .nav .contact-link{border-color:#b9c3d8}.header .menu{border-color:#b9c3d8;color:var(--paper)}.header a:focus-visible,.header button:focus-visible{outline-color:#efd07c}
body[data-page="home"] .hero{background:var(--ink);color:var(--paper);margin-top:20px;padding:62px 42px}.hero .eyebrow{color:#d0d5df}body[data-page="home"] .hero .lead{color:#d0d5df}body[data-page="home"] .hero .button{background:#e4bb51;color:var(--ink)}body[data-page="home"] .hero .button:hover{background:#f0cf7c}.market-comparison{margin-top:20px}
.automation-premise{background:var(--ink);color:var(--paper);padding:52px 42px;border:0;margin-bottom:24px}.automation-premise p{color:#d0d5df}.automation-premise .eyebrow{color:#efd07c}.automation-outcome{background:#e5e9f0;padding:52px 42px;border-top:3px solid var(--ink)}
body[data-page="services"] .subhero,body[data-page="about"] .subhero,body[data-page="contact"] .subhero{background:var(--ink);color:var(--paper);padding:58px 42px;margin:20px 0 50px}body[data-page="services"] .subhero .lead,body[data-page="about"] .subhero .lead{color:#d0d5df}
.process article{border-top:3px solid var(--ink)}.process .number{color:var(--ink)}.service-row .number{background:var(--ink);color:var(--paper);padding:9px 8px;align-self:start;width:fit-content}
.footer{background:var(--ink);color:var(--paper);padding:42px 32px 24px;margin-bottom:24px}.footer small{color:#d0d5df;border-color:#64708d}.footer a:focus-visible{outline-color:#efd07c}.cities{border-bottom:0;padding-block:30px}
@media(max-width:850px){.header{padding:24px 20px;gap:18px}.nav{gap:18px}.nav .contact-link{padding:12px 16px}body[data-page="home"] .hero{padding:48px 30px}.automation-premise,.automation-outcome{padding:40px 30px}}
@media(max-width:600px){.header{padding:20px 16px;min-height:90px;gap:14px}.header .nav{left:0;right:0;background:var(--ink);border-color:#64708d;padding:24px 20px}.header .brand{font-size:34px}.header .brand span{letter-spacing:3px}.header .menu{padding:10px 14px}.header .nav .contact-link{padding:0}body[data-page="home"] .hero{padding:36px 22px;margin-top:14px}.hero h1{overflow-wrap:anywhere}body[data-page="home"] .hero h1{font-size:clamp(44px,11vw,62px)}.market-comparison{margin-top:14px}.automation-premise,.automation-outcome{padding:32px 22px}body[data-page="services"] .subhero,body[data-page="about"] .subhero,body[data-page="contact"] .subhero{padding:38px 22px;margin:14px 0 38px}.footer{padding:34px 22px 22px}.header .nav a{overflow-wrap:anywhere}}

/* Illustrative automation examples */
.demo-showcase{padding:70px 0;border-top:1px solid var(--line)}.demo-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin:24px 0 32px}.demo-intro p{color:#566176;font-size:16px;line-height:1.65}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.demo-card{padding:28px;text-decoration:none;display:flex;flex-direction:column;min-width:0;border:1px solid #b7c2ce;color:#172344}.demo-card h3{font-size:29px;line-height:1.12;margin-bottom:18px}.demo-card p{font-size:14px;line-height:1.65;margin-bottom:28px}.demo-campaign{background:#172344;color:#f5f3ec}.demo-audio{background:#dbeae6}.demo-graphics{background:#e9dfc4}.demo-link{margin-top:auto;font-size:13px;text-decoration:underline;text-underline-offset:5px}.demo-shapes{height:85px;display:flex;align-items:center;gap:12px;margin:25px 0}.demo-shapes i{height:52px;width:40px;border:1px solid currentColor;transform:rotate(-7deg)}.demo-audio .demo-shapes i{width:12px;background:#295e5c;border:0;transform:none;height:40px}.demo-audio .demo-shapes i:nth-child(even){height:70px}.demo-graphics .demo-shapes i{width:60px;height:50px;border:2px solid #172344;transform:none}.demo-graphics .demo-shapes i:last-child{width:42px;height:70px}.demo-disclaimer{margin-top:20px;font-size:12px;line-height:1.6;color:#566176}.demo-card:hover .demo-link{text-decoration-thickness:2px}@media(max-width:800px){.demo-intro,.demo-grid{grid-template-columns:1fr}.demo-intro{gap:24px}.demo-showcase{padding:45px 0}.demo-card{padding:24px}.demo-card h3,.demo-card p,.demo-link{overflow-wrap:anywhere}}