/* --- Loaded from BaseLayout.BtTfyleq.css --- */
.locale{font:600 12px/1 var(--font-display,"Outfit", sans-serif);letter-spacing:.08em;color:var(--mist);align-items:center;gap:7px;display:flex}.locale a{color:var(--mist);border-radius:2px;padding:2px 4px;transition:color .16s}.locale a:hover{color:var(--ink)}.locale a[aria-current=page]{color:var(--ink);text-underline-offset:4px;font-weight:700;text-decoration:underline 1.5px}.site-header{z-index:20;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--line);transition:background-color .22s var(--ease-precision), border-color .22s var(--ease-precision), box-shadow .22s var(--ease-precision);background:#fbfbf9f2;position:sticky;top:0}.site-header.is-scrolled{border-color:var(--line);background:#fffffffa;box-shadow:0 4px 20px -4px #0d0e110a}.header-inner{justify-content:space-between;align-items:center;height:72px;display:flex}/* --- OFFICIAL VIDEO-STYLE BRAND LOGO (TEXT + GEAR CIRCUIT) --- */
.logo-mark {
  display: flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  cursor: pointer;
  padding: 4px 0;
}
.logo-icon--gear {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.logo-icon--gear svg,
.logo-icon--gear img {
  display: block;
  width: 44px;
  height: 36px;
  object-fit: contain;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.logo-mark:hover .logo-icon--gear svg,
.logo-mark:hover .logo-icon--gear img {
  transform: rotate(-6deg);
}
.logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
}
.logo-title-wrap {
  display: flex;
  align-items: baseline;
}
.logo-brand-title {
  font-family: var(--font-display, "Outfit", sans-serif);
  letter-spacing: -0.022em;
  color: var(--ink);
  font-size: 1.22rem;
  font-weight: 800;
  line-height: 1.05;
}
.logo-blue-i {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: inherit;
  vertical-align: baseline;
}
.logo-i-dot {
  position: absolute;
  top: 0.08em;
  left: 50%;
  transform: translateX(-50%);
  width: 0.24em;
  height: 0.24em;
  background-color: var(--brand-blue, #0062e3);
  border-radius: 50%;
}
.logo-i-stem {
  color: inherit;
  line-height: inherit;
}
.logo-brand-sub {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  width: 100%;
}
.logo-sub-line {
  flex: 1;
  height: 1.5px;
  background: var(--brand-blue, #0062e3);
  border-radius: 1px;
  min-width: 12px;
}
.logo-sub-tag {
  font-family: var(--font-display, "Outfit", sans-serif);
  letter-spacing: 0.16em;
  color: var(--brand-blue, #0062e3);
  text-transform: uppercase;
  font-size: 0.54rem;
  font-weight: 800;
  white-space: nowrap;
  line-height: 1;
}
@media (max-width: 600px) {
  .logo-mark {
    gap: 9px;
  }
  .logo-icon--gear svg,
  .logo-icon--gear img {
    width: 38px;
    height: 31px;
  }
  .logo-brand-title {
    font-size: 1.06rem;
  }
  .logo-brand-sub {
    gap: 6px;
    margin-top: 3px;
  }
  .logo-sub-line {
    height: 1.2px;
    min-width: 8px;
  }
  .logo-sub-tag {
    font-size: 0.48rem;
    letter-spacing: 0.13em;
  }
}
.desktop-nav{align-items:center;gap:32px;margin-left:auto;margin-right:36px;display:flex}.nav-link{font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:.02em;color:var(--mist);padding:6px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .18s;position:relative}.nav-link:after{content:"";background:var(--ink);border-radius:var(--radius-pill);transform-origin:100%;height:1.5px;transition:transform .22s var(--ease-out-strong);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link.is-active{color:var(--ink)}.nav-link.is-active{font-weight:600}.nav-link:hover:after,.nav-link.is-active:after{transform-origin:0;transform:scaleX(1)}.header-actions{align-items:center;gap:18px;display:flex}.menu-toggle{cursor:pointer;background:0 0;border:0;padding:8px;display:none;position:relative;z-index:101;touch-action:manipulation;transition:transform .16s cubic-bezier(.16,1,.3,1)}.menu-toggle:active{transform:scale(.92)}.menu-toggle:focus-visible{outline:2px solid var(--brand-blue,#0062e3);outline-offset:3px;border-radius:4px}.menu-toggle span{background:var(--ink,#0d0e11);border-radius:2px;width:22px;height:2px;margin:5px 0;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .18s ease;display:block;transform-origin:center}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body.menu-open .site-header{background:#fff!important;border-bottom-color:rgba(0,0,0,.08)}.mobile-nav-backdrop{display:none;position:fixed;inset:72px 0 0 0;background:rgba(10,11,14,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:98;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .24s cubic-bezier(.16,1,.3,1),visibility .24s}.mobile-nav-backdrop.is-open{opacity:1;pointer-events:auto;visibility:visible}.mobile-nav{display:none;position:fixed;top:72px;left:0;right:0;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:99;background:rgba(13,15,18,.98);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 24px 48px -12px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.07);padding:18px 18px 26px 18px;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .22s cubic-bezier(.16,1,.3,1),visibility .26s}.mobile-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav__links{display:flex;flex-direction:column;gap:8px}.mobile-nav__item{position:relative;display:flex;align-items:center;justify-content:center;padding:14px 16px;min-height:52px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;text-decoration:none;transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s ease,border-color .16s ease}.mobile-nav__item:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.mobile-nav__item:active{transform:scale(.98);background:rgba(255,255,255,.08)}.mobile-nav__item.is-active,.mobile-nav__item[aria-current=page]{background:rgba(0,98,227,.1);border-color:rgba(0,98,227,.45)}.mobile-nav__index{position:absolute;left:16px;font-family:var(--font-mono,"IBM Plex Mono",monospace);font-size:11px;font-weight:600;color:#0062e3;background:rgba(0,98,227,.14);border:1px solid rgba(0,98,227,.28);border-radius:4px;padding:3px 6px;line-height:1}.mobile-nav__title{font-family:var(--font-display,"Outfit",sans-serif);font-size:1.15rem;font-weight:700;color:#fbfbf9;letter-spacing:-.01em;line-height:1.2;text-align:center}.mobile-nav__arrow{position:absolute;right:18px;color:#5e626e;font-size:1.15rem;transition:transform .18s cubic-bezier(.16,1,.3,1),color .18s ease}.mobile-nav__item:hover .mobile-nav__arrow,.mobile-nav__item:active .mobile-nav__arrow{color:#fff;transform:translateX(3px)}.mobile-nav__cta{display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 16px;min-height:52px;background:linear-gradient(135deg,#0062e3 0%,#004bb0 100%);border:1px solid rgba(255,255,255,.25);border-radius:8px;text-decoration:none;color:#fff;box-shadow:0 4px 18px rgba(0,98,227,.38);transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s ease;margin-top:2px}.mobile-nav__cta:hover{box-shadow:0 6px 24px rgba(0,98,227,.52);color:#fff}.mobile-nav__cta:active{transform:scale(.97)}.mobile-nav__cta.is-active,.mobile-nav__cta[aria-current=page]{border-color:#fff;box-shadow:0 6px 26px rgba(0,98,227,.6)}.mobile-nav__cta-title{font-family:var(--font-display,"Outfit",sans-serif);font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.mobile-nav__hotline{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.mobile-nav__hotline-link{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:8px 10px;text-decoration:none;min-width:0;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.mobile-nav__hotline-link:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.mobile-nav__hotline-link:active{transform:scale(.98)}.mobile-nav__hotline-icon{color:#0062e3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-nav__hotline-val{font-family:var(--font-mono,"IBM Plex Mono",monospace);font-size:.68rem;color:#c4c7d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav{display:flex}.mobile-nav-backdrop{display:block}}:root{--paper:#fbfbf9;--surface:#fff;--surface-muted:#f4f4f0;--surface-subtle:#edede7;--line:#e8e8e1;--line-strong:#18191b;--line-subtle:#0d0e110f;--arc-white:#fff;--accent-black:#0d0e11;--accent-contrast:#18191b;--accent-subtle:#0d0e110a;--plasma-blue:#0d0e11;--precision-violet:#383b45;--ember:#0d0e11;--ink:#0d0e11;--mist:#5e626e;--mist-light:#8c909c;--panel:#0a0b0d;--panel-line:#202227;--panel-ink:#fbfbf9;--panel-mist:#9296a1;--gradient-signature:linear-gradient(135deg, #0d0e11 0%, #444752 100%);--text-xs:clamp(.68rem, .66rem + .1vw, .75rem);--text-sm:clamp(.82rem, .79rem + .15vw, .94rem);--text-md:clamp(.98rem, .94rem + .2vw, 1.08rem);--text-lg:clamp(1.2rem, 1.08rem + .55vw, 1.55rem);--text-xl:clamp(1.55rem, 1.28rem + 1.2vw, 2.3rem);--text-2xl:clamp(2rem, 1.45rem + 2.4vw, 3.5rem);--text-3xl:clamp(2.6rem, 1.7rem + 4vw, 5.5rem);--text-body:clamp(.98rem, .94rem + .2vw, 1.08rem);--text-h1:var(--text-3xl);--text-h2:var(--text-2xl);--text-h3:var(--text-xl);--text-h4:var(--text-lg);--text-h5:var(--text-md);--text-h6:var(--text-sm);--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:40px;--space-7:48px;--space-8:64px;--space-9:80px;--space-10:96px;--space-11:128px;--container-sm:720px;--container-md:960px;--container-lg:1200px;--container-xl:1440px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", monospace;--brand-blue:#0062e3;--brand-blue-glow:#0062e326;--shadow-milky:0 20px 40px -12px #0d0e110d;--shadow-float:0 8px 24px -4px #0d0e110a;--shadow-glass:0 8px 32px 0 #0000000a}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk/space-grotesk-variable.woff2)format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+??,U+100-24F,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;src:url(/fonts/inter/inter-variable.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+??,U+100-24F,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-variable.woff2)format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+??,U+100-24F,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-body,"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{isolation:isolate;background:var(--paper);min-width:320px;font-family:var(--font-body,"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--text-body);color:var(--ink);margin:0;line-height:1.65;position:relative}img,svg{max-width:100%;display:block}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.skip-link{z-index:100;border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font:500 var(--text-xs)/1 var(--font-display,"Outfit", sans-serif);transition:transform .16s var(--ease-precision);padding:10px 18px;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display,"Outfit", -apple-system, BlinkMacSystemFont, sans-serif);letter-spacing:-.03em;text-wrap:balance;color:var(--ink);font-weight:700;line-height:1.12}::selection{background:var(--ink);color:var(--paper)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(calc(100% - 40px), var(--container-lg));margin-inline:auto}.section{padding-block:var(--space-10)}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.measure{max-width:70ch}@media (width>=640px){.container{width:min(calc(100% - 64px), var(--container-lg))}}@media (width>=1024px){.section{padding-block:var(--space-11)}}@media (width>=1440px){.container{max-width:var(--container-xl)}}@media (width<=760px){.grid-2,.grid-3{grid-template-columns:1fr}.section{padding-block:var(--space-8)}}:root{--ease-precision:cubic-bezier(.16, 1, .3, 1);--ease-out-strong:cubic-bezier(.23, 1, .32, 1);--ease-in-out-precision:cubic-bezier(.77, 0, .175, 1)}body:before{content:"";z-index:-2;pointer-events:none;opacity:.55;background-image:linear-gradient(90deg,#0d0e1108 1px,#0000 1px),linear-gradient(#0d0e1108 1px,#0000 1px);background-size:56px 56px;animation:50s linear infinite paper-drift;position:fixed;inset:0;mask-image:linear-gradient(#000000b3,#0000 75%)}body:after{content:"";z-index:-1;pointer-events:none;filter:blur(40px);animation:ambient-shift 30s var(--ease-in-out-precision) infinite alternate;background:radial-gradient(circle at 18% 12%,#ffffffe6,#0000 28%),radial-gradient(circle at 82% 16%,#f2f2ed99,#0000 26%);position:fixed;inset:-20%}.scroll-reveal{opacity:0;transition:opacity .48s var(--ease-out-strong), transform .48s var(--ease-out-strong);transform:translateY(12px)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal[data-reveal-delay="1"]{transition-delay:60ms}.scroll-reveal[data-reveal-delay="2"]{transition-delay:.12s}.scroll-reveal[data-reveal-delay="3"]{transition-delay:.18s}.hero-enter{opacity:0;animation:hero-enter .72s var(--ease-out-strong) forwards;transform:translateY(14px)}.hero-enter--1{animation-delay:80ms}.hero-enter--2{animation-delay:.15s}.hero-enter--3{animation-delay:.22s}.hero-enter--4{animation-delay:.3s}.draw-on{stroke-dasharray:1200;stroke-dashoffset:1200px;animation:draw-on 1.4s var(--ease-out-strong) forwards;animation-play-state:paused}.draw-on.is-visible{animation-play-state:running}@keyframes hero-enter{to{opacity:1;transform:translateY(0)}}@keyframes draw-on{to{stroke-dashoffset:0}}@keyframes paper-drift{to{background-position:56px 28px,56px 28px}}@keyframes ambient-shift{0%{transform:translate(-1.5%)scale(1)}to{transform:translate(2%,1.5%)scale(1.05)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}.scroll-reveal{opacity:1;transition:none;transform:none}.hero-enter{opacity:1;animation:none;transform:none}.draw-on{stroke-dashoffset:0;animation:none}}


/* --- Loaded from homepageContent.p4SAVlmw.css --- */
.hero{isolation:isolate;padding:clamp(20px, 3vw, 40px) 0 var(--space-8);position:relative;overflow:hidden}.hero-ambient{z-index:-1;pointer-events:none;filter:blur(50px);background:radial-gradient(circle at 50% 30%,#fffffff2,#0000 45%),radial-gradient(circle at 20% 40%,#f4f4f0b3,#0000 38%),radial-gradient(circle at 80% 40%,#edede780,#0000 38%);height:120%;position:absolute;inset:-30% -10% auto}.hero-container{flex-direction:column;align-items:center;gap:0;display:flex}.hero-stage{justify-content:center;align-items:center;width:100%;max-width:960px;margin-inline:auto;display:flex}.stage-video-wrap{aspect-ratio:16/9;mix-blend-mode:multiply;background:0 0;justify-content:center;align-items:center;width:100%;max-width:880px;max-height:clamp(340px,44vw,480px);display:block;position:relative;-webkit-mask-image:radial-gradient(75% 72% at 50% 50%,#000 45%,transparent 88%);mask-image:radial-gradient(75% 72% at 50% 50%,#000 45%,transparent 88%)}.stage-video-wrap video{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.stage-video-wrap img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:none;position:absolute;inset:0;pointer-events:none}.stage-video-wrap.has-fallback img{display:block}.stage-video-wrap.has-fallback video{display:none}.hero-motto{opacity:0;justify-content:center;align-items:center;gap:clamp(20px,3vw,40px);width:100%;max-width:860px;margin-top:clamp(10px,1.8vw,20px);margin-bottom:clamp(24px,3.5vw,38px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(16px)}.hero-motto.is-visible{opacity:1;transform:translateY(0)}.motto-rule-left,.motto-rule-right{flex:1;max-width:130px;height:1.5px;transition:transform .65s cubic-bezier(.16,1,.3,1);transform:scaleX(0)}.motto-rule-left{transform-origin:100%;background:linear-gradient(90deg,#0000,#0d0e11d9)}.motto-rule-right{transform-origin:0;background:linear-gradient(90deg,#0d0e11d9,#0000)}.hero-motto.is-visible .motto-rule-left,.hero-motto.is-visible .motto-rule-right{transition-delay:.35s;transform:scaleX(1)}.motto-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:100px;display:flex}.motto-line-slot{justify-content:center;align-items:center;height:48px;display:flex}.motto-phrase{text-wrap:balance;font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:-.03em;transform-origin:50%;will-change:transform, opacity, color;backface-visibility:hidden;-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:800;line-height:1.15;transition:none}.motto-phrase--upper{color:var(--ink);opacity:1;transform:scale(1)}.motto-phrase--lower,.hero-motto.is-swapped .motto-phrase--upper{color:var(--mist);opacity:.75;font-weight:600;transform:scale(.54)}.hero-motto.is-swapped .motto-phrase--lower{color:var(--ink);opacity:1;font-weight:800;transform:scale(1)}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}@media (width<=760px){.hero{padding-top:20px}.stage-video-wrap{aspect-ratio:4/3}.hero-motto{gap:14px;max-width:440px}.motto-rule-left,.motto-rule-right{max-width:40px}.hero-actions{flex-direction:column;align-items:stretch;width:100%;max-width:320px}}@media (prefers-reduced-motion:reduce){.stage-video-wrap video{display:none}.stage-video-wrap img{display:block}.hero-motto{opacity:1;transition:none;transform:none}.motto-rule-left,.motto-rule-right{transition:none;transform:scaleX(1)}.motto-phrase{transition:none}}.spec-wrap{padding-block:var(--space-8)}.spec-plate{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-milky);padding:clamp(32px,5vw,64px);position:relative}.plate-head{margin-bottom:var(--space-5);font:600 11px/1 var(--font-display,"Outfit", sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--mist);align-items:center;gap:16px;display:flex}.plate-kicker{color:var(--ink)}.plate-rule{background:var(--line);flex:1;height:1px}.plate-code{white-space:nowrap;font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:.14em;color:var(--mist-light)}.spec-plate h2{max-width:680px;font-family:var(--font-display,"Outfit", sans-serif);font-size:var(--text-2xl);color:var(--ink);letter-spacing:-.03em;font-weight:700;line-height:1.12}.facts{margin-top:var(--space-7);border-top:1px solid var(--line);grid-template-columns:1.2fr repeat(3,1fr);gap:0;display:grid}.fact{border-right:1px solid var(--line);align-content:start;gap:8px;min-height:100px;padding:28px 24px 0 0;display:grid}.fact:not(:first-child){padding-left:24px}.fact:last-child{border-right:0}.fact strong{font:700 clamp(2rem, 3.6vw, 3.2rem)/1 var(--font-display,"Outfit", sans-serif);color:var(--ink);letter-spacing:-.02em}.fact > span:not(.badge){font:500 var(--text-sm)/1.5 var(--font-body,"Outfit", sans-serif);color:var(--mist)}.fact-patent{align-content:center;gap:12px}.fact-patent .fact-note{color:var(--mist);font-size:12px}@media (width<=760px){.plate-head{flex-wrap:wrap;align-items:flex-start}.plate-rule{display:none}.facts{grid-template-columns:1fr 1fr}.fact{border-right:0;border-bottom:1px solid var(--line);padding:20px 0!important}.fact:last-child{border-bottom:0}.fact-patent{grid-column:1/-1;min-height:80px}.fact strong{font-size:1.8rem}}.services-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.service-card{min-height:320px;padding:0!important}.service-card__link{height:100%;min-height:320px;padding:var(--space-5);color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.service-card__top{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:12px;display:flex}.service-card__icon-badge{border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--line);width:44px;height:44px;color:var(--ink);transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s var(--ease-out-strong);place-items:center;display:grid}.service-card__tag{font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:.14em;color:var(--mist);text-transform:uppercase;background:var(--surface-muted);border-radius:var(--radius-pill);border:1px solid var(--line);padding:5px 10px;font-size:10px;font-weight:600}.service-card__body h3{font-family:var(--font-display,"Outfit", sans-serif);font-size:var(--text-lg);color:var(--ink);letter-spacing:-.02em;font-weight:700;line-height:1.25}.service-card__body p{margin-top:var(--space-3);color:var(--mist);font-size:var(--text-sm);line-height:1.6}.service-card__footer{padding-top:var(--space-5);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.service-card__spec{font-family:var(--font-body,"Outfit", sans-serif);color:var(--mist);letter-spacing:.01em;font-size:12px}.service-card__arrow{background:var(--surface);border:1px solid var(--line);width:32px;height:32px;color:var(--ink);transition:background .2s ease, border-color .2s ease, color .2s ease, transform .22s var(--ease-out-strong);border-radius:50%;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.service-card__link:hover .service-card__icon-badge{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:scale(1.06)}.service-card__link:hover .service-card__arrow{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translate(3px,-3px)}}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.services-grid{grid-template-columns:1fr}.service-card,.service-card__link{min-height:260px}}.featured{background:var(--surface);border-block:1px solid var(--line);padding:var(--space-9) 0}.featured-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid}.featured-media{position:relative}.featured-media__frame{border-radius:var(--radius-lg);border:1px solid var(--line-strong,#0d0e1126);box-shadow:var(--shadow-milky);aspect-ratio:16/11;background:#090a0d;place-items:center;display:grid;position:relative;overflow:hidden}.featured-media__img{object-fit:contain;width:100%;height:100%;padding:var(--space-4);transition:transform .4s cubic-bezier(.16,1,.3,1)}.featured-media__frame:hover .featured-media__img{transform:scale(1.03)}.featured-media__glow{pointer-events:none;background:radial-gradient(circle,#0062e314 0%,#0000 70%);position:absolute;inset:0}.media-tag{font:600 11px/1 var(--font-display,"Outfit", sans-serif);letter-spacing:.06em;color:#fff;-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-pill);z-index:2;background:#0d0e11d1;border:1px solid #ffffff2e;padding:6px 12px;position:absolute}.media-tag.top-right{top:14px;right:14px}.media-tag.bottom-left{bottom:14px;left:14px}.featured-copy{gap:var(--space-4);flex-direction:column;display:flex}.featured-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-kicker{font:600 11px/1 var(--font-display,"Outfit", sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}.featured-copy .client{font:700 11px/1 var(--font-display,"Outfit", sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-blue,#0062e3)}.featured-copy h2{font-family:var(--font-display,"Outfit", sans-serif);color:var(--ink);letter-spacing:-.03em;font-size:clamp(24px,3.2vw,36px);font-weight:700;line-height:1.15}.featured-copy>p{color:var(--mist);font-size:var(--text-base);line-height:1.65}.featured-meta{padding-top:var(--space-2);align-items:center;gap:14px;display:flex}.detail-text{font-family:var(--font-body,"Outfit", sans-serif);color:var(--mist);font-size:13px;font-weight:500}.featured-actions{margin-top:var(--space-3)}.primary-btn{background:var(--ink);color:#fff;border-radius:var(--radius-pill);font:600 13px/1 var(--font-display,"Outfit", sans-serif);letter-spacing:.04em;align-items:center;gap:10px;padding:12px 24px;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.primary-btn:hover{background:var(--brand-blue,#0062e3);transform:translateY(-2px);box-shadow:0 6px 20px #0062e347}.primary-btn svg{transition:transform .2s}.primary-btn:hover svg{transform:translate(2px,-2px)}@media (width<=900px){.featured-grid{grid-template-columns:1fr}}.projects-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-card{overflow:hidden;padding:0!important}.project-card__link{height:100%;padding:var(--space-4);color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.project-card__media{height:190px;margin-bottom:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--line);background:#0d0e11;position:relative;overflow:hidden}.project-card__img{object-fit:cover;filter:brightness(.92)contrast(105%);width:100%;height:100%;transition:transform .38s cubic-bezier(.16,1,.3,1),filter .3s}.project-card__link:hover .project-card__img{filter:brightness(1.02)contrast(108%);transform:scale(1.06)}.project-card__overlay{z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.project-tag{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);font:600 11px/1 var(--font-display,"Outfit", sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0d0e11bf;border:1px solid #ffffff26;align-items:center;padding:4px 10px;display:inline-flex}.project-top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.project-client{font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-blue,#0062e3);font-size:11px;font-weight:700}.project-card__body h3{font-family:var(--font-display,"Outfit", sans-serif);font-size:var(--text-lg);color:var(--ink);letter-spacing:-.02em;font-weight:700;line-height:1.3}.project-card__body p{margin-top:var(--space-2);color:var(--mist);font-size:var(--text-sm);line-height:1.55}.project-bottom{padding-top:var(--space-4);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.project-meta{font-family:var(--font-body,"Outfit", sans-serif);color:var(--ink);letter-spacing:-.01em;font-size:12px;font-weight:600}.project-arrow{background:var(--surface);border:1px solid var(--line);width:32px;height:32px;color:var(--ink);border-radius:50%;place-items:center;transition:all .22s cubic-bezier(.16,1,.3,1);display:grid}@media (hover:hover) and (pointer:fine){.project-card__link:hover .project-arrow{background:var(--brand-blue,#0062e3);color:#fff;border-color:var(--brand-blue,#0062e3);transform:translate(3px,-3px);box-shadow:0 4px 12px #0062e34d}}@media (width<=960px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.projects-grid{grid-template-columns:1fr}.project-card__media{height:210px}}.trust{padding-top:var(--space-8);padding-bottom:var(--space-9);background:var(--surface);border-block:1px solid var(--line)}.trust-head{max-width:680px}.section-kicker{font:600 11px/1 var(--font-display,"Outfit", sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}.trust h2{max-width:620px;margin-top:var(--space-3);font-family:var(--font-display,"Outfit", sans-serif);font-size:var(--text-2xl);letter-spacing:-.03em;color:var(--ink);font-weight:700;line-height:1.15}.client-grid{gap:var(--space-3);margin-top:var(--space-7);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.client-card{padding:var(--space-4) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.client-card:hover{border-color:var(--ink);background:var(--surface);box-shadow:var(--shadow-milky);transform:translateY(-3px)}.client-card__logo-wrap{width:100%;height:52px;margin-bottom:var(--space-3);place-items:center;display:grid}.client-card__img{object-fit:contain;filter:grayscale()contrast(110%);opacity:.78;max-width:130px;max-height:44px;transition:all .22s}.client-card:hover .client-card__img{filter:grayscale(0%)contrast();opacity:1;transform:scale(1.04)}.client-card__info{flex-direction:column;gap:2px;display:flex}.client-card__name{font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:-.01em;color:var(--ink);font-size:13px;font-weight:700}.client-card__sector{font-family:var(--font-body,"Outfit", sans-serif);color:var(--mist);letter-spacing:.01em;font-size:11px}@media (width<=760px){.client-grid{grid-template-columns:repeat(2,1fr)}}.cta{isolation:isolate;color:var(--panel-ink);background:var(--panel);border-block:1px solid var(--panel-line);padding:clamp(64px,8vw,112px) 0;position:relative;overflow:hidden}.cta:after{content:"";z-index:-1;background:radial-gradient(circle at 16% 20%,#ffffff0d,#0000 34%),radial-gradient(circle at 85% 80%,#ffffff08,#0000 40%);position:absolute;inset:0}.cta-inner{gap:var(--space-4);max-width:820px;display:grid}.cta .section-kicker{font:600 11px/1 var(--font-display,"Outfit", sans-serif);color:var(--panel-mist);letter-spacing:.16em;text-transform:uppercase}.cta h2{max-width:760px;font-family:var(--font-display,"Outfit", sans-serif);color:var(--panel-ink);letter-spacing:-.03em;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:700;line-height:1.08}.cta p:not(.section-kicker){max-width:55ch;color:var(--panel-mist);font-size:var(--text-lg);line-height:1.65}.cta-button-wrap{margin-top:var(--space-3)}.cta-button-wrap .button--primary{color:var(--panel);background:#fff;border-color:#fff;box-shadow:0 4px 16px #0003}.cta-button-wrap .button--primary:hover{background:var(--surface-muted);border-color:var(--surface-muted);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.faq{background:var(--surface);border-top:1px solid var(--line)}.faq-grid{grid-template-columns:.7fr 1.3fr;gap:clamp(40px,8vw,120px);display:grid}.faq h2{margin-top:var(--space-3);font-family:var(--font-display,"Outfit", sans-serif);font-size:var(--text-2xl);letter-spacing:-.03em;color:var(--ink);font-weight:700;line-height:1.12}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);transition:background-color .16s}.faq details[open]{background:var(--surface-muted)}.faq summary{cursor:pointer;font:700 var(--text-lg)/1.3 var(--font-display,"Outfit", sans-serif);letter-spacing:-.015em;color:var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:22px 16px;list-style:none;transition:color .16s;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--ink);font:300 1.4rem/1 var(--font-display,"Outfit", sans-serif);transition:transform .22s var(--ease-out-strong);flex:none}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:65ch;color:var(--mist);line-height:1.65;font-size:var(--text-md);padding:0 16px 24px}@media (width<=760px){.faq-grid{gap:var(--space-6);grid-template-columns:1fr}}


/* --- Inline Component Styles --- */
.toolpath{width:min(calc(100% - 40px),var(--container-lg));background:var(--line);height:1px;margin:clamp(28px,5vw,64px) auto;overflow:visible}.toolpath span{background:var(--line-strong);width:clamp(48px,8vw,96px);height:1px;display:block}


/* --- Inline Component Styles --- */
.badge{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);width:max-content;font:600 11px/1.2 var(--font-display,"Outfit", sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);align-items:center;padding:4px 12px;transition:all .18s;display:inline-flex}.badge--active{color:var(--paper);border-color:var(--ink);background:var(--ink)}.badge--ember{color:var(--ink);border-color:var(--line-strong);background:var(--surface-muted)}.glow-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-float);transition:border-color .22s var(--ease-precision), box-shadow .22s var(--ease-precision), transform .22s var(--ease-precision);--mouse-x:50%;--mouse-y:50%;position:relative;overflow:hidden}.glow-card__spotlight{pointer-events:none;opacity:0;background:radial-gradient(450px circle at var(--mouse-x) var(--mouse-y), #0d0e1105, transparent 80%);z-index:1;transition:opacity .28s;position:absolute;inset:0}.glow-card__content{z-index:2;height:100%;position:relative}@media (hover:hover) and (pointer:fine){.glow-card:hover,.glow-card:focus-within{border-color:#0d0e1129;transform:translateY(-3px);box-shadow:0 20px 44px -12px #0d0e110f,0 2px 8px #0d0e1105}.glow-card:hover .glow-card__spotlight,.glow-card:focus-within .glow-card__spotlight{opacity:1}}.glow-card:active{transition:transform .12s var(--ease-out-strong);transform:translateY(-1px)scale(.99)}.glow-card--featured{background:var(--surface);border-color:#0d0e1133}@media (prefers-reduced-motion:reduce){.glow-card,.glow-card:hover,.glow-card:focus-within,.glow-card:active{transition:border-color .2s,box-shadow .2s!important;transform:none!important}}
.patent{background:var(--panel);border-block:1px solid var(--panel-line);color:var(--panel-ink)}.patent-grid{gap:var(--space-8);grid-template-columns:1.1fr .9fr;align-items:end;display:grid}.patent .section-kicker{font:600 11px/1 var(--font-display,"Outfit", sans-serif);color:var(--panel-mist);letter-spacing:.16em;text-transform:uppercase}.patent h2{max-width:760px;font-family:var(--font-display,"Outfit", sans-serif);font-size:var(--text-2xl);color:var(--panel-ink);margin-top:var(--space-3);letter-spacing:-.03em;font-weight:700;line-height:1.12}.patent-grid>div:last-child{gap:var(--space-5);display:grid}.patent p:not(.section-kicker){color:var(--panel-mist);max-width:48ch;line-height:1.65;font-size:var(--text-md)}.patent-cta-wrap .button--secondary{border-color:var(--panel-line);color:var(--panel-ink);background:0 0;width:max-content}.patent-cta-wrap .button--secondary:hover{color:#fff;background:#ffffff14;border-color:#fff}@media (width<=760px){.patent-grid{gap:var(--space-5);grid-template-columns:1fr}}
.button{border-radius:var(--radius-pill);min-height:46px;font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .16s var(--ease-precision), background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;border:1px solid #0000;align-items:center;gap:10px;padding:0 24px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.97)}.button--primary{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 4px 14px #0d0e111f}.button--primary:hover{background:#242730;border-color:#242730;box-shadow:0 8px 24px #0d0e1133}.button--secondary{border-color:var(--line);color:var(--ink);background:var(--surface);box-shadow:0 2px 6px #0d0e1105}.button--secondary:hover{border-color:var(--ink);background:var(--surface-muted);color:var(--ink);box-shadow:0 4px 14px #0d0e110f}@media (prefers-reduced-motion:reduce){.button:hover,.button:active{transform:none}}
.section-heading{gap:var(--space-3);max-width:780px;display:grid}.eyebrow{font:600 11px/1 var(--font-display,"Outfit", sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}h2{font-family:var(--font-display,"Outfit", sans-serif);font-size:var(--text-h2);color:var(--ink);letter-spacing:-.03em;font-weight:700;line-height:1.12}p{max-width:62ch;color:var(--mist);font-size:var(--text-md);line-height:1.65}

/* ===================================================
   HERO LANDING PAGE UPGRADE (B2B HIGH CONVERSION)
   =================================================== */

.hero {
  padding-top: clamp(28px, 4vw, 56px) !important;
  padding-bottom: 0 !important;
}

.hero .toolpath {
  margin-top: clamp(28px, 4vw, 44px) !important;
  margin-bottom: clamp(24px, 3.5vw, 36px) !important;
}

#services {
  padding-top: 0 !important;
}

/* ===================================================
   ELEGANT B2B INDUSTRIAL LANDING PAGE REFINEMENTS
   =================================================== */

/* Universal spec-plate & facts styling */
.spec-wrap {
  padding-block: var(--space-8);
}
.spec-plate {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-milky);
  padding: clamp(32px, 5vw, 64px);
  position: relative;
}
.plate-head {
  margin-bottom: var(--space-5);
  font: 600 11px/1 var(--font-display, "Outfit", sans-serif);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mist);
  align-items: center;
  gap: 16px;
  display: flex;
}
.plate-kicker {
  color: var(--ink);
}
.plate-rule {
  background: var(--line);
  flex: 1;
  height: 1px;
}
.plate-code {
  white-space: nowrap;
  font-family: var(--font-display, "Outfit", sans-serif);
  letter-spacing: .14em;
  color: var(--mist-light);
}
.spec-plate h2 {
  max-width: 720px;
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: var(--text-2xl);
  color: var(--ink);
  letter-spacing: -.03em;
  font-weight: 700;
  line-height: 1.15;
}
.facts {
  margin-top: var(--space-7);
  border-top: 1px solid var(--line);
  grid-template-columns: 1.2fr repeat(3, 1fr);
  gap: 0;
  display: grid;
}
.fact {
  border-right: 1px solid var(--line);
  align-content: start;
  gap: 8px;
  min-height: 100px;
  padding: 28px 24px 0 0;
  display: grid;
}
.fact:not(:first-child) {
  padding-left: 24px;
}
.fact:last-child {
  border-right: 0;
}
.fact strong,
.fact .count {
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: clamp(2rem, 3.6vw, 3.2rem);
  font-weight: 700;
  line-height: 1;
  color: var(--ink);
  letter-spacing: -.02em;
}
.fact > span:not(.badge) {
  font: 500 var(--text-sm)/1.5 var(--font-body, "Outfit", sans-serif);
  color: var(--mist);
}
.fact-patent {
  align-content: center;
  gap: 12px;
}
.fact-patent .fact-note {
  color: var(--mist);
  font-size: 12px;
}
@media (max-width: 760px) {
  .plate-head {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .plate-rule {
    display: none;
  }
  .facts {
    grid-template-columns: 1fr 1fr;
  }
  .fact {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 20px 0 !important;
  }
  .fact:last-child {
    border-bottom: 0;
  }
  .fact-patent {
    grid-column: 1/-1;
    min-height: 80px;
  }
  .fact strong,
  .fact .count {
    font-size: 1.8rem;
  }
}

/* Universal glow-card support without Astro CID */
.glow-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  box-shadow: var(--shadow-float);
  transition: border-color .24s var(--ease-precision), box-shadow .24s var(--ease-precision), transform .24s var(--ease-precision);
  --mouse-x: 50%;
  --mouse-y: 50%;
  position: relative;
  overflow: hidden;
}
.glow-card__spotlight {
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(450px circle at var(--mouse-x) var(--mouse-y), rgba(13, 14, 17, 0.05), transparent 80%);
  z-index: 1;
  transition: opacity .28s;
  position: absolute;
  inset: 0;
}
.glow-card__content {
  z-index: 2;
  height: 100%;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .glow-card:hover,
  .glow-card:focus-within {
    border-color: rgba(13, 14, 17, 0.22);
    transform: translateY(-4px);
    box-shadow: 0 20px 44px -12px rgba(13, 14, 17, 0.1), 0 2px 8px rgba(13, 14, 17, 0.04);
  }
  .glow-card:hover .glow-card__spotlight,
  .glow-card:focus-within .glow-card__spotlight {
    opacity: 1;
  }
}
.glow-card:active {
  transform: translateY(-1px) scale(.99);
  transition: transform .12s var(--ease-out-strong);
}

/* Flagship 4-projects 2x2 grid */
.projects-grid--flagship {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--space-5) !important;
}
.projects-grid--flagship .project-card__media {
  height: 240px;
}
@media (max-width: 860px) {
  .projects-grid--flagship {
    grid-template-columns: 1fr !important;
  }
  .projects-grid--flagship .project-card__media {
    height: 200px;
  }
}

/* ===================================================
   EMIL KOWALSKI DESIGN ENGINEERING & INTERACTIVE SECTIONS
   =================================================== */

/* 1. SERVICES SUMMARY GRID (ARCHITECTURAL 2x2 CAPABILITY CONSOLE) */
.services-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  max-width: 980px;
  margin-inline: auto;
  margin-top: clamp(28px, 4vw, 44px);
  margin-bottom: clamp(24px, 3vw, 36px);
}
@media (max-width: 720px) {
  .services-summary-grid {
    grid-template-columns: 1fr;
    gap: 11px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.summary-card {
  background: #ffffff;
  border: 1px solid rgba(13, 14, 17, 0.08);
  border-radius: 16px;
  padding: 16px 22px;
  min-height: 78px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 1px 3px rgba(13, 14, 17, 0.03), 0 4px 14px -3px rgba(13, 14, 17, 0.02);
  position: relative;
  overflow: hidden;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.22s ease,
              box-shadow 0.22s ease;
}
.summary-card:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 98, 227, 0.28);
  box-shadow: 0 8px 24px -4px rgba(13, 14, 17, 0.07), 0 2px 8px rgba(0, 98, 227, 0.04);
}
.summary-card:active {
  transform: scale(0.985);
}
.summary-card:focus-visible {
  outline: 2px solid var(--brand-blue, #0062e3);
  outline-offset: 3px;
}
.summary-card__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
.summary-card__lead {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.summary-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: #f7f7f5;
  border: 1px solid rgba(13, 14, 17, 0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ink);
  flex-shrink: 0;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.summary-card:hover .summary-card__icon {
  background: rgba(0, 98, 227, 0.08);
  border-color: rgba(0, 98, 227, 0.22);
  color: var(--brand-blue, #0062e3);
}
.summary-card__title {
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: clamp(1.04rem, 1.18vw, 1.2rem);
  font-weight: 700;
  letter-spacing: -0.018em;
  color: var(--ink);
  margin: 0;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}
.summary-card:hover .summary-card__title {
  color: var(--brand-blue, #0062e3);
}
.summary-card__arrow {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(13, 14, 17, 0.08);
  background: #fafaf9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mist);
  flex-shrink: 0;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.summary-card:hover .summary-card__arrow {
  background: var(--ink);
  border-color: var(--ink);
  color: #ffffff;
  transform: translateX(3px);
}
.services-summary-cta {
  text-align: center;
  margin-top: clamp(24px, 3.5vw, 36px);
}


/* 3. DIVIDED BATCH TRUST SHOWCASE (3 BY 3 / 7S ELEGANT CROSSFADE) */
.trust {
  padding-top: clamp(48px, 6vw, 72px);
  padding-bottom: clamp(32px, 4vw, 48px);
}
.trust-heading {
  text-align: center;
  max-width: 720px;
  margin-inline: auto;
  margin-bottom: var(--space-6);
}
.trust-subtitle {
  margin-top: 8px;
  font-size: 1.05rem;
  color: var(--mist);
  line-height: 1.55;
}
.trust-showcase {
  margin-top: var(--space-5);
  position: relative;
  width: 100%;
}
.trust-viewport {
  display: grid;
  grid-template-areas: "stack";
  width: 100%;
  position: relative;
}
.trust-batch {
  grid-area: stack;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px) scale(0.985);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1),
              transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
              visibility 0.5s;
  will-change: opacity, transform;
}
.trust-batch.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  z-index: 2;
}

/* 3x1 Grid on Desktop, 2x1 on Tablet, 1 Col on Mobile */
.trust-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 960px) {
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 620px) {
  .trust-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* Client Card */
.trust-card {
  background: var(--surface);
  border: 1px solid rgba(13, 14, 17, 0.08);
  border-radius: var(--radius-lg);
  padding: 18px 24px;
  box-shadow: 0 1px 3px rgba(13, 14, 17, 0.04), 0 6px 18px -4px rgba(13, 14, 17, 0.03);
  transition: transform 0.28s var(--ease-precision),
              border-color 0.28s var(--ease-precision),
              box-shadow 0.28s var(--ease-precision);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trust-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 98, 227, 0.3);
  box-shadow: 0 4px 12px rgba(13, 14, 17, 0.05), 0 16px 32px -8px rgba(13, 14, 17, 0.08);
}
.trust-card__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
}
.trust-logo-box {
  width: 86px;
  height: 52px;
  background: #ffffff;
  border: 1px solid rgba(13, 14, 17, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  flex-shrink: 0;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.trust-card:hover .trust-logo-box {
  border-color: rgba(0, 98, 227, 0.25);
  box-shadow: 0 4px 12px rgba(0, 98, 227, 0.06);
}
.trust-logo {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: grayscale(1) contrast(1.1);
  opacity: 0.88;
  transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.trust-logo--wide {
  max-width: 100%;
  max-height: 44px;
  transform: scale(1.18);
}
.trust-logo--compact {
  max-height: 38px;
  max-width: 88%;
}
.trust-logo--balanced {
  max-height: 42px;
  max-width: 95%;
}
.trust-card:hover .trust-logo {
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.06);
}
.trust-card:hover .trust-logo.trust-logo--wide {
  transform: scale(1.24);
}
.trust-card__meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: 0;
}
.trust-client-name {
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--ink);
  margin: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}
.trust-card:hover .trust-client-name {
  color: var(--brand-blue, #0062e3);
}

/* Accessible Pagination Indicators with Expanding Spring Track */
.trust-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 28px;
}
.trust-dot-btn {
  background: transparent;
  border: none;
  padding: 14px 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  transition: opacity 0.2s ease;
}
.trust-dot-btn:focus-visible {
  outline: 2px solid var(--brand-blue, #0066cc);
  outline-offset: 3px;
}
.trust-dot__track {
  display: block;
  width: 28px;
  height: 4px;
  background: rgba(13, 14, 17, 0.12);
  border-radius: 999px;
  position: relative;
  overflow: hidden;
  transition: width 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.2s ease;
}
.trust-dot-btn:hover .trust-dot__track {
  background: rgba(13, 14, 17, 0.24);
}
.trust-dot-btn.is-active .trust-dot__track {
  width: 52px;
  background: rgba(13, 14, 17, 0.15);
}
.trust-dot__progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0%;
  background: var(--ink);
  border-radius: 999px;
}
.trust-dot-btn.is-active.is-animating .trust-dot__progress {
  animation: trust-progress 7s linear forwards;
}
.trust-dot-btn.is-paused .trust-dot__progress {
  animation-play-state: paused;
}
@keyframes trust-progress {
  from { width: 0%; }
  to { width: 100%; }
}

/* ==========================================================================
   2. BREVET D'INVENTION — ARCHITECTURAL BLUEPRINT CONSOLE & LIGHTBOX
   ========================================================================== */
.patent {
  background: var(--panel, #0d0e11);
  border-block: 1px solid var(--panel-line, rgba(255, 255, 255, 0.08));
  color: var(--panel-ink, #ffffff);
  padding: clamp(56px, 7vw, 92px) 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .patent {
    padding-top: clamp(3rem, 8vw, 5rem);
  }
}
.patent-header {
  text-align: center;
  max-width: 860px;
  margin-inline: auto;
  margin-bottom: clamp(28px, 4.5vw, 44px);
}
.patent-header .section-kicker {
  font-family: var(--font-mono, monospace);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #60a5fa;
  margin-bottom: 12px;
}
.patent-title {
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: clamp(1.35rem, 2.7vw, 2.05rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.025em;
  color: #ffffff;
  margin: 0;
}
.patent-title__label {
  color: #93c5fd;
  font-weight: 600;
  display: inline-block;
  margin-right: 6px;
}
.patent-title__name {
  color: #ffffff;
}

/* Drafting Console Stage */
.patent-stage {
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-lg, 16px);
  padding: clamp(14px, 2.5vw, 24px);
  box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.05);
  max-width: 960px;
  margin-inline: auto;
  overflow: hidden;
}

/* Precision Drafting Corner Crosshairs */
.patent-stage__crosshair {
  position: absolute;
  width: 14px;
  height: 14px;
  pointer-events: none;
  z-index: 2;
}
.patent-stage__crosshair::before,
.patent-stage__crosshair::after {
  content: '';
  position: absolute;
  background: rgba(13, 14, 17, 0.25);
}
.patent-stage__crosshair::before {
  top: 6px;
  left: 0;
  width: 14px;
  height: 1.5px;
}
.patent-stage__crosshair::after {
  top: 0;
  left: 6px;
  width: 1.5px;
  height: 14px;
}
.patent-stage__crosshair--tl { top: 12px; left: 12px; }
.patent-stage__crosshair--tr { top: 12px; right: 12px; }
.patent-stage__crosshair--bl { bottom: 12px; left: 12px; }
.patent-stage__crosshair--br { bottom: 12px; right: 12px; }

/* Stage Technical Bar */
.patent-stage__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(13, 14, 17, 0.09);
}
.patent-stage__tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono, monospace);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #1a1e26;
  font-variant-numeric: tabular-nums;
}
.patent-stage__status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0062e3;
  box-shadow: 0 0 8px rgba(0, 98, 227, 0.6);
}
.patent-zoom-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(13, 14, 17, 0.05);
  border: 1px solid rgba(13, 14, 17, 0.12);
  border-radius: 999px;
  padding: 5px 12px;
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: 0.78rem;
  font-weight: 600;
  color: #1a1e26;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.patent-zoom-btn:hover {
  background: rgba(13, 14, 17, 0.1);
  border-color: rgba(13, 14, 17, 0.22);
  transform: translateY(-1px);
}
.patent-zoom-btn:focus-visible {
  outline: 2px solid #0062e3;
  outline-offset: 2px;
}

/* Drafting Image Viewport */
.patent-frame {
  position: relative;
  width: 100%;
  height: clamp(260px, 46vw, 490px);
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(0, 0, 0, 0.028) 19px, rgba(0, 0, 0, 0.028) 20px),
    repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(0, 0, 0, 0.028) 19px, rgba(0, 0, 0, 0.028) 20px),
    #ffffff;
  border-radius: var(--radius-sm, 8px);
  overflow: hidden;
  cursor: zoom-in;
}
.patent-featured-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  image-rendering: -webkit-optimize-contrast;
  transition: opacity 0.18s cubic-bezier(0.16, 1, 0.3, 1), transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
.patent-featured-img.is-transitioning {
  opacity: 0.15;
  transform: scale(0.985);
}

/* Nav Chevrons */
.patent-nav-btn {
  position: absolute;
  top: calc(50% + 14px);
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(13, 14, 17, 0.16);
  color: #0d0e11;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  z-index: 3;
}
.patent-nav-btn:hover {
  background: #ffffff;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  border-color: rgba(13, 14, 17, 0.3);
}
.patent-nav-btn:active {
  transform: translateY(-50%) scale(0.96);
}
.patent-nav-btn:focus-visible {
  outline: 2px solid #0062e3;
  outline-offset: 2px;
}
.patent-nav-btn--prev { left: clamp(10px, 2vw, 22px); }
.patent-nav-btn--next { right: clamp(10px, 2vw, 22px); }

/* Thumbnails Selector Strip */
.patent-thumbs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  max-width: 960px;
  margin: 18px auto 0;
}
@media (max-width: 768px) {
  .patent-thumbs {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 4px 2px 10px;
    gap: 10px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .patent-thumb {
    flex: 0 0 100px;
    height: 60px;
    scroll-snap-align: start;
  }
}
.patent-thumb {
  background: #ffffff;
  border: 1.5px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-md, 10px);
  padding: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease;
}
.patent-thumb:hover {
  background: #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}
.patent-thumb.is-active {
  background: #ffffff;
  border-color: var(--brand-blue, #0062e3);
  border-width: 2.5px;
  box-shadow: 0 0 0 4px rgba(0, 98, 227, 0.2), 0 6px 18px rgba(0, 98, 227, 0.28);
}
.patent-thumb:focus-visible {
  outline: 2px solid #0062e3;
  outline-offset: 2px;
}
.patent-thumb__preview {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.patent-thumb__preview img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Lightbox Modal Dialog */
.patent-modal {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
}
.patent-modal[open] {
  display: flex;
}
.patent-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(13, 14, 17, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.patent-modal__dialog {
  position: relative;
  background: #ffffff;
  border-radius: 14px;
  width: min(94vw, 1080px);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.65);
  overflow: hidden;
  animation: patent-modal-pop 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  z-index: 2;
}
@keyframes patent-modal-pop {
  from { opacity: 0; transform: scale(0.96) translateY(12px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}
.patent-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  border-bottom: 1px solid rgba(13, 14, 17, 0.09);
  background: #fafaf8;
}
.patent-modal__title {
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: 0.95rem;
  font-weight: 700;
  color: #0d0e11;
}
.patent-modal__close {
  background: rgba(13, 14, 17, 0.06);
  border: none;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #0d0e11;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.patent-modal__close:hover {
  background: rgba(13, 14, 17, 0.14);
  transform: scale(1.06);
}
.patent-modal__close:focus-visible {
  outline: 2px solid #0062e3;
  outline-offset: 2px;
}
.patent-modal__body {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  max-height: calc(92vh - 60px);
  background: #ffffff;
}
.patent-modal__body img {
  max-width: 100%;
  max-height: calc(92vh - 100px);
  width: auto;
  height: auto;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
}

/* ===================================================
   BESPOKE INDUSTRIAL FOOTER CONSOLE (RAFI ROBOTIQUES)
   =================================================== */

.site-footer {
  position: relative;
  background: #08090b;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: #fbfbf9;
  padding: clamp(38px, 4.8vw, 54px) 0 clamp(24px, 3.2vw, 36px);
  overflow: hidden;
  isolation: isolate;
  scroll-margin-top: 80px;
}

/* Subtle ambient blueprint grid & glow */
.footer-ambient-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: radial-gradient(ellipse 70% 50% at 50% 0%, #000 30%, transparent 85%);
  -webkit-mask-image: radial-gradient(ellipse 70% 50% at 50% 0%, #000 30%, transparent 85%);
  z-index: -1;
}

.footer-console {
  display: flex;
  flex-direction: column;
  gap: clamp(28px, 3.8vw, 44px);
}

/* --- Row 1: Upper Console (Brand Identity & Harmonious Action Deck) --- */
.footer-top-deck {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(24px, 4vw, 48px);
  flex-wrap: wrap;
}

.footer-identity-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 540px;
}

/* Brand Lockup with Real Pignon Gear (Enlarged & Prominent) */
.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  text-decoration: none;
  color: #ffffff;
  width: fit-content;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer-brand:hover {
  transform: translateY(-2px);
}

.footer-brand__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.footer-pignon-img {
  display: block;
  width: 72px;
  height: 59px;
  object-fit: contain;
  filter: drop-shadow(0 6px 18px rgba(0, 98, 227, 0.35));
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer-brand:hover .footer-pignon-img {
  transform: rotate(-10deg) scale(1.05);
}

.footer-brand__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
}

.footer-brand__title-row {
  display: flex;
  align-items: baseline;
}

.footer-brand__title {
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: 2.15rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #ffffff;
  line-height: 1.05;
}

.footer-blue-i {
  position: relative;
  display: inline-block;
  color: #ffffff;
  line-height: inherit;
  vertical-align: baseline;
}

.footer-blue-i::before {
  content: "";
  position: absolute;
  top: 0.12em;
  left: 50%;
  transform: translateX(-50%);
  width: 0.28em;
  height: 0.28em;
  background-color: #0062e3;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 98, 227, 0.95);
  z-index: 2;
  pointer-events: none;
}

.footer-i-stem {
  display: inline-block;
  color: #ffffff;
  clip-path: inset(26% 0 0 0);
}

.footer-brand__subtitle-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}

.footer-sub-line {
  flex: 1;
  min-width: 14px;
  height: 1.5px;
  background-color: #0062e3;
}

.footer-sub-tag {
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: #0062e3;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Official Company Motto */
.footer-motto {
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: clamp(1.05rem, 1.4vw, 1.22rem);
  font-weight: 400;
  letter-spacing: -0.015em;
  color: #9ca3af;
  line-height: 1.45;
  margin: 0;
  max-width: 44ch;
}

.footer-motto__highlight {
  color: #ffffff;
  font-weight: 600;
}

/* --- Tactile Direct Contact Deck (Balanced Side-by-Side Capsules) --- */
.footer-action-deck {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.footer-contact-capsule {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 18px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  text-decoration: none;
  color: #ffffff;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
              background-color 0.2s ease,
              border-color 0.2s ease,
              box-shadow 0.2s ease;
  position: relative;
  overflow: hidden;
}

.footer-contact-capsule::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(320px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(0, 98, 227, 0.14), transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.footer-contact-capsule:hover {
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(0, 98, 227, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 98, 227, 0.12);
}

.footer-contact-capsule:hover::before {
  opacity: 1;
}

.footer-contact-capsule:active {
  transform: scale(0.98);
  transition-duration: 0.12s;
}

.footer-contact-capsule:focus-visible {
  outline: 2px solid #0062e3;
  outline-offset: 3px;
}

.capsule-icon-box {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(0, 98, 227, 0.08);
  border: 1px solid rgba(0, 98, 227, 0.22);
  color: #2982ff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.footer-contact-capsule:hover .capsule-icon-box {
  background: #0062e3;
  color: #ffffff;
  border-color: #0062e3;
  transform: scale(1.05);
}

.capsule-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.capsule-kicker {
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8c92a4;
}

.capsule-value {
  font-family: var(--font-mono, "IBM Plex Mono", monospace);
  font-size: 0.88rem;
  font-weight: 600;
  color: #f3f4f6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
}

.capsule-subtext {
  font-family: var(--font-body, "Outfit", sans-serif);
  font-size: 0.73rem;
  color: #848a9c;
}

.capsule-arrow {
  font-size: 1.1rem;
  color: #8c92a4;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
  flex-shrink: 0;
}

.footer-contact-capsule:hover .capsule-arrow {
  color: #2982ff;
  transform: translate(3px, -3px);
}

/* --- Terminal Meta Bar (Clean Copyright Baseline) --- */
.footer-terminal-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-family: var(--font-mono, "IBM Plex Mono", monospace);
  font-size: 0.76rem;
  color: #6b7280;
}

/* --- Responsive Adjustments --- */
@media (max-width: 1040px) {
  .footer-top-deck {
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
  }
  .footer-identity-block {
    max-width: 100%;
  }
  .footer-action-deck {
    width: 100%;
  }
  .footer-contact-capsule {
    flex: 1 1 calc(50% - 14px);
    min-width: 260px;
  }
}

@media (max-width: 600px) {
  .site-footer {
    padding-top: 44px;
    padding-bottom: 32px;
    scroll-margin-top: 76px;
  }
  .footer-brand {
    gap: 14px;
  }
  .footer-brand__title {
    font-size: 1.65rem;
  }
  .footer-pignon-img {
    width: 58px;
    height: 48px;
  }
  .footer-motto {
    font-size: 0.95rem;
  }
  .footer-action-deck {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .footer-contact-capsule {
    width: 100%;
    padding: 12px 16px;
  }
  .capsule-value {
    font-size: clamp(0.82rem, 3.2vw, 0.9rem);
  }
  .footer-terminal-bar {
    padding-top: 16px;
    font-size: 0.72rem;
  }
}

/* ==========================================================================
   BESPOKE INDUSTRIAL CALL-TO-ACTION (PROJECT CONSOLE)
   ========================================================================== */
.cta {
  position: relative;
  background: #08090c;
  padding: clamp(60px, 8vw, 100px) 0;
  overflow: hidden;
  border-block: 1px solid rgba(255, 255, 255, 0.08);
}

.cta-ambient-grid {
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
  opacity: 0.8;
}

.cta-container {
  position: relative;
  z-index: 2;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 32px);
}

.cta-console-card {
  position: relative;
  background: linear-gradient(180deg, rgba(16, 20, 28, 0.85) 0%, rgba(10, 12, 16, 0.95) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  padding: clamp(36px, 6vw, 56px) clamp(24px, 5vw, 48px);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  max-width: 860px;
  margin: 0 auto;
}

.console-corner {
  position: absolute;
  font-family: var(--font-mono, monospace);
  font-size: 14px;
  font-weight: 700;
  color: rgba(0, 98, 227, 0.6);
  line-height: 1;
  user-select: none;
  pointer-events: none;
}
.console-corner--tl { top: 12px; left: 14px; }
.console-corner--tr { top: 12px; right: 14px; }
.console-corner--bl { bottom: 12px; left: 14px; }
.console-corner--br { bottom: 12px; right: 14px; }

.cta-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}

.cta-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}

.cta-headline {
  font-family: var(--font-display, "Outfit", sans-serif);
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: #ffffff;
  margin: 0 0 16px 0;
  text-align: center;
}

.cta-headline-gradient {
  background: linear-gradient(135deg, #93c5fd 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cta-lead {
  font-family: var(--font-body, "Outfit", sans-serif);
  font-size: clamp(1rem, 1.3vw, 1.12rem);
  line-height: 1.6;
  color: #94a3b8;
  margin: 0 auto 32px auto;
  max-width: 52ch;
  text-align: center;
}

.cta-actions-deck {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 10px;
  font-family: var(--font-display, "Outfit", sans-serif);
  font-weight: 600;
  font-size: 0.94rem;
  letter-spacing: 0.01em;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
              background-color 0.2s ease,
              border-color 0.2s ease,
              box-shadow 0.2s ease;
}

.cta-btn--primary {
  background: #0062e3;
  border: 1px solid #2982ff;
  color: #ffffff;
  box-shadow: 0 4px 18px rgba(0, 98, 227, 0.35);
}

.cta-btn--primary:hover {
  background: #0052be;
  border-color: #3b8cff;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 98, 227, 0.5);
  color: #ffffff;
}

.cta-btn--primary:active {
  transform: scale(0.98);
  transition-duration: 0.12s;
}

.cta-btn--primary:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

.cta-btn--secondary {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #f1f5f9;
  font-family: var(--font-mono, monospace);
  font-size: 0.88rem;
}

.cta-btn--secondary:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.24);
  color: #ffffff;
  transform: translateY(-2px);
}

.cta-btn--secondary:active {
  transform: scale(0.98);
  transition-duration: 0.12s;
}

.cta-btn--secondary:focus-visible {
  outline: 2px solid #0062e3;
  outline-offset: 3px;
}

.cta-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.cta-btn--primary:hover .cta-btn__icon {
  transform: translate(2px, -2px);
}

/* Responsive Layout */
@media (max-width: 600px) {
  .cta {
    padding: 48px 0;
  }
  .cta-container {
    padding: 0 16px;
  }
  .cta-console-card {
    padding: 32px 18px;
    border-radius: 16px;
  }
  .console-corner {
    display: none;
  }
  .cta-headline {
    font-size: clamp(1.8rem, 6.2vw, 2.2rem);
    margin-bottom: 12px;
  }
  .cta-lead {
    font-size: 0.94rem;
    line-height: 1.55;
    margin-bottom: 24px;
  }
  .cta-actions-deck {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 12px;
  }
  .cta-btn {
    width: 100%;
    padding: 14px 20px;
    font-size: 0.92rem;
    justify-content: center;
  }
}