:root{--yellow:#f5b400;--red:#d71920;--ink:#111;--muted:#666;--line:#e5e7eb;--soft:#f6f7f8;--page:#fff;--header-h:76px}*{box-sizing:border-box}html{min-width:320px;background:#fff;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}button,input{font:inherit}img,video,canvas,svg{max-width:100%}.site-header{position:sticky;top:0;z-index:1200;width:100%;height:var(--header-h);background:rgba(255,255,255,.99);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(0,0,0,.055);backdrop-filter:blur(10px)}.header-inner{width:min(1580px,100%);height:100%;margin:auto;padding:0 clamp(14px,2vw,34px);display:flex;align-items:center;gap:18px}.site-brand{display:flex;align-items:center;gap:10px;min-width:190px;text-decoration:none}.site-logo{width:62px;height:58px;object-fit:contain;background:transparent}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:18px;letter-spacing:.05em}.brand-copy small{margin-top:4px;color:#777;font-size:9px;white-space:nowrap}.desktop-nav{flex:1;display:flex;justify-content:flex-start;align-items:stretch;gap:clamp(3px,.35vw,7px);min-width:0;height:100%}.nav-direct,.nav-item>a{display:flex;align-items:center;position:relative;padding:0 4px;text-decoration:none;font-size:clamp(10px,.75vw,13px);font-weight:800;white-space:nowrap}.nav-direct::after,.nav-item>a::after{content:'';position:absolute;left:4px;right:100%;bottom:15px;height:2px;background:var(--yellow);transition:right .2s ease}.nav-direct:hover::after,.nav-item>a:hover::after{right:4px}.nav-item{position:relative;display:flex;align-items:center}.nav-item>button{border:0;background:transparent;padding:0 2px;cursor:pointer;font-size:12px}.nav-dropdown{position:absolute;top:calc(100% - 6px);left:50%;transform:translateX(-50%) translateY(8px);width:min(360px,84vw);max-height:70vh;overflow:auto;padding:8px;border:1px solid #ddd;border-radius:10px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:1300}.nav-item:hover .nav-dropdown,.nav-item.open .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.nav-dropdown a{display:grid;gap:2px;padding:10px 11px;border-radius:7px;text-decoration:none}.nav-dropdown a:hover{background:#fff6d3}.nav-dropdown strong{font-size:12px;line-height:1.25}.nav-dropdown span{font-size:10px;color:#777}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.search-toggle{width:38px;height:38px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:20px}.header-cta{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:5px;background:var(--yellow);text-decoration:none;font-size:12px;font-weight:900}.menu-toggle{display:none}.mobile-menu{display:none}.app{min-height:calc(100vh - var(--header-h));background:#fff}.hero-slider{position:relative;height:410px;overflow:hidden;background:#161616;color:#fff}.hero-track,.hero-slide,.hero-slide canvas,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-slide{opacity:0;transition:opacity .7s ease}.hero-slide.active{opacity:1}.hero-slide canvas{display:block}.hero-fallback{background:linear-gradient(135deg,#151515,#333)}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.63) 38%,rgba(0,0,0,.20) 68%,rgba(0,0,0,.06) 100%);z-index:2}.hero-copy{position:relative;z-index:3;width:min(620px,72vw);height:100%;margin-left:clamp(22px,5vw,86px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-copy>span{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.18em}.hero-copy h1{margin:9px 0 12px;font-size:clamp(38px,5vw,72px);line-height:.92;letter-spacing:-.04em}.hero-copy h1 em{font-style:normal;color:#ef2b2d}.hero-copy p{max-width:560px;margin:0;color:#e8e8e8;font-size:clamp(13px,1.2vw,17px);line-height:1.5}.hero-actions{display:flex;gap:10px;margin-top:20px}.hero-actions a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;border-radius:5px;text-decoration:none;font-size:12px;font-weight:900}.hero-primary{background:var(--yellow);color:#111}.hero-secondary{border:1px solid rgba(255,255,255,.8);background:rgba(0,0,0,.18);color:#fff}.hero-actions b{font-size:18px}.hero-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:40px;height:54px;border:0;border-radius:6px;background:rgba(0,0,0,.34);color:#fff;font-size:34px;cursor:pointer}.hero-prev{left:10px}.hero-next{right:10px}.hero-dots{position:absolute;z-index:4;left:clamp(22px,5vw,86px);bottom:20px;display:flex;gap:8px}.hero-dots button{width:9px;height:9px;padding:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:transparent;cursor:pointer}.hero-dots button.active{background:var(--yellow);border-color:var(--yellow)}.page-main{width:min(1480px,100%);margin:0 auto;padding:clamp(24px,3vw,48px) clamp(14px,2.5vw,36px) 54px}.section-heading{max-width:900px;margin-bottom:22px}.section-heading>span{display:block;margin-bottom:7px;color:#8a6b00;font-size:10px;font-weight:900;letter-spacing:.18em}.section-heading h2{margin:0;font-size:clamp(26px,3.2vw,46px);line-height:1.04;letter-spacing:-.03em}.section-heading p{max-width:760px;margin:10px 0 0;color:#666;font-size:14px;line-height:1.55}.home-card-grid,.screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.screen-section{margin-top:32px}.screen-section>h3{margin:0 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:.1em}.screen-card{display:block;overflow:hidden;border:1px solid #e2e2e2;border-radius:13px;background:#fff;color:#111;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.055);transition:transform .18s ease,box-shadow .18s ease}.screen-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.09)}.screen-thumb{height:160px;overflow:hidden;background:#eee}.screen-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}.screen-card-body{position:relative;display:grid;gap:4px;min-height:102px;padding:14px 42px 15px 14px}.screen-card-body span{color:#9a7600;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.screen-card-body strong{font-size:15px;line-height:1.25}.screen-card-body b{position:absolute;right:14px;bottom:14px;font-size:22px}.strength-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:26px}.strength-card{min-height:108px;padding:14px;border:1px solid #e6e6e6;border-radius:10px;background:#f8f9fa;display:grid;align-content:center;gap:4px}.strength-card span{font-size:9px;color:#8b6a00;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.strength-card strong{font-size:15px;line-height:1.1}.strength-card small{color:#666;font-size:10px;line-height:1.3}.main-cta{margin-top:30px;padding:26px clamp(20px,3vw,42px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#101010,#1c1c1c);color:#fff;border-radius:14px}.main-cta span{font-size:10px;font-weight:800;letter-spacing:.25em}.main-cta h2{margin:4px 0 7px;font-size:clamp(28px,3.6vw,50px);line-height:.95}.main-cta h2 em{font-style:normal;color:#ef2b2d}.main-cta p{max-width:650px;margin:0;color:#d1d1d1;font-size:13px;line-height:1.45}.main-cta>a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;border-radius:5px;background:var(--yellow);color:#111;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}.site-footer{background:#111;color:#fff}.footer-inner{width:min(1480px,100%);margin:auto;padding:28px clamp(16px,3vw,40px);display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:28px}.footer-company strong{font-size:15px}.footer-company p{max-width:420px;margin:7px 0 0;color:#cfcfcf;font-size:12px;line-height:1.45}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.footer-links strong{grid-column:1/-1;margin-bottom:3px;font-size:12px}.footer-links a{color:#ddd;text-decoration:none;font-size:11px}.footer-tagline{display:grid;align-content:center;gap:4px;color:#ddd;font-size:14px;letter-spacing:.09em}.footer-tagline strong{color:#fff;font-size:16px}.footer-legal{padding:10px 16px;border-top:1px solid #2d2d2d;color:#888;text-align:center;font-size:9px}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;color:#666;font-size:11px}.breadcrumbs a{text-decoration:none}.breadcrumbs strong{color:#111}.screen-actions{display:flex;gap:8px;overflow:auto;padding:0 0 16px;margin-bottom:12px}.screen-actions a,.screen-actions button{flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid #ddd;border-radius:7px;background:#fff;color:#111;text-decoration:none;font-size:11px;font-weight:800;cursor:pointer}.screen-actions a:hover,.screen-actions button:hover{background:#fff5c5;border-color:#e1b900}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.content-article{min-width:0;padding:26px;border:1px solid #e5e5e5;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.045)}.content-article .section-heading{margin-bottom:20px}.content-article h3{margin:24px 0 8px;font-size:18px;line-height:1.25}.content-article p{margin:0 0 12px;color:#444;font-size:14px;line-height:1.65}.content-article ul{margin:8px 0 16px;padding-left:20px}.content-article li{margin:6px 0;color:#444;font-size:14px;line-height:1.5}.related-nav{position:sticky;top:calc(var(--header-h) + 16px);display:grid;gap:4px;padding:14px;border:1px solid #e4e4e4;border-radius:12px;background:#fafafa}.related-nav>strong{margin-bottom:5px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.related-nav a{padding:9px 10px;border-radius:7px;text-decoration:none;font-size:11px;line-height:1.3}.related-nav a:hover{background:#fff0b5}.technical-viewer{border:1px solid #e3e3e3;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.05)}.technical-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 16px;border-bottom:1px solid #e8e8e8;background:#fafafa}.technical-head span{display:block;color:#8f6d00;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.technical-head h2{margin:3px 0 0;font-size:19px}.technical-head button{width:38px;height:38px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:18px}.technical-frame{overflow:auto;background:#f0f0f0}.technical-frame img{display:block;width:100%;height:auto;cursor:zoom-in}.image-viewer{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.92);display:grid;grid-template-rows:auto 1fr}.image-viewer>button{justify-self:end;margin:10px 12px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:28px;cursor:pointer}.image-viewer>div{overflow:auto;padding:12px}.image-viewer img{display:block;max-width:none;width:max(1200px,100vw);height:auto;margin:auto}.empty-state{text-align:center;padding-top:70px}.empty-state h2{font-size:32px}.empty-state a{display:inline-flex;margin-top:12px;padding:12px 16px;background:var(--yellow);border-radius:6px;text-decoration:none;font-weight:900}.search-dialog{position:fixed;inset:0;z-index:2500}.search-dialog[hidden]{display:none}.search-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.55)}.search-panel{position:relative;width:min(760px,calc(100% - 24px));max-height:82vh;margin:8vh auto 0;padding:18px;border-radius:14px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.28);overflow:hidden}.search-panel-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.search-panel-head span{color:#8d6b00;font-size:9px;font-weight:900;letter-spacing:.16em}.search-panel-head h2{margin:2px 0 0;font-size:25px}.search-close{width:38px;height:38px;border:0;border-radius:8px;background:#f1f1f1;font-size:26px;cursor:pointer}.search-panel input{width:100%;height:46px;margin:14px 0 12px;padding:0 14px;border:1px solid #ccc;border-radius:8px;font-size:14px}.search-results{max-height:55vh;overflow:auto;display:grid;gap:3px}.search-results a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 12px;border-radius:8px;text-decoration:none}.search-results a:hover{background:#fff4c7}.search-results strong{font-size:12px}.search-results span{color:#777;font-size:10px}.search-results p{padding:18px;color:#777;text-align:center}.mobile-group{border-bottom:1px solid #ececec}.mobile-group summary{list-style:none;cursor:pointer;padding:13px 14px;font-size:13px;font-weight:900;background:#fff}.mobile-group summary::-webkit-details-marker{display:none}.mobile-group summary::after{content:'+';float:right}.mobile-group[open] summary::after{content:'−'}.mobile-group>a{display:block;padding:10px 18px;background:#fafafa;border-top:1px solid #eee;text-decoration:none;font-size:11px;line-height:1.25}.mobile-direct{display:block;padding:13px 14px;border-bottom:1px solid #eee;background:#fff;text-decoration:none;font-size:13px;font-weight:900}@media(max-width:1220px){.brand-copy{display:none}.site-brand{min-width:72px}.desktop-nav{gap:5px}.nav-direct,.nav-item>a{font-size:10px}.header-cta{display:flex;min-width:96px;min-height:38px;padding:0 11px;font-size:11px}}@media(max-width:1120px){:root{--header-h:64px}.site-header{height:var(--header-h)}.header-inner{padding:0 14px;justify-content:space-between}.site-logo{width:58px;height:52px}.desktop-nav{display:none}.search-toggle{display:inline-flex;width:36px;height:36px;flex:0 0 36px}.menu-toggle{display:none!important;width:46px;height:46px;padding:10px;border:0;border-radius:8px;align-content:center;gap:6px;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:26px;height:2px;background:#111;transition:.2s}.menu-toggle[aria-expanded=true]{background:#fff4c3}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;top:var(--header-h);left:10px;right:10px;z-index:1190;display:block;max-height:calc(100vh - var(--header-h) - 12px);overflow:auto;border:1px solid #ddd;border-radius:10px;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.18)}.mobile-menu[hidden]{display:none}.home-card-grid,.screen-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.strength-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-layout{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:760px){:root{--header-h:58px}.site-logo{width:54px;height:48px}.menu-toggle{width:44px;height:44px}.hero-slider{height:310px}.hero-copy{width:min(520px,84vw);margin-left:20px;padding-right:16px}.hero-copy>span{font-size:8px;letter-spacing:.14em}.hero-copy h1{margin:7px 0 9px;font-size:clamp(34px,10vw,52px)}.hero-copy p{max-width:430px;font-size:12px;line-height:1.4}.hero-actions{margin-top:15px;gap:8px}.hero-actions a{min-height:40px;padding:0 12px;font-size:10px}.hero-arrow{display:none}.hero-dots{left:20px;bottom:14px}.page-main{padding:22px 12px 38px}.section-heading h2{font-size:28px}.section-heading p{font-size:12.5px}.home-card-grid,.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.screen-thumb{height:118px}.screen-card-body{min-height:94px;padding:11px 34px 12px 11px}.screen-card-body strong{font-size:13px}.screen-card-body span{font-size:8px}.strength-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.strength-card{min-height:92px;padding:11px}.strength-card strong{font-size:13px}.main-cta{align-items:flex-start;flex-direction:column;padding:20px 16px;border-radius:11px}.main-cta h2{font-size:32px}.main-cta p{font-size:11px}.main-cta>a{min-height:44px;font-size:10px}.footer-inner{grid-template-columns:1fr;gap:20px;padding:24px 16px}.footer-links{grid-template-columns:1fr 1fr}.content-layout{grid-template-columns:1fr}.related-nav{position:static}.content-article{padding:18px 15px}.content-article h3{font-size:16px}.content-article p,.content-article li{font-size:13px}.technical-head h2{font-size:16px}.technical-frame{overflow-x:auto}.technical-frame img{width:100%;min-width:0}.image-viewer img{width:1200px}.screen-actions{margin-left:-2px;margin-right:-2px}.search-panel{margin-top:4vh;max-height:90vh}.search-results{max-height:62vh}.breadcrumbs{font-size:10px}}@media(max-width:430px){.home-card-grid,.screen-grid{grid-template-columns:1fr 1fr}.screen-thumb{height:100px}.screen-card-body{min-height:90px}.screen-card-body strong{font-size:12px}.strength-grid{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:36px}.hero-copy p{font-size:11px}.hero-actions a{font-size:9.5px;padding:0 10px}.footer-links{grid-template-columns:1fr 1fr}.search-results a{align-items:flex-start;flex-direction:column;gap:3px}}

/* DCCC restore: keep a compact desktop navigation when mobile browsers request Desktop site. */
@media (min-width:761px) and (max-width:1120px) {
  :root { --header-h:76px; }
  .site-header { height:76px; }
  .header-inner { display:flex; height:100%; min-height:0; padding:0 10px; gap:8px; align-items:center; justify-content:flex-start; }
  .site-brand { flex:0 0 auto; min-width:52px; gap:4px; }
  .site-logo { width:48px; height:48px; }
  .brand-copy { display:none; }
  .desktop-nav { display:flex!important; flex:1 1 auto; min-width:0; height:100%; justify-content:flex-start; align-items:center; gap:clamp(2px,.35vw,5px); overflow-x:auto; overflow-y:hidden; white-space:nowrap; scrollbar-width:none; }
  .desktop-nav::-webkit-scrollbar { display:none; }
  .desktop-nav .nav-direct, .desktop-nav .nav-item>a { flex:0 0 auto; font-size:clamp(9px,.85vw,11px); padding:0 2px; }
  .header-actions { display:flex; flex:0 0 auto; align-items:center; gap:6px; margin-left:auto; }
  .search-toggle, .header-cta { display:inline-flex!important; }
  .search-toggle { width:36px; height:36px; flex:0 0 36px; }
  .header-cta { min-width:96px; height:36px; min-height:36px; padding:0 9px; font-size:10px; }
  .menu-toggle, .mobile-menu { display:none!important; }
}


/* DCCC automatic translation: hide Google's injected top toolbar, not the translation engine. */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame,
body > .skiptranslate,
body > .skiptranslate > iframe.skiptranslate,
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
}
html.translated-ltr,
html.translated-rtl {
  margin-top: 0 !important;
}
html body {
  top: 0 !important;
  margin-top: 0 !important;
}

/* Android/other touch browsers may request Desktop site and squeeze the desktop menu.
   Use the existing mobile navigation in this tablet-width range instead. */
@media (hover: none) and (pointer: coarse) and (min-width: 761px) and (max-width: 1120px) {
  :root { --header-h: 64px; }
  .site-header { height: 64px !important; }
  .header-inner {
    padding: 0 14px !important;
    gap: 10px !important;
    justify-content: space-between !important;
  }
  .site-brand { min-width: 52px !important; gap: 4px !important; }
  .site-logo { width: 52px !important; height: 50px !important; }
  .brand-copy { display: none !important; }
  .desktop-nav { display: none !important; }
  .header-actions { margin-left: auto !important; gap: 8px !important; }
  .search-toggle { display:inline-flex!important; width:36px!important; height:36px!important; min-width:36px!important; flex:0 0 36px!important; }
  .header-cta { display:flex!important; min-width:96px!important; height:36px!important; min-height:36px!important; padding:0 10px!important; font-size:10px!important; }
  .menu-toggle { display:none!important; }
  .mobile-menu {
    left: 10px !important;
    right: 10px !important;
    border-color: #d9dde2 !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16) !important;
  }
  .mobile-menu .mobile-direct,
  .mobile-menu .mobile-group > summary {
    color: #171a1f !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    padding: 13px 16px !important;
    border-bottom: 1px solid #e7e9ec !important;
    background: #fff !important;
  }
  .mobile-menu .mobile-group > a {
    color: #292d33 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    padding: 11px 20px !important;
    background: #f8f9fa !important;
  }
}