.lead{font-family:var(--f-title);font-size:clamp(28px,3.6vw,46px);font-weight:300;line-height:1.25;letter-spacing:-.02em;max-width:920px}
.lead span{color:var(--muted)}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,5vw,70px);margin-top:clamp(60px,8vw,110px)}
.benefit h2{font-size:21px;font-weight:400;letter-spacing:-.025em;line-height:1.05;margin-bottom:8px}
.benefit p{color:var(--muted)}
.ico{display:block;width:12px;height:12px;border-radius:50%;margin-bottom:22px}
.ico--sun{background:var(--sun);box-shadow:0 0 0 8px rgba(255,199,0,.18)}
.ico--blue{background:var(--blue);box-shadow:0 0 0 8px rgba(0,174,239,.15)}
.ico--green{background:var(--green);box-shadow:0 0 0 8px rgba(76,175,122,.15)}

.timeline{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:70px;position:relative}
.timeline::before{content:"";position:absolute;top:34px;left:0;right:0;height:1px;background:rgba(255,255,255,.25)}
.timeline li{position:relative;padding-top:50px}
.timeline b{position:absolute;top:0;left:0;font-family:var(--f-title);font-weight:400;font-size:14px;padding-right:14px}
.timeline li:first-child b{color:var(--sun)}
.timeline p{color:var(--muted);font-size:15px}

.sim{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center}
.sim .muted{margin-bottom:54px}
.field{margin-bottom:44px}
.field__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;color:var(--ink-2)}
.field__top output{font-family:var(--f-title);font-size:26px;color:var(--ink)}
.ticks{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--muted)}
.ticks i{font-style:normal;width:18px;text-align:center}

input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;cursor:pointer;outline:none;background:linear-gradient(90deg,var(--sun),var(--blue)) 0/var(--p,50%) 100% no-repeat,var(--line)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:0;box-shadow:0 4px 14px rgba(0,0,0,.4);transition:transform .2s}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}
input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:0;box-shadow:0 4px 14px rgba(0,0,0,.4)}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(0,174,239,.25)}

.sim__card{padding:clamp(32px,4vw,54px);border-radius:32px;background:rgba(255,255,255,.08);box-shadow:0 20px 60px -30px rgba(0,0,0,.4)}
.sim__label{font-size:13px;color:var(--muted)}
.sim__use{color:var(--ink-2);margin-bottom:32px}

.price{font-family:var(--f-body);font-size:clamp(32px,4vw,50px);font-weight:400;letter-spacing:-.03em;line-height:1.1;margin:10px 0 8px;font-variant-numeric:tabular-nums;white-space:nowrap}

.row-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.arrows{display:flex;gap:10px;margin-bottom:24px}
.arrows button{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:18px;transition:background .45s,color .45s,border-color .45s}
.arrows button:hover{background:#fff;color:var(--night);border-color:#fff}

.slider{padding-top:20px;overflow:hidden;touch-action:pan-y;cursor:grab}
.slider.is-drag{cursor:grabbing}
.slider.is-drag *{pointer-events:none}
.track{display:flex;align-items:stretch;gap:18px;width:max-content;will-change:transform}
.slide{position:relative;flex:0 0 clamp(240px,24vw,310px);aspect-ratio:3/4.4;border-radius:24px;overflow:hidden;background:var(--card)}
.slide--wide{flex-basis:clamp(320px,46vw,620px);aspect-ratio:auto;height:auto}
.slide video,.slide img{width:100%;height:100%;object-fit:cover}
.slide__ph{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:var(--muted);font-size:13px}
.slide__ph b{font-family:var(--f-title);font-size:56px;font-weight:200;color:rgba(255,255,255,.14);line-height:1}

.pro{max-width:780px}
.pro__tag{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:20px}
.pro .muted{font-size:18px;margin-bottom:30px}

.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,100px);align-items:start}
.contact .muted{max-width:380px}
.phone{display:inline-block;margin:36px 0 8px;font-family:var(--f-title);font-size:clamp(28px,3vw,38px);font-weight:300;border-bottom:2px solid var(--sun);transition:color .2s}
.phone:hover{color:var(--sun)}

.form{display:grid;gap:26px}
.form,.form input,.form textarea,.form select{-webkit-user-select:text;user-select:text}
.row{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.form input,.form select,.form textarea{
  width:100%;padding:10px 0;border:0;border-radius:0;
  border-bottom:1px solid rgba(255,255,255,.22);background:transparent;
  font-size:16px;color:var(--ink);color-scheme:dark;resize:vertical;transition:border-color .25s;
}
.form select option{background:var(--night)}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-bottom-color:var(--sun)}
.form .is-invalid{border-bottom-color:#e0483b}
.form label.check{flex-direction:row;align-items:flex-start;gap:12px;font-size:14px;color:var(--ink-2)}
.check input{width:18px!important;height:18px;flex:none;margin-top:3px;accent-color:var(--sun)}
.check.is-invalid{color:#ff8a7a}
.form .btn{justify-self:start}
.form .btn.is-loading{pointer-events:none;opacity:.7}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
#formMsg.ok{color:#5be39a}
#formMsg.err{color:#ff8a7a}

@media (max-width:960px){
  .sim,.contact{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr 1fr;row-gap:50px}
  .timeline::before{display:none}
}
@media (max-width:760px){
  .benefits{grid-template-columns:1fr;gap:44px}
}
@media (max-width:560px){
  .timeline,.row{grid-template-columns:1fr}
  .arrows{display:none}
  .form .btn{justify-self:stretch}
}

.cp-field{position:relative;display:flex;flex-direction:column}
.cp-list{position:absolute;z-index:20;top:100%;left:0;right:0;margin-top:6px;list-style:none;max-height:260px;overflow:auto;border-radius:12px;background:#2a2e31;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px -12px rgba(0,0,0,.6);padding:6px}
.cp-list li{padding:10px 12px;border-radius:8px;cursor:pointer;font-size:15px;color:var(--ink)}
.cp-list li b{color:var(--sun);font-weight:600;margin-right:4px}
.cp-list li:hover,.cp-list li.is-active{background:rgba(255,255,255,.1)}
.field-error{margin-top:2px;font-size:14px;font-weight:500;color:#ff8a7a;display:flex;align-items:center;gap:6px}
.field-error::before{content:"!";flex:none;width:18px;height:18px;border-radius:50%;background:#ff6b5b;color:#1c1f21;font-size:12px;font-weight:700;display:grid;place-items:center}
.field-error[hidden]{display:none}
.check+.field-error{margin-top:-14px}
.form-msg{font-size:16px;font-weight:500;line-height:1.5;border-radius:12px}
.form-msg:empty{display:none}
.form-msg.err{color:#ffb3a8;background:rgba(255,107,91,.14);border:1px solid rgba(255,107,91,.4);padding:14px 16px}
.form-msg.ok{color:#a6f0c6;background:rgba(91,227,154,.12);border:1px solid rgba(91,227,154,.4);padding:14px 16px}