@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',sans-serif;color:#273835;background:#f5f2ea;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2ea}button,a{font:inherit}button{cursor:pointer;border:0}.nav-wrap{position:absolute;inset:0 0 auto;z-index:2}.nav{height:88px;max-width:1240px;margin:auto;padding:0 34px;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:10px;color:#273835;text-decoration:none;font-size:15px;letter-spacing:3px;font-weight:700}.brand img{width:29px;height:29px;object-fit:contain}.nav-note{font-size:10px;letter-spacing:2px;color:#89948d;margin-left:36px}.nav-download{margin-left:auto;background:transparent;color:#273835;border-bottom:1px solid #273835;padding:9px 0;letter-spacing:.3px}.nav-download span{margin-left:11px}.hero{min-height:760px;max-width:1240px;margin:auto;padding:150px 34px 90px;display:grid;grid-template-columns:48% 52%;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#7d8e84;margin:0 0 20px;font-weight:600}.hero h1{font-family:'Noto Serif SC',serif;font-size:clamp(44px,6vw,78px);line-height:1.22;font-weight:600;letter-spacing:0;margin:0;color:#253b36}.hero h1 em{font-style:normal;color:#849f91}.intro{font-size:16px;line-height:1.9;color:#687a72;max-width:430px;margin:27px 0 34px}.actions{display:flex;align-items:center;gap:25px}.download{background:#314f45;color:#fff;padding:15px 21px;border-radius:2px;display:inline-flex;gap:20px;align-items:center;box-shadow:0 8px 20px #314f4520}.download:hover{background:#223d35;transform:translateY(-1px)}.text-link{color:#456258;text-decoration:none;border-bottom:1px solid #9eafa5;padding-bottom:4px;font-size:14px}.text-link span{margin-left:9px}.availability{color:#89968f;font-size:12px;margin-top:24px;display:flex;gap:8px;align-items:center}.pulse{width:7px;height:7px;border-radius:50%;background:#c28c53;box-shadow:0 0 0 4px #c28c5320}.hero-art{height:510px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:390px;height:390px;border-radius:50%;background:#dce4d9;top:24px;right:70px}.reader{position:relative;width:290px;height:400px;transform:rotate(7deg);filter:drop-shadow(22px 24px 18px #38534a22)}.reader-screen{position:absolute;inset:18px 16px 20px;background:#e9e6da;border:1px solid #c6c6b9;border-radius:3px;padding:42px 34px;color:#59665e}.reader-edge{position:absolute;right:-9px;top:29px;bottom:28px;width:10px;background:#b6c1b5;border-radius:0 7px 7px 0}.screen-k{font-family:serif;font-size:74px;color:#89a096;display:block;line-height:1;margin-bottom:36px}.screen-line{display:block;width:72%;height:4px;background:#a9b2a7;margin:14px 0}.screen-line.wide{width:90%;background:#7d9185}.screen-line.short{width:46%}.screen-page{position:absolute;right:25px;bottom:22px;font-size:10px;letter-spacing:1px;color:#95a096}.art-label{position:absolute;font-size:10px;letter-spacing:2px;color:#789087}.label-top{top:90px;right:12px}.label-bottom{bottom:45px;left:55px;writing-mode:vertical-rl}.signal{max-width:1172px;margin:auto;border-top:1px solid #d9ddd3;border-bottom:1px solid #d9ddd3;padding:37px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.signal>div{display:grid;grid-template-columns:35px 1fr;column-gap:15px}.signal-no{font-size:11px;color:#b18c63;letter-spacing:1px}.signal strong{font-family:'Noto Serif SC',serif;font-size:20px;font-weight:600}.signal p{grid-column:2;color:#829088;font-size:13px;line-height:1.7;margin:8px 0 0;max-width:230px}.closing{max-width:1172px;margin:0 auto;padding:130px 0 150px}.closing h2{font-family:'Noto Serif SC',serif;font-size:52px;line-height:1.35;margin:0 0 30px;font-weight:600}.outline{background:transparent;color:#314f45;border:1px solid #82988e;box-shadow:none}.modal{position:fixed;inset:0;background:#213a3488;display:grid;place-items:center;padding:20px;z-index:5}.modal[hidden]{display:none}.modal-card{position:relative;background:#f8f6ef;max-width:400px;width:100%;padding:42px;border-radius:3px;box-shadow:0 20px 60px #203a3440}.modal-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dce6de;color:#456b5e;font-family:serif;font-size:23px;margin-bottom:28px}.modal-card h2{font-family:'Noto Serif SC',serif;font-size:30px;margin:0 0 12px}.modal-card>p:not(.eyebrow){color:#77857d;line-height:1.8;font-size:14px;margin:0 0 25px}.modal-close{position:absolute;top:17px;right:18px;font-size:25px;color:#7e8d85;background:none}.modal-action{width:100%;justify-content:center}.modal-open{overflow:hidden}@media(max-width:800px){.nav{height:72px;padding:0 20px}.nav-note{display:none}.nav-download{font-size:13px}.hero{display:block;padding:125px 20px 65px;min-height:0}.hero h1{font-size:50px}.hero-art{height:430px;margin-top:30px}.sun{width:300px;height:300px;right:4%;top:22px}.reader{transform:rotate(6deg) scale(.82)}.label-top{right:0}.signal,.closing{margin-left:20px;margin-right:20px}.signal{gap:20px}.closing{padding:95px 0 110px}.closing h2{font-size:42px}}@media(max-width:540px){.hero h1{font-size:43px}.intro{font-size:14px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-art{height:380px}.reader{transform:rotate(6deg) scale(.72)}.signal{display:block;padding:12px 0}.signal>div{padding:20px 0;border-bottom:1px solid #e0e3dc}.signal>div:last-child{border:0}.closing h2{font-size:37px}.modal-card{padding:34px 25px}}