/* Забусти «Старт» — лендинг самовыкупов с самовывозом из ПВЗ */
:root{
  --orange:#FF6E17; --orange-soft:#FFF1E8; --ink:#192E36; --muted:#5D6F74;
  --slate:#45556C; --bg:#FFFFFF; --bg2:#FAFAFA; --line:#ECEFF1;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Golos Text',system-ui,sans-serif;color:var(--ink);background:var(--bg);}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px;}
section{padding:76px 0;}
.alt{background:var(--bg2);}
h2{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.4px;text-align:center;}
h2 .hl{color:var(--orange);}
.lead{text-align:center;color:var(--muted);font-size:17px;line-height:1.5;max-width:640px;margin:14px auto 0;}
.hl{color:var(--orange);}

.btn{font-family:inherit;font-weight:600;border:none;border-radius:12px;cursor:pointer;
     padding:13px 24px;font-size:15px;transition:transform .12s ease, box-shadow .2s ease;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px rgba(255,110,23,.28);}
.btn-ghost{background:#fff;color:var(--orange);border:1.5px solid var(--orange);text-decoration:none;display:inline-block;}
.btn-ghost:hover{background:var(--orange-soft);}
.center{text-align:center;}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);
       border-bottom:1px solid var(--line);}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:70px;}
.logo{font-weight:800;font-size:24px;color:var(--orange);font-style:italic;letter-spacing:.5px;}

/* hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:54px 0 80px;}
.eyebrow{display:inline-block;font-size:13px;font-weight:600;color:var(--orange);
         background:var(--orange-soft);padding:7px 14px;border-radius:999px;margin-bottom:22px;}
h1{font-size:46px;line-height:1.08;font-weight:800;letter-spacing:-.5px;}
.sub{margin-top:18px;font-size:18px;line-height:1.5;color:var(--muted);max-width:520px;}
.tariff{margin-top:22px;display:flex;gap:12px;align-items:flex-start;background:var(--bg2);
        border:1px solid var(--line);border-radius:16px;padding:16px 18px;max-width:530px;}
.tariff .tag{flex:0 0 auto;background:var(--orange);color:#fff;font-weight:700;font-size:13px;
             border-radius:8px;padding:5px 10px;}
.tariff p{font-size:15px;line-height:1.45;}
.cta-row{margin-top:28px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.cta-note{font-size:13px;color:var(--muted);}

/* animation panel */
.panel{background:var(--bg2);border:1px solid var(--line);border-radius:24px;padding:22px;
       box-shadow:0 30px 60px -30px rgba(25,46,54,.25);}
.panel-top{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.search{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);
        border-radius:10px;padding:9px 12px;font-size:13px;color:var(--muted);}
.search svg{width:15px;height:15px;stroke:var(--muted);fill:none;stroke-width:2;}
.badge-top{font-size:12px;font-weight:700;color:var(--orange);background:var(--orange-soft);
           padding:5px 10px;border-radius:999px;white-space:nowrap;}
.list{position:relative;height:372px;}
.row{position:absolute;left:0;right:0;height:56px;display:flex;align-items:center;gap:12px;
     background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 14px;
     transition:top .7s cubic-bezier(.4,0,.2,1), box-shadow .4s, border-color .4s;}
.rank{flex:0 0 26px;text-align:center;font-weight:700;font-size:14px;color:var(--muted);}
.thumb{flex:0 0 34px;height:34px;border-radius:8px;background:#E7ECEE;}
.bars{flex:1;}
.bars .b1{height:8px;width:62%;background:#E7ECEE;border-radius:4px;}
.bars .b2{height:8px;width:40%;background:#EEF2F3;border-radius:4px;margin-top:7px;}
.row.you{border:1.6px solid var(--orange);box-shadow:0 12px 26px -12px rgba(255,110,23,.5);}
.row.you .thumb{background:var(--orange);}
.row.you .you-label{font-weight:700;font-size:14px;}
.row.you .meta{font-size:12px;color:var(--muted);margin-top:3px;display:flex;gap:10px;}
.row.you .star{color:var(--orange);font-weight:700;}
.row.you .rank{color:var(--orange);}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;}
.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 20px;position:relative;}
.step .n{width:38px;height:38px;border-radius:11px;background:var(--orange-soft);color:var(--orange);
         font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.step h3{font-size:17px;font-weight:700;margin-bottom:6px;}
.step p{font-size:14px;color:var(--muted);line-height:1.45;}
.step .arrow{position:absolute;right:-14px;top:42px;color:#CBD3D6;font-size:20px;z-index:2;}
.step:last-child .arrow{display:none;}

/* video */
.video{max-width:760px;margin:46px auto 0;}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#0F1A1F;border-radius:18px;
             overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;
             border:1px solid var(--line);}
.play{width:74px;height:74px;border-radius:50%;background:var(--orange);display:flex;align-items:center;
      justify-content:center;box-shadow:0 10px 30px rgba(255,110,23,.5);}
.play:after{content:"";border-left:22px solid #fff;border-top:13px solid transparent;
            border-bottom:13px solid transparent;margin-left:5px;}
.video-cap{text-align:center;color:var(--muted);font-size:14px;margin-top:14px;}
.link-cta{display:inline-block;color:var(--orange);font-weight:600;font-size:15px;text-decoration:none;
          border-bottom:1.5px solid var(--orange);}

/* economy */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:760px;margin:40px auto 0;}
.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center;}
.stat .big{font-size:38px;font-weight:800;color:var(--orange);line-height:1;}
.stat .lbl{font-size:14px;color:var(--muted);margin-top:8px;}
.cmp{max-width:760px;margin:30px auto 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;}
.cmp .cmp-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;}
.cmp .cmp-row + .cmp-row{border-top:1px solid var(--line);}
.cmp .cmp-row > div{padding:15px 18px;font-size:15px;}
.cmp .feat{color:var(--muted);}
.cmp .col-old{text-align:center;color:var(--muted);}
.cmp .col-new{text-align:center;font-weight:700;background:var(--orange-soft);color:var(--ink);}
.cmp .head{font-weight:700;background:#fff;}
.cmp .head .col-new{background:var(--orange);color:#fff;}
.cmp .head .col-old{color:var(--ink);font-weight:600;}
.callout{max-width:760px;margin:24px auto 0;background:var(--orange-soft);border:1px solid #FFD9C2;
         border-radius:16px;padding:18px 22px;text-align:center;font-size:17px;font-weight:600;color:var(--ink);}
.callout b{color:var(--orange);}

/* form */
.form-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;max-width:960px;margin:44px auto 0;align-items:start;}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;
      box-shadow:0 30px 60px -34px rgba(25,46,54,.22);}
.field{margin-bottom:16px;}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px;}
.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:15px;color:var(--ink);
      border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;outline:none;transition:border-color .2s;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);}
.field textarea{resize:vertical;min-height:80px;}
.consent{font-size:12px;color:var(--muted);margin-top:6px;}
.success{display:none;text-align:center;padding:24px;}
.success .ok{width:60px;height:60px;border-radius:50%;background:var(--orange-soft);color:var(--orange);
     font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{width:100%;text-align:left;background:none;border:none;font-family:inherit;font-size:16px;font-weight:600;
       color:var(--ink);padding:18px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.faq-q .ic{color:var(--orange);transition:transform .25s;flex:0 0 auto;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--muted);font-size:15px;line-height:1.5;}
.faq-item.open .faq-a{max-height:160px;padding-bottom:18px;}
.faq-item.open .ic{transform:rotate(45deg);}

/* footer */
footer{border-top:1px solid var(--line);padding:34px 0;}
.foot-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.foot-links{display:flex;gap:22px;}
.foot-links a{color:var(--muted);text-decoration:none;font-size:15px;}
.foot-links a:hover{color:var(--orange);}
.copy{color:var(--muted);font-size:13px;}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1;transform:none;}

@media(max-width:880px){
  section{padding:54px 0;}
  h1{font-size:33px;} h2{font-size:27px;}
  .hero{grid-template-columns:1fr;gap:30px;padding-top:24px;}
  .panel{order:-1;}
  .steps{grid-template-columns:1fr 1fr;}
  .step .arrow{display:none;}
  .stats{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){ .steps{grid-template-columns:1fr;} }