/* ==========================================
   HOME SERVICE CONTRACTORS — PAGE-SPECIFIC STYLE
   Same brand palette as the rest of the site
   (navy / gold / white, from variables.css) —
   the differentiation here is layout language
   and motif, not color. Kept isolated from
   css/industry-page.css on purpose so the
   Dental & Auto Repair pages are untouched.
========================================== */

.hsc-page{

    --hsc-light:#F1F2F4;
    --hsc-light-alt:#F7F8FA;
    --hsc-ink:#0B1D3A;
    --hsc-muted:#5B6472;
    --hsc-line:rgba(11,29,58,.1);
    --hsc-accent:var(--color-gold);
    --hsc-accent-deep:#8B6116;
    --hsc-accent-soft:rgba(169,121,31,.14);
    --hsc-radius:28px;
    --hsc-radius-sm:16px;
    --hsc-shadow:0 26px 60px rgba(11,29,58,.14);
    --hsc-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

}

.hsc-section{

    position:relative;

}
.hsc-section::after{

    content:"";

    position:absolute;

    inset:0;

    background-image:var(--hsc-grain);

    opacity:.035;

    mix-blend-mode:overlay;

    pointer-events:none;

    z-index:0;

}
.hsc-section > .container{

    position:relative;

    z-index:1;

}

/* ==========================================
   SHARED — DOOR-HANGER TAG
   The recurring kicker/label motif: a small
   hung tag with a punched hole, dashed edge,
   and a slight rotation — a nod to the
   "sorry we missed you" door tag every
   homeowner has seen from a contractor.
========================================== */

.hsc-tag{

    position:relative;

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:9px 20px 9px 30px;

    background:#FFFFFF;

    border:1.5px dashed rgba(169,121,31,.5);

    border-radius:4px 16px 16px 4px;

    font-size:.7rem;

    font-weight:700;

    letter-spacing:1.6px;

    text-transform:uppercase;

    color:var(--hsc-accent);

    transform:rotate(-1.6deg);

    box-shadow:0 10px 22px rgba(11,29,58,.12);

    margin-bottom:22px;

}
.hsc-tag__hole{

    position:absolute;

    left:11px;

    top:50%;

    width:7px;

    height:7px;

    border-radius:50%;

    background:var(--hsc-light);

    border:1.5px solid rgba(169,121,31,.55);

    transform:translateY(-50%);

}
.hsc-tag--dark{

    background:rgba(255,255,255,.04);

    border-color:rgba(216,177,75,.4);

    color:var(--color-gold);

    backdrop-filter:blur(6px);

}
.hsc-tag--dark .hsc-tag__hole{

    background:var(--color-background);

    border-color:rgba(216,177,75,.45);

}
.hsc-tag--hero{

    background:rgba(8,17,34,.5);

    border-color:rgba(216,177,75,.5);

    color:var(--color-white);

    backdrop-filter:blur(8px);

}
.hsc-tag--hero .hsc-tag__hole{

    background:rgba(8,17,34,.7);

    border-color:rgba(216,177,75,.55);

}

/* ==========================================
   HERO — full-bleed photo, no glass card,
   headline set directly into the scrim like
   a magazine cover.
========================================== */

.hsc-hero{

    position:relative;

    min-height:94vh;

    display:flex;

    align-items:flex-end;

    overflow:hidden;

    padding-top:120px;

}
.hsc-hero__media{

    position:absolute;

    inset:0;

    z-index:0;

}
.hsc-hero__media img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center 62%;

    transform:scale(1.03);

}
.hsc-hero__scrim{

    position:absolute;

    inset:0;

    z-index:0;

    background:

        radial-gradient(ellipse 90% 70% at 50% 100%, rgba(8,21,45,.85) 0%, rgba(8,21,45,.2) 55%, rgba(8,21,45,0) 75%),

        linear-gradient(0deg, rgba(8,21,45,.9) 0%, rgba(8,21,45,.55) 34%, rgba(8,21,45,.05) 64%, rgba(8,21,45,.15) 100%),

        linear-gradient(100deg, rgba(8,21,45,.55) 0%, rgba(8,21,45,.12) 48%, rgba(8,21,45,0) 68%);

}
.hsc-hero__inner{

    position:relative;

    z-index:1;

    padding-bottom:86px;

}
.hsc-hero__copy{

    max-width:600px;

}
.hsc-hero__copy h1{

    font-family:var(--font-heading);

    font-weight:600;

    font-size:clamp(2.5rem, 4.2vw, 3.6rem);

    line-height:1.18;

    letter-spacing:-.5px;

    color:var(--color-white);

    text-shadow:0 6px 26px rgba(0,0,0,.5);

    margin-bottom:26px;

}
.hsc-hero__copy h1 em{

    font-style:italic;

    color:var(--color-gold);

}
.hsc-hero__copy p{

    font-size:1.15rem;

    line-height:1.75;

    color:var(--color-text);

    text-shadow:0 2px 14px rgba(0,0,0,.45);

    margin-bottom:16px;

    max-width:520px;

}
.hsc-hero__lede{

    font-family:var(--font-heading);

    font-style:italic;

    font-size:1.35rem;

    color:var(--color-white);

    margin-bottom:34px !important;

}
.hsc-hero .hero__buttons{

    justify-content:flex-start;

}
.hsc-hero__scrollcue{

    position:absolute;

    left:50%;

    bottom:28px;

    z-index:1;

    transform:translateX(-50%);

    color:rgba(255,255,255,.6);

    animation:hscBob 2.2s ease-in-out infinite;

}
.hsc-hero__scrollcue svg{

    width:22px;

    height:22px;

}
@keyframes hscBob{

    0%, 100%{ transform:translate(-50%, 0); }

    50%{ transform:translate(-50%, 8px); }

}
@media (max-width:900px){

    .hsc-hero{ min-height:auto; padding:120px 0 60px; align-items:flex-start; }

    .hsc-hero__inner{ padding-bottom:20px; }

    .hsc-hero__scrollcue{ display:none; }

}
@media (max-width:640px){

    /* 120px was tuned for tablet width — still reads as a big empty
       band above the badge on narrower phones. */
    .hsc-hero{ padding:70px 0 50px; }

}
@media (prefers-reduced-motion: reduce){

    .hsc-hero__scrollcue{ animation:none; }

}

/* ==========================================
   TRUST — asymmetric magazine split.
   A scattered corkboard of note cards stands
   in for the old phone mockup; a pull-quote
   with an oversized mark replaces the plain
   emphasis paragraph.
========================================== */

.hsc-trust{

    background:var(--hsc-light);

    padding:var(--space-3xl) 0;

    overflow:hidden;

}
.hsc-trust__grid{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:70px;

    align-items:center;

}
.hsc-trust__board{

    position:relative;

    display:flex;

    flex-direction:column;

    gap:16px;

    padding:10px 10px 10px 30px;

}
.hsc-note{

    position:relative;

    background:#FFFFFF;

    border:1px solid var(--hsc-line);

    border-radius:10px;

    padding:16px 20px 16px 26px;

    font-size:.95rem;

    font-weight:600;

    color:var(--hsc-ink);

    box-shadow:0 14px 30px rgba(11,29,58,.1);

    max-width:82%;

}
.hsc-note__pin{

    position:absolute;

    left:-9px;

    top:50%;

    width:16px;

    height:16px;

    border-radius:50%;

    transform:translateY(-50%);

    background:radial-gradient(circle at 35% 30%, #E9D294, var(--hsc-accent) 75%);

    box-shadow:0 3px 8px rgba(11,29,58,.3);

}
.hsc-note--1{ transform:rotate(-3deg); }
.hsc-note--2{ transform:rotate(2deg); margin-left:34px; }
.hsc-note--3{ transform:rotate(-1.5deg); }
.hsc-note--4{ transform:rotate(2.5deg); margin-left:20px; }
.hsc-note--resolved{

    transform:rotate(-1deg);

    margin-left:10px;

    max-width:88%;

    display:flex;

    align-items:center;

    gap:12px;

    background:#FFFFFF;

    border-color:rgba(169,121,31,.4);

    color:var(--hsc-accent-deep);

    font-size:1rem;

}
.hsc-note__check{

    flex-shrink:0;

    width:24px;

    height:24px;

    border-radius:50%;

    background:var(--hsc-accent);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

}
.hsc-note__check svg{ width:13px; height:13px; }

.hsc-trust__content h2{

    font-family:var(--font-heading);

    font-weight:600;

    font-size:2.5rem;

    line-height:1.28;

    color:var(--hsc-ink);

    letter-spacing:-.5px;

    margin-bottom:22px;

}
.hsc-trust__content p{

    font-size:1.1rem;

    line-height:1.8;

    color:var(--hsc-muted);

    margin-bottom:18px;

    max-width:560px;

}
.hsc-pullquote{

    position:relative;

    margin-top:26px;

    padding:6px 0 6px 34px;

    border-left:3px solid var(--hsc-accent);

    font-family:var(--font-heading);

    font-style:italic;

    font-weight:600;

    font-size:1.4rem;

    line-height:1.5;

    color:var(--hsc-ink);

}
.hsc-pullquote::before{

    content:"\201C";

    position:absolute;

    left:20px;

    top:-30px;

    font-family:var(--font-heading);

    font-size:5rem;

    color:rgba(169,121,31,.18);

    line-height:1;

}
@media (max-width:900px){

    .hsc-trust__grid{ grid-template-columns:1fr; gap:48px; }

    .hsc-trust__board{ padding-left:16px; }

    .hsc-note, .hsc-note--2, .hsc-note--4, .hsc-note--resolved{ margin-left:0; max-width:100%; }

}

/* ==========================================
   MOMENTS — staggered vertical timeline pairing
   the household trigger with the search it
   produces, connected by a dashed spine.
========================================== */

.hsc-moments{

    background:var(--color-background);

    padding:var(--space-3xl) 0;

    overflow:hidden;

}
.hsc-moments__glow{

    position:absolute;

    border-radius:50%;

    filter:blur(100px);

    pointer-events:none;

    z-index:0;

}
.hsc-moments__glow--one{

    width:520px;

    height:520px;

    top:-220px;

    left:-180px;

    background:radial-gradient(circle, rgba(216,177,75,.18), rgba(216,177,75,0) 70%);

}
.hsc-moments__glow--two{

    width:460px;

    height:460px;

    bottom:-220px;

    right:-160px;

    background:radial-gradient(circle, rgba(216,177,75,.1), rgba(216,177,75,0) 70%);

}
.hsc-moments__heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 60px;

}
.hsc-moments__heading h2{

    font-family:var(--font-heading);

    font-weight:600;

    font-size:2.5rem;

    line-height:1.3;

    color:var(--color-white);

    letter-spacing:-.5px;

    margin-bottom:18px;

}
.hsc-moments__heading p{

    font-size:1.1rem;

    line-height:1.8;

    color:var(--color-text);

}
.hsc-moments__list{

    position:relative;

    max-width:900px;

    margin:0 auto;

}
.hsc-moments__list::before{

    content:"";

    position:absolute;

    top:6px;

    bottom:6px;

    left:50%;

    width:0;

    border-left:2px dashed rgba(216,177,75,.35);

    transform:translateX(-50%);

}
.hsc-moment-row{

    position:relative;

    display:grid;

    grid-template-columns:1fr 40px 1fr;

    align-items:center;

    margin-bottom:30px;

}
.hsc-moment-row:last-child{ margin-bottom:0; }
.hsc-moment-row__dot{

    grid-column:2;

    justify-self:center;

    width:13px;

    height:13px;

    border-radius:50%;

    background:var(--color-gold);

    box-shadow:0 0 0 7px rgba(216,177,75,.16);

}
.hsc-moment-row__trigger{

    grid-column:1;

    justify-self:end;

    display:flex;

    align-items:center;

    gap:14px;

    text-align:right;

    font-size:1.02rem;

    color:var(--color-text);

    padding-right:26px;

}
.hsc-moment-row__icon{

    flex-shrink:0;

    order:2;

    width:38px;

    height:38px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

    color:var(--color-gold);

    display:flex;

    align-items:center;

    justify-content:center;

}
.hsc-moment-row__icon svg{ width:18px; height:18px; }
.hsc-moment-row__query{

    grid-column:3;

    justify-self:start;

    padding-left:26px;

    font-style:italic;

    font-weight:600;

    font-size:.98rem;

    color:var(--color-white);

    background:rgba(216,177,75,.08);

    border:1px solid rgba(216,177,75,.2);

    padding:8px 16px;

    margin-left:26px;

    border-radius:var(--radius-pill);

    white-space:nowrap;

}
.hsc-moment-row--flip .hsc-moment-row__trigger{

    grid-column:3;

    justify-self:start;

    text-align:left;

    padding-right:0;

    padding-left:26px;

}
.hsc-moment-row--flip .hsc-moment-row__icon{ order:0; }
.hsc-moment-row--flip .hsc-moment-row__query{

    grid-column:1;

    justify-self:end;

    margin-left:0;

    margin-right:26px;

    padding-left:16px;

}
.hsc-moments__closing{

    text-align:center;

    max-width:600px;

    margin:52px auto 0;

    font-family:var(--font-heading);

    font-style:italic;

    font-weight:600;

    font-size:1.4rem;

    color:var(--color-white);

}
@media (max-width:760px){

    .hsc-moments__list::before{ left:19px; }

    .hsc-moment-row,
    .hsc-moment-row--flip{

        grid-template-columns:40px 1fr;

        margin-bottom:26px;

    }
    .hsc-moment-row__dot,
    .hsc-moment-row--flip .hsc-moment-row__dot{

        grid-column:1;

        grid-row:1 / span 2;

    }
    .hsc-moment-row__trigger,
    .hsc-moment-row--flip .hsc-moment-row__trigger{

        grid-column:2;

        justify-self:start;

        text-align:left;

        padding:0 0 10px 18px;

    }
    .hsc-moment-row__icon,
    .hsc-moment-row--flip .hsc-moment-row__icon{ order:0; }
    .hsc-moment-row__query,
    .hsc-moment-row--flip .hsc-moment-row__query{

        grid-column:2;

        justify-self:start;

        margin:0 0 0 18px;

        padding-left:16px;

        white-space:normal;

    }

}

/* ==========================================
   CHECKLIST — "getting found is half the job"
   staggered offset cards on a light canvas.
========================================== */

.hsc-checklist{

    background:var(--hsc-light-alt);

    padding:var(--space-3xl) 0 calc(var(--space-3xl) + 20px);

}
.hsc-checklist__heading{

    max-width:640px;

    margin:0 auto 20px;

    text-align:center;

}
.hsc-checklist__heading h2{

    font-family:var(--font-heading);

    font-weight:600;

    font-size:2.5rem;

    color:var(--hsc-ink);

    margin-bottom:16px;

}
.hsc-checklist__heading p{

    font-size:1.1rem;

    line-height:1.8;

    color:var(--hsc-muted);

}
.hsc-checklist__grid{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:26px 22px;

    max-width:1200px;

    margin:64px auto 20px;

}
.hsc-checklist-card{

    position:relative;

    flex:1 1 200px;

    max-width:224px;

    background:#FFFFFF;

    border-radius:var(--hsc-radius);

    padding:38px 24px 28px;

    box-shadow:var(--hsc-shadow);

    text-align:center;

    transition:transform .35s ease, box-shadow .35s ease;

}
.hsc-checklist__grid > .hsc-checklist-card:nth-child(odd){ transform:translateY(-14px); }
.hsc-checklist__grid > .hsc-checklist-card:nth-child(even){ transform:translateY(14px); }
.hsc-checklist-card:hover{

    box-shadow:0 30px 60px rgba(11,29,58,.2);

}
.hsc-checklist__grid > .hsc-checklist-card:nth-child(odd):hover{ transform:translateY(-20px); }
.hsc-checklist__grid > .hsc-checklist-card:nth-child(even):hover{ transform:translateY(8px); }
.hsc-checklist-card__num{

    position:absolute;

    top:-16px;

    left:50%;

    transform:translateX(-50%);

    width:38px;

    height:38px;

    border-radius:50%;

    background:var(--hsc-ink);

    color:var(--color-gold);

    font-family:var(--font-heading);

    font-weight:700;

    font-size:.95rem;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 8px 18px rgba(11,29,58,.3);

}
.hsc-checklist-card h3{

    font-family:var(--font-body);

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.6px;

    text-transform:uppercase;

    color:var(--hsc-accent-deep);

    margin:8px 0 12px;

}
.hsc-checklist-card p{

    font-size:.92rem;

    line-height:1.6;

    color:var(--hsc-muted);

}
.hsc-checklist__closing{

    text-align:center;

    max-width:600px;

    margin:56px auto 0;

    font-family:var(--font-heading);

    font-style:italic;

    font-weight:600;

    font-size:1.3rem;

    color:var(--hsc-ink);

}
@media (max-width:760px){

    .hsc-checklist__grid > .hsc-checklist-card:nth-child(odd),
    .hsc-checklist__grid > .hsc-checklist-card:nth-child(even){ transform:none; }

    .hsc-checklist__grid{ margin-top:44px; }

}

/* ==========================================
   APPROACH — "what we do" staggered glass cards
   on navy, with a scattered strip of example
   searches standing in for a live scanner UI.
========================================== */

.hsc-approach{

    background:var(--color-background);

    padding:var(--space-3xl) 0;

    overflow:hidden;

}
.hsc-approach__glow{

    position:absolute;

    border-radius:50%;

    filter:blur(110px);

    pointer-events:none;

    z-index:0;

}
.hsc-approach__glow--one{

    width:560px;

    height:560px;

    top:-240px;

    right:-180px;

    background:radial-gradient(circle, rgba(216,177,75,.18), rgba(216,177,75,0) 70%);

}
.hsc-approach__glow--two{

    width:460px;

    height:460px;

    bottom:-200px;

    left:-160px;

    background:radial-gradient(circle, rgba(216,177,75,.1), rgba(216,177,75,0) 70%);

}
.hsc-approach__heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 34px;

}
.hsc-approach__heading h2{

    font-family:var(--font-heading);

    font-weight:600;

    font-size:2.5rem;

    line-height:1.3;

    color:var(--color-white);

    letter-spacing:-.5px;

}
.hsc-approach__chips{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:14px 16px;

    max-width:820px;

    margin:0 auto 60px;

}
.hsc-chip{

    display:inline-block;

    padding:9px 18px;

    border-radius:var(--radius-pill);

    background:rgba(255,255,255,.04);

    border:1px solid rgba(216,177,75,.22);

    font-size:.88rem;

    font-style:italic;

    color:var(--color-text);

}
.hsc-approach__chips .hsc-chip:nth-child(odd){ transform:rotate(-1.4deg); }
.hsc-approach__chips .hsc-chip:nth-child(even){ transform:rotate(1.2deg); }
.hsc-approach__grid{

    display:grid;

    grid-template-columns:repeat(4, 1fr);

    gap:26px;

    max-width:1240px;

    margin:0 auto;

}
.hsc-approach-card{

    position:relative;

    background:linear-gradient(165deg, rgba(216,177,75,.1), rgba(255,255,255,.02));

    border:1px solid rgba(216,177,75,.2);

    border-radius:var(--hsc-radius);

    padding:36px 30px;

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;

}
.hsc-approach__grid > .hsc-approach-card:nth-child(odd){ transform:translateY(-12px); }
.hsc-approach__grid > .hsc-approach-card:nth-child(even){ transform:translateY(12px); }
.hsc-approach-card:hover{

    border-color:rgba(216,177,75,.4);

    box-shadow:0 26px 60px rgba(0,0,0,.35);

}
.hsc-approach__grid > .hsc-approach-card:nth-child(odd):hover{ transform:translateY(-18px); }
.hsc-approach__grid > .hsc-approach-card:nth-child(even):hover{ transform:translateY(6px); }
.hsc-approach-card__num{

    position:absolute;

    top:24px;

    right:26px;

    width:30px;

    height:30px;

    border-radius:50%;

    border:1.5px solid rgba(216,177,75,.4);

    color:var(--color-gold);

    font-family:var(--font-heading);

    font-weight:700;

    font-size:.85rem;

    display:flex;

    align-items:center;

    justify-content:center;

}
.hsc-approach-card__icon{

    width:50px;

    height:50px;

    margin-bottom:22px;

    border-radius:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(150deg, var(--color-gold), var(--color-gold-hover));

    color:var(--color-background);

}
.hsc-approach-card__icon svg{ width:24px; height:24px; }
.hsc-approach-card h3{

    font-family:var(--font-heading);

    font-weight:600;

    font-size:1.32rem;

    line-height:1.32;

    color:var(--color-white);

    margin-bottom:12px;

    padding-right:20px;

}
.hsc-approach-card p{

    font-size:.95rem;

    line-height:1.7;

    color:var(--color-text);

}
@media (max-width:1100px){

    .hsc-approach__grid{ grid-template-columns:repeat(2, 1fr); }

}
@media (max-width:640px){

    .hsc-approach__grid{ grid-template-columns:1fr; }

    .hsc-approach__grid > .hsc-approach-card:nth-child(odd),
    .hsc-approach__grid > .hsc-approach-card:nth-child(even){ transform:none; }

}

/* ==========================================
   FINAL CTA — floating card on a light canvas,
   door-hanger badge instead of a pulse dot.
========================================== */

.hsc-cta{

    position:relative;

    background:var(--hsc-light);

    padding:var(--space-3xl) 0;

    overflow:hidden;

}
.hsc-cta__glow{

    position:absolute;

    border-radius:50%;

    filter:blur(110px);

    pointer-events:none;

    z-index:0;

}
.hsc-cta__glow--one{

    width:540px;

    height:540px;

    top:-240px;

    left:6%;

    background:radial-gradient(circle, rgba(216,177,75,.18), rgba(216,177,75,0) 70%);

}
.hsc-cta__glow--two{

    width:460px;

    height:460px;

    bottom:-220px;

    right:6%;

    background:radial-gradient(circle, rgba(11,29,58,.08), rgba(11,29,58,0) 70%);

}
.hsc-cta__card{

    position:relative;

    max-width:760px;

    margin:0 auto;

    text-align:center;

    background:#FFFFFF;

    border:1px solid var(--hsc-line);

    border-radius:calc(var(--hsc-radius) + 6px);

    padding:66px 60px;

    box-shadow:var(--hsc-shadow);

}
.hsc-cta__eyebrow{

    display:block;

    color:var(--hsc-accent);

    letter-spacing:2px;

    font-size:1rem;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:18px;

}
.hsc-cta__card h2{

    font-family:var(--font-heading);

    font-weight:600;

    font-size:2.5rem;

    line-height:1.28;

    color:var(--hsc-ink);

    letter-spacing:-.5px;

    margin-bottom:22px;

}
.hsc-cta__card > p{

    font-size:1.1rem;

    line-height:1.8;

    color:var(--hsc-muted);

    max-width:600px;

    margin:0 auto 36px;

}
.hsc-cta__trust{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px 28px;

    margin-top:34px;

    padding-top:28px;

    border-top:1px solid var(--hsc-line);

}
.hsc-cta__trust span{

    display:inline-flex;

    align-items:center;

    gap:8px;

    font-size:.85rem;

    font-weight:600;

    color:var(--hsc-muted);

}
.hsc-cta__trust-check{

    flex-shrink:0;

    width:19px;

    height:19px;

    border-radius:50%;

    background:var(--hsc-accent-soft);

    color:var(--hsc-accent);

    display:inline-flex;

    align-items:center;

    justify-content:center;

}
.hsc-cta__trust-check svg{ width:11px; height:11px; }
@media (max-width:700px){

    .hsc-cta__card{ padding:48px 26px; }

    .hsc-cta__card h2{ font-size:2rem; }

    .hsc-cta__trust{ flex-direction:column; gap:12px; }

}