*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f6f3;color:#171717}header,footer{background:#111;color:#fff}.wrap{width:min(1100px,92%);margin:auto}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.nav b{font-size:25px}.nav b span,header small{color:#c8a85b}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:70px 0}.hero h1{font-size:48px;line-height:1.05}.hero p{font-size:19px;line-height:1.6;color:#555}.btn{display:inline-block;background:#111;color:#fff;border:0;border-radius:9px;padding:14px 22px;font-weight:bold;text-decoration:none;cursor:pointer}.preview,.card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 15px 50px #0001}.cover{height:180px;border-radius:12px;background:linear-gradient(135deg,#222,#c8a85b,#eee)}i{display:block;height:13px;background:#ddd;border-radius:20px;margin:15px 0}.short{width:55%}.mockbtn{height:45px;background:#111;border-radius:9px}.card{margin-bottom:30px}.card form{display:grid;gap:16px;max-width:700px}label{font-weight:bold;font-size:14px}input,textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #ddd;border-radius:8px;font:inherit}.card button{width:max-content}#result{margin-top:25px;padding:20px;background:#f5f0e4;border-left:4px solid #c8a85b;border-radius:8px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 70px}.features article{background:#fff;padding:24px;border-radius:14px}.features span{display:block;color:#666;margin-top:8px}footer{padding:28px 4%;color:#aaa}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:45px 0}.hero h1{font-size:36px}.features{grid-template-columns:1fr}}