/* ===== Design tokens (mirrors src/app/globals.css) ===== */
:root{
  --brand-blue:#00a3ff;
  --brand-blue-deep:#3b82f6;
  --brand-blue-hover:#0090e0;
  --brand-blue-text:#0088dd;
  --navy:#0b1220;
  --ink:#0a0e17;
  --silver-100:#e8eef6;
  --silver-200:#c5d0de;
  --silver-300:#9aabbd;
  --silver-400:#7a8b9e;
  --silver-500:#5c6b7c;
  --slate-200:#e2e8f0;
  --slate-400:#94a3b8;
  --slate-500:#64748b;
  --slate-600:#475569;
  --font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100%;background:var(--ink);color:var(--silver-100);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
img,svg{display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
::selection{background:rgba(0,163,255,.35);color:#fff}
:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.container{max-width:80rem;margin:0 auto;padding:0 1rem}
@media(min-width:640px){.container{padding:0 1.5rem}}
@media(min-width:1024px){.container{padding:0 2rem}}

.overline{margin-bottom:.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--silver-400)}
.h2{font-size:1.875rem;line-height:1.2;font-weight:700;letter-spacing:-.025em;color:#fff}
@media(min-width:640px){.h2{font-size:2.25rem;line-height:1.15}}
.lead{margin-top:1rem;font-size:1rem;line-height:1.625;color:var(--silver-300)}
@media(min-width:640px){.lead{font-size:1.125rem}}
.hl{color:var(--brand-blue)}
.arrow{display:inline-block}
.section{position:relative;padding:5rem 0}
@media(min-width:640px){.section{padding:6rem 0}.section.lg{padding:7rem 0}}
.card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);transition:all .15s ease}

/* ===== Header ===== */
.header{position:fixed;inset:0 0 auto 0;z-index:50;border-bottom:1px solid transparent;background:transparent;transition:all .3s ease}
.header.solid{border-bottom-color:rgba(255,255,255,.1);background:rgba(10,14,23,.8);box-shadow:0 10px 15px -3px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.header-bar{display:flex;height:4rem;align-items:center;justify-content:space-between;gap:1rem}
@media(min-width:640px){.header-bar{height:4.25rem}}
.brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0;border-radius:.5rem}
.brand img{width:38px;height:38px;border-radius:8px}
.brand-text{display:flex;flex-direction:column;line-height:1.25}
.brand-name{font-size:15px;font-weight:600;letter-spacing:-.015em;color:#fff;white-space:nowrap}
.brand-name .s{color:var(--silver-100)}
.brand-name .o{color:var(--brand-blue)}
.brand-tag{font-size:10px;letter-spacing:.025em;color:var(--silver-400);white-space:nowrap}
@media(min-width:640px){.brand-name{font-size:1rem}.brand-tag{font-size:11px}}
.nav{display:none;align-items:center;gap:.125rem}
@media(min-width:1024px){.nav{display:flex}}
.nav a{border-radius:.375rem;padding:.5rem .625rem;font-size:.875rem;font-weight:500;color:var(--silver-200);transition:all .15s;white-space:nowrap}
.nav a:hover{background:rgba(255,255,255,.05);color:var(--brand-blue)}
.header-actions{display:flex;align-items:center;gap:.25rem}
@media(min-width:640px){.header-actions{gap:.5rem}}
.icon-btn{border-radius:.5rem;padding:.5rem;color:var(--silver-300);transition:all .15s}
.icon-btn:hover{background:rgba(255,255,255,.05);color:#fff}
.lang-wrap{display:inline-flex;align-items:center;margin-inline-start:.25rem}
.lang-select{font:inherit;font-size:.75rem;font-weight:650;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.35rem .5rem;background:rgba(255,255,255,.06);color:var(--silver-100);cursor:pointer;max-width:5.5rem}
.lang-select:hover,.lang-select:focus{border-color:rgba(96,165,250,.55);outline:none}
.lang-select option{background:#0f172a;color:#fff}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .nav{direction:rtl}
html[dir="rtl"] .header-actions{flex-direction:row-reverse}
html[dir="rtl"] .ceo-motto{border-left:none;border-right:2px solid var(--brand-blue);padding:.25rem 1rem .25rem 0}
html[dir="rtl"] .cs-table th,html[dir="rtl"] .cs-table td{text-align:right}
.cs-amd-offers .cs-offer-note{grid-column:1/-1;margin:0 0 .25rem;font-size:.8125rem;color:var(--slate-500)}
.cs-amd-offers{display:grid;gap:1rem}
@media(min-width:1024px){.cs-amd-offers{grid-template-columns:1fr 1fr}}
.cs-table.cs-amd-priced col.c1{width:32%}.cs-table.cs-amd-priced col.c-opn{width:34%}.cs-table.cs-amd-priced col.c2{width:16%}.cs-table.cs-amd-priced col.c4{width:18%}
.cs-table td.opn{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;color:var(--slate-500);font-variant-numeric:tabular-nums}
.cs-table .cs-opn{display:none}/* mobile shows below */
@media(max-width:639px){.cs-table.cs-amd-priced col.c-opn,.cs-table.cs-amd-priced th:nth-child(2),.cs-table.cs-amd-priced td.opn{display:none}.cs-table .cs-opn{display:block;width:100%;margin-top:.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:500;color:var(--slate-500)}.cs-table.cs-amd-priced col.c1{width:50%}.cs-table.cs-amd-priced col.c2{width:25%}.cs-table.cs-amd-priced col.c4{width:25%}}
.cs-table.cs-amd-priced td.p a{font-variant-numeric:tabular-nums;font-weight:700;color:var(--brand-blue-text);text-decoration:none}
.cs-table.cs-amd-priced td.p a:hover{text-decoration:underline}
.cs-table.cs-storage col.c1{width:42%}.cs-table.cs-storage col.c2{width:16%}.cs-table.cs-storage col.c-loc{width:22%}.cs-table.cs-storage col.c4{width:20%}
.cs-table.cs-storage td.loc{font-size:.8125rem;color:var(--slate-500);white-space:normal}
.cs-table.cs-storage .cs-opn{display:block;width:100%;margin-top:.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:500;color:var(--slate-500)}
.cs-empty{margin:1rem 0 1.25rem;font-size:.9375rem;color:var(--slate-500);line-height:1.6}
@media(max-width:639px){.cs-table.cs-storage col.c-loc,.cs-table.cs-storage th:nth-child(3),.cs-table.cs-storage td.loc{display:none}.cs-table.cs-storage col.c1{width:50%}.cs-table.cs-storage col.c2{width:25%}.cs-table.cs-storage col.c4{width:25%}}
/* SSD product card */
.ssd-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.35rem;border:1px solid var(--slate-200);border-radius:.75rem;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.ssd-card-top{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.ssd-card-title{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .625rem;margin:0;font-size:1.125rem;font-weight:700;line-height:1.3;color:var(--ink)}
.ssd-card-title .cs-new{margin-left:0;padding:.15rem .55rem;font-size:.6875rem;letter-spacing:.01em}
.ssd-card-opn{display:block;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--slate-500);overflow-wrap:anywhere;word-break:break-all}
.ssd-card-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}
.ssd-card-chips li{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--slate-200);background:#f8fafc;padding:.28rem .7rem;font-size:.75rem;font-weight:600;color:var(--navy);white-space:nowrap}
.ssd-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-top:.25rem;border-top:1px solid var(--slate-200);margin-top:.15rem}
.ssd-meta-item{display:flex;flex-direction:column;gap:.15rem;min-width:4.5rem}
.ssd-meta-label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate-500)}
.ssd-meta-value{font-size:.9375rem;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.3}
.ssd-card-meta .ssd-inquire{margin-inline-start:auto;padding:.55rem 1.15rem;font-size:.8125rem;box-shadow:none}
@media(max-width:639px){
  .ssd-card{padding:1rem 1.05rem}
  .ssd-card-title{font-size:1.05rem}
  .ssd-card-meta{flex-direction:column;align-items:stretch;gap:.875rem}
  .ssd-card-meta .ssd-inquire{margin-inline-start:0;width:100%;justify-content:center}
}
#st-ssd .cs-amd-layout{gap:1.25rem}
#cs-xeon .cs-xeon-feature{margin:0 0 1.25rem}
@media(min-width:1024px){#cs-xeon .cs-xeon-feature{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:stretch}#cs-xeon .cs-xeon-feature .ssd-card{height:100%;justify-content:center}}
#cs-xeon .cs-xeon-feature .cs-thumbs .cs-photo-open img{aspect-ratio:16/9;object-fit:cover}
#cs-amd .cs-xeon-feature{margin:0 0 1.25rem}
@media(min-width:1024px){#cs-amd .cs-xeon-feature{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:stretch}#cs-amd .cs-xeon-feature .ssd-card{height:100%;justify-content:center}}


@media(min-width:1024px){#st-ssd .cs-amd-layout{grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);align-items:stretch}#st-ssd .ssd-card{height:100%;justify-content:center}}

.cat-link{display:contents;color:inherit;text-decoration:none}

.menu-btn{color:var(--silver-200)}
@media(min-width:1024px){.menu-btn{display:none}}
.menu-btn .ic-close{display:none}
.menu-btn[aria-expanded="true"] .ic-close{display:block}
.menu-btn[aria-expanded="true"] .ic-open{display:none}
.search-panel,.mobile-nav{border-top:1px solid rgba(255,255,255,.1);background:rgba(10,14,23,.95);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.search-panel{padding:.75rem 0}
.search-row{display:flex;align-items:center;gap:.75rem}
.search-row input{width:100%;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);padding:.625rem 1rem;font:inherit;font-size:.875rem;color:#fff;outline:none}
.search-row input::placeholder{color:var(--silver-500)}
.search-row input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 1px var(--brand-blue)}
.search-row button{flex-shrink:0;font-size:.875rem;color:var(--silver-400)}
.search-row button:hover{color:#fff}
.search-msg{margin-top:.5rem;font-size:.8rem;color:var(--silver-400)}
.search-hit{outline:2px solid var(--brand-blue);outline-offset:4px;border-radius:6px;transition:outline-color .3s}
.mobile-nav{padding:1rem 0}
@media(min-width:1024px){.mobile-nav{display:none!important}}
.mobile-nav ul{display:flex;flex-direction:column;gap:.25rem}
.mobile-nav a{display:block;border-radius:.5rem;padding:.75rem;font-size:1rem;font-weight:500;color:var(--silver-100)}
.mobile-nav a:hover{background:rgba(255,255,255,.05);color:var(--brand-blue)}
[hidden]{display:none!important}
/* keep the header on one line on narrow phones */
.header-bar>.brand{min-width:0;flex-shrink:1}
.header-bar .brand-text{min-width:0;overflow:hidden}
.header-actions{flex-shrink:0}
@media(max-width:479px){
  .header-bar{gap:.5rem}
  .header-bar .brand-tag{display:none}
  .header-bar .brand img{width:34px;height:34px}
  .header-bar .brand{gap:.5rem}
  .header-actions{gap:.125rem}
}

/* ===== Official full logo (header + footer) ===== */
.brand.brand-logo{gap:0;line-height:0}
.brand.brand-logo img,.header-bar .brand.brand-logo img{width:auto;height:52px;border-radius:0;display:block;max-width:none}
@media(min-width:640px){.header-bar{height:4.5rem}.header-bar .brand.brand-logo img{height:60px}}
@media(min-width:1024px){.header-bar{height:4.75rem}.header-bar .brand.brand-logo img{height:66px}}
.footer .brand.footer-logo{flex-direction:column;align-items:flex-start;gap:.625rem;line-height:1.25}
.footer .brand.footer-logo img{width:auto;height:72px;border-radius:0}

/* ===== Hero ===== */
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100vh;min-height:100svh;overflow:hidden;padding-top:5rem;background:var(--ink)}
.hero-glow{position:absolute;inset:0;z-index:-1;opacity:.4;background-image:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(0,163,255,.25),transparent 55%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(59,130,246,.15),transparent 50%)}
.hero-grid{pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(0,163,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(0,163,255,.5) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}
.globe{pointer-events:none;position:absolute;right:-4rem;top:50%;display:none;width:420px;height:420px;transform:translateY(-50%);z-index:-1}
@media(min-width:768px){.globe{display:block}}
@media(min-width:1024px){.globe{right:2rem;width:520px;height:520px}}
.globe .r{position:absolute;border-radius:50%}
.globe .r1{inset:0;border:1px solid rgba(0,163,255,.3);box-shadow:0 0 80px rgba(0,163,255,.25)}
.globe .r2{inset:2rem;border:1px solid rgba(0,163,255,.2)}
.globe .r3{inset:4rem;border:1px dashed rgba(0,163,255,.4);animation:spin 40s linear infinite}
.globe .r4{inset:28%;background:linear-gradient(135deg,rgba(0,163,255,.3),transparent 50%,rgba(0,163,255,.1));filter:blur(4px)}
.globe svg{position:absolute;inset:0;width:100%;height:100%;opacity:.6}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-inner{position:relative;display:grid;width:100%;gap:2.5rem;padding-top:4rem;padding-bottom:4rem}
@media(min-width:1024px){.hero-inner{grid-template-columns:1.1fr .9fr;padding-top:6rem;padding-bottom:6rem}}
.hero-copy{max-width:42rem}
.hero .overline{margin-bottom:1rem}
@media(min-width:640px){.hero .overline{font-size:.875rem}}
.h1{font-size:1.875rem;line-height:1.25;font-weight:700;letter-spacing:-.025em;color:#fff}
@media(min-width:640px){.h1{font-size:2.25rem}}
@media(min-width:1024px){.h1{font-size:3rem}}
.hero-sub{margin-top:1.25rem;max-width:36rem;font-size:1rem;line-height:1.625;color:var(--silver-300)}
@media(min-width:640px){.hero-sub{font-size:1.125rem}}
.hero-cta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;background:var(--brand-blue);padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;box-shadow:0 0 24px rgba(0,163,255,.35);transition:all .15s}
.btn-primary:hover{background:var(--brand-blue-hover);box-shadow:0 0 32px rgba(0,163,255,.5)}
.hero-side{display:flex;align-items:flex-end;justify-content:flex-end}
@media(min-width:1024px){.hero-side{padding-bottom:1rem}}
.hero-side ul{text-align:right;font-size:.875rem;font-weight:300;letter-spacing:.025em;color:var(--silver-400)}
.hero-side li+li{margin-top:.5rem}
@media(min-width:640px){.hero-side ul{font-size:1rem}}
.hero-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,163,255,.5),transparent)}

/* ===== About ===== */
.about{overflow:hidden;background:var(--navy)}
.about-horizon{pointer-events:none;position:absolute;left:0;right:0;bottom:0;height:12rem;opacity:.3;background:radial-gradient(ellipse 80% 100% at 50% 100%,rgba(0,163,255,.35),transparent 70%)}
.about-grid{position:relative;display:grid;gap:3rem}
@media(min-width:1024px){.about-grid{grid-template-columns:1fr 1fr;gap:4rem}}
.about .lead{margin-top:1.25rem}
.btn-outline{margin-top:2rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;transition:all .15s}
.btn-outline:hover{border-color:var(--brand-blue);color:var(--brand-blue)}
.value-cards{display:grid;gap:1rem}
@media(min-width:640px){.value-cards{grid-template-columns:1fr 1fr}}
.value-card{border-radius:.75rem;padding:1.25rem}
.value-card:hover{border-color:rgba(0,163,255,.4);background:rgba(255,255,255,.06);box-shadow:0 0 30px rgba(0,163,255,.12)}
.value-icon{display:inline-flex;margin-bottom:.75rem;border-radius:.5rem;background:rgba(0,163,255,.1);padding:.625rem;color:var(--brand-blue);transition:background .15s}
.value-card:hover .value-icon{background:rgba(0,163,255,.2)}
.value-card h3{font-size:1rem;font-weight:600;color:#fff}
.value-card p{margin-top:.5rem;font-size:.875rem;line-height:1.625;color:var(--silver-400)}

/* ===== CEO ===== */
.ceo-sec{overflow:hidden;background:var(--ink)}
.ceo-glow{pointer-events:none;position:absolute;inset:0;opacity:.5;background:radial-gradient(ellipse 50% 60% at 18% 45%,rgba(0,163,255,.16),transparent 65%),radial-gradient(ellipse 40% 40% at 90% 90%,rgba(59,130,246,.10),transparent 60%)}
.ceo-sec .container{position:relative}
.ceo-grid{display:grid;gap:2.5rem;align-items:center}
@media(min-width:1024px){.ceo-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4.5rem}}
.ceo-photo{position:relative;width:100%;max-width:300px;margin:0 auto;padding:0}
@media(min-width:640px){.ceo-photo{max-width:340px}}
@media(min-width:1024px){.ceo-photo{max-width:400px;margin:0 0 0 auto}}
.ceo-photo::before{content:"";position:absolute;inset:-1px;border-radius:1.25rem;padding:1px;background:linear-gradient(160deg,rgba(0,163,255,.75),rgba(255,255,255,.08) 45%,rgba(59,130,246,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;z-index:1}
.ceo-photo::after{content:"";position:absolute;right:-.875rem;bottom:-.875rem;width:4.5rem;height:4.5rem;border-right:2px solid rgba(0,163,255,.6);border-bottom:2px solid rgba(0,163,255,.6);border-bottom-right-radius:1.25rem;pointer-events:none}
.ceo-frame{position:relative;overflow:hidden;border-radius:1.25rem;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.03),0 20px 50px -12px rgba(0,0,0,.6),0 0 60px rgba(0,163,255,.18)}
.ceo-frame img{width:100%;height:auto;aspect-ratio:auto;object-fit:cover;display:block}
.ceo-badge{position:absolute;left:-.75rem;top:1.25rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid rgba(0,163,255,.45);background:rgba(10,14,23,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.375rem .8rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;color:#fff;box-shadow:0 0 20px rgba(0,163,255,.25)}
.ceo-badge::before{content:"";width:.45rem;height:.45rem;border-radius:2px;background:var(--brand-blue);box-shadow:0 0 8px rgba(0,163,255,.8)}
.ceo-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}
.ceo-name .zh{font-size:1.25rem;font-weight:600;letter-spacing:.05em;color:var(--silver-300)}
@media(min-width:640px){.ceo-name .zh{font-size:1.5rem}}
.ceo-role{margin-top:.875rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.9375rem;color:var(--silver-200)}
.ceo-role .t{border-radius:.375rem;background:rgba(0,163,255,.12);border:1px solid rgba(0,163,255,.35);padding:.2rem .6rem;font-weight:600;color:var(--brand-blue)}
.ceo-role .co{color:var(--silver-300)}
.ceo-intro{margin-top:1.25rem;max-width:40rem;font-size:1rem;line-height:1.75;color:var(--silver-200)}
@media(min-width:640px){.ceo-intro{font-size:1.0625rem}}
.ceo-tags{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem}
.ceo-tags li{border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:.3rem .75rem;font-size:.8125rem;font-weight:500;color:var(--silver-200)}
.ceo-tags li.loc{border-color:rgba(0,163,255,.4);background:rgba(0,163,255,.1);color:#fff}
.ceo-motto{margin-top:1.75rem;border-left:2px solid var(--brand-blue);padding:.25rem 0 .25rem 1rem}
.ceo-motto .lbl{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--silver-500)}
.ceo-motto p.m1{margin-top:.5rem;font-size:1rem;line-height:1.5;font-weight:500;color:var(--silver-100)}
.ceo-motto p.m2{margin-top:.25rem;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;color:var(--brand-blue)}
.ceo-motto p.m3{margin-top:.125rem;font-size:.875rem;color:var(--silver-400)}
.ceo-motto p:empty{display:none}
.ceo-contact{margin-top:1.75rem;border-radius:1rem;padding:1.25rem}
@media(min-width:640px){.ceo-contact{padding:1.5rem}}
.ceo-contact h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-blue)}
.ceo-contact dl{margin-top:1rem;display:grid;gap:1rem}
@media(min-width:480px){.ceo-contact dl{grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start;gap:1.125rem 3rem}.ceo-contact dl>div.em{grid-column:1/-1}}
.ceo-contact dl>div{display:flex;gap:.75rem;align-items:flex-start;min-width:0}
.ceo-contact .ic{display:inline-flex;flex-shrink:0;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:.5rem;background:rgba(0,163,255,.1);color:var(--brand-blue)}
.ceo-contact dt{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--silver-500)}
.ceo-contact dd{margin-top:.125rem;font-size:.9375rem;font-weight:500;color:var(--silver-100)}
.ceo-contact dd a{display:block;transition:color .15s}
.ceo-contact dd a:hover{color:var(--brand-blue)}
.ceo-contact dd a.mail{color:var(--brand-blue);overflow-wrap:anywhere}
.ceo-contact dd a.mail:hover{text-decoration:underline}
.ceo-cta{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem}
.ceo-cta .btn-outline{margin-top:0}

/* ===== Office gallery ===== */
.office{overflow:hidden;background:var(--navy)}
.office-glow{pointer-events:none;position:absolute;inset:0;opacity:.45;background:radial-gradient(ellipse 45% 55% at 85% 20%,rgba(0,163,255,.14),transparent 65%),radial-gradient(ellipse 60% 40% at 15% 100%,rgba(59,130,246,.10),transparent 60%)}
.office .container{position:relative}
.office-head{max-width:42rem}
.office-bar{display:block;width:2.5rem;height:3px;margin-bottom:1rem;border-radius:3px;background:var(--brand-blue);box-shadow:0 0 12px rgba(0,163,255,.6)}
.office-grid{margin-top:2.5rem;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"c c" "a b" "d d"}
@media(min-width:640px){.office-grid{gap:1rem;margin-top:3rem}}
@media(min-width:1024px){.office-grid{gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"a c b" "a d b"}}
.office-item{position:relative;margin:0;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:var(--ink);box-shadow:0 20px 40px -18px rgba(0,0,0,.7);transition:border-color .2s,box-shadow .2s}
.office-item.oa{grid-area:a;aspect-ratio:3/4}
.office-item.ob{grid-area:b;aspect-ratio:3/4}
.office-item.oc{grid-area:c;aspect-ratio:4/3}
.office-item.od{grid-area:d;aspect-ratio:16/9}
@media(min-width:640px) and (max-width:1023px){.office-item.oc{aspect-ratio:16/10}}
@media(min-width:1024px){.office-item.oa,.office-item.ob{aspect-ratio:auto}}
.office-item:hover{border-color:rgba(0,163,255,.45);box-shadow:0 20px 40px -18px rgba(0,0,0,.7),0 0 30px rgba(0,163,255,.18)}
.office-open{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:zoom-in;border-radius:inherit}
.office-open:focus-visible{outline-offset:-3px}
.office-open img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .5s ease}
.office-item.oc .office-open img{object-position:42% 50%}
.office-item:hover .office-open img,.office-open:focus-visible img{transform:scale(1.05)}
.office-item figcaption{pointer-events:none;position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.5rem;padding:2.5rem 1rem .875rem;background:linear-gradient(to top,rgba(10,14,23,.88),rgba(10,14,23,0));font-size:.875rem;font-weight:600;letter-spacing:.02em;color:#fff}
@media(min-width:640px){.office-item figcaption{padding:3rem 1.25rem 1rem;font-size:.9375rem}}
.office-item figcaption::before{content:"";flex-shrink:0;width:.45rem;height:.45rem;border-radius:2px;background:var(--brand-blue);box-shadow:0 0 8px rgba(0,163,255,.8)}
.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:3.5rem 1rem 1rem;background:rgba(5,8,14,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}
.lightbox img{max-width:min(100%,1200px);max-height:calc(100vh - 7.5rem);max-height:calc(100svh - 7.5rem);width:auto;height:auto;border-radius:.75rem;box-shadow:0 25px 60px rgba(0,0,0,.6)}
.lightbox figcaption{margin-top:.875rem;font-size:.9375rem;font-weight:600;color:var(--silver-100);text-align:center}
.lightbox-close{position:absolute;top:.75rem;right:.75rem;display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;transition:all .15s}
.lightbox-close:hover{border-color:var(--brand-blue);color:var(--brand-blue)}

/* ===== Products (light section) ===== */
.products{background:#e8eef5;color:var(--ink)}
.products .overline{color:var(--brand-blue-deep)}
.products .h2{color:var(--ink)}
.products .lead{color:var(--slate-600)}
.products-head{max-width:42rem}
.link-blue{margin-top:1rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:var(--brand-blue-text)}
.link-blue:hover{text-decoration:underline}
.sub-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500)}
.cat-title{margin-top:3rem}
.cat-grid{margin-top:1rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px){.cat-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.cat-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1280px){.cat-grid{grid-template-columns:repeat(7,1fr)}}
.cat-card{display:flex;flex-direction:column;border-radius:.75rem;border:1px solid rgba(226,232,240,.8);background:#fff;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .15s}
.cat-card:hover{transform:translateY(-2px);border-color:rgba(0,163,255,.5);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.cat-icon{margin-bottom:.75rem;display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:.5rem;color:var(--brand-blue-text);font-size:.75rem;font-weight:700;letter-spacing:.025em}
.g-CPU{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(6,182,212,.1))}
.g-GPU{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(59,130,246,.1))}
.g-MEM{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(6,182,212,.1))}
.g-SSD{background:linear-gradient(135deg,rgba(14,165,233,.2),rgba(59,130,246,.1))}
.g-HDD{background:linear-gradient(135deg,rgba(100,116,139,.2),rgba(59,130,246,.1))}
.g-NIC{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(6,182,212,.1))}
.g-OPT{background:linear-gradient(135deg,rgba(0,163,255,.3),rgba(37,99,235,.1))}
.cat-card .name{font-weight:600;color:var(--ink)}
.cat-card .desc{margin-top:.25rem;font-size:.75rem;line-height:1.375;color:var(--slate-500)}
.brands-wrap{margin-top:3.5rem;display:grid;gap:1.5rem}
@media(min-width:1024px){.brands-wrap{grid-template-columns:1fr 320px}}
.brand-grid{margin-top:1rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.brand-grid{gap:1rem}}
@media(min-width:1024px){.brand-grid{grid-template-columns:repeat(4,1fr)}}
.brand-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:.75rem;border:1px solid var(--slate-200);background:#fff;padding:1.5rem 1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .15s}
.brand-card:hover{border-color:rgba(0,163,255,.4);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
.brand-card .name{font-size:1.125rem;font-weight:700;letter-spacing:-.025em;color:var(--navy)}
.brand-card .cat{margin-top:.25rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400)}
.cta-aside{display:flex;flex-direction:column;justify-content:space-between;border-radius:1rem;background:var(--navy);padding:2rem;color:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.cta-aside .t{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--brand-blue)}
.cta-aside h3{margin-top:.75rem;font-size:1.5rem;font-weight:700}
.cta-aside .btn-primary{margin-top:2rem;width:fit-content;padding:.75rem 1.25rem;box-shadow:none}
.showcase{margin-top:3.5rem;display:grid;gap:1.5rem;align-items:stretch}
@media(min-width:1024px){.showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.banner{overflow:hidden;border-radius:1rem;border:1px solid var(--slate-200);background:var(--ink);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}
.banner img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.highlights{display:flex;flex-direction:column;border-radius:1rem;border:1px solid var(--slate-200);background:#fff;padding:1.75rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}
@media(min-width:640px){.highlights{padding:2rem}}
.highlights h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.highlights .intro{margin-top:.5rem;font-size:.9375rem;line-height:1.6;color:var(--slate-600)}
.hi-list{margin-top:1.5rem;display:grid;gap:.625rem}
@media(min-width:480px){.hi-list{grid-template-columns:1fr 1fr}}
.hi-list li{display:flex;align-items:center;gap:.625rem;border-radius:.625rem;border:1px solid var(--slate-200);background:#f8fafc;padding:.75rem .875rem;font-size:.9375rem;font-weight:600;color:var(--navy);transition:all .15s}
.hi-list li:hover{border-color:rgba(0,163,255,.5);background:#fff}
.hi-list li::before{content:"";flex-shrink:0;width:.5rem;height:.5rem;border-radius:2px;background:var(--brand-blue);box-shadow:0 0 8px rgba(0,163,255,.6)}
.stock{margin-top:auto;padding-top:1.5rem}
.stock-box{display:flex;gap:.875rem;align-items:flex-start;border-radius:.875rem;background:var(--navy);padding:1.125rem 1.25rem;color:#fff}
.stock-box svg{flex-shrink:0;color:var(--brand-blue);margin-top:.125rem}
.stock-box strong{display:block;font-size:1rem;font-weight:700}
.stock-box span{display:block;margin-top:.25rem;font-size:.8125rem;line-height:1.5;color:var(--silver-300)}

/* ===== Optical module stock ===== */
.op-grid{margin-top:1.5rem;display:grid;gap:1.5rem}
@media(min-width:1024px){.op-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}}
.op-gallery{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:.5rem}
.op-cover,.op-thumb{position:relative;margin:0;overflow:hidden;border-radius:.625rem;border:1px solid var(--slate-200);background:var(--ink)}
.op-open{position:relative;display:block;width:100%;height:100%;cursor:zoom-in;overflow:hidden}
.op-open img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.op-cover .op-open img{aspect-ratio:3/4}
.op-thumbs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.5rem}
.op-thumb .op-open img{aspect-ratio:auto;height:100%}
.op-open:hover img,.op-open:focus-visible img{transform:scale(1.04)}
.op-cover figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.5rem .75rem .5rem;background:linear-gradient(transparent,rgba(5,8,14,.85));font-size:.75rem;font-weight:600;color:#fff;pointer-events:none}
.op-thumb figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.op-thumb .cs-zoom{width:1.5rem;height:1.5rem;right:.3rem;bottom:.3rem}
.op-thumb .cs-zoom svg{width:.75rem;height:.75rem}
.op-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.op-badges .cs-new{margin-left:0;font-size:.75rem;padding:.2rem .6rem}
.op-cta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.op-cta-t{font-size:.875rem;font-weight:600;color:var(--slate-600)}
.op-name{margin-top:.75rem;font-size:1.25rem;font-weight:700;line-height:1.35;color:var(--ink)}
.op-specs{margin-top:1rem;border:1px solid var(--slate-200);border-radius:.75rem;overflow:hidden}
.op-specs>div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.75rem;padding:.55rem .875rem;font-size:.875rem}
.op-specs>div:nth-child(even){background:#f8fafc}
.op-specs>div+div{border-top:1px solid var(--slate-200)}
.op-specs dt{font-weight:600;color:var(--slate-500)}
.op-specs dd{color:var(--navy);font-weight:600;overflow-wrap:anywhere}
.op-price{color:var(--brand-blue-text)}
.op-price:hover{text-decoration:underline}
.op-brand{margin-top:1rem;font-size:.8125rem;line-height:1.6;color:var(--slate-600)}
.op-brand a{font-weight:600;color:var(--brand-blue-text);white-space:nowrap}
.op-brand a:hover{text-decoration:underline}
@media(max-width:479px){.op-specs>div{grid-template-columns:6.5rem minmax(0,1fr);font-size:.8125rem}}
/* ===== CPU stock list ===== */
.cpu-stock{margin-top:3.5rem;border-radius:1rem;border:1px solid var(--slate-200);background:#fff;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}
@media(min-width:640px){.cpu-stock{padding:2rem}}
.cs-head{display:flex;flex-direction:column;gap:1rem}
@media(min-width:768px){.cs-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}
.cs-head h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.cs-note{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:var(--slate-600)}
.cs-head .btn-primary{flex-shrink:0;width:fit-content;box-shadow:none}
.cs-head-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.cs-pdf-btn{display:inline-flex;align-items:center;gap:.375rem;border-radius:.5rem;border:1px solid rgba(0,163,255,.45);background:rgba(0,163,255,.08);padding:.625rem 1rem;font-size:.875rem;font-weight:650;color:var(--brand-blue-text);text-decoration:none;transition:all .15s;white-space:nowrap}
.cs-pdf-btn:hover,.cs-pdf-btn:focus-visible{background:rgba(0,163,255,.16);border-color:var(--brand-blue);color:var(--brand-blue)}
.cs-pdf-btn svg{flex-shrink:0}
.cs-tabs{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}
.cs-tab{display:inline-flex;align-items:center;gap:.375rem;border-radius:999px;border:1px solid var(--slate-200);background:#f8fafc;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--navy);cursor:pointer;transition:all .15s}
.cs-tab .brand{font-weight:500;color:var(--slate-500)}
.cs-tab:hover{border-color:rgba(0,163,255,.5)}
.cs-tab[aria-selected="true"]{border-color:var(--brand-blue);background:var(--brand-blue);color:#fff;box-shadow:0 0 16px rgba(0,163,255,.3)}
.cs-tab[aria-selected="true"] .brand{color:rgba(255,255,255,.8)}
.cs-panel{margin-top:1rem}
.cs-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8125rem;color:var(--slate-500)}
.cs-badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:999px;background:rgba(16,185,129,.12);padding:.25rem .625rem;font-size:.75rem;font-weight:600;color:#047857}
.cs-badge::before{content:"";width:.4rem;height:.4rem;border-radius:999px;background:#10b981}
.cs-table-wrap{overflow-x:auto;border-radius:.75rem;border:1px solid var(--slate-200)}
.cs-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.875rem}
.cs-table col.c1{width:48%}.cs-table col.c2{width:26%}.cs-table col.c4{width:26%}
.cs-table td{overflow-wrap:anywhere}
@media(max-width:479px){.cs-table tbody td{white-space:normal}.cs-table tbody td.p{white-space:nowrap}.cs-table col.c1{width:46%}.cs-table col.c2{width:27%}.cs-table col.c4{width:27%}}
.cs-table th{background:var(--navy);color:#fff;text-align:left;font-weight:600;padding:.625rem .875rem;white-space:nowrap}
.cs-table td{padding:.5rem .875rem;border-top:1px solid var(--slate-200);color:var(--slate-600);white-space:nowrap}
.cs-table tbody tr:nth-child(even) td{background:#f8fafc}
.cs-table tbody tr:hover td{background:rgba(0,163,255,.06)}
.cs-table td.m{font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.35}.cs-table .cs-new{margin-inline-start:.35rem;vertical-align:middle}.cs-table td.m .cs-opn{display:block;margin-top:.25rem}@media(min-width:640px){.cs-table td.opn{font-size:.78rem;word-break:break-all}}
.cs-table td.q{font-variant-numeric:tabular-nums}
.cs-table td.p{color:var(--brand-blue-text);font-weight:600}
.cs-table td.p a{color:inherit}
.cs-table td.p a:hover,.cs-table td.p a:focus-visible{text-decoration:underline}
.cs-amd-layout{display:grid;gap:1rem}
@media(min-width:1024px){.cs-amd-layout{grid-template-columns:15rem minmax(0,1fr);align-items:start}}
.cs-gallery{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;align-items:stretch}
@media(min-width:1024px){.cs-gallery{grid-template-columns:1fr}}
.cs-photo{margin:0;display:flex;flex-direction:column;overflow:hidden;border-radius:.75rem;border:1px solid var(--slate-200);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.cs-thumbs{display:grid;gap:2px;grid-template-columns:1fr;background:var(--slate-200)}
@media(min-width:1024px){.cs-thumbs{grid-template-columns:1fr 1fr}}
.cs-photo-open{position:relative;display:block;width:100%;cursor:zoom-in;overflow:hidden;background:var(--slate-200)}
.cs-photo-open img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .5s ease}
.cs-thumbs .cs-photo-open img{aspect-ratio:2/1}
@media(min-width:1024px){.cs-thumbs .cs-photo-open img{aspect-ratio:1/1}}
.cs-photo-open:hover img,.cs-photo-open:focus-visible img{transform:scale(1.04)}
.cs-photo-open:focus-visible{outline-offset:-3px}
.cs-zoom{position:absolute;right:.5rem;bottom:.5rem;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:999px;background:rgba(11,18,32,.6);color:#fff}
.cs-thumbs .cs-zoom{width:1.625rem;height:1.625rem;right:.375rem;bottom:.375rem}
.cs-zoom svg{width:1rem;height:1rem}
.cs-thumbs .cs-zoom svg{width:.8rem;height:.8rem}
.cs-photo figcaption{flex:1;padding:.625rem .75rem;font-size:.8125rem;line-height:1.4;font-weight:600;color:var(--navy);border-top:1px solid var(--slate-200)}
@media(max-width:479px){.cs-photo figcaption{padding:.5rem .625rem;font-size:.75rem}}
@media(min-width:1024px) and (max-width:1279px){.cs-amd-layout .cs-cols{grid-template-columns:1fr}}
.cs-meta-x{gap:.5rem .75rem}
.cs-filter{position:relative;display:flex;align-items:center;width:100%%;margin-top:.25rem}
@media(min-width:640px){.cs-filter{width:16rem;margin-top:0;margin-left:auto}}
.cs-filter svg{position:absolute;left:.75rem;width:1rem;height:1rem;color:var(--slate-400);pointer-events:none}
.cs-filter input{width:100%%;border-radius:999px;border:1px solid var(--slate-200);background:#f8fafc;padding:.5rem .875rem .5rem 2.25rem;font:inherit;font-size:.875rem;color:var(--navy);outline:none;transition:all .15s}
.cs-filter input:focus{border-color:var(--brand-blue);background:#fff;box-shadow:0 0 0 3px rgba(0,163,255,.15)}
.cs-group+.cs-group{margin-top:1.5rem}
.cs-group-title{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.625rem;font-size:1rem;font-weight:700;color:var(--ink)}
.cs-group-title .n{font-size:.8125rem;font-weight:500;color:var(--slate-500)}
#cs-xeon .cs-table td{padding-top:.375rem;padding-bottom:.375rem}
@media(max-width:1023px){.cs-cols>.cs-table-wrap:only-child{border-radius:.75rem}}
@media(max-width:1023px){#cs-xeon.is-filtering .cs-cols>.cs-table-wrap+.cs-table-wrap{margin-top:.75rem;border-radius:.75rem}#cs-xeon.is-filtering .cs-cols>.cs-table-wrap:first-child{border-radius:.75rem}#cs-xeon.is-filtering .cs-cols>.cs-table-wrap+.cs-table-wrap thead{position:static;width:auto;height:auto;overflow:visible;clip:auto}}
.cs-nomatch{border-radius:.75rem;border:1px dashed var(--slate-400);background:#f8fafc;padding:1.5rem 1rem;text-align:center;font-size:.9375rem;font-weight:600;color:var(--navy)}
.cs-new{display:inline-block;margin-left:.375rem;vertical-align:1px;border-radius:999px;background:rgba(0,163,255,.12);padding:.0625rem .4rem;font-size:.6875rem;font-weight:600;letter-spacing:0;color:var(--brand-blue-text)}
@media(min-width:1024px){.cs-table-wrap{border:0;overflow:visible}.cs-table{border:1px solid var(--slate-200)}.cs-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}
@media(max-width:1023px){.cs-cols>.cs-table-wrap:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.cs-cols>.cs-table-wrap+.cs-table-wrap{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.cs-cols>.cs-table-wrap+.cs-table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media(max-width:479px){.cs-table{font-size:.8125rem}.cs-table th,.cs-table td{padding:.5rem .5rem}}
.cs-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.875rem;border-radius:.75rem;border:1px dashed var(--slate-400);background:#f8fafc;padding:2rem 1rem;text-align:center;font-size:.9375rem;font-weight:600;color:var(--navy)}
.cs-empty a{font-size:.875rem;font-weight:600;color:var(--brand-blue-text)}
.cs-empty a:hover{text-decoration:underline}

/* ===== Partners ===== */
/* ===== Guarantees ===== */
.guarantees{overflow:hidden;background:var(--navy)}
.guarantees::before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(0,163,255,.12),transparent 70%)}
.guarantees .container{position:relative}
.g-grid{margin-top:2.5rem;display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:640px){.g-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.g-grid{grid-template-columns:repeat(3,1fr)}}
.g-card{display:flex;align-items:center;gap:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015));padding:1.125rem 1.25rem;transition:all .15s}
@media(min-width:640px){.g-card{padding:1.5rem}}
.g-card:hover{border-color:rgba(0,163,255,.5);background:linear-gradient(135deg,rgba(0,163,255,.1),rgba(255,255,255,.02))}
.g-icon{flex-shrink:0;display:inline-flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid rgba(0,163,255,.35);background:rgba(0,163,255,.12);color:var(--brand-blue);box-shadow:0 0 18px rgba(0,163,255,.18)}
.g-icon svg{width:1.5rem;height:1.5rem}
.g-title{font-size:1.0625rem;font-weight:700;line-height:1.4;color:#fff}
/* ===== Credentials ===== */
/* ===== Anti-fraud ===== */
.anti-fraud{overflow:hidden;background:var(--ink)}
.anti-fraud::before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 50% 0%,rgba(0,163,255,.1),transparent 70%)}
.anti-fraud .container{position:relative}
.af-cta{margin-top:1.75rem;display:inline-flex}
.af-sub{margin-top:.75rem;opacity:.9}
.credentials{overflow:hidden;background:var(--navy)}
.credentials::before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 55% 65% at 50% 100%,rgba(0,163,255,.1),transparent 70%)}
.credentials .container{position:relative}
.cred-grid{margin-top:2.5rem;display:grid;gap:1.25rem;grid-template-columns:1fr;max-width:52rem;margin-left:auto;margin-right:auto}
@media(min-width:768px){.cred-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}
.cred-card{margin:0;display:flex;flex-direction:column;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);box-shadow:0 16px 40px -24px rgba(0,0,0,.8);transition:all .15s}
.cred-card:hover{border-color:rgba(0,163,255,.45);transform:translateY(-2px)}
.cred-open{position:relative;display:block;width:100%;cursor:zoom-in;overflow:hidden;background:#f4f6f9}
.cred-open img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 0;transition:transform .5s ease}
.cred-open:hover img,.cred-open:focus-visible img{transform:scale(1.03)}
.cred-open:focus-visible{outline-offset:-3px}
.cred-card figcaption{padding:1rem 1.125rem 1.125rem;border-top:1px solid rgba(255,255,255,.08)}
.cred-card figcaption strong{display:block;font-size:1rem;font-weight:700;color:#fff}
.cred-card figcaption span{display:block;margin-top:.25rem;font-size:.8125rem;color:var(--silver-300)}
.partners{background:var(--ink)}
.center-head{max-width:42rem;margin:0 auto;text-align:center}
.partner-list{margin-top:3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}
@media(min-width:640px){.partner-list{gap:1rem}}
.partner-list li{border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;letter-spacing:.025em;color:var(--silver-200);transition:all .15s}
.partner-list li:hover{border-color:rgba(0,163,255,.5);color:var(--brand-blue)}

/* ===== Line Card ===== */
.line-card{background:#fff;border-top:1px solid var(--slate-200)}
.line-card .center-head{max-width:46rem}
.lc-note{margin:.75rem auto 0;max-width:40rem;font-size:.8125rem;line-height:1.55;color:var(--slate-500)}
.lc-grid{margin-top:2.5rem;display:grid;gap:.875rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.lc-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}
@media(min-width:1024px){.lc-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:1200px){.lc-grid{grid-template-columns:repeat(6,1fr);gap:.875rem}}
.lc-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:7rem;border-radius:.875rem;border:1px solid var(--slate-200);background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);padding:1.25rem 1.25rem 1.15rem;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .15s,box-shadow .15s,transform .15s}
.lc-tile:hover{border-color:rgba(0,163,255,.45);box-shadow:0 8px 20px -10px rgba(0,163,255,.35);transform:translateY(-1px)}
.lc-tile .lc-name{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--navy)}
.lc-tile .lc-aka{margin-top:.15rem;font-size:.75rem;font-weight:600;color:var(--slate-400)}
.lc-tile .lc-cat{margin-top:.55rem;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-blue-text)}

/* ===== News ===== */
.news{background:var(--navy)}
.news-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}
.news-card{display:flex;flex-direction:column;border-radius:.75rem;padding:1.5rem}
.news-card:hover{border-color:rgba(0,163,255,.4);background:rgba(255,255,255,.05)}
.news-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.news-card time{font-size:.75rem;font-weight:500;color:var(--brand-blue)}
.news-tag{border-radius:999px;border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.1);padding:.0625rem .5rem;font-size:.6875rem;font-weight:600;color:rgba(253,230,138,.9)}
.news-card h3{margin-top:.75rem;font-size:1.125rem;font-weight:600;line-height:1.375;color:#fff;transition:color .15s}
.news-card:hover h3{color:var(--brand-blue)}
.news-card p{margin-top:.75rem;flex:1;font-size:.875rem;line-height:1.625;color:var(--silver-400)}
.news-card .more{margin-top:1rem;font-size:.875rem;font-weight:600;color:var(--silver-300)}
.news-card:hover .more{color:var(--brand-blue)}
.news-feature{margin-top:2.5rem;display:grid;gap:0;overflow:hidden;border-radius:1rem;padding:0}
@media(min-width:1024px){.news-feature{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
.news-feature:hover{border-color:rgba(0,163,255,.3)}
.nf-gallery{display:flex;flex-direction:column;gap:.375rem;padding:.375rem;background:rgba(0,0,0,.25)}
.nf-cover,.nf-thumb{position:relative;margin:0;overflow:hidden;border-radius:.625rem}
.nf-open{position:relative;display:block;width:100%;cursor:zoom-in;overflow:hidden;background:var(--ink)}
.nf-open img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .5s ease}
.nf-cover .nf-open img{aspect-ratio:16/9;max-height:min(28rem,56vw);object-fit:cover;object-position:center 42%}
.nf-thumb .nf-open img{aspect-ratio:1/1;max-height:7.5rem}
.nf-thumbs-5 .nf-thumb .nf-open img{max-height:6.5rem}
.nf-open:hover img,.nf-open:focus-visible img{transform:scale(1.04)}
.nf-open:focus-visible{outline-offset:-3px}
.nf-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem}
.nf-cover figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.75rem .875rem .625rem;background:linear-gradient(transparent,rgba(5,8,14,.85));font-size:.8125rem;font-weight:600;color:#fff;pointer-events:none}
.nf-thumb figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nf-thumb .cs-zoom{width:1.5rem;height:1.5rem;right:.3rem;bottom:.3rem}
.nf-thumb .cs-zoom svg{width:.75rem;height:.75rem}
.nf-body{display:flex;flex-direction:column;justify-content:center;padding:1.5rem}
@media(min-width:640px){.nf-body{padding:2rem}}
@media(min-width:1024px){.nf-body{padding:2.5rem}}
.nf-body time{font-size:.875rem;font-weight:600;color:var(--brand-blue)}
.nf-tag{border-color:rgba(0,163,255,.35);background:rgba(0,163,255,.12);color:var(--brand-blue)}
.nf-body h3{margin-top:1rem;font-size:1.375rem;font-weight:700;line-height:1.35;color:#fff}
@media(min-width:1024px){.nf-body h3{font-size:1.625rem}}
.nf-body p{margin-top:1rem;font-size:1rem;line-height:1.8;color:var(--silver-300)}
.nf-thumbs-3{grid-template-columns:1fr 1fr}
.nf-thumbs-5{grid-template-columns:repeat(5,1fr)}
.nf-thumbs-7{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.nf-thumbs-7{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.nf-thumbs-7{grid-template-columns:repeat(2,1fr)}}

@media(max-width:900px){.nf-thumbs-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.nf-thumbs-5{grid-template-columns:repeat(2,1fr)}}
.news-feature+.news-feature{margin-top:1.5rem}
.nf-body .af-cta{margin-top:1.25rem}

/* ===== Contact ===== */
.contact{overflow:hidden;background:var(--ink)}
.contact-glow{pointer-events:none;position:absolute;inset:0;opacity:.4;background:radial-gradient(ellipse 60% 50% at 80% 20%,rgba(0,163,255,.15),transparent 60%)}
.contact .container{position:relative}
.contact-head{max-width:42rem}
.contact-grid{margin-top:3rem;display:grid;gap:1.5rem}
@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr}}
.panel{border-radius:1rem;padding:1.5rem}
@media(min-width:640px){.panel{padding:2rem}}
.panel dl>div+div{margin-top:1.25rem}
.panel dt{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--silver-500)}
.panel dd{margin-top:.25rem;font-size:1rem;color:var(--silver-100)}
.panel dd.ceo{font-size:1.125rem;font-weight:600;color:#fff}
.panel dd a{display:block;transition:color .15s}
.panel dd a+a{margin-top:.25rem}
.panel dd a:hover{color:var(--brand-blue)}
.panel dd a.mail{color:var(--brand-blue);word-break:break-all}
.panel dd a.mail:hover{text-decoration:underline}
.addr-col>*+*{margin-top:1rem}
.panel h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-blue)}
.addr-list{margin-top:1rem;font-size:.875rem;line-height:1.625;color:var(--silver-200)}
.addr-list li{display:flex;gap:.75rem}
.addr-list li+li{margin-top:1rem}
.num{display:flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:rgba(0,163,255,.15);font-size:.75rem;font-weight:700;color:var(--brand-blue)}
.addr-p{margin-top:1rem;font-size:.875rem;line-height:1.625;color:var(--silver-200)}
.addr-p.sub{margin-top:.5rem;color:var(--silver-400)}

/* ===== Header contact (WhatsApp / WeChat) ===== */
.h-contact{display:inline-flex;align-items:center;gap:.375rem;border-radius:.5rem;padding:.4rem .55rem;font-size:.8125rem;font-weight:600;color:var(--silver-200);transition:all .15s;white-space:nowrap;line-height:1}
.h-contact:hover,.h-contact:focus-visible{background:rgba(255,255,255,.06);color:#fff}
.h-contact svg{width:1.05rem;height:1.05rem;flex-shrink:0}
.h-contact.wa:hover,.h-contact.wa:focus-visible{color:#25d366}
.h-wx{position:relative}
.h-wx-btn[aria-expanded="true"]{background:rgba(255,255,255,.08);color:#07c160}
.h-wx-pop{position:absolute;top:calc(100% + .5rem);right:0;z-index:60;width:15.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:rgba(10,14,23,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.875rem 1rem;box-shadow:0 18px 40px -16px rgba(0,0,0,.7)}
.h-wx-pop{width:16.5rem;padding:1rem}
.h-wx-qr{display:block;width:100%;height:auto;margin-top:.625rem;border-radius:.5rem;background:#fff}
.h-wx-pop > p:first-child{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--silver-400)}
.h-wx-row{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}
.h-wx-id{flex:1;min-width:0;font-size:1rem;font-weight:700;color:#fff;letter-spacing:.02em}
.h-wx-copy{flex-shrink:0;border-radius:.5rem;border:1px solid rgba(7,193,96,.4);background:rgba(7,193,96,.12);padding:.35rem .6rem;font-size:.75rem;font-weight:600;color:#07c160;transition:all .15s}
.h-wx-copy:hover,.h-wx-copy:focus-visible{background:rgba(7,193,96,.22)}
.h-wx-hint{margin-top:.5rem;font-size:.75rem;line-height:1.4;color:var(--silver-400)}
@media(max-width:479px){
  .h-contact .h-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .h-contact{padding:.5rem}
}
@media(min-width:480px) and (max-width:639px){
  .h-contact{padding:.4rem .45rem;font-size:.75rem}
}
/* ===== Footer ===== */
/* ===== Contact QR cards ===== */
.qr-grid{margin-top:2rem;display:grid;gap:1rem;grid-template-columns:1fr;max-width:36rem}
@media(min-width:640px){.qr-grid{grid-template-columns:1fr 1fr;max-width:42rem}}
@media(min-width:900px){.qr-grid{grid-template-columns:repeat(3,1fr);max-width:56rem}}
.ceo-tg{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
.ceo-tg-qr{width:7.5rem;height:7.5rem;border-radius:.5rem;object-fit:cover;background:#fff;border:1px solid rgba(255,255,255,.12);flex-shrink:0}
.ceo-tg-meta{min-width:0;flex:1}
.ceo-tg-meta .lbl{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--silver-500)}
.ceo-tg-meta a.handle{display:inline-block;margin-top:.25rem;font-size:1.05rem;font-weight:700;color:#2AABEE}
.ceo-tg-meta a.handle:hover{text-decoration:underline}
.ceo-tg-meta a.open{display:inline-block;margin-top:.35rem;font-size:.8125rem;color:var(--silver-300)}
.ceo-tg-meta a.open:hover{color:var(--brand-blue)}
.ceo-contact dd a.tg,.contact .panel a.tg{color:#2AABEE}
.ceo-contact dd a.tg:hover,.contact .panel a.tg:hover{text-decoration:underline}
.qr-card{margin:0;list-style:none}
.qr-link,.qr-fig{display:flex;flex-direction:column;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);transition:all .15s;height:100%}
.qr-link:hover,.qr-fig:hover{border-color:rgba(0,163,255,.45)}
.qr-link img,.qr-open img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 50%;background:#fff}
.qr-open{position:relative;display:block;width:100%;cursor:zoom-in;overflow:hidden}
.qr-cap,.qr-fig figcaption{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.2rem}
.qr-cap strong,.qr-fig figcaption strong{font-size:.9375rem;font-weight:700;color:#fff}
.qr-cap span,.qr-fig figcaption span{font-size:.8125rem;color:var(--silver-300)}
.qr-fig{margin:0}
.footer{border-top:1px solid rgba(255,255,255,.1);background:#000}
.footer .container{padding-top:3rem;padding-bottom:3rem}
.footer-top{display:flex;flex-direction:column;gap:2rem}
@media(min-width:1024px){.footer-top{flex-direction:row;align-items:flex-start;justify-content:space-between}}
.footer .brand img{width:36px;height:36px}
.footer-co{margin-top:.75rem;font-size:.875rem;color:var(--silver-500)}
.footer-co+.footer-co{margin-top:0}
.footer-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.footer-nav a{font-size:.875rem;color:var(--silver-300);transition:color .15s}
.footer-nav a:hover{color:var(--brand-blue)}
.socials{display:flex;align-items:center;gap:.75rem}
.socials a{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);color:var(--silver-300);transition:all .15s}
.socials a:hover{border-color:var(--brand-blue);color:var(--brand-blue)}
.footer-bottom{margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}

.footer-sister{margin-top:1rem;font-size:.875rem;color:var(--silver-400);max-width:28rem;line-height:1.45}
.footer-sister a{color:var(--brand-blue);text-decoration:underline;text-underline-offset:2px}
.footer-sister a:hover{color:#fff}
.sister-note a{white-space:nowrap}

.footer-bottom p{text-align:center;font-size:.875rem;color:var(--silver-500)}
@media(min-width:640px){.footer-bottom p{text-align:left}}


/* ===== Products nav submenu ===== */
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{display:inline-flex;align-items:center}
.nav-sub-toggle{display:none}
.nav-sub{display:none;position:absolute;top:calc(100% + .35rem);left:50%;transform:translateX(-50%);min-width:12rem;padding:.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:rgba(10,14,23,.97);box-shadow:0 18px 40px -16px rgba(0,0,0,.7);z-index:70}
.nav-item:hover>.nav-sub,.nav-item:focus-within>.nav-sub,.nav-item.is-open>.nav-sub{display:block}
.nav-sub a{display:block;border-radius:.5rem;padding:.55rem .75rem;font-size:.875rem;font-weight:500;color:var(--silver-100);white-space:nowrap}
.nav-sub a:hover,.nav-sub a:focus-visible{background:rgba(0,163,255,.15);color:#fff}
.nav-sub a[aria-current="page"]{color:var(--brand-blue);background:rgba(0,163,255,.1)}
@media(max-width:1023px){
  .nav-item{display:none}
}
.mobile-nav .nav-sub-mobile{list-style:none;margin:.25rem 0 .5rem 1rem;padding:0;display:flex;flex-direction:column;gap:.15rem}
.mobile-nav .nav-sub-mobile a{font-size:.9375rem;padding:.5rem .75rem;color:var(--silver-300)}
.series-page{padding:5.5rem 0 3rem}
.series-page .cs-panel{margin-top:0}
.series-page .cs-panel[hidden]{display:block !important}
.series-back{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;color:var(--brand-blue-text);text-decoration:none}
.series-back:hover{text-decoration:underline}
.series-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0}
.series-links a{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--slate-200);background:#f8fafc;padding:.4rem .9rem;font-size:.8125rem;font-weight:600;color:var(--navy);text-decoration:none}
.series-links a:hover{border-color:rgba(0,163,255,.5)}
.series-links a.is-active{border-color:var(--brand-blue);background:var(--brand-blue);color:#fff}

/* FluxLight optical partnership */
.flux-partner-banner{margin-top:1rem;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid rgba(0,163,255,.35);background:linear-gradient(135deg,rgba(0,163,255,.08),rgba(10,14,23,.02))}
.flux-partner-banner p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--slate-600)}
.flux-partner-banner a{color:var(--brand-blue-text);font-weight:600}
.flux-partner-block .cs-note a{color:var(--brand-blue-text);font-weight:600}
.partner-list li a{color:inherit;text-decoration:none}