:root{--ink:#08242e;--ink2:#123843;--muted:#61767b;--line:#dce8e5;--paper:#f8fbfa;--mint:#29d5b0;--mint2:#aef3dc;--blue:#196ce8;--night:#06252c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif}a{text-decoration:none;color:inherit}.section-shell{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:78px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:38px;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(8,36,46,.06)}.logo{display:flex;gap:11px;align-items:center;min-width:190px}.logo b{display:block;font-size:20px;letter-spacing:2px}.logo small{display:block;font-size:8px;letter-spacing:3px;color:#608087;margin-top:2px}.logo-mark{height:38px;width:38px;position:relative;display:block;background:var(--ink);border-radius:12px;overflow:hidden}.logo-mark i{position:absolute;width:17px;height:7px;border-radius:8px;background:var(--mint);transform:rotate(-43deg)}.logo-mark i:nth-child(1){top:6px;right:1px}.logo-mark i:nth-child(2){top:15px;right:9px;background:#8de8d5}.logo-mark i:nth-child(3){top:24px;right:17px;background:#fff}.main-nav{display:flex;gap:27px;margin-left:auto}.main-nav a{font-size:14px;color:#35555b;transition:.2s}.main-nav a:hover{color:#08a98a}.header-cta{font-size:14px;background:var(--ink);color:white;padding:12px 18px;border-radius:7px}.header-cta span{color:var(--mint);font-size:17px}.menu-toggle{display:none}.hero{min-height:720px;position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding-top:40px;padding-bottom:60px}.hero-grid-bg{position:absolute;inset:0 -200px;background-image:linear-gradient(rgba(41,213,176,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(41,213,176,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 85%);z-index:-2}.hero-glow{position:absolute;right:-80px;top:80px;width:600px;height:500px;background:radial-gradient(circle,rgba(41,213,176,.2),transparent 65%);z-index:-1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;color:#298b80;margin:0 0 17px;display:flex;gap:9px;align-items:center}.eyebrow span{width:26px;height:2px;background:var(--mint)}h1{font-size:65px;line-height:1.13;letter-spacing:-3px;margin:0 0 22px}em{font-style:normal;color:#08b895}.hero-text{max-width:590px;color:#577076;line-height:1.9;font-size:16px}.hero-actions{display:flex;gap:14px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:20px;padding:15px 22px;border-radius:7px;font-size:14px;font-weight:700;transition:.25s}.button:hover{transform:translateY(-3px)}.button.primary{color:white;background:var(--ink);box-shadow:0 14px 26px rgba(6,37,44,.18)}.button.primary b{color:var(--mint);font-size:20px}.button.ghost{border:1px solid var(--line);color:#45656b;background:white}.play{font-size:10px;border:1px solid #bad8d3;color:#12ab91;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;padding-left:2px}.trust-row{display:flex;gap:22px;margin-top:36px;flex-wrap:wrap}.trust-row span{font-size:12px;color:#668085}.trust-row span:before{content:"✓";color:#0eb493;border:1px solid #a5ded4;border-radius:50%;font-size:9px;width:15px;height:15px;display:inline-grid;place-items:center;margin-right:7px}.hero-visual{position:relative;height:550px}.dashboard-card{position:absolute;top:100px;left:20px;width:530px;height:355px;border:1px solid rgba(194,226,219,.8);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 30px 60px rgba(20,77,81,.14);overflow:hidden;transform:perspective(1100px) rotateY(-6deg) rotateX(2deg)}.dash-top{height:49px;border-bottom:1px solid #e2efec;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.dash-logo{display:flex;gap:8px;align-items:center;font-size:12px}.dash-logo span{width:17px;height:17px;border-radius:5px;background:var(--mint)}.status{font-size:10px;color:#789296}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:6px}.dash-body{display:flex;height:calc(100% - 49px)}aside{width:52px;border-right:1px solid #e5efed;padding:18px 15px}aside span{display:block;width:20px;height:20px;border-radius:6px;background:#edf6f4;margin-bottom:17px}aside span.active{background:#9be9d9}.dash-content{padding:18px;width:100%}.metric-row{display:flex;gap:12px}.metric-row article{position:relative;flex:1;border:1px solid #e7f1ef;border-radius:8px;padding:12px 13px}.metric-row small,.chart-panel small{font-size:9px;color:#84999d}.metric-row b{display:block;font-size:21px;margin-top:7px}.metric-row em{position:absolute;right:12px;bottom:13px;font-size:10px}.chart-panel{border:1px solid #e7f1ef;border-radius:8px;padding:12px;margin-top:12px}.chart-panel div{display:flex;justify-content:space-between;font-size:11px}.chart-panel svg{width:100%;height:100px;margin-top:4px}.model-row{display:flex;gap:24px;font-size:9px;color:#789296;margin-top:10px}.model-row i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.purple{background:#8876ec}.green{background:#24c9a6}.blue{background:#5a9eef}.float-card{position:absolute;background:#fff;border:1px solid #e3efec;box-shadow:0 15px 32px rgba(20,77,81,.13);border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;font-size:11px}.float-card span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#d9f8ef;color:#08a98a;font-weight:800}.float-card b,.float-card small{display:block}.float-card small{margin-top:4px;color:#86a09e;font-size:9px}.float-a{left:-10px;top:74px}.float-b{right:-15px;bottom:57px}.float-b span{background:#e4edff;color:#3978d9}.orbit{position:absolute;border:1px dashed rgba(41,213,176,.25);border-radius:50%}.orbit-one{width:470px;height:470px;top:40px;left:70px}.orbit-two{width:570px;height:570px;top:-10px;left:20px}.scroll-hint{position:absolute;bottom:18px;left:0;font-size:11px;letter-spacing:2px;color:#789296}.scroll-hint span{display:inline-block;width:30px;height:1px;background:#9ab2b3;margin-right:10px;vertical-align:middle}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0}.stats div{display:flex;align-items:center;gap:14px;justify-content:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{font-size:29px;color:#08aa8c}.stats span{font-size:13px;color:#779094}.services{padding:125px 0 135px}.section-heading h2{font-size:42px;letter-spacing:-2px;margin:0 0 14px}.section-heading>p:last-child{color:#6a8084;line-height:1.8;font-size:15px;margin:0}.centered{text-align:center}.centered .eyebrow{justify-content:center}.service-layout{display:grid;grid-template-columns:.84fr 1.16fr;margin-top:56px;border:1px solid #dfebe9;border-radius:16px;overflow:hidden;min-height:455px}.service-tabs{background:#f7fbfa;padding:20px}.service-tab{position:relative;border:0;background:transparent;width:100%;display:flex;text-align:left;align-items:center;gap:16px;padding:22px 13px;border-bottom:1px solid #e0ebe9;cursor:pointer;color:var(--ink)}.service-tab.active{background:white;border-radius:10px;border-bottom-color:transparent;box-shadow:0 8px 20px rgba(30,94,90,.06)}.tab-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e5f5f1;color:#08aa8c;font-size:19px}.service-tab b,.service-tab small{display:block}.service-tab b{font-size:16px}.service-tab small{font-size:12px;color:#789093;margin-top:7px}.service-tab i{position:absolute;right:15px;top:19px;font-size:10px;color:#a8c0bd;font-style:normal}.service-panel{position:relative;padding:42px 44px;background:linear-gradient(135deg,#0a3138,#08272f);overflow:hidden}.panel-badge{font-size:10px;color:#83e5d0;letter-spacing:2px}.panel-top{max-width:390px}.panel-top h3{font-size:28px;color:white;line-height:1.42;margin:14px 0 12px}.panel-top p{color:#a1bcbd;line-height:1.8;font-size:14px}.gateway-graphic{position:absolute;width:290px;height:250px;right:2px;bottom:-5px}.gateway-core{position:absolute;left:94px;top:82px;width:105px;height:105px;border:1px solid rgba(69,229,196,.5);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(41,213,176,.09);box-shadow:0 0 0 17px rgba(41,213,176,.03)}.gateway-core span{display:block;font-weight:800;color:#5ce3c7;font-size:23px}.gateway-core b{font-size:9px;color:#c9fff3;margin-top:6px}.model{position:absolute;width:43px;height:43px;border-radius:12px;background:#fff;color:#173b44;display:grid;place-items:center;font-size:11px;font-weight:800}.model-1{left:24px;top:28px}.model-2{right:17px;top:12px}.model-3{left:13px;bottom:30px}.model-4{right:18px;bottom:26px}.line{position:absolute;height:1px;background:#3c827c;transform-origin:left}.l1{width:90px;left:61px;top:69px;transform:rotate(25deg)}.l2{width:90px;left:181px;top:104px;transform:rotate(-47deg)}.l3{width:92px;left:52px;bottom:66px;transform:rotate(-23deg)}.l4{width:92px;left:177px;bottom:65px;transform:rotate(26deg)}.solutions{padding:122px 0;background:#f5faf9}.solution-grid{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution-card{position:relative;min-height:275px;background:#fff;border:1px solid #e3eeec;border-radius:13px;padding:24px;overflow:hidden}.solution-card.large{grid-row:span 2;min-height:566px}.solution-card.wide{grid-column:span 2;display:flex;gap:40px;align-items:center}.card-number{position:absolute;right:17px;top:14px;color:#d2e2df;font-size:12px;font-weight:800}.solution-icon{color:#0aad90;background:#e0f7f1;border-radius:9px;width:39px;height:39px;display:grid;place-items:center}.solution-card h3{font-size:19px;margin:18px 0 9px}.solution-card p{font-size:13px;color:#72878a;line-height:1.8;margin:0}.chat-demo{background:#f6faf9;border:1px solid #e5efed;padding:15px;border-radius:10px;margin-top:38px}.chat-demo span{font-size:11px;line-height:1.6;display:block;padding:8px 10px;margin:7px 0;background:white;border-radius:7px;color:#5d7579}.chat-demo span:nth-child(2){background:#dff8f1;margin-left:30px;color:#34867b}.doc-stack{position:absolute;right:-8px;bottom:6px;width:155px;height:105px}.doc-stack i{position:absolute;width:95px;height:72px;border-radius:7px;border:1px solid #cbe4df;background:#f7fbfa}.doc-stack i:nth-child(1){transform:rotate(-15deg)}.doc-stack i:nth-child(2){left:24px;transform:rotate(-5deg)}.doc-stack i:nth-child(3){left:46px;top:-3px;background:#e2f7f2}.bars{display:flex;align-items:end;gap:7px;height:64px;position:absolute;right:27px;bottom:24px}.bars i{width:13px;background:#c6eee5;border-radius:4px 4px 0 0}.bars i:nth-child(1){height:30px}.bars i:nth-child(2){height:48px}.bars i:nth-child(3){height:39px}.bars i:nth-child(4){height:62px;background:#45d3b6}.flow-mini{display:flex;gap:8px;align-items:center;margin-left:auto}.flow-mini span{font-size:11px;color:#39756f;background:#e5f7f2;padding:10px 11px;border-radius:6px}.flow-mini b{color:#68b7ac}.approach{padding:125px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:62px}.steps article{position:relative;padding:0 28px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps b{font-size:41px;color:#cce5e0;display:block}.steps span{display:block;font-size:19px;font-weight:800;margin:8px 0}.steps p{font-size:13px;line-height:1.8;color:#7b9093}.academy{padding:0 0 120px}.academy-card{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;border-radius:18px;padding:50px 56px;background:linear-gradient(120deg,#062b33,#0a3e42);color:white}.academy h2{font-size:36px;line-height:1.35;letter-spacing:-1px;margin:0 0 13px}.academy p:not(.eyebrow){font-size:14px;max-width:560px;line-height:1.9;color:#a7c3c3}.button.light{background:#fff;color:#133d44;margin-top:13px}.academy-list{border-left:1px solid rgba(174,243,220,.18);padding-left:42px;display:grid}.academy-list span{display:flex;gap:18px;align-items:center;border-bottom:1px solid rgba(174,243,220,.14);font-size:14px}.academy-list span:last-child{border:0}.academy-list i{font-style:normal;color:#58d9c1;font-size:11px}.contact{background:#e9f8f4;text-align:center;padding:90px 0}.contact .eyebrow{justify-content:center}.contact h2{font-size:39px;letter-spacing:-1px;margin:0}.contact p{color:#678388;font-size:15px;margin:15px 0 25px}.contact .button{margin:auto}footer{background:#06252c;color:#acc3c4;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:48px}.footer-logo b{color:white}.footer-grid p{font-size:13px;line-height:1.9;max-width:330px}.footer-grid div:not(:first-child){display:grid;align-content:start;gap:14px;font-size:13px}.footer-grid div:not(:first-child) b{color:white;font-size:14px;margin-bottom:6px}.footer-grid a:hover{color:#63dec6}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(211,255,248,.1);padding-top:18px;margin-top:42px;font-size:11px;color:#769496}@media(max-width:900px){.main-nav{display:none;position:absolute;left:0;top:78px;width:100%;background:#fff;padding:20px 24px;box-shadow:0 10px 20px rgba(0,0,0,.08)}.main-nav.open{display:grid}.header-cta{margin-left:auto}.menu-toggle{display:grid;gap:4px;background:none;border:0;padding:8px}.menu-toggle span{height:2px;width:21px;background:var(--ink)}.hero{display:block;padding-top:90px;min-height:970px}.hero-visual{height:450px;margin-top:40px}.dashboard-card{left:50%;width:min(530px,95%);transform:translateX(-50%)}.float-b{right:0}.service-layout{grid-template-columns:1fr}.service-panel{min-height:410px}.solution-grid{grid-template-columns:1fr 1fr}.solution-card.large{grid-row:auto}.solution-card.wide{grid-column:span 2}.academy-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid div:last-child{grid-column:span 3}}@media(max-width:600px){.section-shell{width:min(100% - 30px,1180px)}.site-header{padding:0 15px;gap:6px}.logo{min-width:150px}.logo b{font-size:17px}.header-cta{font-size:12px;padding:10px}.hero{min-height:830px;padding-top:58px}.hero-grid-bg{inset:0 -15px}h1{font-size:43px;letter-spacing:-2px}.hero-text{font-size:14px}.hero-actions{display:grid}.trust-row{gap:11px}.trust-row span{width:45%}.hero-visual{height:320px;margin-top:22px}.dashboard-card{top:48px;height:235px;border-radius:12px}.dash-top{height:36px}.dash-body{height:199px}aside{display:none}.dash-content{padding:10px}.metric-row article{padding:7px}.metric-row b{font-size:15px}.chart-panel{padding:8px;margin-top:7px}.chart-panel svg{height:52px}.model-row{margin-top:4px}.float-card{padding:7px}.float-a{left:-3px;top:20px}.float-b{bottom:0}.orbit-one,.orbit-two{display:none}.stats{grid-template-columns:1fr 1fr;padding:15px 0}.stats div{padding:12px 0}.stats div:nth-child(2){border-right:0}.stats b{font-size:22px}.stats span{font-size:11px}.services,.solutions,.approach{padding:82px 0}.section-heading h2{font-size:32px}.service-layout{margin-top:33px}.service-tabs{padding:9px}.service-tab{padding:15px 8px}.service-panel{padding:29px 22px;min-height:390px}.panel-top h3{font-size:22px}.gateway-graphic{transform:scale(.82);transform-origin:right bottom}.solution-grid{grid-template-columns:1fr}.solution-card.large{min-height:475px}.solution-card.wide{grid-column:auto;display:block}.flow-mini{margin-top:25px}.steps{grid-template-columns:1fr 1fr;gap:25px 0;margin-top:36px}.steps article{padding:0 18px}.steps article:nth-child(2){border:0}.steps b{font-size:30px}.academy{padding-bottom:80px}.academy-card{padding:32px 22px;gap:22px}.academy h2{font-size:28px}.academy-list{padding-left:0;border:0}.academy-list span{padding:15px 0}.contact{padding:68px 0}.contact h2{font-size:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid div:first-child,.footer-grid div:last-child{grid-column:span 2}.footer-bottom{display:grid;gap:10px}}