@font-face{font-family:Space;src:url('assets/space-grotesk.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:Plex;src:url('assets/ibm-plex-mono.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#181a19;--ink:#eeeae2;--muted:#b8b7b0;--line:#484940;--blue:#cfb183;--soft:#222521;--diagram:#1c1f1c;--inverse:#181a19;--font:Space,Arial,sans-serif;--mono:Plex,'Courier New',monospace;color-scheme:dark}
:root[data-theme=dark]{--paper:#181a19;--ink:#eeeae2;--muted:#b8b7b0;--line:#484940;--blue:#cfb183;--soft:#222521;--diagram:#1c1f1c;--inverse:#181a19;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--font);-webkit-font-smoothing:antialiased}button,a,input{touch-action:manipulation}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}p,h1,h2,h3,figure{margin:0}button{border-radius:0}a,button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:var(--paper)}[hidden]{display:none!important}.page-shell{max-width:1536px;margin:auto;padding:0 64px}.mono,.eyebrow,.section-index{font:400 .75rem/1.6 var(--mono);letter-spacing:.045em}.eyebrow,.section-index{text-transform:uppercase}.skip-link{position:fixed;left:20px;top:-100px;background:var(--ink);color:var(--paper);padding:12px 20px;z-index:100}.skip-link:focus{top:12px}
.masthead{min-height:102px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.horse-mark{position:relative;display:block;width:42px;aspect-ratio:1;overflow:hidden;mix-blend-mode:multiply;flex-shrink:0}.horse-mark img{position:absolute;width:685.714%;max-width:none;height:auto;left:-96.4286%;top:-278.5714%}:root[data-theme=dark] .horse-mark{filter:grayscale(1) invert(1) contrast(1.6);mix-blend-mode:screen}.brand-type{font-size:1.16rem;line-height:1.15;font-weight:700;letter-spacing:.04em}.brand-type>span{display:block;font-size:.75rem;letter-spacing:.42em;margin-top:4px;font-weight:500}.navigation{display:flex;gap:30px;margin-left:auto}.navigation a,.contact-nav{font-size:.875rem}.navigation a{padding:12px 0;position:relative}.navigation a:after{content:'';position:absolute;bottom:6px;left:0;width:100%;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}.navigation a:hover:after{transform:scaleX(1)}.header-tools{display:flex;align-items:center;gap:18px}.contact-nav{padding:9px 19px;border:1px solid var(--line);transition:background .2s}.contact-nav:hover{background:var(--soft)}.theme-toggle{display:grid;place-items:center;background:none;border:0;width:44px;height:44px}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:11px}.menu-toggle span{display:block;width:22px;height:1px;background:currentColor;margin:6px 0}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 0 25px}.mobile-nav a{display:block;padding:12px 16px}
.hero{padding-top:30px}.hero-kicker{display:flex;align-items:center;justify-content:space-between}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted)}.little-square{height:6px;width:6px;background:var(--blue)}.hero-coordinate{color:var(--muted);font-size:.75rem}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:22px;align-items:center;min-height:580px;padding:54px 0 66px}.hero-copy{padding:10px 0}h1{font-weight:500;font-size:clamp(3.8rem,6.35vw,6.6rem);line-height:1.025;letter-spacing:-.067em;margin-bottom:29px}h1>span{color:var(--blue)}.hero-lead{font-size:1.15rem;margin-bottom:11px;letter-spacing:-.02em}.hero-description{max-width:440px;color:var(--muted);font-size:1rem;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:31px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--ink);font-size:.875rem;line-height:1.5;min-height:50px;transition:background .2s,color .2s}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:var(--blue);border-color:var(--blue)}.text-link{font-size:.875rem;border-bottom:1px solid var(--line);padding:8px 0}.text-link:hover{border-color:var(--blue)}.system-figure{width:100%;padding-left:12px;color:var(--blue)}.figure-top{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:var(--muted);margin:0 10px 10px}.system-diagram{display:block;width:100%;height:auto;overflow:visible}.construction{opacity:.3}.diagram-lines{opacity:.75}.diagram-node rect{fill:var(--paper);stroke:var(--blue);stroke-width:1}.diagram-text{fill:var(--blue);font:12px var(--mono)}.diagram-core rect{fill:var(--paper);stroke:var(--blue);stroke-width:1.5}.diagram-core circle{fill:var(--soft);stroke:var(--blue);stroke-width:.5}.diagram-core text{fill:var(--blue);font:500 36px var(--font);letter-spacing:-2px}.diagram-label{fill:var(--muted);font:12px var(--mono);letter-spacing:.6px}.signal{fill:var(--blue);animation:signal-breathe 4s ease-in-out infinite}.crosshairs{opacity:.7}.system-figure figcaption{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin:5px 12px 0}.hero-foot{border-top:1px solid var(--line);padding:20px 0 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted)}.hero-foot .mono{font-size:.75rem}.hero-foot a{color:var(--ink)}.hero-foot a span{margin-left:22px;font-size:1.2rem}.deployment-tags{display:flex;gap:8px;font-size:.75rem}.deployment-tags span{border:1px solid var(--line);padding:1px 12px;border-radius:30px}
.section{border-top:1px solid var(--line);padding:92px 0}.section-index{color:var(--muted);margin-bottom:35px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:56px}h2{font-size:clamp(2.5rem,4.1vw,4.4rem);font-weight:500;letter-spacing:-.055em;line-height:1.08}.section-heading>p{max-width:425px;line-height:1.75;color:var(--muted);padding-bottom:5px}.solutions-grid{display:grid;grid-template-columns:.65fr 1fr;gap:100px}.solution-intro{padding-top:28px;max-width:320px}.small-label{color:var(--blue)}.solution-intro>p{font-size:1.4rem;line-height:1.55;margin-top:23px;letter-spacing:-.03em}.intro-rule{width:44px;height:1px;background:var(--blue);margin:34px 0 24px}.solution-intro>.mono:last-child{font-size:.75rem;color:var(--muted)}details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}.solution{border-top:1px solid var(--line)}.solution:last-child{border-bottom:1px solid var(--line)}.solution summary{display:flex;align-items:center;gap:22px;padding:23px 0}.solution-num{font:.75rem var(--mono);color:var(--muted)}.solution h3{font-size:1.14rem;font-weight:500;letter-spacing:-.03em}.expand-icon{position:relative;display:block;width:14px;height:14px;margin-left:auto;flex-shrink:0}.expand-icon:before,.expand-icon:after{content:'';height:1px;width:12px;background:currentColor;position:absolute;top:6px;left:1px}.expand-icon:after{transform:rotate(90deg);transition:transform .2s}details[open]>summary .expand-icon:after{transform:rotate(0)}.solution-body{padding:0 32px 28px 40px}.solution-body>p{color:var(--muted)}.use-case{border-left:2px solid var(--blue);padding-left:16px;margin:24px 0}.use-case>.mono{font-size:.75rem;color:var(--blue)}.use-case p{margin-top:8px;font-size:.9375rem}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:.75rem;background:var(--soft);padding:3px 10px}
.architecture-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.architecture-tabs button{font:.875rem var(--mono);text-align:left;background:transparent;border:0;border-bottom:2px solid transparent;padding:20px 0;color:var(--muted);position:relative;bottom:-1px}.architecture-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.architecture-tabs button:hover{color:var(--ink)}.architecture-panel{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:52px 0 35px;align-items:center;min-height:480px}.architecture-copy h3{font-size:2rem;font-weight:500;line-height:1.15;letter-spacing:-.04em;margin:19px 0 22px;max-width:390px}.architecture-copy>p{color:var(--muted);max-width:465px}.check-list{padding:0;list-style:none;margin:25px 0;display:grid;gap:10px}.check-list li:before{content:'+';font-family:var(--mono);color:var(--blue);margin-right:14px}.tradeoff{font-size:.875rem;border-top:1px solid var(--line);padding-top:21px;line-height:1.7}.tradeoff strong{font-weight:500;color:var(--ink)}.architecture-visual{background:var(--diagram);border:1px solid var(--line);min-height:370px;padding:24px 35px 21px;color:var(--blue);display:flex;align-items:center;flex-direction:column;justify-content:center}.diagram-heading{font-size:.75rem;text-align:center;margin-bottom:32px}.boundary{border:1px solid var(--blue);position:relative;padding:24px 28px 17px;width:100%;max-width:360px}.boundary-label{position:absolute;top:-10px;left:20px;padding:0 8px;background:var(--diagram);font-size:.75rem}.architecture-endpoints{display:flex;justify-content:center;gap:18px}.architecture-endpoints>span{font-size:.8125rem;border:1px solid var(--line);padding:4px 14px;background:var(--paper)}.vertical-connector{height:26px;width:1px;background:var(--blue);margin:auto}.compute-unit{border:1px solid var(--blue);background:var(--paper);padding:17px;display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center}.compute-unit strong{font-size:1.0625rem;font-weight:500}.compute-unit>.mono{font-size:.75rem;color:var(--muted)}.compute-icon{font:1.25rem var(--mono);letter-spacing:-5px;padding-right:5px}.architecture-bottom{font-size:.75rem;text-align:center;margin-top:15px}.architecture-caption{font-size:.75rem;text-align:center;margin-top:25px;color:var(--muted)}.cloud-boundary{border-style:dashed}.outside-connector{position:relative;height:50px;width:1px;background:var(--blue);flex-shrink:0}.outside-connector span{position:absolute;white-space:nowrap;top:14px;left:12px;font-size:.75rem}.local-endpoint{border:1px solid var(--blue);background:var(--paper);padding:8px 40px;font-size:.875rem}.hybrid-pair{width:100%;display:flex;flex-direction:column;align-items:center}.hybrid-pair .boundary{padding:18px 24px 13px}.hybrid-pair .compute-unit{padding:12px}.hybrid-pair .outside-connector{height:34px}.hybrid-pair .outside-connector span{top:8px}.hybrid-pair+.architecture-caption{margin-top:15px}.infrastructure-note{display:flex;gap:14px;color:var(--muted);font-size:.875rem}.infrastructure-note>span{color:var(--blue);font:1.25rem var(--mono)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px}.step{border-top:1px solid var(--line);padding:26px 24px 0 0;display:flex;align-items:flex-start;flex-direction:column}.step+.step{border-left:1px solid var(--line);padding-left:25px}.step-number{font:400 2.5rem/1 var(--font);color:var(--blue);letter-spacing:-.06em}.step h3{font-size:1.3rem;font-weight:500;margin:35px 0 14px;letter-spacing:-.03em}.step>p{color:var(--muted);font-size:.9375rem;margin-bottom:24px}.step-deliverable{font-size:.75rem;margin-top:auto;padding-top:15px;color:var(--muted)}.principle{margin:10px 0 92px;background:var(--soft);padding:56px;display:grid;grid-template-columns:.5fr 1fr;gap:60px}.principle-brand{display:flex;flex-direction:column;gap:30px}.principle-brand .horse-mark{width:102px}.principle-brand .mono{font-size:.75rem;color:var(--muted)}.principle h2{font-size:clamp(2rem,3.2vw,3.4rem)}.principle p{max-width:580px;color:var(--muted);margin-top:25px}.faq{display:grid;grid-template-columns:.65fr 1fr;gap:100px}.faq h2{font-size:clamp(2.5rem,3.3vw,3.5rem)}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;gap:20px;padding:23px 0;font-size:1.0625rem;font-weight:500;line-height:1.5}.faq-list details>p{color:var(--muted);padding:0 32px 25px 0}.contact{padding-top:86px;padding-bottom:90px}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.contact h2{font-size:clamp(3rem,5vw,5.3rem)}.contact h2 span{color:var(--blue)}.contact-layout>div>p{color:var(--muted);margin-top:26px}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-left:35px}.contact-action>.mono{font-size:.75rem;color:var(--muted)}.contact-address{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}.contact-pending p{color:var(--muted);max-width:360px;margin-bottom:20px}.contact-action .button{padding:16px 28px}footer{border-top:1px solid var(--line);padding:30px 0 38px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-brand{font-weight:500;font-size:1.4rem;letter-spacing:-.065em;margin-right:auto}.footer-brand>span{font-weight:400;color:var(--muted)}footer>.mono{font-size:.75rem;color:var(--muted)}.privacy-trigger,.back-top{font-size:.75rem;color:var(--muted)}.privacy-trigger{border:0;background:transparent;padding:8px}.back-top:hover,.privacy-trigger:hover{text-decoration:underline}dialog{max-width:560px;width:calc(100% - 36px);padding:35px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(5,15,25,.6);backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:var(--muted)}.dialog-top .mono{font-size:.75rem}.dialog-close{background:transparent;border:0;width:44px;height:44px;font-size:1.75rem}.dialog-top+ h2{font-size:2.5rem;margin-bottom:25px}dialog p{margin:15px 0;color:var(--muted)}.dialog-done{margin-top:15px}
@keyframes signal-breathe{0%,100%{opacity:1}50%{opacity:.2}}
@media(min-width:1600px){.hero-grid{min-height:650px}}@media(max-width:1100px){.page-shell{padding:0 38px}.masthead{gap:25px}.navigation{gap:20px}.header-tools{gap:10px}.hero-grid{gap:10px;min-height:540px}h1{font-size:5.9vw}.hero-actions{gap:15px}.hero-actions .button{padding:12px 17px}.hero-actions .text-link{font-size:.8125rem}.hero-coordinate{display:none}.hero-foot>.mono:first-child{max-width:210px}.solutions-grid,.faq{gap:55px}.architecture-panel{gap:45px}.architecture-visual{padding:24px}.step{padding-right:18px}.step+.step{padding-left:18px}.step-deliverable{font-size:.75rem}.principle{padding:40px;gap:35px}.contact-action{padding-left:0}}
@media(max-width:800px){.page-shell{padding:0 25px}.masthead{min-height:84px;gap:15px}.navigation{display:none}.header-tools{margin-left:auto;gap:3px}.menu-toggle{display:block}.brand-type{font-size:1.05rem}.brand-type>span{font-size:.75rem}.brand .horse-mark{width:36px}.contact-nav{font-size:.8125rem;padding:8px 12px}.hero{padding-top:24px}.hero-grid{grid-template-columns:1fr;gap:30px;padding:45px 0 34px}.hero-copy{max-width:620px}h1{font-size:clamp(3.8rem,9.5vw,5.8rem);margin-bottom:24px}.hero-lead{font-size:1.1rem}.hero-description{max-width:500px}.hero-actions{margin-top:25px;gap:24px}.system-figure{max-width:540px;margin:16px auto 0;padding-left:0}.hero-foot{flex-wrap:wrap}.hero-foot>.mono:first-child{max-width:none}.hero-foot>a{display:none}.section{padding:65px 0}.section-index{margin-bottom:26px}.section-heading{gap:28px;margin-bottom:40px}.section-heading>p{font-size:.9375rem}.solutions-grid{grid-template-columns:1fr;gap:32px}.solution-intro{display:none}.solution h3{font-size:1.15rem}.architecture-panel{gap:35px;grid-template-columns:1fr 1fr;align-items:start}.architecture-copy h3{font-size:1.7rem}.architecture-copy>.small-label{font-size:.75rem}.architecture-visual{padding:23px 16px;margin-top:6px}.boundary{padding:22px 13px 15px}.architecture-endpoints{gap:9px}.architecture-endpoints>span{padding:3px 9px}.architecture-caption{font-size:.75rem}.steps{grid-template-columns:1fr 1fr;gap:35px 0;margin-top:35px}.step:nth-child(3){border-left:0;padding-left:0}.step h3{margin-top:25px}.step-deliverable{font-size:.75rem}.principle{grid-template-columns:1fr;padding:32px;margin:0 0 65px;gap:27px}.principle-brand{flex-direction:row;align-items:center;gap:20px}.principle-brand .horse-mark{width:65px}.faq{grid-template-columns:.55fr 1fr;gap:30px}.contact-layout{gap:40px}.contact h2{font-size:3.4rem}.contact-action .button{padding:15px 20px}footer{gap:16px}.footer-brand{width:100%}footer>.mono{margin-right:auto}}
@media(max-width:540px){html{scroll-padding-top:100px}.page-shell{padding:0 20px}.masthead{min-height:80px}.brand{gap:9px}.brand-type{font-size:.97rem}.brand-type>span{font-size:.75rem;letter-spacing:.34em}.header-tools .contact-nav{display:none}.theme-toggle{width:40px}.menu-toggle{width:40px}.eyebrow{font-size:.75rem}.hero-grid{padding-top:35px;gap:24px}h1{font-size:clamp(3rem,11.8vw,4.2rem);letter-spacing:-.065em}.hero-lead{font-size:1.0625rem;max-width:295px}.hero-description{font-size:.9375rem}.hero-actions{gap:17px;align-items:flex-start;flex-direction:column;margin-top:24px}.hero-actions .button{padding:13px 20px}.hero-actions .text-link{font-size:.875rem}.system-figure{margin-top:14px}.figure-top{font-size:.75rem;gap:10px}.system-figure figcaption{font-size:.75rem}.hero-foot{gap:14px;padding-bottom:22px}.hero-foot>.mono:first-child{font-size:.75rem}.deployment-tags span{font-size:.75rem;padding:1px 10px}.section{padding:53px 0}.section-index{font-size:.75rem;margin-bottom:24px}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:32px}h2{font-size:2.65rem;letter-spacing:-.055em}.section-heading>p{font-size:1rem}.section-heading>p>br{display:none}.solution summary{gap:15px;padding:21px 0}.solution h3{font-size:1.0625rem;line-height:1.35}.solution-body{padding:0 6px 25px 30px}.solution-body>p{font-size:.9375rem}.solution-num{font-size:.75rem}.architecture-tabs button{font-size:.75rem;padding:18px 0}.architecture-panel{grid-template-columns:1fr;gap:27px;padding-top:30px}.architecture-copy h3{font-size:2rem;max-width:310px}.architecture-visual{padding:27px;min-height:370px}.architecture-caption{font-size:.75rem}.infrastructure-note{font-size:.875rem;align-items:baseline}.step-number{font-size:2rem}.step h3{font-size:1.15rem}.step p{font-size:.875rem;line-height:1.7}.step{padding-right:16px}.step+.step{padding-left:16px}.step:nth-child(3){padding-left:0}.step-deliverable{font-size:.75rem}.principle{padding:27px 24px;margin-bottom:53px}.principle h2{font-size:2.1rem}.principle p{font-size:.9375rem}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:2.65rem}.faq h2 br{display:none}.faq-list summary{font-size:1rem}.contact-layout{grid-template-columns:1fr;gap:38px}.contact h2{font-size:3.2rem}.contact-action{gap:19px}.contact-layout>div>p{font-size:.9375rem}.contact{padding-bottom:60px}footer{padding:26px 0;gap:14px}footer>.mono{width:100%;font-size:.75rem}.privacy-trigger{padding-left:0}.back-top{margin-left:auto}.footer-brand{font-size:1.5rem}dialog{padding:25px}.dialog-top+h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.masthead{position:static}.navigation,.header-tools,.hero-actions,.hero-foot a,.theme-toggle,.contact-action,.privacy-trigger,.back-top{display:none}.page-shell{padding:0 24px}.section{padding:30px 0}.hero-grid{min-height:0}.hero{padding-top:20px}.architecture-panel{min-height:0}.principle{margin-bottom:30px}.step,.principle,details{break-inside:avoid}body{background:#fff;color:#111}}

.brief-link{background:none;border:0;border-bottom:1px solid var(--line);padding:6px 0;font-size:.875rem;color:var(--muted)}.brief-link:hover{color:var(--blue)}
@media(max-width:540px){.diagram-text,.diagram-label{display:none}.diagram-core text{font-size:42px}.figure-top>span:first-child{max-width:230px}.hero-kicker .eyebrow{font-size:.75rem}}

/* Atlas: the approved charcoal, brass and engineering-notebook direction. */
body {
  background-image: radial-gradient(ellipse at 72% 10%, #cfb18305, transparent 55%);
}
.page-shell { max-width: 1600px; padding: 0 4.2%; }
.masthead { min-height: 92px; background: var(--paper); }
.brand-type { font-size: 1.3rem; letter-spacing: .13em; }
.brand-type > span { font-size: .75rem; letter-spacing: .48em; }
.brand .horse-mark { width: 47px; }
.navigation { gap: 36px; }
.contact-nav { border-color: var(--blue); padding: 10px 23px; }
.theme-toggle { color: var(--muted); }
.hero { padding-top: 44px; }
.hero-kicker .eyebrow { font-size: .75rem; letter-spacing: .22em; }
.hero-grid {
  grid-template-columns: 1fr 1.04fr;
  gap: 12px;
  min-height: 474px;
  padding: 24px 0 38px;
}
.hero-copy { position: relative; z-index: 1; padding: 0; }
h1 { font-size: clamp(3.5rem, 6.65vw, 6.75rem); line-height: 1; letter-spacing: -.065em; margin-bottom: 25px; }
.hero-description { max-width: 610px; font-size: clamp(1.05rem, 1.5vw, 1.4rem); line-height: 1.4; }
.hero-actions { gap: 32px; margin-top: 31px; }
.button { font-size: 1rem; padding: 13px 25px; }
.button-primary { background: var(--blue); border-color: var(--blue); color: var(--paper); font-weight: 500; }
.button-primary:hover { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.text-link { font-size: .9375rem; border-bottom-color: var(--muted); }
.system-figure { padding: 0; margin: -35px 0 0; width: 100%; }
.atlas-art { display: block; width: 100%; height: auto; overflow: hidden; }
.atlas-neural { aspect-ratio: 792 / 455; }
:root[data-theme=dark] .atlas-art { mix-blend-mode: lighten; }

.atlas-neural {
  mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent);
}
.system-figure figcaption { display: block; text-align: right; font-size: .6875rem; letter-spacing: .14em; margin: 10px 20px 0 0; }
.hero-foot { padding: 19px 0; }
.hero-foot > .mono { letter-spacing: .23em; }
.deployment-tags { gap: 0; margin-left: auto; font-family: var(--mono); text-transform: uppercase; letter-spacing: .2em; }
.deployment-tags span { padding: 0 24px; border: 0; border-radius: 0; }
.deployment-tags span + span { border-left: 1px solid var(--line); }
.deployment-tags span:last-child { padding-right: 0; }
.section-index { letter-spacing: .2em; color: var(--blue); }
.solutions { padding: 40px 0 68px; }
.solutions .section-index { margin-bottom: 24px; }
.solutions-grid { grid-template-columns: 1.2fr 1fr; gap: 42px; align-items: start; }
.solutions-story { display: grid; grid-template-columns: .54fr 1fr; gap: 15px; align-items: center; min-width: 0; }
.atlas-server { aspect-ratio: 320 / 285; opacity: .8; }
.solutions-copy h2 { font-size: clamp(2rem, 3.25vw, 3.25rem); line-height: 1.08; }
.solutions-copy > p { color: var(--muted); margin-top: 19px; max-width: 360px; font-size: 1.0625rem; }
.solutions-copy .small-label { display: block; margin-top: 30px; font-size: .6875rem; letter-spacing: .1em; color: var(--muted); }
.solution summary { min-height: 83px; gap: 22px; padding: 22px 0; }
.solution-num { color: var(--blue); padding: 7px 19px 7px 0; border-right: 1px solid var(--line); font-size: .875rem; }
.solution h3 { font-size: clamp(1rem, 1.43vw, 1.4rem); line-height: 1.3; }
.solution-body { padding-left: 61px; padding-right: 24px; }
.expand-icon { color: var(--blue); width: 20px; height: 20px; }
.expand-icon:before, .expand-icon:after { width: 18px; top: 9px; }
.tags span, .use-case p, .step > p { font-size: 1rem; }
.architecture-visual { background-image: linear-gradient(#cfb18306 1px, transparent 1px), linear-gradient(90deg, #cfb18306 1px, transparent 1px); background-size: 24px 24px; }
.architecture-tabs button { padding: 22px 0; }
.architecture-copy > p, .tradeoff, .infrastructure-note { font-size: 1rem; }
.principle { background: var(--soft); border: 1px solid var(--line); }
.contact-address { font-size: 1.125rem; border-bottom: 1px solid var(--line); padding-bottom: 3px; }
.brief-link, .privacy-trigger, .back-top { font-size: .875rem; }
dialog::backdrop { background: #10120ed9; }

@media (min-width: 1600px) {
  .page-shell { padding: 0 64px; }
  .hero-grid { min-height: 510px; }
}
@media (max-width: 1200px) {
  .masthead { gap: 25px; }
  .navigation { gap: 22px; }
  .hero-actions { gap: 17px; }
  .hero-actions .text-link { font-size: .875rem; }
  .hero-foot > .mono:first-child { max-width: none; font-size: .6875rem; letter-spacing: .12em; }
  .solutions-grid { gap: 35px; }
  .solutions-story { grid-template-columns: .4fr 1fr; gap: 12px; }
  .solution summary { gap: 15px; }
  .solution-num { padding-right: 15px; }
  .solution-body { padding-left: 48px; }
}
@media (max-width: 1000px) and (min-width: 801px) {
  .brand-type { font-size: 1.05rem; }
  .brand .horse-mark { width: 38px; }
  .navigation { gap: 17px; }
  .contact-nav { padding: 8px 16px; }
  .masthead { gap: 20px; }
  .solutions-story { display: block; position: relative; }
  .atlas-server { width: 155px; margin-top: 25px; opacity: .5; }
  .solutions-copy { margin-top: -163px; position: relative; padding-bottom: 150px; }
  .solutions-copy .small-label { display: none; }
}
@media (max-width: 800px) {
  .page-shell { padding: 0 25px; }
  .masthead { min-height: 84px; gap: 12px; }
  .brand-type { font-size: 1.15rem; }
  .brand .horse-mark { width: 39px; }
  .hero { padding-top: 32px; }
  .hero-grid { grid-template-columns: 1fr; gap: 25px; padding: 33px 0 26px; min-height: 0; }
  h1 { font-size: clamp(3.5rem, 10.7vw, 5.5rem); max-width: 650px; }
  .hero-description { max-width: 575px; font-size: 1.125rem; line-height: 1.55; }
  .hero-actions { gap: 27px; }
  .system-figure { margin: 0 auto; max-width: 660px; }
  .system-figure figcaption { font-size: .6875rem; margin: 7px 0 0; }
  .hero-foot { gap: 16px; }
  .deployment-tags span { padding: 0 17px; }
  .deployment-tags span:first-child { padding-left: 0; }
  .solutions-grid { grid-template-columns: 1fr; gap: 30px; }
  .solutions-story { grid-template-columns: 145px 1fr; gap: 23px; }
  .solutions-copy h2 { font-size: 2.6rem; }
  .solutions-copy .small-label { margin-top: 17px; }
  .solution h3 { font-size: 1.125rem; }
  .solution summary { min-height: 77px; }
  .architecture-panel { grid-template-columns: 1fr; }
  .architecture-copy h3, .architecture-copy > p { max-width: 560px; }
  .architecture-visual { max-width: 600px; width: 100%; margin: 0 auto; }
}
@media (max-width: 540px) {
  .page-shell { padding: 0 20px; }
  .masthead { min-height: 80px; }
  .brand-type { font-size: .97rem; letter-spacing: .08em; }
  .brand-type > span { letter-spacing: .35em; }
  .brand .horse-mark { width: 35px; }
  .hero-kicker .eyebrow { font-size: .625rem; letter-spacing: .13em; line-height: 1.8; max-width: 300px; }
  .hero-grid { padding-top: 29px; gap: 25px; }
  h1 { font-size: clamp(2.75rem, 11.3vw, 3.85rem); letter-spacing: -.065em; }
  .hero-description { font-size: 1.0625rem; line-height: 1.55; }
  .hero-actions { gap: 13px; margin-top: 26px; }
  .hero-actions .button { padding: 13px 23px; }
  .hero-actions .text-link { font-size: .9375rem; }
  .hero-foot > .mono:first-child { font-size: .625rem; letter-spacing: .09em; }
  .deployment-tags { margin-left: 0; font-size: .6875rem; }
  .system-figure figcaption { font-size: .5625rem; letter-spacing: .06em; }
  .solutions-story { grid-template-columns: 1fr; gap: 15px; }
  .atlas-server { width: 145px; grid-row: 2; margin: 0 auto; }
  .solutions-copy h2 { font-size: 2.5rem; }
  .solutions-copy > p { font-size: 1rem; }
  .solutions-copy .small-label { display: none; }
  .solutions-grid { gap: 10px; }
  .solution summary { gap: 13px; min-height: 80px; }
  .solution h3 { font-size: 1.0625rem; }
  .solution-num { font-size: .75rem; padding-right: 12px; }
  .solution-body { padding: 0 0 25px 0; }
  .solution-body > p, .step p, .principle p, .contact-layout > div > p { font-size: 1rem; }
  .architecture-visual { padding: 25px 16px; }
  .architecture-tabs button { font-size: .6875rem; }
  .steps { grid-template-columns: 1fr; gap: 28px; }
  .step, .step + .step { border-left: 0; padding: 23px 0 0; }
  .step h3 { font-size: 1.4rem; margin: 20px 0 12px; }
  .step > p { margin-bottom: 8px; }
  .step-deliverable { padding-top: 5px; }
}
@media print {
  :root { --paper: #fff; --ink: #111; --muted: #555; --blue: #73542d; --line: #bbb; }
  body { background-image: none; }
  .atlas-art { filter: invert(1) grayscale(1); mix-blend-mode: multiply; }
}

/* Final brand treatment: the original BERGÉ project wordmark, on charcoal. */
.brand { gap: 14px; }
.brand-wordmark {
  display: block;
  width: 226px;
  height: auto;
  aspect-ratio: 864 / 153;
  overflow: hidden;
  filter: grayscale(1) invert(1) contrast(1.6);
  mix-blend-mode: screen;
}
.masthead { min-height: 98px; }
.brand .horse-mark { width: 48px; }
.navigation { margin-left: auto; }
.header-tools { gap: 0; }
.contact-nav { min-height: 44px; display: inline-flex; align-items: center; }
.button { gap: 25px; }
.button > span[aria-hidden] { font-size: 1.25rem; line-height: 1; }
.hero-actions { gap: 28px; }
.hero-actions .button { padding: 14px 22px; }
.system-figure figcaption { font-size: .75rem; letter-spacing: .06em; }
.section-heading > p { font-size: 1.0625rem; }
.solution h3 { font-weight: 400; }
.solution:hover summary, .faq-list details:hover summary { color: var(--blue); }
.architecture-visual { border-color: #cfb18340; }
.principle {
  background: linear-gradient(115deg, #cfb1830c, transparent 65%), var(--soft);
  border-color: #cfb18340;
}
.principle-brand .horse-mark { width: 108px; }
.contact { padding-top: 80px; padding-bottom: 85px; }
.contact-layout { grid-template-columns: 1.1fr 1fr; gap: 65px; align-items: stretch; }
.contact-action { border-left: 1px solid var(--line); padding: 15px 0 15px 55px; justify-content: center; }
.contact-action > .mono { color: var(--blue); letter-spacing: .1em; }
.contact-address { font-size: clamp(1.25rem, 2vw, 1.875rem); color: var(--ink); border-bottom: 0; }
.contact-address:hover { color: var(--blue); }
.brief-link { margin-top: 8px; }
.footer-brand { width: auto; margin-right: auto; }
.footer-brand .brand-wordmark { width: 205px; }
footer { padding: 35px 0 38px; }
dialog a { text-decoration: underline; }
@media (max-width: 1100px) {
  .brand-wordmark { width: 198px; }
  .masthead { gap: 28px; }
  .hero-actions { gap: 19px; }
  .hero-actions .button { padding: 13px 18px; font-size: .9375rem; gap: 12px; }
  .contact-action { padding-left: 35px; }
  .contact-layout { gap: 35px; }
  .solutions-story { display: flex; flex-direction: column; align-items: flex-start; }
  .solutions-copy { order: -1; position: static; margin: 0; padding: 0; }
  .atlas-server { width: 170px; margin: 25px 0 0; opacity: .8; }
}
@media (max-width: 800px) {
  .masthead { min-height: 84px; gap: 15px; }
  .brand-wordmark { width: 210px; }
  .brand .horse-mark { width: 42px; }
  .header-tools { gap: 10px; }
  .hero-actions { gap: 25px; }
  .system-figure figcaption { font-size: .6875rem; }
  .contact-layout { grid-template-columns: 1fr; gap: 32px; }
  .contact-action { border-left: 0; border-top: 1px solid var(--line); padding: 32px 0 0; gap: 19px; }
  .contact-action .button { padding: 14px 22px; }
  .footer-brand { width: 100%; margin-bottom: 5px; }
  .principle-brand .horse-mark { width: 64px; }
}
@media (max-width: 540px) {
  .brand { gap: 10px; }
  .brand-wordmark { width: 187px; }
  .brand .horse-mark { width: 36px; }
  .masthead { min-height: 82px; }
  .hero { padding-top: 29px; }
  .hero-actions { gap: 15px; }
  .hero-actions .button { font-size: 1rem; padding: 14px 21px; gap: 25px; }
  .system-figure { margin-top: 4px; }
  .system-figure figcaption { font-size: .625rem; letter-spacing: 0; }
  .solutions { padding-bottom: 48px; }
  .solutions-story { display: block; position: relative; padding-bottom: 22px; }
  .atlas-server { display: none; }
  .solutions-copy > p { max-width: 290px; }
  .section-heading > p { font-size: 1rem; }
  .contact { padding: 53px 0; }
  .contact-action > .mono { font-size: .6875rem; }
  .contact-address { font-size: 1.625rem; }
  .footer-brand .brand-wordmark { width: 190px; }
}
@media (max-width: 359px) {
  .brand-wordmark { width: 167px; }
  .brand .horse-mark { width: 32px; }
  .brand { gap: 8px; }
  .masthead { gap: 10px; }
}