*{box-sizing:border-box}body{margin:0;background:#faf8f4;color:#302b25;font-family:Arial,"Microsoft JhengHei",sans-serif;line-height:1.9}main{max-width:1200px;margin:auto;padding:0 32px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,8vw,88px);line-height:1.2;letter-spacing:.1em;margin-bottom:22px}h2{font-size:30px}h3{font-size:20px}.intro{padding:90px 0 50px;max-width:840px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#846538}.subtitle{font-size:22px}.note{font-size:14px;color:#70665a;margin-top:22px}.button{display:inline-block;padding:12px 24px;background:#685035;color:#fff;text-decoration:none}.button:hover{background:#493923}a:focus-visible{outline:3px solid #c9a063;outline-offset:5px}figure{margin:0}.hero img{width:100%;display:block}figcaption{font-size:13px;color:#766b5e;margin-top:8px}section{padding:60px 0;border-bottom:1px solid #ddd3c4}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.preview-grid a{color:inherit;text-decoration:none}.preview-grid img{width:100%;aspect-ratio:2/1;object-fit:cover}.preservation{max-width:850px}footer{padding:50px 0 70px}@media(max-width:767px){main{padding:0 20px}.intro{padding-top:48px}.features,.preview-grid{grid-template-columns:1fr}.features{gap:18px}section{padding:35px 0}.subtitle{font-size:18px}h2{font-size:25px}}
.screen-grid{display:grid;grid-template-columns:3fr 1fr;gap:30px;align-items:start}.screen-grid img{display:block;width:100%;border:1px solid #ddd3c4}@media(max-width:767px){.screen-grid{grid-template-columns:1fr}.screen-grid figure:last-child{max-width:300px}}