:root{--bg:#030711;--panel:#080f1d;--panel2:#0c1628;--card:#111c2e;--line:rgba(255,255,255,.12);--text:#f5f9ff;--muted:#9ba8bb;--blue:#3b82ff;--cyan:#06d6ff;--gold:#e3c57a;--green:#28e0a7;--shadow:0 30px 90px rgba(0,0,0,.35);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(6,214,255,.12),transparent 28%),linear-gradient(180deg,#030711,#071223 45%,#030711);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.72}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}button{font:inherit}.side-rail{position:fixed;left:0;top:0;bottom:0;width:292px;padding:26px 20px;background:rgba(6,12,24,.78);border-right:1px solid var(--line);backdrop-filter:blur(18px);z-index:90;display:flex;flex-direction:column}.rail-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.rail-brand img{width:48px;height:48px;border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.25)}.rail-brand strong{display:block;font-size:18px}.rail-brand em{display:block;color:var(--muted);font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.rail-nav{display:grid;gap:8px}.rail-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;color:#d9e6f8;font-weight:800}.rail-nav a span{color:var(--cyan);font-size:12px}.rail-nav a.active,.rail-nav a:hover{background:linear-gradient(135deg,rgba(59,130,255,.24),rgba(6,214,255,.12));color:#fff}.rail-actions{margin-top:auto;display:grid;gap:10px}.mobile-top{display:none}.workspace,.footer{margin-left:292px}.workspace{padding:34px 34px 0}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:999px;padding:12px 18px;font-weight:900;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 16px 35px rgba(59,130,255,.24)}.btn.dark{background:#fff;color:#050a12}.btn.ghost{background:rgba(255,255,255,.06);border-color:var(--line);color:#fff}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:18px}.breadcrumb a{color:var(--cyan)}.eyebrow{display:inline-flex;color:var(--cyan);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:950}
.axis-hero{display:grid;grid-template-columns:230px 1.1fr .9fr;gap:18px;min-height:650px}.hero-meta-card,.hero-title,.hero-device-stage,.command-grid a,.split-section,.device-line,.security-panel,.page-head,.compare-table,.process-grid article,.safety-grid article,.support-grid article,.faq-list details,.entry-grid article{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero-meta-card{padding:22px;display:flex;flex-direction:column;justify-content:space-between}.hero-meta-card span{color:var(--cyan);font-size:12px;font-weight:950;letter-spacing:.16em}.hero-meta-card strong{font-size:34px;line-height:1.05}.hero-meta-card p{color:var(--muted);margin:0}.hero-title{padding:42px;display:flex;flex-direction:column;justify-content:center}.hero-title h1,.section-title h2,.security-copy h2,.page-head h1{font-size:clamp(38px,5.5vw,74px);line-height:.98;letter-spacing:-.06em;margin:14px 0 16px}.hero-title p,.section-title p,.route-stack p,.device-content p,.security-copy p,.security-cards p,.page-head p,.process-grid p,.safety-grid p,.support-grid p,.faq-list p,.entry-grid p{color:var(--muted);margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-device-stage{position:relative;overflow:hidden;display:grid;place-items:center}.hero-device-stage::before{content:"";position:absolute;inset:18%;background:radial-gradient(circle,rgba(6,214,255,.18),transparent 60%)}.main-device{position:relative;z-index:2;width:min(70%,430px);filter:drop-shadow(0 28px 38px rgba(0,0,0,.35))}.sub-device{position:absolute;z-index:3;width:112px;aspect-ratio:1/1;object-fit:contain;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:22px;padding:12px}.sub-device.one{right:22px;top:26px}.sub-device.two{right:36px;bottom:46px}.sub-device.three{left:24px;bottom:30px}
.command-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px}.command-grid a{padding:18px;min-height:170px}.command-grid span{color:var(--cyan);font-weight:950}.command-grid strong{display:block;font-size:20px;margin:8px 0}.command-grid p{color:var(--muted);margin:0;font-size:13px}.section{margin-top:72px}.split-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;padding:28px}.route-stack{display:grid;gap:12px}.route-stack article{padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.route-stack b{font-size:21px}.device-ledger{display:grid;gap:16px}.device-line{display:grid;grid-template-columns:270px 240px 1fr;gap:24px;align-items:center;padding:20px}.device-name span{color:var(--cyan);font-weight:950}.device-name h3{font-size:30px;margin:8px 0}.device-name p{color:var(--muted);margin:0}.device-image{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:22px;padding:16px}.device-image img{width:100%;aspect-ratio:1/1;object-fit:contain}.device-content ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:14px 0 0;padding:0}.device-content li{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#dbeafe;font-size:13px}.security-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;padding:30px;margin-bottom:72px}.security-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.security-cards article{padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.06)}.security-cards span{color:var(--cyan);font-size:12px;font-weight:950}.security-cards h3{font-size:23px;margin:8px 0}.page-head{display:grid;grid-template-columns:1fr .8fr;gap:28px;align-items:center;padding:36px}.page-visual{display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:24px;padding:24px}.page-visual img{max-height:330px;object-fit:contain}.logo-card img{max-height:170px}.compare-table{overflow:hidden}.compare-row{display:grid;grid-template-columns:1.15fr 1.1fr 1.55fr 1.1fr 1fr .7fr;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.compare-row:last-child{border-bottom:0}.compare-row.head{background:rgba(255,255,255,.09);font-weight:950}.mini{background:transparent;color:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.process-grid article,.safety-grid article,.support-grid article,.entry-grid article{padding:22px}.process-grid span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:950}.process-grid h2,.support-grid h2,.entry-grid h2{font-size:24px;line-height:1.1;margin:16px 0 8px}.safety-grid,.support-grid,.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.safety-grid b{font-size:23px}.faq-list{display:grid;gap:12px}.faq-list details{padding:20px 22px}.faq-list summary{font-size:22px;font-weight:900;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{margin-top:10px}.entry-grid span{color:var(--cyan);font-size:12px;font-weight:950;letter-spacing:.14em}
.footer{border-top:1px solid var(--line);padding:32px 34px 58px;background:rgba(2,4,10,.72);display:flex;justify-content:space-between;gap:24px}.footer-left{display:flex;gap:14px;align-items:flex-start}.footer-left img{border-radius:16px}.footer-left strong{font-size:22px}.footer-left p{max-width:650px;color:var(--muted);margin:8px 0 0}.footer-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end;color:#dbeafe}.footer-service{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.contact-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center}.contact-modal.open{display:flex}.modal-layer{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.contact-card{position:relative;z-index:2;width:min(440px,calc(100% - 28px));background:#071223;border:1px solid var(--line);border-radius:30px;padding:28px;text-align:center;box-shadow:0 40px 100px rgba(0,0,0,.45)}.contact-card span{color:var(--cyan);font-size:12px;letter-spacing:.16em;font-weight:950}.contact-card h2{margin:6px 0}.contact-card p{color:var(--muted);margin:0 0 16px}.modal-close{position:absolute;right:16px;top:10px;background:transparent;border:0;color:#fff;font-size:30px;cursor:pointer}.qr{border:1px solid var(--line);border-radius:22px;padding:10px;background:#fff}.qr img{width:100%;border-radius:14px}.modal-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.modal-links a{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08)}.floating-contact{position:fixed;right:18px;bottom:18px;border:0;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-radius:999px;padding:14px 18px;font-weight:900;cursor:pointer;z-index:100;box-shadow:0 16px 34px rgba(59,130,255,.28)}.lock{overflow:hidden}
@media(max-width:1180px){.side-rail{display:none}.mobile-top{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(6,12,24,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand img{border-radius:14px}.menu-toggle{display:flex;border:0;background:transparent;flex-direction:column;gap:5px}.menu-toggle span{width:24px;height:2px;background:#fff}.workspace,.footer{margin-left:0}.workspace{padding:22px}.axis-hero,.split-section,.security-panel,.page-head{grid-template-columns:1fr}.command-grid,.process-grid,.safety-grid,.support-grid,.entry-grid,.security-cards{grid-template-columns:repeat(2,1fr)}.device-line{grid-template-columns:1fr}.compare-row{grid-template-columns:1fr 1fr}.compare-row.head{display:none}.footer{flex-direction:column}.footer-right{align-items:flex-start}.rail-nav.mobile-open{display:flex}}
@media(max-width:760px){.workspace{padding:14px}.axis-hero{min-height:auto}.hero-title,.page-head{padding:24px}.hero-title h1,.section-title h2,.security-copy h2,.page-head h1{font-size:38px}.command-grid,.process-grid,.safety-grid,.support-grid,.entry-grid,.security-cards{grid-template-columns:1fr}.sub-device{position:static;width:100px;margin:8px}.hero-device-stage{min-height:390px}.compare-row{grid-template-columns:1fr}.footer{padding:28px 18px 56px}.footer-left{flex-direction:column}}


/* smoothness upgrade */
html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}
body{
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{
  image-rendering:auto;
}
a,button,.btn,.rail-nav a,.command-grid a,.device-line,.route-stack article,.security-cards article,
.process-grid article,.safety-grid article,.support-grid article,.entry-grid article,.faq-list details,
.page-visual,.device-image,.hero-meta-card,.hero-title,.hero-device-stage{
  transition:
    transform .28s cubic-bezier(.22,.61,.36,1),
    box-shadow .28s cubic-bezier(.22,.61,.36,1),
    border-color .28s cubic-bezier(.22,.61,.36,1),
    background .28s cubic-bezier(.22,.61,.36,1),
    opacity .28s cubic-bezier(.22,.61,.36,1);
}
.command-grid a:hover,.device-line:hover,.route-stack article:hover,.security-cards article:hover,
.process-grid article:hover,.safety-grid article:hover,.support-grid article:hover,.entry-grid article:hover,
.faq-list details:hover{
  transform:translateY(-4px);
  border-color:rgba(6,214,255,.28);
  box-shadow:0 34px 96px rgba(0,0,0,.32);
}
.btn:hover,.footer-service:hover,.floating-contact:hover,.mini:hover{
  transform:translateY(-2px);
}
.btn:active,.footer-service:active,.floating-contact:active,.mini:active{
  transform:translateY(0) scale(.985);
}
.rail-nav a{
  position:relative;
  overflow:hidden;
}
.rail-nav a::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(6,214,255,.14),transparent 68%);
  opacity:0;
  transition:opacity .28s ease;
}
.rail-nav a:hover::before,.rail-nav a.active::before{
  opacity:1;
}
.rail-nav a span,.rail-nav a{
  z-index:1;
}
.hero-device-stage::after{
  content:"";
  position:absolute;
  inset:8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(59,130,255,.08),transparent 62%);
  filter:blur(12px);
  animation:pulseGlow 5.8s ease-in-out infinite;
}
.main-device{
  animation:floatDevice 6.5s ease-in-out infinite;
}
.sub-device{
  animation:floatChip 7.2s ease-in-out infinite;
}
.sub-device.two{animation-delay:.7s}
.sub-device.three{animation-delay:1.3s}
@keyframes floatDevice{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-10px,0)}
}
@keyframes floatChip{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-7px,0)}
}
@keyframes pulseGlow{
  0%,100%{opacity:.45;transform:scale(1)}
  50%{opacity:.8;transform:scale(1.04)}
}
.reveal-ready{
  opacity:0;
  transform:translateY(18px);
}
.reveal-in{
  opacity:1;
  transform:translateY(0);
}
.side-rail{
  transform:translateZ(0);
}
.workspace{
  contain:layout paint style;
}
.section{
  content-visibility:auto;
  contain-intrinsic-size:1px 860px;
}
.axis-hero,.page-head{
  content-visibility:visible;
}
.contact-modal{
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
}
.contact-modal.open{
  opacity:1;
  pointer-events:auto;
}
.modal-layer{
  opacity:0;
  transition:opacity .24s ease;
}
.contact-modal.open .modal-layer{
  opacity:1;
}
.contact-card{
  transform:translateY(14px) scale(.98);
  opacity:0;
  transition:
    transform .28s cubic-bezier(.22,.61,.36,1),
    opacity .28s cubic-bezier(.22,.61,.36,1);
}
.contact-modal.open .contact-card{
  transform:translateY(0) scale(1);
  opacity:1;
}
.faq-list details{
  overflow:hidden;
}
.faq-list summary{
  transition:color .22s ease;
}
.faq-list summary:hover{
  color:var(--cyan);
}
@media(max-width:1180px){
  .side-rail{
    transition:
      opacity .28s cubic-bezier(.22,.61,.36,1),
      transform .28s cubic-bezier(.22,.61,.36,1);
    transform:translateY(-8px);
    opacity:0;
  }
  .side-rail.menu-open{
    transform:translateY(0);
    opacity:1;
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
  .reveal-ready{opacity:1;transform:none}
}

.footer{content-visibility:visible;}


/* desktop performance fix */
:root{
  --shadow:0 14px 36px rgba(0,0,0,.22);
}
html{
  scroll-behavior:auto;
}
body{
  overflow-x:hidden;
  text-rendering:optimizeSpeed;
}
.side-rail,
.mobile-top,
.contact-card,
.hero-meta-card,
.hero-title,
.hero-device-stage,
.command-grid a,
.split-section,
.device-line,
.security-panel,
.page-head,
.compare-table,
.process-grid article,
.safety-grid article,
.support-grid article,
.faq-list details,
.entry-grid article{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.side-rail{
  background:#06101f!important;
}
.mobile-top{
  background:#06101f!important;
}
.workspace{
  contain:none!important;
}
.section{
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important;
}
.hero-device-stage::after,
.hero-device-stage::before{
  animation:none!important;
  filter:none!important;
}
.main-device,
.sub-device{
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}
.reveal-ready,
.reveal-in{
  opacity:1!important;
  transform:none!important;
}
a,
button,
.btn,
.rail-nav a,
.command-grid a,
.device-line,
.route-stack article,
.security-cards article,
.process-grid article,
.safety-grid article,
.support-grid article,
.entry-grid article,
.faq-list details,
.page-visual,
.device-image,
.hero-meta-card,
.hero-title,
.hero-device-stage{
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    opacity .16s ease!important;
}
.command-grid a:hover,
.device-line:hover,
.route-stack article:hover,
.security-cards article:hover,
.process-grid article:hover,
.safety-grid article:hover,
.support-grid article:hover,
.entry-grid article:hover,
.faq-list details:hover,
.btn:hover,
.footer-service:hover,
.floating-contact:hover,
.mini:hover{
  transform:none!important;
}
.command-grid a:hover,
.device-line:hover,
.route-stack article:hover,
.security-cards article:hover,
.process-grid article:hover,
.safety-grid article:hover,
.support-grid article:hover,
.entry-grid article:hover,
.faq-list details:hover{
  box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
}
.contact-modal{
  transition:opacity .12s ease!important;
}
.contact-card{
  transform:none!important;
  transition:opacity .12s ease!important;
}
.contact-modal.open .contact-card{
  transform:none!important;
}
.modal-layer{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.rail-nav a::before{
  display:none!important;
}
@media(min-width:1181px){
  .side-rail{
    position:fixed;
    transform:none!important;
    opacity:1!important;
    will-change:auto!important;
  }
  .workspace,
  .footer{
    transform:none!important;
    will-change:auto!important;
  }
}