:root{--bg:#f5f7fa;--surface:#fff;--surface-2:#edf1f6;--ink:#15212e;--ink-soft:#46525e;--ink-mute:#79838e;--navy:#1b2d4e;--navy-deep:#13203a;--navy-soft:#e4e9f0;--teal:#1fa0b5;--teal-deep:#15808f;--teal-soft:#d6eef2;--orange:#f0653c;--orange-deep:#d2491f;--orange-soft:#fbe3d8;--slate:#586573;--line:#e2e8ef;--status-green:#2f9e54;--status-green-soft:#e4f3e8;--serif:"Noto Serif TC", serif;--sans:"Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--geo:"Poppins", var(--sans);--r:14px;--r-lg:22px;--shadow:0 1px 3px #1423370f, 0 12px 34px #14233714;--shadow-lg:0 20px 60px #14233729}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}h1,h2,h3{font-family:var(--serif);letter-spacing:.01em;font-weight:700;line-height:1.18}a{color:inherit;text-decoration:none}.wrap{max-width:1140px;margin:0 auto;padding:0 32px}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--teal-deep);font-size:12px;font-weight:500}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:13px 22px;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .15s;display:inline-flex}.btn-orange{background:var(--orange);color:#fff;box-shadow:0 6px 18px #f0653c57}.btn-orange:hover{background:var(--orange-deep)}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-deep)}.btn-navy{background:var(--navy);color:#fff}.btn-white{color:var(--navy);background:#fff}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--navy);color:var(--navy)}.brandlock{flex-direction:column;line-height:1;display:flex}.rma{font-family:var(--geo);letter-spacing:-.01em;font-size:27px;font-weight:800;line-height:1;display:inline-flex}.rma .r{color:var(--navy)}.rma .m{color:var(--slate)}.rma .a{color:var(--navy);position:relative}.rma .a:after{content:"";background:var(--teal);border-radius:1px;height:5px;position:absolute;bottom:26%;left:4%;right:-8%;transform:skew(-20deg)}.wm{font-family:var(--geo);letter-spacing:.2em;margin-top:4px;font-size:10px;font-weight:700}.wm .r{color:var(--navy)}.wm .a{color:var(--slate)}.brandlock.dark .rma .r,.brandlock.dark .rma .a{color:#fff}.brandlock.dark .rma .m{color:#9aa6b4}.brandlock.dark .wm .r{color:#e7ecf3}.brandlock.dark .wm .a{color:#9aa6b4}header.site{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f5f7fad9;position:sticky;top:0}.hd{align-items:center;gap:30px;max-width:1140px;margin:0 auto;padding:13px 32px;display:flex}nav.main{gap:6px;margin-left:auto;display:flex}nav.main a{color:var(--ink-soft);border-radius:9px;padding:8px 13px;font-size:14px;font-weight:500}nav.main a:hover{color:var(--navy);background:#1b2d4e0f}.hd-cta{margin-left:14px}.nav-toggle,.nav-overlay,.nav-mobile{display:none}.hero{padding:70px 0 80px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero h1{margin:20px 0 0;font-size:58px;font-weight:900}.hero h1 .ac{color:var(--orange)}.hero h1 .gr{color:var(--navy)}.hero .lede{color:var(--ink-soft);max-width:480px;margin-top:24px;font-size:18px;line-height:1.75}.cta-row{flex-wrap:wrap;gap:13px;margin-top:34px;display:flex}.trust{color:var(--ink-mute);flex-wrap:wrap;gap:22px;margin-top:34px;font-size:13px;font-weight:500;display:flex}.trust b{color:var(--navy);font-family:var(--serif);font-size:21px;font-weight:900;line-height:1;display:block}.trust span{display:block}.stage{height:440px;position:relative}.device{background:var(--surface);width:330px;box-shadow:var(--shadow-lg);border:1px solid var(--line);border-radius:20px;position:absolute;top:20px;left:30px;overflow:hidden;transform:rotate(-3deg)}.device .bar{background:var(--navy);align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.device .bar i{background:#fff6;border-radius:50%;width:9px;height:9px}.device .bar i:first-child{background:var(--teal)}.device .cover{background:linear-gradient(135deg, var(--navy) 0%, #274a78 60%, var(--teal) 130%);flex-direction:column;justify-content:flex-end;height:150px;padding:16px;display:flex;position:relative}.device .cover .lbl{font-family:var(--mono);letter-spacing:.2em;color:#ffffffb8;font-size:10px}.device .cover .ti{font-family:var(--serif);color:#fff;margin-top:3px;font-size:22px;font-weight:700}.device .body{padding:16px}.device .pill{color:var(--teal-deep);background:var(--teal-soft);border-radius:99px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-block}.device .grid{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:13px;display:grid}.device .grid div{aspect-ratio:1;background:var(--surface-2);border-radius:7px}.device .grid div:nth-child(2){background:#dbe6ef}.device .grid div:nth-child(4){background:var(--teal-soft)}.device .grid div:nth-child(5){background:#e6edf4}.device .reg{background:var(--orange);color:#fff;border-radius:9px;justify-content:center;align-items:center;height:38px;margin-top:13px;font-size:13px;font-weight:700;display:flex}.chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;align-items:center;gap:9px;padding:11px 15px;font-size:13px;font-weight:700;display:flex;position:absolute}.chip .ic{border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.chip small{color:var(--ink-mute);font-size:11px;font-weight:500;display:block}.c1{top:0;right:6px;transform:rotate(4deg)}.c1 .ic{background:var(--orange-soft)}.c2{top:150px;right:-6px;transform:rotate(-3deg)}.c2 .ic{background:var(--teal-soft)}.c3{bottom:24px;right:34px;transform:rotate(3deg)}.c3 .ic{background:#e6edf4}.live{background:var(--orange);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #f0653c38}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2)}.strip .wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;padding:18px 32px;display:flex}.strip span.label{color:var(--ink-mute);font-size:13px;font-weight:500}.strip .k{font-family:var(--serif);color:var(--navy);font-size:15px;font-weight:700}section{padding:84px 0}.sec-head{max-width:640px;margin-bottom:46px}.sec-head h2{margin-top:12px;font-size:38px}.sec-head p{color:var(--ink-soft);margin-top:14px;font-size:16.5px}@media (min-width:901px){.sec-head p.nowrap-lg{white-space:nowrap;width:max-content;max-width:none}}.cards3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.cards2{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:28px;position:relative}.card .ic{background:var(--navy);color:#fff;border-radius:13px;place-items:center;width:50px;height:50px;margin-bottom:18px;font-size:23px;display:grid}.card.feat .ic{background:var(--teal)}.card h3{font-size:21px}.card p{color:var(--ink-soft);margin-top:10px;font-size:14.5px}.card .tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.tag{color:var(--navy);background:var(--navy-soft);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600}.case-sec{background:var(--navy-deep);color:#dce3ee}.case-sec .eyebrow{color:var(--teal)}.case-sec h2{color:#fff;margin-top:12px;font-size:38px}.case{grid-template-columns:1.1fr .9fr;align-items:center;gap:46px;margin-top:44px;display:grid}.case-card{border-radius:var(--r-lg);height:300px;box-shadow:var(--shadow-lg);background:linear-gradient(140deg,#274a78,#16294a);border:1px solid #ffffff1f;position:relative;overflow:hidden}.case-card .frame{background:#0003;border-radius:14px;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:1fr;gap:8px;padding:14px;display:grid;position:absolute;inset:26px}.case-card .frame div{background:#ffffff17;border-radius:8px}.case-card .frame div:nth-child(3){background:#1fa0b566}.case-card .frame div:nth-child(6){background:#f0653c66}.case-card .badge{font-family:var(--mono);letter-spacing:.12em;color:#fff;background:var(--orange);z-index:2;border-radius:8px;padding:5px 11px;font-size:11px;position:absolute;top:18px;left:18px}.case-info h3{color:#fff;font-size:27px}.case-info p{color:#b7c2d2;margin-top:14px;font-size:15.5px}.metrics{gap:34px;margin-top:26px;display:flex}.metrics b{font-family:var(--serif);color:var(--teal);font-size:34px;font-weight:900;line-height:1;display:block}.metrics span{color:#9aa8bc;margin-top:6px;font-size:12.5px;display:block}.prod{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.prod-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:26px;transition:all .15s}.prod-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.plogo{border-radius:16px;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 7px 18px #14233733}.pmeta{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.pmeta h3{font-size:21px}.status{color:var(--status-green);background:var(--status-green-soft);white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:700}.prod-card p{color:var(--ink-soft);margin-top:10px;font-size:14px;line-height:1.6}.plink{color:var(--teal-deep);margin-top:16px;font-size:14px;font-weight:700;display:inline-block}.cta-band{background:var(--navy-deep);text-align:center;color:#fff;border-radius:26px;padding:54px;position:relative;overflow:hidden}.cta-band:after{content:"";background:radial-gradient(circle,#f0653c52,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-50px}.cta-band:before{content:"";background:radial-gradient(circle,#1fa0b54d,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-70px;left:-50px}.cta-band h2{color:#fff;font-size:36px;position:relative}.cta-band p{color:#ffffffd6;margin-top:12px;font-size:16.5px;position:relative}.cta-band .row{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:28px;display:flex;position:relative}footer.site{background:var(--navy-deep);color:#90a0b4;padding:40px 0;font-size:13px}footer.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--ink-soft);font-size:13px;font-weight:600}.field label .req{color:var(--orange-deep)}.input,.textarea,.select{color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:11px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft);outline:none}.textarea{resize:vertical;min-height:110px}.form-note{color:var(--ink-mute);margin-top:8px;font-size:13px}.form-error{color:var(--orange-deep);margin-top:4px;font-size:13px}.form-success{background:var(--status-green-soft);color:#1d6b39;border:1px solid #b9e0c6;border-radius:12px;padding:14px 16px;font-size:14.5px}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-direct{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;padding-top:24px;display:flex}.contact-direct-label{color:var(--ink-soft);font-size:14px}.contact-direct .plink{margin-top:0}@media (min-width:901px) and (max-width:1023px){.hero-grid{gap:32px}.device{width:290px;left:10px}.c1,.c2{right:0}nav.main{gap:10px}nav.main a{align-items:center;min-height:44px;display:inline-flex}}@media (max-width:900px){.hero-grid,.case,.prod{grid-template-columns:1fr}.hero h1{font-size:42px}.wrap{padding:0 20px}.hd{gap:14px;padding:12px 20px}nav.main{display:none}.hd-cta{margin-left:auto}.nav-toggle{border:1.5px solid var(--line);cursor:pointer;width:44px;height:44px;color:var(--ink);background:0 0;border-radius:11px;flex:none;justify-content:center;align-items:center;margin-left:10px;display:inline-flex}.nav-toggle:hover{border-color:var(--navy)}.nav-toggle-bars{flex-direction:column;gap:4px;display:inline-flex}.nav-toggle-bars span{background:currentColor;border-radius:2px;width:18px;height:2px;display:block}.nav-overlay{z-index:35;background:#13203a66;display:block;position:fixed;inset:0}.nav-mobile{z-index:40;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;gap:6px;padding:14px 20px 20px;display:flex;position:fixed;top:60px;left:0;right:0}.nav-mobile[hidden]{display:none}.nav-mobile nav{flex-direction:column;display:flex}.nav-mobile nav a{min-height:48px;color:var(--ink-soft);border-radius:9px;align-items:center;padding:10px 8px;font-size:16px;font-weight:600;display:flex}.nav-mobile nav a:hover{color:var(--navy);background:#1b2d4e0f}.nav-mobile .btn{width:100%;margin-top:8px}section{padding:60px 0}.sec-head p.nowrap-lg{white-space:normal;width:auto;max-width:none}.cards3{grid-template-columns:repeat(2,1fr)}.stage{height:auto;margin-top:32px;display:block}.device{width:100%;max-width:360px;margin:0 auto;position:static;transform:none}.chip{display:none}.case-card{aspect-ratio:16/10;height:auto}.cta-band{padding:40px 28px}.input,.textarea,.select{font-size:16px}.plink{align-items:center;min-height:44px;display:inline-flex}.contact-direct{flex-direction:column;align-items:stretch;gap:12px}.contact-direct .btn{width:100%}}@media (max-width:600px){.cards2{grid-template-columns:1fr}}@media (max-width:480px){.cards3,.prod{grid-template-columns:1fr}.hero h1{font-size:32px}.sec-head h2{font-size:28px}.sec-head p{font-size:15px;line-height:1.7}.case-sec h2{font-size:28px}.case-info h3{font-size:22px;line-height:1.3}.case-info p{font-size:14.5px}.card h3,.pmeta h3{font-size:19px;line-height:1.3}.trust b{font-size:19px}.metrics b{font-size:28px}.cta-band h2{font-size:26px}.cta-band p{font-size:14.5px;line-height:1.65}.eyebrow{letter-spacing:.14em;font-size:11px}.wrap{padding:0 16px}section{padding:44px 0}.sec-head{margin-bottom:32px}.card,.prod-card{padding:22px}.cta-band{padding:36px 22px}.metrics{flex-wrap:wrap;gap:18px 22px}.hd{gap:10px;padding:10px 16px}.hd-cta{padding:10px 14px;font-size:13.5px}.strip .wrap{gap:10px 16px;padding:14px 16px}.strip .k{white-space:normal}.case-card .frame{gap:6px;padding:10px;inset:16px}.plogo{border-radius:14px;width:52px;height:52px}.cta-row,.cta-band .row{gap:14px}.cta-row .btn,.cta-band .row .btn{width:100%}footer.site .wrap{flex-direction:column;align-items:flex-start}footer.site span{overflow-wrap:anywhere;line-height:1.7}}