:root{
  --bg:#07111f;
  --bg-2:#0b1730;
  --surface:#0d1b34;
  --surface-2:#122446;
  --surface-3:#0a152a;
  --text:#eef4ff;
  --muted:#9eb0cb;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.18);
  --brand:#7dd3fc;
  --brand-2:#3b82f6;
  --brand-3:#22c55e;
  --gold:#f6c56f;
  --shadow:0 24px 70px rgba(0,0,0,.35);
  --radius:18px;
  --radius-lg:26px;
  --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  line-height:1.65;
  background:
    radial-gradient(1200px 650px at 10% -10%, rgba(37,99,235,.22), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(34,197,94,.10), transparent 50%),
    linear-gradient(180deg, #081325 0%, #07111f 55%, #09152a 100%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:16px;top:16px;z-index:100;padding:8px 10px;background:#fff;color:#000;border-radius:10px}

.header{
  position:sticky;top:0;z-index:60;
  background:rgba(7,17,31,.78);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:98px}
.brand{display:flex;align-items:center;gap:16px;min-width:0;flex:0 1 auto}
.brand__logo{
  width:auto;height:64px;max-width:220px;flex:0 0 auto;object-fit:contain;object-position:left center;
  padding:8px 16px;border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.16));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 10px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.26);
  filter:brightness(1.24) contrast(1.16) saturate(1.08);
}
.brand__text{display:flex;flex-direction:column;min-width:0}
.brand__name{font-size:30px;font-weight:800;line-height:1;letter-spacing:.01em}
.brand__sub{margin-top:6px;font-size:14px;color:#d8e5fb;line-height:1.2;white-space:nowrap}

.nav{display:flex;align-items:center;gap:16px}
.nav__toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);position:relative}
.nav__toggle span{position:absolute;left:11px;right:11px;height:2px;background:#fff;border-radius:2px}
.nav__toggle span:nth-child(1){top:14px}.nav__toggle span:nth-child(2){top:21px}.nav__toggle span:nth-child(3){top:28px}
.nav__list{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.nav__link{display:inline-flex;align-items:center;height:46px;padding:0 16px;border-radius:12px;color:#d1def1;font-size:16px;font-weight:600}
.nav__link:hover{background:rgba(255,255,255,.07);color:#fff}
.header__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:46px;padding:0 18px;border-radius:14px;border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, #9fe8ff 0%, #5ea2ff 55%, #3576f6 100%);
  color:#061120;font-weight:800;letter-spacing:.01em;
  box-shadow:0 16px 34px rgba(59,130,246,.22);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.btn--ghost{background:rgba(255,255,255,.06);color:var(--text);box-shadow:none;border-color:rgba(255,255,255,.14)}
.btn--sm{min-height:42px;padding:0 14px;border-radius:12px;font-size:14px}
.header__quote{font-weight:900}
.lang{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#dce8fb;cursor:pointer}
.lang__pill[data-active="true"]{color:#fff;font-weight:800}

.hero{position:relative;overflow:hidden;padding:18px 0 0}
.hero__bg{position:absolute;inset:0;opacity:.42}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(7,17,31,.60) 0%, rgba(7,17,31,.44) 42%, rgba(7,17,31,.28) 100%)}
.hero__bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02) brightness(.95)}
.hero__fade{position:absolute;left:0;right:0;bottom:-1px;height:140px;background:linear-gradient(to bottom, rgba(7,17,31,0), rgba(7,17,31,1))}
.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:28px;padding:72px 0 64px}
.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(246,197,111,.10);border:1px solid rgba(246,197,111,.26);color:#ffd995;font-weight:800;font-size:13px;letter-spacing:.03em;text-transform:uppercase}
.hero__title{margin:16px 0 14px;font-size:54px;line-height:1.05;letter-spacing:-.03em;max-width:11ch}
.hero__desc{margin:0 0 22px;max-width:62ch;color:#cbdaef;font-size:17px}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stat{padding:18px;border-radius:18px;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.10)}
.stat__k{font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#dbe7fb}
.stat__v{margin-top:6px;font-size:15px;color:#8de0ff;font-weight:700}
.hero__card{align-self:stretch}
.card{height:100%;padding:22px;border-radius:28px;background:linear-gradient(180deg, rgba(13,27,52,.92), rgba(9,21,42,.92));border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow)}
.card__title{font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8de0ff;margin-bottom:8px}
.card__row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dashed rgba(255,255,255,.12)}
.card__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#91a8c6}
.card__value{font-weight:700;text-align:right}
.hero__proofs{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px}
.proof{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(125,211,252,.09);border:1px solid rgba(125,211,252,.22);color:#d8f5ff;font-size:12px;font-weight:800;letter-spacing:.04em}
.card__divider{height:1px;background:rgba(255,255,255,.12);margin:16px 0}
.card__note{margin:0;color:#c5d4ea}

.section{padding:84px 0;position:relative}
.section--alt{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015))}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}
.section__title{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.02em}
.section__subtitle{margin:0;max-width:72ch;color:var(--muted);font-size:16px}
.grid{display:grid;gap:24px}.grid--2{grid-template-columns:1.05fr .95fr}
.h3{margin:0 0 12px;font-size:22px;line-height:1.2}.p{margin:0 0 14px;color:var(--muted);font-size:16px}
.pill-row,.contact__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pill{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#dce8fb;font-size:13px;font-weight:600}
.media__frame{border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);box-shadow:var(--shadow)}
.media__video{width:100%;display:block}.media__hint{margin-top:12px;color:var(--muted);font-size:13px}

.cards{display:grid;gap:18px}.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pcard{overflow:hidden;border-radius:22px;background:linear-gradient(180deg, rgba(16,31,58,.88), rgba(11,22,42,.88));border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 40px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease, box-shadow .18s ease}
.pcard:hover{transform:translateY(-5px);border-color:rgba(125,211,252,.32);box-shadow:0 20px 52px rgba(0,0,0,.28)}
.pcard__img{width:100%;height:224px;object-fit:cover}
.pcard__body{padding:18px 18px 20px}.pcard__title{margin:0 0 10px;font-size:18px;line-height:1.25}.pcard__text{margin:0;color:#b8c9e0;font-size:14px}

.asme{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch}
.asme__badge,.asme__content{border-radius:28px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(16,31,58,.88), rgba(9,20,40,.88));box-shadow:var(--shadow)}
.asme__badge{position:relative;display:grid;place-items:center;min-height:320px;overflow:hidden}
.asme__badge::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at center, rgba(125,211,252,.22), transparent 42%), radial-gradient(circle at center, rgba(246,197,111,.12), transparent 60%)}
.asme__ring{position:absolute;width:260px;height:260px;border-radius:50%;border:2px solid rgba(246,197,111,.5);box-shadow:0 0 0 14px rgba(246,197,111,.06), 0 0 0 34px rgba(125,211,252,.04)}
.asme__mark{position:relative;font-size:54px;font-weight:900;letter-spacing:.08em;color:#fff}
.asme__sub{position:relative;margin-top:12px;font-size:15px;letter-spacing:.28em;color:#f6c56f;font-weight:800}
.asme__content{padding:28px}
.list{margin:0;padding-left:20px;color:#c8d7eb}.list li{margin:10px 0}
.asme__cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px}.asme__note{color:var(--muted);font-size:13px;max-width:40ch}

.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gitem{padding:0;border:0;background:none;border-radius:18px;overflow:hidden;cursor:pointer}.gitem img{width:100%;height:210px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 24px rgba(0,0,0,.2);transition:transform .2s ease, box-shadow .2s ease}.gitem:hover img{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 36px rgba(0,0,0,.24)}
.lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(3,9,18,.88);padding:20px}.lightbox[hidden]{display:none !important}.lightbox__img{max-width:min(1200px,90vw);max-height:84vh;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}
.lightbox__close,.lightbox__prev,.lightbox__next{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(7,17,31,.72);color:#fff;font-size:28px;cursor:pointer}.lightbox__close{top:24px;right:24px}.lightbox__prev{left:24px;top:50%;transform:translateY(-50%)}.lightbox__next{right:24px;top:50%;transform:translateY(-50%)}

.contact{display:grid;grid-template-columns:1.02fr .98fr;gap:18px;align-items:start}.contact__card,.contact__form{border-radius:28px;padding:24px;background:linear-gradient(180deg, rgba(16,31,58,.86), rgba(10,22,42,.86));border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow)}
.contact__line{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:14px 0;border-bottom:1px dashed rgba(255,255,255,.12)}
.contact__line:last-of-type{border-bottom:none}.contact__k{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#8ea5c2}.contact__v{font-size:16px;font-weight:700}
.contact__cta{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 12px}.note{margin:8px 0 0;color:var(--muted);font-size:13px}
.form{margin:0}.form__title{margin:0 0 14px;font-size:22px;font-weight:800}.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field--full{grid-column:1 / -1}.field__label{font-size:13px;color:#c7d7ea}
input,textarea{width:100%;padding:14px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;outline:none}textarea{min-height:140px;resize:vertical}input:focus,textarea:focus{border-color:rgba(125,211,252,.45);box-shadow:0 0 0 4px rgba(125,211,252,.10)}
.form__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.form__hint{margin:12px 0 0;color:var(--muted);font-size:13px}

.footer{padding:28px 0 36px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.14)}
.footer__inner{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.footer__brand{display:flex;align-items:center;gap:12px}.footer__logo{width:42px;height:42px;border-radius:14px;padding:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);filter:brightness(1.18) contrast(1.08)}
.footer__name{font-weight:800;font-size:18px}.footer__sub,.footer__meta,.footer__link,.footer__top{color:var(--muted);font-size:13px}.footer__right{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.footer__top{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10)}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease, transform .55s ease}.reveal.is-visible{opacity:1;transform:none}

@media (max-width:1100px){
  .header__inner{min-height:88px}
  .brand__name{font-size:26px}
  .header__mail{display:none}
  .hero__inner,.asme,.grid--2,.contact{grid-template-columns:1fr}
  .cert-intro{padding:20px}
  .cert-intro__title{font-size:24px}
  .cards--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:780px){
  .container{padding:0 18px}
  .header__inner{min-height:84px}
  .brand__logo{height:54px;max-width:180px;padding:8px 14px}
  .brand__name{font-size:24px}.brand__sub{font-size:12px;white-space:normal}
  .nav__toggle{display:inline-flex}
  .nav__list{position:fixed;left:16px;right:16px;top:82px;padding:12px;display:none;flex-direction:column;align-items:stretch;background:rgba(7,17,31,.96);border:1px solid rgba(255,255,255,.10);border-radius:18px;box-shadow:var(--shadow)}
  .nav__list.is-open{display:flex}
  .nav__link{height:auto;padding:12px 14px}
  .header__quote{display:none}
  .hero__inner{padding:44px 0 44px}
  .hero__title{font-size:38px;max-width:none}
  .hero__desc{font-size:16px}
  .hero__stats,.cards--3,.gallery,.form__grid{grid-template-columns:1fr}
  .section{padding:64px 0}
  .section__head{flex-direction:column;align-items:flex-start}
  .section__title{font-size:28px}
  .contact__line{grid-template-columns:1fr}
  .lightbox__prev,.lightbox__next{display:none}
}


/* 0319 v0 overrides */
.brand{gap:18px}
.brand__logo{
  width:auto !important;
  height:72px !important;
  max-width:320px !important;
  object-fit:contain !important;
  object-position:left center !important;
  padding:6px 12px !important;
  border-radius:12px !important;
  background:#ffffff !important;
  border:1px solid rgba(125, 160, 220, .55) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.85) !important;
  filter:none !important;
}
.brand__name{font-size:32px !important}
.brand__sub{font-size:15px !important;color:#e3edff !important}
.nav__link{font-size:17px !important;font-weight:700 !important;padding:0 18px !important}
.hero__title{max-width:none !important}
.hero__subtitle{margin:0 0 18px;font-size:22px;line-height:1.35;color:rgba(255,255,255,.86);max-width:36ch}
@media (max-width:780px){
  .brand__logo{height:62px !important;max-width:260px !important;padding:5px 10px !important}
  .brand__name{font-size:24px !important}
  .brand__sub{font-size:12px !important}
  .nav__link{font-size:16px !important}
  .hero__subtitle{font-size:18px !important}
}


/* 0319 v1 upgrades */
.hero__trust{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1fr);gap:16px;margin:6px 0 22px}
.hero-cert{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg, rgba(246,197,111,.18), rgba(255,255,255,.06));border:1px solid rgba(246,197,111,.30);box-shadow:0 18px 36px rgba(0,0,0,.22)}
.hero-cert__seal{flex:0 0 auto;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;color:#fdf7ea;font-weight:900;letter-spacing:.08em;background:radial-gradient(circle at 30% 30%, #fce2a6, #d39820 68%, #8f5b00 100%);border:3px solid rgba(255,255,255,.35);box-shadow:inset 0 2px 14px rgba(255,255,255,.35), 0 10px 22px rgba(0,0,0,.22)}
.hero-cert__title{font-size:18px;font-weight:900;line-height:1.2}.hero-cert__text{margin-top:6px;color:#d8e5f7;font-size:14px;line-height:1.55}
.hero-trust__items{display:grid;gap:10px}.hero-trust__item{min-height:58px;display:flex;align-items:center;padding:0 16px;border-radius:18px;background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.11);color:#e7f1ff;font-size:14px;font-weight:650}
.form--rfq{background:radial-gradient(700px 280px at 110% -20%, rgba(125,211,252,.11), transparent 45%),linear-gradient(180deg, rgba(17,33,61,.94), rgba(10,20,38,.94))}
.form__eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ffe6af;background:rgba(246,197,111,.12);border:1px solid rgba(246,197,111,.28);margin-bottom:12px}
.form__intro{margin:0 0 16px;color:#c9d8eb;font-size:14px}
.rfq-checklist{margin-top:18px;padding:16px 16px 14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.rfq-checklist__title{font-size:13px;font-weight:800;color:#d7e7fb;margin-bottom:10px}.rfq-checklist__items{display:flex;flex-wrap:wrap;gap:10px}
.footer__logo--wide{width:auto !important;height:54px !important;max-width:220px !important;object-fit:contain !important;object-position:left center !important;padding:6px 12px !important;border-radius:12px !important;background:#ffffff !important;border:1px solid rgba(125,160,220,.55) !important;box-shadow:0 8px 24px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.86) !important;filter:none !important}
@media (max-width:900px){.hero__trust{grid-template-columns:1fr;gap:12px}}
@media (max-width:780px){.footer__logo--wide{height:46px !important;max-width:180px !important;padding:5px 10px !important}}


/* detail fix 0324 */
.pcard__zoom{padding:0;border:0;background:none;display:block;width:100%;cursor:zoom-in}
.pcard__zoom .pcard__img{border-top-left-radius:22px;border-top-right-radius:22px}
.pcard__zoom:hover .pcard__img{filter:brightness(1.03)}
.cert-section{position:relative}
.cert-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%, rgba(125,211,252,.08), transparent 28%),radial-gradient(circle at 80% 10%, rgba(246,197,111,.08), transparent 24%);pointer-events:none}
.cert-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px;padding:22px 24px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(135deg, rgba(20,38,69,.92), rgba(11,22,42,.92));box-shadow:0 16px 40px rgba(0,0,0,.18)}
.cert-intro__main{max-width:820px}.cert-intro__eyebrow{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(125,211,252,.10);border:1px solid rgba(125,211,252,.22);color:#9fdcff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cert-intro__title{margin:12px 0 10px;font-size:28px;line-height:1.2}.cert-intro__text{margin:0;color:#c9d7e9;max-width:70ch}
.cert-intro__chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.cert-chip{padding:10px 14px;border-radius:999px;border:1px solid rgba(246,197,111,.26);background:rgba(246,197,111,.08);color:#f7ddb0;font-size:13px;font-weight:700;white-space:nowrap}
.certs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.certcard{overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(16,31,58,.92), rgba(9,20,40,.94));box-shadow:0 16px 40px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease, box-shadow .18s ease}.certcard:hover{transform:translateY(-5px);border-color:rgba(125,211,252,.26);box-shadow:0 22px 50px rgba(0,0,0,.28)}
.certcard--featured{border-color:rgba(246,197,111,.28);box-shadow:0 22px 54px rgba(0,0,0,.28), 0 0 0 1px rgba(246,197,111,.08) inset}
.certcard__topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 0}.certcard__tag{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(125,211,252,.10);border:1px solid rgba(125,211,252,.2);color:#a9e3ff;font-size:12px;font-weight:800}.certcard__icon{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:30px;padding:0 10px;border-radius:999px;background:rgba(246,197,111,.12);border:1px solid rgba(246,197,111,.24);color:#f6d59b;font-size:12px;font-weight:900;letter-spacing:.05em}
.certcard__img{width:100%;height:280px;object-fit:cover;background:#fff;margin-top:12px}.certcard__body{padding:18px 18px 20px}.certcard__title{margin:0 0 10px;font-size:20px;line-height:1.25}.certcard__text{margin:0;color:#b8c9e0;font-size:14px;line-height:1.7}.certcard__list{margin:14px 0 0;padding-left:18px;color:#dce8f8;font-size:13px;line-height:1.8}.certcard__list li::marker{color:#f6c56f}
.gallery--static .gitem{cursor:default}.gallery--static .gitem img{transition:none}.gallery--static .gitem:hover img{transform:none;box-shadow:0 10px 24px rgba(0,0,0,.2)}
@media (max-width:1100px){.cert-intro{flex-direction:column;align-items:flex-start}.cert-intro__chips{justify-content:flex-start}.certs{grid-template-columns:1fr}}


/* 0324 trust and certificate interaction */
.hero-cert--link{text-decoration:none;color:inherit;cursor:pointer}
.hero-cert--link:hover{transform:translateY(-2px);border-color:rgba(246,197,111,.42);box-shadow:0 22px 42px rgba(0,0,0,.26)}
.hero-cert--link:focus-visible{outline:2px solid rgba(125,211,252,.65);outline-offset:3px}
.trustbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.trustbar__item{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);color:#e9f3ff;font-size:13px;font-weight:800;letter-spacing:.01em}
.certcard__zoom{padding:0;border:0;background:none;display:block;width:100%;cursor:zoom-in}
.certcard__zoom:focus-visible{outline:2px solid rgba(125,211,252,.65);outline-offset:3px}
.certcard__zoom:hover .certcard__img{filter:brightness(1.02)}
.cert-proof{margin-top:18px;padding:20px 22px;border-radius:22px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03))}
.cert-proof__title{font-size:15px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#f6d59b;margin-bottom:12px}
.cert-proof__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cert-proof__item{padding:14px 16px;border-radius:18px;background:rgba(11,22,42,.55);border:1px solid rgba(255,255,255,.08);color:#dbe8f8;font-size:14px;line-height:1.7}
@media (max-width:900px){.cert-proof__grid{grid-template-columns:1fr}}


/* Multipage / English-primary update */
.nav__link.is-active{background:rgba(125,211,252,.13);border-color:rgba(125,211,252,.28);color:#ffffff}
main > .section:first-child{padding-top:108px}
main > .hero:first-child{padding-top:0}
@media (max-width:780px){main > .section:first-child{padding-top:88px}}


/* Product dropdown navigation */
.nav__item{position:relative}
.nav__item--dropdown .nav__link::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.82}
.nav__dropdown{position:absolute;left:0;top:calc(100% + 10px);min-width:320px;max-height:min(72vh,640px);overflow:auto;padding:10px;margin:0;list-style:none;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(8,18,35,.98);box-shadow:0 24px 70px rgba(0,0,0,.38);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease, transform .16s ease, visibility .16s ease;z-index:80}
.nav__item--dropdown:hover .nav__dropdown,.nav__item--dropdown:focus-within .nav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav__dropdown-link{display:block;padding:11px 13px;border-radius:12px;color:#dbe7fb;font-size:14px;font-weight:700;line-height:1.35}
.nav__dropdown-link:hover,.nav__dropdown-link:focus{background:rgba(125,211,252,.12);color:#fff;outline:none}
.nav__dropdown-link.is-active{background:rgba(125,211,252,.18);color:#fff}
.pcard__actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.product-hero{padding:82px 0 44px;background:radial-gradient(820px 420px at 20% 0%, rgba(59,130,246,.20), transparent 60%)}
.product-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:38px;align-items:center}
.product-hero__eyebrow{display:inline-flex;margin-bottom:14px;padding:6px 10px;border-radius:999px;border:1px solid rgba(125,211,252,.32);background:rgba(125,211,252,.10);color:#bfefff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.product-hero__title{margin:0;font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-.04em}
.product-hero__lead{margin:22px 0 0;color:#d8e5fb;font-size:18px;line-height:1.75;max-width:760px}
.product-hero__image{border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);box-shadow:var(--shadow)}
.product-hero__image img{width:100%;height:420px;object-fit:cover}
.product-detail{padding:40px 0 84px}
.product-detail__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:34px}
.product-panel{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.product-panel h2{margin:0 0 14px;font-size:22px;line-height:1.25}
.product-panel ul{margin:0;padding-left:20px;color:#c8d7ee}
.product-panel li{margin:9px 0}
.product-rfq{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;border:1px solid rgba(125,211,252,.24);border-radius:28px;background:linear-gradient(135deg, rgba(125,211,252,.12), rgba(59,130,246,.08));padding:30px}
.product-rfq h2{margin:0 0 10px;font-size:26px}
.product-rfq p{margin:0;color:#c8d7ee}
.breadcrumbs{margin-bottom:22px;color:#9eb0cb;font-size:14px}.breadcrumbs a{color:#d8e5fb}.breadcrumbs span{margin:0 8px;color:#687994}
@media (max-width:1100px){.product-hero__grid{grid-template-columns:1fr}.product-hero__image img{height:360px}.product-detail__grid{grid-template-columns:1fr}.product-rfq{grid-template-columns:1fr}.nav__dropdown{min-width:280px}}
@media (max-width:900px){.nav__item{width:100%}.nav__item--dropdown .nav__link{width:100%;justify-content:space-between}.nav__dropdown{position:static;display:block;max-height:none;overflow:visible;margin:2px 0 8px 12px;padding:6px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:none;opacity:1;visibility:visible;transform:none}.nav__dropdown-link{font-size:14px;padding:10px 12px}.product-hero{padding:52px 0 34px}.product-hero__image img{height:280px}}


/* 0325 compact top navigation */
.header__inner{gap:14px;min-height:86px}
.brand{gap:12px;flex:0 1 282px}
.brand__logo{height:58px !important;max-width:238px !important;padding:5px 10px !important}
.brand__name{font-size:27px !important}
.brand__sub{font-size:12px !important}
.nav{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:8px}
.nav__list{gap:2px;flex-wrap:nowrap}
.nav__link{height:40px !important;padding:0 10px !important;font-size:14px !important;font-weight:700 !important;white-space:nowrap;letter-spacing:.01em}
.nav__item--dropdown .nav__link::after{width:6px;height:6px;margin-left:6px;border-width:0 2px 2px 0}
.header__actions{gap:8px}
.lang{min-height:38px;padding:0 10px;font-size:13px}
.btn--sm{min-height:38px;padding:0 12px;font-size:13px}
.header__quote{white-space:nowrap}
.nav__dropdown{min-width:300px}
.nav__dropdown-link{font-size:13.5px;padding:10px 12px}
@media (max-width:1180px){
  .brand{flex-basis:245px}
  .brand__logo{height:54px !important;max-width:220px !important}
  .header__quote{display:none}
  .nav__link{padding:0 9px !important;font-size:13.5px !important}
}
@media (max-width:960px){
  .header__inner{min-height:82px}
  .brand{flex:1 1 auto}
  .brand__logo{height:56px !important;max-width:230px !important}
  .nav{flex:0 0 auto;order:3}
  .nav__toggle{display:inline-flex}
  .nav__list{position:fixed;left:16px;right:16px;top:82px;padding:12px;display:none;flex-direction:column;align-items:stretch;background:rgba(7,17,31,.96);border:1px solid rgba(255,255,255,.10);border-radius:18px;box-shadow:var(--shadow);gap:4px}
  .nav__list.is-open{display:flex}
  .nav__link{height:auto !important;padding:12px 14px !important;font-size:15px !important}
  .nav__item{width:100%}
  .nav__item--dropdown .nav__link{width:100%;justify-content:space-between}
  .nav__dropdown{position:static;display:block;max-height:none;overflow:visible;min-width:0;margin:2px 0 8px 12px;padding:6px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav__dropdown-link{font-size:14px;padding:10px 12px}
}
@media (max-width:520px){
  .brand__logo{height:48px !important;max-width:185px !important}
  .lang{display:none}
}


/* Cloudflare cache-safe navigation fix: force dropdown behavior */
.nav__item{position:relative}
.nav__dropdown{
  position:absolute !important;
  left:0 !important;
  top:calc(100% + 10px) !important;
  min-width:300px !important;
  max-height:min(72vh,640px) !important;
  overflow:auto !important;
  padding:10px !important;
  margin:0 !important;
  list-style:none !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:18px !important;
  background:rgba(8,18,35,.98) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(8px) !important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  z-index:100 !important;
}
.nav__item--dropdown:hover .nav__dropdown,
.nav__item--dropdown:focus-within .nav__dropdown{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
}
.nav__dropdown-link{
  display:block !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  color:#dbe7fb !important;
  font-size:13.5px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}
.nav__dropdown-link:hover,
.nav__dropdown-link:focus{background:rgba(125,211,252,.12) !important;color:#fff !important;outline:none !important}
@media (max-width:960px){
  .nav__list{position:fixed !important;left:16px !important;right:16px !important;top:82px !important;padding:12px !important;display:none !important;flex-direction:column !important;align-items:stretch !important;background:rgba(7,17,31,.96) !important;border:1px solid rgba(255,255,255,.10) !important;border-radius:18px !important;box-shadow:var(--shadow) !important;gap:4px !important}
  .nav__list.is-open{display:flex !important}
  .nav__item{width:100% !important}
  .nav__dropdown{position:static !important;display:block !important;max-height:none !important;overflow:visible !important;min-width:0 !important;margin:2px 0 8px 12px !important;padding:6px !important;border-radius:14px !important;background:rgba(255,255,255,.04) !important;box-shadow:none !important;opacity:1 !important;visibility:visible !important;transform:none !important}
}