*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#17202a;background:#fff;line-height:1.6}.container{width:min(1120px,92%);margin:auto}.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e8ebef}.nav{height:74px;display:flex;align-items:center;gap:28px}.logo{font-size:21px;font-weight:800;text-decoration:none;color:#17202a;margin-right:auto}.logo span{font-weight:400}.nav nav{display:flex;gap:24px}.nav nav a,.footer-inner a{color:#46515d;text-decoration:none}.btn{display:inline-block;background:#17202a;color:#fff;text-decoration:none;padding:13px 22px;border-radius:10px;font-weight:700;border:1px solid #17202a;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-outline{background:transparent;color:#17202a}.btn-small{padding:9px 15px;font-size:14px}.hero{padding:92px 0 80px;background:linear-gradient(135deg,#f5f7fa,#fff)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#65717e;margin:0 0 13px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.03;letter-spacing:-2.5px;margin:0 0 24px}.hero-text{font-size:19px;color:#596571;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-card{padding:20px}.browser{background:#fff;border:1px solid #dfe4e9;border-radius:18px;box-shadow:0 25px 70px rgba(23,32,42,.12);overflow:hidden;transform:rotate(1deg)}.browser-top{height:42px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;gap:7px;padding:0 16px}.browser-top i{width:9px;height:9px;border-radius:50%;background:#cbd1d7}.browser-content{min-height:300px;padding:55px 42px;display:flex;flex-direction:column;gap:17px;background:linear-gradient(145deg,#fff,#f1f4f7)}.browser-content span{font-size:12px;text-transform:uppercase;letter-spacing:2px}.browser-content strong{font-size:38px;line-height:1.1}.browser-content small{color:#65717e}.section{padding:90px 0}.section-alt{background:#f5f7f9}.section-heading{text-align:center;max-width:720px;margin:0 auto 45px}.section-heading h2,.offer-grid h2,.contact h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-1.2px;margin:0 0 15px}.section-heading p:not(.eyebrow){color:#65717e}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e1e6eb;border-radius:18px;padding:30px;background:#fff;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(23,32,42,.08)}.card-icon{font-size:38px;margin-bottom:18px}.card h3{font-size:23px;margin:0 0 8px}.card p{color:#65717e;min-height:92px}.card-link{font-weight:800;color:#17202a;text-decoration:none}.offer-grid{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center}.offer-grid>div:first-child p:not(.eyebrow){color:#65717e;font-size:18px}.price-card{background:#fff;border:1px solid #dfe4e9;border-radius:20px;padding:34px;box-shadow:0 15px 50px rgba(23,32,42,.07)}.price-label{font-size:12px;letter-spacing:2px;font-weight:800}.price{font-size:56px;font-weight:850;line-height:1.1}.price-note{color:#65717e;margin-top:0}.price-card ul{padding-left:20px}.price-card li{margin:9px 0}.full{width:100%;text-align:center;margin-top:15px}.three-points{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.three-points div{display:flex;flex-direction:column;gap:8px}.three-points span{color:#65717e}.contact{padding:90px 0;background:#17202a;color:#fff}.contact .eyebrow{color:#aeb8c2}.contact-inner{display:grid;grid-template-columns:1fr 390px;gap:80px;align-items:center}.contact h2{max-width:700px}.contact-inner>div:first-child>p:last-child{color:#c5ccd3;max-width:620px}.contact-box{background:#fff;color:#17202a;border-radius:18px;padding:30px}.contact-box p{margin-top:0}.hidden-field{position:absolute;left:-9999px;top:-9999px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:#46515d}.form-group .required{color:#c0392b}.form-group input,.form-group textarea{width:100%;padding:11px 13px;border:1px solid #d7dce1;border-radius:9px;font:inherit;color:#17202a;background:#fbfcfd;transition:.15s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#17202a;background:#fff}.form-group textarea{resize:vertical;min-height:90px}#submit-btn{border:none;cursor:pointer;font:inherit}#submit-btn:disabled{background:#c7ccd2;border-color:#c7ccd2;cursor:not-allowed;transform:none}.form-message{font-size:14px;margin:12px 0 0;min-height:20px}.form-message.success{color:#1e8449;font-weight:700}.form-message.error{color:#c0392b;font-weight:700}@media(max-width:520px){.form-row{grid-template-columns:1fr}}.small{font-size:12px;color:#65717e;margin:15px 0 0!important}footer{border-top:1px solid #e5e8eb;padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;color:#65717e;font-size:14px}@media(max-width:850px){.nav nav{display:none}.hero{padding:60px 0}.hero-grid,.offer-grid,.contact-inner{grid-template-columns:1fr;gap:40px}.cards,.three-points{grid-template-columns:1fr}.card p{min-height:auto}.hero-card{padding:0}.browser-content{min-height:250px}.price-card{max-width:500px}.footer-inner{flex-direction:column}.hero h1{letter-spacing:-1.5px}}
.cookie-banner {
  position: fixed;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  background: #ffffff;
  color: #17202a;
  border: 1px solid #e1e5eb;
  border-radius: 16px;
  box-shadow: 0 15px 45px rgba(0,0,0,.18);
  padding: 22px;
}

.cookie-content {
  max-width: 1100px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

.cookie-content h3 {
  margin: 0 0 5px;
  font-size: 18px;
}

.cookie-content p {
  margin: 0;
  color: #687385;
  font-size: 14px;
  max-width: 700px;
}

.cookie-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.cookie-btn {
  border: 1px solid #d9dee7;
  border-radius: 8px;
  padding: 10px 15px;
  font-weight: 700;
  cursor: pointer;
  background: white;
  color: #17202a;
}

.cookie-btn.accept {
  background: #5267d9;
  border-color: #5267d9;
  color: white;
}

.cookie-panel {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0,0,0,.5);
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.cookie-panel[aria-hidden="false"] {
  display: flex;
}

.cookie-panel-content {
  position: relative;
  width: min(550px, 100%);
  background: white;
  color: #17202a;
  border-radius: 18px;
  padding: 30px;
}

.cookie-panel-content h3 {
  margin-top: 0;
  font-size: 25px;
}

.cookie-panel-content p {
  color: #687385;
}

.cookie-close {
  position: absolute;
  top: 12px;
  right: 15px;
  border: 0;
  background: none;
  font-size: 28px;
  cursor: pointer;
}

.cookie-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 0;
  border-top: 1px solid #e5e8ed;
  border-bottom: 1px solid #e5e8ed;
}

.cookie-option strong {
  display: block;
}

.cookie-option p {
  margin: 4px 0 0;
  font-size: 13px;
}

.switch {
  position: relative;
  width: 48px;
  height: 26px;
  flex-shrink: 0;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch span {
  position: absolute;
  inset: 0;
  background: #c8ced7;
  border-radius: 30px;
  cursor: pointer;
}

.switch span:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 3px;
  top: 3px;
  background: white;
  border-radius: 50%;
  transition: .2s;
}

.switch input:checked + span {
  background: #5267d9;
}

.switch input:checked + span:before {
  transform: translateX(22px);
}

.cookie-save {
  width: 100%;
  margin-top: 20px;
}

@media(max-width:700px) {

  .cookie-banner {
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 18px;
  }

  .cookie-content {
    display: block;
  }

  .cookie-actions {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr;
  }

  .cookie-btn {
    width: 100%;
  }

}