@font-face{font-family:"Source Sans 3";src:url("../fonts/SourceSans3VF-Upright.ttf.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("../fonts/SourceSans3VF-Italic.ttf.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("../fonts/SourceSerif4Variable-Roman.ttf.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}

:root{
  --black:#000;
  --surface:#050505;
  --surface-2:#0a0a0a;
  --surface-3:#111;
  --line:#292929;
  --line-strong:#4b4b4b;
  --white:#fff;
  --muted:#a9a9a9;
  --royal:#1746d1;
  --green:#39ff88;
  --magenta:#ff2fb3;
  --yellow:#f5ff42;
  --cyan:#24e9ff;
  --violet:#a66bff;
  --orange:#ff8a2b;
  --sans:"Source Sans 3",Arial,sans-serif;
  --serif:"Source Serif 4",Georgia,serif;
  --container:min(1440px,100%);
  --pad:clamp(24px,5vw,80px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);font-size:17px;line-height:1.55}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 65%);z-index:0}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,select{font:inherit}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--white);color:var(--black);padding:12px 18px}
.skip-link:focus{top:16px}
:focus-visible{outline:3px solid var(--white);outline-offset:4px}

.site-header{--header-start-height:92px;--header-end-height:64px;--header-start-pad:18px;--header-end-pad:10px;--brand-start-width:182px;--brand-end-width:142px;position:sticky;top:0;z-index:100;isolation:isolate;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;min-height:var(--header-start-height);padding:var(--header-start-pad) var(--pad);border-bottom:1px solid var(--line);background:rgba(0,0,0,.9);backdrop-filter:blur(18px);transition:min-height .2s ease,padding .2s ease,background-color .2s ease}
.brand img,.footer-brand img{width:182px;height:auto;filter:brightness(0) invert(1)}
.site-header .brand img{width:var(--brand-start-width);transition:width .2s ease}
.site-header.is-compact{min-height:var(--header-end-height);padding-block:var(--header-end-pad);background:rgba(0,0,0,.96)}
.site-header.is-compact .brand img{width:var(--brand-end-width)}
.primary-nav{justify-self:center;display:flex;gap:clamp(20px,3vw,48px);font-size:.86rem;font-weight:650;letter-spacing:.02em}
.primary-nav a,.footer-links a{color:#d6d6d6}
.primary-nav a:hover,.footer-links a:hover{color:var(--white)}
.site-controls{display:flex;align-items:center;gap:8px}
.site-controls select{min-height:44px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface-2);color:var(--white);padding:0 34px 0 12px;cursor:pointer}

.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid var(--white);border-radius:4px;background:var(--white);color:var(--black);font-weight:760;letter-spacing:.015em;transition:transform .2s ease,background-color .2s ease,color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-small{min-height:44px;padding:0 18px;font-size:.88rem}
.button-ghost{background:rgba(0,0,0,.45);color:var(--white);border-color:#737373}

main,.site-footer{position:relative;z-index:1}
.hero{position:relative;min-height:780px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.62fr);align-items:end;gap:40px;padding:clamp(100px,13vw,190px) var(--pad) 72px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 34%,rgba(0,0,0,.12) 72%),linear-gradient(0deg,#000 0%,transparent 35%),url("../images/server-room-hero.png");background-size:cover;background-position:center}
.hero-grid{position:absolute;left:var(--pad);top:70px;width:min(44vw,650px);height:500px;border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.035) 80px)}
.hero-copy{position:relative;max-width:830px;padding-bottom:8px}
.eyebrow{margin:0 0 22px;color:#d4d4d4;font-size:.73rem;font-weight:760;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{max-width:850px;margin-bottom:28px;font-size:clamp(3rem,6.5vw,7rem);line-height:.93;letter-spacing:-.055em;font-weight:650}
.hero-lede{max-width:700px;color:#c7c7c7;font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.5}
.hero-actions{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap}
.orchestration-panel{position:relative;align-self:end;padding:28px;border:1px solid #4b4b4b;background:rgba(5,5,5,.86);box-shadow:0 28px 90px rgba(0,0,0,.55);backdrop-filter:blur(12px)}
.panel-label{font-size:.7rem;letter-spacing:.15em;color:#c7c7c7}
.orchestration-panel ol{list-style:none;padding:0;margin:0}
.orchestration-panel li{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:62px;border-top:1px solid var(--line)}
.orchestration-panel li span{font:600 .72rem/1 var(--sans);color:#858585}
.orchestration-panel li strong{font-size:.96rem}

.section{width:var(--container);margin:0 auto;padding:clamp(84px,10vw,150px) var(--pad);border-bottom:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:.55fr 1.3fr .7fr;gap:40px;align-items:start;margin-bottom:64px}
.section-heading.compact{grid-template-columns:.45fr 1.55fr}
.section-heading h2,.feature-copy h2,.contact-section h2{margin:0;font-size:clamp(2.4rem,4.8vw,5.2rem);line-height:.98;letter-spacing:-.045em;font-weight:620}
.section-heading>p:last-child{color:var(--muted);max-width:420px}

.service-atlas{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-card{min-height:360px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 50%);transition:background .25s ease,transform .25s ease}
.service-card:hover{background:var(--surface-3);transform:translateY(-3px)}
.service-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:58px}
.service-number{font-size:.78rem;color:#8d8d8d;letter-spacing:.12em}
.service-icon{width:48px;height:48px;padding:10px;border:1px solid currentColor;border-radius:4px}
.service-icon svg,.lifecycle-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{font-size:1.36rem;line-height:1.12;letter-spacing:-.02em}
.service-card p{color:var(--muted);font-size:.98rem}
.service-card>a{margin-top:auto;font-size:.83rem;font-weight:700}
.neon-0 .service-icon{color:var(--green)} .neon-1 .service-icon{color:var(--magenta)}
.neon-2 .service-icon{color:var(--yellow)} .neon-3 .service-icon{color:var(--cyan)}
.neon-4 .service-icon{color:var(--violet)} .neon-5 .service-icon{color:var(--orange)}

.lifecycle{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:0;border-top:1px solid var(--white)}
.lifecycle li{position:relative;padding:32px 24px 0 0}
.lifecycle li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--white)}
.lifecycle-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:50px;border:1px solid var(--line-strong)}
.lifecycle-icon svg{width:26px;height:26px}
.lifecycle-number{font-size:.7rem;color:#777}
.lifecycle h3{margin:10px 0;font-size:1.35rem}
.lifecycle p{color:var(--muted);font-size:.91rem}

.methodology-section{display:grid;grid-template-columns:1.15fr .9fr .85fr;gap:clamp(36px,6vw,90px);align-items:center}
.methodology-section h2{font-family:var(--serif);font-size:clamp(2.6rem,4vw,4.7rem);line-height:1.03;font-weight:480;letter-spacing:-.04em}
.check-list{list-style:none;padding:0;margin:40px 0 0}
.check-list li{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line);color:#d2d2d2}
.check-list li>span:first-child{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--line-strong);border-radius:50%;color:var(--royal);font-weight:900}
.system-radial{position:relative;aspect-ratio:1;border:1px solid #383838;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.05),transparent 55%)}
.system-radial::before,.system-radial::after{content:"";position:absolute;inset:18%;border:1px solid #292929;border-radius:50%}
.system-radial::after{inset:36%}
.radial-core{z-index:2;font-size:.72rem;letter-spacing:.16em}
.radial-node{position:absolute;padding:7px 9px;border:1px solid #555;background:#000;font-size:.65rem;letter-spacing:.08em}
.node-one{top:3%;left:45%}.node-two{right:0;top:48%}.node-three{bottom:8%;left:40%}.node-four{left:-3%;top:48%}
.outcomes ul{list-style:none;padding:0;margin:0}
.outcomes li{padding:18px 0;border-top:1px solid var(--line);font-size:1.15rem}

.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.industry-grid li{min-height:180px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.industry-mark{font-size:.72rem;color:var(--cyan)}
.industry-grid li:nth-child(2) .industry-mark{color:var(--yellow)}
.industry-grid li:nth-child(3) .industry-mark{color:var(--orange)}
.industry-grid li:nth-child(4) .industry-mark{color:var(--green)}
.industry-grid li:nth-child(5) .industry-mark{color:var(--magenta)}
.industry-grid li:nth-child(6) .industry-mark{color:var(--violet)}

.editorial-section{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
.feature-panel{position:relative;min-height:610px;padding:36px;display:flex;align-items:flex-end;border:1px solid var(--line);overflow:hidden;background:var(--surface-2)}
.feature-infrastructure::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000 3%,transparent 68%),url("../images/server-room-hero.png") center/cover;filter:saturate(.9)}
.feature-infrastructure::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,rgba(0,0,0,.65))}
.feature-copy{position:relative;z-index:2;max-width:740px}
.feature-copy h2{font-family:var(--serif);font-weight:460}
.feature-copy p:last-child{max-width:550px;color:#c5c5c5}
.feature-workflow{display:grid;align-content:space-between;background:linear-gradient(135deg,#0e0e0e,#030303)}
.workflow-visual{align-self:start;display:flex;align-items:center;gap:10px;width:100%;font-size:.65rem;letter-spacing:.12em;color:#d7d7d7}
.workflow-visual i{height:1px;flex:1;background:var(--white);position:relative}
.workflow-visual i::after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid white;border-top:3px solid transparent;border-bottom:3px solid transparent}

.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.insight-grid article{min-height:250px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.insight-grid span{font-size:.72rem;color:#8c8c8c}
.insight-grid h3{font-family:var(--serif);font-size:1.65rem;line-height:1.18;font-weight:480}

.contact-section{display:grid;grid-template-columns:1.5fr auto;gap:60px;align-items:end;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.07),transparent 25%),#000}
.contact-section>div{max-width:980px}
.contact-section p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:1.12rem}
.site-footer{display:grid;grid-template-columns:1fr .7fr 1fr;gap:50px;padding:70px var(--pad);background:#030303;color:var(--muted);font-size:.84rem}
.footer-brand p{max-width:380px;margin-top:24px}
.footer-links{display:grid;align-content:start;gap:12px}
.footer-legal{max-width:480px}
.standard-page{min-height:70vh;padding:100px var(--pad)}

/* Mexico: editorial product-system composition */
.mx-hero{position:relative;min-height:790px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:clamp(44px,7vw,110px);padding:clamp(110px,12vw,180px) var(--pad) 90px;overflow:hidden;border-bottom:1px solid var(--line)}
.mx-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 34%,rgba(36,233,255,.08),transparent 23%),radial-gradient(circle at 58% 72%,rgba(255,47,179,.06),transparent 20%);pointer-events:none}
.mx-hero-copy{position:relative;z-index:2}
.mx-hero h1{font-size:clamp(3.2rem,6.2vw,6.8rem)}
.mx-browser-canvas{position:relative;z-index:2;min-height:550px;border:1px solid #454545;background:#050505;box-shadow:0 38px 120px rgba(0,0,0,.75);transform:perspective(1400px) rotateY(-4deg) rotateX(1deg)}
.browser-chrome{height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--line);color:#868686;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.browser-chrome i{width:8px;height:8px;border-radius:50%;background:#666}.browser-chrome i:nth-child(1){background:var(--magenta)}.browser-chrome i:nth-child(2){background:var(--yellow)}.browser-chrome i:nth-child(3){background:var(--green)}.browser-chrome span{margin-left:12px}
.browser-stage{min-height:500px;display:grid;grid-template-columns:70px 1fr}
.browser-sidebar{display:flex;flex-direction:column;align-items:center;gap:28px;padding:28px 0;border-right:1px solid var(--line)}
.browser-sidebar b{display:grid;place-items:center;width:30px;height:30px;border:1px solid white;font-size:.74rem}.browser-sidebar span{width:20px;height:2px;background:#555}.browser-sidebar span:nth-of-type(2){background:var(--cyan)}
.browser-content{padding:clamp(30px,5vw,64px);display:flex;flex-direction:column}
.browser-kicker{font-size:.62rem;letter-spacing:.16em;color:#9c9c9c}.browser-headline{max-width:600px;margin-top:32px;font-family:var(--serif);font-size:clamp(2.3rem,4.4vw,4.7rem);line-height:.95;letter-spacing:-.045em}.browser-rule{width:100%;height:1px;margin:44px 0 26px;background:#343434}
.browser-modules{display:grid;grid-template-columns:1.3fr .8fr .65fr;gap:10px}.browser-modules span{height:86px;border:1px solid #353535;background:#0b0b0b}.browser-modules .module-cyan{border-top-color:var(--cyan)}.browser-modules .module-magenta{border-top-color:var(--magenta)}.browser-modules .module-green{border-top-color:var(--green)}
.browser-data{display:flex;align-items:center;gap:12px;margin-top:auto;color:#777;font-size:.65rem}.browser-data i{height:1px;flex:1;background:#333}
.canvas-note{position:absolute;padding:9px 12px;border:1px solid currentColor;background:#000;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.note-one{top:18%;right:-24px;color:var(--cyan)}.note-two{bottom:12%;left:-28px;color:var(--magenta)}
.mx-service-atlas{grid-template-columns:repeat(3,1fr)}
.mx-showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(50px,8vw,120px);align-items:center}
.showcase-copy h2,.mx-training h2{margin:0;font-size:clamp(2.7rem,5.2vw,5.8rem);line-height:.96;letter-spacing:-.05em;font-weight:620}.showcase-copy>p:not(.eyebrow){max-width:640px;margin-top:28px;color:var(--muted)}
.showcase-interface{min-height:570px;border:1px solid #4a4a4a;background:#070707;box-shadow:20px 24px 0 #111}
.showcase-toolbar{height:50px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid var(--line)}.showcase-toolbar span{width:7px;height:7px;border-radius:50%;background:#666}.showcase-toolbar span:nth-child(1){background:var(--cyan)}.showcase-toolbar span:nth-child(2){background:var(--magenta)}.showcase-toolbar span:nth-child(3){background:var(--yellow)}.showcase-toolbar i{height:8px;width:38%;margin-left:auto;background:#171717;border-radius:10px}
.showcase-grid{min-height:518px;display:grid;grid-template-columns:1.4fr .55fr;grid-template-rows:1fr 125px;gap:12px;padding:20px}
.showcase-main{display:flex;flex-direction:column;padding:36px;border:1px solid #333;background:radial-gradient(circle at 80% 20%,rgba(36,233,255,.08),transparent 28%),#0a0a0a}.showcase-main em{color:var(--cyan);font-style:normal;font-size:.64rem;letter-spacing:.16em}.showcase-main strong{max-width:500px;margin:38px 0 auto;font-family:var(--serif);font-size:clamp(2.1rem,3.3vw,4rem);font-weight:470;line-height:1}.showcase-main span{width:80%;height:5px;margin-top:12px;background:#262626}.showcase-main span:last-child{width:55%}
.showcase-rail{grid-row:1/3;grid-column:2;display:grid;align-content:start;gap:14px;padding:22px;border:1px solid #333}.showcase-rail i{height:76px;border:1px solid #303030;background:#0d0d0d}.showcase-rail i:nth-child(2){border-color:var(--magenta)}
.showcase-card{display:flex;align-items:flex-end;padding:18px;border:1px solid #333;font-size:.63rem;letter-spacing:.14em}.card-a{border-top-color:var(--green)}.card-b{border-top-color:var(--yellow)}
.mx-training{display:grid;grid-template-columns:.25fr 1.15fr .85fr;gap:clamp(34px,6vw,90px);align-items:start}.training-index{font-family:var(--serif);font-size:2rem;color:#606060}.training-detail{padding-top:10px;color:#c6c6c6}.training-tags{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0}.training-tags span{padding:9px 12px;border:1px solid #444;color:#fff;font-size:.78rem}.scope-note{padding-top:18px;border-top:1px solid var(--line);font-size:.82rem;color:#888}.mx-contact{background:radial-gradient(circle at 85% 15%,rgba(36,233,255,.08),transparent 22%),#000}

@keyframes reneline-header-compact{
  from{min-height:var(--header-start-height);padding-block:var(--header-start-pad);background-color:rgba(0,0,0,.9)}
  to{min-height:var(--header-end-height);padding-block:var(--header-end-pad);background-color:rgba(0,0,0,.96)}
}
@keyframes reneline-brand-compact{
  from{width:var(--brand-start-width)}
  to{width:var(--brand-end-width)}
}
@supports (animation-timeline:scroll()){
  .site-header{animation:reneline-header-compact 1ms linear both;animation-timeline:scroll(root block);animation-range:0 80px}
  .site-header .brand img{animation:reneline-brand-compact 1ms linear both;animation-timeline:scroll(root block);animation-range:0 80px}
}

@media (max-width:1100px){
  .site-header{grid-template-columns:auto 1fr}.primary-nav{display:none}.site-controls{justify-self:end}
  .hero{grid-template-columns:1fr;min-height:880px}.orchestration-panel{width:min(520px,100%)}
  .section-heading{grid-template-columns:1fr 1.4fr}.section-heading>p:last-child{grid-column:2}
  .service-atlas{grid-template-columns:repeat(2,1fr)}
  .lifecycle{grid-template-columns:repeat(3,1fr);row-gap:45px}
  .methodology-section{grid-template-columns:1fr 1fr}.outcomes{grid-column:1/-1}
  .industry-grid{grid-template-columns:repeat(3,1fr)}
  .editorial-section{grid-template-columns:1fr}.feature-panel{min-height:520px}
  .mx-hero{grid-template-columns:1fr;padding-top:110px}.mx-browser-canvas{width:min(820px,100%)}
  .mx-showcase{grid-template-columns:1fr}.showcase-interface{width:min(820px,100%)}
  .mx-training{grid-template-columns:.2fr 1fr}.training-detail{grid-column:2}
}

@media (max-width:760px){
  body{font-size:16px}.site-header{--header-start-height:73px;--header-end-height:58px;--header-start-pad:14px;--header-end-pad:7px;--brand-start-width:128px;--brand-end-width:112px;position:static;min-height:var(--header-start-height);padding:var(--header-start-pad) 18px;gap:14px;animation:none!important}.site-header.is-compact{min-height:var(--header-start-height);padding-block:var(--header-start-pad);background:rgba(0,0,0,.9)}.site-header .brand img,.site-header.is-compact .brand img{width:var(--brand-start-width);animation:none!important}.brand img{width:128px}.site-controls{gap:6px}
  .site-controls .button-small{display:none}.site-controls select{min-height:44px;padding-left:9px;padding-right:24px;font-size:.84rem}
  .hero{min-height:830px;padding:110px 20px 28px;align-content:end}.hero-image{background-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.75) 42%,rgba(0,0,0,.2)),linear-gradient(0deg,#000 8%,transparent 60%),url("../images/server-room-hero.png");background-position:63% center}
  .hero-grid{left:20px;width:75vw}.hero-copy{padding-top:170px}h1{font-size:clamp(3rem,14vw,4.6rem)}
  .orchestration-panel{padding:20px}.orchestration-panel li{min-height:52px}
  .section{padding:78px 20px}.section-heading,.section-heading.compact{grid-template-columns:1fr;gap:14px;margin-bottom:42px}.section-heading>p:last-child{grid-column:auto}
  .section-heading h2,.feature-copy h2,.contact-section h2{font-size:clamp(2.4rem,12vw,3.8rem)}
  .service-atlas{grid-template-columns:1fr}.service-card{min-height:320px}.service-meta{margin-bottom:40px}
  .lifecycle{grid-template-columns:1fr}.lifecycle li{padding:28px 0 20px 58px}.lifecycle li::before{top:34px}.lifecycle-icon{position:absolute;left:0;top:20px;width:40px;height:40px;margin:0}.lifecycle p{max-width:460px}
  .methodology-section{grid-template-columns:1fr}.system-radial{width:min(100%,420px);margin:20px auto}
  .industry-grid{grid-template-columns:repeat(2,1fr)}.industry-grid li{min-height:140px}
  .editorial-section{gap:14px}.feature-panel{min-height:500px;padding:24px}.workflow-visual{font-size:.55rem}
  .insight-grid{grid-template-columns:1fr}.insight-grid article{min-height:190px}
  .contact-section{grid-template-columns:1fr;align-items:start}.contact-section .button{justify-self:start}
  .site-footer{grid-template-columns:1fr;padding:55px 20px}
  .mx-hero{min-height:auto;padding:90px 20px 70px;gap:55px}.mx-hero h1{font-size:clamp(3rem,14vw,4.5rem)}
  .mx-browser-canvas{min-height:410px;transform:none}.browser-stage{min-height:360px;grid-template-columns:44px 1fr}.browser-sidebar{gap:22px;padding-top:20px}.browser-sidebar b{width:26px;height:26px}.browser-sidebar span{width:15px}.browser-content{padding:26px 20px}.browser-headline{font-size:2.35rem}.browser-modules span{height:58px}.canvas-note{font-size:.53rem}.note-one{right:-5px}.note-two{left:-5px}
  .mx-service-atlas{grid-template-columns:1fr}.mx-showcase{gap:46px}.showcase-interface{min-height:450px;box-shadow:10px 12px 0 #111}.showcase-grid{min-height:398px;grid-template-columns:1fr;grid-template-rows:1fr 95px 95px}.showcase-rail{display:none}.showcase-main{padding:24px}.showcase-main strong{font-size:2.4rem}.showcase-card{grid-column:1}
  .mx-training{grid-template-columns:1fr}.training-index{font-size:1.3rem}.training-detail{grid-column:auto}.mx-contact .button{max-width:100%;text-align:center}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .site-header,.site-header .brand img{animation:none!important;transition:none!important}
}