*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f7f2;color:#203b36;font-family:'Yu Gothic UI','Meiryo',sans-serif;line-height:1.85}a{color:inherit;text-underline-offset:5px}a:hover{color:#b4572b}a:focus-visible{outline:3px solid #b4572b;outline-offset:5px}.site-header{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9dfd5}.brand{font-weight:750;font-size:19px;text-decoration:none}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}main{max-width:1240px;margin:auto;padding:0 40px}section{padding:64px 0;scroll-margin-top:24px}h1,h2,h3{line-height:1.45}h1{font-size:64px;letter-spacing:.05em;margin:20px 0}h2{font-size:29px;margin:12px 0 28px}h3{font-size:20px}.hero{position:relative;min-height:560px;overflow:hidden;padding-top:68px}.hero>p,.hero>h1,.hero>a{position:relative;z-index:1}.hero>p{max-width:600px}.eyebrow{color:#8c6c45;font-size:12px;letter-spacing:.14em;font-weight:700}.button{display:inline-block;background:#254d44;color:#fff;padding:13px 24px;border-radius:4px;text-decoration:none;margin-top:16px}.desk-art{position:absolute;width:390px;height:260px;right:20px;top:155px;transform:rotate(-5deg);background:#e4e8d9;border-radius:50%}.screen{position:absolute;width:210px;height:128px;background:#2a5047;border:10px solid #547368;border-radius:9px;left:80px;top:10px;box-shadow:inset 0 0 0 3px #d4dcca}.stand{position:absolute;width:22px;height:35px;left:175px;top:138px;background:#547368}.shelf{position:absolute;left:35px;top:170px;width:310px;height:18px;background:#bd9369;box-shadow:8px 20px 0 -5px #bd9369}.keyboard{position:absolute;width:155px;height:32px;background:repeating-linear-gradient(90deg,#cec9b7 0 12px,#f5f0e6 12px 15px);border:6px solid #f5f0e6;left:110px;top:212px;transform:skewX(-12deg)}.plant{position:absolute;right:0;top:100px;color:#6e8765;font-size:80px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid #d9dfd5;border-radius:8px;background:#fffef9;padding:28px;text-decoration:none}.card:hover{border-color:#788b69}.number{font-size:34px;font-weight:300;color:#c1b99c}.tag{font-size:12px;color:#796746}.card p:not(.tag){font-size:14px;color:#62716b}.card>span:last-child{font-size:13px;font-weight:700}.table-scroll{overflow-x:auto;border:1px solid #d9dfd5;border-radius:8px;background:#fffef9}table{width:100%;border-collapse:collapse;min-width:850px;font-size:13px}th{text-align:left;background:#e7ecdf;padding:18px}td{padding:18px;vertical-align:top;border-top:1px solid #e6e8df}td:first-child{width:20%}td:nth-child(2){width:19%}td:nth-child(4){width:28%}small{display:block;font-size:11px;color:#6d786f;margin:6px 0}td a{display:inline-block;font-weight:600}.muted{color:#737b70;font-size:13px}.note{background:#e8ecdf;padding:32px;margin:40px 0;border-radius:8px}.note p{font-size:14px}footer{padding:45px 7%;border-top:1px solid #d9dfd5;font-size:12px;color:#68746a}footer strong{font-size:17px}.article{padding-top:50px;padding-bottom:70px;max-width:1100px}.article h1{font-size:38px;margin:20px 0}.article>p{max-width:850px}.article h2{margin-top:52px}.article h3{margin-top:35px}.article .table-scroll{margin:30px 0}@media(max-width:800px){main{padding:0 20px}.site-header{padding:20px;flex-wrap:wrap;gap:12px}nav{gap:18px;font-size:12px}h1{font-size:46px}.hero{padding:40px 0 240px;min-height:650px}.hero p{font-size:14px}.desk-art{transform:scale(.7) rotate(-5deg);transform-origin:bottom right;right:15px;top:auto;bottom:15px}.cards{grid-template-columns:1fr}.card{padding:24px}section{padding:38px 0}h2{font-size:25px}.article{padding-top:30px}.article h1{font-size:30px}.note{padding:24px}}