:root {
  --font-family: "Fredoka", sans-serif;
  --font-size-base: 14.7px;
  --line-height-base: 1.73;

  --max-w: 1100px;
  --space-x: 1.61rem;
  --space-y: 1.5rem;
  --gap: 1.22rem;
  --space-section-y: calc(var(--space-y) * 2.4);
  --space-section-x: var(--space-x);
  --space-block: calc(var(--gap) * 1.5);
  --space-card: calc(var(--space-y) * .75);
  --font-size-sm: calc(var(--font-size-base) * .875);
  --font-size-md: var(--font-size-base);
  --font-size-lg: calc(var(--font-size-base) * 1.125);
  --font-size-h3: calc(var(--font-size-base) * 1.35);
  --font-size-h2: calc(var(--font-size-base) * 2);
  --font-size-h1: calc(var(--font-size-base) * 2.65);
  --motion-distance: calc(var(--gap) * var(--random-number));

  --radius-xl: 1.35rem;
  --radius-lg: 0.97rem;
  --radius-md: 0.7rem;
  --radius-sm: 0.36rem;

  --shadow-sm: 0 1px 5px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.05);
  --shadow-lg: 0 16px 30px rgba(0,0,0,0.06);

  --overlay: rgba(38, 32, 26, 0.55);
  --anim-duration: 630ms;
  --anim-ease: cubic-bezier(0.4,0,0.2,1);
  --random-number: 1;

  --brand: #A65E2E;
  --brand-contrast: #FFFFFF;
  --accent: #6B7F4E;
  --accent-contrast: #FFFFFF;

  --neutral-0: #FFFFFF;
  --neutral-100: #F5F1EA;
  --neutral-300: #D9D0C2;
  --neutral-600: #7A6F5F;
  --neutral-800: #3D352B;
  --neutral-900: #262019;

  --page-bg: #FBF8F3;
  --page-fg: #3D352B;
  --muted-bg: #F0EAE0;
  --muted-fg: #5A5245;
  --card-bg: #FFFFFF;
  --card-fg: #3D352B;
  --card-border: #E5DCCE;
  --inverse-bg: #262019;
  --inverse-fg: #F5F1EA;
  --primary-bg: #A65E2E;
  --primary-fg: #FFFFFF;
  --primary-hover: #8F4F24;
  --accent-bg: #6B7F4E;
  --accent-fg: #FFFFFF;
  --accent-hover: #5A6B41;
  --gradient-hero-bg: linear-gradient(135deg, #FBF8F3 0%, #F0EAE0 50%, #E5DCCE 100%);
  --gradient-hero-fg: #3D352B;
  --gradient-accent-bg: linear-gradient(135deg, #6B7F4E 0%, #A65E2E 100%);
  --gradient-accent-fg: #FFFFFF;

  --ring: #A65E2E;

  --link: #A65E2E;
  --link-hover: #6B7F4E;

  --btn-ghost-bg: transparent;
  --btn-ghost-bg-hover: color-mix(in srgb, currentColor 10%, transparent);
  --input-placeholder: rgba(255,255,255,0.55);
}
body{margin:0;padding:0;font-family:var(--font-family);box-sizing: border-box;}
*{box-sizing:border-box;}
a{color:inherit;}
.btn-primary,.btn.btn-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;border-color:var(--primary-bg)!important;}
.btn-primary:hover,.btn.btn-primary:hover{background:var(--primary-hover)!important;color:var(--primary-fg)!important;border-color:var(--primary-hover)!important;}
.btn-outline-primary{color:var(--primary-bg)!important;border-color:var(--primary-bg)!important;}
.btn-outline-primary:hover{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
.bg-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
.text-primary{color:var(--primary-bg)!important;}
.border-primary{border-color:var(--primary-bg)!important;}
.bg-light{background:var(--page-bg)!important;color:var(--page-fg)!important;}
.bg-dark{background:var(--inverse-bg)!important;color:var(--inverse-fg)!important;}

.site-header {
    width: 100%;
    background-color: var(--page-bg);
    border-bottom: 1px solid var(--card-border);
    box-shadow: var(--shadow-sm);
    position: relative;
    z-index: 100;
  }

  .header-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
    padding: var(--space-y) var(--space-x);
    min-height: 70px;
  }

  .logo {
    font-size: var(--font-size-h3);
    font-weight: 700;
    color: var(--page-fg);
    text-decoration: none;
    letter-spacing: 0.02em;
    white-space: nowrap;
    transition: color var(--anim-duration) var(--anim-ease);
  }

  .logo:hover {
    color: var(--link-hover);
  }

  .nav-left,
  .nav-right {
    display: flex;
    align-items: center;
    gap: calc(var(--gap) * 0.75);
  }

  .nav-link {
    font-size: var(--font-size-md);
    color: var(--page-fg);
    text-decoration: none;
    padding: 0.4rem 0.75rem;
    border-radius: var(--radius-md);
    transition: background-color var(--anim-duration) var(--anim-ease), color var(--anim-duration) var(--anim-ease);
    font-weight: 500;
  }

  .nav-link:hover {
    background-color: var(--muted-bg);
    color: var(--link-hover);
  }

  .burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    padding: 10px;
    transition: background-color var(--anim-duration) var(--anim-ease), border-color var(--anim-duration) var(--anim-ease);
  }

  .burger:hover {
    background-color: var(--muted-bg);
    border-color: var(--link);
  }

  .burger-line {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--page-fg);
    border-radius: var(--radius-sm);
    transition: transform var(--anim-duration) var(--anim-ease), opacity var(--anim-duration) var(--anim-ease);
  }

  .burger.active .burger-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .burger.active .burger-line:nth-child(2) {
    opacity: 0;
  }

  .burger.active .burger-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .mobile-menu {
    display: none;
    width: 100%;
    background-color: var(--card-bg);
    border-top: 1px solid var(--card-border);
    padding: var(--space-y) var(--space-x);
    box-shadow: var(--shadow-md);
  }

  .mobile-menu.open {
    display: block;
  }

  .mobile-nav {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    max-width: var(--max-w);
    margin: 0 auto;
  }

  .mobile-link {
    font-size: var(--font-size-lg);
    color: var(--card-fg);
    text-decoration: none;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    transition: background-color var(--anim-duration) var(--anim-ease), color var(--anim-duration) var(--anim-ease);
    font-weight: 500;
  }

  .mobile-link:hover {
    background-color: var(--muted-bg);
    color: var(--link-hover);
  }

  @media (max-width: 767px) {
    .header-inner {
      min-height: 60px;
      padding: var(--space-y) var(--space-x);
    }

    .nav-left,
    .nav-right {
      display: none;
    }

    .burger {
      display: flex;
    }

    .logo {
      font-size: var(--font-size-h3);
      margin-right: auto;
    }

    .header-inner {
      justify-content: space-between;
    }
  }

  @media (min-width: 768px) {
    .mobile-menu {
      display: none !important;
    }
  }

.site-footer {
    background: var(--inverse-bg, #1a1a2e);
    color: var(--inverse-fg, #f5f5f5);
    padding: var(--space-section-y, 3rem) var(--space-section-x, 2rem);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size-base, 1rem);
    line-height: var(--line-height-base, 1.6);
  }

  .footer-container {
    max-width: var(--max-w, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--gap, 1.5rem);
    text-align: center;
  }

  .footer-contact {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
  }

  .footer-address {
    font-style: normal;
    color: var(--muted-fg, #a0a0b0);
  }

  .footer-phone,
  .footer-email {
    color: var(--link, #4a90d9);
    text-decoration: none;
    transition: color var(--anim-duration, 0.3s) var(--anim-ease, ease);
  }

  .footer-phone:hover,
  .footer-email:hover {
    color: var(--link-hover, #2a6bb0);
    text-decoration: underline;
  }

  .footer-logo {
    font-size: var(--font-size-h2, 1.75rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--inverse-fg, #f5f5f5);
  }

  .footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap, 1.5rem);
  }

  .footer-menu a {
    color: var(--inverse-fg, #f5f5f5);
    text-decoration: none;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-sm, 0.25rem);
    transition: background-color var(--anim-duration, 0.3s) var(--anim-ease, ease);
  }

  .footer-menu a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;
  }

  .footer-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap, 1.5rem);
  }

  .footer-legal a {
    color: var(--muted-fg, #a0a0b0);
    text-decoration: none;
    font-size: var(--font-size-sm, 0.875rem);
    transition: color var(--anim-duration, 0.3s) var(--anim-ease, ease);
  }

  .footer-legal a:hover {
    color: var(--inverse-fg, #f5f5f5);
    text-decoration: underline;
  }

  .footer-disclaimer {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--muted-fg, #a0a0b0);
    max-width: 60ch;
    margin: 0 auto;
    line-height: 1.5;
  }

  .footer-copyright {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--muted-fg, #a0a0b0);
    margin: 0;
  }

  @media (max-width: 768px) {
    .footer-container {
      gap: 1.25rem;
    }

    .footer-menu {
      flex-direction: column;
      gap: 0.75rem;
    }

    .footer-legal {
      flex-direction: column;
      gap: 0.75rem;
    }
  }

.cookies{position:fixed;left:var(--space-x);right:var(--space-x);bottom:var(--space-y);z-index:1200;}

    .cookies .wrap{max-width:var(--max-w);margin:0 auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:calc(var(--space-y) * 0.9) var(--space-x);display:grid;grid-template-columns:1fr auto;gap:12px var(--gap);align-items:center;color:var(--card-fg);}

    .cookies .title{font-weight:700;}

    .cookies p{margin:0;grid-column:1 / 2;}

    .cookies .actions{grid-row:1 / 3;grid-column:2 / 3;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}

    .cookies .actions button{border:1px solid var(--card-border);background:var(--muted-bg);color:var(--muted-fg);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;}

    .cookies .actions button[data-choice='accept']{background:var(--accent-bg);color:var(--accent-fg);border-color:transparent;font-weight:700;}

    @media (max-width: 760px){.cookies .wrap{grid-template-columns:1fr;}

        .cookies p,.cookies .actions{grid-column:auto;grid-row:auto;}

        .cookies .actions{justify-content:flex-start;}
    }

.hero_hub {
    padding: clamp(4rem, 9vw, 7rem) var(--space-x);
    background: linear-gradient(120deg, var(--primary-bg), var(--accent-bg));
    color: var(--primary-fg);
}

.hero_hub .wrap {
    max-width: 62rem;
    margin: 0 auto;
    text-align: center;
}

.hero_hub .over {
    display: inline-flex;
    padding: .45rem .8rem;
    border-radius: 999px;
    background: var(--accent-bg);
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    color: var(--accent-fg);
}

.hero_hub .wrap h1 {
    margin: .8rem 0 0;
    font-size: clamp(2.6rem, 5vw, 4.8rem);
    line-height: 1;
}

.hero_hub .sub {
    margin: 1rem auto 0;
    max-width: 40rem;
    color: color-mix(in srgb, currentColor 88%, transparent);
}

.hero_hub .bar {
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.hero_hub .bar div {
    padding: .85rem;
    border-radius: var(--radius-md);
    background: color-mix(in srgb, currentColor 12%, transparent);
}

.hero_hub .cta {
    margin-top: 1rem;
    padding: .9rem 1rem;
    border-radius: var(--radius-md);
    background: rgba(17, 24, 39, .2);
    color: var(--neutral-0);
    display: inline-block;
}

@media (max-width: 640px) {
    .hero_hub .bar {
        grid-template-columns:1fr;
    }
}

.card--service-list{padding:48px 20px;background:var(--card-bg);color:var(--card-fg);}

.card--service-list .inner{max-width: var(--max-w);margin:0 auto;}

.card--service-list .inner h2{margin:0 0 10px;font-size:clamp(22px,3.5vw,28px);}

.card--service-list .list{margin:0;padding:0;list-style:none;border-radius:var(--radius-xl);background:var(--page-bg);border:1px solid var(--card-border);overflow:hidden;color:var(--page-fg);}

.card--service-list .row{display:grid;grid-template-columns:1fr;gap:12px;padding:8px 12px;border-top:1px solid var(--card-border);}

.card--service-list .row:first-child{border-top:none;}

.card--service-list .row-name{font-size:0.9rem;}

.offset_-followup{padding:clamp(3.7rem,8vw,6.3rem) var(--space-x);background:linear-gradient(145deg,var(--primary-bg),var(--accent-bg));color:var(--primary-fg);}

    .offset_-followup .wrap{max-width:60rem;margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:1rem;align-items:center;}

    .offset_-followup .copy p{margin:0;color:color-mix(in srgb, currentColor 78%, transparent);}

    .offset_-followup .copy h2{margin:.5rem 0 0;font-size:clamp(2rem,4vw,3.1rem);}

    .offset_-followup .copy span{display:block;margin-top:.85rem;}

    .offset_-followup .stack{display:grid;gap:.7rem;}

    .offset_-followup .stack a{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.9rem 1rem;border-radius:var(--radius-lg);text-decoration:none;background:color-mix(in srgb, currentColor 12%, transparent);border:1px solid color-mix(in srgb, currentColor 18%, transparent);}

    .offset_-followup .stack span{color:color-mix(in srgb, currentColor 80%, transparent);}

    .offset_-followup .button{display:inline-flex;margin-top:1rem;min-height:2.85rem;align-items:center;justify-content:center;padding:0 1rem;border-radius:var(--radius-md);background:var(--card-bg);color:var(--card-fg);text-decoration:none;}

    @media (max-width: 820px){.offset_-followup .wrap{grid-template-columns:1fr;}
    }

.advantages__marker {
  background: #fff;
  color: #0a0f1a;
  padding: var(--space-section-y) var(--space-section-x);
}
.advantages__marker .wrap {
  width: min(100%, var(--max-w));
  max-width: 64rem;
  margin: 0 auto;
}
.advantages__marker h2,
.advantages__marker p { margin: 0; }
.advantages__marker h2 {
  font-size: var(--font-size-h2);
  line-height: 1.06;
  margin-bottom: var(--space-block);
}
.advantages__marker .rows {
  display:flex;flex-direction:column;
  gap: var(--space-card);
}
.advantages__marker .row {
  display:flex;flex-wrap:wrap;

  gap: var(--space-y);
  align-items: start;
  padding: var(--space-y) 0;
  border-top: 1px solid rgba(10,15,26,.16);
}
.advantages__marker span {
  color: #6b7280;
  font-size: var(--font-size-sm);
}
.advantages__marker strong {
  font-size: var(--font-size-h3);
  line-height: 1.14;
}
.advantages__marker p {
  color: #475569;
  line-height: var(--line-height-base);
}
.advantages__marker .row>*{min-width:0;flex:1 1 16rem}

.aside---picks{padding:var(--space-section-y) var(--space-section-x);background:var(--accent-bg);color:var(--accent-fg)}
.aside---picks .wrap{max-width:var(--max-w);margin:0 auto}
.aside---picks .deck{max-width:40rem;margin-bottom:var(--space-block)}
.aside---picks h2{margin:0;font-size:var(--font-size-h1);line-height:1}
.aside---picks .deck p{margin:var(--space-y) 0 0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}
.aside---picks .index{display:flex;flex-direction:column;gap:var(--space-y)}
.aside---picks .entry{display:flex;align-items:flex-start;gap:var(--space-y);padding:var(--space-y) 0;color:inherit;text-decoration:none;transform:translateX(var(--entry-shift,0));animation:recommendIndexIn calc(var(--anim-duration)*1.1) var(--anim-ease) both}
.aside---picks .entry strong{flex:0 0 min(14rem,34%);font-size:var(--font-size-h3);line-height:1.08}
.aside---picks .entry span{flex:1 1 0;line-height:var(--line-height-base)}
.aside---picks .entry em{flex:0 0 auto;font-style:normal;font-size:var(--font-size-sm);white-space:nowrap}
@keyframes recommendIndexIn{from{opacity:0;transform:translateX(calc(var(--motion-distance)*-.08))}to{opacity:1;transform:translateX(0)}}
@media(max-width:720px){.aside---picks .entry{display:block}.aside---picks .entry span,.aside---picks .entry em{display:block;margin-top:var(--space-card)}}

.station-products{padding:60px 20px;background:var(--inverse-bg);color:var(--inverse-fg);}

.station-products .inner{max-width:var(--max-w);margin:0 auto;}

.station-products .header{text-align:center;margin-bottom:24px;}

.station-products .header h2{margin:0 0 4px;font-size:clamp(24px,4vw,30px);}

.station-products .header p{margin:0;}

.station-products .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;}

.station-products .card{border-radius:var(--radius-xl);padding:var(--space-y);background:var(--primary-bg);color:var(--primary-fg);border:1px solid rgba(148,163,184,0.7);text-decoration:none;transition:background 0.3s ease;}

.station-products .card:hover{background:var(--primary-hover);}

.station-products .mod-bestseller{border-color:var(--accent-bg);}
.station-products .mod-limited{border-color:var(--accent-bg);}
.station-products .mod-new{border-color:var(--primary-bg);}

.station-products .name{margin:0 0 4px;font-size:0.95rem;}

.station-products .note{margin:0;font-size:0.9rem;}

.offer-page-calm{color:var(--gradient-hero-fg);background:var(--gradient-hero-bg);padding:clamp(16px,3vw,40px);}

    .offer-page-calm .c{max-width:var(--max-w);margin:0 auto;display:grid;gap:var(--space-x);}

    @media (min-width: 1024px){.offer-page-calm .c{grid-template-columns:1fr 300px;}
    }

    .offer-page-calm .header{margin-bottom:var(--space-y);}

    .offer-page-calm h1{font-size:clamp(28px,5vw,42px);margin:0 0 1rem;}

    .offer-page-calm .meta{display:flex;gap:1rem;font-size:0.875rem;}

    .offer-page-calm .content{line-height:1.8;}

    .offer-page-calm .related{background:var(--card-bg);padding:clamp(16px,2vw,24px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--card-fg);}

    .offer-page-calm .related h3{margin:0 0 1rem;font-size:1.25rem;}

    .offer-page-calm .related-list{display:flex;flex-direction:column;gap:0.75rem;}

    .offer-page-calm .related a{text-decoration:none;}

    .offer-page-calm .related a:hover{text-decoration:underline;}

.wide_cart-step {
  background: var(--page-bg);
  color: var(--page-fg);
  padding: var(--space-section-y) var(--space-section-x);
}
.wide_cart-step .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, .32fr);
  gap: var(--gap);
}
.wide_cart-step h2,
.wide_cart-step h3,
.wide_cart-step p { margin: 0; }
.wide_cart-step h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.wide_cart-step h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.wide_cart-step p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.wide_cart-step .desk-head {
  display: grid;
  gap: var(--space-y);
}
.wide_cart-step .desk-head span { color: var(--muted-fg); }
.wide_cart-step .frame {
  display: grid;
  gap: var(--space-y);
  align-content: end;
  padding: var(--space-y);
  border-radius: var(--radius-lg);
  background: var(--inverse-bg);
  color: var(--inverse-fg);
}
.wide_cart-step .frame strong { font-size: var(--font-size-h3); }
.wide_cart-step .frame a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  width: fit-content;
}
.wide_cart-step .rows {
  grid-column: 1 / -1;
  display: grid;
  border: 1px solid var(--card-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--card-bg);
  color: var(--card-fg);
}
.wide_cart-step .row {
  display: grid;
  grid-template-columns: 1rem minmax(8rem, .26fr) minmax(0, 1fr) minmax(5rem, .18fr);
  gap: var(--space-y);
  align-items: center;
  padding: var(--space-y);
  border-bottom: 1px solid var(--card-border);
}
.wide_cart-step .row:last-child { border-bottom: 0; }
.wide_cart-step .dot {
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: var(--primary-bg);
  animation: checkoutConsolePulse calc(var(--anim-duration) * 5) var(--anim-ease) infinite alternate;
}
.wide_cart-step .meta { color: var(--muted-fg); font-size: var(--font-size-sm); }
@keyframes checkoutConsolePulse {
  from { opacity: .35; transform: scale(.82); }
  to { opacity: 1; transform: scale(1.16); }
}
@media (max-width: 820px) {
  .wide_cart-step .wrap,
  .wide_cart-step .row { grid-template-columns: 1fr; }
}

.support---active{
    background:var(--gradient-accent-bg);
    color:var(--gradient-accent-fg);
    padding:var(--space-section-y) var(--space-section-x);
  }
  .support---active .wrap{
    max-width:var(--max-w);
    margin:0 auto;
    display:flex;
    gap:var(--space-block);
    justify-content:space-between;
    align-items:flex-start;
  }
  .support---active .main{
    flex:0 1 38rem;
    min-width:0;
  }
  .support---active h2{
    margin:0;
    font-size:var(--font-size-h1);
    line-height:1.08;
    letter-spacing:0;
  }
  .support---active .main p{
    margin:var(--space-y) 0 0;
    color:color-mix(in srgb,var(--gradient-accent-fg) 68%,transparent);
    font-size:var(--font-size-lg);
    line-height:var(--line-height-base);
  }
  .support---active ul{
    flex:0 1 30rem;
    min-width:0;
    list-style:none;
    padding:0;
    margin:0;
  }
  .support---active li{
    padding:var(--space-y) 0;
  }
  .support---active li + li{
    border-top:1px solid color-mix(in srgb,var(--gradient-accent-fg) 22%,transparent);
  }
  .support---active li strong,
  .support---active li span{
    display:block;
  }
  .support---active li span{
    margin-top:.4rem;
    color:color-mix(in srgb,var(--gradient-accent-fg) 68%,transparent);
    line-height:var(--line-height-base);
  }
  @media (max-width:760px){
    .support---active .wrap{display:block}
    .support---active ul{margin-top:var(--space-block)}
  }

.request_-brand{padding:var(--space-section-y) var(--space-section-x);background:var(--primary-bg);color:var(--primary-fg)}
.request_-brand .wrap{max-width:var(--max-w);margin:0 auto}
.request_-brand .heading{max-width:50rem;margin-bottom:var(--space-block)}
.request_-brand h2{margin:0;font-size:var(--font-size-h1);line-height:1}
.request_-brand .heading p{max-width:40rem;margin:var(--space-y) 0 0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}
.request_-brand .steps{display:flex;flex-wrap:wrap;gap:var(--gap)}
.request_-brand [data-form-step]{flex:1 1 18rem;order:var(--step-order,0)}
.request_-brand label span{display:block;margin-bottom:var(--space-card);font-size:var(--font-size-sm)}
.request_-brand input,.request_-brand textarea{width:100%;padding:var(--space-card);border:1px solid color-mix(in srgb,currentColor 36%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;font:inherit;outline:none}
.request_-brand input:focus,.request_-brand textarea:focus{border-color:currentColor}
.request_-brand .message{display:block;margin-top:var(--space-y)}
.request_-brand textarea{resize:vertical}
.request_-brand button{margin-top:var(--space-y);padding:var(--space-card) var(--space-y);border:0;border-radius:var(--radius-sm);background:var(--inverse-bg);color:var(--inverse-fg);font:inherit;cursor:pointer}
.request_-brand button:hover{background:var(--accent-bg);color:var(--accent-fg)}

.strip___where{padding:var(--space-section-y) var(--space-section-x);background:var(--inverse-bg);color:var(--inverse-fg)}
.strip___where .matrix{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:var(--gap)}
.strip___where .lead{align-self:start}
.strip___where h2{margin:0;font-size:var(--font-size-h1);line-height:1}
.strip___where .lead p{margin:var(--space-y) 0 0;font-size:var(--font-size-lg);color:var(--neutral-600)}
.strip___where .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-card)}
.strip___where .card{padding:var(--space-card);border-radius:var(--radius-lg);background:var(--card-bg);color:var(--card-fg);border:1px solid var(--card-border)}
.strip___where .card span{display:block;font-size:var(--font-size-sm);color:var(--muted-fg)}
.strip___where .card strong{display:block;margin-top:var(--space-card)}
.strip___where .embed{grid-column:1/-1;height:clamp(22rem,42vw,34rem);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--card-border)}
.strip___where iframe{display:block;width:100%;height:100%;border:0}
@media (max-width: 780px){.strip___where .matrix,.strip___where .cards{grid-template-columns:1fr}.strip___where .embed{height:22rem}}

.bar---connect{padding:var(--space-section-y) var(--space-section-x);background:var(--gradient-accent-bg);color:var(--gradient-accent-fg)}
.bar---connect .wrap{max-width:var(--max-w);margin:0 auto}
.bar---connect .head{display:flex;justify-content:space-between;gap:var(--gap);align-items:flex-end;margin-bottom:var(--space-block)}
.bar---connect h2{max-width:16ch;margin:0;font-size:var(--font-size-h1);line-height:1}
.bar---connect .head p{max-width:44rem;margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}
.bar---connect .channels{display:flex;flex-wrap:wrap;gap:var(--space-y)}
.bar---connect .channels>*{min-width:0;flex:1 1 13rem}
.bar---connect a{min-height:calc(var(--space-block)*2);background:var(--accent-bg);color:var(--accent-fg);border-radius:var(--radius-lg);padding:var(--space-y);text-decoration:none;overflow-wrap:anywhere}
.bar---connect span{display:block;margin-bottom:var(--space-card);color:var(--primary-bg);font-size:var(--font-size-sm)}
.bar---connect strong{font-size:var(--font-size-h3);line-height:1.16}
@media(max-width:620px){.bar---connect .head,.bar---connect .channels{display:block}.bar---connect .head p,.bar---connect a{display:block;margin-top:var(--space-y);min-height:0}}

.product-page---index{color:var(--gradient-hero-fg);background:var(--gradient-hero-bg);padding:clamp(16px,3vw,40px);}

    .product-page---index .c{max-width:var(--max-w);margin:0 auto;display:grid;gap:var(--space-x);}

    @media (min-width: 1024px){.product-page---index .c{grid-template-columns:1fr 300px;}
    }

    .product-page---index .header{margin-bottom:var(--space-y);}

    .product-page---index h1{font-size:clamp(28px,5vw,42px);margin:0 0 1rem;}

    .product-page---index .meta{display:flex;gap:1rem;font-size:0.875rem;}

    .product-page---index .content{line-height:1.8;}

    .product-page---index .related{background:var(--card-bg);padding:clamp(16px,2vw,24px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--card-fg);}

    .product-page---index .related h3{margin:0 0 1rem;font-size:1.25rem;}

    .product-page---index .related-list{display:flex;flex-direction:column;gap:0.75rem;}

    .product-page---index .related a{text-decoration:none;}

    .product-page---index .related a:hover{text-decoration:underline;}

.bar__item-detail{color:var(--gradient-hero-fg);background:var(--gradient-hero-bg);padding:clamp(16px,3vw,40px);}

    .bar__item-detail .c{max-width:var(--max-w);margin:0 auto;display:grid;gap:var(--space-x);}

    @media (min-width: 1024px){.bar__item-detail .c{grid-template-columns:1fr 300px;}
    }

    .bar__item-detail .header{margin-bottom:var(--space-y);}

    .bar__item-detail h1{font-size:clamp(28px,5vw,42px);margin:0 0 1rem;}

    .bar__item-detail .meta{display:flex;gap:1rem;font-size:0.875rem;}

    .bar__item-detail .content{line-height:1.8;}

    .bar__item-detail .related{background:var(--card-bg);padding:clamp(16px,2vw,24px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--card-fg);}

    .bar__item-detail .related h3{margin:0 0 1rem;font-size:1.25rem;}

    .bar__item-detail .related-list{display:flex;flex-direction:column;gap:0.75rem;}

    .bar__item-detail .related a{text-decoration:none;}

    .bar__item-detail .related a:hover{text-decoration:underline;}

.data-policy_-steps {
    padding: var(--space-section-y) var(--space-section-x);
    background: var(--gradient-accent-bg);
    color: var(--gradient-accent-fg);
  }

  .data-policy_-steps .wrap {
    max-width: var(--max-w);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: var(--space-block);
  }

  .data-policy_-steps h2 {
    margin: 0;
    font-size: var(--font-size-h1);
    line-height: 1;
  }

  .data-policy_-steps .index {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-card);
    align-content: start;
  }

  .data-policy_-steps .index > p {
    grid-column: 1 / -1;
    margin: 0;
    font-size: var(--font-size-lg);
  }

  .data-policy_-steps .entry {
    padding: var(--space-card);
    background: var(--inverse-bg);
    color: var(--inverse-fg);
    border-radius: var(--radius-md);
  }

  .data-policy_-steps .entry strong,
  .data-policy_-steps .entry span {
    display: block;
  }

  .data-policy_-steps .entry span {
    margin-top: calc(var(--space-card) * .5);
    color: var(--neutral-600);
  }

  @media (max-width: 780px) {
    .data-policy_-steps .wrap,
    .data-policy_-steps .index {
      grid-template-columns: 1fr;
    }
  }

body{margin:0;padding:0;font-family:var(--font-family);box-sizing: border-box;}
  *{box-sizing:border-box;}
  a{color:inherit;}
  .btn-primary,.btn.btn-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;border-color:var(--primary-bg)!important;}
  .btn-primary:hover,.btn.btn-primary:hover{background:var(--primary-hover)!important;color:var(--primary-fg)!important;border-color:var(--primary-hover)!important;}
  .btn-outline-primary{color:var(--primary-bg)!important;border-color:var(--primary-bg)!important;}
  .btn-outline-primary:hover{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
  .bg-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
  .text-primary{color:var(--primary-bg)!important;}
  .border-primary{border-color:var(--primary-bg)!important;}
  .bg-light{background:var(--page-bg)!important;color:var(--page-fg)!important;}
  .bg-dark{background:var(--inverse-bg)!important;color:var(--inverse-fg)!important;}

.usage-rules_block{padding:var(--space-section-y) var(--space-section-x);background:var(--inverse-bg);color:var(--inverse-fg)}
.usage-rules_block .document{max-width:min(var(--max-w),60rem);margin:0 auto}
.usage-rules_block h2{margin:0;font-size:var(--font-size-h1);line-height:1.05}
.usage-rules_block .summary{margin:var(--space-y) 0 var(--space-block);font-size:var(--font-size-lg);color:color-mix(in srgb,currentColor 72%,transparent)}
.usage-rules_block ol{margin:0;padding-left:var(--gap)}
.usage-rules_block li{padding:0 0 var(--gap)}
.usage-rules_block li::marker{color:color-mix(in srgb,currentColor 58%,transparent);font-size:var(--font-size-md)}
.usage-rules_block h3{margin:0 0 var(--space-card);font-size:var(--font-size-h3);line-height:1.2}
.usage-rules_block li p{margin:0;color:color-mix(in srgb,currentColor 72%,transparent)}

.rise___done {
  padding: var(--space-section-y) var(--space-section-x);
  background: var(--inverse-bg);
  color: var(--inverse-fg);
}

.rise___done .wrap {
  max-width: min(var(--max-w), 50rem);
  margin: 0 auto;
}

.rise___done h2 {
  margin: 0;
  font-size: var(--font-size-h2);
  line-height: 1.08;
}

.rise___done .wrap > p {
  margin: var(--space-card) 0 var(--space-block);
  color: var(--neutral-300);
  font-size: var(--font-size-lg);
}

.rise___done .note {
  padding-top: var(--space-card);
  border-top: 1px solid var(--neutral-800);
}

.rise___done .note strong,
.rise___done .note span {
  display: block;
}

.rise___done .note strong {
  font-size: var(--font-size-h3);
}

.rise___done .note span {
  margin-top: calc(var(--space-card) * .5);
  color: var(--neutral-300);
}

.track--unavailable{padding:var(--space-section-y) var(--space-section-x);background:var(--inverse-bg);color:var(--inverse-fg)}
.track--unavailable .wrap{width:min(100%,calc(var(--max-w)*.66));margin:0 auto}
.track--unavailable .text{padding-top:var(--space-y)}
.track--unavailable h1{margin:0;font-size:var(--font-size-h1);line-height:1.02}
.track--unavailable p{max-width:36rem;margin:var(--space-y) 0 0;color:var(--neutral-600);font-size:var(--font-size-lg);line-height:var(--line-height-base)}
.track--unavailable a{display:block;width:fit-content;margin:var(--space-block) 0 0 auto;padding-top:var(--space-y);border-top:1px solid var(--card-border);color:inherit;text-decoration:none;transition:padding var(--anim-duration) var(--anim-ease)}
.track--unavailable a:hover{padding-right:var(--space-card)}
@media(max-width:520px){.track--unavailable a{align-self:stretch;margin-top:var(--space-block)}}