/** Shopify CDN: Minification failed

Line 525:0 Expected ")" to go with "("

**/
:root{
  --bg:#0B0D10;
  --panel:#131822;
  --border:rgba(255,255,255,.10);
  --text:rgba(255,255,255,.92);
  --muted:#B7C0CC;
  --accent:#49E5E8;
  --accent2:#22C7CF;
  --radius:18px;
  --shadow:0 14px 40px rgba(0,0,0,.35);
}

body{ background:var(--bg); color:var(--text); }
a{ color:var(--text); }
a:hover{ color:var(--accent); }

/* Dawn buttons */
.button, button, .shopify-payment-button__button, a.button{
  border-radius:999px !important;
  font-weight:900 !important;
  letter-spacing:.02em;
}
.button--primary, .shopify-payment-button__button{
  background:var(--accent) !important;
  color:#0B0D10 !important;
  border:1px solid transparent !important;
}
.button--primary:hover, .shopify-payment-button__button:hover{
  background:var(--accent2) !important;
  transform:translateY(-1px);
}
.button--secondary{
  background:transparent !important;
  border:1px solid var(--border) !important;
  color:var(--text) !important;
}

/* Helpers */
.hz-wrap{ max-width:1180px; margin:0 auto; padding:28px 18px; }
.hz-kicker{
  display:inline-block; margin:0 0 10px 0; font-size:12px; font-weight:900;
  letter-spacing:.14em; text-transform:uppercase; color:var(--accent);
}
.hz-title{ margin:0; font-size:clamp(26px,3.4vw,46px); line-height:1.05; }
.hz-subtitle{ margin-top:10px; max-width:70ch; color:var(--muted); font-size:15px; line-height:1.7; }

.hz-divider{
  height:10px; background:var(--accent); border-radius:999px;
  transform:skewX(-18deg); width:min(560px,95%); margin:18px 0 0 0;
}

/* HERO */
.hz-hero{
  border:1px solid var(--border); border-radius:26px; overflow:hidden; box-shadow:var(--shadow);
  background:
    radial-gradient(1200px 500px at 30% 20%, rgba(73,229,232,.14), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.78));
}
.hz-hero__grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:18px; min-height:480px; }
.hz-hero__content{ padding:46px 34px; }
.hz-quote{
  margin:0; font-weight:1000; text-transform:uppercase; letter-spacing:.03em; font-style:italic;
  font-size:clamp(20px,3vw,44px);
}
.hz-quote span{ color:var(--accent); }
.hz-hero__desc{ margin-top:14px; color:var(--muted); font-size:15px; line-height:1.7; max-width:62ch; }
.hz-hero__cta{ margin-top:18px; display:flex; gap:12px; flex-wrap:wrap; }

.hz-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:12px 16px; border-radius:999px; font-weight:1000; text-decoration:none;
  border:1px solid transparent; background:var(--accent); color:#0B0D10;
  transition:transform .15s ease, background .15s ease;
}
.hz-btn:hover{ transform:translateY(-1px); background:var(--accent2); }
.hz-btn--ghost{ background:transparent; border-color:var(--border); color:var(--text); }

.hz-hero__side{ padding:26px; display:grid; gap:12px; align-content:center; }
.hz-pill{
  background:rgba(19,24,34,.82); border:1px solid var(--border);
  border-radius:18px; padding:14px;
}
.hz-pill__title{
  font-weight:900; color:var(--accent); text-transform:uppercase;
  letter-spacing:.12em; font-size:11px;
}
.hz-pill__value{ margin-top:8px; font-size:15px; line-height:1.45; color:var(--text); }

/* HOW IT WORKS */
.hz-steps{ margin-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.hz-step{
  border:1px solid var(--border); background:rgba(19,24,34,.82);
  border-radius:18px; padding:16px; box-shadow:var(--shadow);
}
.hz-step__num{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:999px;
  background:var(--accent); color:#0B0D10; font-weight:1000;
}
.hz-step__title{ margin:10px 0 6px 0; font-weight:1000; font-size:16px; }
.hz-step__text{ margin:0; color:var(--muted); font-size:14.5px; line-height:1.65; }

/* SERVICE CARDS */
.hz-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px; }
.hz-card{
  border:1px solid var(--border); background:var(--panel);
  border-radius:22px; box-shadow:var(--shadow); padding:18px; position:relative;
}
.hz-card__tag{
  display:inline-flex; font-size:11px; font-weight:1000; letter-spacing:.12em;
  text-transform:uppercase; color:#0B0D10; background:var(--accent);
  padding:6px 10px; border-radius:999px;
}
.hz-card__title{ margin:12px 0 8px 0; font-size:18px; font-weight:1000; }
.hz-card__desc{ margin:0 0 14px 0; color:var(--muted); font-size:14.5px; line-height:1.65; }
.hz-card__meta{ margin:0 0 12px 0; color:var(--text); font-weight:900; }
.hz-card__actions{ display:flex; gap:10px; flex-wrap:wrap; }

/* PROOF */
.hz-proof{ margin-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.hz-stat{
  border:1px solid var(--border); background:rgba(19,24,34,.82);
  border-radius:18px; padding:16px; text-align:center;
}
.hz-stat__big{ font-size:28px; font-weight:1100; color:var(--accent); margin:0; }
.hz-stat__small{ margin:6px 0 0 0; color:var(--muted); font-size:14px; line-height:1.5; }

/* FAQ */
.home-faq{ margin-top:10px; }
.home-faq__items{ margin-top:14px; display:grid; gap:12px; }
.home-faq__item{
  border:1px solid var(--border); background:rgba(19,24,34,.82);
  border-radius:18px; overflow:hidden;
}
.home-faq__summary{
  list-style:none; cursor:pointer; padding:16px;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  user-select:none;
}
.home-faq__summary::-webkit-details-marker{ display:none; }
.home-faq__q{ font-weight:1000; font-size:15.5px; line-height:1.25; color:var(--text); }
.home-faq__summary::after{
  content:""; width:10px; height:10px;
  border-right:2px solid var(--muted); border-bottom:2px solid var(--muted);
  transform:rotate(45deg); transition:transform .22s ease; opacity:.9;
}
.home-faq__item[open] .home-faq__summary::after{ transform:rotate(-135deg); }
.home-faq__a{ padding:0 16px 16px 16px; color:var(--muted); font-size:14.5px; line-height:1.65; }

/* PRODUCT “sections” */
.hz-box{
  border:1px solid var(--border); background:rgba(19,24,34,.82);
  border-radius:18px; padding:16px; box-shadow:var(--shadow);
}
.hz-list{ margin:10px 0 0 0; padding:0; list-style:none; }
.hz-list li{ margin:10px 0; color:var(--muted); line-height:1.6; }
.hz-list strong{ color:var(--text); }
.hz-note{ margin-top:10px; color:var(--muted); font-size:14px; line-height:1.6; }
.hz-mini{ font-size:13px; color:var(--muted); }

/* Responsive */
@media (max-width: 900px){
  .hz-hero__grid{ grid-template-columns:1fr; }
  .hz-hero__content{ padding:34px 18px; }
  .hz-hero__side{ padding:0 18px 18px 18px; }
  .hz-steps{ grid-template-columns:1fr; }
  .hz-grid{ grid-template-columns:1fr; }
  .hz-proof{ grid-template-columns:1fr; }
}
/* ============================
   GLOBAL SITE BACKGROUND
   ============================ */

/* Full site background */
body{
  background:
    radial-gradient(900px 420px at 20% 10%, rgba(73,229,232,.10), transparent 55%),
    radial-gradient(900px 420px at 85% 20%, rgba(73,229,232,.07), transparent 60%),
    radial-gradient(900px 420px at 60% 95%, rgba(73,229,232,.06), transparent 60%),
    #0B0D10;
  background-attachment: fixed;
}

/* Ensure main areas stay transparent so the background shows */
#MainContent,
.shopify-section{
  background: transparent !important;
}

/* Optional: header/footer blend */
.header-wrapper,
.footer{
  background: rgba(11,13,16,.78) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.footer{
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 0;
}

/* Remove white/grey default Dawn backgrounds if any */
.gradient,
.color-background-1,
.color-background-2{
  background: transparent !important;
}
/* ============================
   UNIVERSAL LIQUID SECTION WRAPPER
   ============================ */
.hz-section{
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 18px;
}

.hz-panel{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(19,24,34,.86);
  border-radius: 22px;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
  padding: 22px;
}

.hz-panel--tight{ padding: 18px; }

.hz-panel__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom: 14px;
}

.hz-panel__kicker{
  display:inline-block;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  color: #49E5E8;
  margin: 0 0 8px 0;
}

.hz-panel__title{
  margin:0;
  font-size: clamp(22px, 2.6vw, 34px);
  line-height: 1.1;
}

.hz-panel__sub{
  margin: 8px 0 0 0;
  color: #B7C0CC;
  font-size: 15px;
  line-height: 1.7;
  max-width: 70ch;
}

/* Nice divider */
.hz-line{
  height: 10px;
  width: min(520px, 95%);
  background: #49E5E8;
  border-radius: 999px;
  transform: skewX(-18deg);
  margin-top: 14px;
}
/* =======================================
   REMOVE WHITE BACKGROUND BETWEEN SECTIONS
   GLOBAL GRADIENT BACKGROUND (DAWN FIX)
   ======================================= */

/* 1) full page background */
html, body{
  background: #0B0D10 !important;
}

/* 2) Dawn layout containers often add white backgrounds */
body{
  background:
    radial-gradient(900px 420px at 20% 10%, rgba(73,229,232,.12), transparent 55%),
    radial-gradient(900px 420px at 85% 20%, rgba(73,229,232,.08), transparent 60%),
    radial-gradient(900px 420px at 60% 95%, rgba(73,229,232,.07), transparent 60%),
    linear-gradient(180deg, rgba(11,13,16,1) 0%, rgba(11,13,16,1) 40%, rgba(8,10,12,1) 100%) !important;
  background-attachment: fixed;
}

/* 3) Most common Dawn “white” wrappers */
#MainContent,
.content-for-layout,
.shopify-section,
.shopify-section-group-header-group,
.shopify-section-group-footer-group{
  background: transparent !important;
}

/* 4) Dawn uses .gradient and color-background classes to paint white */
.gradient,
.color-background-1,
.color-background-2,
.color-background-3,
.color-background-4{
  background: transparent !important;
  background-color: transparent !important;
}

/* 5) ensure sections do not create white bands */
.section,
.section--padding,
.page-width{
  background: transparent !important;
}

/* Optional: remove light “shadow line” bands */
body:before,
body:after{
  background: transparent !important;
}
/* Smooth section blending */
.hz-wrap{
  position: relative;
}
.hz-wrap::before{
  content:"";
  position:absolute;
  inset:-18px 0 -18px 0;
  background: linear-gradient(
    180deg,
    rgba(11,13,16,0) 0%,
    rgba(73,229,232,0.035) 50%,
    rgba(11,13,16,0) 100%
  );
  pointer-events:none;
  z-index:0;
}
.hz-wrap > *{
  position: relative;
  z-index:1;
}
/* ============================
   DIVIDER / SEPARATOR SECTION
   ============================ */
.hz-divider-section{
  max-width: 1180px;
  margin: 0 auto;
  padding: 6px 18px 18px 18px;
}

.hz-sep{
  position: relative;
  height: 84px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(700px 240px at 15% 40%, rgba(73,229,232,.14), transparent 60%),
    linear-gradient(180deg, rgba(19,24,34,.86), rgba(11,13,16,.78));
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}

/* The angled cyan band */
.hz-sep__band{
  position: absolute;
  left: -10%;
  right: -10%;
  top: 50%;
  height: 14px;
  transform: translateY(-50%) skewX(-18deg);
  background: linear-gradient(90deg, rgba(73,229,232,0.0), rgba(73,229,232,1), rgba(73,229,232,0.0));
  filter: drop-shadow(0 10px 18px rgba(73,229,232,.22));
  border-radius: 999px;
}

/* Glow layer */
.hz-sep__glow{
  position:absolute;
  inset:0;
  background: radial-gradient(600px 180px at 70% 35%, rgba(73,229,232,.12), transparent 60%);
  pointer-events:none;
}

/* Chevron arrows right side */
.hz-sep__chevrons{
  position:absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  display:flex;
  gap: 10px;
  opacity: .70;
}

.hz-sep__chev{
  width: 26px;
  height: 26px;
  border-right: 3px solid rgba(73,229,232,.65);
  border-top: 3px solid rgba(73,229,232,.65);
  transform: rotate(45deg);
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.35));
}

.hz-sep__content{
  position: relative;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding: 16px 18px;
}

.hz-sep__text{
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  color: rgba(255,255,255,.78);
}

.hz-sep__text span{
  color: #49E5E8;
}

@media (max-width: 900px){
  .hz-sep{ height: 74px; }
  .hz-sep__chevrons{ right: 10px; gap: 6px; }
  .hz-sep__chev{ width: 20px; height: 20px; border-right-width: 2px; border-top-width: 2px; }
  .hz-sep__text{ font-size: 11px; }
}
/* ============================
   BEAUTY PASS (v2)
   ============================ */

/* Better overall contrast on headings */
.hz-title, .hz-quote{
  color: rgba(255,255,255,.96);
  text-shadow: 0 10px 30px rgba(0,0,0,.55);
}
.hz-subtitle, .hz-hero__desc{
  color: rgba(255,255,255,.72);
}

/* Glass cards look nicer */
.hz-pill, .hz-step, .hz-card, .home-faq__item, .hz-box{
  background: rgba(16,20,28,.62) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.42);
}

/* Soft top highlight border */
.hz-pill::before, .hz-step::before, .hz-card::before, .home-faq__item::before, .hz-box::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 30%);
  opacity: .65;
}
.hz-pill, .hz-step, .hz-card, .home-faq__item, .hz-box{ position:relative; overflow:hidden; }

/* Buttons: premium shine */
.hz-btn{
  position:relative;
  overflow:hidden;
}
.hz-btn::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-30%;
  width:40%;
  height:180%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,25
#how .hz-title{ color: rgba(255,255,255,.98) !important; }
#how .hz-subtitle{ color: rgba(255,255,255,.75) !important; }
/* ============================
   BEAUTY TUNE (SAFE)
   ============================ */

/* Section titles: more contrast */
.hz-title{
  color: rgba(255,255,255,.96) !important;
  letter-spacing: -0.02em;
}
.hz-subtitle{
  color: rgba(255,255,255,.70) !important;
}

/* Cards: cleaner glass + softer border */
.hz-step, .hz-card, .hz-pill, .home-faq__item, .hz-box{
  background: rgba(16,20,28,.52) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.38);
  backdrop-filter: blur(8px);
}

/* Remove heavy “top highlight” if you had it from earlier */
.hz-step::before, .hz-card::before, .hz-pill::before, .home-faq__item::before, .hz-box::before{
  display:none !important;
}

/* Buttons: a bit tighter + consistent */
.hz-btn{
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 1000;
}
.hz-btn--ghost{
  border-color: rgba(255,255,255,.14);
}

/* Spacing: nicer flow between sections */
.hz-wrap{
  padding: 32px 18px;
}