:root{--ink:#f4fdff;--mint:#8be7d5;--cyan:#65d9e4;--muted:#9ebdcb;--card:#102c3c;--line:#315365;--bg:#071824}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -5%,#145367 0,transparent 32%),linear-gradient(160deg,#071524,#092535 70%);color:var(--ink);font:15px/1.75 system-ui,-apple-system,'Noto Sans TC','Microsoft JhengHei',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--mint)}a:hover{color:white}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9efad9;outline-offset:3px}.wrap{max-width:1200px;width:calc(100% - 38px);margin:0 auto}.header{position:sticky;top:0;z-index:5;background:#081925ee;border-bottom:1px solid #315261;backdrop-filter:blur(16px)}.headinner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:69px}.logo{text-decoration:none;color:#f2fffd;font-size:19px;font-weight:900}.logo small{display:block;font-size:10px;letter-spacing:2px;color:#91beca}.headlinks{display:flex;gap:9px}.headlinks a{font-size:12px;text-decoration:none;padding:8px 13px;border:1px solid #375d6f;border-radius:99px}.hero{padding:80px 0 54px}.eyebrow{color:#8be6ce;font-size:11px;font-weight:800;letter-spacing:3px}.hero h1{font-size:clamp(34px,5vw,63px);line-height:1.25;letter-spacing:-.06em;margin:14px 0}.hero h1 span{color:var(--mint)}.hero p{max-width:820px;color:#bfd4df;line-height:1.95}.fineprint{font-size:12px;color:#9cbfca;border-left:3px solid #72d4c5;padding:7px 14px;margin:24px 0}.linkrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.cta{display:inline-flex;align-items:center;gap:7px;border-radius:9px;background:#82e4d3;color:#042f35;text-decoration:none;font-weight:850;padding:12px 19px;font-size:13px}.cta.ghost{border:1px solid #426776;background:transparent;color:#d9f5f2}.section{padding:48px 0 68px}.section.alt{background:#09212e}.sectiontitle{display:flex;justify-content:space-between;align-items:end;gap:18px;border-bottom:1px solid #365764;padding-bottom:21px;margin-bottom:24px}.sectiontitle h2{font-size:clamp(25px,3.3vw,39px);margin:0;letter-spacing:-.05em}.sectiontitle p{font-size:13px;color:#adc8d2;max-width:460px;margin:0}.groupgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.group{background:linear-gradient(150deg,#173f4a,#102938);padding:29px;border:1px solid #386474;border-radius:21px;min-height:260px}.group b{font-size:11px;letter-spacing:1.8px;color:#8bebdb}.group h3{font-size:22px;margin:15px 0 10px}.group p{font-size:13px;color:#b7d0d6;line-height:1.9}.group a{font-weight:800;font-size:13px}.industries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.industry{padding:24px 26px;border-radius:17px;border:1px solid #315465;background:#112c3d;display:flex;flex-direction:column;gap:10px}.industry-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.industry h3{font-size:20px;margin:0}.industry p{font-size:13px;line-height:1.85;color:#bbd0d8;margin:0}.status{font-size:10px;background:#31525f;border-radius:99px;color:#c4eddf;padding:5px 8px;white-space:nowrap}.status.plan{background:#373d4c;color:#ecd5ad}.routes{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:auto}.routes a{font-size:12px;text-decoration:none;font-weight:850;padding:6px 9px;background:#153e49;border:1px solid #3b7277;border-radius:8px}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.roadmap div{border-radius:14px;background:#0d2c3b;padding:17px;border:1px solid #285363}.roadmap strong{color:#94eed9;font-size:11px}.roadmap h3{font-size:16px;margin:9px 0}.roadmap p{color:#b9d4db;font-size:12px;margin:0}.footer{border-top:1px solid #315665;color:#a7bdc7;font-size:12px;padding:38px 0 50px}.footer a{margin-left:15px}
/* utilities */
.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 50px}.tool{border:1px solid #356071;background:#102c3d;padding:24px;border-radius:17px}.tool h2{margin:0 0 6px;font-size:24px}.tool p{color:#aec4cd;font-size:12px;margin:0 0 20px}.f{display:block;font-size:12px;color:#c5d8dc;margin-bottom:13px}.f input,.f select{display:block;margin-top:5px;padding:10px 12px;border:1px solid #476878;border-radius:9px;color:white;background:#081c2b;width:100%;min-height:42px}.calc-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result{margin:18px 0 4px;background:#1b4652;border-radius:11px;padding:17px}.result span{font-size:11px;color:#c9dadd;display:block}.result strong{font-size:29px;color:#92f0d7}.result b{color:#e3ffd7}.result .tiny{color:#bcd3d7;font-size:11px}.action{border:1px solid #467585;border-radius:9px;color:#062b37;background:#86e6d4;font-weight:900;font-size:13px;padding:11px 13px;cursor:pointer}.action.secondary{background:#213f4d;color:#b5fbec}.tool.wide{grid-column:1/-1}.miniitems{display:grid;grid-template-columns:2fr .7fr 1fr 34px;gap:8px;align-items:end;margin:10px 0}.miniitems input{width:100%;min-width:0;background:#081b29;border:1px solid #446576;border-radius:8px;color:white;padding:8px}.miniitems button{height:40px;background:#3d2932;color:#ffd2cd;border:1px solid #775363;border-radius:8px}.toolfooter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:17px}.toolfooter p{margin:0}.disclaimer{padding:12px;background:#143843;border:1px solid #3d6671;border-radius:10px;font-size:12px;color:#b9dfdc}
@media(max-width:850px){.groupgrid{grid-template-columns:1fr}.roadmap{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:1fr}}@media(max-width:620px){.hero{padding:49px 0 25px}.headlinks a{font-size:10px;padding:6px 8px}.logo{font-size:15px}.industries,.roadmap{grid-template-columns:1fr}.industry{padding:19px}.sectiontitle{display:block}.sectiontitle p{margin:7px 0 0}.tools-grid{gap:12px}.tool{padding:17px}.miniitems{grid-template-columns:1.2fr 55px 76px 29px;gap:4px}.miniitems input{font-size:11px;padding:8px 3px}}