/* =============================================================================
   noir.css — TIXOGEL redesign · «obsidian monument» design language
   Canvas: pure black. Type as architecture. One crimson signal.
   Заменяет style.css целиком (bootstrap.min.css остаётся ниже в каскаде).
   ============================================================================= */

:root{
  --void:#000000;          /* canvas */
  --ash:#c9c9c9;           /* body */
  --frost:#ffffff;         /* display / leading */
  --graphite:#4c4c4c;      /* самый тихий: копирайт */
  --mist:#9a9aa2;          /* читаемый приглушённый: айбро, мета, составы */
  --signal:#e8eaf2;        /* фирменный стальной акцент (как в основной теме) */
  --hairline:rgba(255,255,255,.14);
  --hairline-dim:rgba(255,255,255,.07);

  --f-display:'Unbounded',sans-serif;
  --f-body:'Manrope',sans-serif;
  --f-mono:'JetBrains Mono',monospace;

  --pad-x:clamp(20px,6.5vw,126px);
  --gap-section:clamp(96px,12vw,216px);
}

/* ── base ─────────────────────────────────────────────────────────────────── */
html{background:var(--void);scroll-behavior:smooth}
/* body прозрачный — фиксированный орб (z-index:-1) виден под контентом */
html,body{overflow-x:hidden}
body{
  background:transparent;
  color:var(--ash);
  font-family:var(--f-body);
  font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
::selection{background:var(--signal);color:var(--void)}
a{color:var(--ash);text-decoration:none;transition:color .2s}
a:hover{color:var(--frost);text-decoration:underline;text-underline-offset:3px}
img{max-width:100%}

.container{max-width:1400px;padding-left:var(--pad-x);padding-right:var(--pad-x)}
@media(min-width:1400px){.container{padding-left:126px;padding-right:126px}}

section{padding:0;margin:0 0 var(--gap-section)}

/* type roles */
.eyebrow{
  font:400 13px/1.25 var(--f-body);
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--mist);margin:0 0 clamp(22px,3vw,43px);
}
.h-display{
  font:700 clamp(40px,8vw,118px)/0.98 var(--f-display);
  letter-spacing:-.02em;text-transform:uppercase;color:var(--frost);margin:0;
}
.h-lg{
  font:700 clamp(34px,5.6vw,84px)/0.98 var(--f-display);
  letter-spacing:-.02em;text-transform:uppercase;color:var(--frost);margin:0;
}
.h-md{
  font:700 clamp(22px,2.4vw,27px)/1.2 var(--f-display);
  text-transform:uppercase;color:var(--frost);margin:0;
}
.lead-tx{
  font:400 18px/1.35 var(--f-body);color:var(--ash);max-width:44ch;
}
.meta-tx{font:400 12px/1.5 var(--f-mono);color:var(--mist)}

/* ── buttons: пилюли и ghost ──────────────────────────────────────────────── */
.pill{
  display:inline-flex;align-items:center;gap:.5em;
  border-radius:9999px;border:1px solid var(--frost);
  background:transparent;color:var(--frost);
  font:400 14px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;
  padding:14px 30px;cursor:pointer;transition:background .2s,color .2s;
  text-decoration:none!important;
}
.pill:hover{background:var(--frost);color:var(--void)}
.pill.pill-signal{           /* специфичность выше .open-order-modal */
  border:1px solid var(--signal);background:var(--signal);color:var(--void);
}
.pill.pill-signal:hover{background:#fff;border-color:#fff;color:var(--void)}
.ghost{
  background:none;border:none;padding:0;border-radius:0;
  color:var(--frost);font:400 15px/1.4 var(--f-body);cursor:pointer;
}
.ghost:hover{text-decoration:underline;text-underline-offset:4px}

/* ── reveal (main.js вешает .v) ───────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.reveal.v{opacity:1;transform:none}

/* ── NAV: три зоны ────────────────────────────────────────────────────────── */
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:1040;
  background:rgba(0,0,0,.72);backdrop-filter:blur(10px);
  padding:0 var(--pad-x);min-height:72px;
  display:flex;align-items:center;
  transition:border-color .3s;
  border-bottom:1px solid transparent;
}
.navbar.scrolled{border-bottom-color:var(--hairline-dim)}
.navbar>.container{display:flex;align-items:center;max-width:none;padding:0}
.navbar-brand{padding:0;margin:0}
.navbar-brand img{width:118px;height:auto;display:block}
.nav-tagline{
  flex:1;text-align:center;
  font:400 11px/1 var(--f-body);letter-spacing:.28em;text-transform:uppercase;
  color:var(--mist);white-space:nowrap;overflow:hidden;text-overflow:clip;
}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:22px}
.nav-actions .pill{padding:11px 24px;font-size:12px}
.navbar .nav-link{
  font:400 14px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;
  color:var(--ash);padding:8px 0;
}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--frost);text-decoration:none}
.navbar .nav-link.active{border-bottom:1px solid var(--frost)}

/* toggler — две линии */
.navbar-toggler{
  border:none;padding:6px 0;width:30px;box-shadow:none!important;
  display:flex;flex-direction:column;gap:7px;background:none;
}
.navbar-toggler .bar{display:block;width:100%;height:1px;background:var(--frost)}
.navbar-toggler-icon{display:none}

/* desktop: ссылки в строку */
@media(min-width:992px){
  .navbar-collapse{display:flex!important;flex-grow:0;margin-left:43px}
  .navbar-nav{display:flex;flex-direction:row;gap:30px;margin:0;padding:0;list-style:none}
  .navbar-toggler{display:none}
}
/* mobile: полноэкранное меню */
@media(max-width:991.98px){
  /* backdrop-filter создаёт containing block для fixed-потомков и ломает
     полноэкранное меню — на мобиле блюр меняем на плотный фон */
  .navbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.94)}
  .nav-tagline{display:none}
  .navbar-collapse{
    position:fixed;top:71px;left:0;right:0;bottom:0;
    background:var(--void);padding:65px var(--pad-x);
  }
  .navbar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:29px;align-items:flex-end;text-align:right}
  /* Своё меню (main.js), без bootstrap height-анимации — «застревания»
     пунктов при закрытии больше нет. Скрыто = не отображается и прозрачно;
     открыто = фейд по opacity. Мгновенно, без reflow. */
  .navbar-collapse{
    display:flex!important;height:auto!important;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .18s ease,visibility 0s linear .18s;
  }
  .navbar-collapse.show{
    opacity:1;visibility:visible;pointer-events:auto;
    transition:opacity .18s ease;
  }
  .navbar .nav-link{
    font:700 clamp(30px,8vw,44px)/1 var(--f-display);
    text-transform:uppercase;color:var(--frost);letter-spacing:-.02em;
  }
  .navbar .nav-link.active{border:none;color:var(--frost);text-decoration:underline;text-underline-offset:6px}
  body.menu-open{overflow:hidden}
}

/* ── HERO ─────────────────────────────────────────────────────────────────── */
.hero-noir{
  position:relative;min-height:100svh;overflow:hidden;   /* клип орба на мобиле */
  display:flex;flex-direction:column;justify-content:center;
  padding:126px var(--pad-x) 65px;
  margin-bottom:var(--gap-section);
}
#orb{
  position:fixed;z-index:-1;      /* под всем контентом, над фоном html */
  left:0;top:0;
  width:min(52vw,680px);height:min(52vw,680px);
  pointer-events:none;
  will-change:transform,opacity;
}
.hero-noir .hero-content{position:relative;z-index:2;max-width:1400px}
.hero-noir .h-display .l2{display:block}
.hero-noir .h-display .l3{display:block;min-height:1em}
#typed-text::after{content:'_';color:var(--ash);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.hero-noir .lead-tx{margin:clamp(29px,4vw,43px) 0 36px}
.hero-meta{
  position:absolute;left:var(--pad-x);right:var(--pad-x);bottom:29px;
  display:flex;justify-content:space-between;gap:22px;
  font:400 11px/1.5 var(--f-mono);color:var(--mist);
  letter-spacing:.08em;text-transform:uppercase;
}
@media(max-width:991.98px){
  #orb{width:88vw;height:88vw}
  .hero-meta span:nth-child(2){display:none}
}

/* ── ABOUT: три пункта на линиях ──────────────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:43px;margin-top:65px}
.about-item{border-top:1px solid var(--hairline);padding-top:22px}
.about-item .idx{font:400 12px/1 var(--f-mono);color:var(--mist);display:block;margin-bottom:29px}
.about-item h3{font:700 clamp(20px,2vw,27px)/1.2 var(--f-display);text-transform:uppercase;color:var(--frost);margin-bottom:9px}
.about-item p{font-size:15px;line-height:1.4;color:var(--ash);margin:0;max-width:34ch}
@media(max-width:767.98px){.about-grid{grid-template-columns:1fr;gap:36px}}

/* ── PRODUCTS: стек почти во всю ширину ───────────────────────────────────── */
.product-intro{margin-bottom:clamp(43px,6vw,86px)}
#product .container[data-product]{
  border-top:1px solid var(--hairline);
  padding-top:clamp(43px,6vw,72px);
  padding-bottom:clamp(43px,6vw,72px);
}
#product .container[data-product]:last-of-type{border-bottom:1px solid var(--hairline)}
.p-idx{font:400 12px/1 var(--f-mono);color:var(--mist);display:block;margin-bottom:22px}
.p-name{
  font:700 clamp(34px,5.4vw,80px)/0.98 var(--f-display);
  letter-spacing:-.02em;text-transform:uppercase;color:var(--frost);margin:0 0 29px;
}
.product-details p{font-size:15px;line-height:1.45;max-width:56ch}
.product-details .font-monospace small,.compos{
  font-family:var(--f-mono);font-size:11.5px;line-height:1.6;color:var(--mist);
}
.tu-badge{
  display:inline-flex;align-items:center;gap:.5em;
  border:1px solid var(--hairline);border-radius:9999px;
  font:400 11px/1 var(--f-mono);color:var(--ash);
  padding:8px 16px;margin:16px 10px 0 0;
}
.tu-badge i{color:var(--ash)}
.price-block{display:flex;align-items:baseline;gap:14px;margin:36px 0 22px}
.price-current{font:700 clamp(24px,2.4vw,30px)/1 var(--f-display);color:var(--frost)}
.price-old{font:400 15px/1 var(--f-body);color:var(--mist);text-decoration:line-through}
.price-vol{font:400 12px/1 var(--f-mono);color:var(--mist)}
.open-order-modal{ /* товарные кнопки — белые пилюли */
  display:inline-flex;align-items:center;gap:.6em;
  border-radius:9999px;border:1px solid var(--frost);
  background:transparent;color:var(--frost);
  font:400 13px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;
  padding:15px 36px;cursor:pointer;transition:background .2s,color .2s;
}
.open-order-modal:hover{background:var(--frost);color:var(--void)}
.product-actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}
.oz-link{color:var(--mist);font-size:13px}
.oz-link:hover{color:var(--frost)}
.ozon-row{
  border-top:1px solid var(--hairline);margin-top:43px;padding-top:29px;
  display:flex;align-items:center;justify-content:space-between;gap:29px;flex-wrap:wrap;
}
.ozon-row p{margin:0;font-size:14px;color:var(--ash);max-width:58ch}
/* картинка */
.bottle-container{display:flex;justify-content:center}
.bottle-image{max-height:min(48vh,470px);width:auto;object-fit:contain}
#product .row{align-items:center}
#product .container.alt .row{flex-direction:row-reverse}
@media(max-width:991.98px){
  .bottle-container{margin-bottom:36px}
  .bottle-image{max-height:340px}
}

/* ── DEALER ───────────────────────────────────────────────────────────────── */
.partner-row{
  border-top:1px solid var(--hairline);
  padding:36px 0;
  display:flex;justify-content:space-between;align-items:center;
  gap:43px;flex-wrap:wrap;
}
.partner-row:last-of-type{border-bottom:1px solid var(--hairline)}
.partner-name{
  font:700 clamp(20px,2vw,27px)/1.2 var(--f-display);
  text-transform:uppercase;color:var(--frost);margin:0 0 9px;
}
.partner-text{max-width:62ch}
.partner-text p{font-size:14px;line-height:1.5;color:var(--ash);margin:0}
.partner-text strong{color:var(--frost);font-weight:600}
.partner-actions{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:767.98px){
  .partner-row{flex-direction:column;align-items:flex-start;gap:22px}
}
#dealer .dealer-wrap{border-top:1px solid var(--hairline);padding-top:43px;display:flex;gap:65px;align-items:center}
.dealer-avatar-img{width:170px;height:170px;object-fit:cover;border-radius:50%;filter:grayscale(1);transition:filter .4s}
#dealer .dealer-wrap:hover .dealer-avatar-img{filter:none}
.dealer-name-logo{height:40px;width:auto;margin-bottom:22px;filter:brightness(0) invert(1)}
.dealer-description{font-size:15px;line-height:1.5;max-width:62ch;color:var(--ash)}
.dealer-description .badge{
  background:transparent;border:1px solid var(--hairline);color:var(--ash);
  font:400 11px/1 var(--f-mono);border-radius:9999px;padding:5px 10px;
}
.dealer-actions{display:flex;gap:14px;margin-top:29px;flex-wrap:wrap}
@media(max-width:767.98px){
  #dealer .dealer-wrap{flex-direction:column;align-items:flex-start;gap:36px}
}

/* ── TOOLS: три экрана на линии ───────────────────────────────────────────── */
.tools-head{margin-bottom:65px}
.ph-stage{
  display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,3vw,43px);
}
.pw{opacity:0;transform:translateY(43px);transition:opacity .8s ease,transform .8s ease}
.pw.v{opacity:1;transform:none}
.pw.v.pl{transition-delay:.1s}
.pw.v.pr{transition-delay:.2s}
.pf{
  border:1px solid var(--hairline);border-radius:22px;padding:9px;background:var(--void);
  width:clamp(150px,22vw,290px);
}
.pf.ctr{width:clamp(170px,25vw,330px)}
.pvu,.pvd,.pvp,.pi,.gline{display:none}
.ps img{display:block;width:100%;height:auto;border-radius:14px}
.tools-cta{text-align:center;margin-top:65px}
@media(max-width:575.98px){
  .ph-stage{flex-wrap:wrap}
  .pw.pl,.pw.pr{display:none}
  .pf.ctr{width:min(78vw,340px)}
}

/* ── FAQ: hairline-строки ─────────────────────────────────────────────────── */
.faq-accordion{max-width:860px}
.faq-item{border-top:1px solid var(--hairline)}
.faq-item:last-of-type{border-bottom:1px solid var(--hairline)}
.faq-question{display:block;cursor:pointer;padding:29px 0}
.faq-icon{display:none}
.faq-text{display:flex;align-items:center;justify-content:space-between;gap:22px}
.faq-text h5{
  font:700 clamp(18px,2vw,24px)/1.15 var(--f-display);
  text-transform:uppercase;color:var(--frost);margin:0;
}
.faq-toggle{color:var(--frost);font-size:18px;transition:transform .3s}
.faq-question:not(.collapsed) .faq-toggle{transform:rotate(45deg)}
.faq-content{padding:0 0 36px;max-width:68ch}
.faq-content p{font-size:14px;line-height:1.55;color:var(--ash)}
.faq-content p strong{color:var(--frost);font-weight:600}
.faq-content .text-success{color:var(--ash)!important}
.faq-footer{margin-top:65px}
.faq-contact-card p{color:var(--ash);max-width:52ch}

/* ── FOOTER ───────────────────────────────────────────────────────────────── */
.footer{border-top:1px solid var(--hairline);padding:65px 0 36px;margin:0}
.footer h6{
  font:400 11px/1 var(--f-body);letter-spacing:.22em;text-transform:uppercase;
  color:var(--mist);margin-bottom:22px;
}
.footer,.footer p,.footer small{color:var(--mist);font-size:13px}
.footer a{color:var(--ash);font-size:13px}
.footer a:hover{color:var(--frost)}
.footer img{filter:brightness(0) invert(.35);width:96px!important}
.footer hr{display:none}
.footer .copy{margin-top:65px;font:400 11px/1 var(--f-mono);color:var(--graphite)}

/* ── ORDER MODAL: void-панель, hairline-компоненты ────────────────────────── */
.order-modal{
  background:#060606!important;border:none!important;
  border-radius:0!important;color:var(--ash);
}
#promoInput {
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  letter-spacing: .04em;
}
#promoInput::placeholder { color: rgba(255,255,255,.28); }
#promoInput:focus {
  background: rgba(0,0,0,.45);
  border-color: rgba(255,255,255,.3);
  color: #fff;
  box-shadow: none;
}
/* Применённый код блокируется — но серым он выглядеть не должен:
   поле не «сломано», оно закрыто, и это разные состояния */
#promoInput:disabled {
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.55);
  opacity: 1;
}
.order-modal .modal-header{border:none!important;padding:29px var(--pad-x) 9px;max-width:1160px;margin:0 auto;width:100%}
.order-modal .modal-body{max-width:1160px;margin:0 auto;width:100%}
.order-modal .modal-title{font:700 15px/1 var(--f-display);text-transform:uppercase;color:var(--frost)}
.order-modal .modal-body{padding:29px}
.order-products{display:flex;flex-direction:column;gap:0}
.order-product-row{
  display:flex;align-items:center;gap:14px;
  border-top:1px solid var(--hairline-dim);padding:16px 0;
}
.order-product-name{font:600 14px/1.3 var(--f-body);color:var(--frost)}
.order-product-price{font:500 13px/1 var(--f-body);color:var(--ash);margin-top:5px}
.order-qty{position:relative;display:flex;align-items:center;gap:4px;border:1px solid var(--hairline);border-radius:9999px;padding:4px}
.qty-btn{
  width:30px;height:30px;border-radius:50%;border:none;background:transparent;
  color:var(--ash);display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.qty-btn:hover{background:var(--frost);color:var(--void)}
.qty-value{min-width:26px;text-align:center;font:500 13px/1 var(--f-mono);color:var(--frost)}
.sold-out-overlay{
  display:none;position:absolute;inset:0;border-radius:9999px;
  background:rgba(0,0,0,.94);color:#ff6b6b;
  font:400 10px/1 var(--f-mono);letter-spacing:.08em;
  align-items:center;justify-content:center;
}
.sold-out-overlay.active{display:flex}
.order-paste-section{border-top:1px solid var(--hairline-dim);padding:16px 0 4px}
.order-paste-header{margin-bottom:14px}
.paste-grit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.paste-grit-btn{
  font:400 12px/1 var(--f-mono);color:var(--ash);
  background:transparent;border:1px solid var(--hairline);border-radius:9999px;
  padding:11px 6px;cursor:pointer;transition:all .2s;
}
.paste-grit-btn:hover{border-color:var(--frost);color:var(--frost)}
.paste-grit-btn.selected{background:var(--frost);border-color:var(--frost);color:var(--void)}
.paste-grit-btn.is-soldout,.paste-grit-btn.sold-out{opacity:.3;text-decoration:line-through;pointer-events:none}
.btn-reset-cart{
  width:100%;margin-top:16px;background:transparent;border:none;
  color:var(--graphite);font:400 12px/1 var(--f-body);letter-spacing:.08em;
  text-transform:uppercase;padding:9px;cursor:pointer;
}
.btn-reset-cart:hover{color:var(--frost)}
.order-summary{border-top:1px solid var(--hairline);padding-top:16px;margin-top:9px}
.summary-row{display:flex;justify-content:space-between;margin-bottom:9px;font-size:14px}
.summary-row.total{font:700 17px/1.2 var(--f-display);color:var(--frost)}
.summary-row.total span:last-child{color:var(--frost)}
.summary-note{font:400 13px/1.45 var(--f-body);color:var(--ash);margin-top:9px}
.order-modal .form-check-input{
  background-color:transparent;border:1px solid var(--hairline);border-radius:0;
}
.order-modal .form-check-input:checked{background-color:var(--signal);border-color:var(--signal);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:.7rem}
.order-modal .form-check-input:focus{box-shadow:none;border-color:var(--frost)}
.order-modal .form-check-label{font-size:13px;color:var(--ash)}
.order-modal .form-check-label a{color:var(--frost)!important;text-decoration:underline;text-underline-offset:2px}
.order-modal #submitOrder{
  border-radius:9999px!important;border:none!important;
  background:var(--signal)!important;color:var(--void)!important;
  font:400 14px/1 var(--f-body)!important;letter-spacing:.12em;text-transform:uppercase;
  padding:17px!important;transition:background .2s;
}
.order-modal #submitOrder:hover{background:#fff!important}
.order-modal #submitOrder:disabled{opacity:.35;cursor:not-allowed}
.order-modal small{color:var(--mist)}
@media(min-width:992px){
  /* десктоп: оконная модалка по центру, сайт виден за подложкой */
  .order-modal{border:1px solid var(--hairline)!important}
  .order-modal .modal-header{padding:29px 43px 9px}
  .order-modal .modal-body{padding:29px 43px 43px}
  .order-modal .modal-body>*{width:100%}
  #orderForm{display:grid;grid-template-columns:1fr 1fr;gap:43px}
}

/* ── custom cursor (main.js создаёт .cur / .cur-r) ────────────────────────── */
body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}
.cur{
  position:fixed;z-index:2000;width:5px;height:5px;border-radius:50%;
  background:var(--frost);transform:translate(-50%,-50%);pointer-events:none;
}
.cur-r{
  position:fixed;z-index:2000;width:32px;height:32px;border-radius:50%;
  border:1px solid rgba(255,255,255,.35);transform:translate(-50%,-50%);
  pointer-events:none;transition:width .25s,height .25s,border-color .25s;
}
.cur-r.on{width:52px;height:52px;border-color:var(--signal);border-color:rgba(232,234,242,.9)}

/* ── misc / bootstrap overrides ───────────────────────────────────────────── */
.modal-backdrop.show{opacity:.55}
.btn-close{filter:invert(1)}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal,.pw{opacity:1;transform:none;transition:none}
  #typed-text::after{animation:none}
}


/* ── Legal / service pages (oferta, privacy, refund, success) ─────────────── */
.legal-page{padding:126px 0 86px;min-height:100svh}
.legal-page h1{font:700 clamp(34px,5.6vw,72px)/0.98 var(--f-display);text-transform:uppercase;color:var(--frost);margin:0 0 22px}
.legal-date{font:400 12px/1 var(--f-mono);color:var(--mist);display:block;margin-bottom:65px}
.document-content{max-width:78ch}
.document-content h3{font:700 clamp(17px,1.6vw,21px)/1.25 var(--f-display);text-transform:uppercase;color:var(--frost);margin:43px 0 14px}
.document-content p,.document-content li{font-size:14px;line-height:1.6;color:var(--ash)}
.document-content strong{color:var(--frost);font-weight:600}
.document-content ul{padding-left:1.2em}
.legal-back{display:inline-block;margin-top:65px}
.success-wrap{min-height:100svh;display:flex;align-items:center}
.success-card{max-width:640px}
.success-card .eyebrow{margin-bottom:29px}
.success-card h1{font:700 clamp(38px,6vw,84px)/0.98 var(--f-display);text-transform:uppercase;color:var(--frost);margin:0 0 29px}
.success-card p{font-size:15px;line-height:1.55;color:var(--ash);max-width:52ch}
.success-card .pill{margin-top:36px}