@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#102639;--cream:#f5f3ef;--ink:#172938;--accent:#f2a16c;font-family:'DM Sans','Noto Sans TC',system-ui,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-60px;left:16px;background:#fff;padding:10px;z-index:10}.skip:focus{top:16px}.wrap{width:min(100% - 64px,1272px);margin-inline:auto}h1,h2,h3,p{margin-top:0}.dark-shell{color:#f8f5ef;background:radial-gradient(circle at 76% 42%,#25495a 0,transparent 39%),linear-gradient(145deg,#0b1e2e,#112d40 75%,#0a1b2b);overflow:hidden}.header{height:104px;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:11px;align-items:center;font-size:25px;letter-spacing:-.055em;font-weight:800;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:.15em;color:#9bb1bc;margin-top:6px}.brand-symbol{position:relative;width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:10px;color:var(--accent);font-size:24px}.brand-symbol span{position:absolute;right:2px;top:1px;font-size:9px}.header nav{display:flex;align-items:center;gap:41px;font-size:14px;font-weight:700}.nav-text{color:#bed0d5}.nav-text:hover{color:#fff}.toolbox-link{border:1px solid #f2a16c9c;border-radius:100px;padding:12px 20px;transition:.2s}.toolbox-link:hover{background:var(--accent);color:var(--navy)}.toolbox-link span{padding-left:10px}.hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:20px;min-height:680px;padding:70px 0 65px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--accent)}h1{font-size:clamp(46px,5.5vw,78px);line-height:1.18;letter-spacing:-.06em;font-weight:900;margin:26px 0}h1>span:not(.dot){color:var(--accent)}.dot{color:var(--accent)}.lead{color:#c0cdd1;line-height:1.9;font-size:17px;max-width:570px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:11px;padding:15px 22px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.warm{background:var(--accent);color:#122638}.button.warm:hover{background:#ffc39c}.text-link{font-size:14px;font-weight:700;color:#d5dfdf}.hero-footnote{display:flex;align-items:center;gap:11px;color:#8fa6b0;font-size:12px;margin:64px 0 0}.hero-footnote i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px #f2a16c22}.hero-art{height:550px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,#496a7699,transparent 65%)}.orbit{position:absolute;border:1px solid #a9c7c129;border-radius:50%;transform:rotate(-23deg)}.orbit-a{height:340px;width:595px}.orbit-b{height:480px;width:730px}.art-label{position:absolute;font-size:10px;letter-spacing:.17em;font-weight:800;color:#bcd3d0;z-index:3}.art-label.top{top:15px;right:10%}.art-label.bottom{bottom:12px;left:4%}.art-window{z-index:2;width:min(100%,510px);height:410px;border:1px solid #ffffff60;border-radius:17px;background:#eae9df;box-shadow:0 35px 80px #0614219c,18px 18px 0 #6e87934d;transform:rotate(-4deg);overflow:hidden}.window-bar{height:47px;background:#e3e5dc;border-bottom:1px solid #c9d0cb;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#587183;font-size:10px;font-weight:800;letter-spacing:.1em}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;background:#a5b9ba;border-radius:50%}.dots i:first-child{background:var(--accent)}.window-bar b{font-size:20px;color:#254a5a}.window-body{display:flex;height:calc(100% - 47px)}.window-rail{width:55px;background:#dbe1db;border-right:1px solid #c7d2cc;padding:29px 19px;display:flex;align-items:center;flex-direction:column;gap:20px}.window-rail i{width:15px;height:15px;border:2px solid #89a4a6;border-radius:4px}.window-rail .on{background:#193c50;border-color:#193c50}.window-content{padding:28px 33px;flex:1;min-width:0}.window-content small{font-size:9px;font-weight:800;letter-spacing:.17em;color:#627985}.window-heading{display:flex;justify-content:space-between;margin-top:14px;color:#14334a}.window-heading strong{font-size:34px;letter-spacing:-.06em;line-height:1.04}.window-heading span{font-size:10px;font-weight:800;color:#89a1a8}.visual{height:205px;position:relative;display:grid;place-items:center;margin-top:8px;overflow:hidden}.ring{width:190px;height:190px;border-radius:50%;background:conic-gradient(from 130deg,#f0ab7d,#ffd4ae,#c6e0d7,#1e5664,#f0ab7d);box-shadow:inset 0 0 0 30px #eae9df}.center{position:absolute;width:85px;height:85px;border-radius:50%;background:#193b4e;color:#faf5eb;display:grid;place-items:center;font-size:48px;font-weight:800;box-shadow:0 15px 20px #1c41554a}.center span{position:absolute;right:7px;top:6px;font-size:13px;color:#f6b486}.tag{position:absolute;background:white;box-shadow:0 5px 15px #1b3e4930;color:#234458;border-radius:6px;padding:7px 11px;font-size:8px;letter-spacing:.1em;font-style:normal;font-weight:800}.tag.one{left:3%;top:27%}.tag.two{right:0;top:18%}.tag.three{right:10%;bottom:7%}.bars{display:flex;gap:6px}.bars i{height:5px;width:24px;background:#b7c8c6;border-radius:6px}.bars i:first-child{background:#193c50}.hero-bottom{height:52px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff27;font-size:10px;letter-spacing:.15em;font-weight:800;color:#8aa4ad}.intro{padding:115px 0 125px}.section-label{display:flex;align-items:center;gap:22px;color:#b26d4c;font-size:11px;font-weight:800;letter-spacing:.16em}.section-label i{height:1px;flex:1;background:#d7d9d3}.intro-heading{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end;margin:34px 0 65px}.intro h2,.systems h2,.closing h2{font-size:clamp(39px,4.5vw,65px);line-height:1.25;letter-spacing:-.065em;font-weight:900;margin:0}.intro h2 em,.systems h2 em{font-style:normal;color:#b86849}.intro-heading p{color:#526372;font-size:17px;line-height:1.95}.intro-heading small{font-size:12px;letter-spacing:.12em;font-weight:800;color:#a4705e}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.process article{border:1px solid #d9dcd5;background:#fff;border-radius:15px;padding:27px 27px 35px;min-height:280px;transition:transform .2s,box-shadow .2s}.process article:hover{transform:translateY(-5px);box-shadow:0 22px 45px #1c354414}.card-top{display:flex;align-items:start;justify-content:space-between;color:#b86849;font-size:12px;font-weight:800}.card-icon{font-size:39px;line-height:1;color:#476f77}.process h3{font-size:23px;letter-spacing:-.04em;margin:43px 0 9px}.process p{font-size:14px;color:#60717b;line-height:1.85;margin:0}.systems{background:#16374a;color:#fff;padding:110px 0 125px}.section-label.light{color:#f2ae84}.section-label.light i{background:#ffffff2b}.systems-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin:34px 0 65px}.systems h2 em{color:#f2ae84}.systems-heading p{max-width:390px;color:#bed0d5;line-height:1.95;font-size:16px;margin:0}.systems-list article{border-top:1px solid #ffffff40;display:grid;grid-template-columns:90px 1fr 50px;align-items:center;padding:28px 0}.systems-list article:last-child{border-bottom:1px solid #ffffff40}.systems-list article>span{color:#f2ae84;font-size:12px;font-weight:800}.systems h3{font-size:27px;letter-spacing:-.04em;margin:0 0 5px}.systems-list p{color:#a9c1c8;font-size:14px;margin:0}.systems-list b{font-size:26px;color:#f2ae84;font-weight:400}.closing{padding:130px 0;display:flex;justify-content:space-between;align-items:end;gap:40px}.closing .eyebrow{color:#ac6949;margin-bottom:28px}.closing h2{margin-bottom:23px}.closing p:not(.eyebrow){color:#5b6b77;max-width:600px;line-height:1.9;font-size:16px;margin:0}.button.dark{background:#16374a;color:white;flex:none}.button.dark:hover{background:#28566d}footer{border-top:1px solid #deded7}footer .wrap{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#657580;font-size:13px}.footer-brand{font-size:23px;font-weight:900;letter-spacing:-.06em;color:#1b3546}.footer-brand span{color:#d18c65;margin-left:4px}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:0;padding-top:80px}.hero-copy{max-width:680px}.hero-art{height:500px}.intro-heading{gap:45px}}@media(max-width:700px){.wrap{width:min(100% - 36px,1272px)}.header{height:82px}.brand{font-size:21px}.brand small{font-size:8px}.header nav{gap:10px}.nav-text{display:none}.toolbox-link{font-size:12px;padding:11px 13px}.toolbox-link span{padding-left:4px}.hero{padding:65px 0 35px;min-height:0}.hero h1{font-size:clamp(39px,10vw,59px)}.lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:23px}.hero-footnote{margin-top:42px}.hero-art{height:390px;margin-top:15px}.art-window{width:82%;height:320px;transform:rotate(-3deg)}.window-bar{height:35px;font-size:7px}.window-body{height:calc(100% - 35px)}.window-rail{width:35px;padding:19px 11px;gap:13px}.window-rail i{width:11px;height:11px}.window-content{padding:20px 19px}.window-heading strong{font-size:25px}.visual{height:162px}.ring{width:140px;height:140px;box-shadow:inset 0 0 0 22px #eae9df}.center{width:62px;height:62px;font-size:33px}.art-label{font-size:7px}.orbit-a{width:400px;height:250px}.orbit-b{width:530px;height:350px}.hero-bottom{font-size:8px}.intro{padding:75px 0 85px}.intro-heading{grid-template-columns:1fr;gap:22px;margin:28px 0 38px}.intro-heading p{font-size:15px}.process{grid-template-columns:1fr}.process article{min-height:0;padding:23px}.process h3{margin:20px 0 7px}.systems{padding:80px 0}.systems-heading{display:block;margin:28px 0 35px}.systems-heading p{margin-top:22px;font-size:15px}.systems-list article{grid-template-columns:45px 1fr 25px;gap:10px;padding:25px 0}.systems h3{font-size:22px}.systems-list p{font-size:13px}.systems-list b{font-size:20px}.closing{padding:85px 0;display:block}.closing p:not(.eyebrow){font-size:15px}.button.dark{margin-top:30px}footer .wrap{min-height:110px;flex-wrap:wrap;justify-content:space-between}footer .wrap>span{order:3;width:100%;margin-top:-18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}