*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f5f1;color:#15181b;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff;border-bottom:1px solid #e7e5df;position:sticky;top:0;z-index:20}.brand{font-weight:800;font-size:23px;letter-spacing:-1px}.brand span{font-weight:400}nav{display:flex;gap:28px;align-items:center;font-size:13px}.{background:#111;color:#fff;border-radius:99px;padding:11px 18px}.hero{padding:85px 6%;min-height:570px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#efede7}.hero small,.library small,.how small{font-size:10px;letter-spacing:2px;font-weight:800;color:#777}.hero h1{font-size:clamp(48px,6vw,80px);line-height:.95;letter-spacing:-4px;margin:16px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero p{max-width:580px;font-size:17px;line-height:1.75;color:#606466}.btn{display:inline-block;margin-top:22px;padding:14px 22px;border-radius:99px;background:#111;color:#fff;font-size:13px;font-weight:800}.hero-window{background:#d8d5cd;padding:20px;box-shadow:0 25px 55px #0002;transform:rotate(1.2deg)}.hero-window img{display:block;width:100%;height:390px;object-fit:cover;object-position:top;background:#fff}.library{padding:100px 6%}.head h2,.how h2{font-size:50px;letter-spacing:-2px;margin:12px 0}.head p{color:#666;line-height:1.7;max-width:650px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:42px}.cards article{background:#fff;border:1px solid #e4e3df;border-radius:14px;overflow:hidden;box-shadow:0 12px 35px #11110d0b}.shot{display:block;height:345px;position:relative;background:#ddd;overflow:hidden}.shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .35s ease}.shot span{position:absolute;left:20px;bottom:18px;color:#fff;font-size:12px;font-weight:800;background:#111d;padding:9px 12px;border-radius:99px;opacity:0;transition:.25s}.cards article:hover .shot img{transform:scale(1.035)}.cards article:hover .shot span{opacity:1}.body{padding:24px}.body h3{font-size:22px;margin:9px 0}.body p{font-size:14px;line-height:1.6;color:#666;min-height:46px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.chips i{font-style:normal;font-size:10px;color:#666;border:1px solid #ddd;padding:6px 9px;border-radius:99px}.actions{display:flex;gap:8px}.outline,.dark{font-size:12px;font-weight:800;padding:10px 14px;border-radius:99px;border:1px solid #111}.dark{background:#111;color:#fff}.how{padding:90px 6%;background:#111;color:#fff}.how small{color:#aaa}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.how article b{color:#888}.how article h3{font-size:23px}.how article p{color:#aaa;line-height:1.6}footer{padding:35px 6%;display:flex;justify-content:space-between;background:#fff;border-top:1px solid #ddd;color:#777}@media(max-width:850px){.hero{grid-template-columns:1fr}.cards,.how>div{grid-template-columns:1fr}.hero-window img{height:300px}.head h2,.how h2{font-size:40px}}@media(max-width:600px){nav a:not(.){display:none}footer{display:block}.hero h1{letter-spacing:-2px}.library{padding:70px 5%}}