@font-face{font-family:Montserrat;src:url(Montserrat-Regular.ttf)}@font-face{font-family:Montserrat;src:url(Montserrat-Bold.ttf);font-weight:700}*{box-sizing:border-box}body{margin:0;background:#000321;color:#fff;font-family:Montserrat,Arial,sans-serif;line-height:1.65}a{color:inherit}header,main,footer{max-width:1180px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff24}header img{width:170px}header span,.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700}.eyebrow{color:#ff6c00}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;padding:58px 0 70px;align-items:center}h1{font-size:clamp(40px,5.3vw,69px);line-height:1.05;letter-spacing:-.045em;margin:20px 0 28px;text-wrap:balance}h1 em{color:#ff6c00;font-style:normal}h2{font-size:32px;line-height:1.2;letter-spacing:-.03em}p{max-width:650px;color:#d5d7e0}.lead{font-size:19px}.portrait{width:100%;display:block;max-height:520px;object-fit:contain;background:linear-gradient(145deg,#ff6c00,#000321 85%);border-radius:180px 180px 12px 12px}.button{display:inline-block;padding:17px 26px;background:#ff6c00;border-radius:5px;color:#000321;text-decoration:none;font-weight:700;border:0;font:inherit;cursor:pointer}section{padding:55px 0;border-top:1px solid #ffffff24}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.columns article{border-left:3px solid #ff6c00;padding-left:23px}.number{font-size:14px;color:#ff6c00}.offer{display:grid;grid-template-columns:1fr 1fr;gap:60px}.panel{background:#fff;color:#000321;padding:35px;border-radius:8px}.panel p{color:#44475a}.price{font-size:55px;font-weight:700;line-height:1.2}.price del{font-size:24px;color:#777;margin-right:18px;font-weight:400}.small{font-size:13px}.notice{background:#fff1e5;padding:18px;border-left:3px solid #ff6c00}details{padding:20px 0;border-bottom:1px solid #ffffff24}summary{font-weight:700;cursor:pointer}footer{font-size:12px;color:#b3b6c7;border-top:1px solid #ffffff24}.button:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(max-width:720px){header,main,footer{padding:22px}.hero,.offer,.columns{grid-template-columns:1fr;gap:30px}.hero{padding-top:35px}h1{font-size:46px}.portrait{max-height:380px}.hero figure{margin:0}.panel{padding:25px}header span{font-size:10px;text-align:right;max-width:130px}}