:root{--brand:#0d6efd;--dark:#0b0b0b;}
    body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
    .topbar{background:#000;color:#bdbdbd;font-size:.875rem}
    .topbar a{color:#d6d6d6;text-decoration:none}
    .brand-badge{width:42px;height:42px;border:2px solid var(--brand);display:inline-grid;place-items:center;border-radius:.5rem;color:var(--brand);font-weight:700}
    .navbar{box-shadow:0 2px 10px rgb(0 0 0 / 6%)}
    .navbar .nav-link{font-weight:600}
    .navbar .dropdown-menu{border-radius:.75rem;border:1px solid #eaeaea}
    .hero{position:relative;min-height:72vh;display:grid;place-items:center;color:#fff;text-align:center;background:#e6f3ff;overflow:hidden}
    .hero .bg-img{position:absolute;inset:0;background:url('/assets/img/pocket-option-header-image.webp') center/cover no-repeat;filter:grayscale(100%) contrast(1.05) brightness(.55)}
    .hero .tint{position:absolute;inset:0;background:rgba(13,110,253,.35);mix-blend:multiply}
    .hero .content{position:relative;padding:4rem 1rem}
    .hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}
    .btn-brand{background:var(--brand);border:none;border-radius:.8rem;font-weight:700;padding:.9rem 1.4rem}
    .btn-brand:hover{background:#e6f3ff}
    .feature-icon{font-size:2rem;color:var(--brand)}
    .card{border:none;border-radius:1rem;box-shadow:0 6px 24px rgb(0 0 0 / 6%)}
    .card img{border-top-left-radius:1rem;border-top-right-radius:1rem}
    .muted{color:#6b7280}
    /* О платформе floating cards */
    .float-cards{margin-top:-80px}
    .float-card{border:1px solid #eef2f2;box-shadow:0 10px 30px rgb(0 0 0 / 8%);border-radius:1rem;padding:1.25rem;background:#fff}
    .float-card .icon{width:58px;height:58px;border-radius:999px;background:#e6f3ff;color:#0d6efd;display:inline-grid;place-items:center;font-size:1.6rem;border:2px solid #bcdcff}
    /* Возможности */
    .service-tile{background:#f5f7f7;border:1px solid #eef2f2;border-radius:1rem;padding:2rem;text-align:center;height:100%}
    .service-tile .circle{width:70px;height:70px;border-radius:999px;background:var(--brand);display:inline-grid;place-items:center;color:#fff;font-size:1.6rem;margin-bottom:.75rem}
    /* Контакты/appointment */
    .info-box{display:flex;gap:14px;align-items:center;background:#f5f7f7;border:1px solid #eef2f2;border-radius:.9rem;padding:1rem 1.25rem}
    .info-box .circle{width:50px;height:50px;border-radius:999px;background:var(--brand);display:inline-grid;place-items:center;color:#fff}
    .form-control:focus{box-shadow:0 0 0 .15rem rgba(34,197,94,.25);border-color:#86efac}
    /* Pre-footer CTA & footer */
    .cta-slab{background:#000;color:#fff}
    .cta-slab .btn{background:var(--brand);border:none}
    .foot-dark{background:#121212;color:#d6d6d6}
    .foot-card{background:linear-gradient(135deg,#111,#0d0d0d);border:1px solid #1e1e1e;border-radius:1rem;padding:1.25rem}
    .insta img{aspect-ratio:1/1;object-fit:cover;border-radius:.5rem}
    .link-clean{color:#fff;text-decoration:none}

 :root { --brand:#0d6efd; }
  .split-block{padding:3rem 0}
  .split-card{border:1px solid #eef2f2;border-radius:1rem;box-shadow:0 10px 30px rgb(0 0 0 / 8%);overflow:hidden;background:#fff}
  .split-img{object-fit:cover;width:100%;height:auto}
  .split-body{padding:1.75rem}
  .eyebrow{color:var(--brand);font-weight:600;letter-spacing:.02em}

  /* состояние по умолчанию */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

/* когда блок попадает в зону видимости */
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/** бордер в бургер меню **/
.navbar-toggler {
padding: 0.5rem 0.75rem;
background-color: transparent;
border: none !important;
outline: none !important;
box-shadow: none !important;
}
/** стили для svg иконок в feedback **/
.rating-stars {
display: flex;
gap: 5px;
cursor: pointer;
}
.star {
width: 30px;
height: 30px;
fill: #ccc;
transition: fill 0.2s ease;
}
.star.hover {
fill: #f5d479; /* при наведении */
}
.star.active {
fill: #f5b301; /* выбранный рейтинг */
}