<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <title>Клейкая лента с логотипом на заказ — брендированная лента от производителя</title>
  <meta name="description" content="Заказать клейкую ленту с логотипом от производителя. Брендированная упаковочная лента с печатью вашего логотипа. От 3 коробок, от 41 руб./шт. Доставка по всей России."/>
  <style>
    :root{
      --brand:#FF6B00;--brand-d:#D45800;--dark:#1A1A2E;--mid:#2D2D44;
      --light:#F7F7FB;--border:#E4E4EF;--text:#333;--muted:#666;
      --radius:12px;--shadow:0 4px 24px rgba(0,0,0,.08);
      --nav-h:56px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'Segoe UI',Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65;padding-top:var(--nav-h)}
    a{color:var(--brand);text-decoration:none}
    a:hover{text-decoration:underline}

    /* ── STICKY NAV ── */
    .sticky-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:rgba(26,26,46,.97);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
    .sticky-nav .nav-inner{max-width:1080px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;width:100%}
    .sticky-nav .nav-inner::-webkit-scrollbar{display:none}
    .nav-logo{font-size:13px;font-weight:800;color:#fff;white-space:nowrap;margin-right:20px;flex-shrink:0;letter-spacing:.04em}
    .nav-logo span{color:var(--brand)}
    .nav-btn{background:none;border:none;color:rgba(255,255,255,.7);font-size:13px;font-weight:500;padding:8px 14px;cursor:pointer;white-space:nowrap;border-radius:6px;transition:.2s;flex-shrink:0}
    .nav-btn:hover{color:#fff;background:rgba(255,107,0,.2)}
    .nav-btn.active{color:var(--brand)}
    .nav-cta{margin-left:auto;flex-shrink:0;background:var(--brand);color:#fff;font-size:12px;font-weight:700;padding:7px 16px;border-radius:6px;border:none;cursor:pointer;white-space:nowrap;transition:.2s}
    .nav-cta:hover{background:var(--brand-d)}
    @media(max-width:600px){
      .nav-btn{font-size:11px;padding:6px 10px}
      .nav-logo{font-size:12px;margin-right:10px}
      .nav-cta{font-size:11px;padding:6px 12px}
    }

    /* ── HERO ── */
    .hero{background:linear-gradient(135deg,var(--dark) 0%,var(--mid) 100%);color:#fff;padding:56px 24px 0;text-align:center;position:relative;overflow:hidden}
    .hero::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
    .hero-content{position:relative;z-index:1}
    .hero-badge{display:inline-block;background:var(--brand);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:20px}
    .hero h1{font-size:clamp(26px,4vw,46px);font-weight:800;line-height:1.2;margin-bottom:16px}
    .hero h1 em{color:var(--brand);font-style:normal}
    .hero-sub{font-size:17px;opacity:.85;max-width:680px;margin:0 auto 32px}
    .hero-cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
    .btn{display:inline-block;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:.2s;border:2px solid transparent}
    .btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}
    .btn-primary:hover{background:var(--brand-d);border-color:var(--brand-d);text-decoration:none}
    .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
    .btn-outline:hover{background:rgba(255,255,255,.1);text-decoration:none}
    .hero-stats{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin-top:40px;margin-bottom:0;padding-bottom:40px}
    .hero-stat{text-align:center}
    .hero-stat strong{display:block;font-size:28px;font-weight:800;color:var(--brand)}
    .hero-stat span{font-size:13px;opacity:.7}

    /* ── SLIDER ── */
    .slider-wrap{position:relative;overflow:hidden;background:var(--dark);height:300px}
    @media(max-width:600px){.slider-wrap{height:180px}}
    .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(255,255,255,.4)}
    .slide.active{opacity:1}
    .slide img{width:100%;height:100%;object-fit:cover;display:block}
    .slider-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
    .slider-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:.2s;border:none;padding:0}
    .slider-dot.active{background:var(--brand);width:22px;border-radius:4px}
    .slider-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--brand);z-index:3;transition:width linear}

    /* ── LAYOUT ── */
    .wrap{max-width:1080px;margin:0 auto;padding:0 20px}
    .section{padding:56px 0}
    .section-alt{background:var(--light)}
    h2{font-size:clamp(22px,3vw,34px);font-weight:800;margin-bottom:8px;color:var(--dark)}
    h3{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:8px}
    .lead{font-size:16px;color:var(--muted);margin-bottom:32px;max-width:700px}
    .tag{display:inline-block;background:rgba(255,107,0,.1);color:var(--brand);font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}

    /* ── CONTACT FORM ── */
    .cf-section{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-d) 100%);padding:56px 0}
    .cf-section.alt2{background:linear-gradient(135deg,#16213E 0%,var(--dark) 100%)}
    .cf-section.alt3{background:linear-gradient(135deg,#1b3a1b 0%,#0d260d 100%)}
    .cf-box{max-width:700px;margin:0 auto;text-align:center}
    .cf-box h2{color:#fff}
    .cf-box .lead{color:rgba(255,255,255,.8);margin:0 auto 28px}
    .cf-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    @media(max-width:550px){.cf-form{grid-template-columns:1fr}}
    .cf-form input,.cf-form textarea,.cf-form select{
      padding:13px 16px;border-radius:8px;border:none;font-size:15px;width:100%;
      background:rgba(255,255,255,.12);color:#fff;outline:none;
      border:1.5px solid rgba(255,255,255,.25);transition:.2s;
      font-family:inherit
    }
    .cf-form input::placeholder,.cf-form textarea::placeholder{color:rgba(255,255,255,.55)}
    .cf-form input:focus,.cf-form textarea:focus,.cf-form select:focus{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.6)}
    .cf-form select option{background:#333;color:#fff}
    .cf-form .full{grid-column:1/-1}
    .cf-form textarea{resize:vertical;min-height:90px}
    .cf-submit{grid-column:1/-1;background:#fff;color:var(--brand);font-size:16px;font-weight:700;padding:15px;border:none;border-radius:8px;cursor:pointer;transition:.2s}
    .cf-submit:hover{background:#f0f0f0}
    .cf-note{color:rgba(255,255,255,.6);font-size:12px;margin-top:12px}
    .cf-success{display:none;background:rgba(255,255,255,.15);border-radius:8px;padding:18px;color:#fff;font-weight:600;margin-top:16px}

    /* ── ADVANTAGES ── */
    .adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:32px}
    .adv-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;transition:.2s;position:relative;overflow:hidden}
    .adv-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand);border-radius:4px 0 0 4px}
    .adv-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
    .adv-icon{font-size:28px;margin-bottom:12px}
    .adv-card h3{font-size:15px;margin-bottom:6px}
    .adv-card p{font-size:13px;color:var(--muted)}

    /* ── TABS ── */
    .tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:32px;overflow-x:auto}
    .tab-btn{padding:12px 24px;font-size:15px;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:.2s}
    .tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}
    .tab-btn:hover{color:var(--brand)}
    .tab-panel{display:none}
    .tab-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:28px}
    @media(max-width:600px){.tab-panel.active{grid-template-columns:1fr}}
    .tab-feature{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px}
    .tab-feature h4{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
    .tab-feature p{font-size:16px;font-weight:700;color:var(--dark)}
    .badge-rec{display:inline-block;background:#e8f5e9;color:#2e7d32;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:8px}
    .badge-fast{display:inline-block;background:#fff3e0;color:#e65100;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:8px}
    .tab-desc{grid-column:1/-1;font-size:15px;color:var(--muted);background:var(--light);border-radius:var(--radius);padding:16px 20px;line-height:1.7}

    /* ── SPECS ── */
    .spec-table{width:100%;border-collapse:collapse;font-size:15px}
    .spec-table tr{border-bottom:1px solid var(--border)}
    .spec-table tr:last-child{border-bottom:none}
    .spec-table td{padding:12px 16px;vertical-align:top}
    .spec-table td:first-child{font-weight:600;color:var(--dark);width:42%;background:var(--light)}
    .spec-table tr:nth-child(even) td:first-child{background:#eeeef7}

    /* ── SIZES BLOCK ── */
    .sizes-section{background:#fff}
    .landing-sizes-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:32px}
    .landing-sizes-item{background:var(--light);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:.2s}
    .landing-sizes-item:hover{box-shadow:var(--shadow)}
    .sizes-item-title{font-size:18px;font-weight:800;color:var(--dark);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--brand);display:inline-block}
    .sizes-item-image{text-align:center;margin:16px 0;min-height:80px;display:flex;align-items:center;justify-content:center}
    .sizes-item-image img{max-height:80px;max-width:100%;object-fit:contain}
    .sizes-item-image .size-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-d));display:flex;align-items:center;justify-content:center;font-size:28px}
    .sizes-item-prefs{display:flex;flex-direction:column;gap:10px}
    .sizes-item-pref{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid var(--border)}
    .sizes-item-pref-value span{font-size:15px;font-weight:700;color:var(--brand);white-space:nowrap}
    .sizes-item-pref-name{font-size:13px;color:var(--muted);margin-top:2px}

    /* ── COMPARE ── */
    .compare-wrap{overflow-x:auto;margin-top:24px}
    .compare-table{width:100%;border-collapse:collapse;min-width:500px}
    .compare-table th{background:var(--dark);color:#fff;padding:14px 18px;text-align:left;font-size:14px}
    .compare-table th:first-child{background:var(--mid)}
    .compare-table td{padding:12px 18px;font-size:14px;border-bottom:1px solid var(--border)}
    .compare-table tr:nth-child(even) td{background:var(--light)}
    .compare-table td:not(:first-child){text-align:center}
    .check{color:#2e7d32;font-weight:700;font-size:18px}
    .hl{color:var(--brand);font-weight:700}

    /* ── PRICE ── */
    .price-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:24px}
    .price-card{border:2px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:.2s;position:relative}
    .price-card.featured{border-color:var(--brand);box-shadow:0 0 0 4px rgba(255,107,0,.1)}
    .price-card .popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:3px 14px;border-radius:20px;white-space:nowrap}
    .price-card h4{font-size:14px;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
    .price-val{font-size:32px;font-weight:800;color:var(--brand)}
    .price-val span{font-size:15px;font-weight:400;color:var(--muted)}
    .price-note{font-size:12px;color:var(--muted);margin-top:6px}

    /* ── GEO ── */
    .geo-section{background:linear-gradient(135deg,#1A1A2E 0%,#16213E 100%);color:#fff;padding:56px 0}
    .geo-section h2{color:#fff}
    .geo-section .lead{color:rgba(255,255,255,.7)}
    .cities-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
    .city-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:7px 16px;font-size:14px;color:#fff;transition:.2s;cursor:default}
    .city-chip:hover{background:rgba(255,107,0,.25);border-color:var(--brand)}
    .city-chip::before{content:'📍';font-size:12px}
    .delivery-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:32px}
    .del-feat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:20px}
    .del-feat .icon{font-size:24px;margin-bottom:8px}
    .del-feat h4{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}
    .del-feat p{font-size:13px;color:rgba(255,255,255,.6)}

    /* ── USE CASES ── */
    .use-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:24px}
    .use-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;transition:.2s}
    .use-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
    .use-card .uc-icon{font-size:36px;margin-bottom:10px}
    .use-card h4{font-size:14px;font-weight:700;color:var(--dark)}
    .use-card p{font-size:12px;color:var(--muted);margin-top:4px}

    /* ── PROCESS ── */
    .steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0;margin-top:32px;position:relative}
    .steps::before{content:'';position:absolute;top:28px;left:0;right:0;height:2px;background:var(--border);z-index:0}
    .step{text-align:center;padding:0 12px;position:relative;z-index:1}
    .step-num{width:56px;height:56px;border-radius:50%;background:var(--brand);color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 0 0 6px #fff,0 0 0 7px var(--border)}
    .step h4{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--dark)}
    .step p{font-size:12px;color:var(--muted)}

    /* ── FAQ ── */
    .faq-list{margin-top:24px;display:flex;flex-direction:column;gap:12px}
    .faq-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
    .faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 20px;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--dark)}
    .faq-q:hover{background:var(--light)}
    .faq-q .arr{font-size:18px;transition:.3s;flex-shrink:0;color:var(--brand)}
    .faq-item.open .faq-q .arr{transform:rotate(180deg)}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s}
    .faq-item.open .faq-a{max-height:500px}
    .faq-a-inner{padding:0 20px 18px;font-size:14px;color:var(--muted);line-height:1.7;border-top:1px solid var(--border)}
    .faq-a-inner strong{color:var(--dark)}

    /* ── TRUST ── */
    .trust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:28px}
    .trust-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}
    .trust-num{font-size:36px;font-weight:800;color:var(--brand)}
    .trust-label{font-size:13px;color:var(--muted);margin-top:4px}

    @media(max-width:768px){
      .steps::before{display:none}
      .section{padding:36px 0}
      .hero{padding:40px 16px 0}
    }
  </style>
</head>
<body>

<!-- ════════ STICKY NAV ════════ -->
<nav class="sticky-nav">
  <div class="nav-inner">
    <div class="nav-logo">Бренд<span>лента</span></div>
    <button class="nav-btn" onclick="scrollTo('advantages')">Преимущества</button>
    <button class="nav-btn" onclick="scrollTo('print')">Виды печати</button>
    <button class="nav-btn" onclick="scrollTo('sizes')">Размеры</button>
    <button class="nav-btn" onclick="scrollTo('specs')">Характеристики</button>
    <button class="nav-btn" onclick="scrollTo('price')">Цены</button>
    <button class="nav-btn" onclick="scrollTo('geo')">Доставка</button>
    <button class="nav-btn" onclick="scrollTo('faq')">FAQ</button>
    <button class="nav-btn" onclick="scrollTo('about')">О нас</button>
    <button class="nav-cta" onclick="scrollTo('order1')">Заказать</button>
  </div>
</nav>

<!-- ════════ HERO ════════ -->
<section class="hero" id="hero">
  <div class="hero-content wrap">
    <span class="hero-badge">Собственное производство · г. Реж, Свердловская область</span>
    <h1>Брендированная <em>клейкая лента с логотипом</em> на заказ</h1>
    <p class="hero-sub">Фирменная упаковочная лента с печатью вашего логотипа, фирменного стиля или контактов. От&nbsp;3&nbsp;коробок, производство за&nbsp;3&nbsp;–&nbsp;21&nbsp;рабочий день. Доставка по&nbsp;всей России.</p>
    <div class="hero-cta">
      <button class="btn btn-primary" onclick="scrollTo('order1')">Рассчитать стоимость</button>
      <button class="btn btn-outline" onclick="scrollTo('faq')">Вопросы и ответы</button>
    </div>
    <div class="hero-stats">
      <div class="hero-stat"><strong>от 41 ₽</strong><span>за рулон</span></div>
      <div class="hero-stat"><strong>от 3 кор.</strong><span>минимальный тираж</span></div>
      <div class="hero-stat"><strong>4 вида</strong><span>печати</span></div>
      <div class="hero-stat"><strong>20+ лет</strong><span>на рынке</span></div>
    </div>
  </div>

  <!-- SLIDER -->
  <div class="slider-wrap">
    <div class="slide active" id="slide0">
      <img src="/uploads/banner-1.png" alt="Клейкая лента с логотипом — пример 1"/>
    </div>
    <div class="slide" id="slide1">
      <img src="/uploads/banner-2.png" alt="Клейкая лента с логотипом — пример 1"/>
    </div>
    <div class="slide" id="slide2">
      <img src="/uploads/banner-1.png" alt="Клейкая лента с логотипом — пример 1"/>
    </div>
    <div class="slider-dots">
      <button class="slider-dot active" onclick="goSlide(0)"></button>
      <button class="slider-dot" onclick="goSlide(1)"></button>
      <button class="slider-dot" onclick="goSlide(2)"></button>
    </div>
    <div class="slider-progress" id="sliderProgress" style="width:0%"></div>
  </div>
</section>

<!-- ════════ ADVANTAGES ════════ -->
<section class="section" id="advantages">
  <div class="wrap">
    <span class="tag">Преимущества</span>
    <h2>Зачем заказывать клейкую ленту с логотипом</h2>
    <p class="lead">Шесть причин перейти с безликой упаковки на брендированную ленту с логотипом</p>
    <div class="adv-grid">
      <div class="adv-card"><div class="adv-icon">🏷️</div><h3>Узнаваемость бренда</h3><p>Упаковка с вашим логотипом видна на всём пути доставки — от склада до двери клиента. Каждая коробка работает как мобильный рекламный носитель.</p></div>
      <div class="adv-card"><div class="adv-icon">🔒</div><h3>Защита от вскрытия</h3><p>Уникальный рисунок немедленно выдаёт несанкционированное вскрытие. Ваши покупатели всегда будут уверены в подлинности полученного товара.</p></div>
      <div class="adv-card"><div class="adv-icon">💡</div><h3>Дополнительный носитель информации</h3><p>Контакты, сайт, QR-код — разместите нужное прямо на ленте. Это экономит затраты на отдельную маркировку при транспортировке.</p></div>
      <div class="adv-card"><div class="adv-icon">💰</div><h3>Выгоднее фирменной упаковки</h3><p>Брендированная лента обходится в разы дешевле кастомных коробок. Оберните стандартную гофротару — и она сразу приобретает корпоративный вид.</p></div>
      <div class="adv-card"><div class="adv-icon">⚙️</div><h3>Толщина 45–65 мкм</h3><p>Толще стандартной упаковочной ленты на 10–20 мкм. Высокая клейкость на основе акрилового клея обеспечивает надёжное запечатывание даже тяжёлых коробов.</p></div>
      <div class="adv-card"><div class="adv-icon">🎁</div><h3>Эскиз в подарок</h3><p>При заказе фирменной клейкой ленты с логотипом мы бесплатно готовим макет для печати. Вы сразу видите, как будет выглядеть готовая лента.</p></div>
    </div>
  </div>
</section>

<!-- ════════ FORM 1 ════════ -->
<section class="cf-section" id="order1">
  <div class="wrap">
    <div class="cf-box">
      <span class="tag" style="background:rgba(255,255,255,.2);color:#fff">Заказать</span>
      <h2>Получите расчёт стоимости за 15 минут</h2>
      <p class="lead">Укажите параметры — менеджер подберёт оптимальный вариант и пришлёт смету</p>
      <form class="cf-form" onsubmit="submitForm(event,'cf1')">
        <input type="text" name="name" placeholder="Ваше имя" required/>
        <input type="tel" name="phone" placeholder="Телефон" required/>
        <input type="email" name="email" placeholder="E-mail" class="full"/>
        <select name="print" class="full">
          <option value="" disabled selected>Вид печати</option>
          <option>Поверхностная (от 3 коробок, 3–7 дней)</option>
          <option>Межслойная (от 30 коробок, 7–21 день)</option>
          <option>Полноцветная (от 200 000 ₽)</option>
          <option>Не знаю — помогите выбрать</option>
        </select>
        <input type="text" name="width" placeholder="Ширина ленты (мм)" />
        <input type="text" name="qty" placeholder="Примерный тираж (коробок)" />
        <textarea name="comment" placeholder="Комментарий: цвета, пожелания, сроки…" class="full"></textarea>
        <button type="submit" class="cf-submit">📨 Отправить заявку — это бесплатно</button>
      </form>
      <div class="cf-success" id="cf1-ok">✅ Заявка принята! Свяжемся с вами в течение 15 минут в рабочее время.</div>
      <p class="cf-note">Нажимая кнопку, вы соглашаетесь на обработку персональных данных. Звонок бесплатный: <a href="tel:88006001806" style="color:#fff;font-weight:700">8 (800) 600-18-06</a></p>
    </div>
  </div>
</section>

<!-- ════════ PRINT TYPES ════════ -->
<section class="section" id="print">
  <div class="wrap">
    <span class="tag">Виды печати</span>
    <h2>Выберите способ нанесения логотипа на ленту</h2>
    <p class="lead">Три технологии печати — под разные задачи и бюджеты</p>
    <div class="tabs">
      <button class="tab-btn active" onclick="switchTab(0)">Поверхностная печать</button>
      <button class="tab-btn" onclick="switchTab(1)">Межслойная печать</button>
      <button class="tab-btn" onclick="switchTab(2)">Полноцветная печать</button>
    </div>
    <div class="tab-panel active" id="tab0">
      <div class="tab-feature"><h4>Минимальный тираж</h4><p>от 3 коробок <span class="badge-fast">Быстро</span></p></div>
      <div class="tab-feature"><h4>Срок изготовления</h4><p>3 – 7 рабочих дней</p></div>
      <div class="tab-feature"><h4>Количество цветов</h4><p>до 3 цветов</p></div>
      <div class="tab-feature"><h4>Защита от истирания</h4><p>✔ есть</p></div>
      <div class="tab-desc"><strong>Поверхностная флексографическая печать</strong> — оптимальный выбор, если нужна небольшая партия брендированной ленты в сжатые сроки. Изображение наносится на внешнюю поверхность ленты методом флексографии. Подходит для старта и тестовых тиражей. Печать логотипа, фирменного стиля, контактов — до трёх цветов.</div>
    </div>
    <div class="tab-panel" id="tab1">
      <div class="tab-feature"><h4>Минимальный тираж</h4><p>от 30 коробок <span class="badge-rec">Рекомендуем</span></p></div>
      <div class="tab-feature"><h4>Срок изготовления</h4><p>7 – 21 рабочий день</p></div>
      <div class="tab-feature"><h4>Количество цветов</h4><p>до 4 цветов</p></div>
      <div class="tab-feature"><h4>Защита от истирания</h4><p>✔ максимальная</p></div>
      <div class="tab-desc"><strong>Межслойная печать</strong> — лучшее решение для производства брендированной клейкой ленты крупными партиями. Логотип наносится между слоем БОПП-плёнки и клеевым слоем, поэтому краска полностью защищена от истирания, влаги и перепадов температур (−30…+40 °С). При заказе от 30 коробок выходит дешевле поверхностной.</div>
    </div>
    <div class="tab-panel" id="tab2">
      <div class="tab-feature"><h4>Минимальный заказ</h4><p>от 200 000 ₽</p></div>
      <div class="tab-feature"><h4>Срок изготовления</h4><p>по согласованию</p></div>
      <div class="tab-feature"><h4>Количество цветов</h4><p>полноцвет (CMYK)</p></div>
      <div class="tab-feature"><h4>Детализация</h4><p>фотографическое качество</p></div>
      <div class="tab-desc"><strong>Полноцветная печать на клейкой ленте</strong> — для брендов, которым важна максимальная детализация изображения. Возможна печать сложных градиентов, полутонов и фотографических рисунков. Доступна только при крупном заказе от 200 000 ₽.</div>
    </div>
  </div>
</section>

<!-- ════════ SIZES ════════ -->
<section class="section section-alt sizes-section" id="sizes">
  <div class="wrap">
    <span class="tag">Технические параметры</span>
    <h2>Возможные размеры ленты</h2>
    <p class="lead">Подберём оптимальный формат под вашу упаковку и оборудование</p>
    <div class="landing-sizes-items">
      <div class="landing-sizes-item">
        <div class="sizes-item-title">Ширина</div>
        <div class="sizes-item-image"><div class="size-placeholder">↔️</div></div>
        <div class="sizes-item-prefs">
          <div class="sizes-item-pref"><div class="sizes-item-pref-value"><span>24–25 мм</span></div><div class="sizes-item-pref-name">узкая лента, для небольшой упаковки</div></div>
          <div class="sizes-item-pref"><div class="sizes-item-pref-value"><span>48–50 мм</span></div><div class="sizes-item-pref-name">стандартная ширина ленты</div></div>
          <div class="sizes-item-pref"><div class="sizes-item-pref-value"><span>72–75 мм</span></div><div class="sizes-item-pref-name">широкая, для большой и тяжёлой тары</div></div>
          <div class="sizes-item-pref"><div class="sizes-item-pref-value"><span>96 мм и больше</span></div><div class="sizes-item-pref-name">для нестандартной упаковки</div></div>
        </div>
      </div>
      <div class="landing-sizes-item">
        <div class="sizes-item-title">Длина намотки</div>
        <div class="sizes-item-image"><div class="size-placeholder">🎞️</div></div>
        <div class="sizes-item-prefs">
          <div class="sizes-item-pref"><div class="sizes-item-pref-value"><span>40, 50, 60, 66 м</span></div><div class="sizes-item-pref-name">стандартная длина</div></div>
          <div class="sizes-item-pref"><div class="sizes-item-pref-value"><span>100, 132, 198 м</span></div><div class="sizes-item-pref-name">удобный размер при использовании диспенсера</div></div>
          <div class="sizes-item-pref"><div class="sizes-item-pref-value"><span>330, 660, 990 м</span></div><div class="sizes-item-pref-name">для автоматических упаковочных линий</div></div>
        </div>
      </div>
      <div class="landing-sizes-item">
        <div class="sizes-item-title">Толщина</div>
        <div class="sizes-item-image"><div class="size-placeholder">📏</div></div>
        <div class="sizes-item-prefs">
          <div class="sizes-item-pref"><div class="sizes-item-pref-value"><span>40 мкм</span></div><div class="sizes-item-pref-name">для домашнего и офисного применения</div></div>
          <div class="sizes-item-pref"><div class="sizes-item-pref-value"><span>45 мкм</span></div><div class="sizes-item-pref-name">для склада и транспортировки</div></div>
          <div class="sizes-item-pref"><div class="sizes-item-pref-value"><span>50–65 мкм</span></div><div class="sizes-item-pref-name">для тяжёлых грузов и неотапливаемых помещений</div></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ════════ SPECS ════════ -->
<section class="section" id="specs">
  <div class="wrap">
    <span class="tag">Характеристики</span>
    <h2>Технические параметры клейкой ленты с логотипом</h2>
    <p class="lead">Полные спецификации продукта</p>
    <table class="spec-table">
      <tr><td>Основа</td><td>БОПП (двуосно-ориентированный полипропилен)</td></tr>
      <tr><td>Виды печати</td><td>Поверхностная (флексо), межслойная, полноцветная</td></tr>
      <tr><td>Количество цветов</td><td>1–4 или полноцветная печать</td></tr>
      <tr><td>Шаг печати (длина раппорта)</td><td>150, 188, 251, 314, 400 мм</td></tr>
      <tr><td>Ширина ленты</td><td>24, 36, 48, 72, 144, 288 мм</td></tr>
      <tr><td>Длина намотки</td><td>50 – 990 м</td></tr>
      <tr><td>Толщина</td><td>45 – 65 мкм</td></tr>
      <tr><td>Тип клея</td><td>Акриловый (высокая адгезия при любых условиях)</td></tr>
      <tr><td>Диаметр втулки</td><td>76 мм, толщина стенки 3 мм</td></tr>
      <tr><td>Срок изготовления</td><td>3 – 21 рабочий день (зависит от типа печати)</td></tr>
      <tr><td>Срок хранения</td><td>12 месяцев при t° 20 °С и влажности 50%</td></tr>
      <tr><td>Минимальный тираж</td><td>от 3 коробок (поверхностная печать)</td></tr>
      <tr><td>Цена</td><td>от 41 ₽ за рулон (24 мм × 60 м, печать в 1 цвет)</td></tr>
    </table>
  </div>
</section>

<!-- ════════ COMPARE ════════ -->
<section class="section section-alt">
  <div class="wrap">
    <span class="tag">Сравнение</span>
    <h2>Поверхностная vs Межслойная: выберите свой формат</h2>
    <div class="compare-wrap">
      <table class="compare-table">
        <thead><tr><th>Параметр</th><th>Поверхностная печать</th><th>Межслойная печать</th></tr></thead>
        <tbody>
          <tr><td>Минимальный тираж</td><td>от 3 коробок</td><td>от 30 коробок</td></tr>
          <tr><td>Срок изготовления</td><td class="hl">3–7 дней</td><td>7–21 день</td></tr>
          <tr><td>Макс. кол-во цветов</td><td>3</td><td class="hl">4</td></tr>
          <tr><td>Защита логотипа от истирания</td><td><span class="check">✔</span></td><td><span class="check">✔✔</span></td></tr>
          <tr><td>Работа при −30 °С</td><td>◑</td><td><span class="check">✔</span></td></tr>
          <tr><td>Выгода при крупном тираже</td><td><span class="check">✔</span></td><td><span class="check">✔✔</span></td></tr>
          <tr><td>Подходит для автозаклейщиков</td><td><span class="check">✔</span></td><td><span class="check">✔</span></td></tr>
          <tr><td>Рекомендуем, если…</td><td>нужна срочная небольшая партия</td><td>важно качество и цена за большой объём</td></tr>
        </tbody>
      </table>
    </div>
  </div>
</section>

<!-- ════════ PRICE ════════ -->
<section class="section" id="price">
  <div class="wrap">
    <span class="tag">Цены</span>
    <h2>Цена клейкой ленты с логотипом</h2>
    <p class="lead">Стоимость зависит от количества цветов, ширины ленты и объёма заказа. Чем больше тираж — тем ниже цена за рулон.</p>
    <div class="price-cards">
      <div class="price-card">
        <h4>Стартовая партия</h4>
        <div class="price-val">от 41 ₽<span>/рулон</span></div>
        <div class="price-note">24 мм × 60 м · печать в 1 цвет · от 3 коробок</div>
      </div>
      <div class="price-card featured">
        <div class="popular-badge">Популярный выбор</div>
        <h4>Средняя партия</h4>
        <div class="price-val">ниже<span> при объёме</span></div>
        <div class="price-note">48 мм × 66 м · 2–3 цвета · от 30 коробок — существенная скидка</div>
      </div>
      <div class="price-card">
        <h4>Опт</h4>
        <div class="price-val">макс. скидка</div>
        <div class="price-note">От 100 коробок — уточняйте индивидуальные условия у менеджера</div>
      </div>
    </div>
    <p style="font-size:13px;color:var(--muted);margin-top:20px">* Указанная цена не является публичной офертой. Точная стоимость рассчитывается индивидуально.</p>
  </div>
</section>

<!-- ════════ FORM 2 ════════ -->
<section class="cf-section alt2" id="order2">
  <div class="wrap">
    <div class="cf-box">
      <span class="tag" style="background:rgba(255,107,0,.3);color:#ffb07a">Быстрый заказ</span>
      <h2>Оставьте заявку — перезвоним за 15 минут</h2>
      <p class="lead">Укажите имя и телефон, менеджер сам уточнит все детали и рассчитает стоимость</p>
      <form class="cf-form" onsubmit="submitForm(event,'cf2')">
        <input type="text" name="name" placeholder="Ваше имя" required/>
        <input type="tel" name="phone" placeholder="Телефон" required/>
        <select name="city" class="full">
          <option value="" disabled selected>Ваш город</option>
          <option>Москва</option><option>Санкт-Петербург</option><option>Екатеринбург</option>
          <option>Новосибирск</option><option>Казань</option><option>Челябинск</option>
          <option>Нижний Новгород</option><option>Ижевск</option><option>Оренбург</option>
          <option>Красноярск</option><option>Самара</option><option>Другой город</option>
        </select>
        <textarea name="comment" placeholder="Кратко опишите задачу…" class="full" style="min-height:70px"></textarea>
        <button type="submit" class="cf-submit">📞 Перезвоните мне</button>
      </form>
      <div class="cf-success" id="cf2-ok">✅ Спасибо! Перезвоним в ближайшее рабочее время.</div>
      <p class="cf-note">Или звоните сами — это бесплатно: <a href="tel:88006001806" style="color:#fff;font-weight:700">8 (800) 600-18-06</a></p>
    </div>
  </div>
</section>

<!-- ════════ USE CASES ════════ -->
<section class="section">
  <div class="wrap">
    <span class="tag">Сферы применения</span>
    <h2>Кто заказывает брендированную ленту с логотипом</h2>
    <p class="lead">Фирменная упаковочная лента актуальна практически в любой отрасли</p>
    <div class="use-grid">
      <div class="use-card"><div class="uc-icon">🛒</div><h4>Интернет-магазины</h4><p>Каждая посылка — точка контакта с брендом</p></div>
      <div class="use-card"><div class="uc-icon">🏭</div><h4>Производства и склады</h4><p>Маркировка продукции при отгрузке</p></div>
      <div class="use-card"><div class="uc-icon">🚚</div><h4>Логистика и ТК</h4><p>Идентификация паллет и коробок в пути</p></div>
      <div class="use-card"><div class="uc-icon">💊</div><h4>Фармацевтика</h4><p>Защита от вскрытия и подделки</p></div>
      <div class="use-card"><div class="uc-icon">🍫</div><h4>Продукты питания</h4><p>Фирменная упаковка гофротары</p></div>
      <div class="use-card"><div class="uc-icon">🏗️</div><h4>Строительство</h4><p>Маркировка материалов и упаковка</p></div>
      <div class="use-card"><div class="uc-icon">🎁</div><h4>Подарочная упаковка</h4><p>Сезонные и корпоративные заказы</p></div>
      <div class="use-card"><div class="uc-icon">🏢</div><h4>Корпоративные заказы</h4><p>Единый фирменный стиль офиса и склада</p></div>
    </div>
  </div>
</section>

<!-- ════════ GEO ════════ -->
<section class="geo-section" id="geo">
  <div class="wrap">
    <span class="tag" style="background:rgba(255,107,0,.3);color:#ffb07a">Доставка</span>
    <h2>Производим в г. Реж — доставляем по всей России</h2>
    <p class="lead">Наш завод расположен в городе Реж Свердловской области, в 85 км от Екатеринбурга. Заказать клейкую ленту с логотипом можно из любого города России. Отгружаем через транспортные компании и Почту России.</p>
    <div class="cities-grid">
      <span class="city-chip">Москва</span><span class="city-chip">Санкт-Петербург</span>
      <span class="city-chip">Екатеринбург</span><span class="city-chip">Новосибирск</span>
      <span class="city-chip">Казань</span><span class="city-chip">Челябинск</span>
      <span class="city-chip">Нижний Новгород</span><span class="city-chip">Красноярск</span>
      <span class="city-chip">Омск</span><span class="city-chip">Самара</span>
      <span class="city-chip">Красногорск</span><span class="city-chip">Подольск</span>
      <span class="city-chip">Ижевск</span><span class="city-chip">Оренбург</span>
      <span class="city-chip">Севастополь</span><span class="city-chip">и вся Россия 🇷🇺</span>
    </div>
    <div class="delivery-features">
      <div class="del-feat"><div class="icon">🚛</div><h4>Транспортные компании</h4><p>СДЭК, Деловые линии, ПЭК, Байкал Сервис — по вашему выбору</p></div>
      <div class="del-feat"><div class="icon">🏢</div><h4>Бесплатно по Екатеринбургу</h4><p>Доставим в офис или до терминала ТК без доплаты</p></div>
      <div class="del-feat"><div class="icon">📦</div><h4>Надёжная упаковка</h4><p>Ленты упакованы в коробки, защищены от влаги и механических повреждений</p></div>
      <div class="del-feat"><div class="icon">📍</div><h4>Отслеживание заказа</h4><p>После отгрузки вы получаете трек-номер для отслеживания посылки</p></div>
    </div>
  </div>
</section>

<!-- ════════ HOW IT WORKS ════════ -->
<section class="section section-alt">
  <div class="wrap">
    <span class="tag">Как заказать</span>
    <h2>Изготовление брендированной ленты: 5 шагов</h2>
    <p class="lead">Производство клейкой ленты с логотипом — простой и прозрачный процесс</p>
    <div class="steps">
      <div class="step"><div class="step-num">1</div><h4>Заявка</h4><p>Звоните или оставляйте заявку онлайн. Менеджер ответит в течение 15 минут.</p></div>
      <div class="step"><div class="step-num">2</div><h4>Макет</h4><p>Бесплатно разрабатываем эскиз. Вы согласовываете дизайн перед запуском в производство.</p></div>
      <div class="step"><div class="step-num">3</div><h4>Клише</h4><p>Изготавливаем флексографическое клише под ваш логотип. При повторных заказах — клише уже готово.</p></div>
      <div class="step"><div class="step-num">4</div><h4>Производство</h4><p>Печать и намотка на нашем заводе в г. Реж. Контроль качества на каждом этапе.</p></div>
      <div class="step"><div class="step-num">5</div><h4>Доставка</h4><p>Отгружаем через транспортную компанию или доставляем бесплатно по Екатеринбургу.</p></div>
    </div>
  </div>
</section>

<!-- ════════ TRUST ════════ -->
<section class="section" id="about">
  <div class="wrap">
    <span class="tag">О нас</span>
    <h2>Почему выбирают «Брендленту»</h2>
    <p class="lead">Собственное производство в г. Реж (Свердловская обл.), лауреат «Золотого Меркурия», член Уральской ТПП, в числе 100 лучших компаний системы ТПП РФ</p>
    <div class="trust-grid">
      <div class="trust-card"><div class="trust-num">20+</div><div class="trust-label">лет на рынке клейких лент</div></div>
      <div class="trust-card"><div class="trust-num">4,6/5</div><div class="trust-label">средний рейтинг по 124 оценкам</div></div>
      <div class="trust-card"><div class="trust-num">от 3</div><div class="trust-label">коробок — минимальный тираж</div></div>
      <div class="trust-card"><div class="trust-num">100%</div><div class="trust-label">российское производство, сертифицированная продукция</div></div>
    </div>
  </div>
</section>

<!-- ════════ FAQ ════════ -->
<section class="section section-alt" id="faq">
  <div class="wrap">
    <span class="tag">Вопросы и ответы</span>
    <h2>Часто задаваемые вопросы о клейкой ленте с логотипом</h2>
    <div class="faq-list" id="faqList">

      <div class="faq-item">
        <button class="faq-q">Почему правильно говорить «клейкая лента», а не «скотч»? <span class="arr">▼</span></button>
        <div class="faq-a"><div class="faq-a-inner"><strong>«Скотч» — это зарегистрированный товарный знак компании 3M</strong> (США), под которым выпускается конкретная линейка прозрачных клейких лент. Использовать слово «скотч» как обозначение любой клейкой ленты — всё равно что называть любой пылесос «Пылесосом Dyson». С точки зрения законодательства об интеллектуальной собственности это некорректно: производители, не связанные с 3M, не вправе продавать или рекламировать свои изделия под этим брендом. Именно поэтому в официальных документах, техрегламентах и на нашем производстве мы используем точное название — <strong>клейкая лента</strong>, брендированная клейкая лента или упаковочная клейкая лента с логотипом.</div></div>
      </div>
      <div class="faq-item">
        <button class="faq-q">Что такое клейкая лента с логотипом и чем она отличается от обычной? <span class="arr">▼</span></button>
        <div class="faq-a"><div class="faq-a-inner">Брендированная клейкая лента — это стандартная БОПП-лента, на которую методом флексо- или межслойной печати нанесены фирменные элементы: логотип, контакты, QR-код, узор или слоган. Технические характеристики (клейкость, толщина, рабочий диапазон температур) аналогичны или превосходят обычную упаковочную ленту, поскольку мы используем основу 45–65 мкм — толще стандартной на 10–20 мкм.</div></div>
      </div>
      <div class="faq-item">
        <button class="faq-q">Какой минимальный тираж и срок изготовления? <span class="arr">▼</span></button>
        <div class="faq-a"><div class="faq-a-inner">При <strong>поверхностной печати</strong> — от 3 коробок, срок от 3 рабочих дней. При <strong>межслойной печати</strong> — от 30 коробок, срок 7–21 день. Одна коробка = 36 рулонов 48 мм × 66 м. Чем больше тираж, тем ниже стоимость одного рулона.</div></div>
      </div>
      <div class="faq-item">
        <button class="faq-q">Сколько цветов можно использовать при нанесении логотипа на ленту? <span class="arr">▼</span></button>
        <div class="faq-a"><div class="faq-a-inner"><strong>Поверхностная флексографическая печать</strong> — до 3 цветов. <strong>Межслойная печать</strong> — до 4 цветов. <strong>Полноцветная печать</strong> — без ограничений по числу цветов, однако требует крупного заказа от 200 000 ₽. Под каждый цвет при флексографии изготавливается отдельное клише.</div></div>
      </div>
      <div class="faq-item">
        <button class="faq-q">Можно ли напечатать QR-код или штрихкод на ленте? <span class="arr">▼</span></button>
        <div class="faq-a"><div class="faq-a-inner">Да. Флексографическая печать позволяет чётко воспроизводить штрихкоды и QR-коды с размером модуля от 0,5 мм — код остаётся читаемым сканером после намотки и в процессе эксплуатации.</div></div>
      </div>
      <div class="faq-item">
        <button class="faq-q">Выгорает ли рисунок при низких температурах или на влажных складах? <span class="arr">▼</span></button>
        <div class="faq-a"><div class="faq-a-inner">При <strong>межслойной печати</strong> краска расположена между слоем плёнки и клеем, поэтому она не контактирует с окружающей средой: не истирается, не выгорает на свету и устойчива к влажности. Рабочий диапазон температур — от −30 до +40 °С. Лента сохраняет внешний вид минимум 12 месяцев с даты производства.</div></div>
      </div>
      <div class="faq-item">
        <button class="faq-q">Подходит ли лента для автоматических заклейщиков коробов? <span class="arr">▼</span></button>
        <div class="faq-a"><div class="faq-a-inner">Да. Мы производим машинную намотку до 990 м, диаметр втулки 76 мм — стандарт для полуавтоматических и автоматических tape dispensers. Для машинной упаковки рекомендуем уточнять параметры намотки у менеджера.</div></div>
      </div>
      <div class="faq-item">
        <button class="faq-q">Как выбрать толщину ленты под вес коробов? <span class="arr">▼</span></button>
        <div class="faq-a"><div class="faq-a-inner">До 15 кг — достаточно <strong>45 мкм</strong>; 15–30 кг — <strong>55 мкм</strong>; свыше 30 кг — <strong>65 мкм</strong> или рассмотрите армированную клейкую ленту. Если отправляете паллеты или тяжёлые промышленные грузы, уточните у менеджера — подберём оптимальный вариант.</div></div>
      </div>
      <div class="faq-item">
        <button class="faq-q">Как заказать ленту из другого города — Москвы, СПб, Казани, Новосибирска? <span class="arr">▼</span></button>
        <div class="faq-a"><div class="faq-a-inner">Позвоните или оставьте заявку онлайн. Макет согласовывается дистанционно по e-mail. Готовый заказ отправляем через транспортную компанию на ваш выбор (СДЭК, Деловые линии, ПЭК, Байкал Сервис и др.). <strong>Мы работаем со всей Россией</strong>: Москва, Санкт-Петербург, Казань, Новосибирск, Нижний Новгород, Челябинск, Ижевск, Оренбург, Красноярск, Омск, Самара, Красногорск, Подольск, Севастополь и другие города.</div></div>
      </div>
      <div class="faq-item">
        <button class="faq-q">Сколько стоит изготовление брендированной клейкой ленты? <span class="arr">▼</span></button>
        <div class="faq-a"><div class="faq-a-inner">Цена начинается <strong>от 41 рубля за рулон</strong> (24 мм × 60 м, поверхностная печать в 1 цвет, от 3 коробок). На финальную стоимость влияют: ширина ленты, количество цветов, объём заказа и тип печати. При заказе от 30 коробок межслойной печатью цена за рулон существенно снижается. Позвоните нам — рассчитаем за 15 минут.</div></div>
      </div>

    </div>
  </div>
</section>

<!-- ════════ FORM 3 ════════ -->
<section class="cf-section alt3" id="order3">
  <div class="wrap">
    <div class="cf-box">
      <span class="tag" style="background:rgba(255,255,255,.15);color:#a5d6a7">Оптовый заказ</span>
      <h2>Нужна большая партия или постоянные поставки?</h2>
      <p class="lead">Заполните форму — предложим скидку и индивидуальные условия для оптовых клиентов</p>
      <form class="cf-form" onsubmit="submitForm(event,'cf3')">
        <input type="text" name="name" placeholder="Имя и должность" required/>
        <input type="text" name="company" placeholder="Компания" />
        <input type="tel" name="phone" placeholder="Телефон" required/>
        <input type="email" name="email" placeholder="E-mail"/>
        <input type="text" name="qty" placeholder="Плановый объём (коробок/мес.)" class="full"/>
        <textarea name="comment" placeholder="Расскажите подробнее о вашей задаче…" class="full"></textarea>
        <button type="submit" class="cf-submit">📋 Запросить коммерческое предложение</button>
      </form>
      <div class="cf-success" id="cf3-ok">✅ Заявка принята! Подготовим КП и свяжемся с вами.</div>
      <p class="cf-note">Или звоните: <a href="tel:88006001806" style="color:#a5d6a7;font-weight:700">8 (800) 600-18-06</a> (бесплатно)</p>
    </div>
  </div>
</section>

<!-- ════════ WHAT IS IT (перенесено вниз) ════════ -->
<section class="section" id="whatisit">
  <div class="wrap">
    <span class="tag">Что это такое</span>
    <h2>Клейкая лента с логотипом — больше чем упаковка</h2>
    <p class="lead">Брендированная клейкая лента одновременно запечатывает коробку и работает как рекламный носитель. Пока посылка едет к покупателю — логотип вашей компании видит каждый, кто берёт её в руки.</p>
    <p style="font-size:15px;margin-bottom:16px">Фирменная лента с логотипом — это стандарт упаковки для e-commerce, FMCG, логистики, строительства и любой другой отрасли, где внешний вид отправления формирует доверие к бренду. Компания видна не только на сайте и в рекламе, но и в момент живого контакта с товаром — при распаковке, на складе, в пути.</p>
    <p style="font-size:15px;margin-bottom:16px">Нанесение логотипа на ленту — одно из самых доступных решений в области фирменного стиля. Стоимость одного рулона сопоставима с обычной упаковочной лентой, при этом вы получаете полноценный маркетинговый инструмент: брендированная лента с логотипом работает на узнаваемость без дополнительных вложений в рекламу.</p>
    <p style="font-size:15px;margin-bottom:16px">На ленте можно разместить не только логотип, но и номер телефона, сайт, QR-код, слоган или предупреждение «Вскрытию не подлежит». Изготовление брендированных лент на нашем производстве позволяет воплотить любой макет в рамках технических возможностей флексографической печати.</p>

    <!-- SEO-параграф -->
    <div style="margin-top:36px;padding-top:28px;border-top:1px solid var(--border);font-size:14px;color:var(--muted);line-height:1.85">
      <p style="margin-bottom:12px">Компания «Брендлента» — производитель <strong>клейкой ленты с логотипом на заказ</strong> с собственным заводом в г.&nbsp;Реж (Свердловская область). Мы выполняем <strong>изготовление брендированных лент</strong> для компаний по всей России: <strong>лента с логотипом в Москве</strong>, <strong>брендированная лента в СПб</strong>, <strong>печать на клейкой ленте в Новосибирске</strong>, <strong>изготовление брендированной ленты в Екатеринбурге</strong>, <strong>ленты с логотипом в Казани</strong>, <strong>клейкая лента с логотипом в Челябинске</strong>, <strong>брендированная клейкая лента в Нижнем Новгороде</strong>, <strong>клейкая лента с логотипом в Ижевске</strong> и любом другом городе.</p>
      <p style="margin-bottom:12px">Вы можете <strong>заказать брендированную клейкую ленту</strong> с любым дизайном: <strong>фирменные ленты с логотипом компании</strong>, <strong>упаковочная лента с логотипом на заказ</strong>, <strong>крафт-лента с логотипом</strong>, <strong>липкая лента с логотипом</strong> для e-commerce, <strong>клейкая лента с логотипом оптом</strong> для производства. Хотите <strong>сделать ленту со своим логотипом</strong> — просто позвоните или оставьте заявку.</p>
      <p><strong>Ленты с логотипом на заказ в СПб</strong>, <strong>брендированная лента в Москве</strong>, <strong>печать на клейкой ленте в Москве</strong>, <strong>изготовление брендированной клейкой ленты в Новосибирске</strong>, <strong>клейкая лента с нанесением логотипа</strong> — всё это мы производим централизованно на нашем заводе и доставляем в любую точку страны. Стоимость <strong>брендированной ленты с логотипом</strong> и сроки производства уточняйте у нашего менеджера.</p>
    </div>
  </div>
</section>

<script>
(function(){
  // ── FAQ accordion ──
  document.getElementById('faqList').addEventListener('click', function(e){
    var btn = e.target.closest('.faq-q');
    if(!btn) return;
    var item = btn.closest('.faq-item');
    var isOpen = item.classList.contains('open');
    document.querySelectorAll('.faq-item.open').forEach(function(el){ el.classList.remove('open'); });
    if(!isOpen) item.classList.add('open');
  });

  // ── Print tabs ──
  window.switchTab = function(idx){
    document.querySelectorAll('.tab-btn').forEach(function(b,i){ b.classList.toggle('active', i===idx); });
    document.querySelectorAll('.tab-panel').forEach(function(p,i){ p.classList.toggle('active', i===idx); });
  };

  // ── Smooth scroll ──
  window.scrollTo = function(id){
    var el = document.getElementById(id);
    if(el) el.scrollIntoView({behavior:'smooth', block:'start'});
  };

  // ── Forms ──
  window.submitForm = function(e, formId){
    e.preventDefault();
    var ok = document.getElementById(formId+'-ok');
    if(ok){ ok.style.display='block'; }
    e.target.style.display='none';
  };

  // ── Slider ──
  var slides = document.querySelectorAll('.slide');
  var dots   = document.querySelectorAll('.slider-dot');
  var prog   = document.getElementById('sliderProgress');
  var cur    = 0;
  var DURATION = 20000;
  var startTime, raf;

  function goSlide(n){
    slides[cur].classList.remove('active');
    dots[cur].classList.remove('active');
    cur = (n + slides.length) % slides.length;
    slides[cur].classList.add('active');
    dots[cur].classList.add('active');
    startTime = performance.now();
    if(prog) prog.style.transition='none';
    if(prog) prog.style.width='0%';
    requestAnimationFrame(function(){ animateProgress(performance.now()); });
  }
  window.goSlide = goSlide;

  function animateProgress(ts){
    if(!startTime) startTime = ts;
    var elapsed = ts - startTime;
    var pct = Math.min(elapsed / DURATION * 100, 100);
    if(prog){ prog.style.transition='none'; prog.style.width = pct + '%'; }
    if(elapsed < DURATION){
      raf = requestAnimationFrame(animateProgress);
    } else {
      goSlide(cur + 1);
    }
  }

  // start
  startTime = performance.now();
  raf = requestAnimationFrame(animateProgress);

  // ── Active nav highlight on scroll ──
  var sections = ['advantages','print','sizes','specs','price','geo','faq','about'];
  var navBtns  = document.querySelectorAll('.nav-btn');
  window.addEventListener('scroll', function(){
    var scrollY = window.scrollY + 80;
    var active = '';
    sections.forEach(function(id){
      var el = document.getElementById(id);
      if(el && el.offsetTop <= scrollY) active = id;
    });
    navBtns.forEach(function(b){
      b.classList.toggle('active', b.getAttribute('onclick') && b.getAttribute('onclick').indexOf("'"+active+"'")!==-1);
    });
  }, {passive:true});
})();
</script>
</body>
</html>