:root{--bg:#050914;--ink:#08101f;--panel:#0b1427;--cyan:#19c6ff;--blue:#2578ff;--text:#edf6ff;--muted:#91a5bc;--line:rgba(122,181,225,.17);--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:#152238;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:82px;padding:0 max(28px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.09)}.brand img{width:160px;height:auto;filter:brightness(1.35)}nav{display:flex;align-items:center;gap:34px;color:#c8d7e8;font-size:15px}nav a{transition:.2s}nav a:hover{color:#fff}.nav-cta{border:1px solid rgba(25,198,255,.5);padding:10px 20px;border-radius:8px;color:#62d9ff}.menu{display:none}.hero{min-height:820px;background:radial-gradient(circle at 75% 42%,rgba(18,104,216,.26),transparent 32%),linear-gradient(135deg,#040713,#071326 55%,#06101f);color:var(--text);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;padding:150px max(28px,calc((100% - var(--max))/2)) 95px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(72,144,203,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(72,144,203,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 25%,transparent)}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:#168dc4;text-transform:uppercase}.hero .eyebrow{color:#71ddff}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:99px;background:var(--cyan);box-shadow:0 0 15px var(--cyan);margin-right:9px}.hero h1{font-size:clamp(45px,5.2vw,73px);line-height:1.14;letter-spacing:-.045em;margin:22px 0 26px;max-width:760px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff 10%,#61d6ff 65%,#3a8bff);background-clip:text;color:transparent}.lead{font-size:18px;color:#a9bbce;max-width:650px;margin:0 0 34px}.hero-actions{display:flex;gap:14px}.button{min-height:52px;padding:0 25px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;gap:24px;transition:.25s}.primary{background:linear-gradient(100deg,#12bfea,#2477ff);color:white;box-shadow:0 14px 40px rgba(13,141,223,.25)}.primary:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(13,141,223,.4)}.ghost{border:1px solid rgba(164,208,240,.35);color:#dcecff}.ghost:hover{border-color:#43c9ff;background:rgba(34,162,224,.08)}.trust{display:flex;gap:36px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.11);color:#788fa8;font-size:12px}.trust b{display:block;color:#fff;font-size:22px;letter-spacing:-.03em}.hero-visual{height:570px;display:grid;place-items:center}.shield-orbit{width:410px;height:410px;border:1px solid rgba(76,190,255,.2);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 80px rgba(31,113,225,.08),0 0 100px rgba(0,109,255,.09)}.shield-orbit:before,.shield-orbit:after{content:"";position:absolute;border:1px solid rgba(77,188,255,.12);border-radius:50%}.shield-orbit:before{inset:42px}.shield-orbit:after{inset:90px}.shield-orbit>i{position:absolute;width:9px;height:9px;border-radius:50%;background:#4edaff;box-shadow:0 0 18px #26bdff}.shield-orbit>i:nth-child(2){top:29px;left:111px}.shield-orbit>i:nth-child(3){right:3px;top:224px}.shield-orbit>i:nth-child(4){left:82px;bottom:25px}.shield{width:178px;height:210px;clip-path:polygon(50% 0,93% 18%,84% 73%,50% 100%,16% 73%,7% 18%);background:linear-gradient(145deg,#1fdbff,#1558da 66%,#092b7b);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:80px;font-family:serif;font-weight:900;text-shadow:0 3px 10px rgba(0,0,0,.25);box-shadow:0 0 60px #087dff}.shield small{font:700 9px/1.3 system-ui;letter-spacing:.18em;text-align:center}.live-card,.node-card{position:absolute;background:rgba(5,15,31,.88);border:1px solid rgba(88,193,255,.24);backdrop-filter:blur(18px);border-radius:12px;padding:17px 20px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.live-card{left:0;bottom:50px;width:205px}.live-card>span{font-size:10px;letter-spacing:.13em;color:#7ee1ff}.live-card>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#20e49d;margin-right:6px}.live-card b{font-size:39px;display:block;line-height:1.25}.live-card small{color:#8096ab}.node-card{right:0;top:75px}.node-card small,.node-card span{display:block;color:#7891a9;font-size:10px}.node-card b{color:#ecf8ff;font-size:14px}.proof-bar{background:#07101f;color:#6d8298;border-top:1px solid rgba(255,255,255,.06);padding:22px max(28px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:25px}.proof-bar p{font-size:12px;color:#8ca0b5}.proof-bar div{display:flex;gap:34px;font-size:10px;letter-spacing:.14em;font-weight:800}.section{max-width:var(--max);margin:auto;padding:120px 28px}.section-head{max-width:710px;margin-bottom:58px}.section-head h2,.idc h2,.cta h2{font-size:clamp(34px,4.2vw,54px);line-height:1.2;letter-spacing:-.04em;margin:14px 0 20px;color:#0b182b}.section-head>p:last-child,.idc-copy>p{font-size:17px;color:#6d7d91}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:32px 27px;background:white;border:1px solid #e4eaf1;border-radius:14px;min-height:320px;position:relative;overflow:hidden;transition:.25s}.feature:hover{transform:translateY(-5px);border-color:#a5dcf3;box-shadow:0 22px 50px rgba(31,73,109,.1)}.feature>span{position:absolute;right:22px;top:18px;font:800 44px/1 system-ui;color:#eef3f8}.icon{width:49px;height:49px;border-radius:12px;display:grid;place-items:center;background:#eaf8ff;color:#008ece;font-size:27px}.feature h3{font-size:20px;margin:38px 0 13px}.feature p{color:#718094;font-size:14px;margin:0}.dark-section{background:linear-gradient(150deg,#07101f,#0b1830);color:white;padding:120px max(28px,calc((100% - var(--max))/2));position:relative}.dark-section .section-head h2{color:white}.dark-section .section-head>p:last-child{color:#91a5ba}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan{background:#0c192d;border:1px solid rgba(140,194,233,.15);border-radius:16px;padding:32px;position:relative;transition:.25s}.plan:hover{transform:translateY(-5px);border-color:#2aaae5}.plan.featured{background:linear-gradient(165deg,#0e2441,#0b1b32);border-color:#219dd9;box-shadow:0 25px 70px rgba(0,88,171,.22)}.tag{position:absolute;right:22px;top:20px;background:#19bce9;color:#001521;font-weight:900;font-size:11px;padding:5px 10px;border-radius:20px}.plan>p{color:#5cbfec;font-size:11px;letter-spacing:.17em;font-weight:800}.plan h3{font-size:22px;margin:12px 0 23px}.price{font-size:39px;font-weight:900;letter-spacing:-.04em}.price small{font-size:13px;margin-right:5px;color:#6bd9ff}.price span{font-size:13px;color:#8296aa;font-weight:400;margin-left:4px}.plan del{font-size:12px;color:#64798e}.plan ul{list-style:none;padding:21px 0;margin:22px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.plan li{padding:6px 0;color:#adc0d1;font-size:14px}.plan li:before{content:"✓";color:#23d4ff;margin-right:10px}.plan>a{display:flex;justify-content:center;border:1px solid rgba(89,192,239,.35);border-radius:8px;padding:12px;font-weight:800;color:#7bdcff}.featured>a{background:#18aee0;color:white;border-color:transparent}.more-plans{margin-top:20px;padding:25px 28px;border:1px solid rgba(140,194,233,.16);border-radius:14px;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.025)}.more-plans b,.more-plans span{display:block}.more-plans span{color:#7f94aa;font-size:13px;margin-top:3px}.idc{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:85px}.idc-copy dl{display:flex;gap:12px;margin:35px 0 0}.idc-copy dl div{border-left:2px solid #1aaee9;padding:0 24px 0 13px}.idc-copy dt{font-size:24px;font-weight:900;color:#0b8bc3}.idc-copy dd{margin:0;color:#718094;font-size:11px}.idc-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}.idc-gallery img{width:100%;height:390px;object-fit:cover;border-radius:12px}.idc-gallery img:nth-child(2){margin-top:45px}.idc-gallery span{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);background:#081324;color:white;border-radius:7px;padding:9px 15px;font-size:12px;white-space:nowrap}.process{background:#eef3f8;padding:105px max(28px,calc((100% - var(--max))/2))}.process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.process li{padding:0 28px;border-left:1px solid #ced9e4}.process li:first-child{padding-left:0;border:0}.process li b{font-size:13px;color:#0399d1}.process h3{font-size:20px;margin:24px 0 9px}.process li p{font-size:13px;color:#728297}.cta{margin:0;background:linear-gradient(110deg,#071322,#0b2441);padding:80px max(28px,calc((100% - var(--max))/2));color:white;display:flex;justify-content:space-between;align-items:center;gap:55px}.cta h2{color:#fff;margin:13px 0;font-size:clamp(34px,4vw,50px)}.cta>div>p:last-child{color:#8da3b8;max-width:700px}.cta .button{flex:0 0 auto}footer{background:#040a13;color:#71869a;padding:55px max(28px,calc((100% - var(--max))/2)) 30px;display:grid;grid-template-columns:1fr auto;gap:12px 30px;align-items:center}footer .brand img{width:135px}footer p{margin:0}footer div{display:flex;gap:20px;font-size:13px}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;margin-top:18px;font-size:10px;letter-spacing:.1em}.float-contact{position:fixed;z-index:30;right:22px;bottom:22px;background:#08be69;color:white;border-radius:12px;padding:12px 17px;box-shadow:0 12px 35px rgba(0,0,0,.26);display:flex;gap:10px;align-items:center}.float-contact span{font-size:12px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.shown{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:64px;padding:0 20px;background:rgba(4,9,20,.9);position:fixed;backdrop-filter:blur(15px)}.brand img{width:138px}.menu{display:flex;width:42px;height:42px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:5px;padding:8px;cursor:pointer}.menu span{height:2px;background:white;width:25px}.menu b{position:absolute;width:1px;height:1px;overflow:hidden}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:#071120;padding:18px 20px 25px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:13px 5px;border-bottom:1px solid rgba(255,255,255,.07)}.nav-cta{text-align:center;margin-top:10px;border:1px solid #159ed7!important}.hero{min-height:auto;grid-template-columns:1fr;padding:120px 22px 70px;gap:25px}.hero h1{font-size:43px}.lead{font-size:16px}.hero-actions{flex-direction:column}.trust{gap:14px;justify-content:space-between}.trust b{font-size:18px}.hero-visual{height:390px}.shield-orbit{width:305px;height:305px}.shield{width:132px;height:160px;font-size:58px}.live-card{bottom:0}.node-card{top:18px}.proof-bar{display:block;text-align:center}.proof-bar div{overflow:auto;justify-content:flex-start}.section,.dark-section{padding:80px 22px}.feature-grid{grid-template-columns:1fr 1fr}.feature{min-height:280px}.plan-grid{grid-template-columns:1fr}.more-plans{align-items:flex-start;gap:20px;flex-direction:column}.idc{grid-template-columns:1fr;gap:45px}.idc-gallery img{height:280px}.process{padding:80px 22px}.process ol{grid-template-columns:1fr 1fr;gap:35px}.cta{padding:70px 22px;align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}footer div{flex-direction:column;gap:4px}.float-contact span{display:none}}
@media(max-width:560px){.hero h1{font-size:38px}.hero-visual{height:360px}.shield-orbit{width:280px;height:280px}.live-card{left:-4px}.node-card{right:-3px}.trust span{font-size:10px}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}.section-head h2,.idc h2,.cta h2{font-size:34px}.idc-copy dl{gap:5px}.idc-copy dl div{padding-right:12px}.idc-gallery img{height:220px}.process ol{grid-template-columns:1fr}.process li,.process li:first-child{padding:0 0 0 22px;border-left:1px solid #ced9e4}.float-contact{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
.reveal{opacity:1!important;transform:none!important}
@media(max-width:900px){.menu{display:flex!important}}
.hero-glow{position:absolute;inset:0;pointer-events:none}
body{overflow-x:hidden}
@media(max-width:560px){.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.trust span{min-width:0}.hero-copy{min-width:0}.lead{max-width:100%}}
.hero{background-color:#030812;background-image:linear-gradient(90deg,rgba(2,7,16,.98) 0%,rgba(2,7,16,.90) 34%,rgba(2,7,16,.28) 63%,rgba(2,7,16,.08)),url('/assets/niudun-hero-v2.webp');background-size:cover;background-position:center}.hero:before{z-index:1}.hero-copy{max-width:650px}.hero-visual{pointer-events:none}.shield-orbit,.hero-visual>.node-card{opacity:0}.live-card{left:auto;right:0;bottom:34px;background:rgba(3,11,23,.78)}#attack-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;mix-blend-mode:screen;pointer-events:none}.scrubber{min-height:780px;padding:115px max(28px,calc((100% - var(--max))/2));display:flex;align-items:center;position:relative;overflow:hidden;background-color:#020711;background-image:linear-gradient(90deg,rgba(2,7,17,.96) 0%,rgba(2,7,17,.88) 35%,rgba(2,7,17,.18) 75%),url('/assets/traffic-scrubber-v1.webp');background-size:cover;background-position:center;color:white}.scrubber:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07101f 0,transparent 15%,transparent 85%,#07101f 100%);pointer-events:none}.scrubber-copy{width:min(590px,55%);position:relative;z-index:2}.scrubber h2{font-size:clamp(38px,4.4vw,60px);line-height:1.17;letter-spacing:-.045em;margin:16px 0 24px}.scrubber h2 em{font-style:normal;color:#55d7ff}.scrubber-copy>p:last-of-type{color:#a2b8ca;font-size:16px}.pipeline{display:flex;align-items:center;margin-top:38px;gap:13px;color:#d4e7f3;font-size:12px}.pipeline span{white-space:nowrap}.pipeline b{color:#39cffc;margin-right:5px}.pipeline i{height:1px;flex:1;background:linear-gradient(90deg,#139acb,transparent)}.scrubber-hud{position:absolute;z-index:2;right:max(28px,calc((100% - var(--max))/2));bottom:65px;display:flex;background:rgba(2,9,19,.7);border:1px solid rgba(72,192,244,.24);backdrop-filter:blur(15px);border-radius:12px;overflow:hidden}.scrubber-hud div{padding:17px 22px;border-left:1px solid rgba(255,255,255,.09)}.scrubber-hud div:first-child{border:0}.scrubber-hud small{display:block;font-size:9px;letter-spacing:.13em;color:#6f8ba1}.scrubber-hud b{font-size:17px}.idc-gallery.cinematic{display:block}.idc-gallery.cinematic img{height:530px;width:100%;object-fit:cover;margin:0;border-radius:16px;box-shadow:0 30px 80px rgba(4,25,45,.24)}.idc-gallery.cinematic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,20,.3),transparent 45%);border-radius:16px}.idc-gallery.cinematic span{z-index:2;left:22px;transform:none}.idc-gallery.cinematic span i{display:inline-block;width:7px;height:7px;background:#21e59d;border-radius:50%;box-shadow:0 0 10px #21e59d;margin-right:7px}
@media(max-width:900px){.hero{background-position:63% center;background-image:linear-gradient(180deg,rgba(2,7,16,.92) 0%,rgba(2,7,16,.76) 48%,rgba(2,7,16,.28)),url('/assets/niudun-hero-v2.webp')}.hero-visual{height:250px}.live-card{right:auto;left:0}.scrubber{min-height:720px;padding:85px 22px;background-position:62% center;align-items:flex-start}.scrubber-copy{width:100%}.scrubber-copy>p:last-of-type{max-width:560px}.scrubber-hud{left:22px;right:22px;bottom:30px}.scrubber-hud{overflow:auto}.scrubber-hud div{min-width:145px}.idc-gallery.cinematic img{height:390px}}
@media(max-width:560px){.hero{padding-top:110px}.scrubber{min-height:800px;background-image:linear-gradient(180deg,rgba(2,7,16,.96) 0%,rgba(2,7,16,.84) 50%,rgba(2,7,16,.42)),url('/assets/traffic-scrubber-v1.webp');background-position:58% center}.scrubber h2{font-size:35px}.pipeline{align-items:flex-start;flex-direction:column}.pipeline i{width:1px;height:15px;flex:none;margin-left:9px}.scrubber-hud{display:grid;grid-template-columns:1fr 1fr}.scrubber-hud div{min-width:0}.scrubber-hud div:last-child{grid-column:1/-1}.idc-gallery.cinematic img{height:310px}}
.bull-guardian{position:absolute;width:min(430px,78%);height:auto;right:-8px;bottom:36px;filter:drop-shadow(0 0 45px rgba(0,171,255,.32));opacity:.9;animation:guardianFloat 6s ease-in-out infinite}@keyframes guardianFloat{50%{transform:translateY(-10px)}}
@media(max-width:900px){.bull-guardian{width:280px;right:-22px;bottom:-50px}.hero-visual>.node-card{display:none}.live-card{left:0;bottom:0;z-index:2}}

/* 2026-09-24 polish */
.hero h1,.section-head h2,.idc h2,.cta h2,.scrubber h2{text-wrap:balance}
@media(min-width:901px){.hero h1{font-size:clamp(40px,4.2vw,62px)}}
.lead,.section-head>p,.feature p,.idc-copy>p{text-wrap:pretty}
footer div a{transition:color .2s}footer div a:hover{color:#dcecff}
:focus-visible{outline:2px solid #43c9ff;outline-offset:3px;border-radius:6px}
.menu:focus-visible{outline-offset:0}
@media(max-width:900px){.proof-bar p{margin:0 0 12px}.proof-bar div{flex-wrap:wrap;justify-content:center;overflow:visible;gap:8px 18px;font-size:10px}.hero-actions .button{width:100%}.float-contact{padding:12px 15px}}
@media(max-width:560px){.hero h1{font-size:34px;letter-spacing:-.03em}.site-header nav a{min-height:44px;display:flex;align-items:center}.site-header nav a.nav-cta{justify-content:center}}