/* Transgenia digital identity: Inter and canonical brand colors. Scoped to this service. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter/inter-latin-variable.woff2') format('woff2')}
body.cyber-page{--main-font-family:Inter,'Noto Sans SC',system-ui,sans-serif;--display-font-family:var(--main-font-family)}
body.cyber-page{--cyber-bg:#101820;--cyber-text:#FEFEEA;--cyber-accent:#EE7623;--cyber-rule:#003C4D;--cyber-panel:#003C4D;margin:0;background:var(--cyber-bg);color:var(--cyber-text);font-family:Inter,'Noto Sans SC',system-ui,sans-serif;font-size:1rem;line-height:1.65}
html[data-theme='light'] body.cyber-page{--cyber-bg:#FEFEEA;--cyber-text:#101820;--cyber-accent:#D1333B;--cyber-rule:#003C4D;--cyber-panel:#101820}
.cyber-page :is(h1,h2,h3,h4,p,a,button,summary,select){font-family:inherit}
.cyber-page :is(h1,h2,h3,h4){color:inherit}
.cyber-page :is(a,button,summary,select):focus-visible{outline:3px solid var(--cyber-accent);outline-offset:5px}
.cyber-page .site-header{position:relative;z-index:100}
.cyber-page .site-header .navbar{background:var(--cyber-bg)!important;color:var(--cyber-text);border-color:var(--cyber-rule)!important}
.cyber-page .navbar :is(.nav-link,.language-select,.theme-toggle){color:var(--cyber-text)}
.cyber-page .navbar .nav-link:hover{color:var(--cyber-accent)}
.cyber-page .navbar .dropdown-menu{background:var(--cyber-bg);border:1px solid var(--cyber-rule)}
.cyber-page .navbar .dropdown-item{color:var(--cyber-text)}
.cyber-page .navbar .dropdown-item:is(:hover,:focus,.active){color:var(--cyber-bg);background:var(--cyber-text)}
.cyber-page .navbar .dropdown-submenu__caret{color:var(--cyber-text)}
.cyber-page .language-control__icon{color:var(--cyber-accent);display:inline-flex}
.cyber-page .language-control__icon svg{width:18px;height:18px}
.cyber-page .site-footer{background:#101820;color:#FEFEEA;border-top:1px solid #003C4D}
.cyber-page .site-footer :is(h2,a,p,span,li){color:inherit}
.cyber-page .site-footer a:hover,.cyber-page .site-footer .transgenia-accent{color:#EE7623}
.cyber-page .wa-float{color:#FEFEEA;background:#003C4D}
.cyber-page main{position:relative}
.cyber-page .cyber-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.cyber-page .cyber-breadcrumb{padding-top:26px;font-size:.85rem}
.cyber-page .cyber-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:0}
.cyber-page .cyber-breadcrumb li+li::before{content:'/';margin-right:.6rem}
.cyber-page .cyber-breadcrumb a{color:var(--cyber-text);text-underline-offset:4px}
.cyber-page .cyber-hero{padding-block:68px 80px}
.cyber-page .cyber-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px}
.cyber-page .cyber-hero h1{font-size:clamp(2.6rem,4.4vw,4.3rem);line-height:1.065;letter-spacing:-.048em;font-weight:670;margin:0 0 28px;max-width:13ch;text-wrap:balance}
html[lang='zh-Hans'] .cyber-page .cyber-hero h1{max-width:11ch;line-height:1.28;letter-spacing:-.015em}
.cyber-page .cyber-lead{max-width:55ch;font-size:1.16rem;line-height:1.7;margin:0 0 28px}
.cyber-page .cyber-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.cyber-page .cyber-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 21px;border:1px solid var(--cyber-accent);border-radius:7px;background:var(--cyber-accent);color:var(--cyber-bg);font-weight:650;font-size:.95rem;line-height:1.45;text-align:center;text-decoration:none;transition:transform .15s ease}
.cyber-page .cyber-button:hover{color:var(--cyber-bg);transform:translateY(-2px)}
.cyber-page .cyber-button-secondary{background:transparent;color:var(--cyber-text);border-color:var(--cyber-rule)}
.cyber-page .cyber-button-secondary:hover{color:var(--cyber-text)}
.cyber-page .cyber-hero-note{max-width:52ch;margin:20px 0 0;font-size:.85rem}
.cyber-page .cyber-proof{color:#FEFEEA;background:var(--cyber-panel);padding:34px 34px 28px;border-radius:22px 22px 22px 3px;position:relative;isolation:isolate}
.cyber-page .cyber-proof::before{content:'';position:absolute;top:0;left:34px;width:62px;height:5px;background:#EE7623}
.cyber-page .cyber-proof-heading{font-size:1.25rem;line-height:1.35;font-weight:600;margin:0 0 28px}
.cyber-page .cyber-proof ol{list-style:none;margin:0;padding:0;counter-reset:steps}
.cyber-page .cyber-proof li{position:relative;display:grid;grid-template-columns:38px 1fr;gap:16px;padding-bottom:25px;counter-increment:steps}
.cyber-page .cyber-proof li::before{content:counter(steps,decimal-leading-zero);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #EE7623;background:var(--cyber-panel);color:#FEFEEA;font-size:.8rem;font-weight:650;border-radius:50%}
.cyber-page .cyber-proof li:not(:last-child)::after{content:'';position:absolute;left:18px;top:38px;bottom:0;width:1px;background:#EE7623}
.cyber-page .cyber-proof strong{display:block;margin:0 0 4px;font-size:1.02rem;font-weight:600}
.cyber-page .cyber-proof p{margin:0;font-size:.88rem;line-height:1.65}
.cyber-page .cyber-proof-caption{border-top:1px solid #FEFEEA;padding-top:20px;font-size:.9rem;line-height:1.6}
.cyber-page .cyber-scope{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px;border-block:1px solid var(--cyber-rule);padding-block:22px}
.cyber-page .cyber-scope p{margin:0;font-size:.85rem;font-weight:650}
.cyber-page .cyber-scope ul{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;margin:0;padding:0;font-size:.9rem}
.cyber-page .cyber-section{padding-block:88px;scroll-margin-top:28px}
.cyber-page .cyber-section-heading{max-width:790px;margin-bottom:36px}
.cyber-page .cyber-section-heading h2,.cyber-page .cyber-title{font-size:clamp(1.9rem,3.3vw,2.85rem);line-height:1.16;letter-spacing:-.035em;font-weight:620;margin:0 0 20px;text-wrap:balance}
.cyber-page .cyber-section-heading p{max-width:65ch;font-size:1.05rem;margin:0}
.cyber-page .cyber-section a:not(.cyber-button,.cyber-card-link,.cyber-credential-badge){color:var(--cyber-accent);text-underline-offset:4px}
.cyber-page .cyber-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}
.cyber-page .cyber-service{padding:30px 0 34px;border-top:2px solid var(--cyber-rule)}
.cyber-page .cyber-service h3{font-size:1.38rem;line-height:1.28;margin:0 0 15px;font-weight:620}
.cyber-page .cyber-service>p{max-width:62ch;margin-bottom:22px}
.cyber-page .cyber-deliverable{margin:0;padding-left:18px;border-left:3px solid var(--cyber-accent);font-size:.92rem}
.cyber-page .cyber-deliverable dt{margin-bottom:4px;font-weight:650}
.cyber-page .cyber-deliverable dd{margin:0}
.cyber-page .cyber-scope-note{padding:20px 24px;border:1px solid var(--cyber-rule);border-radius:8px;font-size:.94rem;margin:8px 0 0}
.cyber-page .cyber-method{background:#003C4D;color:#FEFEEA;--cyber-accent:#EE7623}
.cyber-page .cyber-method-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:76px}
.cyber-page .cyber-method-list{list-style:none;margin:0;padding:0;counter-reset:method}
.cyber-page .cyber-method-list li{display:grid;grid-template-columns:38px 1fr;gap:22px;padding-block:23px;border-top:1px solid #FEFEEA;counter-increment:method}
.cyber-page .cyber-method-list li::before{content:counter(method,decimal-leading-zero);color:#FEFEEA;font-size:1rem;font-weight:600}
.cyber-page .cyber-method-list h3{font-size:1.15rem;line-height:1.35;margin:0 0 8px;font-weight:600}
.cyber-page .cyber-method-list p{margin:0;font-size:.93rem}
.cyber-page .cyber-case{margin-top:40px;border-left:3px solid #EE7623;padding-left:24px}
.cyber-page .cyber-case h3{font-size:1.1rem;line-height:1.4;font-weight:600;margin:0 0 12px}
.cyber-page .cyber-case p{font-size:.94rem;margin:0 0 14px}
.cyber-page .cyber-case .cyber-case-note{font-size:.8rem}
.cyber-page .cyber-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.cyber-page .cyber-card-link{display:block;padding-block:24px;border-top:1px solid var(--cyber-rule);color:var(--cyber-text);text-decoration:none}
.cyber-page .cyber-card-link h3{margin:0 0 14px;color:var(--cyber-accent);font-size:1.08rem;line-height:1.35;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.cyber-page .cyber-card-link p{font-size:.9rem;line-height:1.7;margin:0}
.cyber-page .cyber-card-link:hover{color:var(--cyber-text)}
.cyber-page .cyber-institutional{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start;border:1px solid var(--cyber-rule);border-radius:12px;padding:36px;margin-top:48px}
.cyber-page .cyber-institutional h3{font-size:1.5rem;line-height:1.3;font-weight:600;margin:0 0 10px}
.cyber-page .cyber-institutional .cyber-institutional-label{font-size:.85rem;margin:0}
.cyber-page .cyber-institutional p{margin:0 0 15px;font-size:.96rem}
.cyber-page .cyber-institutional .cyber-institutional-limit{font-size:.85rem}
.cyber-page .cyber-faq{border-top:1px solid var(--cyber-rule)}
.cyber-page .cyber-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.cyber-page .cyber-faq-list details{border-top:1px solid var(--cyber-rule);padding-block:21px}
.cyber-page .cyber-faq-list details:last-child{border-bottom:1px solid var(--cyber-rule)}
.cyber-page .cyber-faq-list summary{position:relative;list-style:none;cursor:pointer;padding-right:38px;font-size:1.02rem;font-weight:600;line-height:1.6}
.cyber-page .cyber-faq-list summary::-webkit-details-marker{display:none}
.cyber-page .cyber-faq-list summary::after{position:absolute;right:4px;top:-1px;content:'+';color:var(--cyber-accent);font-weight:450;font-size:1.6rem;line-height:1.2}
.cyber-page .cyber-faq-list details[open] summary::after{content:'−'}
.cyber-page .cyber-faq-list p{max-width:64ch;margin:17px 0 0;font-size:.96rem}
.cyber-page .cyber-close{background:#FEFEEA;color:#101820;--cyber-accent:#D1333B;--cyber-bg:#FEFEEA;--cyber-text:#101820;--cyber-rule:#003C4D}
.cyber-page .cyber-close-head{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;padding-bottom:48px}
.cyber-page .cyber-close-head p{margin:0 0 23px}
.cyber-page .cyber-contact-line{margin-top:18px!important;font-size:.9rem;overflow-wrap:anywhere}
.cyber-page .cyber-team-title{font-size:1.1rem;margin-bottom:25px;font-weight:650}
.cyber-page .cyber-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;padding-bottom:42px}
.cyber-page .cyber-person{border-top:1px solid #003C4D;padding-top:19px}
.cyber-page .cyber-person h4{font-size:1rem;line-height:1.4;margin-bottom:9px;font-weight:650}
.cyber-page .cyber-person p{font-size:.8rem;line-height:1.6;margin:0 0 8px}
.cyber-page .cyber-person a{font-size:.73rem;overflow-wrap:anywhere}
.cyber-page .cyber-credentials{display:grid;grid-template-columns:116px 1fr 1fr;align-items:center;gap:30px;padding-top:28px;border-top:1px solid #003C4D}
.cyber-page .cyber-credential-badge{display:inline-flex;justify-content:center}
.cyber-page .cyber-credential-badge img{width:108px;height:108px;object-fit:contain}
.cyber-page .cyber-credentials p{font-size:.88rem;line-height:1.65;margin:0}
.cyber-page .cyber-credentials strong{display:block;font-size:.95rem;margin-bottom:5px}
@media(min-width:992px){.cyber-page .site-header .navbar .container{max-width:1320px}}
@media(max-width:1050px){
.cyber-page .cyber-hero-grid{gap:38px}
.cyber-page .cyber-proof{padding:30px 26px 24px}
.cyber-page .cyber-method-grid,.cyber-page .cyber-faq-grid{gap:42px}
.cyber-page .cyber-related,.cyber-page .cyber-team{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.cyber-page .cyber-wrap{width:calc(100% - 40px)}
.cyber-page .cyber-hero{padding-block:42px 50px}
.cyber-page .cyber-hero-grid,.cyber-page .cyber-method-grid,.cyber-page .cyber-faq-grid,.cyber-page .cyber-close-head,.cyber-page .cyber-institutional{grid-template-columns:1fr;gap:32px}
.cyber-page .cyber-hero h1{max-width:16ch;font-size:clamp(2.7rem,8.6vw,4rem)}
.cyber-page .cyber-lead{font-size:1.04rem}
.cyber-page .cyber-hero-note{margin-bottom:8px}
.cyber-page .cyber-section{padding-block:58px}
.cyber-page .cyber-services{grid-template-columns:1fr}
.cyber-page .cyber-service{padding-block:26px}
.cyber-page .cyber-section-heading{margin-bottom:28px}
.cyber-page .cyber-section-heading p{font-size:1rem}
.cyber-page .cyber-institutional{padding:27px 23px;margin-top:30px;gap:20px}
.cyber-page .cyber-faq-grid{gap:12px}
.cyber-page .cyber-close-head{gap:12px;padding-bottom:35px}
.cyber-page .cyber-credentials{grid-template-columns:100px 1fr;gap:22px}
.cyber-page .cyber-credentials>p:last-child{grid-column:1 / -1}
}
@media(max-width:420px){
.cyber-page .cyber-wrap{width:calc(100% - 32px)}
.cyber-page .cyber-hero h1{font-size:2.65rem}
.cyber-page .cyber-actions{align-items:stretch;flex-direction:column}
.cyber-page .cyber-button{width:100%}
.cyber-page .cyber-proof{padding:29px 22px 23px}
.cyber-page .cyber-related{grid-template-columns:1fr;gap:0}
.cyber-page .cyber-team{gap:22px 16px}
.cyber-page .cyber-person h4{font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){.cyber-page *,.cyber-page *::before,.cyber-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}



/* Isolate this service from the global themed backgrounds and decorative overlays. */
:root[data-theme] body.cyber-page{
  background:var(--cyber-bg)!important;
  background-image:none!important;
  color:var(--cyber-text);
}
:root[data-theme] body.cyber-page::before,
:root[data-theme] body.cyber-page::after,
:root[data-theme] body.cyber-page>header::before,
:root[data-theme] body.cyber-page>header::after,
:root[data-theme] body.cyber-page>footer::before,
:root[data-theme] body.cyber-page>footer::after{
  content:none!important;
  display:none!important;
}
body.cyber-page>.edge-glow,
body.cyber-page>.veil,
body.cyber-page>#fx{display:none!important}
:root[data-theme] body.cyber-page>header,
:root[data-theme] body.cyber-page>header .navbar,
:root[data-theme] body.cyber-page>header .navbar-collapse{
  background:var(--cyber-bg)!important;
  background-image:none!important;
  color:var(--cyber-text);
  border-color:var(--cyber-rule)!important;
  backdrop-filter:none;
  box-shadow:none;
}
:root[data-theme] body.cyber-page>header .navbar .dropdown-menu{
  background:var(--cyber-bg);
  color:var(--cyber-text);
  border-color:var(--cyber-rule);
  backdrop-filter:none;
  box-shadow:none;
}
:root[data-theme] body.cyber-page>header .navbar :is(.nav-link,.dropdown-item,.language-select,.theme-toggle){
  color:var(--cyber-text);
}
:root[data-theme] body.cyber-page>header .navbar .nav-link:is(:hover,:focus-visible,.active){
  color:var(--cyber-accent);
}
:root[data-theme] body.cyber-page>header .navbar .dropdown-item:is(:hover,:focus-visible,.active){
  background:var(--cyber-text);
  color:var(--cyber-bg);
}
:root[data-theme] body.cyber-page>header .navbar-toggler{
  color:var(--cyber-text);
  border:1px solid var(--cyber-text);
  border-radius:6px;
  padding:10px 12px;
  line-height:1;
  box-shadow:none;
}
:root[data-theme] body.cyber-page>header .navbar-toggler-icon{
  position:relative;
  display:inline-block;
  width:22px;
  height:18px;
  background:none!important;
  border-top:2px solid currentColor;
  border-bottom:2px solid currentColor;
  color:inherit;
  opacity:1;
}
:root[data-theme] body.cyber-page>header .navbar-toggler-icon::before{
  content:'';
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  height:2px;
  transform:translateY(-50%);
  background:currentColor;
}
:root[data-theme] body.cyber-page>footer{
  --cyber-text:#FEFEEA;
  --cyber-accent:#EE7623;
  background:#101820;
  background-image:none;
  color:#FEFEEA;
  border-top:1px solid #003C4D;
}
:root[data-theme] body.cyber-page>footer :is(h2,a,p,span,li){color:inherit}
:root[data-theme] body.cyber-page>footer a:hover,
:root[data-theme] body.cyber-page>footer .transgenia-accent{color:#EE7623}
:root[data-theme] body.cyber-page #wa-float{
  background:#003C4D;
  color:#FEFEEA;
  border:1px solid #FEFEEA;
  box-shadow:none;
}
:root[data-theme] body.cyber-page #wa-float::before{content:none;display:none}