/* Global Trade Executive — visual layer only.
   Deliberately does not alter markup, IDs, forms, event handlers, calculations or API calls. */
:root{
  --gte-navy:#071629;--gte-panel:#0c2038;--gte-panel-2:#102943;
  --gte-emerald:#18b88a;--gte-silver:#c5d0dc;--gte-line:rgba(174,195,218,.18);
}
html{scroll-padding-top:92px}
body{background:#061426;color:#edf4fb}
.mesh-bg{background:
 radial-gradient(ellipse at 14% 0%,rgba(25,184,138,.13),transparent 38%),
 radial-gradient(ellipse at 88% 24%,rgba(76,151,207,.13),transparent 34%),
 linear-gradient(155deg,#071629 0%,#0a1d33 52%,#06111f 100%)!important}
#bg-canvas{opacity:.22}
header.sticky{background:rgba(5,17,31,.94)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gte-line)!important}
header.sticky>div{min-height:76px}
header a,header button{transition:color .2s ease,background .2s ease,border-color .2s ease}
.glass-card{background:linear-gradient(145deg,rgba(15,39,65,.92),rgba(8,25,44,.94));border:1px solid var(--gte-line);border-radius:18px;box-shadow:0 16px 44px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.glass-card:hover{border-color:rgba(24,184,138,.42);box-shadow:0 22px 48px -28px rgba(0,0,0,.9),0 0 0 1px rgba(24,184,138,.06)}
main>section{scroll-margin-top:88px}
main>section:not(:first-child){border-top-color:rgba(174,195,218,.12)}
main>section:nth-of-type(even){background:linear-gradient(180deg,rgba(13,34,56,.45),rgba(6,20,36,.12))}
main h1{max-width:14ch;font-size:clamp(2.55rem,5.2vw,5rem);line-height:1.04;letter-spacing:-.055em}
main h2{letter-spacing:-.04em;line-height:1.12}
main h3{letter-spacing:-.025em}
main p{line-height:1.72}
main section .glass-card img{background:#102943}
main section img{border:1px solid rgba(174,195,218,.13)}
a[class*="bg-gradient"],button[class*="bg-gradient"]{border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 28px -16px rgba(24,184,138,.6);letter-spacing:.005em}
a[class*="bg-gradient"]:hover,button[class*="bg-gradient"]:hover{filter:brightness(1.08);transform:translateY(-2px)}
input,select,textarea{color:#f3f7fb}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea{border-color:rgba(174,195,218,.24)}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(24,184,138,.55);outline-offset:1px}
#planner .glass-card,#quality .glass-card,#logistics .glass-card,#inquiry .glass-card{border-radius:20px}
#products .glass-card{overflow:hidden}
#tab-btn-wire,#tab-btn-ubc,#mode-once,#mode-monthly{min-height:46px}
#mobile-menu{background:rgba(5,17,31,.98)!important;backdrop-filter:blur(14px)}
#lightbox{backdrop-filter:blur(10px)}
#custom-toast{border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.4)}
::selection{background:rgba(24,184,138,.32);color:#fff}
@media(max-width:767px){
 header.sticky>div{min-height:66px}
 main>section{padding-top:4.25rem;padding-bottom:4.25rem}
 main h1{font-size:clamp(2.35rem,11vw,3.4rem);line-height:1.06}
 main h2{font-size:clamp(1.9rem,8vw,2.7rem)}
 .glass-card{border-radius:16px}
 #planner .tonnage-stepper button{min-width:38px;padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){
 .glass-card,a,button{transition:none!important}
}

/* Executive visual refinement — layout-only polish, no business logic changes */
:root{
  --gte-ink:#061426;
  --gte-navy-2:#0b1f35;
  --gte-emerald-bright:#24d6a0;
  --gte-silver-soft:#d9e2ec;
  --gte-glow:rgba(36,214,160,.18);
}
body{font-feature-settings:"ss01" on,"cv11" on}
header.sticky{box-shadow:0 10px 35px rgba(0,0,0,.22)}
header.sticky a[href="#top"]>div:first-child{box-shadow:0 8px 22px rgba(36,214,160,.2)}
header nav a{position:relative;padding-block:8px}
header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--gte-emerald-bright);transition:right .22s ease}
header nav a:hover:after,header nav a:focus-visible:after{right:0}
main>section:first-child{
  isolation:isolate;
  background:
    radial-gradient(ellipse at 82% 40%,rgba(36,214,160,.10),transparent 35%),
    radial-gradient(ellipse at 5% 8%,rgba(95,157,220,.12),transparent 32%);
}
main>section:first-child:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(90deg,rgba(6,20,38,.18),transparent 62%),radial-gradient(rgba(195,210,226,.12) .7px,transparent .7px);
  background-size:auto,22px 22px;mask-image:linear-gradient(to bottom,black,transparent 92%);
}
main>section:first-child h1{
  text-wrap:balance;
  text-shadow:0 8px 35px rgba(0,0,0,.24);
}
main>section:first-child .glass-card{
  border-color:rgba(36,214,160,.24);
  background:linear-gradient(150deg,rgba(15,43,68,.96),rgba(7,23,40,.97));
}
main>section:first-child .glass-card img{
  height:clamp(112px,13vw,158px);
  object-fit:cover;
  border-radius:13px;
  filter:saturate(.92) contrast(1.04);
}
main>section:first-child .glass-card img:hover{filter:saturate(1.05) contrast(1.06)}
main>section:first-child .grid.grid-cols-3>div{
  padding:10px 12px 8px 0;
}
main>section:first-child .grid.grid-cols-3>div>div:first-child{
  letter-spacing:-.045em;
}
main>section:not(:first-child)>div>div:first-child>span:first-child{
  letter-spacing:.16em;
}
.glass-card{
  position:relative;
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.glass-card:focus-within{border-color:rgba(36,214,160,.58);box-shadow:0 0 0 3px rgba(36,214,160,.09)}
#products .glass-card img{transition:transform .45s ease,filter .35s ease}
#products .glass-card:hover img{transform:scale(1.025);filter:saturate(1.06)}
#products .glass-card h3,#planner h3,#quality h3,#logistics h3{color:var(--gte-silver-soft)}
#planner input[type="range"]{accent-color:var(--gte-emerald-bright)}
#planner input[type="number"],#planner select,#inquiry input,#inquiry select,#inquiry textarea{
  background:rgba(4,17,31,.72)!important;
  border:1px solid rgba(174,195,218,.23)!important;
  border-radius:11px;
}
#inquiry form label{color:#d5e0eb}
#inquiry button[type="submit"],#inquiry a[href*="wa.me"]{min-height:50px}
#logistics iframe{filter:saturate(.78) contrast(1.04)}
#faq .faq-item{border-color:rgba(174,195,218,.14)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--gte-emerald-bright)!important;outline-offset:3px;
}
@media(max-width:767px){
  header.sticky .flex.items-center.gap-4{gap:8px}
  header.sticky a[href="#top"] span:first-child{font-size:15px}
  main>section:first-child{padding-top:3.4rem}
  main>section:first-child .grid.grid-cols-3{gap:10px}
  main>section:first-child .grid.grid-cols-3>div{padding-right:4px}
  main>section:first-child .grid.grid-cols-3>div>div:first-child{font-size:1.65rem}
  #products .glass-card,#planner .glass-card,#quality .glass-card,#logistics .glass-card{box-shadow:0 12px 30px rgba(0,0,0,.18)}
}
@media(hover:none){
  .glass-card:hover{transform:none}
  #products .glass-card:hover img{transform:none}
}

/* Ultra layer — visual and speed polish only. No markup, IDs, forms, scripts or calculations are touched. */
:root{--u-cta:linear-gradient(135deg,#34e5b3 0%,#19b88a 55%,#1596a8 100%);--u-text:#c9d6e3;--u-edge:rgba(214,226,238,.2)}
html{scrollbar-width:thin;scrollbar-color:#2b4866 #061426}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;background:radial-gradient(ellipse at 50% -10%,#0d2a47 0%,#061426 55%)fixed,#061426}
.text-titanium{color:var(--u-text)}
main p{color:var(--u-text);text-wrap:pretty}
main h1,main h2{color:#f6f9fc;text-wrap:balance}
main h2{font-size:clamp(1.9rem,3.6vw,3rem)}
a,button,input,select,textarea,summary{touch-action:manipulation}
a[class*="bg-gradient"],button[class*="bg-gradient"]{background-image:var(--u-cta)!important;color:#03140f!important;font-weight:800;border:0;box-shadow:0 14px 30px -14px rgba(52,229,179,.75),inset 0 1px 0 rgba(255,255,255,.35)}
a[class*="bg-gradient"]:active,button[class*="bg-gradient"]:active{transform:translateY(0) scale(.99)}
.glass-card{border-color:var(--u-edge);background:linear-gradient(160deg,rgba(18,46,76,.94),rgba(7,22,40,.96));box-shadow:0 18px 46px -28px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08)}
.glass-card:hover{transform:translateY(-3px)}
main>section:not(:first-child){padding-block:clamp(3.75rem,8vw,6.5rem)}
#quality,#logistics,#faq,footer{content-visibility:auto;contain-intrinsic-size:auto 900px}
img{max-width:100%;height:auto}
main section img{border-color:var(--u-edge)}
#mobile-menu a{min-height:48px;display:flex;align-items:center}
.faq-item{border-radius:14px;transition:background .2s ease,border-color .2s ease}
.faq-item:hover{background:rgba(36,214,160,.05);border-color:rgba(36,214,160,.35)}
@media(max-width:767px){
 body{background-attachment:scroll}
 input,select,textarea{font-size:16px}
 main>section:first-child .glass-card{margin-top:.5rem}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 #bg-canvas{display:none}
 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}