/* Shared finish, informed by the live YUNSHAN 3D industrial website. */
:root{
  --brand-navy:#061721;--brand-navy-2:#104153;--brand-blue:#149de0;
  --brand-blue-hover:#0f86c5;--brand-cyan:#77d4e7;
  --surface:#071923;--surface-tint:#0a202c;--surface-card:#102d3d;
  --surface-border:#294c5f;--text-strong:#f4f9fb;--text-muted:#b6cbd5;
  --ys-ink:var(--text-strong);--ys-muted:var(--text-muted);
  --hero-gradient:radial-gradient(ellipse at 95% 12%,#104356 0%,transparent 54%),linear-gradient(110deg,#061721,#0a2939);
  color-scheme:dark;
}
/* Keep page and panel scrollbars in the same navy palette. */
html,*{scrollbar-width:thin;scrollbar-color:#315d73 var(--brand-navy)}
@supports selector(::-webkit-scrollbar){
  html,*{scrollbar-width:auto;scrollbar-color:auto}
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--brand-navy)}
  ::-webkit-scrollbar-thumb{background:#315d73;border:2px solid var(--brand-navy);border-radius:999px;min-height:48px}
  ::-webkit-scrollbar-thumb:hover{background:#4a8098}
  ::-webkit-scrollbar-thumb:active{background:var(--brand-cyan)}
  ::-webkit-scrollbar-button{display:none;width:0;height:0}
}
@media(forced-colors:active){
  html,*{scrollbar-color:auto}
  ::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:Canvas}
  ::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}
}
body{font-optical-sizing:auto;line-height:1.7}
.language-picker select{max-width:132px;min-height:36px;border:1px solid #315365;border-radius:8px;background:#102d3d;color:#e7f5fc;font:inherit;font-size:12px;padding:5px 8px;cursor:pointer}
.lang-switch{flex-wrap:nowrap!important;gap:5px!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-notice{margin:0;padding:8px 24px;background:#102d3d;font-size:14px;color:#e7f5fc}
.language-notice[hidden],[data-social-platform][hidden]{display:none!important}
.footer-social{padding-block:40px;border-bottom:1px solid #294c5f}
.social-channel{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1060px;margin:auto}
.social-channel-copy{max-width:650px}.social-channel-copy h2{font-size:28px;line-height:1.3;margin:8px 0 12px}
.social-channel-copy p{margin:0 0 20px}.social-eyebrow{font-size:12px;letter-spacing:.1em;color:#77d4e7!important}
.social-code{display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 0 180px;text-align:center;text-decoration:none;color:#b6cbd5;font-size:12px}
.social-code img{display:block;width:180px;height:180px;object-fit:contain;background:white;padding:8px;border-radius:12px;box-sizing:border-box}
.social-contact{text-decoration:none;display:block}.social-contact img{object-fit:contain;background:white}
.social-code:hover img{transform:scale(1.035)}
html[lang=th] body,html[lang=lo] body,html[lang=km] body{font-family:"Leelawadee UI",system-ui,sans-serif;line-height:1.85}
html[lang=my] body{font-family:"Myanmar Text",system-ui,sans-serif;line-height:1.9}
html[lang=hi] body{font-family:"Nirmala UI",system-ui,sans-serif}
html[lang=th] h1,html[lang=th] h2,html[lang=my] h1,html[lang=km] h1,html[lang=lo] h1{letter-spacing:0}
@media(min-width:1101px){.site-header .site-nav a{padding-inline:7px;font-size:12px}.site-header .header-inner{gap:14px}}
@media(max-width:640px){.language-picker select{max-width:100px;min-height:34px}.lang-switch .lang-btn{padding-inline:7px!important}.site-header .header-inner{gap:8px}.social-channel{align-items:flex-start;gap:24px;flex-direction:column}.social-code{align-self:center;flex-basis:auto}.social-channel-copy h2{font-size:24px}}
p{color:var(--text-muted)}
h1,h2,h3{letter-spacing:-.025em;word-break:normal;overflow-wrap:break-word}
.container{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.site-header,.site-footer{background:#04131c!important}
.site-header{border-top:2px solid #168ecd!important;border-bottom:1px solid #1b3948!important}
.site-header .header-inner{width:min(1320px,calc(100% - 80px));margin-inline:auto;padding:10px 0;min-height:76px}
.site-nav a{padding:10px 11px;border:1px solid transparent;font-size:13px}
.site-nav a:hover,.site-nav a.active,.site-nav a[aria-current=page]{background:#0d2d3e!important;border-color:#315567!important;box-shadow:inset 0 1px 0 rgba(186,229,244,.06)}
.brand-sub-wordmark img{opacity:.9}
.button{border-radius:12px!important;min-height:48px;padding:13px 24px;font-size:14px;line-height:1.35}
.button.primary{background:linear-gradient(115deg,#128ee7,#18adc2)!important;border-color:#219ed1!important;box-shadow:0 7px 22px rgba(0,110,180,.16)!important}
.button.primary:hover{background:linear-gradient(115deg,#1598ed,#23b8c8)!important}
.button.ghost{border:1px solid #416578!important;background:rgba(19,61,78,.35)!important;padding:13px 24px!important}
.button.ghost::after{display:none}
.button:disabled,.button[aria-disabled=true]{opacity:.55;cursor:wait;transform:none!important;box-shadow:none!important}
.home-hero h1,.catalog-hero h1,.system-hub-hero h1,.page-hero h1,.report-hero h1{font-size:clamp(40px,4.2vw,60px);line-height:1.17;font-weight:700}
.home-intro h2,.home-feature h2,.home-use h2,.home-next h2,.home-final h2,.catalog-heading h2,.catalog-split h2,.catalog-cta h2,.system-hub-section-heading h2,.system-hub-boundary h2,.system-hub-cta h2,.section h2,.cta-band h2,.home-delivery h2{font-size:clamp(30px,3.35vw,48px);line-height:1.22;font-weight:650}
.home-section,.catalog-section,.system-hub-map,.system-hub-products,.system-hub-boundary,.system-hub-cta,.section,.section.report-section{padding-block:clamp(64px,6.5vw,96px)}
.home-kicker,.catalog-eyebrow,.system-hub-eyebrow,.report-kicker{letter-spacing:.1em}
.catalog-heading,.system-hub-section-heading{margin-bottom:36px}
.catalog-heading>p:not(.catalog-eyebrow),.system-hub-section-heading>p:not(.system-hub-eyebrow),.home-feature-copy>p:not(.home-kicker),.catalog-split p:not(.catalog-eyebrow){line-height:1.85;font-size:17px}
.home-hero{isolation:isolate;min-height:640px}
.home-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(4,18,27,.98) 0%,rgba(5,22,33,.83) 50%,rgba(6,27,39,.5) 100%),url('/images/pellet-head-working.webp') center/cover;opacity:.32}
.home-hero-copy{min-height:640px;padding-top:48px;padding-bottom:72px}
.home-hero h1{max-width:min(640px,47vw)}
.home-hero-copy>p:not(.home-kicker){max-width:min(570px,44vw);font-size:18px;line-height:1.85}
.home-hero-media{width:54%;padding:20px 24px 28px;box-sizing:border-box}
.home-hero-caption{padding-bottom:14px;font-size:12px}
.home-intro-grid{grid-template-columns:.6fr 1.4fr;gap:64px}
.home-intro-grid>div>p{font-size:18px;line-height:1.85}
.capability-strip{background:#061721;border-top:1px solid #254453;border-bottom:1px solid #254453}
.capability-strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:28px;gap:0}
.capability-strip-grid>a{display:grid;grid-template-columns:32px 1fr;gap:5px 15px;padding-inline:30px;text-decoration:none;border-right:1px solid #2b4b5b;transition:background-color .2s ease;color:var(--text-strong)}
.capability-strip-grid>a:first-child{padding-left:0}.capability-strip-grid>a:last-child{border:0}
.capability-strip-number{grid-row:1/3;color:var(--brand-cyan);font-size:12px;font-weight:700;padding-top:5px}
.capability-strip strong{font-size:19px;font-weight:650;line-height:1.45}
.capability-strip small{color:var(--text-muted);font-size:13px;line-height:1.6}
.capability-strip a:hover strong{color:var(--brand-cyan)}
.system-hub-hero{padding-block:90px 74px;position:relative;overflow:hidden}
.system-hub-hero::after{content:"YUNSHAN / CONTROL";position:absolute;bottom:-.2em;left:3vw;font-size:clamp(60px,9vw,138px);font-weight:800;letter-spacing:-.05em;line-height:1;color:rgba(121,208,227,.035);pointer-events:none;white-space:nowrap}
.system-hub-hero-grid{gap:64px;grid-template-columns:1.05fr .95fr}
.system-hub-hero-media{background:linear-gradient(145deg,#123949,#0b2534)!important;border-color:#356274!important;padding:28px 54px 36px 20px;min-height:340px;display:flex;align-items:center}
.system-hub-hero-media>img{height:auto;object-fit:contain;border:6px solid #081925;border-radius:11px;box-shadow:0 22px 45px rgba(0,0,0,.24)}
.system-hub-hero-media>.system-hub-hero-phone{position:absolute;right:15px;bottom:24px;width:24%;height:auto;border:4px solid #081925;border-radius:17px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.system-hub-hero-media>span{bottom:-26px;font-size:12px;color:var(--text-muted)}
.system-hub-lead{font-size:18px;line-height:1.85}
.system-jump-nav{border-block:1px solid #294b5c;background:#092331}
.system-jump-nav>.container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-block:16px}
.system-jump-nav a{display:flex;align-items:center;gap:12px;padding:9px 18px;border-radius:9px;border:1px solid #294b5c;background:rgba(20,62,79,.32);color:#d5e7ed;text-decoration:none;font-size:14px;transition:background-color .2s,border-color .2s}
.system-jump-nav a>span:first-child{font-size:11px;color:var(--brand-cyan);font-weight:750}
.system-jump-nav a:hover,.system-jump-nav a:focus-visible{border-color:#60a8bd;background:#143b4e}
[id]{scroll-margin-top:28px}
.system-hub-card,.catalog-model,.catalog-material-grid article,.catalog-application-grid article,.report-card,.report-link,.card,.card.outline,.home-next-grid>a{border-radius:18px!important}
.system-hub-card-copy,.catalog-model-content{background:linear-gradient(145deg,#123444,#0d2a39)!important}
.system-hub-card h3{font-size:clamp(25px,2.25vw,31px);line-height:1.3}
.system-hub-card{display:flex;flex-direction:column}
.system-hub-card-media{flex-shrink:0}
.system-hub-card p{min-height:0;line-height:1.8}
.system-hub-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-height:250px;box-sizing:border-box}
.system-hub-card-copy>a{margin-top:auto;padding-top:6px}
.system-hub-card-media,.catalog-model-image,.home-ui-media{background:radial-gradient(ellipse at center,#174051,#0b2533 80%)!important}
.catalog-model h3{font-size:31px}.catalog-model strong{font-size:18px}
.catalog-material-note{background:#123647!important}
.catalog-application-grid article span{display:initial;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;margin:0}
.catalog-application-grid article>div>span:first-child{display:block;font-size:11px;font-weight:750;letter-spacing:.12em;color:var(--brand-cyan)!important;margin-bottom:14px}
.catalog-application-grid article h3{font-size:28px;line-height:1.3}
.catalog-application-grid article h3 span,.catalog-application-grid article p span{color:inherit!important}
.catalog-application-grid article p{font-size:16px;line-height:1.8;color:var(--text-muted)!important}
body:not(.lang-en) .en{display:none!important}body.lang-en .zh{display:none!important}
.system-visual{background:radial-gradient(ellipse at 50% 30%,#133d50,#0a2635 75%)!important;border-color:#315d71!important}
.system-cloud{background:linear-gradient(145deg,#194e63,#103748)!important}
.system-event{background:#153c4c!important;border-color:#3e6a7d!important}
.system-capabilities{border-color:#315367!important}
.system-capabilities>div{border-color:#315367!important}
.report-card,.report-link,.report-steps li,.card,.card.outline{background:#102f3f!important}
.report-table th{background:#163b4d!important}.report-table td{background:#0e2b3b!important}
.report-media-grid figcaption,.slicer-gallery figcaption{line-height:1.7}
.report-placeholder{overflow-wrap:anywhere;word-break:break-word}
.home-delivery,.system-use-cases{background:#0d2734;color:var(--text-strong);padding-block:clamp(64px,6.5vw,96px)}
.home-delivery .section-header,.system-use-cases .section-header{margin-bottom:36px}
.home-delivery .section-header h2,.system-use-cases .section-header h2{font-size:clamp(30px,3.35vw,48px);line-height:1.22;color:var(--text-strong)}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-grid>article{padding:30px;border:1px solid #315365;border-radius:18px;background:linear-gradient(145deg,#123746,#0d2937)}
.service-grid>article>span{display:block;font-size:12px;color:var(--brand-cyan);letter-spacing:.1em;margin-bottom:20px;font-weight:700}
.service-grid h3{font-size:23px;line-height:1.35;margin:0 0 14px;color:var(--text-strong)}
.service-grid p{font-size:16px;line-height:1.8;margin:0;color:var(--text-muted)}
.service-grid a{display:inline-block;margin-top:22px;color:var(--brand-cyan);font-size:14px;text-decoration:none;font-weight:650}
.home-final,.catalog-cta,.system-hub-cta,.cta-band{background:linear-gradient(120deg,#06131c 0%,#0a2d3e 62%,#0c5366 100%)!important}
.home-next,.home-use,.home-delivery,.system-hub-map,.system-hub-products,.system-use-cases{border-bottom:1px solid rgba(78,131,150,.15)}
.inquiry-checklist{background:#163b4a!important}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#0a2737!important;border-color:#355b6d!important}
.qr-mini-grid>.qr-mini{display:block;width:100%;padding:14px;border:1px solid var(--surface-border);border-radius:12px;background:#0d2734;color:var(--text-strong);font:inherit;cursor:pointer;box-sizing:border-box}
.qr-mini-grid>.qr-mini:hover{border-color:var(--brand-cyan)}
.qr-mini-grid>.qr-mini img{margin-inline:auto}
.qr-mini-grid>.qr-mini h4,.qr-mini-grid>.qr-mini h4 span{color:var(--text-strong)}
.inquiry-form .field-error{display:block;margin-top:6px;color:#ffb1b8;font-size:13px;line-height:1.6}
.inquiry-form .field-error[hidden]{display:none}
.inquiry-form input[aria-invalid=true]{border-color:#ff929e!important}
.qr-mini-grid>.qr-mini:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:4px}
.qr-modal-open{overflow:hidden}
.site-header .header-inner>.lang-switch{margin-left:0;align-self:center}
.site-header .site-nav{margin-left:auto}
.lang-btn{min-height:36px;min-width:36px}
.lang-btn:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:-3px}
.material-scroll-hint{display:none;color:var(--text-muted);font-size:13px;line-height:1.7}
.material-comparison-shell{max-width:100%;border-color:var(--surface-border);background:#0d2a39}
.material-comparison-shell:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:4px}
.material-comparison-table thead th{background:#123748;color:var(--text-strong)}
.material-comparison-table tbody th{background:#0a2534;color:var(--text-strong)}
.material-comparison-table tbody tr:hover th{background:#123847}
.material-comparison-table td small,.material-data-disclaimer{color:#a8c1cc}
.material-comparison-table .material-empty{color:#9bb6c1}
.material-filament-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.material-filament-grid .card h3{font-size:23px;line-height:1.35}
.material-filament-grid .card p{font-size:15px;line-height:1.8}
.material-filament-grid .media img{height:170px;object-fit:cover;width:100%}
@media(max-width:1100px){
  .material-filament-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-header .header-inner{flex-wrap:wrap;gap:10px}
  .site-header .brand{padding-right:0;order:1;flex-shrink:0}
  .site-header .header-inner>.lang-switch{order:2;margin-left:auto}
  .site-header .nav-toggle{display:block;position:static;order:3;min-height:40px;min-width:44px;padding:8px 10px}
  .site-header .site-nav{display:none;order:4;margin:0;width:100%;padding:10px;border:1px solid var(--surface-border);border-radius:16px;background:#0a2635!important}
  .site-header .site-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-header .site-nav a{min-height:44px;display:flex;align-items:center;font-size:14px;padding:10px 12px}
}
@media(max-width:760px){
  .material-scroll-hint{display:block;margin:0 0 14px}
  .material-comparison-table thead th:first-child{width:140px}
  .material-comparison-table thead th:not(:first-child){width:240px}
  .material-comparison-table th:first-child{position:sticky;left:0;z-index:1;box-shadow:4px 0 8px rgba(0,0,0,.13)}
}
@media(max-width:640px){.material-filament-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:420px){
  .site-header .header-inner{gap:7px}
  .site-header .brand{gap:8px}
  .site-header .brand-mark{width:36px;height:36px}
  .site-header .brand-en-mark img{width:112px}
  .site-header .brand-tagline .en{font-size:8px;letter-spacing:0}
  .site-header .lang-btn{padding:6px 8px;min-width:32px}
}
@media(max-width:360px){
  .site-header .nav-toggle{padding:8px 7px;min-width:40px;font-size:12px}
  .site-header .brand-en-mark img{width:100px}
  .site-header .brand-tagline .en{font-size:7px}
  .site-header .header-inner{gap:5px}
}
.footer-map{padding-block:56px 48px;gap:36px}
.home-feature-media,.catalog-hero-figure,.system-hub-hero-media,.page-hero-visual{border-radius:22px}
/* Images zoom inside their visual frame; controls and copy retain their positions. */
main img{filter:none!important}
.home-use-grid img{clip-path:inset(0 round 22px)}
.home-feature-media:not(.home-cloud-media),.catalog-model-image,.system-hub-card-media,.catalog-hero-figure{overflow:hidden}
.system-hub-hero-media>.system-hub-hero-phone{transform-origin:bottom center}
@media(hover:hover) and (pointer:fine){
  .button:not(:disabled):hover{transform:translateY(-2px) scale(1.025)}
  .button:not(:disabled):active{transform:scale(.98)}
  .system-hub-hero-media:hover>img:first-child{transform:scale(1.025)}
  .system-hub-hero-media:hover>.system-hub-hero-phone{transform:scale(1.045)}
  .service-grid>article{transition:border-color .25s,box-shadow .25s}
  .service-grid>article:hover{border-color:#5c9bad;box-shadow:0 14px 34px rgba(0,0,0,.15)}
}
@media(max-width:1100px){.site-header .header-inner{gap:18px}.site-nav a{padding:9px 8px;font-size:12px}.system-hub-hero-grid{gap:36px}.system-hub-hero-media{min-height:285px}.home-hero h1{max-width:48vw}}
@media(max-width:900px){
  .container{width:calc(100% - 40px)}
  .site-header .header-inner{width:calc(100% - 40px)}
  .home-hero{min-height:0;padding-top:58px}.home-hero-copy{min-height:0;padding:0;text-align:left;width:calc(100% - 40px)}
  .home-hero h1,.home-hero-copy>p:not(.home-kicker){max-width:680px;margin-left:0;margin-right:0}
  .home-actions{justify-content:flex-start}.home-hero-media{width:100%;height:430px;padding:16px;margin-top:18px}
  .home-hero-caption{width:calc(100% - 40px)}
  .home-intro-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .home-intro .home-kicker{padding:0;margin-bottom:10px}
  .capability-strip-grid>a{padding-inline:18px;grid-template-columns:1fr;gap:7px}.capability-strip-number{grid-row:auto}
  .capability-strip strong{font-size:16px}
  .system-hub-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:50px}
  .system-hub-hero-media{min-height:0;max-width:650px}
  .system-hub-card-copy{min-height:0}.system-hub-card-copy>a{margin-top:8px}
  .service-grid{grid-template-columns:minmax(0,1fr)}
  .service-grid>article{padding:26px}.service-grid>article>span{margin-bottom:14px}
}
@media(max-width:640px){
  .container,.home-hero-copy{width:calc(100% - 32px)}
  .site-header .header-inner{width:calc(100% - 32px)}
  .site-header .header-inner{min-height:64px;padding-block:8px}
  .home-hero h1,.catalog-hero h1,.system-hub-hero h1,.page-hero h1,.report-hero h1{font-size:clamp(34px,9.6vw,43px);line-height:1.2}
  .home-intro h2,.home-feature h2,.home-use h2,.home-next h2,.home-final h2,.catalog-heading h2,.catalog-split h2,.catalog-cta h2,.system-hub-section-heading h2,.system-hub-boundary h2,.system-hub-cta h2,.section h2,.cta-band h2,.home-delivery h2{font-size:32px;line-height:1.28}
  .home-hero-copy>p:not(.home-kicker),.system-hub-lead,.report-lead{font-size:16px!important;line-height:1.85}
  .home-hero-media{height:340px}.home-hero-caption{font-size:10px}
  .capability-strip-grid{grid-template-columns:minmax(0,1fr);padding-block:8px}
  .capability-strip-grid>a{grid-template-columns:25px 1fr;padding:16px 0!important;border-right:0;border-bottom:1px solid #294654}
  .capability-strip-number{grid-row:1/3}.capability-strip-grid>a:last-child{border:0}
  .system-hub-hero{padding-block:62px 58px}
  .system-hub-hero-media{padding:20px 42px 25px 12px}
  .system-hub-hero-media>.system-hub-hero-phone{right:8px;bottom:12px;border-width:3px;border-radius:12px}
  .system-jump-nav>.container{gap:8px;padding-block:14px}
  .system-jump-nav a{padding:8px 12px;gap:8px;font-size:13px;flex:1 1 calc(50% - 8px)}
  .system-hub-actions,.catalog-actions{gap:18px}
  .service-grid h3{font-size:22px}
  .catalog-application-grid article h3{font-size:25px}
  .footer-map{gap:28px 20px;padding-block:42px}
}
@media(prefers-reduced-motion:reduce){
  .button:hover,.button:active,.system-hub-hero-media:hover>img{transform:none!important}
  .service-grid>article,.system-jump-nav a{transition:none}
}
@media(prefers-reduced-transparency:reduce){.site-header{backdrop-filter:none!important}.button.ghost{background:#123241!important}}
@media(max-width:360px){
  .site-header .header-inner{gap:5px}
  .site-header .brand{margin-right:0}
}
.ai-sample-hero .report-hero-inner{grid-template-columns:minmax(0,1fr)}
.ai-sample-hero .report-hero-inner>div{max-width:850px}
.ai-sample-hero .ai-hero-visual{display:block;min-height:0;padding:0;background:#0d2a39!important}
.ai-sample-hero .ai-hero-visual>img{display:block;width:100%;height:auto;max-height:none;max-width:100%;object-fit:contain;border-radius:0;transform:none!important}
.ai-sample-hero .ai-hero-visual>figcaption{position:static;padding:14px 20px;color:var(--text-muted);font-size:13px;line-height:1.7}
.report-media-grid .ai-detection-example{grid-column:1/-1}
.report-media-grid .ai-detection-example>img{width:100%;height:auto;max-height:none;object-fit:contain}
.system-hub-card-ai>img{max-height:100%;border-radius:10px}
.system-hub-card-diagnostics>img{width:auto;height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transform:none!important}
.report-media-grid img[src="/images/device-diagnostics-sample.png"]{height:auto;max-height:none;object-fit:contain}
/* A1000 capabilities: the same readable presentation in overview and product detail. */
.machine-features{background:#0a2230;color:#edf6fb}
.machine-features .catalog-heading{max-width:840px}
.machine-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.machine-feature-card{padding:26px 22px;border:1px solid #294c60;border-radius:18px;background:#103044;transition:border-color .2s,background-color .2s}
.machine-feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:#8ccbe7}
.machine-feature-top svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.machine-feature-top>span{font-size:12px;letter-spacing:.12em;color:#8ba8b9}
.machine-feature-card h3{font-size:19px;line-height:1.45;margin:0 0 12px;color:#f1f8fc}
.machine-feature-card p{margin:0;font-size:14px;line-height:1.85;color:#bcd1de}
.machine-feature-note{margin:24px 0 0;font-size:13px;line-height:1.8;color:#a1bdce;max-width:920px}
@media(hover:hover) and (pointer:fine){.machine-feature-card:hover{background:#143b52;border-color:#6aaccb}}
@media(max-width:1100px){.machine-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.machine-feature-grid{grid-template-columns:minmax(0,1fr);gap:14px}.machine-feature-card{padding:22px}.machine-feature-top{margin-bottom:18px}.machine-feature-card h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.machine-feature-card{transition:none}}
/* FAQ content is present in HTML; search enhances the same accessible questions. */
.faq-page .report-hero h1{max-width:1050px}
.faq-page .faq-update{font-size:13px;color:#a1bdce;margin-top:20px}
.faq-content>.container{max-width:1100px}
.faq-directory,.faq-category,.faq-category details{scroll-margin-top:110px}
.faq-directory-heading{margin-bottom:28px}
.faq-directory-heading h2{margin-bottom:0}
.faq-topic-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.faq-topic-nav a{display:grid;grid-template-columns:1fr auto;gap:14px;padding:20px;border:1px solid #315365;border-radius:14px;background:#103044;color:#eef6fb;text-decoration:none;transition:border-color .2s,background-color .2s}
.faq-topic-number,.faq-topic-count{font-size:12px;font-weight:600;color:#8ccbe7}
.faq-topic-number{grid-column:1/-1;letter-spacing:.12em}
.faq-topic-nav strong{font-size:15px;line-height:1.5;font-weight:650;align-self:center}
.faq-topic-count{align-self:center}
.faq-topic-nav a:hover{background:#143b52;border-color:#6aaccb}
.faq-topic-nav a:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:4px}
.faq-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;align-items:end;margin:36px 0 48px;padding:24px;border:1px solid #315365;border-radius:16px;background:#102f3f}
.faq-search-field label{display:block;font-size:14px;font-weight:600;margin-bottom:10px;color:var(--text-strong)}
.faq-search-field input{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #416578;border-radius:10px;background:#082432;color:var(--text-strong);font:inherit;font-size:16px;padding:11px 14px;outline-offset:3px}
.faq-search-field input::placeholder{color:#a1bdce;opacity:1}
.faq-search-field input:focus-visible{outline:2px solid var(--brand-cyan)}
.faq-search-status{grid-column:1/-1;margin:0!important;color:#a1bdce;font-size:13px}
.faq-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.faq-actions [hidden],.inquiry-context[hidden]{display:none!important}
.inquiry-context{padding:12px 16px;border:1px solid #315365;border-radius:10px;background:#102f3f;color:#c6e2f1;font-size:14px;line-height:1.6;overflow-wrap:anywhere;margin:0 0 20px}
.maintenance-demo{max-width:811px;margin:0 0 28px}
.maintenance-demo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;border:1px solid #315365}
.maintenance-demo figcaption{margin-top:14px;line-height:1.7;color:var(--text-muted);font-size:14px}
.faq-category{margin-top:64px}
.faq-category:first-child{margin-top:0}
.faq-category-heading{display:flex;gap:20px;align-items:flex-start;margin-bottom:22px}
.faq-category-index{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #416578;border-radius:12px;color:#8ccbe7;font-size:13px;font-weight:700}
.faq-category-heading h2{font-size:28px;line-height:1.35;margin:0 0 8px}
.faq-category-heading p{font-size:15px;margin:0;line-height:1.7}
.faq-page .report-faq{max-width:none;border-top:1px solid #315365}
.faq-page .report-faq details{padding:0;border-bottom:1px solid #315365}
.faq-page .report-faq summary{display:flex;align-items:center;gap:20px;list-style:none;padding:22px 0;color:var(--text-strong);font-size:18px;line-height:1.65;font-weight:600}
.faq-page .report-faq summary::-webkit-details-marker{display:none}
.faq-page .report-faq summary::marker{content:''}
.faq-page .report-faq summary::after{content:'+';margin-left:auto;flex-shrink:0;font-size:25px;line-height:1;color:#8ccbe7;align-self:center}
.faq-page .report-faq details[open]>summary::after{content:'−'}
.faq-question-number{display:grid;place-items:center;flex:0 0 34px;height:34px;box-sizing:border-box;border:1px solid #355f75;border-radius:9px;background:#113348;font-size:12px;line-height:1;font-weight:650;color:#8ccbe7;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.faq-question-text{min-width:0}
.faq-answer{padding:0 54px 26px;max-width:900px}
.faq-page .faq-answer p{font-size:16px;color:var(--text-muted);line-height:1.9;margin:0 0 16px}
.faq-related{color:var(--brand-cyan);font-size:14px;line-height:1.8;text-decoration:none;font-weight:600}
.faq-related:hover{text-decoration:underline;text-underline-offset:4px}
.faq-empty{padding:24px;border:1px dashed #537f94;border-radius:14px;line-height:1.8}
.faq-empty a{color:var(--brand-cyan)}
.faq-tools[hidden],.faq-category[hidden],.faq-page details[hidden],.faq-empty[hidden],#faq-expand span[hidden]{display:none!important}
@media(max-width:900px){.faq-topic-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .faq-topic-nav{gap:10px}.faq-topic-nav a{padding:16px;gap:12px}.faq-topic-nav strong{font-size:14px}
  .faq-tools{grid-template-columns:minmax(0,1fr);padding:18px;margin:28px 0 42px}.faq-tools>.button{justify-self:start}.faq-search-status{grid-column:auto}
  .faq-category{margin-top:46px}.faq-category-heading{gap:14px}.faq-category-heading h2{font-size:24px}.faq-category-heading p{font-size:14px}
  .faq-page .report-faq summary{gap:14px;font-size:16px;padding:20px 0}.faq-question-number{flex-basis:30px;height:30px;border-radius:8px;font-size:11px;align-self:flex-start;margin-top:1px}
  .faq-answer{padding:0 0 22px 44px}.faq-page .faq-answer p{font-size:15px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){.faq-topic-nav a{transition:none}}

/* Keep workflow connectors in their own space and preserve mobile screenshots. */
.system-hub-steps{column-gap:44px;row-gap:28px}
.system-hub-steps li{min-width:0}
.system-hub-steps li:not(:last-child)::after{right:-36px;top:50%;width:26px;height:26px;transform:translateY(-50%)}
.home-cloud-phone{height:auto;aspect-ratio:1206/2622}
.home-cloud-phone img{display:block;height:auto;object-fit:contain}
.system-screen .system-phone{height:auto;object-fit:contain}
.system-hub-card-media{grid-template-rows:minmax(0,1fr)}
.system-hub-card-media>img{min-height:0}
@media(max-width:640px){.system-hub-steps{gap:18px}}

/* Real demonstration: direct video access plus a scannable code. */
.demo-video-card{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:center;margin-top:30px;padding:36px;border:1px solid var(--surface-border);border-radius:20px;background:var(--surface-card)}
.demo-video-copy{min-width:0}
.demo-video-copy .eyebrow{margin:0 0 18px;color:var(--brand-cyan);font-size:13px;letter-spacing:.12em}
.demo-video-copy h3{max-width:760px;margin:0 0 18px;color:var(--text-strong);font-size:clamp(24px,3vw,36px);line-height:1.4}
.demo-video-copy>p:not(.eyebrow){max-width:700px;color:var(--text-muted);font-size:16px;line-height:1.8;margin:0 0 26px}
.demo-video-copy .button{display:inline-flex;align-items:center;gap:12px;white-space:normal}
.demo-video-note{margin-top:16px;color:var(--text-muted);font-size:13px;line-height:1.7}
.demo-video-qr{margin:0;text-align:center;min-width:0}
.demo-video-qr>a:first-child{display:block;width:220px;max-width:100%;margin:0 auto;background:#fff;border-radius:14px;overflow:hidden}
.demo-video-qr img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.demo-video-qr figcaption{margin-top:16px;color:var(--text-muted);font-size:14px;line-height:1.8}
.demo-video-qr figcaption strong{display:block;color:var(--text-strong);font-size:16px;margin-bottom:4px}
.demo-video-qr .demo-qr-download{display:inline-block;margin-top:12px;color:var(--brand-cyan);font-size:14px;text-underline-offset:4px}
.demo-compatibility{margin-top:24px;max-width:900px;color:var(--text-muted);font-size:14px;line-height:1.8}
@media(max-width:760px){.demo-video-card{grid-template-columns:1fr;gap:30px;padding:24px}.demo-video-qr{padding-top:26px;border-top:1px solid var(--surface-border)}.demo-video-copy h3{font-size:26px}}

/* One compact language control, with the native keyboard-accessible menu. */
body{min-width:0}
.site-header .lang-switch{display:block;border:0;background:none;padding:0;flex:none}
.language-picker{position:relative;display:inline-flex;align-items:center;border:1px solid #315365;border-radius:999px;background:#102f3f;color:#edf6fb;min-height:36px;cursor:pointer}
.language-picker-label{display:flex;align-items:center;gap:9px;padding:7px 12px;font:600 12px/20px system-ui,sans-serif;white-space:nowrap}
.language-picker-label>span{font-size:14px;color:#8ccbe7}
.language-picker select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:15px;color:#edf6fb;background:#102f3f}
.language-picker:focus-within{outline:2px solid #8ccbe7;outline-offset:3px}
.language-picker:hover{background:#173e50;border-color:#6aaccb}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-notice{padding:10px 20px;margin:0;background:#183b4f;color:#fff;font-size:13px}
[data-social-platform][hidden]{display:none!important}
.footer-social{padding-block:48px;border-bottom:1px solid #294c60}
.social-channel{display:flex;justify-content:space-between;align-items:center;gap:48px}
.social-channel-copy{max-width:670px;min-width:0}
.social-eyebrow{font-size:12px;letter-spacing:.12em;color:#8ccbe7;margin:0 0 12px}
.social-channel h2{font-size:28px;line-height:1.4;margin:0 0 12px;color:#edf6fb}
.social-channel-copy>p:not(.social-eyebrow){font-size:15px;line-height:1.8;color:#bcd1de;margin:0 0 22px}
.social-code{display:block;flex:0 0 180px;text-align:center;text-decoration:none;color:#bcd1de;font-size:12px;line-height:1.7}
.social-code img{display:block;width:180px;height:180px;padding:8px;box-sizing:border-box;background:#fff;border-radius:12px;margin-bottom:12px}
.social-contact{text-decoration:none;color:inherit;text-align:center;display:block}
.social-contact img{width:144px;height:144px;background:#fff;object-fit:contain;border-radius:10px;padding:8px;box-sizing:border-box}
body[data-locale=th],body[data-locale=km],body[data-locale=lo]{font-family:system-ui,'Nirmala UI',sans-serif;line-height:1.85}
body[data-locale=my]{font-family:'Myanmar Text',system-ui,sans-serif;line-height:1.9}
body[data-locale=hi]{font-family:'Nirmala UI',system-ui,sans-serif;line-height:1.85}
/* A portrait interface has a readable column of its own, without height caps. */
.cloud-interface-gallery{grid-template-columns:minmax(0,1fr);align-items:start}
.cloud-interface-gallery>figure:not(.cloud-mobile-preview){max-width:100%}
.cloud-interface-gallery>figure:not(.ai-detection-example):not(.cloud-mobile-preview){max-width:900px}
.cloud-interface-gallery .cloud-mobile-preview{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:48px;padding:32px;grid-column:1/-1}
.cloud-mobile-preview .image-preview-link{display:block;min-width:0;cursor:zoom-in}
.cloud-interface-gallery .cloud-mobile-preview img{width:100%;height:auto!important;max-height:none!important;object-fit:contain;display:block;border-radius:12px;transform:none!important}
.cloud-mobile-copy{min-width:0}
.cloud-mobile-copy h3{font-size:30px;line-height:1.4;color:#edf6fb;margin:0 0 20px}
.cloud-mobile-copy figcaption{padding:0;margin:0 0 18px;font-size:17px}
.cloud-mobile-copy p{line-height:1.85;font-size:16px;color:#bcd1de}
.cloud-mobile-copy .button.image-preview-link{display:inline-flex;cursor:zoom-in;margin-top:16px}
.image-preview-dialog{width:min(1206px,calc(100vw - 32px));max-width:none;height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid #315365;border-radius:16px;background:#0a2230;overflow:auto;overscroll-behavior:contain}
.image-preview-dialog::backdrop{background:rgba(2,12,20,.88)}
.image-preview-dialog>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.image-preview-dialog form{position:sticky;top:12px;height:0;z-index:1;display:flex;justify-content:flex-end;padding-right:12px}
.image-preview-close{width:44px;height:44px;border:1px solid #6aaccb;border-radius:50%;background:#082432;color:#fff;font:28px/1 system-ui;cursor:pointer;box-shadow:0 4px 20px #06172166}
body:has(.image-preview-dialog[open]){overflow:hidden}
.image-preview-dialog form{gap:8px}
.image-preview-zoom{width:44px;height:44px;border:1px solid #6aaccb;border-radius:50%;background:#082432;color:white;font:600 12px/1 system-ui;cursor:pointer}
.image-preview-zoom[aria-pressed=true]{background:#1965a3;border-color:#8ccbe7}
.image-preview-dialog.is-zoomed>img{width:1206px;max-width:none}
@media(max-width:1100px){.site-nav a{padding-inline:7px;font-size:12px}}
@media(max-width:760px){.cloud-interface-gallery .cloud-mobile-preview{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px}.cloud-mobile-preview>.image-preview-link{width:min(100%,420px);margin:auto}.cloud-mobile-copy h3{font-size:25px}.social-channel{gap:28px;align-items:flex-start}.social-channel h2{font-size:24px}}
@media(max-width:520px){.social-channel{flex-direction:column}.social-code{flex-basis:auto}.language-picker-label{padding:6px 10px;gap:7px}.cloud-interface-gallery .cloud-mobile-preview{padding:14px}.cloud-mobile-copy{padding:8px}}
.equipment-specifications{background:#0a2230;color:#edf6fb}
.report-hero{overflow:clip}
.equipment-specifications .model-comparison{margin-bottom:48px}
.report-table caption{text-align:left;padding:0 0 20px;color:#edf6fb;font-size:23px;font-weight:650;line-height:1.5}
.full-specifications .report-table{width:100%;min-width:0;table-layout:fixed}
.full-specifications .report-table th[scope=row]{width:32%}
.full-specifications .report-table td{overflow-wrap:anywhere}
.report-table .spec-group-row th{background:#143b52;color:#8ccbe7;padding:15px 20px;border-bottom:1px solid #416578;text-align:left;font-size:16px}
.model-comparison .report-table{width:100%;table-layout:fixed;min-width:600px}
.model-comparison th,.model-comparison td{overflow-wrap:anywhere}
.model-comparison .report-table th{width:33.333%}
.specification-note{max-width:960px;font-size:14px;line-height:1.85;color:#a1bdce;margin:24px 0}
.spec-download{margin-top:4px}
@media(max-width:640px){.report-table caption{font-size:20px}.full-specifications .report-table th[scope=row]{width:36%}.full-specifications th,.full-specifications td{padding:13px 12px;font-size:13px;line-height:1.7}.equipment-specifications .model-comparison{margin-bottom:32px}}
@media(max-width:1100px){
  .site-header .header-inner{gap:8px}
  .site-header .nav-toggle{width:44px;height:40px;min-width:44px;padding:0;font-size:0}
  .nav-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .site-header .nav-toggle::before{content:'☰';font:20px/1 system-ui,sans-serif}
}
@media(max-width:640px){
  .model-comparison .report-table{min-width:0}
  .model-comparison th,.model-comparison td{font-size:12px;padding:12px 10px;line-height:1.65}
  .language-picker{min-height:40px}
}
@media(max-width:360px){
  .site-header .brand-en-mark img{width:86px}
  .site-header .brand-mark img{width:32px;height:32px}
  .site-header .brand{gap:8px}
  .site-header .header-inner{gap:5px}
  .language-picker-label{padding-inline:8px;font-size:11px}
}

/* One shared content frame from laptops through ultrawide displays. */
:root{--site-content-width:clamp(1320px,80vw,2160px);--site-gutter:40px}
.container,.site-header .header-inner{width:min(var(--site-content-width),calc(100% - 2 * var(--site-gutter)));max-width:var(--site-content-width)}
.home-hero{display:block;min-height:0;padding:0}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,3vw,96px);padding-block:48px 64px;min-height:640px;box-sizing:border-box}
.home-hero-copy{width:100%;max-width:none;min-width:0;min-height:0;padding:0}
.home-hero h1{max-width:100%}
.home-hero-copy>p:not(.home-kicker){max-width:65ch}
.home-hero-media{position:relative;inset:auto;width:100%;height:clamp(440px,25vw,720px);min-width:0;max-width:none;aspect-ratio:auto;padding:20px;overflow:hidden;margin:0;box-sizing:border-box}
.home-hero-media>img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.home-hero-caption{pointer-events:none}
@media(min-width:1600px){
  .home-hero-grid{min-height:clamp(680px,30vw,860px);padding-block:64px 80px}
  .home-hero h1,.catalog-hero h1,.system-hub-hero h1,.page-hero h1,.report-hero h1{font-size:clamp(60px,2.7vw,84px)}
  body.lang-en .home-hero h1{font-size:clamp(60px,2.3vw,72px)}
  .home-hero-copy>p:not(.home-kicker),.catalog-lead,.system-hub-lead,.report-lead{font-size:clamp(18px,.75vw,22px)}
  .home-section,.catalog-section,.system-hub-map,.system-hub-products,.system-hub-boundary,.system-hub-cta,.section,.section.report-section{padding-block:clamp(96px,4.2vw,132px)}
  .home-intro-grid{gap:clamp(64px,4vw,128px)}
  .home-intro h2,.home-feature h2,.home-use h2,.home-next h2,.home-final h2,.catalog-heading h2,.catalog-split h2,.system-hub-section-heading h2{font-size:clamp(48px,2vw,60px)}
  .home-feature-media{height:clamp(520px,23vw,680px)}
  .catalog-hero-figure{min-height:clamp(400px,20vw,560px)}
  .catalog-hero-figure img,.report-hero-inner>img{max-height:clamp(475px,20vw,620px)}
  .system-hub-hero-media{min-height:clamp(340px,18vw,520px)}
  .site-header .site-nav a{font-size:14px;padding-inline:12px}
  .social-channel{max-width:none}
}
@media(min-width:901px){
  .page-hero>.container{width:min(var(--site-content-width),calc(100% - 2 * var(--site-gutter)))!important;max-width:var(--site-content-width);padding-right:calc(min(var(--site-content-width),100vw - 2 * var(--site-gutter)) * .52);box-sizing:border-box}
  .page-hero-visual{right:max(var(--site-gutter),calc((100% - var(--site-content-width))/2));width:calc(min(var(--site-content-width),100% - 2 * var(--site-gutter)) * .44);max-width:none}
}
@media(min-width:1600px){
  .page-hero{min-height:clamp(520px,24vw,720px)}
  .page-hero-visual{height:72%;max-height:520px}
}
@media(max-width:900px){
  :root{--site-gutter:20px}
  .home-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding-block:58px 0}
  .home-hero-copy{width:100%;padding:0;text-align:left}
  .home-hero-media{height:430px;padding:16px;margin:0}
  .home-hero-caption{position:relative}
}
@media(max-width:640px){
  :root{--site-gutter:16px}
  .home-hero-grid{padding-top:44px;gap:16px}
  .home-hero-media{height:340px;padding:12px}
}