/* Host My Blog v2: home layer. Scoped to body.home. Patterns studied from funnel.modulify.website and calendly.com:
   dark hero with glow arc, tilting product card, marquee, sticky stacking cards, scroll-lit text, progress steps. */
:root{--hh-ease:cubic-bezier(.16,1,.3,1)}

/* ---------- Reveal (parent adds .in) ---------- */
@media (prefers-reduced-motion:no-preference){
  body.home [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .9s var(--hh-ease),transform .9s var(--hh-ease);transition-delay:var(--d,0s)}
  body.home [data-reveal].in{opacity:1;transform:none}
  body:not(.hh-off) .hh .hmb2-hero-copy>:nth-child(2){--d:.08s}
  body:not(.hh-off) .hh .hmb2-hero-copy>:nth-child(3){--d:.16s}
  body:not(.hh-off) .hh .hmb2-hero-copy>:nth-child(4){--d:.24s}
  body.home .hw-item:nth-child(2),body.home .dont-item:nth-child(2){--d:.06s}
  body.home .hw-item:nth-child(3),body.home .dont-item:nth-child(3){--d:.12s}
  body.home .hw-item:nth-child(4),body.home .dont-item:nth-child(4){--d:.18s}
  body.home .dont-item:nth-child(5){--d:.24s}
  body.home .dont-item:nth-child(6){--d:.3s}
}

/* ---------- Hero: dark, centred, glow ---------- */
body:not(.hh-off) .hh{background:#09090b;color:#fafafa;position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(140px,16vw,200px) 0}
body:not(.hh-off) .hh::before,body:not(.hh-off) .hh .hero-media::after{display:none!important;content:none!important}
body:not(.hh-off) .hh-glow{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body:not(.hh-off) .hh-glow i{position:absolute;border-radius:50%;will-change:transform}
body:not(.hh-off) .hh-glow .g1{left:50%;bottom:-38%;width:min(1400px,160vw);height:70%;margin-left:calc(min(1400px,160vw)/-2);background:radial-gradient(closest-side,rgba(234,88,12,.55),rgba(234,88,12,.18) 55%,transparent 75%);filter:blur(60px);animation:hh-breathe 9s cubic-bezier(.65,0,.35,1) infinite}
body:not(.hh-off) .hh-glow .g2{left:-12%;top:-18%;width:60vw;height:60vw;max-width:760px;max-height:760px;background:radial-gradient(closest-side,rgba(154,52,18,.42),transparent 70%);filter:blur(50px);animation:hh-drift 14s cubic-bezier(.65,0,.35,1) infinite}
body:not(.hh-off) .hh-glow .g3{right:-14%;top:8%;width:46vw;height:46vw;max-width:600px;max-height:600px;background:radial-gradient(closest-side,rgba(251,106,36,.24),transparent 70%);filter:blur(50px);animation:hh-drift 17s cubic-bezier(.65,0,.35,1) infinite reverse}
@keyframes hh-breathe{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes hh-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4%,6%,0)}}
body:not(.hh-off) .hh-glow{transform:translate3d(0,calc(var(--sy,0)*.25px),0)}

body:not(.hh-off) .hh-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(56px,7vw,96px);grid-template-columns:none}
body:not(.hh-off) .hh .hmb2-hero-copy{align-items:center;text-align:center;max-width:980px}
body:not(.hh-off) .hh .h1{color:#fafafa;font-size:clamp(2.75rem,7.6vw,6.6rem);line-height:.98;letter-spacing:-.035em;margin:0 auto;max-width:none}
body:not(.hh-off) .hh .h1-soft{display:inline-block;margin-top:.06em;font-style:italic;font-weight:400;color:#FDBA74;letter-spacing:-.03em}
body:not(.hh-off) .hh .lead{color:#d4d4d8;max-width:58ch;margin:clamp(22px,3vw,32px) auto 0;font-size:clamp(1.02rem,1.5vw,1.2rem)}
body:not(.hh-off) .hh .hero-ctas{justify-content:center;margin-top:clamp(28px,3.5vw,40px)}
body:not(.hh-off) .hh .btn--primary{box-shadow:0 12px 44px -10px rgba(234,88,12,.75)}
body:not(.hh-off) .hh .btn--ghost{color:#fafafa;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.22)}
body:not(.hh-off) .hh .btn--ghost:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.4)}
body:not(.hh-off) .hh .hmb2-hero-note{color:#a1a1aa;margin-top:26px}
body:not(.hh-off) .hh .hmb2-hero-note a{color:#FDBA74;text-decoration-color:rgba(253,186,116,.35)}
body:not(.hh-off) .hh .hmb2-hero-note a:hover{color:#fff;text-decoration-color:#fff}

body:not(.hh-off) .hh .hero-media{width:100%;max-width:520px;justify-self:auto;perspective:1500px}
body:not(.hh-off) .hh .hero-figure{margin:0;padding:clamp(14px,2vw,22px);background:#fff;border:1px solid rgba(255,255,255,.16);border-radius:28px;
  box-shadow:0 0 0 1px rgba(255,255,255,.04),0 50px 120px -30px rgba(234,88,12,.55),0 30px 60px -20px rgba(0,0,0,.7);
  transform-origin:50% 100%;transition:none;
  transform:rotateX(calc((1 - var(--hp,1))*22deg)) translateY(calc((1 - var(--hp,1))*48px)) scale(calc(.9 + var(--hp,1)*.1))}
body:not(.hh-off) .hh .hero-media:hover .hero-figure{transform:rotateX(calc((1 - var(--hp,1))*22deg)) translateY(calc((1 - var(--hp,1))*48px)) scale(calc(.9 + var(--hp,1)*.1))}
body:not(.hh-off) .hh .hero-figure svg{display:block;width:100%;height:auto;border-radius:16px}

/* Marquee */
body:not(.hh-off) .hh-marquee{position:relative;z-index:2;margin-top:clamp(56px,7vw,104px);border-top:1px solid rgba(255,255,255,.09);padding:24px 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
body:not(.hh-off) .hh-track{display:flex;width:max-content;animation:hh-marquee 46s linear infinite}
body:not(.hh-off) .hh-track ul{display:flex;list-style:none;margin:0;padding:0;flex:none}
body:not(.hh-off) .hh-track li{position:relative;padding:0 clamp(20px,3vw,36px);font-family:var(--font-display);font-size:clamp(1.15rem,2.1vw,1.6rem);color:#71717a;white-space:nowrap;letter-spacing:-.01em}
body:not(.hh-off) .hh-track li::after{content:"/";position:absolute;right:-3px;top:0;color:#3f3f46}
@keyframes hh-marquee{to{transform:translateX(-50%)}}

/* ---------- Features: sticky stacking cards ---------- */
body.home .hs{background:#fafafa}
body.home .hs-head{max-width:860px;margin:0 auto clamp(44px,6vw,80px);text-align:center}
body.home .hs-head .h2{font-size:clamp(2.2rem,5.4vw,4.4rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 20px}
body.home .hs-head .lead{max-width:56ch;margin:0 auto;color:var(--ink-soft)}
body.home .hs-stack{position:relative;padding-bottom:8px}
body.home .hs-card{--s:0;position:sticky;top:calc(112px + var(--i,0)*16px);margin-bottom:clamp(20px,3vw,36px);min-height:clamp(300px,34vw,400px);
  display:flex;align-items:flex-end;padding:clamp(28px,4.2vw,60px);border-radius:32px;overflow:hidden;color:#fafafa;isolation:isolate;
  background:radial-gradient(700px 320px at 100% 0,rgba(234,88,12,.24),transparent 60%),#111113;border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 70px -30px rgba(9,9,11,.55);transform-origin:50% 0;transform:scale(calc(1 - var(--s)*.055));will-change:transform}
body.home .hs-card:nth-child(1){--i:0}body.home .hs-card:nth-child(2){--i:1}body.home .hs-card:nth-child(3){--i:2}
body.home .hs-card:nth-child(4){--i:3}body.home .hs-card:nth-child(5){--i:4}body.home .hs-card:nth-child(6){--i:5}
body.home .hs-card:nth-child(even){background:radial-gradient(700px 320px at 0 0,rgba(234,88,12,.2),transparent 60%),#18181b}
body.home .hs-card--6{background:radial-gradient(900px 420px at 100% 0,rgba(253,186,116,.35),transparent 60%),linear-gradient(135deg,#C2410C,#9A3412);border-color:rgba(253,186,116,.35)}
body.home .hs-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.09),transparent 65%);opacity:0;transition:opacity .35s}
body.home .hs-card:hover::before{opacity:1}
body.home .hs-card::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:#000;opacity:calc(var(--s)*.5)}
body.home .hs-num{position:absolute;right:clamp(20px,4vw,56px);top:clamp(6px,1.4vw,20px);z-index:-1;font-family:var(--font-display);font-style:italic;font-size:clamp(7rem,17vw,15rem);line-height:1;letter-spacing:-.05em;color:rgba(255,255,255,.07);user-select:none}
body.home .hs-body{max-width:640px;position:relative}
body.home .hs-body h3{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(1.7rem,3.6vw,2.9rem);font-weight:400;line-height:1.05;letter-spacing:-.025em;color:#fff}
body.home .hs-body p{margin:0;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.6;color:#d4d4d8;max-width:52ch}
body.home .hs-card--6 .hs-body p{color:#fff}

/* ---------- Pain: dark comparison ---------- */
body.home .hp{background:#09090b;color:#fafafa;position:relative;overflow:hidden;isolation:isolate}
body.home .hp::before{content:"";position:absolute;left:50%;top:-30%;width:min(1200px,140vw);height:70%;margin-left:calc(min(1200px,140vw)/-2);z-index:-1;background:radial-gradient(closest-side,rgba(234,88,12,.2),transparent 70%);filter:blur(40px)}
body.home .hp .section-head{max-width:820px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
body.home .hp .h2{font-size:clamp(2.2rem,5.6vw,4.6rem);line-height:1.02;letter-spacing:-.03em;color:#fafafa}
body.home .hp .lead{color:#a1a1aa;max-width:60ch;margin-inline:auto}
body.home .hp .cmp-grid{gap:clamp(16px,2vw,28px)}
body.home .hp .cmp-col{position:relative;border-radius:28px;padding:clamp(24px,3vw,40px);box-shadow:none;overflow:hidden}
body.home .hp .cmp-col--without{background:#111113;border:1px solid #27272a}
body.home .hp .cmp-col--with{background:radial-gradient(600px 300px at 50% 0,rgba(234,88,12,.28),transparent 65%),#111113;border:1px solid rgba(251,146,60,.5);box-shadow:0 30px 90px -30px rgba(234,88,12,.5)}
body.home .hp .cmp-col::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.07),transparent 65%);opacity:0;transition:opacity .3s}
body.home .hp .cmp-col:hover::before{opacity:1}
body.home .hp .cmp-col :is(h3,li,span,p){color:inherit}
body.home .hp .cmp-col--without{color:#a1a1aa}
body.home .hp .cmp-col--with{color:#fafafa}
body.home .hp .cmp-head h3{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em}
body.home .hp .cmp-head h3 span{display:block;margin-top:6px;font-family:var(--font-sans);font-size:.9rem;font-weight:400;color:#71717a}
body.home .hp .cmp-col--with .cmp-head h3 span{color:#FDBA74}
body.home .hp .cmp-col--without .ic{color:#52525b}
body.home .hp .cmp-col--with .ic{color:#FB923C}
body.home .hp .cmp-list{margin-top:22px}
@media (prefers-reduced-motion:no-preference){
  body.home .hp .cmp-col li{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--hh-ease),transform .6s var(--hh-ease);transition-delay:calc(var(--k,0)*80ms + .25s)}
  body.home .hp .cmp-col.in li{opacity:1;transform:none}
  body.home .hp .cmp-col li:nth-child(1){--k:0}body.home .hp .cmp-col li:nth-child(2){--k:1}body.home .hp .cmp-col li:nth-child(3){--k:2}
  body.home .hp .cmp-col li:nth-child(4){--k:3}body.home .hp .cmp-col li:nth-child(5){--k:4}body.home .hp .cmp-col li:nth-child(6){--k:5}
}

/* Italic accent word, set by JS from data-em */
body.home h2 em,body.home .h2 em{font-style:italic;font-weight:400;color:var(--coral-deep,#C2410C)}
body.home .hp h2 em,body.home .hc h2 em,body.home #contact-cta h2 em{color:#FDBA74}

/* ---------- Why: big hover rows ---------- */
body.home .hw .section-head .h2{font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:1.04;letter-spacing:-.03em}
body.home .hw-list{margin-top:clamp(36px,5vw,64px);border-top:1px solid var(--ink)}
body.home .hw-item{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(16px,4vw,64px);align-items:center;padding:clamp(26px,3.4vw,44px) 0;border-bottom:1px solid var(--line)}
body.home .hw-item::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#EA580C;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--hh-ease)}
body.home .hw-item h3{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.025em;transition:transform .6s var(--hh-ease),color .3s}
body.home .hw-item p{margin:0;color:var(--ink-soft);max-width:50ch;line-height:1.6}
body.home .hw-item:hover::before{transform:scaleX(1)}
body.home .hw-item:hover h3{transform:translateX(14px);color:#C2410C}

/* ---------- Checker: dark, scroll-lit copy ---------- */
body.home .hc{background:#09090b;color:#fafafa;position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(88px,11vw,168px)}
body.home .hc::before{content:"";position:absolute;left:50%;bottom:-45%;width:min(1300px,150vw);height:80%;margin-left:calc(min(1300px,150vw)/-2);z-index:-1;background:radial-gradient(closest-side,rgba(234,88,12,.42),transparent 72%);filter:blur(50px)}
body.home .hc .section-head{max-width:1040px}
body.home .hc .h2{font-size:clamp(2.6rem,7.4vw,6.2rem);line-height:.98;letter-spacing:-.035em;color:#fafafa}
body.home .hc .lead{max-width:58ch;margin:clamp(24px,3vw,40px) auto 0;font-size:clamp(1.15rem,2.2vw,1.7rem);line-height:1.45;color:#fafafa}
body.home .hc .lead .w{color:#52525b;transition:color .3s}
body.home .hc .lead .w.on{color:#fafafa}
body.home .hc .btn--primary{box-shadow:0 12px 44px -10px rgba(234,88,12,.75)}
body.home .hc .hmb2-fineprint{color:#a1a1aa}

/* ---------- Steps: progress line per step ---------- */
body.home .hst{gap:clamp(24px,3vw,44px)}
body.home .hst .hmb2-step{position:relative;border-top:0;padding-top:28px}
body.home .hst .hmb2-step::before,body.home .hst .hmb2-step::after{content:"";position:absolute;left:0;right:0;top:0;height:2px}
body.home .hst .hmb2-step::before{background:var(--line)}
body.home .hst .hmb2-step::after{background:#EA580C;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--hh-ease)}
body.home .hst .hmb2-step.is-on::after{transform:scaleX(1)}
body.home .hst .hmb2-step-n{font-style:italic;font-size:clamp(3.4rem,6vw,5.4rem);letter-spacing:-.04em;color:#d4d4d8;margin-bottom:18px;transition:color .6s,transform .8s var(--hh-ease);transform-origin:left bottom}
body.home .hst .hmb2-step.is-on .hmb2-step-n{color:#EA580C;transform:translateY(-4px)}
body.home .hst .hmb2-step h3{font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,1.8vw,1.6rem);letter-spacing:-.015em}
body.home #help .section-head .h2{font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:1.04;letter-spacing:-.03em}
body.home .hmb2-steps-note{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.02em;color:var(--ink-soft)}
body.home .hmb2-steps-note b{font-style:italic;font-weight:400;color:#C2410C}

/* ---------- Domain: URL morph ---------- */
body.home #on-your-domain .h2{font-size:clamp(2.1rem,4.6vw,3.8rem);line-height:1.04;letter-spacing:-.03em}
body.home .url-row--bad code{position:relative}
body.home .url-row--bad code::after{content:"";position:absolute;left:-3px;right:-3px;top:54%;height:2px;background:#C2410C;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--hh-ease) .5s}
body.home .url-compare.in .url-row--bad code::after{transform:scaleX(1)}
body.home .url-compare .url-row--bad{transition:opacity .8s cubic-bezier(.22,1,.36,1) .5s}
body.home .url-compare.in .url-row--bad{opacity:.6}
body.home .url-compare .url-row--good{transition:box-shadow 1s cubic-bezier(.22,1,.36,1) 1.2s,transform 1s var(--hh-ease) 1.2s}
body.home .url-compare.in .url-row--good{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(234,88,12,.5),0 30px 70px -24px rgba(234,88,12,.45)}

/* ---------- Reviews: horizontal track ---------- */
body.home #reviews .section-head .h2{font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:1.04;letter-spacing:-.03em}
body.home #reviews .tcard-grid{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 26px;cursor:grab;
  -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
body.home #reviews .tcard-grid::-webkit-scrollbar{display:none}
body.home #reviews .tcard-grid.is-drag{cursor:grabbing;scroll-snap-type:none}
body.home #reviews .tcard-grid>*{flex:0 0 min(400px,84vw);scroll-snap-align:start;margin:0}
body:not(.hh-off) .hh-rev-nav{display:flex;justify-content:flex-end;gap:8px;margin:-6px 0 8px}
body:not(.hh-off) .hh-rev-nav button{width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s,transform .2s}
body:not(.hh-off) .hh-rev-nav button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
body:not(.hh-off) .hh-rev-nav button:active{transform:scale(.94)}
body:not(.hh-off) .hh-rev-nav .ic{width:18px;height:18px}
body:not(.hh-off) .hh-rev-nav button:first-child .ic{transform:rotate(180deg)}

/* ---------- Pricing band ---------- */
body.home #pricing .section-head .h2{font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:1.04;letter-spacing:-.03em}

/* ---------- Never: strike lines drawn on reveal ---------- */
body.home .hd .section-head .h2{font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:1.04;letter-spacing:-.03em}
body.home .hd .dont-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,6vw,96px);margin-top:clamp(32px,4vw,56px)}
body.home .hd .dont-item{display:block;padding:clamp(22px,2.6vw,32px) 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
body.home .hd .dont-item>.ic{display:none}
body.home .hd .dont-item h3{display:inline;margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,2.2vw,1.85rem);line-height:1.25;letter-spacing:-.02em;color:var(--ink);
  background:linear-gradient(#C2410C,#C2410C) 0 56%/0 2px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .9s var(--hh-ease) .35s}
body.home .hd .dont-item.in h3{background-size:100% 2px}
body.home .hd .dont-item p{margin:12px 0 0;color:var(--ink-soft);max-width:44ch}

/* ---------- Closing CTA ---------- */
body.home #contact-cta{position:relative;isolation:isolate;padding-block:clamp(96px,12vw,180px)}
body.home #contact-cta::before{content:"";position:absolute;left:50%;bottom:-50%;width:min(1300px,150vw);height:90%;margin-left:calc(min(1300px,150vw)/-2);z-index:-1;background:radial-gradient(closest-side,rgba(234,88,12,.5),transparent 72%);filter:blur(50px)}
body.home #contact-cta .h2{font-size:clamp(2.8rem,8.2vw,7rem);line-height:.98;letter-spacing:-.035em}
body.home #contact-cta .promise{max-width:60ch;margin-inline:auto;color:#d4d4d8}
body.home #contact-cta .btn--primary{box-shadow:0 12px 44px -10px rgba(234,88,12,.75)}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  body.home .hw-item{grid-template-columns:1fr;gap:10px}
  body.home .hw-item:hover h3{transform:none}
  body.home .hd .dont-list{grid-template-columns:1fr}
}
@media (max-width:640px){
  body:not(.hh-off) .hh{padding-top:124px}
  body.home .hs-card{top:calc(92px + var(--i,0)*12px);border-radius:24px;min-height:300px}
  body.home .hs-num{font-size:8rem}
  body.home .hp .cmp-col{border-radius:22px}
}

/* ---------- Reduced motion: final states, no loops ---------- */
@media (prefers-reduced-motion:reduce){
  body:not(.hh-off) .hh-glow i,body:not(.hh-off) .hh-track{animation:none}
  body.home .hs-card{transform:none}
  body.home .hs-card::after{opacity:0}
  body:not(.hh-off) .hh .hero-figure{transform:none}
  body.home .hst .hmb2-step::after{transform:scaleX(1)}
  body.home .hst .hmb2-step-n{color:#EA580C}
  body.home .url-row--bad code::after{transform:scaleX(1)}
  body.home .hd .dont-item h3{background-size:100% 2px}
  body.home .hc .lead .w{color:#fafafa}
}

/* fix: heading on the dark highlighted column */
body.home .hp .cmp-col--with .cmp-head h3,body.home .hp .cmp-col--with h3{color:#fafafa}
body.home .hp .cmp-col--without .cmp-head h3{color:#a1a1aa}

/*HV-BEGIN*/
/* ===== hv: visual modules, shared base (home + marketing pages) ===== */
.hv-art{--vi:#e4e4e7;--vd:#71717a;--vl:#3f3f46;--vf:#0c0c0e;--vr:#f87171;--vg:#4ade80;--va:#fb923c;display:block;position:relative;line-height:0;min-width:0}
.hv-art.hv-dark,.hv-dark .hv-art{--vf:#111113}
.hv-art.hv-light,.hv-light .hv-art{--vi:#18181b;--vd:#71717a;--vl:#d4d4d8;--vf:#fff;--vr:#dc2626;--vg:#16a34a;--va:#ea580c}
.hv-art.hv-none:empty{display:none}
.hv-art>svg{display:block;width:100%;height:auto;overflow:visible}
.hv-art .l{fill:none;stroke:var(--vl);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hv-art .li{stroke:var(--vi)}.hv-art .ld{stroke:var(--vd)}.hv-art .lr{stroke:var(--vr)}.hv-art .lg{stroke:var(--vg)}.hv-art .la{stroke:var(--va)}
.hv-art .w2{stroke-width:2.5}.hv-art .thin{stroke-width:1;opacity:.55}
.hv-art .dash{stroke-dasharray:3 4}
.hv-art .f{fill:var(--vf)}.hv-art .fi{fill:var(--vi)}.hv-art .fd{fill:var(--vd)}.hv-art .fl{fill:var(--vl)}.hv-art .fr{fill:var(--vr)}.hv-art .fg{fill:var(--vg)}.hv-art .fa{fill:var(--va)}.hv-art .fn{fill:none}
.hv-art .soft{opacity:.14}
.hv-art text{font:500 11px/1 var(--font-sans,"Geist",system-ui,sans-serif);fill:var(--vi);letter-spacing:0}
.hv-art .td{fill:var(--vd)}.hv-art .tr{fill:var(--vr)}.hv-art .tg{fill:var(--vg)}.hv-art .ta{fill:var(--va)}.hv-art .tw{fill:#fff}
.hv-art .tm{font-family:var(--font-mono,"Geist Mono",ui-monospace,monospace);font-size:8.5px;letter-spacing:.09em}
.hv-art .big{font-size:20px;font-weight:600}
.hv-art .mid{text-anchor:middle}.hv-art .end{text-anchor:end}
.hv-art .tb{transform-box:view-box}
.hv-art .fb{transform-box:fill-box}

/* two-state morph: .o = shown in "own", .h = shown in "hmb" */
.hv-art .o,.hv-art .h{transition:opacity .5s cubic-bezier(.22,1,.36,1) var(--dl,0s)}
.hv-tile[data-s=hmb] .hv-art .o,.hv-dom[data-s=hmb] .hv-art .o{opacity:0;transition-delay:0s}
.hv-tile[data-s=own] .hv-art .h,.hv-dom[data-s=own] .hv-art .h{opacity:0;transition-delay:0s}
/* line draw */
.hv-art .dr{stroke-dasharray:1 2;stroke-dashoffset:1.03;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.2,1) var(--dl,0s),opacity .5s cubic-bezier(.22,1,.36,1) var(--dl,0s)}
.hv-art.hv-in .dr{stroke-dashoffset:0}
.hv-tile[data-s=own] .hv-art .dr.h,.hv-tile[data-s=hmb] .hv-art .dr.o,.hv-dom[data-s=own] .hv-art .dr.h,.hv-dom[data-s=hmb] .hv-art .dr.o{stroke-dashoffset:1.03;transition-delay:0s}
/* reveal */
.hv-art .rv{opacity:0;transform:translateY(8px);transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--dl,0s),transform .7s cubic-bezier(.2,.7,.2,1) var(--dl,0s)}
.hv-art.hv-in .rv{opacity:1;transform:none}
/* movers */
.hv-art .mv{transform-box:fill-box;transform-origin:center;transform:translate(var(--ox,0),var(--oy,0)) rotate(var(--or,0deg)) scale(var(--osx,1),var(--osy,1));transition:transform .95s cubic-bezier(.3,.8,.2,1) var(--dl,0s)}
.hv-tile[data-s=hmb] .hv-art .mv,.hv-dom[data-s=hmb] .hv-art .mv{transform:translate(var(--hx,0),var(--hy,0)) rotate(var(--hr,0deg)) scale(var(--hsx,1),var(--hsy,1))}
.hv-art .pnr{transition:stroke .6s cubic-bezier(.22,1,.36,1)}
.hv-tile[data-s=own] .hv-art .pnr{stroke:var(--vr)}
.hv-tile[data-s=hmb] .hv-art .pnr{stroke:var(--vg)}
/* bars, rings */
.hv-art .bar{fill:var(--vi);opacity:.2;transition:fill .5s cubic-bezier(.22,1,.36,1) var(--dl,0s),opacity .5s cubic-bezier(.22,1,.36,1) var(--dl,0s)}
.hv-art .bar.bad{fill:var(--vr);opacity:1}
.hv-tile[data-s=hmb] .hv-art .bar{fill:var(--vg);opacity:1;transition-delay:var(--dl,0s)}
.hv-art .ringt{fill:none;stroke:var(--vl);stroke-width:7;opacity:.6}
.hv-art .ring{fill:none;stroke-width:7;stroke-linecap:round;stroke:var(--vr);stroke-dasharray:var(--r0) 100;transition:stroke-dasharray 1.3s cubic-bezier(.2,.7,.2,1) var(--dl,0s),stroke .6s cubic-bezier(.22,1,.36,1) var(--dl,0s)}
.hv-tile[data-s=hmb] .hv-art .ring{stroke:var(--vg);stroke-dasharray:var(--r1) 100}

/* loops: paused until the scene is on screen */
@keyframes hvSweep{0%{transform:translateX(0);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateX(286px);opacity:0}}
@keyframes hvPing{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}
@keyframes hvHes{0%,100%{transform:translateX(0)}40%{transform:translateX(26px)}55%{transform:translateX(14px)}70%{transform:translateX(26px)}}
@keyframes hvRun{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(136px);opacity:0}}
@keyframes hvNerv{0%,66%,100%{transform:translateX(0)}72%{transform:translateX(-2px)}78%{transform:translateX(2px)}84%{transform:translateX(-1.5px)}90%{transform:translateX(1px)}}
@keyframes hvFlash{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
@keyframes hvJit{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(1.6px,-1.2px) rotate(2deg)}50%{transform:translate(-1.2px,1.4px) rotate(-2deg)}75%{transform:translate(1px,1.6px) rotate(1deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes hvFill{0%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}
@keyframes hvTick{to{transform:rotate(360deg)}}
@keyframes hvBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.hv-art .sweep{animation:hvSweep 3.6s linear infinite}
.hv-art .ping{transform-box:fill-box;transform-origin:center;animation:hvPing 2.2s cubic-bezier(.16,1,.3,1) infinite}
.hv-art .hes{animation:hvHes 3.2s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .run{animation:hvRun 2.8s cubic-bezier(.4,0,.2,1) infinite}
.hv-art .nerv{animation:hvNerv 2.6s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .flash{transform-box:fill-box;transform-origin:center;animation:hvFlash 1.5s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .jit{transform-box:fill-box;transform-origin:center;animation:hvJit 1.1s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .fillbar{transform-box:fill-box;transform-origin:0 50%;animation:hvFill 3.4s cubic-bezier(.3,.6,.2,1) infinite}
.hv-art .tick{animation:hvTick 3s linear infinite}
.hv-art .bob{animation:hvBob 3s cubic-bezier(.65,0,.35,1) infinite}
.hv-art:not(.hv-live) .an,.hv-art:not(.hv-live) .ping,.hv-art:not(.hv-live) .sweep,.hv-art:not(.hv-live) .hes,.hv-art:not(.hv-live) .run,.hv-art:not(.hv-live) .nerv,.hv-art:not(.hv-live) .flash,.hv-art:not(.hv-live) .jit,.hv-art:not(.hv-live) .fillbar,.hv-art:not(.hv-live) .tick,.hv-art:not(.hv-live) .bob{animation-play-state:paused}

/* ---- the stage (compare) ---- */
.hv-stage{position:relative;margin-top:clamp(20px,3vw,36px)}
.hv-bar{position:sticky;top:78px;z-index:6;display:flex;align-items:center;justify-content:center;gap:14px 22px;flex-wrap:wrap;padding:10px 0 16px;pointer-events:none}
.hv-switch,.hv-dom-tabs{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;pointer-events:auto;background:rgba(24,24,27,.86);border:1px solid #3f3f46;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px -12px rgba(0,0,0,.6)}
.hv-switch button,.hv-dom-tabs button{position:relative;z-index:1;appearance:none;border:0;background:none;cursor:pointer;font:600 .9rem/1 var(--font-sans,system-ui);padding:12px clamp(14px,2.2vw,24px);border-radius:999px;color:#a1a1aa;white-space:nowrap;transition:color .3s}
.hv-switch button[aria-pressed=true]{color:#fff}
.hv-switch button:focus-visible,.hv-dom-tabs button:focus-visible{outline:2px solid #FDBA74;outline-offset:2px}
.hv-thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:#EA580C;box-shadow:0 8px 24px -6px rgba(234,88,12,.7);transition:transform .5s cubic-bezier(.3,.8,.2,1),background .4s}
.hv-stage[data-s=own] .hv-thumb{background:#52525b;box-shadow:none}
.hv-stage[data-s=hmb] .hv-thumb{transform:translateX(100%)}
.hv-sub{margin:0;display:grid;font:500 .78rem/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.hv-sub>span{grid-area:1/1;transition:opacity .4s,transform .4s;color:#a1a1aa;white-space:nowrap}
.hv-stage[data-s=hmb] .hv-bar .hv-o{opacity:0;transform:translateY(-6px)}
.hv-stage[data-s=own] .hv-bar .hv-h{opacity:0;transform:translateY(6px)}
.hv-stage[data-s=hmb] .hv-bar .hv-h{color:#FDBA74}
.hv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#27272a;border:1px solid #27272a;border-radius:12px;overflow:hidden}
.hv-tile{position:relative;display:flex;flex-direction:column;gap:22px;justify-content:space-between;padding:clamp(20px,2.4vw,32px);background:#0c0c0e;cursor:pointer;outline:none;transition:background .4s;-webkit-tap-highlight-color:transparent}
.hv-tile::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#f87171;opacity:.55;transition:background .5s,opacity .5s}
.hv-tile[data-s=hmb]::before{background:#EA580C;opacity:1}
.hv-tile:hover,.hv-tile:focus-visible{background:#111113}
.hv-tile:focus-visible{box-shadow:inset 0 0 0 2px #FB923C}
.hv-tile .hv-art{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hv-tile:hover .hv-art{transform:translateY(-3px) scale(1.015)}
.hv-cap{margin:0;display:grid;font-size:1.02rem;line-height:1.45}
.hv-cap>span{grid-area:1/1;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.2,.7,.2,1),color .45s}
.hv-cap .hv-o{color:#a1a1aa}
.hv-cap .hv-h{color:#fafafa}
.hv-tile[data-s=hmb] .hv-cap .hv-o{opacity:0;transform:translateY(-8px);pointer-events:none}
.hv-tile[data-s=own] .hv-cap .hv-h{opacity:0;transform:translateY(8px);pointer-events:none}
@media (max-width:1000px){.hv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .hv-grid{grid-template-columns:1fr}
  .hv-sub{display:none}
  .hv-bar{top:70px;padding-bottom:12px}
  .hv-switch button{padding:11px 14px;font-size:.84rem}
}
@media (prefers-reduced-motion:reduce){
  .hv-art .o,.hv-art .h,.hv-art .mv,.hv-art .ring,.hv-art .bar,.hv-art .rv,.hv-art .dr,.hv-cap>span,.hv-thumb,.hv-tile .hv-art{transition-duration:.01s!important;transition-delay:0s!important}
  .hv-art .dr{stroke-dashoffset:0}
  .hv-art .rv{opacity:1;transform:none}
  .hv-art .an,.hv-art .ping,.hv-art .sweep,.hv-art .hes,.hv-art .run,.hv-art .nerv,.hv-art .flash,.hv-art .jit,.hv-art .fillbar,.hv-art .tick,.hv-art .bob{animation:none!important}
  .hv-art .sweep,.hv-art .ping{opacity:0}
  .hv-tile:hover .hv-art{transform:none}
}

/* ---- hv extras: solo scenes, travel dots, glyph loops ---- */
.hv-art .mv{transform-origin:var(--to,center)}
.hv-art.hv-solo .o{display:none}
.hv-art.hv-solo.hv-in .mv{transform:translate(var(--hx,0),var(--hy,0)) rotate(var(--hr,0deg)) scale(var(--hsx,1),var(--hsy,1))}
.hv-art.hv-solo .bar{fill:var(--vg);opacity:1}
.hv-art.hv-solo .ring{stroke:var(--vg);stroke-dasharray:var(--r1) 100}
.hv-dom[data-s=hmb] .hv-art .pnr{stroke:var(--vg)}
@keyframes hvAlong{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes hvScanY{0%{transform:translateY(0);opacity:0}10%{opacity:.9}90%{opacity:.9}100%{transform:translateY(118px);opacity:0}}
@keyframes hvScanY3{0%{transform:translateY(0);opacity:0}10%{opacity:.9}90%{opacity:.9}100%{transform:translateY(34px);opacity:0}}
@keyframes hvScanX{0%{transform:translateX(0);opacity:0}10%{opacity:.8}90%{opacity:.8}100%{transform:translateX(146px);opacity:0}}
@keyframes hvSl{to{stroke-dashoffset:-24}}
@keyframes hvWave{0%,100%{transform:skewY(0) scaleX(1)}50%{transform:skewY(-9deg) scaleX(.93)}}
@keyframes hvZ{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes hvLeak{0%{transform:translate(0,0);opacity:0}20%{opacity:1}100%{transform:translate(26px,58px);opacity:0}}
@keyframes hvIn{0%{transform:translate(0,0);opacity:0}20%{opacity:1}100%{transform:translate(26px,-26px);opacity:0}}
@keyframes hvBrand{0%,100%{fill:#EA580C}33%{fill:#2563eb}66%{fill:#16a34a}}
.hv-art .tv{opacity:0;offset-rotate:0deg;animation:hvAlong var(--du,3s) linear var(--dl,0s) infinite}
.hv-art .beamv{animation:hvScanY 2.8s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .beamv3{animation:hvScanY3 2s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .beamv2{animation:hvScanX 2.8s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .sl{stroke-dasharray:14 10;animation:hvSl .7s linear infinite}
.hv-art .flagw{transform-box:fill-box;transform-origin:0 50%;animation:hvWave 1.4s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .zz{animation:hvZ 2.2s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .leak{animation:hvLeak 1.9s ease-in infinite}
.hv-art .inflow{animation:hvIn 1.9s cubic-bezier(.16,1,.3,1) infinite}
.hv-art .brandc{animation:hvBrand 7s cubic-bezier(.65,0,.35,1) infinite}
.hv-art:not(.hv-live) .tv,.hv-art:not(.hv-live) .beamv,.hv-art:not(.hv-live) .beamv2,.hv-art:not(.hv-live) .beamv3,.hv-art:not(.hv-live) .sl,.hv-art:not(.hv-live) .flagw,.hv-art:not(.hv-live) .zz,.hv-art:not(.hv-live) .leak,.hv-art:not(.hv-live) .inflow,.hv-art:not(.hv-live) .brandc{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .hv-art .tv,.hv-art .beamv,.hv-art .beamv2,.hv-art .beamv3,.hv-art .sl,.hv-art .flagw,.hv-art .zz,.hv-art .leak,.hv-art .inflow,.hv-art .brandc{animation:none!important}
  .hv-art .tv,.hv-art .beamv,.hv-art .beamv2,.hv-art .beamv3,.hv-art .leak,.hv-art .inflow{opacity:0}
}

.hv-tile[data-s=hmb] .hv-art .o,.hv-dom[data-s=hmb] .hv-art .o,.hv-tile[data-s=own] .hv-art .h,.hv-dom[data-s=own] .hv-art .h{opacity:0!important}

/* ---- marketing scene extras ---- */
.hv-art .tl{font-family:var(--font-mono,"Geist Mono",ui-monospace,monospace);font-size:11px;letter-spacing:.06em}
@keyframes hvBal{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes hvBugOut{0%,40%{opacity:1}55%,100%{opacity:0}}
@keyframes hvBugIn{0%,40%{opacity:0}55%,100%{opacity:1}}
.hv-art .bal{transform-box:fill-box;transform-origin:50% 100%;animation:hvBal 3.2s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .bugout{animation:hvBugOut 3.4s cubic-bezier(.65,0,.35,1) infinite}
.hv-art .bugin{opacity:0;animation:hvBugIn 3.4s cubic-bezier(.65,0,.35,1) infinite}
.hv-art:not(.hv-live) .bal,.hv-art:not(.hv-live) .bugout,.hv-art:not(.hv-live) .bugin{animation-play-state:paused}
.hv-dom[data-s=hmb] .hv-art .bar{fill:var(--vg);opacity:1;transition-delay:var(--dl,0s)}
.hv-dom[data-s=hmb] .hv-art .ring{stroke:var(--vg);stroke-dasharray:var(--r1) 100}
.hv-dom[data-s=own] .hv-art .pnr{stroke:var(--vr)}
@media (prefers-reduced-motion:reduce){
  .hv-art .bal,.hv-art .bugout,.hv-art .bugin{animation:none!important}
  .hv-art .bugin{opacity:1}
  .hv-art .bugout{opacity:0}
}

/* ===== hv: home layout (scoped body.home) ===== */
body.home .hp{overflow:clip}
body.home .section--night{overflow:clip}

/* features: copy left, live scene right */
body.home .hs-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,4vw,60px);align-items:center;min-height:clamp(320px,34vw,420px)}
body.home .hs-card .hs-body{max-width:none}
body.home .hs-card .hv-art{width:100%;max-width:520px;justify-self:end}
body.home .hs-card--6 .hv-art{--vi:#fff;--vd:#fed7aa;--vl:rgba(255,255,255,.4);--vf:#9A3412;--va:#fff;--vg:#fff;--vr:#fff}
body.home .hs-card--6 .hv-art .fa{fill:#fff}
body.home .hs-card--6 .hv-art .la{stroke:#fff}
body.home .hs-card--6 .hv-art .ta{fill:#fff}
body.home .hs-card--6 .hv-art [fill="#111113"]{fill:#9A3412}

body.home .hs-card .hs-num{right:auto;left:clamp(16px,3vw,44px);top:auto;bottom:-.12em;font-size:clamp(5rem,11vw,9rem);color:rgba(255,255,255,.05)}

/* why */
body.home .hw-item{grid-template-columns:clamp(84px,9vw,124px) minmax(0,5fr) minmax(0,6fr)}
body.home .hw-item .hv-art{width:100%}
body.home .hw-item .hv-art.hv-none{display:none}

/* steps */
body.home .hst .hmb2-step .hv-art{width:100%;max-width:260px;margin:0 0 18px}
body.home .hst .hmb2-step .hv-art{--vf:#fafafa}

/* domain */
body.home .hv-dom{position:relative;display:flex;flex-direction:column;gap:18px;align-items:stretch}
body.home .hv-dom-tabs{align-self:center;background:#fff;border-color:#e4e4e7;box-shadow:0 10px 30px -14px rgba(9,9,11,.25)}
body.home .hv-dom-tabs button{color:#52525b;font-family:var(--font-mono,ui-monospace,monospace);font-size:.78rem;letter-spacing:0}
body.home .hv-dom-tabs button[aria-pressed=true]{color:#fff}
body.home .hv-dom[data-s=own] .hv-thumb{background:#dc2626;box-shadow:0 8px 24px -8px rgba(220,38,38,.5)}
body.home .hv-dom[data-s=hmb] .hv-thumb{transform:translateX(100%)}
body.home .hv-dom .hv-art{width:100%}
body.home .hv-dom-cap{margin:0;display:grid;text-align:center;font-family:var(--font-display);font-size:clamp(1.15rem,1.8vw,1.5rem);letter-spacing:-.01em}
body.home .hv-dom-cap>span{grid-area:1/1;transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1)}
body.home .hv-dom-cap .hv-o{color:#dc2626}
body.home .hv-dom-cap .hv-h{color:#18181b}
body.home .hv-dom[data-s=hmb] .hv-dom-cap .hv-o{opacity:0;transform:translateY(-8px)}
body.home .hv-dom[data-s=own] .hv-dom-cap .hv-h{opacity:0;transform:translateY(8px)}

/* pricing gets */
body.home ul.hv-gets{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,2vw,22px)}
body.home ul.hv-gets li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:center;font-size:1.05rem;line-height:1.4}
body.home ul.hv-gets .hv-art{width:56px}

/* never */
body.home .hd .dont-item{display:grid;grid-template-columns:clamp(72px,8vw,104px) minmax(0,1fr);column-gap:clamp(16px,2.4vw,28px);align-items:center}
body.home .hd .dont-item .hv-art{grid-row:1/3;width:100%}
body.home .hd .dont-item h3{align-self:end}
body.home .hd .dont-item p{align-self:start;margin-top:10px}

/* pain stage: the section keeps its dark rhythm */
body.home .hp .hv-stage{--vf:#0c0c0e}
body.home .hp .hv-tile .hv-art{--vf:#111113}

@media (max-width:1000px){
  body.home .hw-item{grid-template-columns:96px minmax(0,1fr);row-gap:8px}
  body.home .hw-item .hv-art{grid-row:1/3;align-self:start}
  body.home .hw-item p{grid-column:2}
}
@media (max-width:820px){
  body.home .hs-card{grid-template-columns:1fr;align-content:start;min-height:0;gap:20px}
  body.home .hs-card .hv-art{justify-self:stretch;max-width:420px}
}
@media (max-width:640px){
  body.home .hd .dont-item{grid-template-columns:72px minmax(0,1fr)}
  body.home .hst .hmb2-step .hv-art{max-width:220px}
}
@keyframes hvPingS{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.18);opacity:0}}
body.home ul.hv-gets .hv-art[data-hv="g-safe"] .ping{animation-name:hvPingS}
body.home ul.hv-gets .hv-art svg{overflow:hidden}
body.home .hv-dom{min-width:0;max-width:100%}
body.home .hv-dom-tabs{max-width:100%}
@media (max-width:640px){
  body.home .hv-dom-tabs button{font-size:.66rem;padding-left:12px;padding-right:12px}
  body.home .hv-dom{width:100%}
}

/*HV-END*/