:root{color-scheme:light;--ink:#123c46;--teal:#006c78;--paper:#fff;--sky:#e8f5f7;--muted:#49646a;--line:#c8dfe3}*{box-sizing:border-box}body{margin:0;background:var(--sky);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:17px;line-height:1.8}.shell{max-width:1200px;margin:auto;padding:0 40px}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}a{color:var(--teal);text-underline-offset:5px}a:focus-visible{outline:3px solid var(--teal);outline-offset:6px}.brand{font-family:Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand span{color:var(--teal)}.family{font-size:15px;text-decoration:none}main{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:75px;padding:64px 0 70px}.status{font-size:14px;color:var(--teal);display:flex;align-items:center;gap:8px}.status span{width:8px;height:8px;background:var(--teal);border-radius:50%}h1{font-weight:700;font-size:clamp(36px,4.8vw,58px);letter-spacing:-1.8px;line-height:1.32;margin:20px 0 25px}.lead{font-size:20px;max-width:31em}.intro>p:not(.status){color:var(--muted)}.contact{display:inline-block;margin-top:18px;font-size:16px}.illustration{padding:10px 0 0}.recording{height:80px;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:22px}.recording span{width:7px;height:30%;background:var(--teal);border-radius:4px}.recording span:nth-child(3n){height:80%}.recording span:nth-child(3n + 1){height:45%}.recording span:nth-child(4n){height:100%}.paper{background:var(--paper);padding:33px 34px 38px;box-shadow:12px 14px 0 #c8e4e8;border-radius:3px;transform:rotate(-2deg)}.paper-title{font-size:22px;font-weight:bold;margin-bottom:28px}.lines{margin-top:26px}.lines i{display:block;background:#d7e9ec;height:7px;margin:13px 0;border-radius:2px}.lines i:last-child{width:64%}.lines:nth-child(3) i:last-child{width:82%}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0 30px;font-size:13px;color:var(--muted)}@media(max-width:760px){.shell{padding:0 24px}main{grid-template-columns:1fr;padding:35px 0 50px;gap:35px}h1{font-size:40px}.lead{font-size:18px}.illustration{max-width:330px;width:85%;justify-self:center;margin-bottom:20px}footer{flex-direction:column;gap:5px}.brand{font-size:26px}}