:root{font-family:Tahoma,"Leelawadee UI",sans-serif;color:#064c50;background:#e5eeea;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,main,footer{width:min(1120px,calc(100% - 48px));margin-inline:auto}header{padding:28px 0;border-bottom:1px solid #b8cec7}.brand{font-size:21px;font-weight:700}.brand span{font-weight:400;margin-left:8px}main{padding:56px 0 72px;min-height:75vh}h1{font-size:clamp(32px,5vw,54px);line-height:1.3;margin:0;letter-spacing:-.02em}.intro{max-width:60ch;color:#42665e;line-height:1.9;margin:20px 0 36px}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tool{display:block;border-radius:16px;overflow:hidden;background:#fffdf8;transition:box-shadow .2s}.tool:hover{box-shadow:0 10px 28px #164a4026}.tool:focus-visible,a:focus-visible{outline:3px solid #aa6c13;outline-offset:5px}.preview{height:210px;background:#cfdfd9;display:grid;place-items:center}.preview img{height:155px;width:auto;mix-blend-mode:multiply}.details{padding:24px}h2{font-size:21px;line-height:1.5;margin:0 0 12px}.details p{font-size:14px;line-height:1.9;color:#42665e;margin:0 0 24px}.open{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-weight:700;color:#005b5e}footer{padding:24px 0;border-top:1px solid #b8cec7;font-size:13px;color:#42665e}::selection{background:#abcfc2;color:#053f42}@media(max-width:850px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){header,main,footer{width:calc(100% - 32px)}main{padding-top:36px}.tools{grid-template-columns:1fr}.preview{height:180px}}