/** Shopify CDN: Minification failed

Line 17:0 Unexpected "{"
Line 17:1 Expected identifier but found "%"
Line 18:35 Unexpected "`"
Line 19:91 Unterminated string token
Line 22:81 Unterminated string token
Line 23:3 Expected identifier but found "%"
Line 25:2 Unexpected "{"
Line 25:3 Expected identifier but found "%"
Line 26:15 Expected identifier but found whitespace
Line 26:41 Expected identifier but found whitespace
... and 41 more hidden warnings

**/
/* START_SECTION:nova-compare (INDEX:68) */
{%- comment -%}
    Heading colours are written as `.section .class` (two classes) on purpose. This
    section's stylesheet is compiled into compiled_assets/styles.css, which the theme loads
    BEFORE theme.css. theme.css colours `.h0 … .h6` with a single class, so a single-class
    rule here ties on specificity and loses on order — which is exactly how these headings
    went grey the moment they picked up the theme's h-classes for the type scale.
  {%- endcomment -%}

  {%- comment -%}
    Type scale: no hard-coded font-sizes. Headings carry the theme's own h-classes so they
    resize with the theme's breakpoints and the merchant's heading-size setting; body copy
    is 1.5rem (the theme body size), leads 1.6rem, small labels 1.4rem, eyebrows 1.3rem.
    Root is 10px in this theme, so 1rem = 10px. Heading weight is the theme's 700.
  {%- endcomment -%}

  {%- comment -%}
    theme.css sets `h1,h2,h3,... { color: rgb(var(--color-foreground)) }` globally. That is an
    explicit declaration, so headings do NOT inherit the section colour — every heading in a
    custom section must state its own colour or it silently renders in the theme's foreground.
    On this dark palette that showed up as grey headings.
  {%- endcomment -%}
  .nova-compare{background:var(--nvc-bg);color:var(--nvc-text);padding-block:var(--nvc-pad-top) var(--nvc-pad-bottom);}
  .nova-compare__container{max-width:1080px;margin:auto;padding-inline:24px;}
  .nova-compare__eyebrow{display:inline-block;margin:0 0 14px;padding:7px 13px;border-radius:30px;
    background:var(--nvc-highlight);color:var(--nvc-accent);
    font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
  .nova-compare .nova-compare__heading{color:var(--nvc-text);letter-spacing:-.02em;margin:0 0 1.4rem;}
  .nova-compare__lead{color:var(--nvc-muted);font-size:1.6rem;line-height:1.6;margin:0 0 3.4rem;max-width:640px;}

  .nova-compare__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .nova-compare__table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;}

  .nova-compare__th{padding:1.4rem 1.8rem;font-size:1.4rem;font-weight:700;letter-spacing:.01em;vertical-align:bottom;}
  .nova-compare__th--label{width:34%;}
  .nova-compare__th--us{color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;background:var(--nvc-accent);}
  .nova-compare__th--them{color:var(--nvc-muted);}

  .nova-compare__label{padding:1.6rem 1.8rem 1.6rem 0;font-size:1.5rem;font-weight:600;color:var(--nvc-text);
    border-bottom:1px solid var(--nvc-line);vertical-align:top;}
  .nova-compare__cell{padding:1.6rem 1.8rem;font-size:1.5rem;line-height:1.5;border-bottom:1px solid var(--nvc-line);vertical-align:top;}
  .nova-compare__cell--us{background:color-mix(in srgb, var(--nvc-highlight) 22%, var(--nvc-surface));color:var(--nvc-text);}
  .nova-compare__cell--them{color:var(--nvc-muted);}
  .nova-compare__row:last-child .nova-compare__cell--us{border-bottom-left-radius:12px;border-bottom-right-radius:12px;}

  .nova-compare__mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;
    border-radius:50%;margin-right:9px;flex-shrink:0;vertical-align:-4px;}
  .nova-compare__cell--us .nova-compare__mark{background:var(--nvc-accent);color:var(--nvc-highlight);}
  .nova-compare__cell--them .nova-compare__mark{background:color-mix(in srgb, var(--nvc-muted) 16%, transparent);color:var(--nvc-muted);}
  .nova-compare__row--tie .nova-compare__cell--us .nova-compare__mark,
  .nova-compare__row--tie .nova-compare__cell--them .nova-compare__mark{
    background:color-mix(in srgb, var(--nvc-muted) 14%, transparent);color:var(--nvc-muted);}

  .nova-compare__footnote{margin:1.8rem 0 0;font-size:1.4rem;color:var(--nvc-muted);max-width:640px;}

  .nova-compare__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
  .nova-compare__btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:9px;
    font-size:1.5rem;font-weight:700;text-decoration:none;background:var(--nvc-button);color:#fff;border:2px solid var(--nvc-button);
    transition:transform .16s ease, opacity .16s ease;}
  .nova-compare__btn:hover{transform:translateY(-1px);opacity:.92;}
  .nova-compare__btn--quiet{background:transparent;color:var(--nvc-accent);border-color:var(--nvc-accent);}

  /* Stacked cards on phones — the table markup stays, only the layout changes, so the
     row/column relationships survive for assistive tech. */
  @media screen and (max-width:749px){
    .nova-compare__table,.nova-compare__table tbody,.nova-compare__row{display:block;width:100%;}
    .nova-compare__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
    .nova-compare__row{border:1px solid var(--nvc-line);border-radius:12px;margin-bottom:14px;overflow:hidden;
      background:var(--nvc-surface);}
    .nova-compare__label{display:block;padding:1.3rem 1.6rem .9rem;border-bottom:0;font-size:1.5rem;}
    .nova-compare__cell{display:flex;align-items:flex-start;gap:0;padding:1.1rem 1.6rem;border-bottom:0;font-size:1.5rem;}
    .nova-compare__cell::before{content:attr(data-col);flex:0 0 42%;padding-right:1rem;font-size:1.2rem;font-weight:700;
      text-transform:uppercase;letter-spacing:.05em;color:var(--nvc-muted);}
    .nova-compare__cell--us{border-radius:0;}
    .nova-compare__row:last-child .nova-compare__cell--us{border-radius:0;}
    .nova-compare__cell--them{padding-bottom:14px;}
    .nova-compare__btn{flex:1 1 100%;}
  }

  @media (prefers-reduced-motion: reduce){
    .nova-compare__btn{transition:none;}
    .nova-compare__btn:hover{transform:none;}
  }
/* END_SECTION:nova-compare */
/* START_SECTION:nova-hero (INDEX:69) */
{%- comment -%}
    Heading colours are written as `.section .class` (two classes) on purpose. This
    section's stylesheet is compiled into compiled_assets/styles.css, which the theme loads
    BEFORE theme.css. theme.css colours `.h0 … .h6` with a single class, so a single-class
    rule here ties on specificity and loses on order — which is exactly how these headings
    went grey the moment they picked up the theme's h-classes for the type scale.
  {%- endcomment -%}

  {%- comment -%}
    Type scale: no hard-coded font-sizes. Headings carry the theme's own h-classes so they
    resize with the theme's breakpoints and the merchant's heading-size setting; body copy
    is 1.5rem (the theme body size), leads 1.6rem, small labels 1.4rem, eyebrows 1.3rem.
    Root is 10px in this theme, so 1rem = 10px. Heading weight is the theme's 700.
  {%- endcomment -%}

  .nova-hero{position:relative;overflow:hidden;background:
    radial-gradient(60% 55% at 82% 8%, color-mix(in srgb, var(--nvh-accent-3) 35%, transparent), transparent 60%),
    radial-gradient(50% 45% at 8% 100%, color-mix(in srgb, var(--nvh-accent-2) 16%, transparent), transparent 60%),
    var(--nvh-bg);color:var(--nvh-text);}
  .nova-hero__stars{position:absolute;inset:0;z-index:0;opacity:.9;}
  .nova-hero__container{max-width:1280px;margin:auto;padding:0 24px;}
  .nova-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
  .nova-hero__eyebrow{display:inline-block;padding:8px 14px;background:rgba(255,255,255,.08);border-radius:30px;font-size:1.3rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--nvh-accent-2);margin-bottom:1.8rem;}
  .nova-hero .nova-hero__heading{line-height:1.05;letter-spacing:-.02em;color:var(--nvh-text);margin:0;}
  .nova-hero .nova-hero__heading span{background:linear-gradient(100deg,var(--nvh-accent-1),var(--nvh-accent-2) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;}
  .nova-hero__lead{color:var(--nvh-muted);font-size:1.6rem;line-height:1.6;margin:2rem 0 3rem;max-width:520px;}
  .nova-hero__price{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:0 0 1.4rem;font-size:1.5rem;font-weight:600;
    color:var(--nvh-text);letter-spacing:.01em;}
  .nova-hero__cutoff{display:inline-flex;align-items:center;gap:9px;margin:0 0 26px;padding:8px 15px;
    border:1px solid color-mix(in srgb, var(--nvh-accent-2) 45%, transparent);border-radius:8px;
    background:color-mix(in srgb, var(--nvh-accent-2) 10%, transparent);
    font-size:1.4rem;font-weight:700;color:var(--nvh-accent-2);letter-spacing:.01em;}
  .nova-hero__dot{width:8px;height:8px;border-radius:50%;background:var(--nvh-accent-2);flex-shrink:0;
    box-shadow:0 0 0 0 color-mix(in srgb, var(--nvh-accent-2) 70%, transparent);animation:nova-pulse 2.4s ease-out infinite;}
  @keyframes nova-pulse{70%{box-shadow:0 0 0 9px color-mix(in srgb, var(--nvh-accent-2) 0%, transparent);}
    100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--nvh-accent-2) 0%, transparent);}}
  .nova-hero__ctas{display:flex;flex-wrap:wrap;gap:14px;}
  .nova-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:12px;text-decoration:none;font-weight:700;transition:transform .3s,background .3s,color .3s;}
  .nova-hero__btn--primary{background:var(--nvh-button);color:#fff;}
  .nova-hero__btn--primary:hover{transform:translateY(-3px);}
  .nova-hero__btn--ghost{border:2px solid var(--nvh-text);color:var(--nvh-text);}
  .nova-hero__btn--ghost:hover{background:var(--nvh-text);color:var(--nvh-bg);}
  .nova-hero__btn--quiet{border:1px solid color-mix(in srgb, var(--nvh-text) 32%, transparent);color:var(--nvh-muted);}
  .nova-hero__btn--quiet:hover{border-color:var(--nvh-text);color:var(--nvh-text);}
  .nova-hero__badges{display:flex;flex-wrap:wrap;gap:10px 22px;margin:30px 0 0;padding:0;list-style:none;}
  .nova-hero__badges li{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:600;color:var(--nvh-muted);}
  .nova-hero__badges svg{color:var(--nvh-accent-2);flex-shrink:0;}
  .nova-hero__visual{position:relative;}
  .nova-hero__glow{position:absolute;inset:-40px;border-radius:32px;background:conic-gradient(from 180deg,var(--nvh-accent-3),var(--nvh-accent-2),var(--nvh-accent-1),var(--nvh-accent-3));filter:blur(60px);opacity:.35;z-index:0;}
  .nova-hero__image{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px -20px rgba(0,0,0,.6);}
  .nova-hero__stat{position:absolute;z-index:3;background:rgba(17,21,49,.9);backdrop-filter:blur(10px);border:1px solid var(--nvh-line);border-radius:14px;padding:12px 16px;box-shadow:0 20px 40px -10px rgba(0,0,0,.5);font-size:1.3rem;color:#fff;}
  .nova-hero__stat b{color:var(--nvh-accent-2);font-size:1.8rem;font-weight:700;display:block;}
  .nova-hero__stat--top-left{top:8%;left:-8%;}
  .nova-hero__stat--top-right{top:8%;right:-6%;}
  .nova-hero__stat--bottom-left{bottom:6%;left:-8%;}
  .nova-hero__stat--bottom-right{bottom:6%;right:-6%;}
  @media (max-width:980px){.nova-hero__inner{grid-template-columns:1fr;}.nova-hero__visual{order:-1;max-width:440px;margin:0 auto 20px;}}
  @media (max-width:560px){.nova-hero__stat{display:none;}}
  @media (prefers-reduced-motion: reduce){.nova-hero__btn{transition:none;}.nova-hero__dot{animation:none;}}
/* END_SECTION:nova-hero */
/* START_SECTION:nova-proof (INDEX:71) */
{%- comment -%}
    Heading colours are written as `.section .class` (two classes) on purpose. This
    section's stylesheet is compiled into compiled_assets/styles.css, which the theme loads
    BEFORE theme.css. theme.css colours `.h0 … .h6` with a single class, so a single-class
    rule here ties on specificity and loses on order — which is exactly how these headings
    went grey the moment they picked up the theme's h-classes for the type scale.
  {%- endcomment -%}

  {%- comment -%}
    Type scale: no hard-coded font-sizes. Headings carry the theme's own h-classes so they
    resize with the theme's breakpoints and the merchant's heading-size setting; body copy
    is 1.5rem (the theme body size), leads 1.6rem, small labels 1.4rem, eyebrows 1.3rem.
    Root is 10px in this theme, so 1rem = 10px. Heading weight is the theme's 700.
  {%- endcomment -%}

  {%- comment -%}
    theme.css sets `h1,h2,h3,... { color: rgb(var(--color-foreground)) }` globally. That is an
    explicit declaration, so headings do NOT inherit the section colour — every heading in a
    custom section must state its own colour or it silently renders in the theme's foreground.
    On this dark palette that showed up as grey headings.
  {%- endcomment -%}
  .nova-proof{position:relative;color:var(--nvp-text);padding-block:var(--nvp-pad-top) var(--nvp-pad-bottom);background:radial-gradient(55% 50% at 88% 4%, color-mix(in srgb, var(--nvp-accent) 14%, transparent), transparent 62%),radial-gradient(45% 42% at 6% 100%, color-mix(in srgb, var(--nvp-accent) 8%, transparent), transparent 60%),var(--nvp-bg);}
  .nova-proof__container{max-width:1080px;margin:auto;padding-inline:24px;}

  .nova-proof__eyebrow{display:inline-block;margin:0 0 14px;padding:7px 13px;border-radius:30px;
    background:color-mix(in srgb, var(--nvp-accent) 12%, transparent);color:var(--nvp-accent);
    font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
  .nova-proof .nova-proof__heading{color:var(--nvp-text);letter-spacing:-.02em;margin:0 0 1.4rem;}
  .nova-proof__lead{color:var(--nvp-muted);font-size:1.6rem;line-height:1.6;margin:0;max-width:660px;}
  .nova-proof__claim{margin:22px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;}
  .nova-proof__claim-value{font-size:2.2rem;font-weight:700;color:var(--nvp-accent);letter-spacing:-.01em;}
  .nova-proof__claim-source{font-size:1.4rem;color:var(--nvp-muted);}

  .nova-proof__panel{margin-top:34px;padding:26px;border:1px solid var(--nvp-line);border-radius:14px;background:var(--nvp-surface);}
  .nova-proof .nova-proof__subheading{color:var(--nvp-text);margin:0 0 .6rem;letter-spacing:-.01em;}
  .nova-proof__note{margin:0 0 1.8rem;font-size:1.4rem;color:var(--nvp-muted);}

  .nova-proof__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;
    list-style:none;margin:14px 0 0;padding:0;counter-reset:none;}
  .nova-proof__step{text-align:center;background:color-mix(in srgb, var(--nvp-text) 5%, var(--nvp-surface));border:1px solid var(--nvp-line);border-radius:11px;padding:1.6rem 1.2rem;}
  .nova-proof__step-value{display:block;font-size:2rem;font-weight:700;color:var(--nvp-text);letter-spacing:-.01em;line-height:1.2;}
  .nova-proof__step-label{display:block;margin-top:.5rem;font-size:1.4rem;color:var(--nvp-muted);line-height:1.45;}

  .nova-proof__care{list-style:none;margin:14px 0 0;padding:0;display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:11px 24px;}
  .nova-proof__care-item{display:flex;align-items:flex-start;gap:.9rem;font-size:1.5rem;line-height:1.5;color:var(--nvp-text);}
  .nova-proof__tick{flex-shrink:0;margin-top:4px;color:var(--nvp-accent);}

  .nova-proof__sample{margin-top:26px;padding:26px;border-radius:14px;display:flex;flex-wrap:wrap;
    align-items:center;justify-content:space-between;gap:20px;
    background:color-mix(in srgb, var(--nvp-accent) 8%, var(--nvp-surface));
    border:1px solid color-mix(in srgb, var(--nvp-accent) 22%, transparent);}
  .nova-proof .nova-proof__sample-heading{color:var(--nvp-text);margin:0 0 .6rem;letter-spacing:-.01em;}
  .nova-proof__sample-body{margin:0;font-size:1.5rem;color:var(--nvp-muted);max-width:560px;line-height:1.55;}
  .nova-proof__btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:9px;
    font-size:1.5rem;font-weight:700;text-decoration:none;background:var(--nvp-accent);color:var(--nvp-bg);white-space:nowrap;
    transition:transform .16s ease, opacity .16s ease;}
  .nova-proof__btn:hover{transform:translateY(-1px);opacity:.92;}

  @media screen and (max-width:749px){
    .nova-proof__panel,.nova-proof__sample{padding:20px;}
    .nova-proof__sample{flex-direction:column;align-items:flex-start;}
    .nova-proof__btn{width:100%;}
  }

  @media (prefers-reduced-motion: reduce){
    .nova-proof__btn{transition:none;}
    .nova-proof__btn:hover{transform:none;}
  }
/* END_SECTION:nova-proof */