@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
@import url('components.css');
:root{--green:#075b32;--green2:#3ea84a;--gold:#ffc21c;--cream:#fffdf6;--mist:#f3f6ef;--ink:#173223;--line:#dce6d9;--muted:#66806e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Plus Jakarta Sans","Noto Sans TC",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1200px,calc(100% - 48px));margin:auto}.topline{height:5px;background:linear-gradient(90deg,var(--green) 0 65%,var(--gold) 65% 100%)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-1.1px;color:var(--green);font-size:22px}.brand-mark{width:33px;height:33px;border-radius:11px;background:var(--green);color:var(--gold);display:grid;place-items:center;font-weight:800;font-size:22px}.brand small{font:10px "DM Mono";letter-spacing:1px;color:var(--muted);display:block}.nav-links{display:flex;gap:20px;font-size:13px;font-weight:700}.nav-links a:hover,.nav-links .active{color:var(--green2)}.nav-cta{font-size:13px;font-weight:800;border:1px solid var(--green);color:var(--green);padding:10px 15px;border-radius:100px}.mobile-menu{display:none}.hero{padding:80px 0 64px;min-height:660px;background:linear-gradient(180deg,#fffdf6 0%,#f8faef 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:35px}.kicker,.section-label{font:11px "DM Mono";letter-spacing:.08em;color:var(--green2);font-weight:500}.hero h1{font-size:clamp(47px,6.4vw,82px);line-height:1.1;letter-spacing:-.07em;margin:17px 0 25px;color:var(--green)}.hero h1 em{font-style:normal;color:var(--gold)}.lead{font-family:"Noto Sans TC";font-size:17px;line-height:1.9;max-width:530px;color:#456052}.buttons{display:flex;gap:12px;margin-top:31px}.btn{padding:14px 20px;border-radius:4px;font-size:14px;font-weight:800;background:var(--green);color:white}.btn.alt{background:transparent;color:var(--green);border:1px solid var(--green)}.hero-art{position:relative;min-height:410px}.hero-art:before{content:"";position:absolute;inset:10% -21% -16% 2%;background:url('brand/banner/website-banner-v2.png') right center/cover;border-radius:48% 52% 45% 32%;mix-blend-mode:multiply;opacity:.96}.hero-orbit{position:absolute;width:230px;height:230px;border:22px solid var(--gold);border-left-color:transparent;border-radius:50%;right:14%;top:11%;transform:rotate(-38deg);opacity:.82}.hero-book{position:absolute;right:19%;bottom:10%;font-size:130px;color:var(--green)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:32px}.stats div{padding:18px 0}.stats div+div{padding-left:24px;border-left:1px solid var(--line)}.stats b{display:block;color:var(--green);font-size:27px;letter-spacing:-1px}.stats span{font-size:12px;color:var(--muted)}.section{padding:92px 0}.split-heading{display:grid;grid-template-columns:1fr 1.5fr;gap:45px;align-items:start}.section h2{font-size:clamp(33px,4.3vw,57px);line-height:1.22;letter-spacing:-.055em;color:var(--green);margin:14px 0 0}.section h2 em{color:var(--green2);font-style:normal}.section-copy{font-family:"Noto Sans TC";font-size:16px;line-height:1.9;max-width:580px;margin-top:16px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.pillar{padding:28px 25px;border:1px solid var(--line);border-top:4px solid var(--gold);min-height:210px;background:white}.pillar .num{font:11px "DM Mono";color:var(--green2)}.pillar h3{color:var(--green);font-size:21px;margin:32px 0 9px;letter-spacing:-1px}.pillar p,.card p{font-family:"Noto Sans TC";font-size:13px;line-height:1.8;color:#607567;margin:0}.band{background:var(--green);color:white;padding:76px 0}.band h2{color:white;max-width:760px}.band .section-label{color:#ffe58a}.award-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#31754c;margin-top:48px}.award{background:var(--green);padding:24px;min-height:168px}.award b{font:12px "DM Mono";color:var(--gold)}.award h3{font-family:"Noto Sans TC";font-size:19px;line-height:1.5;margin:17px 0 4px}.award p{color:#cfe0d3;font-size:12px;margin:0}.cta{padding:94px 0;background:var(--mist);text-align:center}.cta h2{margin:12px auto 22px}.footer{background:#063e23;color:#d2e1d4;padding:55px 0 26px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.footer .brand{color:white}.footer h4{font:11px "DM Mono";letter-spacing:.08em;color:#a1c5a8;margin:5px 0 17px}.footer a,.footer p{display:block;font-size:13px;line-height:2;color:#d2e1d4;margin:0}.copyright{font:10px "DM Mono";color:#87a78e;border-top:1px solid #286242;margin-top:42px;padding-top:18px}.page-hero{padding:74px 0 68px;background:var(--mist);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(44px,6vw,70px);letter-spacing:-.065em;color:var(--green);margin:15px 0}.page-hero p{font-family:"Noto Sans TC";max-width:670px;line-height:1.9;color:#4e6858}.timeline{margin-top:55px;border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:135px 1fr 150px;gap:28px;padding:29px 0;border-bottom:1px solid var(--line)}.timeline-item b{font:13px "DM Mono";color:var(--gold);background:var(--green);height:max-content;padding:6px 8px}.timeline-item h3{margin:0 0 10px;font-size:20px;color:var(--green)}.timeline-item p{font-family:"Noto Sans TC";line-height:1.8;font-size:14px;margin:0}.timeline-item span{font-size:12px;color:var(--muted)}.service-grid,.book-grid,.award-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.card{background:white;border:1px solid var(--line);padding:26px}.card .icon{color:var(--gold);font-size:32px}.card h3{color:var(--green);font-size:20px;margin:24px 0 10px}.book{border:1px solid var(--line);background:white;padding:28px;min-height:290px;display:flex;flex-direction:column}.book .bookno{font:11px "DM Mono";color:var(--gold);background:var(--green);width:max-content;padding:5px 7px}.book h3{font-family:"Noto Sans TC";line-height:1.55;color:var(--green);font-size:20px;margin:30px 0 auto}.book p{font:12px "DM Mono";color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.book a{font-size:13px;font-weight:800;color:var(--green2)}.award-photo{background:white;border:1px solid var(--line)}.award-photo img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.award-photo div{padding:18px}.award-photo h3{color:var(--green);font-size:16px;margin:0 0 7px}.award-photo p{font-size:13px;font-family:"Noto Sans TC";margin:0;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:48px}.contact-panel{padding:35px;background:var(--green);color:white}.contact-panel h3{font-size:29px;margin:0 0 18px}.contact-panel p{font-family:"Noto Sans TC";line-height:1.9;color:#d5e6d8}.contact-panel a{display:block;margin-top:22px;color:#fff1b2;font-weight:800}.note{padding:32px;border:1px solid var(--line);font-family:"Noto Sans TC";line-height:1.9;color:#526d5b}@media(max-width:750px){.shell{width:min(100% - 32px,1200px)}.nav{height:72px}.nav-links,.nav-cta{display:none}.mobile-menu{display:block;font-size:13px;font-weight:800;color:var(--green)}.hero{padding:54px 0 45px;min-height:auto}.hero-grid,.split-heading,.contact-grid{grid-template-columns:1fr}.hero-art{min-height:310px;order:-1}.hero h1{font-size:50px}.lead{font-size:15px}.stats{margin-top:20px}.stats b{font-size:20px}.stats div+div{padding-left:10px}.section,.cta{padding:62px 0}.pillars,.service-grid,.book-grid,.award-gallery,.award-row,.footer-grid{grid-template-columns:1fr}.pillar{min-height:auto}.timeline-item{grid-template-columns:1fr;gap:12px}.timeline-item span{display:none}.page-hero{padding:55px 0}.section h2{font-size:37px}.footer-grid{gap:25px}.hero-book{font-size:94px}.hero-orbit{width:160px;height:160px}.book{min-height:235px}}