*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f3eb;color:#30382f;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;line-height:1.9}a{color:inherit;text-underline-offset:5px}header,footer,main{max-width:1120px;margin:auto;padding:28px 40px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d9ce}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-family:serif;font-size:24px;letter-spacing:2px}.brand img{width:42px;height:42px;border-radius:10px}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;min-height:720px;padding:60px 0}.eyebrow{font-size:12px;letter-spacing:4px;color:#7a816e}.hero h1{font-family:"Songti TC","Noto Serif TC",serif;font-weight:400;font-size:clamp(40px,5.3vw,66px);line-height:1.45;letter-spacing:6px;margin:24px 0}.intro{color:#737968;max-width:400px;font-size:17px}.button{display:inline-block;background:#3c4935;color:#fff;padding:12px 26px;text-decoration:none;border-radius:3px;font-size:14px;margin-top:24px}.release{display:block;color:#858a79;font-size:12px;margin-top:12px;letter-spacing:1px}.visual{position:relative;text-align:center}.phone{width:min(100%,270px);border-radius:42px;border:7px solid #34382f;box-shadow:20px 28px 60px #38452e1c;display:block;margin:auto}.vertical{position:absolute;right:0;top:40px;writing-mode:vertical-rl;letter-spacing:7px;color:#969984;font-family:serif;font-size:13px}.section{padding:70px 0;border-top:1px solid #d9d9ce}.section h2{font-family:"Songti TC",serif;font-size:32px;font-weight:400;letter-spacing:3px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.number{color:#9b5a48;font-size:12px;letter-spacing:2px}.features h3{font-family:serif;font-weight:400;font-size:24px}.features p{font-size:15px;color:#737968}.quiet{max-width:680px;text-align:center;margin:auto;padding:36px 0}.quiet p{color:#737968}.quiet a{font-size:14px}.seal{display:inline-block;border:2px solid #a35946;color:#a35946;padding:0 8px;font-family:serif;font-size:26px;transform:rotate(-4deg)}footer{border-top:1px solid #d9d9ce;display:flex;justify-content:space-between;color:#7b806f;font-size:12px}.document{max-width:800px;padding-top:55px;padding-bottom:80px}.document h1{font-family:serif;font-size:34px;font-weight:400;line-height:1.5}.document h2{font-size:23px;margin-top:44px}.document h3{font-size:18px;margin-top:30px}.document p{color:#606953}.notice{padding:16px 22px;background:#ece9df;border-left:2px solid #a35946;font-size:14px}details{border-bottom:1px solid #d9d9ce;padding:18px 0}summary{cursor:pointer;font-size:17px}details p{font-size:15px}a:focus-visible,summary:focus-visible{outline:3px solid #a35946;outline-offset:5px}@media(max-width:650px){header,footer,main{padding:22px 24px}nav{gap:16px;font-size:12px}.brand{font-size:20px}.brand img{width:34px;height:34px}.hero{grid-template-columns:1fr;gap:46px;padding:48px 0;min-height:0}.hero h1{font-size:42px}.visual{padding:8px 0 28px}.phone{width:230px}.vertical{right:12px}.features{grid-template-columns:1fr;gap:18px}.section{padding:45px 0}footer{gap:15px;flex-wrap:wrap}.document h1{font-size:28px}}
.brand .wordmark{display:block;width:150px;height:60px;overflow:hidden}.brand .wordmark img{display:block;width:150px;height:150px;max-width:none;border-radius:0;transform:translateY(-45px)}@media(max-width:650px){.brand .wordmark{width:120px;height:50px}.brand .wordmark img{width:120px;height:120px;transform:translateY(-35px)}}

html[lang=en] .hero h1{font-size:clamp(36px,4.8vw,58px);letter-spacing:-1px}html[lang=en] .vertical{letter-spacing:3px}html[lang=en] .section h2{letter-spacing:0}nav{align-items:center;flex-wrap:wrap}@media(max-width:650px){nav{gap:12px}.brand .wordmark{width:100px}.brand .wordmark img{width:100px;height:100px;transform:translateY(-25px)}}
