@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:light;font-family:'Space Grotesk','Noto Sans TC',sans-serif;color:#172f52;background:#f3f8ff}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 10% 30%,#dcedff 0,transparent 45%),radial-gradient(ellipse at 90% 65%,#deefff 0,transparent 45%),#f7faff}a{color:inherit;text-decoration:none}header{width:min(1120px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 36px}.brand{display:flex;gap:10px;align-items:center}.brand img{border-radius:50%}.brand>span{font-size:27px;font-weight:800;color:#174d9c;letter-spacing:-1px}.brand small{display:block;font-size:7px;letter-spacing:1.8px;margin-top:2px;color:#617998}.status{display:flex;align-items:center;gap:8px;font-size:11px;color:#37628f;letter-spacing:1px}.status i{height:6px;width:6px;background:#1686ef;border-radius:50%;box-shadow:0 0 0 4px #1686ef14}main{position:relative;flex:1;display:grid;place-items:center;padding:26px 24px 54px;isolation:isolate}.cloud-glow{position:absolute;inset:10% 0 0;z-index:-1;overflow:hidden}.cloud-glow:before,.cloud-glow:after{content:'';position:absolute;width:650px;height:650px;border:1px solid #bbd8fb66;border-radius:50%;left:calc(50% - 500px);top:0}.cloud-glow:after{left:calc(50% - 160px);top:70px}.trial-card{width:min(760px,100%);background:#ffffffed;border:1px solid #d9e8f9;border-radius:24px;overflow:hidden;box-shadow:0 24px 90px #216ac716}.banner{width:100%;height:auto;display:block;border-bottom:1px solid #e3eefb}.content{padding:33px 34px 38px;text-align:center}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#1266d7;margin:0 0 17px;font-weight:600}h1{font-size:clamp(36px,4.6vw,53px);line-height:1.3;letter-spacing:-2px;margin:0;font-weight:900}h1 br{display:none}.intro{font-size:14px;color:#536b87;line-height:1.9;margin:20px 0 27px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:55px;padding:17px 28px;background:linear-gradient(110deg,#078df5,#1754ec);color:#fff;font-size:16px;font-weight:700;border-radius:9px;min-width:230px;box-shadow:0 8px 22px #125de22a;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-2px);box-shadow:0 12px 27px #125de23d}.cta:focus-visible,.brand:focus-visible{outline:3px solid #0b58cb;outline-offset:5px}.hint{color:#637c98;font-size:11px;line-height:1.8;margin:18px 0 0}footer{width:min(1120px,100%);margin:auto;padding:20px 36px 27px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#6d809a;border-top:1px solid #dbe7f4;font-size:11px}footer small{font-size:10px;line-height:1.7}@media(max-width:540px){header{padding:19px 22px}.brand>span{font-size:24px}.brand img{width:40px;height:40px}.status{font-size:9px;letter-spacing:0}main{padding:20px 18px 35px}.trial-card{border-radius:17px}.content{padding:30px 18px 33px}h1 br{display:block}h1{font-size:39px;letter-spacing:-1.5px}.intro{font-size:12px}.hint{font-size:10px}footer{padding:19px 22px;flex-direction:column;align-items:flex-start;gap:8px}footer small{font-size:9px}}@media(prefers-reduced-motion:reduce){.cta{transition:none}}
.contact{margin-top:30px;padding-top:24px;border-top:1px solid #dfebf8}.contact h2{font-size:13px;font-weight:500;color:#536b87;margin:0 0 16px}.contact-options{display:flex;justify-content:center;gap:14px}.contact-options a{flex:1;max-width:270px;text-align:left;border:1px solid #d9e7f8;background:#f5f9ff;padding:15px 18px;border-radius:10px;transition:background .2s,border-color .2s}.contact-options a:hover{background:#eaf3ff;border-color:#8bb8f0}.contact-options span{display:block;font-size:10px;color:#617b99;margin-bottom:7px}.contact-options strong{font-size:13px;color:#125dc6;font-weight:600;overflow-wrap:anywhere}.contact-options a:focus-visible{outline:3px solid #0b58cb;outline-offset:3px}@media(max-width:420px){.contact-options{flex-direction:column;gap:10px}.contact-options a{max-width:none}.contact{margin-top:25px}}
.test-notice{text-align:left;border:1px solid #bfd8f7;background:#eef6ff;border-radius:10px;padding:17px 19px;margin:0 auto 25px;max-width:570px}.test-notice strong{font-size:13px;color:#155db9}.test-notice p{font-size:12px;line-height:1.9;color:#536b87;margin:8px 0 0}
.header-actions{display:flex;align-items:center;gap:20px}.panel-link{display:inline-flex;align-items:center;padding:10px 15px;border:1px solid #b8d2f4;border-radius:8px;background:#fff;color:#155db9;font-size:12px;font-weight:600;white-space:nowrap}.panel-link:hover{background:#eaf3ff}.panel-link:focus-visible{outline:3px solid #0b58cb;outline-offset:4px}@media(max-width:540px){.header-actions{gap:8px;align-items:flex-end;flex-direction:column}.panel-link{padding:7px 10px;font-size:11px}}
.panel-link{font-size:14px;padding:12px 18px}@media(max-width:540px){.panel-link{font-size:13px;padding:9px 12px}}
.legal-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 22px;padding:0 24px 25px;font-size:12px;color:#235b9e}.legal-links a{text-decoration:underline;text-underline-offset:4px}.legal-links a:focus-visible{outline:3px solid #0b58cb;outline-offset:4px}

.free-plan{margin:0 auto 24px;max-width:570px;border:1px solid #b7d3f6;border-radius:12px;padding:18px;background:linear-gradient(110deg,#e4f2ff,#f3f7ff)}.free-plan strong{font-size:20px;color:#145bc4}.free-plan p{font-size:13px;line-height:1.9;color:#405f83;margin:8px 0 0}

@media(max-width:640px){.contact-options{flex-direction:column;gap:10px}.contact-options a{max-width:none}}