
:root{--indigo:#005F83;--steel:#3EB1C8;--ink:#122D42;--muted:#587186;--line:#E4EEF2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Gotham,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}button,a{font:inherit}a{text-decoration:none;color:inherit}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,90px);border-bottom:1px solid #edf2f4;position:relative;z-index:10;background:#fff;gap:20px}.logo{font-size:29px;font-weight:900;color:var(--indigo);letter-spacing:.09em}.logo small{display:block;text-align:center;font-weight:700;font-size:9px;letter-spacing:.28em;color:var(--steel);margin-top:-2px}.links{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700;color:#38576c}.links a:hover{color:var(--steel)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;background:linear-gradient(95deg,var(--steel),var(--indigo));color:#fff;border-radius:8px;padding:15px 24px;font-weight:700;font-size:13px;box-shadow:0 8px 20px rgba(0,95,131,.13);cursor:pointer}.btn:hover{filter:brightness(1.07)}
.hero{min-height:calc(100svh - 78px);max-width:1640px;margin:0 auto;display:grid;grid-template-columns:minmax(360px,42%) minmax(0,58%);align-items:center;padding:35px clamp(28px,4vw,72px) 50px;gap:10px;isolation:isolate}.copy{position:relative;z-index:3;padding:20px 0 20px 10px}.eyebrow{color:#0F93AF;font-size:12px;letter-spacing:.2em;font-weight:800;margin-bottom:25px}.copy h1{font-size:clamp(48px,5.25vw,84px);letter-spacing:-.057em;line-height:1.055;margin:0 0 24px;font-weight:850}.copy h1 span{color:var(--steel)}.desc{font-size:clamp(15px,1.3vw,19px);line-height:1.75;color:var(--muted);max-width:450px;margin:0 0 28px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-button{border:0;background:transparent;cursor:pointer;color:var(--indigo);font-weight:700;font-size:13px;display:flex;align-items:center;gap:11px}.play{height:39px;width:39px;border-radius:50%;display:grid;place-items:center;border:1px solid #b8dfe9;color:var(--indigo)}.proofs{display:flex;gap:30px;margin-top:76px}.proofs div{display:grid;gap:7px}.proofs b{font-size:19px;color:var(--indigo)}.proofs small{color:#8197a6;font-size:11px}
.visual{position:relative;min-width:0;overflow:hidden;height:clamp(470px,52vw,690px);border-radius:28px;background:radial-gradient(ellipse 63% 53% at 51% 54%,rgba(62,177,200,.16),transparent 77%),linear-gradient(120deg,#fbfeff,#eff9fc 65%,#f9feff);contain:layout paint;touch-action:pan-y}.visual::after{content:'';position:absolute;inset:17px;border:1px solid rgba(62,177,200,.10);border-radius:20px;pointer-events:none}.orbit{position:absolute;width:74%;height:53%;border:1px solid rgba(62,177,200,.22);border-radius:50%;top:25%;left:13%;transform:rotate(-17deg);z-index:0;pointer-events:none}.orbit::before,.orbit::after{content:'';position:absolute;border-radius:100%;background:var(--steel);box-shadow:0 0 0 7px rgba(62,177,200,.09)}.orbit::before{width:7px;height:7px;left:10%;top:20%}.orbit::after{width:6px;height:6px;right:8%;bottom:25%}
.stage{position:absolute;inset:0;perspective:1250px;transform-style:preserve-3d;z-index:1;overflow:hidden;pointer-events:none}.screen{position:absolute;top:49%;left:50%;width:min(75%,555px);aspect-ratio:2.06/1;transform-origin:center center;transition:transform 850ms cubic-bezier(.2,.75,.17,1),opacity 850ms ease,filter 850ms ease;will-change:transform;backface-visibility:hidden;pointer-events:none}.screen .frame{width:100%;height:100%;border:5px solid rgba(255,255,255,.96);border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 24px 43px rgba(13,82,110,.16),0 4px 13px rgba(0,95,131,.11);}.screen img{display:block;width:100%;height:100%;object-fit:contain;background:white}.screen.active .frame{box-shadow:0 31px 65px rgba(0,88,124,.21),0 5px 14px rgba(0,95,131,.13)}
.floating{position:absolute;z-index:5;height:48px;width:48px;border-radius:50%;background:rgba(255,255,255,.94);border:1px solid #cce6ef;box-shadow:0 10px 26px rgba(0,95,131,.12);display:grid;place-items:center;color:var(--indigo);pointer-events:none;animation:bob 5s ease-in-out infinite}.floating svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}.f1{left:7%;top:17%}.f2{right:6%;top:20%;animation-delay:-1s}.f3{left:10%;bottom:21%;animation-delay:-2s}.f4{right:10%;bottom:23%;animation-delay:-3s}@keyframes bob{50%{transform:translateY(-8px)}}
.controls{position:absolute;z-index:6;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #d5e8ef;border-radius:35px;padding:7px 9px;box-shadow:0 8px 24px rgba(0,95,131,.06)}.arrow{border:0;border-radius:50%;height:33px;width:33px;background:#e7f5fa;color:var(--indigo);cursor:pointer;font-size:19px}.arrow:hover{background:#ccecf6}.arrow:disabled{opacity:.3;cursor:default}.counter{font-size:12px;letter-spacing:.05em;min-width:48px;text-align:center;color:var(--indigo);font-weight:800}.captionbar{position:absolute;top:25px;left:50%;transform:translateX(-50%);z-index:6;white-space:nowrap;padding:10px 16px;border-radius:30px;background:rgba(255,255,255,.90);border:1px solid #d8eaf1;color:var(--indigo);font-size:12px;font-weight:700;box-shadow:0 5px 18px rgba(0,95,131,.05)}.scrollhint{position:absolute;bottom:83px;left:50%;transform:translateX(-50%);z-index:5;color:#6c96aa;font-size:11px;letter-spacing:.07em;text-align:center;white-space:nowrap}
.after{background:#f5fafc;padding:100px 7%;min-height:65vh;display:flex;align-items:center;justify-content:center;text-align:center}.after>div{max-width:730px}.after small{color:var(--steel);letter-spacing:.2em;font-weight:700}.after h2{font-size:clamp(30px,4vw,55px);letter-spacing:-.045em;margin:20px 0}.after p{color:var(--muted);line-height:1.8}
@media(max-width:1050px){.links{gap:15px}.hero{grid-template-columns:42% 58%;padding-inline:20px}.copy h1{font-size:clamp(43px,5vw,65px)}.proofs{gap:16px}.visual{height:540px}.screen{width:82%}}
@media(max-width:760px){.nav{height:70px;padding:0 20px}.links{display:none}.nav .btn{padding:12px;font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:34px 18px}.copy{padding:12px 9px}.copy h1{font-size:clamp(44px,10vw,64px)}.proofs{margin-top:30px;justify-content:space-between}.visual{height:470px;width:100%}.screen{width:77%}.floating{width:38px;height:38px}.f1{left:4%;top:17%}.f2{right:4%;top:17%}.f3{left:5%;bottom:20%}.f4{right:5%;bottom:20%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* V4: Seamless visual space, spontaneous orbit icons, ambient energy signals */
.hero{position:relative;isolation:isolate;overflow:hidden}
.energy-field{position:absolute;inset:-6% -4%;z-index:-1;pointer-events:none;overflow:hidden;opacity:.85;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 100%)}
.energy-field svg{position:absolute;inset:0;width:100%;height:100%}
.circuit-lines path{fill:none;stroke:url(#energyfade);stroke-width:1.05}
.energy-pulses path{fill:none;stroke:#3EB1C8;stroke-width:2;stroke-linecap:round;stroke-dasharray:8 1600;animation:signal-run 11s linear infinite;filter:drop-shadow(0 0 4px rgba(62,177,200,.7))}
.energy-pulses .p2{animation-duration:13s;animation-delay:-4s;stroke:#005F83;stroke-width:1.7}
.energy-pulses .p3{animation-duration:14s;animation-delay:-8s;stroke:#3EB1C8;stroke-width:1.4}
.energy-pulses .p4{animation-duration:12s;animation-delay:-6s;stroke:#3EB1C8}
@keyframes signal-run{from{stroke-dashoffset:0}to{stroke-dashoffset:-1608}}
.energy-node{fill:#3EB1C8;opacity:.3;filter:drop-shadow(0 0 5px #3EB1C8);animation:node-pulse 4s ease-in-out infinite}
.energy-node.n2{animation-delay:-1.5s}.energy-node.n3{animation-delay:-2.5s}
@keyframes node-pulse{50%{opacity:.85;transform:scale(1.6);transform-box:fill-box;transform-origin:center}}
.visual{background:transparent;border-radius:0;contain:layout;overflow:hidden}
.visual::before{content:"";position:absolute;inset:10% 0% 5%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 57% 44% at 50% 50%,rgba(62,177,200,.16),rgba(62,177,200,.075) 49%,rgba(255,255,255,0) 83%)}
.visual::after{display:none}
.orbit{width:77%;height:45%;left:13%;top:29%;border-color:rgba(62,177,200,.22);transform:rotate(-22deg);animation:orbit-drift 19s ease-in-out infinite alternate}
.orbit-secondary{width:63%;height:67%;left:18%;top:17%;border-color:rgba(0,95,131,.10);transform:rotate(38deg);animation-duration:24s;animation-direction:alternate-reverse}
@keyframes orbit-drift{from{transform:rotate(-22deg) scale(1)}to{transform:rotate(-9deg) scale(1.035)}}
.floating{z-index:5;background:rgba(255,255,255,.81);backdrop-filter:blur(10px);border-color:rgba(62,177,200,.25);box-shadow:0 7px 25px rgba(0,95,131,.11);animation:bob 5s ease-in-out infinite}
.f1{left:6%;top:23%;animation-delay:-.7s}
.f2{right:8%;top:10%;animation-delay:-2.1s;width:42px;height:42px}
.f3{left:19%;bottom:12%;animation-delay:-3.3s;width:43px;height:43px}
.f4{right:3%;bottom:30%;animation-delay:-1.4s;width:54px;height:54px}
@keyframes bob{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(6px,-13px,0) rotate(7deg)}}
.captionbar{background:rgba(255,255,255,.79);backdrop-filter:blur(10px)}
.controls{background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}
@media(max-width:760px){.energy-field{inset:0;opacity:.55}.f1{left:3%;top:20%}.f2{right:6%;top:12%}.f3{left:8%;bottom:17%}.f4{right:3%;bottom:28%}}
@media(prefers-reduced-motion:reduce){.energy-pulses path,.energy-node,.orbit,.floating{animation:none!important}}

/* TECHNIA brand consistency + internationalized navigation */
@font-face{font-family:Gotham;src:url("../fonts/Gotham-Book.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Gotham;src:url("../fonts/Gotham-Medium.otf") format("opentype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Gotham;src:url("../fonts/Gotham-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Gotham;src:url("../fonts/Gotham-Black.otf") format("opentype");font-style:normal;font-weight:900;font-display:swap}
:root{--indigo:#005F83;--steel:#3EB1C8;--ink:#333333;--muted:#555555;--line:#F2F2F2}
body,button,select,a{font-family:Gotham,Arial,sans-serif}
.nav{gap:clamp(12px,2vw,28px)}
.nav .logo{display:flex;align-items:center;gap:13px;flex-shrink:0;letter-spacing:0}
.nav .logo .goman-logo{display:block;width:124px;height:auto;max-height:52px;object-fit:contain}
.nav .logo small{display:block;margin:0;border-left:1px solid #DAE8ED;padding-left:12px;letter-spacing:.19em;font-size:9px;text-align:left;white-space:nowrap;color:#005F83}
.nav .links{margin-left:auto;gap:clamp(14px,2.2vw,32px);color:#005F83}
.language-picker{position:relative;margin-left:8px;flex-shrink:0}
.language-picker select{color:#005F83;font-weight:700;font-size:12px;background:#fff;border:1px solid #D8EAF1;border-radius:8px;padding:10px 10px;cursor:pointer}
.language-picker select:focus-visible,.arrow:focus-visible,.btn:focus-visible{outline:2px solid #005F83;outline-offset:3px}
.copy h1{font-weight:900;color:#333333}
.copy h1 span{color:#3EB1C8}
.eyebrow,.after small{color:#005F83}
.desc,.after p{color:#555555}
/* No boxes containing the gallery. Brand colors only. */
@media(max-width:880px){.nav{flex-wrap:wrap;height:auto;min-height:76px;padding-block:12px}.nav .links{order:5;width:100%;justify-content:center;display:flex;gap:14px;font-size:11px}.nav .logo .goman-logo{width:104px}.nav .logo small{font-size:8px}.nav .btn{padding:11px 12px;font-size:11px}}
@media(max-width:480px){.nav .logo small{display:none}.nav .links{overflow-x:auto;justify-content:flex-start;white-space:nowrap}.language-picker{margin-left:auto}.hero{padding-top:12px}.copy h1{font-size:clamp(42px,11vw,58px)}}

/* Project integration: Gotham and official TECHNIA palette */
@font-face{font-family:Gotham;src:url('../fonts/Gotham-Book.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Gotham;src:url('../fonts/Gotham-Medium.otf') format('opentype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Gotham;src:url('../fonts/Gotham-Bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Gotham;src:url('../fonts/Gotham-Black.otf') format('opentype');font-style:normal;font-weight:900;font-display:swap}
body{font-family:Gotham,Arial,sans-serif}button,select,input,a{font-family:inherit}
:root{--ink:#333333;--muted:#555555;--indigo:#005F83;--steel:#3EB1C8;--line:#F2F2F2}
.copy h1{font-weight:900} .nav .links,.eyebrow,.btn{font-weight:700}
/* Keep hero only; controls always legible */
.visual{overflow:hidden}.screen{will-change:transform,opacity}
.copy{z-index:3}.energy-field{z-index:-1}
/* Avoid dead links while other sections are postponed */
.nav .links{gap:26px}
@media(max-width:760px){.hero{min-height:auto}.visual{min-height:420px}}

/* V6 – header language selector, precise hero alignment, full-width signals */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-picker{position:relative;margin-left:6px;flex-shrink:0;display:flex;align-items:center;gap:8px}
.lang-icon{width:34px;height:34px;border:1px solid #D8EAF1;border-radius:50%;display:grid;place-items:center;background:#fff;color:#005F83;flex-shrink:0}
.lang-icon svg{width:18px;height:18px;display:block}
.language-picker select{color:#005F83;font-weight:700;font-size:12px;background:#fff;border:1px solid #D8EAF1;border-radius:8px;padding:0 10px;height:38px;min-width:55px;line-height:normal;cursor:pointer}
.hero{grid-template-columns:minmax(340px,40%) minmax(0,60%);gap:18px;position:relative;overflow:hidden}
.copy{padding:20px 0;margin-left:-6px}
.copy h1{font-size:clamp(44px,4.7vw,74px);letter-spacing:-.052em;line-height:1.04;max-width:535px}
.actions{gap:14px;margin-top:4px}
.energy-field{position:absolute;top:0;bottom:0;left:50%;right:auto;width:100vw;transform:translateX(-50%);overflow:hidden;opacity:.85;pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 100%)}
.energy-field svg{position:absolute;inset:0;width:100%;height:100%;display:block}
@media(max-width:1050px){.hero{grid-template-columns:42% 58%}.copy h1{font-size:clamp(40px,4.7vw,64px)}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;gap:10px}.copy{margin-left:0;padding:12px 9px}.copy h1{font-size:clamp(42px,10vw,62px)}.energy-field{opacity:.55}}


/* =============================================================
   V7 - final hero spacing & softly fading energy lines
   Keeps existing gallery mechanics and all language translations.
   ============================================================= */
@media (min-width: 1061px) {
  /* Tiny adjustment toward the left, no overlapping the headline. */
  .copy { margin-left: -12px; }
  .visual { transform: translateX(-16px); }
  /* Reduce the wide-card impression without cropping screenshots. */
  .screen { width: min(72%, 530px); }
}

/* Signals span the available hero width and disappear naturally at the edges. */
.hero .energy-field {
  left: 50%;
  right: auto;
  width: 100vw;
  transform: translateX(-50%);
  -webkit-mask-image: linear-gradient(90deg,
    transparent 0%, #000 9%, #000 78%, transparent 100%);
  mask-image: linear-gradient(90deg,
    transparent 0%, #000 9%, #000 78%, transparent 100%);
}

/* Avoid a harsh perspective, retain a crisp screenshot. */
.stage { perspective: 1550px; }
.screen img { object-fit: contain; }

@media (min-width: 761px) and (max-width: 1060px) {
  .copy { margin-left: -8px; }
  .visual { transform: translateX(-8px); }
  .screen { width: 78%; }
}
@media (max-width: 760px) {
  .copy { margin-left: 0; }
  .visual { transform: none; }
  .screen { width: 77%; }
  .hero .energy-field {
    -webkit-mask-image: linear-gradient(90deg,transparent, #000 8%,#000 78%,transparent);
    mask-image: linear-gradient(90deg,transparent, #000 8%,#000 78%,transparent);
  }
}




/* =========================================================
   ABOUT GOMAN V11 — full screen, spacious orbital layout
   Uses only TECHNIA Indigo #005F83 and Steel Blue #3EB1C8.
   ========================================================= */
.about-goman{
  position:relative; isolation:isolate; box-sizing:border-box;
  height:100vh; height:100svh; min-height:0; width:100%;
  overflow:hidden; border-top:1px solid rgba(0,95,131,.09);
  background:
    radial-gradient(ellipse 49% 62% at 50% 51%, rgba(0,95,131,.105) 0%,rgba(62,177,200,.065) 44%,transparent 90%),
    radial-gradient(ellipse 68% 70% at 50% 58%, #e0f0f5 0%,#ecf6f9 68%,#f7fbfc 100%);
}
.about-goman__container{
  box-sizing:border-box; position:relative; width:min(100%,1500px);
  height:100%; margin:auto; padding:clamp(22px,3.8svh,40px) clamp(20px,3vw,48px) clamp(13px,2svh,24px);
  display:flex; flex-direction:column; align-items:center;
}
.about-goman__title{
  flex-shrink:0; font-size:clamp(28px,2.65vw,42px); line-height:1.15;
  color:#005F83; font-weight:900; letter-spacing:-.042em;
  margin:0 0 10px; text-align:center;
}
.about-goman__text{
  flex-shrink:0; max-width:710px; margin:0 auto 8px;
  color:#426779; font-size:clamp(13px,1.04vw,16px);
  line-height:1.55; text-align:center;
}
.about-orbit{
  box-sizing:border-box; position:relative; width:100%; max-width:1300px;
  flex:1 1 auto; min-height:0; margin:0 auto;
}
.about-orbit__paths{
  position:absolute; inset:0; width:100%; height:100%;
  overflow:hidden; pointer-events:none;
}
.about-orbit__ring{fill:none;stroke:url(#aboutOrbitStroke);stroke-width:1.25}
.about-orbit__ring--inner{stroke:#3EB1C8;stroke-opacity:.23;stroke-dasharray:3 7}
.about-orbit__ring--outer{stroke:#3EB1C8;stroke-opacity:.26;stroke-dasharray:2 9}
.about-orbit__signal{fill:#3EB1C8;filter:drop-shadow(0 0 4px rgba(62,177,200,.6))}
.about-orbit__core{
  position:absolute; left:50%;top:50%;transform:translate(-50%,-50%);
  width:clamp(126px,12vw,170px);aspect-ratio:1;
  display:grid;place-items:center;padding:27px 15px;
  border-radius:50%;border:1px solid #b2dce7;
  background:radial-gradient(circle at 35% 20%,#fff 0%,#f5fcfe 65%,#e3f4f8 100%);
  box-shadow:0 0 0 10px rgba(255,255,255,.21), 0 15px 40px rgba(0,95,131,.15), inset 0 0 25px rgba(62,177,200,.12);
}
.about-orbit__core::after{content:"";position:absolute;inset:8px;border:1px solid rgba(62,177,200,.26);border-radius:50%}
.about-orbit__core img{position:relative;z-index:1;display:block;width:100%;max-width:145px;height:auto;object-fit:contain}
.about-orbit__item{
  position:absolute;z-index:2; display:flex;align-items:center;gap:12px;
  width:260px; max-width:29%; min-width:0;
  transition:transform .32s ease,filter .32s ease;
}
.about-orbit__item:hover{transform:translateY(-6px);filter:drop-shadow(0 6px 12px rgba(0,95,131,.14))}
.about-orbit__icon{
  flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;
  border-radius:50%;border:1px solid rgba(0,95,131,.17);
  background:rgba(255,255,255,.85);color:#005F83;
  box-shadow:0 8px 22px rgba(0,95,131,.075);
  transition:background .25s ease,transform .25s ease;
}
.about-orbit__item:hover .about-orbit__icon{transform:scale(1.09);background:#fff}
.about-orbit__icon svg{width:27px;height:27px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-orbit__copy h3{margin:0 0 5px;font-size:clamp(14px,1.22vw,18px);font-weight:700;line-height:1.2;color:#005F83}
.about-orbit__copy p{margin:0;color:#45687a;font-size:clamp(11px,.92vw,13px);line-height:1.44}
/* Symmetric placement; keep all six entries inside the visible canvas. */
.about-orbit__item--simplicity{left:44%;top:1%}
.about-orbit__item--workshifts{left:73%;top:24%}
.about-orbit__item--variability{left:73%;top:63%}
.about-orbit__item--control{left:44%;top:84%}
.about-orbit__item--sharing{left:6%;top:63%;flex-direction:row-reverse;text-align:right}
.about-orbit__item--connection{left:6%;top:24%;flex-direction:row-reverse;text-align:right}
.about-goman.about-animate .about-orbit__item.about-reveal{opacity:0;translate:0 10px;transition:opacity .55s ease,translate .55s ease,transform .32s ease}
.about-goman.about-animate .about-orbit__item.about-reveal.is-visible{opacity:1;translate:0 0}
@media (max-height:760px) and (min-width:701px){
  .about-goman__container{padding-top:14px;padding-bottom:10px}
  .about-goman__title{font-size:clamp(26px,2.3vw,36px);margin-bottom:5px}
  .about-goman__text{margin-bottom:2px}
  .about-orbit__icon{flex-basis:51px;width:51px;height:51px}
  .about-orbit__core{width:118px;padding:24px 12px}
  .about-orbit__item--control{top:82%}
}
@media (max-width:1050px) and (min-width:701px){
  .about-orbit__item{width:220px;max-width:30%}
  .about-orbit__icon{flex-basis:52px;width:52px;height:52px}
  .about-orbit__item--connection,.about-orbit__item--sharing{left:0}
  .about-orbit__item--workshifts,.about-orbit__item--variability{left:auto;right:0}
}
/* Phones: readability beats forcing a six-item diagram into 100svh. */
@media(max-width:700px){
  .about-goman{height:auto;min-height:100svh;overflow:hidden}
  .about-goman__container{height:auto;padding:65px 20px 75px}
  .about-goman__text{margin-bottom:25px}
  .about-orbit{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:148px}
  .about-orbit__paths{top:0;left:50%;width:240px;height:240px;transform:translateX(-50%);opacity:.6}
  .about-orbit__core{top:7px;left:50%;transform:translateX(-50%);width:125px;height:125px;padding:19px 11px}
  .about-orbit__item,.about-orbit__item--simplicity,.about-orbit__item--workshifts,.about-orbit__item--variability,.about-orbit__item--connection,.about-orbit__item--sharing,.about-orbit__item--control{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;max-width:none;width:auto;
    flex-direction:column;align-items:flex-start;text-align:left;gap:10px;
    padding:16px;background:rgba(255,255,255,.62);
    border:1px solid rgba(0,95,131,.13);border-radius:14px;
  }
  .about-orbit__icon{flex-basis:auto;width:46px;height:46px}
}
@media(max-width:440px){.about-orbit{grid-template-columns:1fr}.about-orbit__item{flex-direction:row!important;align-items:center}}
@media(prefers-reduced-motion:reduce){
  .about-orbit__signal{display:none}
  .about-orbit__item,.about-orbit__icon{transition:none!important}
  .about-goman.about-animate .about-orbit__item.about-reveal{opacity:1;translate:0 0}
}


/* V12 — always-visible header and viewport-aware section geometry */
:root{--goman-header-height:78px}
html{scroll-padding-top:var(--goman-header-height)}
.nav{position:sticky;top:0;z-index:1000;width:100%;box-shadow:0 2px 12px rgba(0,95,131,.045)}
/* 100svh includes browser viewport; subtract the visible sticky header */
@media(min-width:701px){
  .hero{min-height:calc(100svh - var(--goman-header-height))}
  .about-goman{
    height:calc(100svh - var(--goman-header-height));
    min-height:0;
    scroll-margin-top:var(--goman-header-height);
  }
  /* Move the central emblem / circles upward without squeezing the feature labels. */
  .about-orbit__paths{transform:translateY(-34px)}
  .about-orbit__core{top:calc(50% - 34px)}
  /* Match item placement to balanced upper/lower bounds. */
  .about-orbit__item--simplicity{top:0}
  .about-orbit__item--control{top:79%}
}
@media(max-width:700px){
  .about-goman{scroll-margin-top:var(--goman-header-height)}
}


/* ============================================================
   V14 — CAPACITY PLANNING / CLEAN SPLIT, NOT WHITE CARDS
   TECHNIA: #3EB1C8 #005F83 #F2F2F2 #333333 #FFFFFF
   ============================================================ */
.capacity-section {
  position: relative;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
  min-height: calc(100svh - var(--goman-header-height, 78px));
  height: calc(100svh - var(--goman-header-height, 78px));
  scroll-margin-top: var(--goman-header-height, 78px);
  overflow: hidden;
  background:
    radial-gradient(ellipse 40% 55% at 20% 27%, rgba(62,177,200,.075), transparent 86%),
    radial-gradient(ellipse 45% 58% at 79% 77%, rgba(0,95,131,.055), transparent 85%),
    linear-gradient(180deg, #ffffff 0%, #f9fcfd 53%, #ffffff 100%);
}
.capacity-section__inner {
  display: grid;
  grid-template-rows: auto minmax(0,1fr);
  gap: clamp(6px,1.2svh,16px);
  width: min(100%, 1440px);
  height: 100%;
  margin-inline: auto;
  padding: clamp(12px,2svh,22px) clamp(25px,4vw,68px) clamp(12px,2svh,22px);
  box-sizing: border-box;
}
.capacity-section__intro {
  max-width: 780px;
  text-align: center;
  margin: 0 auto;
}
.capacity-section__title {
  margin: 0 0 7px;
  color: #333333;
  font-weight: 900;
  line-height: 1.08;
  font-size: clamp(24px,2.25vw,35px);
  letter-spacing: -.04em;
}
.capacity-section__title-accent { color: #3EB1C8; }
.capacity-section__intro > p {
  margin: 0 auto;
  max-width: 720px;
  color: #555555;
  font-size: clamp(12px,.93vw,15px);
  line-height: 1.45;
}
.capacity-section__cards {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  min-height: 0;
}
.capacity-card {
  display: grid;
  grid-template-columns: 49% 51%;
  align-items: center;
  gap: clamp(12px,2vw,30px);
  min-height: 0;
  padding: clamp(6px,1.15svh,14px) clamp(6px,1vw,14px);
  box-sizing: border-box;
  position: relative;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.capacity-card:hover { border: 0; box-shadow: none; transform: none; }
.capacity-card--machine {
  grid-template-columns: 51% 49%;
  border-top: 1px solid rgba(0,95,131,.12);
}
.capacity-card__body { max-width: 570px; position: relative; z-index: 1; }
.capacity-card--human .capacity-card__body { justify-self: start; }
.capacity-card--machine .capacity-card__body { justify-self: end; }
.capacity-card__body::before {
  content: ''; display: block; width: 38px; height: 2px;
  border-radius: 8px; background: #3EB1C8; margin-bottom: 12px;
}
.capacity-card__body h3 {
  margin: 0 0 clamp(7px,1svh,12px);
  color: #005F83;
  font-size: clamp(21px,2.1vw,32px);
  line-height: 1.13;
  letter-spacing: -.032em;
  font-weight: 700;
}
.capacity-card__body p {
  color: #555555;
  font-size: clamp(12px,.9vw,15px);
  line-height: 1.55;
  max-width: 570px;
  margin: 0 0 clamp(9px,1.4svh,16px);
}
.capacity-card__benefits {
  display: grid;
  gap: clamp(5px,.8svh,10px);
  padding: 0;
  margin: 0;
  list-style: none;
}
.capacity-card__benefits li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #333333;
  font-size: clamp(12px,.88vw,14px);
  line-height: 1.35;
}
.capacity-card__check {
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  color: #005F83;
  border-radius: 50%;
  background: rgba(62,177,200,.16);
  font-weight: 900;
}
.capacity-card__art {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 0;
  overflow: visible;
}
.capacity-card__art-halo {
  position: absolute;
  width: 85%;
  height: 83%;
  max-height: 270px;
  border-radius: 50%;
  background: radial-gradient(ellipse,rgba(62,177,200,.115) 0%,rgba(62,177,200,.045) 55%,transparent 78%);
  pointer-events: none;
}
.capacity-card__art img {
  position: relative;
  display: block;
  width: min(100%, 550px);
  height: 100%;
  max-height: min(34svh, 325px);
  object-fit: contain;
  filter: drop-shadow(0 14px 18px rgba(0,95,131,.055));
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
.capacity-card:hover .capacity-card__art img { transform: translateY(-5px); }
.capacity-card--human .capacity-card__art { padding: 0 clamp(6px,1vw,12px) 0 0; }
.capacity-card--machine .capacity-card__art { padding: 0 0 0 clamp(6px,1vw,12px); }
/* Viewport fitting: avoid forcing overlap on short desktop screens */
@media(min-width:761px) and (max-height:720px) {
  .capacity-section__inner { gap:4px; padding-block:7px; }
  .capacity-card { padding-block:3px; }
  .capacity-card__body::before { margin-bottom:6px; }
  .capacity-card__art img { max-height:29svh; }
  .capacity-card__benefits { gap:4px; }
}
@media(max-width:760px) {
  .capacity-section { height:auto; min-height:0; overflow:visible; }
  .capacity-section__inner { display:block; padding:42px 20px 50px; }
  .capacity-section__intro { margin-bottom:28px; }
  .capacity-section__cards { display:block; }
  .capacity-card,.capacity-card--machine { grid-template-columns:1fr; gap:16px; padding:18px 0 25px; }
  .capacity-card--machine { padding-top:30px; }
  .capacity-card__art { height:225px; }
  .capacity-card__art img { max-height:215px; }
  .capacity-card--machine .capacity-card__art { order:0; padding:0; }
  .capacity-card--machine .capacity-card__body { order:1; justify-self:stretch; }
  .capacity-card__body h3 { font-size:25px; }
  .capacity-card__body p { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
  .capacity-card__art img { transition:none!important; transform:none!important; }
}

/* ==============================================================
   V15 — Capacity Planning: asymmetrical full-screen + one Lottie
   TECHNIA Steel Blue #3EB1C8 / Indigo Dye #005F83 / Jet #333333
   ============================================================= */
.capacity-section.capacity-flow {
  height: calc(100svh - var(--goman-header-height, 78px));
  min-height: 0;
  scroll-margin-top: var(--goman-header-height, 78px);
  overflow: hidden;
  background:
    radial-gradient(ellipse 57% 68% at 75% 48%,rgba(62,177,200,.115) 0%,rgba(62,177,200,.035) 50%,transparent 88%),
    linear-gradient(115deg,#fff 0%,#fbfdfe 42%,#f2f8fa 100%);
}
.capacity-flow__inner {
  width: min(100%, 1560px);
  height: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: minmax(340px, 42%) minmax(0, 58%);
  align-items: center;
  gap: clamp(16px,2vw,42px);
  padding: clamp(20px,4svh,42px) clamp(30px,5vw,86px);
  box-sizing: border-box;
}
.capacity-flow__content {position:relative;z-index:2;max-width:600px;}
.capacity-flow__eyebrow {
  display:flex;align-items:center;gap:12px;
  color:#005F83;font-weight:700;letter-spacing:.19em;
  font-size:clamp(10px,.8vw,12px);margin:0 0 clamp(12px,2svh,24px);
}
.capacity-flow__eyebrow::before {content:"";width:32px;height:2px;background:#3EB1C8;flex:none;}
.capacity-flow__title {
  font-size:clamp(34px,3.9vw,64px);line-height:1.04;
  letter-spacing:-.045em;font-weight:900;margin:0 0 clamp(16px,2.5svh,29px);
  color:#333333;
}
.capacity-flow__title>span {display:block;}
.capacity-flow__title .capacity-flow__title-accent {color:#3EB1C8;}
.capacity-flow__lead {
  max-width:510px;margin:0 0 clamp(26px,4.6svh,52px);
  color:#555;line-height:1.68;font-size:clamp(14px,1.05vw,18px);
}
.capacity-flow__features {display:grid;gap:clamp(18px,3svh,32px);}
.capacity-flow__feature {display:flex;align-items:flex-start;gap:17px;}
.capacity-flow__icon {
  display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;
  border-radius:50%;border:1px solid rgba(0,95,131,.12);
  background:rgba(62,177,200,.09);color:#005F83;
  transition:transform .35s ease,background .35s ease;
}
.capacity-flow__icon svg {width:27px;height:27px;}
.capacity-flow__feature:hover .capacity-flow__icon {transform:translateY(-3px);background:rgba(62,177,200,.17);}
.capacity-flow__feature h3 {margin:2px 0 6px;font-size:clamp(16px,1.15vw,20px);line-height:1.2;font-weight:700;color:#005F83;}
.capacity-flow__feature p {margin:0;color:#555;font-size:clamp(12px,.94vw,15px);line-height:1.6;max-width:400px;}
.capacity-flow__visual {
  position:relative;display:grid;place-items:center;
  min-width:0;width:100%;height:min(75svh,660px);
  isolation:isolate;
}
.capacity-flow__glow {
  position:absolute;inset:7% 2%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(62,177,200,.12) 0%,rgba(62,177,200,.045) 54%,transparent 78%);
  border-radius:50%;
}
.capacity-flow__animation {display:block;width:100%;height:100%;min-width:0;filter:drop-shadow(0 18px 22px rgba(0,95,131,.07));}
.capacity-flow__fallback {display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:12px;text-align:center;color:#005F83;font-size:14px;letter-spacing:.05em;}
.capacity-flow__fallback-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid rgba(62,177,200,.35);font-size:28px;}
.capacity-flow__visual.is-missing .capacity-flow__animation {visibility:hidden;}
.capacity-flow__visual.is-missing .capacity-flow__fallback {display:flex;}
@media(min-width:761px) and (max-height:730px) {
  .capacity-flow__inner{padding-block:12px;}
  .capacity-flow__title{font-size:clamp(31px,3.4vw,48px);margin-bottom:12px;}
  .capacity-flow__lead{margin-bottom:20px;line-height:1.5;}
  .capacity-flow__features{gap:16px;}
  .capacity-flow__icon{flex-basis:50px;width:50px;height:50px;}
  .capacity-flow__visual{height:min(76svh,540px);}
}
@media(max-width:760px) {
  .capacity-section.capacity-flow{height:auto;min-height:calc(100svh - var(--goman-header-height,78px));overflow:visible;}
  .capacity-flow__inner{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:42px 22px 54px;}
  .capacity-flow__title{font-size:clamp(35px,9vw,50px);}
  .capacity-flow__lead{margin-bottom:24px;}
  .capacity-flow__features{gap:22px;}
  .capacity-flow__icon{flex-basis:48px;width:48px;height:48px;}
  .capacity-flow__visual{height:clamp(260px,72vw,480px);}
}
@media(prefers-reduced-motion:reduce){.capacity-flow__icon{transition:none!important;}}


/* ==============================================================
   V16 capacity scene — TECHNIA flowing backdrop
   Keeps existing Hero and Orbit styles untouched.
   ============================================================= */
.capacity-section.capacity-flow {
  position: relative;
  background:
    radial-gradient(ellipse 43% 47% at 76% 52%, rgba(0,95,131,.105) 0%, rgba(62,177,200,.055) 52%, transparent 92%),
    radial-gradient(ellipse 62% 78% at 100% 12%, rgba(62,177,200,.09), transparent 78%),
    linear-gradient(110deg, #fff 0%, #fafeff 47%, #f2f9fb 100%);
  isolation: isolate;
}
.capacity-section.capacity-flow::before,
.capacity-section.capacity-flow::after {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
  border: 1px solid rgba(62,177,200,.105);
}
.capacity-section.capacity-flow::before {
  width: min(82vw, 1300px);
  height: min(70vw, 800px);
  top: -55%; right: -21%;
  transform: rotate(-14deg);
}
.capacity-section.capacity-flow::after {
  width: min(78vw, 1150px);
  height: min(55vw, 700px);
  bottom: -60%; right: -17%;
  transform: rotate(13deg);
  opacity: .68;
}
.capacity-flow__inner { position: relative; z-index: 1; }
.capacity-flow__visual { position: relative; isolation: isolate; }
.capacity-flow__glow {
  inset: -8% -6%;
  z-index: -1;
  background:
    radial-gradient(ellipse 61% 53% at 50% 51%, rgba(0,95,131,.09), rgba(62,177,200,.07) 48%, transparent 82%);
  filter: blur(12px);
}
.capacity-flow__visual::before,
.capacity-flow__visual::after {
  content: '';
  position: absolute;
  left: 50%; top: 50%;
  pointer-events: none;
  z-index: -1;
  border-radius: 50%;
}
.capacity-flow__visual::before {
  width: 112%; height: 86%;
  border: 1px solid rgba(62,177,200,.18);
  transform: translate(-50%, -50%) rotate(-15deg);
}
.capacity-flow__visual::after {
  width: 94%; height: 107%;
  border: 1px dashed rgba(0,95,131,.115);
  transform: translate(-50%, -50%) rotate(23deg);
}
.capacity-flow__animation {
  width: 100%; height: 100%;
  min-width: 0; max-width: 100%;
  position: relative; z-index: 2;
  filter: drop-shadow(0 20px 19px rgba(0,95,131,.065));
}
.capacity-flow__fallback {
  background: rgba(255,255,255,.64);
  border: 1px dashed rgba(0,95,131,.15);
  border-radius: 16px;
  inset: 13%;
  padding: 18px;
}
@media (max-width: 760px) {
  .capacity-flow__visual::before { width: 102%; height: 84%; }
  .capacity-flow__visual::after { width: 92%; height: 94%; }
  .capacity-section.capacity-flow::before { right: -45%; top: -18%; }
}
@media (prefers-reduced-motion: reduce) {
  .capacity-flow__visual::before, .capacity-flow__visual::after { animation: none; }
}



/* ======================= V20 CAROUSEL SHOWCASE ======================= */
.goman-showcase{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - var(--goman-header-height,78px));display:flex;align-items:center;padding:clamp(22px,3svh,40px) clamp(18px,4vw,64px);background:radial-gradient(ellipse 48% 68% at 50% 62%,rgba(62,177,200,.15),transparent 78%),linear-gradient(135deg,#fff 10%,#f2f9fb 100%)}
.goman-showcase::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-45% -18%;border:1px solid rgba(62,177,200,.13);border-radius:50%;transform:rotate(-13deg)}
.goman-showcase__inner{width:min(1380px,100%);margin:auto;display:grid;gap:clamp(12px,2.2svh,22px)}
.goman-showcase__top{display:flex;align-items:end;justify-content:space-between;gap:18px}
.goman-showcase__eyebrow{color:#005F83;letter-spacing:.19em;font-size:10px;font-weight:700;display:flex;align-items:center;gap:11px;margin-bottom:8px}
.goman-showcase__eyebrow::before{content:"";width:30px;height:2px;background:#3EB1C8}
.goman-showcase__top h2{font-size:clamp(32px,3.4vw,50px);line-height:1.06;font-weight:900;letter-spacing:-.055em;margin:0;color:#333333}
.goman-showcase__top h2 span:last-child{color:#3EB1C8}
.goman-showcase__arrows{display:flex;gap:9px}.goman-showcase__arrows button{width:42px;height:42px;border:1px solid #cde5ed;border-radius:50%;background:#fff;color:#005F83;font-size:23px;cursor:pointer;box-shadow:0 6px 20px rgba(0,95,131,.06);transition:background .2s,transform .2s}.goman-showcase__arrows button:hover{background:#e5f6fa;transform:translateY(-2px)}
.goman-showcase__carousel{position:relative;height:clamp(265px,48svh,515px);perspective:1600px;outline-offset:4px;overflow:hidden}
.goman-showcase__track{position:absolute;inset:0;transform-style:preserve-3d}
.goman-showcase__slide{position:absolute;left:50%;top:50%;width:min(64%,800px);height:88%;padding:0;overflow:hidden;border:1px solid rgba(0,95,131,.15);border-radius:15px;background:#fff;transform:translate(-50%,-50%) scale(.65);opacity:0;pointer-events:none;cursor:pointer;box-shadow:0 15px 48px rgba(0,95,131,.14);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s,box-shadow .4s;backface-visibility:hidden}
.goman-showcase__slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
.goman-showcase__slide::after{content:"";position:absolute;inset:44% 0 0;background:linear-gradient(180deg,transparent,rgba(0,95,131,.84));pointer-events:none}
.goman-showcase__slide-label{position:absolute;bottom:19px;left:23px;z-index:2;color:#fff;font-size:clamp(16px,1.45vw,21px);font-weight:700}
.goman-showcase__open-icon{display:none;position:absolute;bottom:16px;right:18px;z-index:2;border-radius:50%;background:#fff;color:#005F83;width:39px;height:39px;place-items:center;font-size:24px}
.goman-showcase__slide.is-active{transform:translate(-50%,-50%) translateZ(70px) rotateY(0) scale(1);opacity:1;z-index:4;pointer-events:auto;box-shadow:0 25px 65px rgba(0,95,131,.2)}
.goman-showcase__slide.is-active .goman-showcase__open-icon{display:grid}
.goman-showcase__slide.is-before{transform:translate(-50%,-50%) translateX(-73%) translateZ(-130px) rotateY(25deg) scale(.76);opacity:.66;z-index:2;pointer-events:auto;filter:saturate(.8)}
.goman-showcase__slide.is-after{transform:translate(-50%,-50%) translateX(73%) translateZ(-130px) rotateY(-25deg) scale(.76);opacity:.66;z-index:2;pointer-events:auto;filter:saturate(.8)}
.goman-showcase__slide.is-before:hover,.goman-showcase__slide.is-after:hover{opacity:.88}
.goman-showcase__under{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.goman-showcase__meta{display:flex;align-items:baseline;gap:12px;min-width:0}.goman-showcase__meta strong{font-size:17px;color:#005F83}.goman-showcase__meta span{font-size:12px;color:#647d8d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goman-showcase__pagination{display:flex;gap:7px;justify-content:center}.goman-showcase__pagination button{width:25px;height:4px;border:0;background:#c5dfe8;border-radius:6px;padding:0;cursor:pointer;transition:background .2s,width .2s}.goman-showcase__pagination button.is-active{width:38px;background:#3EB1C8}
.goman-showcase__position{justify-self:end;font-size:12px;letter-spacing:.12em;color:#005F83;font-weight:700}
.goman-showcase__footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:clamp(10px,1.8svh,17px) 0 0;border-top:1px solid rgba(0,95,131,.12)}
.goman-showcase__footer>span{color:#005F83;font-weight:700;font-size:15px}.goman-showcase__cta-link{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 24px;border-radius:9px;background:linear-gradient(105deg,#3EB1C8,#005F83);color:white!important;text-decoration:none;font-size:13px;font-weight:700}.goman-showcase__cta-link:hover{filter:brightness(1.06)}
.goman-showcase__modal{width:min(1120px,94vw);max-width:none;max-height:94vh;padding:0;border:1px solid rgba(0,95,131,.2);border-radius:18px;background:#fff;color:#005F83;box-shadow:0 28px 100px rgba(0,38,57,.3);overflow:hidden}.goman-showcase__modal::backdrop{background:rgba(0,27,43,.72);backdrop-filter:blur(5px)}
.goman-showcase__modal-frame{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:94vh}.goman-showcase__modal-top,.goman-showcase__modal-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;background:#f6fbfd}.goman-showcase__modal-top{border-bottom:1px solid #dcecf0}.goman-showcase__close,.goman-showcase__modal-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d0e7ee;border-radius:9px;background:#fff;color:#005F83;font-size:22px;cursor:pointer}.goman-showcase__modal-image{min-height:0;overflow:auto;display:grid;place-items:center;background:#eef6f9}.goman-showcase__modal-image img{display:block;max-width:100%;max-height:calc(94vh - 125px);height:auto;width:auto;object-fit:contain}.goman-showcase__modal-controls{justify-content:center}.goman-showcase__modal-controls span{min-width:65px;text-align:center;font-size:12px;font-weight:700}
@media(min-width:761px) and (max-height:760px){.goman-showcase{padding-block:12px}.goman-showcase__inner{gap:10px}.goman-showcase__carousel{height:clamp(245px,44svh,370px)}}
@media(max-width:760px){.goman-showcase{min-height:0;padding:55px 16px 65px}.goman-showcase__carousel{height:clamp(220px,42vw,350px)}.goman-showcase__slide{width:82%;height:84%}.goman-showcase__slide.is-before{transform:translate(-50%,-50%) translateX(-65%) rotateY(15deg) scale(.69)}.goman-showcase__slide.is-after{transform:translate(-50%,-50%) translateX(65%) rotateY(-15deg) scale(.69)}.goman-showcase__under{grid-template-columns:1fr auto}.goman-showcase__pagination{grid-column:1/-1;grid-row:2}.goman-showcase__meta span{display:none}.goman-showcase__footer{flex-wrap:wrap}.goman-showcase__cta-link{width:100%}}
@media(prefers-reduced-motion:reduce){.goman-showcase__slide,.goman-showcase__pagination button,.goman-showcase__arrows button{transition:none!important}}


/* =====================================================
   V21 — Showcase: centered heading, TECHNIA atmosphere,
   fully visible side previews. Hero, Orbit and Capacity
   remain unchanged.
   ===================================================== */
.goman-showcase.goman-showcase--carousel {
  background:
    radial-gradient(ellipse 62% 53% at 50% 57%, rgba(0,95,131,.18) 0%, rgba(62,177,200,.12) 47%, transparent 100%),
    radial-gradient(ellipse 65% 70% at 92% 8%, rgba(62,177,200,.14), transparent 77%),
    linear-gradient(135deg, #eaf2f7 0%, #e0edf3 51%, #edf5f8 100%);
}
/* Fine arcs across the backdrop; no extra assets or JS. */
.goman-showcase.goman-showcase--carousel::before {
  inset: -38% -7%;
  border: 1px solid rgba(255,255,255,.47);
  border-radius: 50%;
  transform: rotate(-14deg);
}
.goman-showcase.goman-showcase--carousel::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  inset: -15% 9% -58%;
  border: 1px dashed rgba(0,95,131,.16);
  border-radius: 50%;
  transform: rotate(16deg);
}
/* Center heading on the page, not between the arrow buttons. */
.goman-showcase--carousel .goman-showcase__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 85px;
  text-align: center;
}
.goman-showcase--carousel .goman-showcase__eyebrow {
  justify-content: center;
  font-size: 10px;
}
.goman-showcase--carousel .goman-showcase__top h2 {
  font-size: clamp(30px, 3.15vw, 46px);
  line-height: 1.1;
}
.goman-showcase--carousel .goman-showcase__arrows {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
/* Allow the cards enough horizontal room. They overlap only where
   the main card covers them intentionally; no side-card edge clipping. */
.goman-showcase--carousel .goman-showcase__inner {
  width: min(1500px, 100%);
}
.goman-showcase--carousel .goman-showcase__carousel {
  height: clamp(275px, 49svh, 515px);
  overflow: hidden;
}
.goman-showcase--carousel .goman-showcase__slide {
  width: min(62%, 850px);
  height: 86%;
  border-radius: 14px;
}
.goman-showcase--carousel .goman-showcase__slide.is-active {
  transform: translate(-50%, -50%) translateZ(75px) rotateY(0) scale(1);
}
.goman-showcase--carousel .goman-showcase__slide.is-before {
  transform: translate(-50%, -50%) translateX(-48%) translateZ(-110px) rotateY(10deg) scale(.58);
  opacity: .82;
  filter: saturate(.9);
}
.goman-showcase--carousel .goman-showcase__slide.is-after {
  transform: translate(-50%, -50%) translateX(48%) translateZ(-110px) rotateY(-10deg) scale(.58);
  opacity: .82;
  filter: saturate(.9);
}
/* The image itself is never cropped. Keep the gradient near the caption. */
.goman-showcase--carousel .goman-showcase__slide img {
  object-fit: contain;
  object-position: center;
}
.goman-showcase--carousel .goman-showcase__slide::after {
  inset: 72% 0 0;
  background: linear-gradient(180deg, transparent, rgba(0,95,131,.88));
}
.goman-showcase--carousel .goman-showcase__slide.is-before::after,
.goman-showcase--carousel .goman-showcase__slide.is-after::after {
  background: linear-gradient(180deg, transparent, rgba(0,95,131,.38));
}
.goman-showcase--carousel .goman-showcase__slide.is-before .goman-showcase__slide-label,
.goman-showcase--carousel .goman-showcase__slide.is-after .goman-showcase__slide-label {
  opacity: 0;
}
@media (max-width: 760px) {
  .goman-showcase--carousel .goman-showcase__top {
    min-height: 118px;
    padding-bottom: 48px;
  }
  .goman-showcase--carousel .goman-showcase__arrows {
    top: auto;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
  }
  .goman-showcase--carousel .goman-showcase__carousel {
    height: clamp(225px, 48vw, 350px);
  }
  .goman-showcase--carousel .goman-showcase__slide {
    width: 75%;
    height: 79%;
  }
  .goman-showcase--carousel .goman-showcase__slide.is-before {
    transform: translate(-50%, -50%) translateX(-44%) rotateY(9deg) scale(.61);
  }
  .goman-showcase--carousel .goman-showcase__slide.is-after {
    transform: translate(-50%, -50%) translateX(44%) rotateY(-9deg) scale(.61);
  }
}
@media (prefers-reduced-motion: reduce) {
  .goman-showcase--carousel .goman-showcase__slide { transition: none !important; }
}


/* ============================================================
   V22 — Refined Product Showcase only.
   Retains existing carousel HTML and JS + all previous sections.
   ============================================================ */
.goman-showcase.goman-showcase--carousel {
  background:
    radial-gradient(ellipse 57% 46% at 50% 51%, rgba(62,177,200,.21) 0%, rgba(62,177,200,.09) 46%, transparent 100%),
    linear-gradient(135deg, #f2f7fa 0%, #e8f1f6 50%, #f1f7fa 100%);
}
/* Remove the giant orbital circles from this section to avoid
   repeating the visual motif of the About GOMAN section. */
.goman-showcase.goman-showcase--carousel::before,
.goman-showcase.goman-showcase--carousel::after {
  content: none;
  display: none;
}
.goman-showcase--carousel .goman-showcase__inner {
  width: min(1560px, 100%);
  gap: clamp(8px, 1.4svh, 15px);
}
.goman-showcase--carousel .goman-showcase__top {
  min-height: 69px;
}
.goman-showcase--carousel .goman-showcase__top h2 {
  font-size: clamp(30px, 3.05vw, 45px);
}
.goman-showcase--carousel .goman-showcase__carousel {
  height: clamp(320px, 55svh, 580px);
  overflow: hidden;
}
.goman-showcase--carousel .goman-showcase__slide {
  width: 60%;
  height: 91%;
  border-radius: 15px;
}
.goman-showcase--carousel .goman-showcase__slide.is-active {
  transform: translate(-50%, -50%) translateZ(90px) rotateY(0) scale(1);
  box-shadow: 0 28px 65px rgba(0,95,131,.23);
}
/* Keep exterior edges of neighboring slides in the frame.
   Their inner parts naturally sit behind the active slide. */
.goman-showcase--carousel .goman-showcase__slide.is-before {
  transform: translate(-50%, -50%) translateX(-52%) translateZ(-125px) rotateY(11deg) scale(.58);
  opacity: .87;
}
.goman-showcase--carousel .goman-showcase__slide.is-after {
  transform: translate(-50%, -50%) translateX(52%) translateZ(-125px) rotateY(-11deg) scale(.58);
  opacity: .87;
}
/* Minimize screenshot obscuration. */
.goman-showcase--carousel .goman-showcase__slide::after {
  inset: 84% 0 0;
  background: linear-gradient(180deg, transparent, rgba(0,95,131,.86));
}
.goman-showcase--carousel .goman-showcase__slide-label {
  bottom: 14px;
  left: 19px;
  text-shadow: 0 1px 5px rgba(0,40,56,.26);
}
.goman-showcase--carousel .goman-showcase__slide.is-before::after,
.goman-showcase--carousel .goman-showcase__slide.is-after::after {
  content: none;
}
/* Remove only the redundant footer slogan; preserve CTA. */
.goman-showcase--carousel .goman-showcase__footer > span {
  display: none;
}
.goman-showcase--carousel .goman-showcase__footer {
  justify-content: flex-end;
  padding-top: 8px;
}
.goman-showcase--carousel .goman-showcase__under {
  padding-top: 1px;
}
@media(max-width: 1100px) {
  .goman-showcase--carousel .goman-showcase__carousel { height: clamp(285px, 47svh, 480px); }
  .goman-showcase--carousel .goman-showcase__slide { width: 66%; height: 84%; }
  .goman-showcase--carousel .goman-showcase__slide.is-before {
    transform: translate(-50%, -50%) translateX(-47%) rotateY(9deg) scale(.55);
  }
  .goman-showcase--carousel .goman-showcase__slide.is-after {
    transform: translate(-50%, -50%) translateX(47%) rotateY(-9deg) scale(.55);
  }
}
@media(max-width: 760px) {
  .goman-showcase--carousel .goman-showcase__top { min-height: 120px; }
  .goman-showcase--carousel .goman-showcase__carousel { height: clamp(240px, 57vw, 360px); }
  .goman-showcase--carousel .goman-showcase__slide { width: 81%; height: 80%; }
  .goman-showcase--carousel .goman-showcase__slide.is-before {
    transform: translate(-50%, -50%) translateX(-31%) rotateY(6deg) scale(.55);
  }
  .goman-showcase--carousel .goman-showcase__slide.is-after {
    transform: translate(-50%, -50%) translateX(31%) rotateY(-6deg) scale(.55);
  }
  .goman-showcase--carousel .goman-showcase__slide-label { font-size: 14px; }
}
@media (max-height: 760px) and (min-width: 761px) {
  .goman-showcase--carousel .goman-showcase__carousel { height: clamp(270px, 51svh, 450px); }
}


/* ==========================================================
   V23 – SHOWCASE ATMOSPHERE
   Full replacement CSS. Scoped ONLY to Explore GOMAN carousel.
   Clean TECHNIA arcs, subtle dashed line and moving glow dots.
   ========================================================== */
.goman-showcase.goman-showcase--carousel {
  isolation: isolate;
  background:
    radial-gradient(ellipse 51% 55% at 51% 52%, rgba(0,95,131,.14) 0%, rgba(62,177,200,.075) 50%, transparent 100%),
    radial-gradient(ellipse 36% 54% at 12% 82%, rgba(62,177,200,.13), transparent 85%),
    radial-gradient(ellipse 40% 55% at 88% 22%, rgba(62,177,200,.12), transparent 85%),
    linear-gradient(115deg, #f4f9fb 0%, #e5f1f5 51%, #f3f9fa 100%);
}
/* Two softly animated asymmetric lines. No decorative dots. */
.goman-showcase.goman-showcase--carousel::before,
.goman-showcase.goman-showcase--carousel::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
  box-sizing: border-box;
  transform-origin: center;
}
.goman-showcase.goman-showcase--carousel::before {
  inset: auto;
  width: min(130vw, 2100px);
  height: clamp(500px, 71svh, 790px);
  left: 50%;
  top: 11%;
  border: 1px solid rgba(62,177,200,.25);
  opacity: .68;
  animation: showcaseArcDrift 29s ease-in-out infinite alternate;
}
.goman-showcase.goman-showcase--carousel::after {
  inset: auto;
  width: min(112vw, 1720px);
  height: clamp(400px, 60svh, 670px);
  left: 50%;
  top: 7%;
  border: 1px dashed rgba(0,95,131,.2);
  opacity: .55;
  animation: showcaseArcDriftReverse 35s ease-in-out infinite alternate;
}
/* All section content, including cards and arrows, stays above decoration. */
.goman-showcase--carousel .goman-showcase__inner {
  position: relative;
  z-index: 1;
}
@keyframes showcaseArcDrift {
  from { transform: translateX(-50%) rotate(-10deg); }
  to   { transform: translateX(-50%) rotate(-4deg); }
}
@keyframes showcaseArcDriftReverse {
  from { transform: translateX(-50%) rotate(12deg); }
  to   { transform: translateX(-50%) rotate(4deg); }
}
@media (max-width: 760px) {
  .goman-showcase.goman-showcase--carousel::before {
    width: 180vw;
    height: 55svh;
    top: 23%;
    opacity: .45;
  }
  .goman-showcase.goman-showcase--carousel::after {
    width: 155vw;
    height: 43svh;
    top: 28%;
    opacity: .35;
  }
}
@media (prefers-reduced-motion: reduce) {
  .goman-showcase.goman-showcase--carousel::before,
  .goman-showcase.goman-showcase--carousel::after {
    animation: none !important;
    transform: translateX(-50%) rotate(0deg);
  }
}


/* ===============================================================
   GOMAN FAQ V25 – TECHNIA, one-open-at-a-time accordion
   Design is isolated and does not modify Hero / Orbit / Showcase.
   =============================================================== */
.goman-faq {
  --faq-indigo: #005F83;
  --faq-steel: #3EB1C8;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  min-height: calc(100svh - var(--goman-header-height, 78px));
  padding: clamp(44px, 6vh, 74px) clamp(24px, 5vw, 88px);
  display: flex;
  align-items: center;
  overflow: hidden;
  background: radial-gradient(ellipse 50% 60% at 34% 75%, rgba(62,177,200,.15), transparent 75%),
              radial-gradient(ellipse 65% 70% at 78% 38%, rgba(62,177,200,.09), transparent 80%),
              linear-gradient(125deg, #fbfeff 0%, #eef9fc 52%, #f8fdff 100%);
}
.goman-faq::before, .goman-faq::after {
  content: ""; position:absolute; pointer-events:none; border-radius:50%;
  border:1px solid rgba(62,177,200,.19); z-index:-1;
}
.goman-faq::before { width:110vw; height:60vw; left:-24vw; top:-32vw; transform:rotate(-12deg); }
.goman-faq::after { width:106vw; height:64vw; right:-49vw; bottom:-41vw; transform:rotate(15deg); border-style:dashed; border-color:rgba(62,177,200,.16); }
.goman-faq__ambient { position:absolute; inset:0; pointer-events:none; z-index:-1;
  background:radial-gradient(circle at 11% 76%, rgba(0,95,131,.06), transparent 32%); }
.goman-faq__inner { max-width:1490px; width:100%; margin:auto; display:grid;
  grid-template-columns:minmax(300px, .82fr) minmax(550px, 1.18fr);
  align-items:center; gap:clamp(40px, 5vw, 96px); }
.goman-faq__intro { min-width:0; }
.goman-faq__eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 20px;
  font-size:11px; font-weight:700; letter-spacing:.20em; color:var(--faq-indigo); }
.goman-faq__eyebrow::before { content:""; width:35px; height:2px; background:var(--faq-steel); }
.goman-faq__heading { margin:0 0 22px; color:#333333; font-weight:900;
  font-size:clamp(32px, 3.15vw, 52px); line-height:1.11; letter-spacing:-.045em; }
.goman-faq__heading span { display:block; }
.goman-faq__heading span:last-child { color:var(--faq-steel); }
.goman-faq__lead { margin:0; max-width:525px; color:#526f80; font-size:clamp(14px,1.1vw,17px); line-height:1.75; }
.goman-faq__illustration-wrap { margin:22px 0 -10px -6px; max-width:490px; }
.goman-faq__illustration-wrap img { width:100%; height:auto; display:block; filter:drop-shadow(0 18px 30px rgba(0,95,131,.07)); }
.goman-faq__panel { min-width:0; padding:clamp(14px,1.7vw,27px); background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.92); border-radius:22px;
  box-shadow:0 22px 60px rgba(0,95,131,.08); display:grid; gap:11px; }
.goman-faq__item { background:rgba(255,255,255,.87); border:1px solid #d6eaf1;
  border-radius:13px; overflow:hidden; transition:border-color .25s ease,background .25s ease,box-shadow .25s ease; }
.goman-faq__item:hover { border-color:#aad9e7; box-shadow:0 6px 18px rgba(0,95,131,.045); }
.goman-faq__item.is-open { background:rgba(235,248,252,.79); border-color:#bee3ef; }
.goman-faq__question { margin:0; font-size:inherit; }
.goman-faq__trigger { width:100%; border:0; background:transparent; cursor:pointer; display:grid;
  grid-template-columns:36px minmax(0,1fr) 24px; gap:15px; align-items:center;
  text-align:left; padding:clamp(14px,1.6vw,21px) 20px;
  color:#11394b; font-size:clamp(13px,1.03vw,16px); font-weight:700; line-height:1.45; }
.goman-faq__trigger:focus-visible { outline:2px solid var(--faq-indigo); outline-offset:-4px; border-radius:12px; }
.goman-faq__question-icon { height:33px; width:33px; border-radius:50%; display:grid; place-items:center;
  border:1.5px solid var(--faq-steel); background:#f3fbfe; color:var(--faq-indigo); font-size:18px; font-weight:700; }
.goman-faq__toggle { position:relative; width:20px; height:20px; justify-self:end; }
.goman-faq__toggle::before, .goman-faq__toggle::after { content:""; position:absolute; top:9px; left:2px;
  width:16px; height:2px; border-radius:2px; background:var(--faq-indigo); transition:transform .3s ease; }
.goman-faq__toggle::after { transform:rotate(90deg); }
.goman-faq__item.is-open .goman-faq__toggle::after { transform:rotate(0); }
.goman-faq__answer { display:grid; grid-template-rows:0fr; opacity:0;
  transition:grid-template-rows .35s ease,opacity .25s ease; }
.goman-faq__item.is-open .goman-faq__answer { grid-template-rows:1fr; opacity:1; }
.goman-faq__answer-inner { min-height:0; overflow:hidden; }
.goman-faq__answer-inner p { margin:0 24px 20px 71px; padding-top:13px;
  border-top:1px solid #d6eaf1; color:#587587; font-size:clamp(12px,.96vw,15px); line-height:1.6; }
@media(max-width:1100px) {
  .goman-faq__inner { gap:28px; grid-template-columns:minmax(270px,.85fr) minmax(450px,1.15fr); }
  .goman-faq__illustration-wrap { max-width:340px; }
}
@media(max-width:820px) {
  .goman-faq { min-height:auto; padding:70px 20px; overflow:hidden; }
  .goman-faq__inner { display:block; }
  .goman-faq__intro { margin-bottom:30px; }
  .goman-faq__heading span { display:inline; }
  .goman-faq__heading span:last-child { margin-left:7px; }
  .goman-faq__illustration-wrap { display:none; }
  .goman-faq__panel { padding:12px; gap:8px; }
  .goman-faq__trigger { padding:16px 13px; gap:10px; grid-template-columns:30px 1fr 20px; }
  .goman-faq__question-icon { width:28px; height:28px; font-size:15px; }
  .goman-faq__answer-inner p { margin:0 14px 17px 53px; }
}
@media(prefers-reduced-motion:reduce){ .goman-faq__answer,.goman-faq__toggle,.goman-faq__item { transition:none!important; } }

/* ==============================================================
   V27 – LICENSING MODELS. Scoped to the new section only.
   =============================================================== */
.goman-licenses {
  position:relative; isolation:isolate; width:100%;
  min-height:calc(100svh - var(--goman-header-height,78px));
  scroll-margin-top:var(--goman-header-height,78px);
  overflow:hidden; display:flex; align-items:center;
  padding:clamp(24px,3.5svh,48px) clamp(22px,5vw,80px);
  background:
    radial-gradient(ellipse 48% 57% at 52% 53%,rgba(62,177,200,.19),transparent 90%),
    radial-gradient(ellipse 38% 68% at 0% 65%,rgba(0,95,131,.07),transparent 85%),
    linear-gradient(120deg,#f8fcfe 0%,#e8f4f8 49%,#f6fbfd 100%);
}
.goman-licenses::before,.goman-licenses::after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(62,177,200,.2);border-radius:50%;z-index:-1;width:135vw;height:66svh;left:50%;top:-22%;transform:translateX(-50%) rotate(-10deg)}
.goman-licenses::after{width:112vw;height:53svh;top:7%;border-color:rgba(0,95,131,.095);transform:translateX(-50%) rotate(12deg)}
.goman-licenses__inner{width:min(1380px,100%);margin:auto;position:relative;z-index:1}
.goman-licenses__intro{text-align:center;margin:0 auto clamp(22px,3.5svh,42px);max-width:850px}
.goman-licenses__eyebrow{margin:0 0 12px;color:#005F83;font-size:11px;letter-spacing:.18em;font-weight:700;display:flex;justify-content:center;align-items:center;gap:13px}
.goman-licenses__eyebrow::before{content:"";width:32px;height:2px;background:#3EB1C8}
.goman-licenses__heading{margin:0 0 12px;color:#333333;font-size:clamp(30px,3.2vw,49px);letter-spacing:-.045em;line-height:1.12;font-weight:900}
.goman-licenses__heading span:last-child{color:#3EB1C8}
.goman-licenses__description{margin:0;color:#587587;line-height:1.6;font-size:clamp(13px,1vw,16px)}
.goman-licenses__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,26px);align-items:stretch}
.goman-license-card{min-width:0;display:flex;flex-direction:column;padding:clamp(16px,1.65vw,26px);border-radius:16px;border:1px solid rgba(0,95,131,.13);background:rgba(255,255,255,.87);box-shadow:0 18px 38px rgba(0,95,131,.075);transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease}
.goman-license-card:hover{transform:translateY(-6px);box-shadow:0 25px 48px rgba(0,95,131,.13);border-color:rgba(62,177,200,.5)}
.goman-license-card--featured{border-color:#3EB1C8;background:linear-gradient(155deg,rgba(238,251,255,.96),rgba(213,242,250,.76) 60%,rgba(247,253,255,.92));box-shadow:0 22px 50px rgba(0,95,131,.12)}
.goman-license-card__art{height:clamp(112px,20svh,195px);display:flex;align-items:center;justify-content:center;margin:0 0 clamp(4px,1svh,12px)}
.goman-license-card__art img{display:block;height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(0,95,131,.07));transition:transform .45s ease}
.goman-license-card:hover .goman-license-card__art img{transform:translateY(-5px)}
.goman-license-card__content{display:flex;flex:1;flex-direction:column}
.goman-license-card h3{font-size:clamp(19px,1.55vw,26px);color:#005F83;margin:0 0 11px;font-weight:900;line-height:1.1}
.goman-license-card--featured h3{color:#0d9aba}
.goman-license-card__description{font-size:clamp(12px,.98vw,15px);line-height:1.6;color:#526f80;margin:0 0 clamp(14px,1.8svh,21px);min-height:3.2em}
.goman-license-card__features{list-style:none;padding:clamp(14px,1.65svh,20px) 0 0;margin:0 0 clamp(20px,3svh,34px);border-top:1px solid rgba(0,95,131,.12);display:grid;gap:clamp(8px,1svh,12px)}
.goman-license-card__features li{display:flex;align-items:flex-start;gap:11px;font-size:clamp(12px,.9vw,14px);line-height:1.4;color:#526f80}
.goman-license-card__check{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid #3EB1C8;border-radius:50%;color:#005F83;font-size:11px;font-weight:900}
.goman-license-card__availability{margin-top:auto;padding:11px 9px;min-height:41px;text-align:center;display:grid;place-items:center;border:1px solid #d4e4e9;border-radius:7px;color:#77909d;font-size:clamp(11px,.8vw,13px);font-weight:500;background:rgba(255,255,255,.27);cursor:default}
@media (min-width:821px) and (max-height:750px){.goman-licenses{padding-block:14px}.goman-licenses__intro{margin-bottom:13px}.goman-license-card__art{height:120px}.goman-license-card__description{margin-bottom:12px}.goman-license-card__features{margin-bottom:16px;padding-top:12px;gap:7px}}
@media(max-width:820px){.goman-licenses{min-height:0;padding:55px 20px 65px}.goman-licenses__grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.goman-license-card__art{height:155px}.goman-license-card__description{min-height:0}.goman-license-card__features{gap:10px}.goman-license-card{padding:24px}.goman-licenses__intro{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.goman-license-card,.goman-license-card__art img{transition:none!important}}


/* ==============================================================
   V28 – Licensing refinement. Names match startUpPage.xtpl (V27).
   Earlier sections remain unchanged.
   ============================================================= */
.goman-licenses {
  background:
    radial-gradient(ellipse 42% 48% at 50% 61%, rgba(62,177,200,.065), transparent 85%),
    linear-gradient(120deg, #ffffff 0%, #f9fcfd 50%, #ffffff 100%);
  padding: clamp(20px, 3svh, 38px) clamp(20px, 5vw, 80px);
}
.goman-licenses::before { border-color: rgba(62,177,200,.11); opacity:.55; }
.goman-licenses::after { border-color: rgba(0,95,131,.065); opacity:.55; }
.goman-licenses__inner { width: min(1190px, 100%); }
.goman-licenses__intro { margin-bottom: clamp(16px, 2.6svh, 28px); }
.goman-licenses__grid { gap: clamp(14px, 1.5vw, 23px); }
.goman-license-card {
  padding: clamp(16px, 1.45vw, 23px);
  background: rgba(255,255,255,.95);
  border-radius: 16px;
  box-shadow: 0 14px 32px rgba(0,95,131,.065);
}
.goman-license-card--featured {
  background: linear-gradient(160deg,rgba(247,253,255,.98),rgba(238,250,253,.91));
  border-color:rgba(62,177,200,.45);
  box-shadow: 0 16px 38px rgba(0,95,131,.085);
}
.goman-license-card__art { height: clamp(95px, 15svh, 145px); margin-bottom: 10px; }
.goman-license-card__art img {
  max-width: 210px; max-height: 135px;
  opacity:.87; filter:saturate(.78) drop-shadow(0 7px 10px rgba(0,95,131,.04));
}
.goman-license-card h3 { font-size:clamp(19px,1.45vw,23px); }
.goman-license-card__description { margin-bottom:12px; }
.goman-license-card__features { padding-top:12px; margin-bottom:18px; gap:9px; }
@media (max-width:820px) {
  .goman-licenses {padding:48px 20px 64px;}
  .goman-licenses__grid {grid-template-columns:1fr;max-width:490px;}
  .goman-license-card__art {height:120px;}
}
@media (prefers-reduced-motion:reduce) {
  .goman-license-card, .goman-license-card__art img {transition:none!important}
}

/* V29 Licensing only: more TECHNIA curves and brighter background */
.goman-licenses {
  isolation:isolate;
  background:radial-gradient(ellipse 46% 45% at 50% 58%, rgba(62,177,200,.07),transparent 90%),linear-gradient(125deg,#fff 0%,#f8fcfd 55%,#fff 100%);
}
.goman-licenses::before {
  content:"";display:block;position:absolute;inset:0;
  width:auto;height:auto;left:0;top:0;border:0;border-radius:0;
  transform:none;opacity:.9;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-160 242 C160 40 390 84 690 224 S1240 455 1770 125' stroke='%233EB1C8' stroke-opacity='.26' stroke-width='1.3'/%3E%3Cpath d='M-180 392 C150 175 445 205 740 338 S1250 551 1760 289' stroke='%23005F83' stroke-opacity='.15' stroke-width='1.2'/%3E%3Cpath d='M-190 615 C170 815 395 758 735 648 S1360 427 1790 652' stroke='%233EB1C8' stroke-opacity='.22' stroke-width='1.4'/%3E%3Cpath d='M-165 760 C190 917 450 838 765 740 S1390 608 1775 800' stroke='%23005F83' stroke-opacity='.12' stroke-width='1.1' stroke-dasharray='5 9'/%3E%3C/g%3E%3C/svg%3E");
  background-size:100% 100%;background-repeat:no-repeat;
}
.goman-licenses::after {
  content:"";display:block;position:absolute;inset:0;
  width:auto;height:auto;left:0;top:0;border:0;border-radius:0;
  transform:none;opacity:.75;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 36% 23% at 17% 28%,rgba(62,177,200,.07),transparent 100%),radial-gradient(ellipse 39% 30% at 84% 72%,rgba(0,95,131,.045),transparent 100%);
}
.goman-licenses__inner{position:relative;z-index:1}
.goman-license-card__art img{max-width:190px;max-height:120px;opacity:1;filter:none}
@media(max-width:820px){.goman-licenses::before{background-size:auto 100%;background-position:center}}


/* ==============================================================
   V31 — Dark TECHNIA footer, clean four-column design.
   Scoped to footer, no impact on hero, FAQ or licensing.
   ============================================================== */
.goman-footer.goman-footer--dark {
  position:relative; isolation:isolate; overflow:hidden;
  padding: clamp(58px,6vw,94px) clamp(20px,5vw,85px) 0;
  color:#fff;
  background:
    radial-gradient(ellipse 46% 55% at 87% 5%,rgba(62,177,200,.31),transparent 95%),
    radial-gradient(ellipse 52% 60% at 6% 94%,rgba(0,95,131,.32),transparent 95%),
    linear-gradient(120deg,#002A44 0%,#004B6A 52%,#005F83 100%);
  scroll-margin-top:var(--goman-header-height,78px);
}
.goman-footer__trails {position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.goman-footer__trails::before,.goman-footer__trails::after {
 content:"";position:absolute;left:-14%;width:130%;height:78%;
 border:1px solid rgba(127,210,230,.16);border-radius:50%;
 transform:rotate(-10deg);
}
.goman-footer__trails::before{top:-60%}
.goman-footer__trails::after{bottom:-73%;transform:rotate(10deg);border-style:dashed;opacity:.7}
.goman-footer__container{position:relative;width:min(1440px,100%);margin:auto}
.goman-footer__main {
 display:grid;grid-template-columns:minmax(235px,1.52fr) minmax(130px,.68fr) minmax(125px,.67fr) minmax(270px,1.16fr);
 align-items:start;gap:clamp(24px,3.6vw,72px);padding-bottom:clamp(40px,5vw,65px);
}
.goman-footer__identity,.goman-footer__navigation,.goman-footer__company-links,.goman-footer__contact {min-width:0}
.goman-footer__brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;color:#fff!important;text-decoration:none}
.goman-footer__brand img{display:block;width:clamp(170px,14.5vw,215px);height:58px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.goman-footer__brand span{font-size:10px;letter-spacing:.24em;font-weight:700;color:#A8DEE8;margin-left:3px}
.goman-footer__tagline{max-width:320px;margin:20px 0 0;color:#C1DFE8;font-size:clamp(13px,.92vw,15px);line-height:1.8}
.goman-footer__navigation,.goman-footer__company-links,.goman-footer__contact{display:flex;align-items:flex-start;flex-direction:column;gap:13px}
.goman-footer__navigation h3,.goman-footer__company-links h3,.goman-footer__contact h3{margin:7px 0 12px;color:#88D8E8;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:700}
.goman-footer a{color:#E3F3F7;text-decoration:none;transition:color .2s ease}
.goman-footer a:hover{color:#81E2EF}
.goman-footer a:focus-visible{outline:2px solid #A4E0ED;outline-offset:4px;border-radius:3px}
.goman-footer__navigation a,.goman-footer__company-links a{font-size:13px;line-height:1.5}
.goman-footer__regional{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:13px;line-height:1.55;color:#DCEEF2}
.goman-footer__regional[hidden]{display:none!important}
.goman-footer__regional address{font:inherit;font-style:normal;color:#C1DFE8}
.goman-footer__company{font-size:14px;font-weight:700;color:white;margin:0}
.goman-footer__mail{margin:0;overflow-wrap:anywhere;color:#DCEEF2}
.goman-footer__bottom{border-top:1px solid rgba(202,235,245,.24);padding:23px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#B4D8E3;font-size:12px}
.goman-footer__bottom a{color:#CDE6EC;font-size:12px}
@media(max-width:1120px){.goman-footer__main{grid-template-columns:1.25fr .75fr .75fr;gap:32px}.goman-footer__contact{grid-column:1/-1}}
@media(max-width:720px){.goman-footer__main{grid-template-columns:1fr 1fr;gap:30px}.goman-footer__identity{grid-column:1/-1}.goman-footer__contact{grid-column:1/-1}.goman-footer__brand img{height:52px}.goman-footer__tagline{margin-top:12px}}
@media(max-width:420px){.goman-footer__main{column-gap:16px}.goman-footer__navigation a,.goman-footer__company-links a{font-size:12px}.goman-footer__bottom{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.goman-footer a{transition:none!important}}


/* ============================================================
   GOMAN V32 • compact TECHNIA slide-out demo panel
   ============================================================ */
.goman-demo { --gd-blue:#005F83; --gd-steel:#3EB1C8; font-family:Gotham,Arial,sans-serif; }
.goman-demo__tab {
  position:fixed; z-index:2100; right:0; top:18%; width:54px; min-height:174px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px;
  border:0; border-radius:18px 0 0 18px; cursor:pointer; padding:16px 8px;
  color:white; background:linear-gradient(175deg,#3EB1C8,#005F83);
  box-shadow:-9px 10px 27px rgba(0,95,131,.18);
  transition:background .3s,transform .3s ease,opacity .25s;
  animation:gomanDemoNudge 10s ease-in-out infinite;
}
.goman-demo__tab span {writing-mode:vertical-rl; transform:rotate(180deg); letter-spacing:.16em; font-size:11px;font-weight:700;}
.goman-demo__tab svg {transform:rotate(180deg);}
.goman-demo__tab:hover {transform:translateX(-5px); animation-play-state:paused;}
@keyframes gomanDemoNudge {0%,90%,100%{translate:0 0}92%{translate:-7px 0}94%{translate:0 0}96%{translate:-3px 0}}
.goman-demo__backdrop {position:fixed;inset:0;background:rgba(2,27,40,.52);z-index:2200;opacity:0;pointer-events:none;transition:opacity .45s ease;backdrop-filter:blur(2px);}
.goman-demo__panel {position:fixed;right:0;top:0;bottom:0;width:min(490px,100vw);background:#fff;z-index:2210;box-shadow:-28px 0 65px rgba(0,43,66,.21);transform:translate3d(102%,0,0);transition:transform .55s cubic-bezier(.22,.73,.15,1);display:flex;flex-direction:column;visibility:hidden;}
.goman-demo.is-open .goman-demo__panel{visibility:visible;transform:translate3d(0,0,0)}
.goman-demo.is-open .goman-demo__backdrop{opacity:1;pointer-events:auto}
.goman-demo.is-open .goman-demo__tab{opacity:0;pointer-events:none}
body.goman-demo-open{overflow:hidden}
.goman-demo__header{padding:28px 32px 26px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(128deg,#005F83 1%,#0D809D 56%,#3EB1C8);color:white;flex:0 0 auto}
.goman-demo__header-decor{position:absolute;inset:0;z-index:-1;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 260'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath d='M-100 180 Q170 -30 610 155'/%3E%3Cpath d='M-100 225 Q180 15 610 190'/%3E%3Cpath d='M-100 265 Q210 70 610 230'/%3E%3C/g%3E%3C/svg%3E");background-size:cover}
.goman-demo__header-top{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:15px}
.goman-demo__kicker{letter-spacing:.14em;font-size:10px;font-weight:700;opacity:.89}
.goman-demo__close{border:1px solid rgba(255,255,255,.5);color:white;background:rgba(255,255,255,.12);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:27px;line-height:1;cursor:pointer;flex:none}
.goman-demo__close:hover{background:rgba(255,255,255,.24)}
.goman-demo__header h2{font-size:clamp(27px,2.7vw,35px);line-height:1.12;letter-spacing:-.045em;margin:0 0 10px;font-weight:900;color:white}
.goman-demo__header p{font-size:13px;line-height:1.6;opacity:.91;max-width:370px;margin:0}
.goman-demo__scroll{overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;padding:26px 32px 20px;background:linear-gradient(#fff,#fafdfe)}
.goman-demo__form{display:grid;gap:17px}
.goman-demo__field{display:flex;flex-direction:column;gap:7px}
.goman-demo__field label{font-size:12px;font-weight:700;color:#005F83}
.goman-demo__field b,.goman-demo__consent b{color:#C54853}
.goman-demo__field input,.goman-demo__field textarea{width:100%;font:inherit;font-size:13px;line-height:1.45;background:#f7fafc;border:1px solid #d1e5ec;border-radius:10px;color:#333;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s}
.goman-demo__field input{height:45px}
.goman-demo__field textarea{resize:vertical;min-height:92px;max-height:220px}
.goman-demo__field input:focus,.goman-demo__field textarea:focus{border-color:#3EB1C8;box-shadow:0 0 0 3px rgba(62,177,200,.12);background:#fff}
.goman-demo__field input::placeholder,.goman-demo__field textarea::placeholder{color:#94a9b4}
.goman-demo__consent{display:flex;align-items:start;gap:10px;font-size:11px;line-height:1.65;color:#5d7786;cursor:pointer}
.goman-demo__consent input{accent-color:#005F83;width:17px;height:17px;flex:none;margin:1px 0 0}
.goman-demo__anti{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.goman-demo__submit{min-height:49px;border:0;border-radius:10px;background:linear-gradient(105deg,#3EB1C8,#005F83);color:white;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 24px rgba(0,95,131,.14)}
.goman-demo__submit:hover{filter:brightness(1.06)}
.goman-demo__required{margin:-9px 0 0;text-align:right;color:#91a6b3;font-size:10px}
.goman-demo__bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e2eef2;padding:16px 32px;color:#668394;font-size:10px;background:#fff}
.goman-demo__bottom-mark{color:#005F83;font-size:14px;font-weight:900;letter-spacing:.1em}
.goman-demo__bottom-mark small{font-size:8px;letter-spacing:.07em}
.goman-demo__success{text-align:center;padding:40px 10px;color:#005F83}
.goman-demo__success-icon{display:grid;place-items:center;background:#e6f7fb;color:#005F83;border-radius:50%;font-size:34px;width:72px;height:72px;margin:0 auto 18px}
.goman-demo__success h3{font-size:24px;margin:0 0 8px}
#registration-errors{font-size:12px;color:#bb3c49}
@media(max-width:520px){.goman-demo__tab{width:45px;min-height:140px}.goman-demo__header{padding:23px 21px 22px}.goman-demo__scroll{padding:20px 21px}.goman-demo__bottom{padding:13px 21px}}
@media(prefers-reduced-motion:reduce){.goman-demo__tab{animation:none!important}.goman-demo__backdrop,.goman-demo__panel{transition:none!important}}


/* Capacity headline matches sizes of About and Showcase. */
.capacity-flow__title {
  font-size:clamp(30px,3.05vw,45px);
  line-height:1.12;
  letter-spacing:-.043em;
  margin-bottom:clamp(14px,2svh,24px);
}
@media (min-width:761px) and (max-height:730px) {
  .capacity-flow__title {font-size:clamp(28px,2.75vw,41px);}
}
@media (max-width:760px) {
  .capacity-flow__title {font-size:clamp(32px,8vw,43px);}
}
/* Full bleed separator under the footer content. */
.goman-footer__bottom {
  position:relative;
  border-top:0;
}
.goman-footer__bottom::before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:100vw;
  height:1px;
  background:rgba(202,235,245,.24);
  transform:translateX(-50%);
  pointer-events:none;
}


/* V37: ONLY the three original hero energy dots follow full paths.
   The original moving dashes (.energy-pulses) are untouched. */
.hero .energy-node {
  animation: none !important;
  opacity: .65;
  transform: none !important;
  transform-origin: initial;
  filter: drop-shadow(0 0 5px rgba(62,177,200,.60));
}
.hero .energy-node.n2 { opacity: .55; }
.hero .energy-node.n3 { opacity: .5; }
@media (prefers-reduced-motion: reduce) {
  .hero .energy-node { opacity: .35; }
}

/* Hero carousel interaction styles (formerly goman-hero-interactions.css) */
/* GOMAN V10: hover zoom without pointer jitter; original card animation remains unchanged. */
.hero .visual .stage { transition:scale 420ms cubic-bezier(.2,.75,.17,1); scale:1; }
@media (hover:hover) and (pointer:fine) {
  .hero .visual:hover .stage { scale:1.04; }
  .hero .visual { cursor:grab; }
  .hero .visual.is-pointer-down { cursor:grabbing; }
  .hero .visual .controls, .hero .visual .controls * { cursor:pointer; }
}
.hero .visual { touch-action:pan-y; user-select:none; -webkit-user-select:none; }
.hero .visual img { -webkit-user-drag:none; user-select:none; }
@media (prefers-reduced-motion:reduce){.hero .visual .stage{transition:none!important;scale:1!important}}



/* V14 – Explore carousel controls integrated into the EXISTING stylesheet. */
#showcase .goman-showcase__carousel {
  position:relative;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}
#showcase .goman-showcase__carousel.is-dragging,
#showcase .goman-showcase__carousel.is-dragging .goman-showcase__slide {cursor:grabbing!important;}
#showcase .goman-showcase__slide,
#showcase .goman-showcase__slide.is-active,
#showcase .goman-showcase__slide:hover {cursor:grab!important;}
#showcase .goman-showcase__slide img {user-select:none;-webkit-user-drag:none;pointer-events:none;}
#showcase .goman-showcase__open-icon {display:none!important;}
/* Arrows are placed across the side previews instead of in the header. */
#showcase .goman-showcase__arrows.goman-showcase__arrows--side {
  position:absolute; inset:0; height:100%; display:block;
  z-index:15; pointer-events:none; padding:0; margin:0; transform:none;
}
#showcase .goman-showcase__arrows--side button {
  position:absolute; top:50%;
  display:grid; place-items:center;
  width:54px;height:54px;padding:0;
  border:1px solid rgba(62,177,200,.30);border-radius:50%;
  background:rgba(255,255,255,.96);color:#005F83;
  font-family:Arial,sans-serif;font-size:31px;font-weight:400;line-height:1;
  box-shadow:0 12px 32px rgba(0,95,131,.13);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  pointer-events:auto;cursor:pointer;
  animation:gomanShowcaseArrowFloat 5.6s ease-in-out infinite;
  transition:background .2s,box-shadow .2s;
}
#showcase .goman-showcase__arrows--side #showcaseInlinePrev {left:10%;animation-delay:-1.1s;}
#showcase .goman-showcase__arrows--side #showcaseInlineNext {right:10%;animation-delay:-3.6s;}
#showcase .goman-showcase__arrows--side button:hover {background:#ecfaff;box-shadow:0 16px 36px rgba(0,95,131,.22);}
#showcase .goman-showcase__arrows--side button:focus-visible {outline:3px solid #3EB1C8;outline-offset:3px;}
@keyframes gomanShowcaseArrowFloat {
  0%,100% {transform:translateY(-50%)}
  50% {transform:translateY(calc(-50% - 7px))}
}
@media(max-width:760px) {
  #showcase .goman-showcase__arrows--side #showcaseInlinePrev {left:3%;}
  #showcase .goman-showcase__arrows--side #showcaseInlineNext {right:3%;}
  #showcase .goman-showcase__arrows--side button {width:40px;height:40px;font-size:26px;}
}
@media(prefers-reduced-motion:reduce) {
  #showcase .goman-showcase__arrows--side button {animation:none;}
}


/* V21: mobile layout, integrated into the existing stylesheet. */
@media (max-width: 760px) {
  html { width:100%; max-width:100%; overflow-x:clip; }
  body { width:100%; min-width:0; max-width:100%; overflow-x:clip; }
  body > main, main, main > section { min-width:0; max-width:100%; }
  .nav { width:100%; min-width:0; height:auto; min-height:72px; display:grid;
    grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'brand language' 'cta cta';
    align-items:center; column-gap:10px; row-gap:9px; padding:12px 16px; }
  .nav a.logo { grid-area:brand; min-width:0; gap:7px!important; }
  .nav a.logo .goman-logo { display:block; width:clamp(94px,28vw,125px); max-width:100%; height:auto; }
  .nav a.logo small { display:inline-flex!important; font-size:7px!important; letter-spacing:.12em!important;
    white-space:nowrap; padding-left:8px!important; }
  .nav .links {display:none!important;}
  .nav .language-picker {grid-area:language; margin:0!important; justify-self:end; min-width:80px!important;}
  .nav > .btn {grid-area:cta; justify-self:stretch; width:100%; max-width:none; min-height:38px; padding:10px 14px;}
  .hero {min-width:0; width:100%; padding-inline:16px;}
  .hero .copy {max-width:100%; min-width:0;}
  .hero .copy h1 {overflow-wrap:normal; font-size:clamp(38px,10.5vw,54px);}
  .goman-licenses,.goman-faq,.about-goman,.capacity-flow,.goman-showcase {width:100%; min-width:0; max-width:100%;}
  .goman-licenses__grid {width:100%; min-width:0; grid-template-columns:minmax(0,1fr);}
  .goman-license-card {width:100%; max-width:100%; min-width:0;}
  .goman-footer.goman-footer--dark { box-sizing:border-box; width:100%; max-width:100%;
    min-width:0; margin:0; padding:40px 20px 0; }
  .goman-footer__container {width:100%; max-width:100%; min-width:0;}
  .goman-footer__main {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start; gap:28px 16px; padding-bottom:32px;}
  .goman-footer__identity {grid-column:1/-1;}
  .goman-footer__navigation,.goman-footer__company-links {grid-column:auto; min-width:0;}
  .goman-footer__contact {grid-column:1/-1;}
  .goman-footer__navigation a,.goman-footer__company-links a {font-size:12px; overflow-wrap:anywhere;}
  .goman-footer__bottom {width:100%; align-items:flex-start; flex-direction:column; gap:14px; padding:18px 0 23px;}
  .goman-footer__bottom::before {width:100%;}
  .goman-demo__tab {right:0; top:18%; width:39px; min-height:124px;}
}
@media (max-width:360px) {
  .nav {padding-inline:12px; column-gap:6px;}
  .nav a.logo .goman-logo {width:91px;}
  .nav a.logo small {font-size:6px!important; letter-spacing:.06em!important;}
  .goman-footer.goman-footer--dark {padding-inline:16px;}
  .goman-footer__main {column-gap:12px;}
}
