@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";
:root{--ink:#10231d;--muted:#64716d;--cream:#f5f3ec;--paper:#fffefa;--green:#126348;--lime:#d9f16f;--line:#dfe3dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Noto Sans TC,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1240px;height:82px;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand>span:last-child>span{color:#789187}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--lime);border-radius:9px;place-items:center;display:grid}.site-header nav{gap:36px;font-size:14px;font-weight:600;display:flex}.site-header nav a:hover{color:var(--green)}.header-cta{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.hero{grid-template-columns:1.02fr .98fr;align-items:center;max-width:1240px;min-height:660px;margin:auto;padding:90px 42px 80px;display:grid;overflow:hidden}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--green);align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.eyebrow span{background:currentColor;width:22px;height:2px}.hero h1{letter-spacing:-3.8px;margin:24px 0;font-size:64px;line-height:1.16}.hero h1 span{color:var(--green);position:relative}.hero h1 span:after{content:"";background:var(--lime);z-index:-1;border-radius:10px;height:8px;position:absolute;bottom:4px;left:1px;right:0}.hero-lead{max-width:560px;color:var(--muted);font-size:18px;line-height:1.9}.hero-actions{align-items:center;gap:25px;margin-top:38px;display:flex}.button{border-radius:8px;align-items:center;gap:10px;padding:13px 20px;font-size:14px;font-weight:600;display:flex}.primary{background:var(--ink);color:#fff}.quiet{border-bottom:1px solid var(--ink);border-radius:0;padding-left:0}.hero-visual{background:radial-gradient(circle,#edf0e5 0,#f8f7f1 45%,#0000 70%);height:460px;margin-left:30px;position:relative}.orbit{border:1px solid #dce3d4;border-radius:50%;position:absolute;inset:32px}.orbit-two{inset:95px}.visual-card{background:var(--ink);color:#fff;border-radius:20px;position:absolute;box-shadow:0 30px 60px #10231d26}.card-main{width:280px;height:300px;padding:30px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.mini-label{letter-spacing:1.5px;color:#9eb2a9;font-size:9px}.card-main strong{color:var(--lime);letter-spacing:-7px;font-size:100px;line-height:1.1;display:block}.card-main p{color:#d5ddd9;font-size:13px}.spark{align-items:end;gap:6px;height:42px;display:flex}.spark i{background:#477061;border-radius:3px 3px 0 0;width:11px}.spark i:first-child{height:15px}.spark i:nth-child(2){height:26px}.spark i:nth-child(3){height:21px}.spark i:nth-child(4){background:var(--lime);height:37px}.spark i:nth-child(5){height:31px}.floating-chip{border:1px solid var(--line);z-index:2;background:#fff;border-radius:14px;align-items:center;gap:11px;padding:12px 16px;display:flex;position:absolute;box-shadow:0 12px 30px #20352a17}.floating-chip b{width:37px;height:37px;color:var(--green);background:#e2f1e9;border-radius:10px;place-items:center;display:grid}.floating-chip span{color:var(--muted);font-size:11px}.floating-chip small{color:var(--ink);font-size:13px;font-weight:700;display:block}.chip-top{top:55px;right:10px}.chip-bottom{bottom:55px;left:10px}.chip-bottom b{color:#ce4b2b;background:#fff0e8}.code-pill{background:var(--lime);border-radius:20px;padding:8px 13px;font:11px monospace;position:absolute;bottom:30px;right:35px;transform:rotate(3deg)}.statement{text-align:center;background:var(--cream);border-block:1px solid var(--line);padding:62px 24px}.statement p{letter-spacing:3px;color:var(--green);font-size:10px;font-weight:700}.statement h2{letter-spacing:-1.2px;margin:13px 0;font-size:32px}.statement span{color:var(--muted)}.section{max-width:1180px;margin:auto;padding:110px 24px}.section-head{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.section-head h2,.contact h2{letter-spacing:-2px;margin:12px 0 0;font-size:43px}.section-head>p{color:var(--muted);font-size:14px}.product-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.product-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:42% 58%;min-height:280px;transition:all .25s;display:grid;overflow:hidden}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #13261e12}.product-card.featured{grid-column:1/-1;grid-template-columns:45% 55%;min-height:340px}.product-art{place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.app-mark{z-index:2;background:#ffffffeb;border-radius:23px;place-items:center;width:90px;height:90px;font-size:40px;font-weight:700;display:grid;position:relative;box-shadow:0 16px 30px #0002}.featured .app-mark{width:120px;height:120px;font-size:54px}.jade{color:#0d6347;background:#d3eee1}.coral{color:#c94629;background:#fde2d6}.navy{color:#26336b;background:#dce3f0}.sun{color:#bd821d;background:#f8ecc2}.blue{color:#2870cc;background:#dbeafe}.shape{opacity:.2;border:1px solid;border-radius:50%;position:absolute}.s1{width:180px;height:180px;top:-30px;right:-70px}.s2{width:110px;height:110px;bottom:-30px;left:-35px}.art-name{letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;bottom:16px;left:18px}.product-body{flex-direction:column;padding:30px;display:flex}.product-top{justify-content:space-between;gap:10px;display:flex}.product-top h3{letter-spacing:-1px;margin:0;font-size:25px}.product-top p{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:0;font-size:11px}.status{white-space:nowrap;color:#52645d;background:#eff3ee;border-radius:20px;height:max-content;padding:5px 9px;font-size:10px}.description{color:var(--muted);flex:1;font-size:14px;line-height:1.8}.product-links{gap:20px;display:flex}.product-links a{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.product-links svg{width:14px}.about{padding-top:30px}.about-card{background:var(--ink);color:#fff;border-radius:22px;grid-template-columns:1fr 1.1fr;gap:90px;padding:70px;display:grid;position:relative;overflow:hidden}.about-card:after{content:"J";color:#ffffff06;font-size:380px;font-weight:700;line-height:1;position:absolute;bottom:-120px;left:-30px}.eyebrow.light{color:var(--lime)}.about-title h2{letter-spacing:-2px;font-size:38px;line-height:1.4}.about-copy{z-index:1;position:relative}.about-copy>p{color:#b7c4be;margin:0 0 20px;line-height:1.9}.principles{border-top:1px solid #365047;grid-template-columns:repeat(3,1fr);margin-top:38px;padding-top:27px;display:grid}.principles span{font-size:12px;font-weight:600}.principles b{color:var(--lime);margin-bottom:8px;font-size:10px;display:block}.contact{grid-template-columns:1fr 1fr;align-items:end;gap:100px;display:grid}.contact>div:last-child>p{color:var(--muted);line-height:1.9}.mail-link{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding:17px 0;font-size:18px;font-weight:700;display:flex}footer{color:#fff;background:#0a1713;padding:60px max(30px,50vw - 566px) 24px}.brand.inverted .brand-mark{background:var(--lime);color:var(--ink)}.footer-main{justify-content:space-between;display:flex}.footer-main>div>p{color:#789087;font-size:13px}.footer-links{gap:100px;display:flex}.footer-links div{flex-direction:column;gap:10px;min-width:100px;display:flex}.footer-links b{color:#72877f;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:11px}.footer-links a{color:#ced8d4;font-size:13px}.footer-bottom{color:#71847d;border-top:1px solid #263a33;justify-content:space-between;margin-top:50px;padding-top:20px;font-size:11px;display:flex}.policy{max-width:760px;margin:auto;padding:70px 24px 120px}.policy>a{color:var(--green);font-size:13px;font-weight:600}.policy h1{letter-spacing:-2px;margin:55px 0 5px;font-size:44px}.policy .updated{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:40px;padding-bottom:25px;font-size:13px}.policy h2{margin-top:36px;font-size:20px}.policy p{color:#52605b;line-height:1.9}.policy p a{color:var(--green);text-decoration:underline}@media (max-width:800px){.site-header{height:70px;padding:0 20px}.site-header nav{display:none}.header-cta{font-size:0}.hero{grid-template-columns:1fr;padding:70px 24px 40px}.hero h1{letter-spacing:-2.5px;font-size:45px}.hero-visual{height:420px;margin:25px 0 0}.statement h2{font-size:27px}.section{padding:75px 20px}.section-head{flex-direction:column;align-items:start}.section-head h2,.contact h2{font-size:36px}.product-grid{grid-template-columns:1fr}.product-card,.product-card.featured{grid-column:auto;grid-template-columns:1fr}.product-art{min-height:210px}.about{padding-top:20px}.about-card{grid-template-columns:1fr;gap:20px;padding:42px 25px}.about-title h2{font-size:31px}.principles{gap:10px}.contact{grid-template-columns:1fr;gap:20px}.footer-main{flex-direction:column;gap:50px}.footer-links{justify-content:space-between;gap:30px}.footer-bottom{flex-direction:column;gap:10px}.chip-top{right:0}.chip-bottom{left:0}}.floating-chip b{overflow:hidden}.floating-chip b img{object-fit:cover;width:100%;height:100%}.app-mark{overflow:hidden}.app-mark img{object-fit:cover;width:100%;height:100%}.app-mark img[src$=\.svg]{object-fit:contain;background:#fff;padding:18px}.header-actions,.language-nav{align-items:center;display:flex}.header-actions{gap:24px}.language-nav{border:1px solid var(--line);border-radius:8px;gap:3px;padding:3px}.language-nav a{text-align:center;min-width:29px;color:var(--muted);border-radius:5px;padding:3px 6px;font-size:10px;font-weight:700}.language-nav a.active{background:var(--ink);color:#fff}.about-title h2,.contact h2{white-space:pre-line}@media (max-width:800px){.header-actions{gap:10px}.language-nav a{min-width:27px}.header-cta{display:none}}