:root{--ink:#07131e;--deep:#081c2a;--blue:#03b8ef;--electric:#73e4ff;--line:rgba(144,211,232,.22);--muted:#8fa8b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#edf8fb;font-family:'Noto Sans TC',sans-serif;overflow-x:hidden}.noise{position:fixed;z-index:10;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{height:84px;position:absolute;z-index:5;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,104px);border-bottom:1px solid rgba(166,225,241,.14)}.logo{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;font:800 23px/1 'Manrope',sans-serif;letter-spacing:-1.5px}.logo small{display:block;font:500 9px/1.4 'Noto Sans TC';letter-spacing:1px;color:#8eb2bf}.logo-mark{width:30px;height:28px;display:flex;gap:3px;align-items:flex-end}.logo-mark i{display:block;background:var(--blue);width:7px}.logo-mark i:nth-child(1){height:12px}.logo-mark i:nth-child(2){height:21px}.logo-mark i:nth-child(3){height:28px}nav{display:flex;align-items:center;gap:31px}nav a{color:#d8e9ef;text-decoration:none;font-size:13px;transition:.2s}nav a:hover{color:var(--blue)}.nav-cta{border:1px solid rgba(128,224,249,.5);padding:11px 16px}.nav-cta b{color:var(--blue);margin-left:7px}.hero{height:min(800px,100vh);min-height:680px;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 80% at 70% 55%,#113d52 0%,#092637 43%,#07131e 76%)}.hero-grid,.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(104,201,228,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(104,201,228,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%)}.hero-copy{position:relative;z-index:2;padding:210px 0 0 clamp(24px,12vw,200px)}.eyebrow,.kicker{margin:0;color:#6fdcf7;font:700 11px/1 'Manrope';letter-spacing:2px}.eyebrow span{width:28px;height:1px;background:var(--blue);display:inline-block;vertical-align:middle;margin-right:11px}.hero h1{font-size:clamp(47px,5.25vw,84px);line-height:1.19;letter-spacing:-.075em;margin:22px 0 23px;font-weight:700}.hero h1 em{font-style:normal;color:var(--electric);text-shadow:0 0 40px rgba(59,213,250,.23)}.hero-text{font-size:15px;line-height:2;color:#b5cbd3;margin:0}.hero-actions{margin-top:37px;display:flex;gap:28px;align-items:center}.btn{font:700 13px 'Noto Sans TC';text-decoration:none}.primary{background:var(--blue);color:#062033;padding:15px 19px;box-shadow:0 0 26px rgba(3,184,239,.26)}.primary b{font-size:19px;margin-left:18px}.text-btn{color:#fff}.text-btn b{color:var(--blue);margin-left:8px}.hero-visual{position:absolute;width:min(590px,53vw);height:590px;right:5.4%;top:150px;z-index:1}.scan-ring{position:absolute;border:1px solid rgba(71,205,239,.31);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-1{width:510px;height:510px;box-shadow:inset 0 0 50px rgba(12,195,242,.09),0 0 40px rgba(12,195,242,.08)}.ring-2{width:382px;height:382px;border-style:dashed;animation:spin 30s linear infinite}.ring-3{width:240px;height:240px;border-color:#43cbec}.vehicle{position:absolute;width:320px;height:128px;left:50%;top:51%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 14px rgba(0,0,0,.6))}.vehicle-body{position:absolute;width:300px;height:70px;bottom:12px;left:10px;background:linear-gradient(160deg,#e1f7fc,#63c0d4 24%,#13556e 25%,#0d3e55 90%);clip-path:polygon(7% 15%,27% 0,71% 0,89% 15%,100% 44%,96% 91%,4% 91%,0 42%)}.vehicle-roof{position:absolute;top:20px;left:92px;width:135px;height:43px;background:linear-gradient(120deg,#9ce6f4,#257d95);clip-path:polygon(17% 0,83% 0,100% 100%,0 100%);opacity:.8}.wheel{position:absolute;width:47px;height:47px;border-radius:50%;border:9px solid #092332;background:#58bfd7;bottom:0}.wheel:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#062335}.wheel.left{left:38px}.wheel.right{right:38px}.headlight{position:absolute;right:4px;top:59px;width:18px;height:8px;background:#9bfbff;box-shadow:0 0 17px #5cf5ff}.scan-line{position:absolute;left:5%;right:5%;top:51%;height:2px;background:#3cedff;box-shadow:0 0 15px 4px rgba(43,230,255,.48);animation:scan 3.5s ease-in-out infinite}.measure{position:absolute;border-left:1px solid #3bdbf6;padding-left:10px;font:600 9px/1.8 'Manrope';letter-spacing:1.2px;color:#8fcedc}.measure b{display:inline-block;width:5px;height:5px;background:#5ff5b0;border-radius:50%;margin-left:8px;box-shadow:0 0 7px #5ff5b0}.m1{top:16%;right:2%}.m2{bottom:15%;left:1%}.measure strong{display:block;color:#f3feff;font-size:16px}.m3{top:68%;right:3%;color:#54dff9;font-size:18px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:420px;height:420px;background:#00a8dd;opacity:.13;right:-130px;bottom:-260px}.orb-b{width:160px;height:160px;border:1px solid #20d9fb;opacity:.4;left:47%;bottom:-115px}.scroll-hint{position:absolute;bottom:25px;left:clamp(24px,6vw,104px);font:600 9px 'Manrope';letter-spacing:2px;color:#85a8b3;display:flex;align-items:center;gap:12px}.scroll-hint span{height:35px;width:1px;background:var(--blue)}section{position:relative}.intro{padding:143px clamp(24px,12vw,200px) 112px;display:grid;grid-template-columns:150px 1fr 268px;gap:35px;background:#f2f8fa;color:#0b2432}.section-label{font:700 11px 'Manrope';color:#22add0;letter-spacing:1px}.section-label span{color:#78909a;margin-left:12px}.intro-content{max-width:615px}.kicker{color:#128db1;margin-bottom:15px}.intro h2,.solutions h2,.record h2,.process h2,.contact h2{font-size:clamp(34px,3.3vw,53px);line-height:1.32;letter-spacing:-.065em;margin:0;font-weight:700}.intro-content>p:not(.kicker){font-size:14px;line-height:2.05;color:#58717b;margin:27px 0}.arrow-link{font-size:13px;font-weight:700;color:#0b536d;text-decoration:none;border-bottom:1px solid #a6c6cf;padding-bottom:8px}.arrow-link span{font-size:19px;color:#09a9d8;margin-left:18px}.stats{align-self:end;display:grid;gap:19px;border-left:1px solid #cfe0e5;padding-left:24px}.stats div{display:flex;align-items:baseline;gap:13px}.stats b{font:700 32px 'Manrope';letter-spacing:-2px}.stats b small{color:#08a6d7}.stats span{font-size:11px;color:#6b848d}.solutions{background:#092130;padding:117px clamp(24px,12vw,200px) 132px}.section-head{display:grid;grid-template-columns:150px 1fr 250px;align-items:end}.solutions h2{color:#eaf9fc}.section-head>p{color:#8eabb4;font-size:13px;line-height:1.8}.solution-list{margin-top:74px;border-top:1px solid var(--line)}.solution-list article{min-height:129px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:66px 72px 1fr 35px;align-items:center;gap:15px;transition:.25s}.solution-list article:hover{padding-left:14px;background:rgba(24,104,132,.16)}.number{color:#40cbe9;font:600 11px 'Manrope'}.solution-icon{height:48px;width:48px;border:1px solid rgba(105,218,244,.52);border-radius:50%;position:relative}.solution-icon:after{content:'';position:absolute;background:#75e6fa;opacity:.85}.car-icon:after{width:24px;height:11px;left:11px;top:18px;border-radius:5px 7px 3px 3px;box-shadow:-7px 10px 0 -3px #75e6fa,7px 10px 0 -3px #75e6fa}.moto-icon:after{width:24px;height:3px;left:11px;top:23px;transform:rotate(-11deg);box-shadow:-7px 8px 0 -2px #75e6fa,8px 8px 0 -2px #75e6fa}.control-icon:after{width:20px;height:20px;left:13px;top:13px;border:2px solid #75e6fa;background:transparent;box-shadow:inset 0 0 0 3px #092130}.camera-icon:after{width:23px;height:16px;left:12px;top:16px;border-radius:2px}.solution-list h3{margin:0 0 6px;font-size:18px;font-weight:600}.solution-list p{margin:0;color:#87a3ad;font-size:12px}.solution-list a{color:#5ce0fa;text-decoration:none;font:24px 'Manrope'}.record{min-height:685px;padding:116px clamp(24px,12vw,200px);overflow:hidden;background:linear-gradient(115deg,#0c3444,#061722 76%)}.record:after{content:'BASB';position:absolute;right:-10px;top:75px;font:800 clamp(180px,25vw,440px)/.7 'Manrope';letter-spacing:-.12em;color:rgba(105,221,241,.045)}.record-glow{position:absolute;width:650px;height:650px;border:1px solid #0cc3ed;border-radius:50%;right:-220px;top:25px;box-shadow:0 0 110px rgba(11,194,237,.15),inset 0 0 95px rgba(10,196,240,.09)}.record-copy{margin:55px 0 0 150px;max-width:600px}.record h2{margin-top:15px}.record-copy>p:last-child{font-size:14px;line-height:2;color:#adc7cf;margin-top:28px;max-width:430px}.record-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:77px 0 0 150px;max-width:800px}.record-cards div{border:1px solid rgba(103,219,241,.28);background:rgba(0,24,35,.36);padding:21px}.record-cards span{font:700 10px 'Manrope';color:#54d9f1;letter-spacing:1px;display:block;margin-bottom:13px}.record-cards b{font-size:13px;line-height:1.9;font-weight:500}.record-cards small{color:#92b6c0;font-size:11px}.process{padding:118px clamp(24px,12vw,200px) 138px;background:#f3f8fa;color:#0a2633}.process h2{margin:40px 0 67px}.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #afcbd3;position:relative}.process-line:before{content:'';position:absolute;top:-2px;width:30%;height:3px;background:#08b5e5}.process-line div{padding:24px 15px 0 0;position:relative}.process-line i{display:block;font:700 11px 'Manrope';color:#0db4dc;font-style:normal;margin-bottom:28px}.process-line b{display:block;font-size:16px}.process-line span{display:block;color:#63808a;font-size:12px;margin-top:10px}.contact{min-height:410px;padding:94px clamp(24px,12vw,200px);display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center;background:#061722;overflow:hidden}.contact-grid{opacity:.65;mask-image:none}.contact h2{margin-top:24px;position:relative}.contact-info{position:relative;border-left:1px solid rgba(102,215,239,.42);padding:10px 0 10px 34px}.contact-info a{color:#eafaff;text-decoration:none}.phone{font:600 clamp(25px,2.4vw,38px) 'Manrope';letter-spacing:-2px}.contact-info p{font-size:13px;color:#91aeb8;margin:19px 0 8px}.contact-info a:last-child{font:600 13px 'Manrope';color:#64dcf5}.contact-info b{margin-left:8px}footer{height:104px;background:#041018;padding:0 clamp(24px,6vw,104px);display:flex;align-items:center;justify-content:space-between;color:#66818b;font:500 10px 'Manrope';letter-spacing:.5px}footer a:last-child{color:#92c3d0;text-decoration:none}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes scan{0%,100%{transform:translateY(-90px);opacity:0}25%,75%{opacity:1}50%{transform:translateY(90px)}}.menu-toggle{display:none}@media(max-width:850px){nav{gap:15px}.topbar{padding:0 24px}.hero-copy{padding-left:8vw;padding-top:180px}.hero-visual{opacity:.48;right:-18%;top:190px}.intro,.section-head{grid-template-columns:100px 1fr}.stats,.section-head>p{display:none}.solutions,.record,.process,.contact{padding-left:8vw;padding-right:8vw}.record-copy,.record-cards{margin-left:100px}.record-cards{grid-template-columns:1fr;max-width:460px;margin-top:48px}.record{padding-bottom:80px}.contact{grid-template-columns:1fr}.contact-info{margin-top:8px}footer{padding:0 24px}}@media(max-width:580px){.topbar{height:70px}.menu-toggle{display:flex;background:none;border:0;width:38px;height:35px;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{width:26px;height:1px;background:#d4f6fc}.topbar nav{display:none;position:absolute;top:70px;left:0;right:0;background:#071b28;padding:20px 24px;flex-direction:column;align-items:flex-start;gap:19px;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.hero{min-height:660px;height:100svh}.hero-copy{padding:154px 24px 0}.hero h1{font-size:46px}.hero-text{font-size:13px;line-height:1.8}.hero-text br{display:none}.hero-visual{width:500px;right:-57%;top:294px;opacity:.58}.scroll-hint{left:24px}.intro{display:block;padding:75px 24px}.intro-content{margin-top:32px}.intro h2,.solutions h2,.record h2,.process h2,.contact h2{font-size:35px}.stats{display:grid;margin-top:48px}.solutions,.record,.process,.contact{padding:76px 24px}.section-head{display:block}.section-head h2{margin-top:31px}.solution-list{margin-top:46px}.solution-list article{grid-template-columns:32px 50px 1fr 18px;gap:9px;min-height:118px}.solution-icon{transform:scale(.8)}.solution-list h3{font-size:15px}.solution-list p{font-size:11px;line-height:1.7}.record-copy{margin:34px 0 0}.record-cards{margin-left:0}.record:after{font-size:195px}.process h2{margin:30px 0 43px}.process-line{grid-template-columns:1fr 1fr;gap:24px}.process-line div{padding-top:17px}.process-line i{margin-bottom:12px}.contact{min-height:440px}.contact-info{padding-left:20px}.phone{font-size:27px}footer{height:auto;padding:30px 24px;gap:17px;align-items:flex-start;flex-direction:column}.logo{font-size:20px}}