header .brand{font:800 19px/1.05 system-ui,sans-serif;letter-spacing:-.035em}header .brand-logo{width:46px;height:46px}header .brand small{font:500 10px/1.25 system-ui,sans-serif;letter-spacing:.015em;margin-top:3px}main{padding-top:22px}.hero{padding:18px 0 26px;max-width:820px}.hero h1{font-size:clamp(40px,5.2vw,58px);line-height:.99;margin:0 0 12px}.hero p:last-child{font-size:17px;line-height:1.45;margin:0;max-width:740px}.now-section .section-head{margin:12px 0 14px}.now-section .section-head h2{font-size:28px}.now-section #user-time{font-size:13px;color:var(--muted)}@media(max-width:760px){header .brand{font-size:16px}header .brand-logo{width:40px;height:40px}.hero{padding:10px 0 22px}.hero h1{font-size:clamp(34px,10vw,43px);line-height:1.02;margin-bottom:12px}.hero p:last-child{font-size:16px}.now-section .section-head{gap:6px;margin-top:6px}.now-section .section-head h2{font-size:25px}}@media(max-width:760px) and (orientation:landscape){main{padding-top:15px}.hero{padding:6px 0 16px}.hero h1{font-size:32px;max-width:720px}.hero p:last-child{font-size:14px;max-width:700px}.now-section .section-head{margin-top:2px}}