*{box-sizing:border-box}body{margin:0;background:#fcfaf5;color:#213d31;font:16px/1.6 system-ui,sans-serif}main{max-width:1380px;margin:auto;padding:40px 28px}h1{font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:-.035em;max-width:760px}h2{font-size:22px}h3{font-size:17px}.eyebrow{font:650 11px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.09em;color:#64785b}header>p{max-width:740px}nav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}a{color:#245d40;text-underline-offset:3px}nav a{padding:8px 14px;border:1px solid #c6d2c0;border-radius:8px;text-decoration:none}a.primary{background:#224c38;color:#fff;border-color:#224c38}a:focus-visible{outline:3px solid #35774e;outline-offset:3px}.layouts{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;margin:30px 0 60px}figure{margin:0;min-width:0;scroll-margin-top:20px}img{display:block;width:100%;height:auto;border:1px solid #d9dfd2;border-radius:8px;background:#fff}figcaption{font-size:12px;color:#6b7d62;margin-top:9px}.tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:25px}footer{margin-top:48px;border-top:1px solid #d8e0d2;padding-top:20px;font-size:13px;max-width:900px}@media(max-width:750px){main{padding:25px 16px}.layouts,.tasks{grid-template-columns:minmax(0,1fr)}#phone{max-width:390px}.layouts{gap:30px}nav a{padding:7px 11px;font-size:13px}}