:root {
      --bg: #050a10;
      --bg-soft: #09131d;
      --panel: rgba(13, 28, 41, .74);
      --panel-solid: #0b1925;
      --line: rgba(117, 195, 255, .15);
      --line-strong: rgba(89, 202, 255, .44);
      --cyan: #59caff;
      --blue: #2578ff;
      --amber: #f3a44a;
      --text: #f4f8fc;
      --muted: #98adbd;
      --muted-2: #6f8596;
      --shadow: 0 20px 70px rgba(0, 0, 0, .32);
      --max: 1180px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; background: var(--bg); }
    body {
      margin: 0;
      color: var(--text);
      background: var(--bg);
      font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
      overflow-x: hidden;
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 20;
      opacity: .3;
      background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
      background-size: 100% 5px;
      mix-blend-mode: overlay;
    }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; }
    .shell { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--cyan);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 3px;
      text-transform: uppercase;
    }
    .eyebrow::before { content: ""; width: 26px; height: 1px; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
    .section { position: relative; padding: 110px 0; }
    .section-head { max-width: 760px; margin-bottom: 52px; }
    h1, h2, h3, p { margin-top: 0; }
    h1 { margin-bottom: 24px; font-size: clamp(42px, 6vw, 78px); line-height: 1.08; letter-spacing: -3px; }
    h2 { margin: 18px 0 16px; font-size: clamp(30px, 4vw, 48px); line-height: 1.16; letter-spacing: -1px; }
    h3 { margin-bottom: 10px; font-size: 19px; }
    p { color: var(--muted); font-size: 16px; line-height: 1.85; }
    .accent { color: var(--cyan); text-shadow: 0 0 28px rgba(89, 202, 255, .34); }
    .warm { color: var(--amber); }
    .grid-bg {
      background-image:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
      background-size: 54px 54px;
      mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 85%, transparent);
    }

    .nav {
      position: fixed;
      top: 0;
      z-index: 30;
      width: 100%;
      border-bottom: 1px solid rgba(255,255,255,.06);
      background: rgba(5, 10, 16, .64);
      backdrop-filter: blur(18px);
    }
    .nav-inner { display: flex; align-items: center; min-height: 72px; }
    .brand { display: flex; align-items: center; flex: 0 0 auto; margin-right: 22px; }
    .brand img { display: block; width: 160px; height: auto; filter: brightness(0) invert(1); opacity: .96; }
    .nav-links { display: flex; align-self: stretch; flex: 1; color: #b9cbd7; font-size: 14px; }
    .nav-links a { display: flex; align-items: center; padding: 0 19px; border-inline: 1px solid transparent; transition: .3s ease; }
    .nav-links a:hover, .nav-links a.active { border-color: rgba(89,202,255,.1); color: #e8f9ff; background: linear-gradient(180deg, rgba(37,120,255,.26), rgba(37,120,255,.08)); box-shadow: inset 0 -2px var(--cyan); }
    .nav-phone { display: flex; align-items: center; gap: 8px; margin-left: auto; color: #9fb2c1; font-size: 22px; white-space: nowrap; }
    .nav-phone svg { width: 25px; height: 25px; color: var(--cyan); }
    .nav-phone b { margin-left: 7px; color: var(--amber); font-family: Arial, sans-serif; letter-spacing: .7px; }
    .nav-toggle {
      display: none;
      width: 42px;
      height: 42px;
      margin-left: 12px;
      padding: 0;
      place-items: center;
      border: 1px solid rgba(89,202,255,.24);
      border-radius: 3px;
      color: var(--cyan);
      background: rgba(37,120,255,.08);
      cursor: pointer;
    }
    .nav-toggle span {
      display: block;
      width: 18px;
      height: 1px;
      margin: 4px auto;
      background: currentColor;
      transition: transform .25s ease, opacity .25s ease;
    }
    .nav.menu-open .nav-toggle span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
    .nav.menu-open .nav-toggle span:nth-child(2) { opacity: 0; }
    .nav.menu-open .nav-toggle span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
    .nav-cta, .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      border: 1px solid var(--line-strong);
      border-radius: 4px;
      color: #dff5ff;
      font-weight: 700;
      transition: .35s ease;
    }
    .nav-cta { min-height: 38px; padding: 0 16px; font-size: 13px; }
    .nav-cta:hover, .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 34px rgba(37,120,255,.22); }

    .hero {
      position: relative;
      display: grid;
      min-height: 850px;
      align-items: center;
      overflow: hidden;
      background:
        linear-gradient(90deg, rgba(5,10,16,.97) 0%, rgba(5,10,16,.88) 38%, rgba(5,10,16,.34) 69%, rgba(5,10,16,.8) 100%),
        radial-gradient(circle at 74% 45%, rgba(37,120,255,.2), transparent 25%),
        linear-gradient(130deg, #050a10 10%, #0a1c2b 54%, #04101a 100%);
    }
    #particles { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .9; }
    .hero::after {
      content: "";
      position: absolute;
      inset: auto -10% -35% 32%;
      height: 500px;
      border-radius: 50%;
      background: radial-gradient(ellipse, rgba(37, 120, 255, .2), transparent 64%);
      filter: blur(20px);
    }
    .hero-grid {
      position: absolute;
      right: -10%;
      bottom: -20%;
      width: 86%;
      height: 76%;
      opacity: .4;
      transform: perspective(650px) rotateX(64deg) rotateZ(-8deg);
      transform-origin: center;
      background-image: linear-gradient(rgba(89,202,255,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(89,202,255,.2) 1px, transparent 1px);
      background-size: 44px 44px;
    }
    .hero-content { position: relative; z-index: 3; max-width: 790px; padding-top: 76px; }
    .hero-brand-lockup { position: absolute; z-index: 4; top: 24%; right: 13%; display: flex; align-items: center; gap: 18px; padding: 0; background: transparent; animation: lockup-float 5s ease-in-out infinite, lockup-glow 3.2s ease-in-out infinite; }
    .hero-brand-lockup .niaoniao-logo { display: block; width: 324px; filter: brightness(0) invert(1); opacity: .92; }
    .hero-brand-lockup i { color: #8ba9bb; font-size: 38px; font-style: normal; }
    .hero-brand-lockup .yonyou-logo { display: block; width: 176px; border-radius: 8px; mix-blend-mode: screen; }
    .hero h1 span { display: block; }
    .hero-copy { max-width: 500px; margin-bottom: 30px; color: #b7c8d4; font-size: 18px; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
    .btn { min-height: 52px; padding: 0 23px; font-size: 15px; }
    .btn-primary { border-color: rgba(89,202,255,.58); background: linear-gradient(135deg, rgba(37,120,255,.72), rgba(12,89,142,.5)); }
    .btn-ghost { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.025); color: #c6d3dc; }
    .btn-ghost:hover { border-color: rgba(255,255,255,.44); background: rgba(255,255,255,.07); }
    .btn-warm { border-color: rgba(243,164,74,.48); color: #ffd49c; background: rgba(243,164,74,.075); }
    .btn-warm:hover { border-color: rgba(243,164,74,.82); background: rgba(243,164,74,.15); }
    .phone-contact { position: relative; display: inline-flex; }
    .phone-options {
      position: absolute;
      z-index: 12;
      top: calc(100% + 10px);
      left: 50%;
      display: none;
      width: 248px;
      padding: 10px;
      border: 1px solid rgba(243,164,74,.42);
      background: rgba(7,18,28,.98);
      box-shadow: var(--shadow);
      transform: translateX(-50%);
    }
    .phone-options.is-open { display: grid; gap: 7px; }
    .phone-options a { display: flex; align-items: center; gap: 10px; padding: 10px 11px; color: #dff5ff; font-family: Arial, sans-serif; font-size: 14px; transition: .25s ease; }
    .phone-options a:hover { color: #ffd49c; background: rgba(243,164,74,.1); }
    .phone-options svg { width: 18px; height: 18px; flex: 0 0 auto; color: var(--amber); }
    .wechat-dialog {
      position: fixed;
      z-index: 70;
      inset: 0;
      display: none;
      padding: 16px;
      place-items: center;
      background: rgba(0,0,0,.7);
      backdrop-filter: blur(4px);
    }
    .wechat-dialog.is-open { display: grid; }
    .wechat-dialog-inner {
      position: relative;
      width: min(100%, 380px);
      padding: 28px;
      border: 1px solid rgba(89,202,255,.34);
      color: var(--text);
      background: #081522;
      box-shadow: 0 24px 80px rgba(0,0,0,.56);
      text-align: center;
    }
    .wechat-dialog-close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 34px;
      height: 34px;
      border: 1px solid rgba(255,255,255,.14);
      color: #b8cbd9;
      background: rgba(255,255,255,.035);
      cursor: pointer;
    }
    .wechat-dialog h3 { margin: 0 34px 10px; color: #edf8ff; }
    .wechat-dialog p { margin-bottom: 18px; font-size: 14px; line-height: 1.7; }
    .wechat-dialog img { display: block; width: 190px; margin: 0 auto 18px; border: 7px solid #fff; }
    .wechat-id { color: var(--amber); font-family: Arial, sans-serif; font-size: 18px; letter-spacing: .8px; }
    .wechat-tip {
      position: fixed;
      z-index: 60;
      right: 18px;
      bottom: 18px;
      max-width: min(calc(100% - 36px), 360px);
      padding: 13px 16px;
      border: 1px solid rgba(89,202,255,.4);
      color: #dff5ff;
      background: rgba(7,18,28,.96);
      box-shadow: var(--shadow);
      font-size: 14px;
      line-height: 1.6;
    }
    .hero-tags { display: flex; flex-wrap: wrap; gap: 12px 18px; margin-top: 44px; color: #8da4b5; font-size: 13px; }
    .hero-tags span::before { content: "+"; margin-right: 7px; color: var(--amber); }
    .signal {
      position: absolute;
      z-index: 2;
      right: 15%;
      top: 38%;
      width: 360px;
      height: 360px;
      border: 1px solid rgba(89,202,255,.24);
      border-radius: 50%;
      animation: breathe 3.8s ease-out infinite;
    }
    .signal::before, .signal::after { content: ""; position: absolute; border: 1px solid rgba(89,202,255,.22); border-radius: inherit; }
    .signal::before { inset: 46px; animation: breathe 3.8s .7s ease-out infinite; }
    .signal::after { inset: 95px; animation: breathe 3.8s 1.4s ease-out infinite; }
    .hero-device {
      position: absolute;
      z-index: 2;
      right: 9%;
      bottom: 7%;
      width: min(34vw, 450px);
      filter: drop-shadow(0 28px 44px rgba(0,0,0,.52)) drop-shadow(0 0 28px rgba(37,120,255,.24));
      animation: float-device 5.6s ease-in-out infinite;
    }
    .scroll-hint { position: absolute; z-index: 4; bottom: 30px; left: 50%; color: var(--muted-2); font-size: 11px; letter-spacing: 3px; writing-mode: vertical-lr; }
    .scroll-hint::after { content: ""; display: block; width: 1px; height: 50px; margin: 12px 0 0 6px; background: linear-gradient(var(--cyan), transparent); animation: drop 1.9s infinite; }

    .ticker { overflow: hidden; border-block: 1px solid rgba(89,202,255,.12); background: #07121c; }
    .ticker-track { display: flex; width: max-content; animation: ticker 30s linear infinite; }
    .ticker-track span { padding: 17px 32px; color: #91a7b8; font-size: 12px; letter-spacing: 2px; white-space: nowrap; }
    .ticker-track b { margin-right: 10px; color: var(--cyan); }

    .intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 34px; align-items: center; }
    .stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .stat, .card {
      position: relative;
      overflow: hidden;
      border: 1px solid var(--line);
      background: linear-gradient(145deg, rgba(14,32,47,.82), rgba(7,18,28,.72));
      box-shadow: var(--shadow);
    }
    .stat { min-height: 152px; padding: 26px; }
    .stat::after, .card::after { content: ""; position: absolute; right: -30px; bottom: -30px; width: 72px; height: 72px; border: 1px solid rgba(89,202,255,.2); transform: rotate(45deg); }
    .stat strong { display: block; margin-bottom: 7px; color: var(--cyan); font-family: Arial, sans-serif; font-size: 40px; letter-spacing: -2px; }
    .stat small { color: #a9bdca; font-size: 14px; }

    .architecture { overflow: hidden; background: #07111a; }
    .arch-stage {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 180px 1fr;
      gap: 18px;
      align-items: center;
      min-height: 490px;
    }
    .arch-col { display: grid; gap: 12px; }
    .arch-node {
      position: relative;
      padding: 20px 22px;
      border: 1px solid var(--line);
      background: rgba(10,25,38,.82);
    }
    .arch-node::before { content: ""; position: absolute; top: 50%; width: 28px; height: 1px; background: var(--line-strong); }
    .arch-col:first-child .arch-node::before { right: -28px; }
    .arch-col:last-child .arch-node::before { left: -28px; }
    .arch-node b { display: block; color: #deeff9; font-size: 15px; }
    .arch-node small { color: var(--muted-2); font-size: 12px; }
    .arch-core {
      position: relative;
      display: grid;
      width: 164px;
      height: 164px;
      place-items: center;
      border: 1px solid var(--line-strong);
      border-radius: 50%;
      background: radial-gradient(circle, rgba(37,120,255,.3), rgba(5,14,22,.92) 67%);
      color: #e8f8ff;
      font-size: 22px;
      font-weight: 800;
      text-align: center;
      box-shadow: 0 0 70px rgba(37,120,255,.23), inset 0 0 38px rgba(89,202,255,.16);
    }
    .arch-core::before, .arch-core::after { content: ""; position: absolute; border: 1px dashed rgba(89,202,255,.35); border-radius: 50%; animation: rotate 14s linear infinite; }
    .arch-core::before { inset: -22px; }
    .arch-core::after { inset: -45px; animation-direction: reverse; animation-duration: 20s; }
    .arch-beam { position: absolute; top: 50%; left: 14%; width: 72%; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), transparent); box-shadow: 0 0 18px var(--cyan); opacity: .7; animation: beam 3.8s ease-in-out infinite; }

    .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
    .card { min-height: 224px; padding: 26px; transition: .35s ease; }
    .card:hover { transform: translateY(-8px); border-color: rgba(89,202,255,.42); background: linear-gradient(145deg, rgba(17,43,62,.94), rgba(7,18,28,.8)); }
    .icon { display: grid; width: 44px; height: 44px; margin-bottom: 22px; place-items: center; border: 1px solid rgba(89,202,255,.35); color: var(--cyan); font-size: 19px; }
    .card p { margin-bottom: 0; font-size: 14px; }

    .industries { background: linear-gradient(180deg, #050a10, #07131e); }
    .industry-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
    .industry {
      min-height: 160px;
      padding: 22px;
      border: 1px solid rgba(255,255,255,.075);
      background: rgba(255,255,255,.018);
      transition: .3s ease;
    }
    .industry:hover { border-color: rgba(89,202,255,.36); background: rgba(37,120,255,.07); }
    .industry i { display: block; margin-bottom: 20px; color: var(--amber); font-size: 12px; font-style: normal; letter-spacing: 2px; }
    .industry p { margin: 0; color: #8398a8; font-size: 13px; line-height: 1.7; }
    .cap-strip { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 44px; }
    .cap-strip span { padding: 9px 13px; border: 1px solid rgba(255,255,255,.09); color: #89a2b3; font-size: 12px; background: rgba(255,255,255,.018); }

    .cta { padding: 100px 0 104px; background: radial-gradient(circle at 50% 110%, rgba(37,120,255,.22), transparent 54%), #06101a; text-align: center; }
    .cta .shell { max-width: 820px; }
    .cta p { margin-bottom: 30px; }
    footer { border-top: 1px solid rgba(255,255,255,.07); background: #050a10; }
    .trial { padding: 34px 0 0; background: #07111a; }
    .trial-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 28px; border: 1px solid rgba(89,202,255,.14); background: rgba(255,255,255,.025); }
    .trial strong { color: #e9f6fc; font-size: 16px; }
    .trial strong span { margin-right: 10px; color: var(--amber); }
    .trial .btn { min-height: 42px; padding-inline: 20px; font-size: 13px; }
    .footer-main { display: grid; grid-template-columns: 1fr 1fr 1fr .8fr 2.4fr 1fr; gap: 24px; padding: 46px 0 34px; }
    .footer-col h3 { position: relative; margin-bottom: 21px; color: #e4f2f8; font-size: 15px; }
    .footer-col h3::after { content: ""; position: absolute; left: 0; bottom: -10px; width: 24px; height: 2px; background: var(--cyan); }
    .footer-col a, .footer-col span { display: block; margin-bottom: 9px; color: #7f96a6; font-size: 13px; line-height: 1.55; }
    .footer-col a:hover { color: var(--cyan); }
    .footer-contact { min-width: 270px; overflow-wrap: anywhere; }
    .footer-qr { text-align: center; }
    .footer-qr h3::after { left: 50%; transform: translateX(-50%); }
    .footer-qr img { width: 138px; max-width: 100%; border: 5px solid #fff; }
    .copyright { border-top: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.025); }
    .foot { display: flex; justify-content: center; gap: 20px; padding: 17px 0; color: #6e8494; font-size: 12px; text-align: center; }
    .reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s ease; }
    .reveal.visible { opacity: 1; transform: none; }

    @keyframes breathe { 0%, 100% { transform: scale(.82); opacity: 0; } 38% { opacity: .85; } 80% { transform: scale(1.18); opacity: 0; } }
    @keyframes drop { 0% { transform: scaleY(.25); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 100% { transform: translateY(20px) scaleY(.2); opacity: 0; } }
    @keyframes ticker { to { transform: translateX(-50%); } }
    @keyframes rotate { to { transform: rotate(360deg); } }
    @keyframes beam { 0%, 100% { transform: translateX(-18%); opacity: .24; } 50% { transform: translateX(18%); opacity: .85; } }
    @keyframes float-device { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-16px); } }
    @keyframes lockup-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
    @keyframes lockup-glow { 0%, 100% { filter: drop-shadow(0 0 8px rgba(37,120,255,.08)); } 50% { filter: drop-shadow(0 0 20px rgba(37,120,255,.35)); } }

    @media (max-width: 1100px) {
      .brand { margin-right: 14px; }
      .brand img { width: 142px; }
      .nav-links a { padding-inline: 12px; }
      .nav-phone { gap: 6px; font-size: 16px; }
      .nav-phone svg { width: 20px; height: 20px; }
      .hero-copy { max-width: 440px; }
      .hero-brand-lockup { top: 33%; right: 7%; }
      .hero-brand-lockup .niaoniao-logo { width: 225px; }
      .hero-brand-lockup i { font-size: 28px; }
      .hero-brand-lockup .yonyou-logo { width: 122px; }
      .footer-main { grid-template-columns: repeat(4, minmax(0, 1fr)); }
      .footer-contact { grid-column: span 2; }
    }
    @media (max-width: 900px) {
      .nav-inner { min-height: 64px; }
      .brand { margin-right: 0; }
      .nav-links {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        display: grid;
        max-height: 0;
        overflow: hidden;
        padding: 0 20px;
        border-bottom: 1px solid transparent;
        background: rgba(5, 10, 16, .96);
        opacity: 0;
        pointer-events: none;
        transform: translateY(-8px);
        transition: max-height .35s ease, padding .35s ease, opacity .25s ease, transform .35s ease, border-color .35s ease;
      }
      .nav.menu-open .nav-links {
        max-height: 360px;
        padding-block: 8px 14px;
        border-color: rgba(89,202,255,.18);
        opacity: 1;
        pointer-events: auto;
        transform: none;
      }
      .nav-links a {
        min-height: 44px;
        padding-inline: 4px;
        border-inline: 0;
        border-bottom: 1px solid rgba(255,255,255,.055);
      }
      .nav-links a:last-child { border-bottom: 0; }
      .nav-links a:hover, .nav-links a.active {
        padding-left: 12px;
        border-color: rgba(255,255,255,.055);
        background: linear-gradient(90deg, rgba(37,120,255,.22), transparent);
        box-shadow: inset 2px 0 var(--cyan);
      }
      .nav-phone { margin-left: auto; }
      .nav-toggle { display: grid; }
      .hero { min-height: 780px; }
      .signal { right: -120px; opacity: .6; }
      .hero-device { right: -7%; bottom: 4%; width: min(47vw, 390px); opacity: .74; }
      .intro-grid { grid-template-columns: 1fr; }
      .cards { grid-template-columns: repeat(2, 1fr); }
      .industry-grid { grid-template-columns: repeat(2, 1fr); }
      .footer-main { grid-template-columns: repeat(3, 1fr); }
      .footer-contact { grid-column: span 2; min-width: 0; }
      .arch-stage { grid-template-columns: 1fr; gap: 26px; }
      .arch-core { order: -1; margin: 30px auto; }
      .arch-beam, .arch-node::before { display: none; }
    }
    @media (max-width: 560px) {
      .shell { width: min(calc(100% - 28px), var(--max)); }
      .section { padding: 80px 0; }
      .section-head { margin-bottom: 34px; }
      h1 { font-size: clamp(38px, 12vw, 47px); letter-spacing: -2px; }
      h2 { font-size: clamp(27px, 8.5vw, 34px); }
      p { font-size: 15px; line-height: 1.78; }
      .hero { min-height: 820px; }
      .hero-content { padding-top: 150px; padding-bottom: 245px; }
      .hero-brand-lockup { top: 76px; right: auto; left: 50%; gap: 7px; padding: 0; translate: -50% 0; }
      .hero-brand-lockup .niaoniao-logo { width: 110px; }
      .hero-brand-lockup i { font-size: 18px; }
      .hero-brand-lockup .yonyou-logo { width: 58px; }
      .hero-device { right: 3%; bottom: 22px; width: 66vw; opacity: .9; }
      .hero-copy { font-size: 16px; }
      .brand img { width: 128px; }
      .nav-phone { font-size: 0; }
      .nav-phone b { margin-left: 0; font-size: 12px; }
      .hero .hero-actions { display: grid; }
      .hero .btn { width: 100%; }
      .hero-tags { gap: 10px 14px; margin-top: 34px; font-size: 12px; }
      .scroll-hint { display: none; }
      .stats, .cards, .industry-grid { grid-template-columns: 1fr; }
      .stat { min-height: 118px; padding: 21px; }
      .stat strong { font-size: 36px; }
      .card { min-height: 0; padding: 22px; }
      .arch-stage { gap: 14px; min-height: 0; }
      .arch-core { width: 132px; height: 132px; margin: 18px auto 28px; font-size: 19px; }
      .arch-core::before { inset: -18px; }
      .arch-core::after { inset: -34px; }
      .arch-node { padding: 16px 18px; }
      .industry { min-height: 0; padding: 20px; }
      .cap-strip { margin-top: 30px; }
      .cta { padding: 80px 0 84px; }
      .cta h2 br { display: none; }
      .cta .hero-actions { display: grid; }
      .cta .btn { width: 100%; }
      .phone-contact { display: grid; }
      .phone-options { position: static; width: 100%; transform: none; }
      .trial-inner { display: block; padding: 18px; }
      .trial .btn { width: 100%; margin-top: 16px; }
      .footer-main { grid-template-columns: repeat(2, 1fr); gap: 24px 18px; padding-top: 34px; }
      .footer-contact, .footer-qr { grid-column: 1 / -1; }
      .footer-qr { text-align: left; }
      .footer-qr h3::after { left: 0; transform: none; }
      .footer-qr img { width: 118px; }
      .foot { display: block; line-height: 1.8; }
    }
    @media (max-width: 360px) {
      .shell { width: min(calc(100% - 22px), var(--max)); }
      .eyebrow { gap: 8px; font-size: 10px; letter-spacing: 2px; }
      .eyebrow::before { width: 20px; }
      .brand img { width: 112px; }
      .nav-phone b { font-size: 10px; }
      .nav-toggle { width: 38px; height: 38px; margin-left: 9px; }
      h1 { font-size: clamp(34px, 11.8vw, 40px); }
      .hero { min-height: 790px; }
      .hero-content { padding-bottom: 215px; }
      .hero-copy { font-size: 15px; }
      .btn { min-height: 48px; padding-inline: 16px; font-size: 14px; }
      .hero-device { right: 2%; bottom: 18px; width: 70vw; }
      .footer-main { gap-inline: 14px; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
    }

.n72s-page {
      color: var(--text);
      background: #050a10;
    }
    .n72s-hero {
      position: relative;
      min-height: 820px;
      overflow: hidden;
      padding: 142px 0 82px;
      background:
        linear-gradient(90deg, rgba(5,10,16,.98) 0%, rgba(5,10,16,.88) 42%, rgba(5,10,16,.48) 70%, rgba(5,10,16,.88) 100%),
        radial-gradient(circle at 72% 44%, rgba(37,120,255,.22), transparent 28%),
        linear-gradient(135deg, #050a10 0%, #0a1b2a 54%, #050a10 100%);
    }
    .n72s-hero::before {
      content: "";
      position: absolute;
      inset: 72px 0 0;
      opacity: .28;
      background-image:
        linear-gradient(rgba(89,202,255,.14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(89,202,255,.14) 1px, transparent 1px);
      background-size: 56px 56px;
      mask-image: linear-gradient(90deg, #000 0%, #000 50%, transparent 88%);
    }
    .n72s-hero-inner {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
      gap: clamp(28px, 5vw, 72px);
      align-items: center;
    }
    .n72s-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 24px;
      color: var(--cyan);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 2px;
    }
    .n72s-kicker::before {
      content: "";
      width: 28px;
      height: 1px;
      background: var(--cyan);
      box-shadow: 0 0 14px rgba(89,202,255,.7);
    }
    .n72s-hero h1 {
      max-width: 760px;
      margin-bottom: 24px;
      font-size: clamp(42px, 5.6vw, 76px);
      line-height: 1.08;
      letter-spacing: -2px;
      text-wrap: balance;
    }
    .n72s-hero p {
      max-width: 610px;
      margin-bottom: 32px;
      color: #b7c8d4;
      font-size: 18px;
      line-height: 1.86;
      text-wrap: pretty;
    }
    .n72s-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
    }
    .n72s-proof {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 42px;
      color: #8da4b5;
      font-size: 13px;
    }
    .n72s-proof span {
      border: 1px solid rgba(255,255,255,.09);
      padding: 9px 12px;
      background: rgba(255,255,255,.025);
    }
    .n72s-device-stage {
      position: relative;
      min-height: 560px;
    }
    .n72s-device-stage::before {
      content: "";
      position: absolute;
      inset: 12% 0 0 8%;
      border: 1px solid rgba(89,202,255,.18);
      transform: perspective(760px) rotateX(64deg) rotateZ(-8deg);
      background-image:
        linear-gradient(rgba(89,202,255,.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(89,202,255,.18) 1px, transparent 1px);
      background-size: 42px 42px;
      opacity: .45;
    }
    .n72s-device-main {
      position: absolute;
      z-index: 2;
      right: 4%;
      bottom: 0;
      width: min(92%, 560px);
      filter: drop-shadow(0 38px 52px rgba(0,0,0,.62)) drop-shadow(0 0 34px rgba(37,120,255,.2));
    }
    .n72s-device-back {
      position: absolute;
      z-index: 1;
      left: 0;
      top: 16%;
      width: min(43%, 240px);
      opacity: .72;
      filter: drop-shadow(0 28px 40px rgba(0,0,0,.46));
      transform: rotate(-8deg);
    }
    .n72s-section {
      position: relative;
      padding: 104px 0;
    }
    .n72s-section-alt {
      background: #07111a;
    }
    .n72s-section-head {
      max-width: 820px;
      margin-bottom: 44px;
    }
    .n72s-section h2 {
      margin: 14px 0 16px;
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1.16;
      letter-spacing: -1px;
      text-wrap: balance;
    }
    .n72s-section p {
      color: #9fb4c3;
      font-size: 16px;
      line-height: 1.84;
    }
    .n72s-evidence {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 26px;
      align-items: stretch;
    }
    .n72s-evidence-copy {
      border: 1px solid rgba(89,202,255,.16);
      background: linear-gradient(145deg, rgba(14,32,47,.82), rgba(7,18,28,.72));
      padding: clamp(24px, 4vw, 40px);
    }
    .n72s-check-list {
      display: grid;
      gap: 16px;
      margin: 26px 0 0;
      padding: 0;
      list-style: none;
    }
    .n72s-check-list li {
      display: grid;
      grid-template-columns: 120px 1fr;
      gap: 16px;
      padding: 16px 0;
      border-top: 1px solid rgba(255,255,255,.08);
      color: #dcecf5;
    }
    .n72s-check-list b {
      color: var(--amber);
      font-size: 14px;
    }
    .n72s-photo-panel {
      display: grid;
      place-items: center;
      min-height: 470px;
      border: 1px solid rgba(89,202,255,.16);
      background:
        radial-gradient(circle at 50% 56%, rgba(37,120,255,.18), transparent 52%),
        rgba(255,255,255,.018);
      overflow: hidden;
    }
    .n72s-photo-panel img {
      width: min(82%, 390px);
      filter: drop-shadow(0 30px 45px rgba(0,0,0,.55));
    }
    .n72s-spec-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    .n72s-spec {
      min-height: 152px;
      padding: 22px;
      border: 1px solid rgba(117,195,255,.15);
      background: rgba(255,255,255,.022);
    }
    .n72s-spec b {
      display: block;
      margin-bottom: 12px;
      color: #e8f7ff;
      font-size: 17px;
    }
    .n72s-spec span {
      color: #8fa6b6;
      font-size: 13px;
      line-height: 1.7;
    }
    .n72s-gallery {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .n72s-gallery figure {
      margin: 0;
      min-height: 310px;
      padding: 22px;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.018);
      display: grid;
      align-content: space-between;
      gap: 16px;
    }
    .n72s-gallery img {
      width: 100%;
      max-height: 230px;
      object-fit: contain;
      filter: drop-shadow(0 24px 30px rgba(0,0,0,.44));
    }
    .n72s-gallery figcaption {
      color: #a9bdca;
      font-size: 14px;
      line-height: 1.65;
    }
    .n72s-cta {
      padding: 92px 0 98px;
      text-align: center;
      background: radial-gradient(circle at 50% 100%, rgba(37,120,255,.22), transparent 52%), #06101a;
    }
    .n72s-cta .shell {
      max-width: 820px;
    }
    .n72s-cta h2 {
      margin: 0 0 18px;
    }
    .n72s-cta p {
      margin-bottom: 28px;
    }
    @media (max-width: 900px) {
      .n72s-hero {
        padding-top: 118px;
      }
      .n72s-hero-inner,
      .n72s-evidence {
        grid-template-columns: 1fr;
      }
      .n72s-device-stage {
        min-height: 500px;
      }
      .n72s-spec-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .n72s-gallery {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 560px) {
      .n72s-hero {
        min-height: 0;
        padding: 104px 0 64px;
      }
      .n72s-hero h1 {
        font-size: clamp(36px, 11vw, 46px);
        letter-spacing: -1px;
      }
      .n72s-hero p {
        font-size: 16px;
      }
      .n72s-actions {
        display: grid;
      }
      .n72s-actions .btn {
        width: 100%;
      }
      .n72s-device-stage {
        min-height: 390px;
      }
      .n72s-device-main {
        right: 0;
        width: 86%;
      }
      .n72s-device-back {
        top: 10%;
        width: 38%;
      }
      .n72s-section {
        padding: 78px 0;
      }
      .n72s-check-list li {
        grid-template-columns: 1fr;
        gap: 6px;
      }
      .n72s-photo-panel {
        min-height: 360px;
      }
      .n72s-spec-grid,
      .n72s-gallery {
        grid-template-columns: 1fr;
      }
    }

:root {
      --n72s-bg: #050a10;
      --n72s-surface: #09131d;
      --n72s-surface-2: #0d1a25;
      --n72s-line: #203241;
      --n72s-cyan: #59caff;
      --n72s-blue: #2578ff;
      --n72s-amber: #f3a44a;
      --n72s-text: #f4f8fc;
      --n72s-muted: #98adbd;
      --n72s-max: 1200px;
    }

    .n72s-page {
      background: var(--n72s-bg);
      color: var(--n72s-text);
      font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
      overflow: clip;
    }

    .n72s-page *,
    .n72s-page *::before,
    .n72s-page *::after {
      box-sizing: border-box;
    }

    .n72s-page img {
      max-width: 100%;
      height: auto;
    }

    .n72s-page a:focus-visible,
    .n72s-page button:focus-visible {
      outline: 3px solid var(--n72s-cyan);
      outline-offset: 4px;
    }

    .n72s-wrap {
      width: min(calc(100% - 40px), var(--n72s-max));
      margin-inline: auto;
    }

    .product-hero {
      position: relative;
      min-height: 660px;
      display: grid;
      align-items: center;
      isolation: isolate;
      border-bottom: 1px solid var(--n72s-line);
      background:
        radial-gradient(circle at 78% 42%, rgba(37, 120, 255, .18), transparent 30%),
        linear-gradient(rgba(89, 202, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(89, 202, 255, .035) 1px, transparent 1px),
        var(--n72s-bg);
      background-size: auto, 56px 56px, 56px 56px, auto;
    }

    .product-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(90deg, var(--n72s-bg) 0 44%, transparent 72%);
      pointer-events: none;
    }

    .product-hero__grid {
      display: grid;
      grid-template-columns: minmax(0, .96fr) minmax(420px, 1.04fr);
      gap: clamp(32px, 6vw, 88px);
      align-items: center;
      min-height: 660px;
      padding-block: clamp(56px, 6vw, 84px);
    }

    .product-hero__copy {
      position: relative;
      z-index: 2;
      max-width: 640px;
    }

    .product-model {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 20px;
      color: var(--n72s-cyan);
      font: 650 16px/1.4 "Microsoft YaHei", sans-serif;
      letter-spacing: .08em;
    }

    .product-model strong {
      color: var(--n72s-text);
      font: 800 clamp(28px, 4vw, 48px)/.9 "Bahnschrift Condensed", "Arial Narrow", Arial, sans-serif;
      letter-spacing: .02em;
    }

    .product-model span {
      border-left: 1px solid var(--n72s-line);
      padding-left: 14px;
    }

    .product-hero h1 {
      margin: 0;
      max-width: 760px;
      color: var(--n72s-text);
      font: 760 clamp(42px, 6.2vw, 82px)/.98 "Microsoft YaHei", "PingFang SC", sans-serif;
      letter-spacing: -.035em;
      text-wrap: balance;
    }

    .product-hero h1 em {
      display: block;
      margin-top: 12px;
      color: var(--n72s-cyan);
      font-style: normal;
    }

    .product-hero__lead {
      max-width: 620px;
      margin: 28px 0 0;
      color: #b7c7d3;
      font-size: clamp(16px, 1.6vw, 19px);
      line-height: 1.9;
      text-wrap: pretty;
    }

    .product-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 34px;
    }

    .product-actions .btn {
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .product-actions .btn-secondary {
      border: 1px solid #355064;
      color: var(--n72s-text);
      background: transparent;
    }

    .product-actions .btn-secondary:hover {
      border-color: var(--n72s-cyan);
      color: var(--n72s-cyan);
    }

    .product-hero__visual {
      position: relative;
      min-height: 540px;
      overflow: clip;
      container-type: inline-size;
    }

    .product-hero__visual::before,
    .product-hero__visual::after {
      content: "";
      position: absolute;
      pointer-events: none;
    }

    .product-hero__visual::before {
      inset: 10% 2% 7% 12%;
      border: 1px solid rgba(89, 202, 255, .22);
      clip-path: polygon(0 0, 88% 0, 100% 15%, 100% 100%, 12% 100%, 0 86%);
    }

    .product-hero__visual::after {
      width: 48%;
      height: 1px;
      right: -8%;
      top: 22%;
      background: var(--n72s-cyan);
      box-shadow: 0 220px 0 rgba(89, 202, 255, .35);
    }

    .product-hero__visual img {
      position: absolute;
      z-index: 1;
      width: auto;
      max-width: 84%;
      max-height: 520px;
      inset: 50% auto auto 50%;
      transform: translate(-46%, -50%) rotate(-2deg);
      filter: drop-shadow(0 34px 34px rgba(0, 0, 0, .55));
    }

    .visual-note {
      position: absolute;
      z-index: 2;
      display: grid;
      gap: 3px;
      min-width: 178px;
      padding: 12px 14px;
      border-left: 2px solid var(--n72s-cyan);
      background: rgba(5, 10, 16, .88);
    }

    .visual-note b {
      color: var(--n72s-text);
      font-size: 14px;
    }

    .visual-note span {
      color: var(--n72s-muted);
      font-size: 12px;
    }

    .visual-note--top { top: 17%; right: 3%; }
    .visual-note--bottom { bottom: 13%; left: 2%; border-color: var(--n72s-amber); }

    .proof-rail {
      position: relative;
      z-index: 3;
      border-bottom: 1px solid var(--n72s-line);
      background: var(--n72s-surface);
    }

    .proof-rail__grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }

    .proof-item {
      min-height: 140px;
      padding: 30px clamp(20px, 2.8vw, 34px);
      border-right: 1px solid var(--n72s-line);
    }

    .proof-item:first-child { border-left: 1px solid var(--n72s-line); }

    .proof-item b {
      display: block;
      margin-bottom: 8px;
      color: var(--n72s-cyan);
      font: 750 clamp(24px, 2.6vw, 36px)/1 "Bahnschrift", Arial, sans-serif;
    }

    .proof-item span {
      color: var(--n72s-muted);
      font-size: 14px;
      line-height: 1.65;
    }

    .product-section {
      position: relative;
      padding-block: clamp(78px, 9vw, 132px);
    }

    .product-section--surface { background: var(--n72s-surface); }

    .section-heading {
      max-width: 760px;
      margin-bottom: clamp(40px, 6vw, 72px);
    }

    .section-heading__label {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 16px;
      color: var(--n72s-cyan);
      font-size: 14px;
      font-weight: 700;
    }

    .section-heading__label::before {
      content: "";
      width: 34px;
      height: 1px;
      background: currentColor;
    }

    .section-heading h2 {
      margin: 0;
      color: var(--n72s-text);
      font-size: clamp(32px, 4.4vw, 58px);
      line-height: 1.14;
      letter-spacing: -.035em;
      text-wrap: balance;
    }

    .section-heading p {
      margin: 22px 0 0;
      color: var(--n72s-muted);
      font-size: 17px;
      line-height: 1.85;
      text-wrap: pretty;
    }

    .isolation-layout {
      display: grid;
      grid-template-columns: minmax(0, .8fr) minmax(460px, 1.2fr);
      gap: clamp(44px, 8vw, 112px);
      align-items: start;
    }

    .isolation-visual {
      position: sticky;
      top: 110px;
      min-height: 520px;
      display: grid;
      place-items: center;
      border: 1px solid var(--n72s-line);
      background:
        linear-gradient(90deg, transparent 49.9%, rgba(89, 202, 255, .13) 50%, transparent 50.1%),
        linear-gradient(transparent 49.9%, rgba(89, 202, 255, .13) 50%, transparent 50.1%),
        #071019;
    }

    .isolation-visual img {
      width: min(78%, 390px);
      filter: drop-shadow(0 24px 22px rgba(0, 0, 0, .48));
    }

    .isolation-visual__caption {
      position: absolute;
      right: 18px;
      bottom: 16px;
      color: var(--n72s-muted);
      font-size: 12px;
    }

    .boundary-list {
      margin: 0;
      border-top: 1px solid var(--n72s-line);
    }

    .boundary-row {
      display: grid;
      grid-template-columns: 150px 1fr;
      gap: 24px;
      padding: 26px 0;
      border-bottom: 1px solid var(--n72s-line);
    }

    .boundary-row dt {
      color: var(--n72s-text);
      font-weight: 700;
    }

    .boundary-row dd {
      margin: 0;
      color: var(--n72s-muted);
      line-height: 1.8;
    }

    .boundary-row--verified dt { color: var(--n72s-amber); }

    .boundary-disclaimer {
      margin-top: 28px;
      padding: 18px 20px;
      border-left: 2px solid var(--n72s-amber);
      background: rgba(243, 164, 74, .08);
      color: #d8c2a6;
      font-size: 14px;
      line-height: 1.75;
    }

    .engineering-grid {
      display: grid;
      grid-template-columns: 1.18fr .82fr;
      grid-template-rows: repeat(2, minmax(260px, 1fr));
      gap: 18px;
    }

    .engineering-view {
      position: relative;
      min-height: 300px;
      margin: 0;
      overflow: hidden;
      border: 1px solid var(--n72s-line);
      background: #071019;
    }

    .engineering-view:first-child { grid-row: 1 / 3; }

    .engineering-view img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: clamp(28px, 5vw, 72px);
      transition: transform .45s ease;
    }

    .engineering-view:hover img { transform: scale(1.035); }

    .engineering-view figcaption {
      position: absolute;
      inset: auto 0 0;
      display: flex;
      justify-content: space-between;
      gap: 20px;
      padding: 18px 20px;
      background: rgba(5, 10, 16, .92);
      color: var(--n72s-muted);
      font-size: 13px;
    }

    .engineering-view figcaption b { color: var(--n72s-text); }

    .spec-layout {
      display: grid;
      grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
      gap: clamp(40px, 7vw, 96px);
      align-items: start;
    }

    .spec-intro {
      position: sticky;
      top: 110px;
    }

    .spec-intro h2 {
      margin: 0;
      font-size: clamp(32px, 4vw, 52px);
      line-height: 1.12;
      letter-spacing: -.035em;
    }

    .spec-intro p {
      margin: 22px 0 0;
      color: var(--n72s-muted);
      line-height: 1.85;
    }

    .spec-table {
      width: 100%;
      border-collapse: collapse;
      border-top: 2px solid var(--n72s-cyan);
      font-size: 15px;
    }

    .spec-table th,
    .spec-table td {
      padding: 18px 16px;
      border-bottom: 1px solid var(--n72s-line);
      text-align: left;
      vertical-align: top;
      line-height: 1.65;
    }

    .spec-table th {
      width: 28%;
      color: var(--n72s-text);
      font-weight: 700;
    }

    .spec-table td { color: var(--n72s-muted); }

    .spec-table tr:hover { background: rgba(89, 202, 255, .04); }

    .dossier-heading {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: clamp(32px, 7vw, 96px);
      align-items: end;
      max-width: 860px;
      margin-bottom: clamp(48px, 7vw, 88px);
    }

    .dossier-heading h2 {
      margin: 0;
      color: var(--n72s-text);
      font-size: clamp(34px, 4.6vw, 62px);
      line-height: 1.08;
      letter-spacing: -.035em;
      text-wrap: balance;
    }

    .dossier-heading p {
      margin: 0;
      color: var(--n72s-muted);
      font-size: 16px;
      line-height: 1.85;
      text-wrap: pretty;
    }

    .dossier-layout {
      display: grid;
      grid-template-columns: 220px minmax(0, 1fr);
      gap: clamp(42px, 7vw, 92px);
      align-items: start;
    }

    .dossier-index {
      position: sticky;
      top: 104px;
      border-top: 2px solid var(--n72s-cyan);
    }

    .dossier-index a {
      min-height: 48px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      border-bottom: 1px solid var(--n72s-line);
      color: var(--n72s-muted);
      font-size: 14px;
      transition: color .2s ease, padding-left .2s ease;
    }

    .dossier-index a:hover,
    .dossier-index a:focus-visible {
      color: var(--n72s-cyan);
      padding-left: 6px;
    }

    .dossier-index b {
      color: var(--n72s-text);
      font: 700 13px/1 "Bahnschrift", Arial, sans-serif;
    }

    .dossier-content {
      border-top: 2px solid var(--n72s-cyan);
    }

    .dossier-chapter {
      display: grid;
      grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr);
      gap: clamp(28px, 5vw, 66px);
      padding-block: clamp(42px, 6vw, 68px);
      border-bottom: 1px solid var(--n72s-line);
      scroll-margin-top: 92px;
    }

    .dossier-chapter:first-child { padding-top: 34px; }

    .dossier-chapter h3 {
      margin: 0;
      color: var(--n72s-text);
      font-size: clamp(24px, 2.8vw, 34px);
      line-height: 1.25;
      letter-spacing: -.025em;
      text-wrap: balance;
    }

    .dossier-body {
      min-width: 0;
      color: var(--n72s-muted);
      font-size: 16px;
      line-height: 1.9;
    }

    .dossier-body > p {
      margin: 0;
      max-width: 72ch;
      text-wrap: pretty;
    }

    .dossier-body h4 {
      margin: 0 0 18px;
      color: var(--n72s-cyan);
      font-size: 18px;
    }

    .dossier-body h4:not(:first-child) { margin-top: 34px; }

    .fact-lines {
      border-top: 1px solid var(--n72s-line);
    }

    .fact-lines p {
      display: grid;
      grid-template-columns: minmax(150px, 180px) minmax(0, 1fr);
      gap: 24px;
      margin: 0;
      padding: 16px 0;
      border-bottom: 1px solid var(--n72s-line);
    }

    .fact-lines strong {
      color: var(--n72s-text);
      font-weight: 700;
    }

    .hardware-removal {
      margin-top: 10px;
      padding: 22px 24px;
      border: 1px solid rgba(243, 164, 74, .42);
      background: rgba(243, 164, 74, .07);
      color: #dfc9ad;
    }

    .hardware-removal p { margin: 0; }
    .hardware-removal p + p { margin-top: 12px; }

    .chapter-visual {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(220px, .55fr);
      gap: 28px;
      align-items: center;
    }

    .chapter-visual img {
      width: 100%;
      max-height: 260px;
      object-fit: contain;
      padding: 24px;
      border: 1px solid var(--n72s-line);
      background: #071019;
    }

    .use-cases {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border-top: 1px solid var(--n72s-line);
      border-bottom: 1px solid var(--n72s-line);
    }

    .use-case {
      min-height: 260px;
      padding: 30px 26px;
      border-right: 1px solid var(--n72s-line);
    }

    .use-case:last-child { border-right: 0; }

    .use-case__mark {
      display: block;
      margin-bottom: 54px;
      color: var(--n72s-cyan);
      font: 700 14px/1 "Bahnschrift", Arial, sans-serif;
    }

    .use-case h3 {
      margin: 0 0 12px;
      color: var(--n72s-text);
      font-size: 21px;
    }

    .use-case p {
      margin: 0;
      color: var(--n72s-muted);
      font-size: 14px;
      line-height: 1.75;
    }

    .contact-panel {
      position: relative;
      padding-block: clamp(76px, 9vw, 120px);
      overflow: hidden;
      background: var(--n72s-blue);
      color: #fff;
    }

    .contact-panel::after {
      content: "N72S";
      position: absolute;
      right: -1vw;
      bottom: -4vw;
      color: rgba(255, 255, 255, .08);
      font: 800 clamp(120px, 22vw, 300px)/.7 "Bahnschrift Condensed", "Arial Narrow", sans-serif;
      pointer-events: none;
    }

    .contact-panel__inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 36px;
      align-items: end;
    }

    .contact-panel h2 {
      max-width: 760px;
      margin: 0;
      font-size: clamp(34px, 4.6vw, 62px);
      line-height: 1.1;
      letter-spacing: -.04em;
      text-wrap: balance;
    }

    .contact-panel p {
      max-width: 680px;
      margin: 20px 0 0;
      color: rgba(255, 255, 255, .82);
      line-height: 1.75;
    }

    .contact-panel .btn-primary {
      background: var(--n72s-amber);
      color: #201306;
      box-shadow: none;
    }

    .contact-panel .btn-primary:hover { background: #ffb867; }

    @supports (animation-timeline: view()) {
      @media (prefers-reduced-motion: no-preference) {
        .section-heading,
        .boundary-row,
        .engineering-view,
        .spec-table tr,
        .use-case {
          animation: n72s-reveal linear both;
          animation-timeline: view();
          animation-range: entry 8% cover 28%;
        }

        @keyframes n72s-reveal {
          from { opacity: 0; transform: translateY(24px); }
          to { opacity: 1; transform: translateY(0); }
        }
      }
    }

    @media (max-width: 1020px) {
      .product-hero__grid { grid-template-columns: 1fr .9fr; }
      .product-hero__visual { min-height: 500px; }
      .product-hero__visual img { max-height: 470px; }
      .proof-rail__grid { grid-template-columns: repeat(2, 1fr); }
      .proof-item:nth-child(2) { border-right: 0; }
      .proof-item:nth-child(-n+2) { border-bottom: 1px solid var(--n72s-line); }
      .proof-item:nth-child(3) { border-left: 1px solid var(--n72s-line); }
      .isolation-layout,
      .spec-layout { grid-template-columns: 1fr; }
      .isolation-visual,
      .spec-intro { position: relative; top: auto; }
      .isolation-visual { min-height: 440px; }
      .use-cases { grid-template-columns: repeat(2, 1fr); }
      .dossier-layout { grid-template-columns: 1fr; }
      .dossier-index {
        position: relative;
        top: auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
      }
      .dossier-index a { padding-inline: 12px; border-right: 1px solid var(--n72s-line); }
      .use-case:nth-child(2) { border-right: 0; }
      .use-case:nth-child(-n+2) { border-bottom: 1px solid var(--n72s-line); }
    }

    @media (max-width: 760px) {
      .n72s-wrap { width: min(calc(100% - 28px), var(--n72s-max)); }
      .product-hero { min-height: auto; }
      .product-hero::before { background: linear-gradient(180deg, var(--n72s-bg) 0 45%, transparent 76%); }
      .product-hero__grid { grid-template-columns: 1fr; padding-block: 96px 44px; }
      .product-hero h1 { font-size: clamp(40px, 12vw, 62px); }
      .product-hero__visual { min-height: 450px; }
      .product-hero__visual img {
        width: min(88cqw, 400px);
        max-height: 420px;
        object-fit: contain;
        transform: translate(-50%, -48%) rotate(-2deg);
      }
      .visual-note--top { right: 4px; }
      .visual-note--bottom { left: 4px; }
      .product-actions { display: grid; grid-template-columns: 1fr; }
      .product-actions .btn { width: 100%; }
      .engineering-grid { grid-template-columns: 1fr; grid-template-rows: none; }
      .engineering-view:first-child { grid-row: auto; min-height: 460px; }
      .engineering-view { min-height: 300px; }
      .contact-panel__inner { grid-template-columns: 1fr; align-items: start; }
      .dossier-heading,
      .dossier-chapter,
      .chapter-visual { grid-template-columns: 1fr; }
      .dossier-index { grid-template-columns: repeat(2, 1fr); }
      .dossier-chapter { scroll-margin-top: 76px; }
    }

    @media (max-width: 560px) {
      .proof-rail__grid,
      .use-cases { grid-template-columns: 1fr; }
      .proof-item,
      .proof-item:first-child,
      .proof-item:nth-child(3),
      .use-case {
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid var(--n72s-line);
      }
      .proof-item:last-child,
      .use-case:last-child { border-bottom: 0; }
      .boundary-row { grid-template-columns: 1fr; gap: 8px; }
      .isolation-visual { min-height: 360px; }
      .spec-table,
      .spec-table tbody,
      .spec-table tr,
      .spec-table th,
      .spec-table td { display: block; width: 100%; }
      .spec-table tr { padding: 14px 0; border-bottom: 1px solid var(--n72s-line); }
      .spec-table th,
      .spec-table td { padding: 5px 0; border: 0; }
      .product-model { align-items: flex-start; }
      .visual-note { min-width: 150px; }
      .dossier-index { grid-template-columns: 1fr; }
      .fact-lines p { grid-template-columns: 1fr; gap: 4px; }
      .hardware-removal { padding: 18px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .n72s-page *,
      .n72s-page *::before,
      .n72s-page *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
      }
    }

.contact-float {
      position: fixed;
      top: 50%;
      right: 18px;
      z-index: 60;
      display: flex;
      width: 82px;
      flex-direction: column;
      gap: 2px;
      transform: translateY(-50%);
      filter: drop-shadow(0 4px 8px rgba(2, 23, 48, .26));
    }

    .contact-float__item {
      display: flex;
      min-height: 74px;
      width: 100%;
      appearance: none;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 7px;
      padding: 9px 5px;
      border: 0;
      border-radius: 0;
      background: #247cf0;
      color: #fff;
      font: inherit;
      font-size: .8125rem;
      font-weight: 600;
      line-height: 1.15;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      transition: background-color 180ms ease, transform 180ms cubic-bezier(.22, 1, .36, 1);
    }

    .contact-float > .contact-float__item:first-child { border-radius: 6px 6px 0 0; }
    .contact-float > .contact-float__item:last-child { border-radius: 0 0 6px 6px; }

    .contact-float__item svg {
      width: 27px;
      height: 27px;
      flex: 0 0 auto;
    }

    .contact-float__item:hover {
      background: #0d67d8;
      color: #fff;
      transform: translateX(-4px);
    }

    .contact-float__item:active {
      background: #0958bd;
      transform: translateX(-2px);
    }

    .contact-float__item:focus-visible {
      position: relative;
      z-index: 1;
      outline: 3px solid #ffb23e;
      outline-offset: 2px;
    }

    .contact-float__item--top span {
      display: flex;
      flex-direction: column;
      gap: 1px;
    }

    .contact-float__item--top b {
      font-size: .75rem;
      font-weight: 500;
    }

    .contact-float__entry {
      position: relative;
      width: 100%;
    }

    .contact-float__preview {
      position: absolute;
      top: 50%;
      right: calc(100% + 12px);
      z-index: 70;
      min-width: 196px;
      padding: 14px 16px;
      border: 1px solid rgba(74, 187, 255, .45);
      background: #071725;
      color: #dff4ff;
      line-height: 1.45;
      text-align: left;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translate(8px, -50%);
      transition: opacity 160ms ease, transform 180ms cubic-bezier(.22, 1, .36, 1), visibility 160ms ease;
      filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .32));
    }

    .contact-float__preview::after {
      content: "";
      position: absolute;
      top: 50%;
      right: -7px;
      width: 12px;
      height: 12px;
      border-top: 1px solid rgba(74, 187, 255, .45);
      border-right: 1px solid rgba(74, 187, 255, .45);
      background: #071725;
      transform: translateY(-50%) rotate(45deg);
    }

    .contact-float__preview span {
      display: block;
      margin-bottom: 3px;
      color: #9fc9e4;
      font-size: .75rem;
    }

    .contact-float__preview strong {
      color: #ffad35;
      font-size: 1.125rem;
      font-variant-numeric: tabular-nums;
      letter-spacing: .02em;
    }

    .contact-float__preview--wechat {
      width: 206px;
      padding: 14px;
      text-align: center;
    }

    .contact-float__preview--wechat strong {
      margin-bottom: 10px;
      color: #fff;
      font-size: .875rem;
    }

    .contact-float__preview--wechat img {
      display: block;
      width: 174px;
      height: 174px;
      margin: 0 auto;
      border: 6px solid #fff;
      object-fit: cover;
    }

    @media (hover: hover) and (pointer: fine) {
      .contact-float__entry:hover .contact-float__preview,
      .contact-float__entry:focus-within .contact-float__preview {
        opacity: 1;
        visibility: visible;
        transform: translate(0, -50%);
      }
    }

    @media (max-width: 720px) {
      body { padding-bottom: calc(62px + env(safe-area-inset-bottom)); }

      .contact-float {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        flex-direction: row;
        gap: 1px;
        padding-right: env(safe-area-inset-right);
        padding-bottom: env(safe-area-inset-bottom);
        padding-left: env(safe-area-inset-left);
        background: #0a4fa9;
        transform: none;
        filter: drop-shadow(0 -3px 6px rgba(2, 23, 48, .22));
      }

      .contact-float__item,
      .contact-float > .contact-float__item:first-child,
      .contact-float > .contact-float__item:last-child {
        min-height: 62px;
        width: 25%;
        padding: 6px 2px;
        border-radius: 0;
        gap: 4px;
        font-size: .6875rem;
      }

      .contact-float__entry { width: 25%; }
      .contact-float__entry .contact-float__item { width: 100%; }
      .contact-float__preview { display: none; }

      .contact-float__item svg {
        width: 21px;
        height: 21px;
      }

      .contact-float__item:hover,
      .contact-float__item:active { transform: none; }

      .contact-float__item--top b { font-size: .625rem; }
    }

    @media print {
      .contact-float,
      .wechat-dialog { display: none !important; }
    }

    @media (prefers-reduced-motion: reduce) {
      .contact-float__item { transition: none; }
    }