/* heroic-designs.com | Digital Design Agency | Riccione RN, Italy | EUR | EN/IT
   Hot Pink #FF2D78 + Near-Black #0C0C14 + Pure White #FEFEFE (ALL NEW! First light+hot-pink!)
   Big Shoulders Display (FIRST USE! condensed bold) + Readex Pro (FIRST USE!)
   hrd- CSS prefix | HRD JS | $hrd PHP
   FLOATING TRANSPARENT NAV -> OPAQUE ON SCROLL (first scroll-effect nav in series!)
   EDITORIAL TYPOGRAPHY HERO (no image, just massive text + mini samples - first!)
   BENTO ASYMMETRIC SERVICE GRID (irregular sizes - first bento services!)
   FULL-BLEED ALTERNATING PORTFOLIO STRIPS
   ZIGZAG ALTERNATING PROCESS CARDS (first zigzag in series!)
   STACKED ACCORDION PRICING (FIRST IN SERIES - no side-by-side cards!)
   2-COL ACCORDION FAQ (different from 1-col and 3-col!)
   MINIMAL 2-ROW FOOTER (most minimal in series!)
   LinkedIn + Instagram + Pinterest (FIRST PINTEREST in series!) */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;700;800;900&family=Readex+Pro:wght@300;400;500;600;700&display=swap');

:root {
  --hrd-white:  #FEFEFE;  --hrd-chalk:  #F4F4F8;  --hrd-lightg: #F9F9FC;
  --hrd-border: #E4E4EC;  --hrd-borderD:#CCCCD8;
  --hrd-stone:  #898999;  --hrd-mid:    #3A3A5C;
  --hrd-dark:   #1C1C28;  --hrd-ink:    #0C0C14;
  --hrd-pink:   #FF2D78;  --hrd-pink2:  #E51F64;
  --hrd-pinkT:  rgba(255,45,120,.1);  --hrd-pinkT2: rgba(255,45,120,.05);
  --hrd-pinkT3: rgba(255,45,120,.15);
  --hrd-max:    1160px;
  --hrd-fh:     'Big Shoulders Display', Impact, sans-serif;
  --hrd-fb:     'Readex Pro', system-ui, sans-serif;
  --hrd-r:4px;  --hrd-r2:8px;  --hrd-r3:14px;  --hrd-r4:20px;
  --hrd-ease:   all .2s cubic-bezier(.4,0,.2,1);
  --hrd-sh:     0 2px 16px rgba(12,12,20,.06);
  --hrd-sh2:    0 20px 60px rgba(12,12,20,.1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--hrd-white);color:var(--hrd-ink);font-family:var(--hrd-fb);font-size:.95rem;line-height:1.7;overflow-x:hidden;}
img{display:block;max-width:100%;}a{color:inherit;text-decoration:none;}ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,textarea,select{font-family:inherit;}address{font-style:normal;}
h1{font-family:var(--hrd-fh);line-height:1;}
h2{font-family:var(--hrd-fh);font-size:clamp(2rem,3.5vw,3.5rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;}
h3{font-family:var(--hrd-fh);font-size:1.3rem;font-weight:800;text-transform:uppercase;letter-spacing:.01em;}
p{font-size:.9rem;line-height:1.78;color:var(--hrd-stone);}

.hrd-wrap{max-width:var(--hrd-max);margin:0 auto;padding:0 2.5rem;}
.hrd-slab{padding:6rem 0;}
.hrd-eyebrow{font-family:var(--hrd-fb);font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--hrd-pink);display:block;margin-bottom:.5rem;}
.hrd-pink-txt{color:var(--hrd-pink);}

/* ═══════════════════════════════════════════════════════
   FLOATING TRANSPARENT NAV (first scroll-effect nav!)
   ═══════════════════════════════════════════════════════ */
.hrd-nav{
    position:fixed;top:0;left:0;right:0;z-index:200;
    padding:1.2rem 0;
    transition:background .25s,padding .25s,box-shadow .25s,backdrop-filter .25s;
}
.hrd-nav.hrd-ns{
    background:rgba(254,254,254,.94);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    padding:.7rem 0;
    box-shadow:0 2px 30px rgba(12,12,20,.06);
}
.hrd-nav-in{max-width:var(--hrd-max);margin:0 auto;padding:0 2.5rem;display:flex;align-items:center;gap:1rem;}
/* BIGGER LOGO: 1.95rem Big Shoulders Display (bigger than body .95rem) */
.hrd-logo{font-family:var(--hrd-fh);font-size:1.95rem;font-weight:900;text-transform:uppercase;color:var(--hrd-ink);letter-spacing:-.02em;flex-shrink:0;}
.hrd-logo em{font-style:normal;color:var(--hrd-pink);}
.hrd-nav.hrd-ns .hrd-logo{color:var(--hrd-ink);}
.hrd-nav-links{display:flex;align-items:center;gap:.1rem;flex:1;justify-content:center;}
/* Nav links: 1.06rem Big Shoulders Display 700 (bigger than body .95rem Readex Pro) */
.hrd-nl{font-family:var(--hrd-fh);font-size:1.06rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hrd-stone);padding:.3rem .65rem;border-radius:var(--hrd-r);transition:color .14s;white-space:nowrap;}
.hrd-nl:hover,.hrd-nl.hrd-active{color:var(--hrd-ink);}
.hrd-nav-end{display:flex;align-items:center;gap:.5rem;flex-shrink:0;}
.hrd-lang-sw{display:flex;align-items:center;gap:.2rem;}
.hrd-la{font-family:var(--hrd-fb);font-size:.46rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--hrd-stone);cursor:pointer;padding:.06rem .12rem;transition:color .14s;}
.hrd-la:hover,.hrd-la.hrd-lon{color:var(--hrd-pink);}
.hrd-la-sep{font-size:.46rem;color:var(--hrd-border);}
.hrd-nav-cta{font-family:var(--hrd-fh);font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:white;background:var(--hrd-pink);padding:.38rem 1.1rem;border-radius:var(--hrd-r2);transition:var(--hrd-ease);border:none;cursor:pointer;white-space:nowrap;}
.hrd-nav-cta:hover{background:var(--hrd-pink2);}
.hrd-mob-btn{display:none;color:var(--hrd-ink);padding:.3rem;}
/* Mobile overlay */
.hrd-mob-ovl{position:fixed;inset:0;background:var(--hrd-white);z-index:250;opacity:0;pointer-events:none;transition:opacity .25s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;}
.hrd-mob-ovl.hrd-mob-on{opacity:1;pointer-events:auto;}
.hrd-mob-cls{position:absolute;top:1.5rem;right:1.8rem;color:var(--hrd-stone);}
.hrd-mob-lk{font-family:var(--hrd-fh);font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:rgba(12,12,20,.08);transition:color .18s;}
.hrd-mob-lk:hover{color:var(--hrd-pink);}

/* ═══════════════════════════════════════════════════════
   EDITORIAL TYPOGRAPHY HERO (massive text, no image - FIRST!)
   ═══════════════════════════════════════════════════════ */
.hrd-hero-zone{
    min-height:100vh;
    background:var(--hrd-white);
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    text-align:center;padding:8rem 2.5rem 4rem;
    position:relative;overflow:hidden;
}
.hrd-hero-blob{
    position:absolute;width:700px;height:700px;
    background:radial-gradient(circle,rgba(255,45,120,.07) 0%,transparent 70%);
    border-radius:50%;
    top:50%;left:50%;transform:translate(-50%,-50%);
    animation:hrd-blob 10s ease-in-out infinite;
    pointer-events:none;
}
@keyframes hrd-blob{0%,100%{transform:translate(-50%,-55%) scale(1);}50%{transform:translate(-50%,-45%) scale(1.15);}}
.hrd-hero-eyebrow{font-family:var(--hrd-fb);font-size:.46rem;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:var(--hrd-stone);margin-bottom:1.5rem;display:block;}
.hrd-hero-h1{
    font-family:var(--hrd-fh);font-weight:900;text-transform:uppercase;
    font-size:clamp(6rem,18vw,20rem);line-height:.88;
    letter-spacing:-.02em;margin-bottom:.6rem;
    animation:hrd-fade-up .8s ease-out both;
}
.hrd-hero-h1 .hrd-l2{color:var(--hrd-pink);}
@keyframes hrd-fade-up{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
.hrd-hero-tag{font-family:var(--hrd-fh);font-size:clamp(1.1rem,2.5vw,2.2rem);font-weight:700;color:var(--hrd-stone);margin-bottom:1rem;animation:hrd-fade-up .9s .1s ease-out both;}
.hrd-hero-tag em{font-style:normal;color:var(--hrd-pink);}
.hrd-hero-sub{font-size:.96rem;color:var(--hrd-stone);max-width:50ch;line-height:1.78;margin:0 auto 2rem;animation:hrd-fade-up 1s .2s ease-out both;}
.hrd-hero-ctas{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;animation:hrd-fade-up 1s .3s ease-out both;}
/* Mini portfolio samples below hero text */
.hrd-hero-samples{display:flex;gap:1rem;margin-top:3.5rem;justify-content:center;flex-wrap:wrap;animation:hrd-fade-up 1s .4s ease-out both;}
.hrd-hero-samp{width:220px;height:140px;border-radius:var(--hrd-r3);overflow:hidden;background:var(--hrd-chalk);}
.hrd-hero-samp img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.hrd-hero-samp:hover img{transform:scale(1.05);}
/* Scroll indicator */
.hrd-scroll-ind{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;}
.hrd-scroll-txt{font-family:var(--hrd-fb);font-size:.36rem;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--hrd-stone);}
.hrd-scroll-line{width:1.5px;height:36px;background:linear-gradient(to bottom,var(--hrd-pink),transparent);animation:hrd-scroll 2s ease-in-out infinite;}
@keyframes hrd-scroll{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}100%{transform:scaleY(0);transform-origin:bottom;}}

/* MARQUEE */
.hrd-mq-zone{background:var(--hrd-ink);padding:1rem 0;overflow:hidden;}
.hrd-mq-track{display:flex;white-space:nowrap;animation:hrd-mq 35s linear infinite;}
.hrd-mq-item{font-family:var(--hrd-fh);font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.18);padding:0 2rem;flex-shrink:0;}
.hrd-mq-sep{color:var(--hrd-pink);opacity:.4;padding:0 .5rem;}
@keyframes hrd-mq{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ═══════════════════════════════════════════════════════
   BENTO ASYMMETRIC SERVICE GRID (irregular sizes - FIRST!)
   ═══════════════════════════════════════════════════════ */
.hrd-svc-zone{background:var(--hrd-chalk);}
.hrd-bento-shell{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:320px 240px 160px;
    gap:1px;background:var(--hrd-border);
    border:1px solid var(--hrd-border);
    border-radius:var(--hrd-r4);overflow:hidden;
    margin-top:2.5rem;
}
.hrd-b1{grid-column:1;grid-row:1/3;}  /* Brand Identity - tall */
.hrd-b2{grid-column:2;grid-row:1;}    /* UI/UX */
.hrd-b3{grid-column:3;grid-row:1;}    /* Web Design */
.hrd-b4{grid-column:2;grid-row:2;}    /* Motion */
.hrd-b5{grid-column:3;grid-row:2;}    /* Print */
.hrd-b6{grid-column:1/4;grid-row:3;} /* Illustration - full width */
.hrd-bento-cell{background:var(--hrd-white);padding:2rem;display:flex;flex-direction:column;text-decoration:none;transition:var(--hrd-ease);overflow:hidden;position:relative;border-left:4px solid transparent;}
.hrd-bento-cell:hover{border-left-color:var(--hrd-pink);background:var(--hrd-lightg);}
.hrd-b6{border-left:none;border-top:4px solid transparent;}
.hrd-b6:hover{border-top-color:var(--hrd-pink);border-left-color:transparent;}
.hrd-bc-num{font-family:var(--hrd-fh);font-size:4rem;font-weight:900;color:rgba(12,12,20,.04);line-height:1;margin-bottom:.4rem;}
.hrd-bc-ico{color:var(--hrd-pink);margin-bottom:.6rem;}
.hrd-bc-nm{font-family:var(--hrd-fh);font-size:1.15rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--hrd-ink);margin-bottom:.4rem;}
.hrd-bc-bl{font-size:.8rem;color:var(--hrd-stone);line-height:1.7;}
.hrd-bc-fr{font-family:var(--hrd-fh);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--hrd-stone);margin-top:auto;padding-top:.8rem;}
.hrd-bc-fr strong{color:var(--hrd-pink);}
.hrd-bc-arr{position:absolute;bottom:1.2rem;right:1.2rem;color:var(--hrd-pink);opacity:0;transition:opacity .18s;}
.hrd-bento-cell:hover .hrd-bc-arr{opacity:1;}
/* Horizontal layout for full-width last cell */
.hrd-b6.hrd-bento-cell{flex-direction:row;align-items:center;gap:2rem;padding:1.5rem 2rem;}
.hrd-b6 .hrd-bc-num{font-size:2.8rem;margin:0;}
.hrd-b6 .hrd-bc-nm{font-size:.96rem;}

/* PORTFOLIO STRIPS */
.hrd-work-strips{margin-top:2.5rem;}
.hrd-ws{display:grid;grid-template-columns:1fr 1fr;min-height:480px;overflow:hidden;}
.hrd-ws-dk{background:var(--hrd-ink);}
.hrd-ws-lt{background:var(--hrd-chalk);}
.hrd-ws-img{overflow:hidden;}
.hrd-ws-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.hrd-ws:hover .hrd-ws-img img{transform:scale(1.04);}
.hrd-ws-body{padding:3.5rem 4rem;display:flex;flex-direction:column;justify-content:center;}
.hrd-ws-dk .hrd-ws-body{color:rgba(255,255,255,.2);}
.hrd-ws-badge{font-family:var(--hrd-fb);font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--hrd-pink);margin-bottom:.5rem;}
.hrd-ws-nm{font-family:var(--hrd-fh);font-size:clamp(1.5rem,2.5vw,2.8rem);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:.5rem;}
.hrd-ws-dk .hrd-ws-nm{color:rgba(254,254,254,.6);}
.hrd-ws-lt .hrd-ws-nm{color:var(--hrd-ink);}
.hrd-ws-stats{display:flex;gap:2rem;margin-bottom:1rem;}
.hrd-ws-sv{font-family:var(--hrd-fh);font-size:2.2rem;font-weight:900;color:var(--hrd-pink);line-height:1;}
.hrd-ws-sl{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--hrd-stone);margin-top:.1rem;}
.hrd-ws-desc{font-size:.86rem;color:var(--hrd-stone);line-height:1.8;margin-bottom:.8rem;}
.hrd-ws-tags{display:flex;flex-wrap:wrap;gap:.35rem;}
.hrd-ws-tag{font-size:.66rem;background:var(--hrd-pinkT2);color:var(--hrd-pink);padding:.12rem .55rem;border-radius:100px;font-weight:500;}
.hrd-ws-dk .hrd-ws-desc{color:rgba(255,255,255,.2);}

/* ABOUT */
.hrd-about-zone{background:var(--hrd-white);}
.hrd-about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem;align-items:center;}
.hrd-about-img-box{border-radius:var(--hrd-r4);overflow:hidden;height:480px;background:var(--hrd-chalk);}
.hrd-about-img-box img{width:100%;height:100%;object-fit:cover;}
.hrd-about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 0;}
.hrd-about-sv{font-family:var(--hrd-fh);font-size:2.8rem;font-weight:900;color:var(--hrd-pink);line-height:1;}
.hrd-about-sl{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--hrd-stone);}

/* 3-COL MAGAZINE TESTIMONIALS */
.hrd-testi-zone{background:var(--hrd-chalk);}
.hrd-testi-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hrd-border);border:1px solid var(--hrd-border);border-radius:var(--hrd-r4);overflow:hidden;margin-top:2.5rem;}
.hrd-testi-col{background:var(--hrd-white);padding:2.5rem;}
.hrd-tq-mark{font-family:var(--hrd-fh);font-size:6rem;font-weight:900;color:var(--hrd-pink);line-height:.75;display:block;margin-bottom:.8rem;}
.hrd-tq-txt{font-size:.92rem;color:var(--hrd-mid);line-height:1.78;margin-bottom:1.2rem;font-style:italic;}
.hrd-tq-who{font-family:var(--hrd-fh);font-size:1rem;font-weight:800;text-transform:uppercase;color:var(--hrd-ink);}
.hrd-tq-role{font-size:.72rem;color:var(--hrd-stone);}

/* ZIGZAG PROCESS (FIRST ZIGZAG IN SERIES!) */
.hrd-proc-zone{background:var(--hrd-white);}
.hrd-proc-list{max-width:800px;margin:3rem auto 0;}
.hrd-proc-step{
    max-width:58%;
    background:var(--hrd-chalk);
    border:1.5px solid var(--hrd-border);
    border-radius:var(--hrd-r3);
    padding:1.8rem 2rem 1.8rem 1.8rem;
    margin-bottom:1rem;
    position:relative;
    overflow:hidden;
}
.hrd-proc-step:nth-child(even){margin-left:auto;margin-right:0;}
.hrd-proc-step:nth-child(odd){margin-left:0;margin-right:auto;}
.hrd-ps-num{
    position:absolute;right:1.2rem;top:1.2rem;
    font-family:var(--hrd-fh);font-size:5rem;font-weight:900;
    color:rgba(255,45,120,.07);line-height:1;
}
.hrd-ps-nm{font-family:var(--hrd-fh);font-size:1.3rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--hrd-ink);margin-bottom:.35rem;}
.hrd-ps-body{font-size:.86rem;color:var(--hrd-stone);line-height:1.78;max-width:38ch;}
/* Hot pink connector dots between zigzag steps */
.hrd-proc-connector{text-align:center;padding:.3rem 0;font-size:1.4rem;color:var(--hrd-pink);opacity:.3;}

/* STACKED ACCORDION PRICING (FIRST IN SERIES!) */
.hrd-price-zone{background:var(--hrd-chalk);}
.hrd-pkg-stack{margin-top:2.5rem;}
.hrd-pkg-row{border-bottom:1.5px solid var(--hrd-border);}
.hrd-pkg-row:first-child{border-top:1.5px solid var(--hrd-border);}
.hrd-pkg-head{
    display:flex;align-items:center;gap:1.5rem;
    padding:1.5rem 0;cursor:pointer;
    transition:var(--hrd-ease);
}
.hrd-pkg-head:hover .hrd-pkg-nm{color:var(--hrd-pink);}
.hrd-pkg-nm{font-family:var(--hrd-fh);font-size:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:var(--hrd-ink);flex:1;transition:color .15s;}
.hrd-pkg-badge{font-family:var(--hrd-fb);font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:white;background:var(--hrd-pink);padding:.1rem .55rem;border-radius:100px;display:none;}
.hrd-pkg-row[data-pkg="agency"] .hrd-pkg-badge{display:inline-block;}
.hrd-pkg-pr{font-family:var(--hrd-fh);font-size:1.5rem;font-weight:900;color:var(--hrd-pink);}
.hrd-pkg-toggle{
    width:36px;height:36px;
    border:1.5px solid var(--hrd-border);border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:1.4rem;font-weight:300;color:var(--hrd-stone);
    transition:var(--hrd-ease);flex-shrink:0;
}
.hrd-pkg-row.hrd-pkg-open .hrd-pkg-toggle{background:var(--hrd-pink);border-color:var(--hrd-pink);color:white;transform:rotate(45deg);}
.hrd-pkg-details{max-height:0;overflow:hidden;transition:max-height .38s ease;}
.hrd-pkg-row.hrd-pkg-open .hrd-pkg-details{max-height:600px;}
.hrd-pkg-details-in{padding:.5rem 0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
.hrd-pkg-tag{font-size:.86rem;color:var(--hrd-stone);line-height:1.6;margin-bottom:.8rem;}
.hrd-pkg-inc{display:flex;align-items:flex-start;gap:.4rem;font-size:.84rem;color:var(--hrd-stone);margin-bottom:.35rem;}
.hrd-pkg-inc svg{color:var(--hrd-pink);flex-shrink:0;margin-top:.08rem;}

/* 2-COL FAQ ACCORDION (different from 1-col and 3-col!) */
.hrd-faq-zone{background:var(--hrd-white);}
.hrd-faq-duo{
    display:grid;grid-template-columns:1fr 1fr;
    gap:0 1px;background:var(--hrd-border);
    border:1px solid var(--hrd-border);
    border-radius:var(--hrd-r3);overflow:hidden;
    margin-top:2.5rem;
}
.hrd-faq-col{background:var(--hrd-white);}
.hrd-fq{border-bottom:1px solid var(--hrd-border);}
.hrd-fq:last-child{border-bottom:none;}
.hrd-fq-btn{display:flex;align-items:flex-start;gap:.5rem;padding:.85rem 1.2rem;cursor:pointer;width:100%;background:none;border:none;text-align:left;}
.hrd-fq-q{font-family:var(--hrd-fb);font-size:.86rem;font-weight:600;color:var(--hrd-dark);flex:1;line-height:1.35;}
.hrd-fq.hrd-fq-on .hrd-fq-q{color:var(--hrd-pink);}
.hrd-fq-ic{color:var(--hrd-stone);flex-shrink:0;transition:transform .18s;}
.hrd-fq.hrd-fq-on .hrd-fq-ic{transform:rotate(180deg);color:var(--hrd-pink);}
.hrd-fq-ans{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.hrd-fq.hrd-fq-on .hrd-fq-ans{max-height:200px;}
.hrd-fq-ans-in{padding:.2rem 1.2rem .8rem;font-size:.8rem;color:var(--hrd-stone);line-height:1.75;}

/* CTA BAND */
.hrd-cta-zone{background:var(--hrd-pink);padding:7rem 0;}
.hrd-cta-in{max-width:var(--hrd-max);margin:0 auto;padding:0 2.5rem;text-align:center;}
.hrd-cta-in h2{font-size:clamp(3rem,7vw,8rem);color:white;margin-bottom:2rem;letter-spacing:-.02em;}
.hrd-cta-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;}

/* SERVICE DETAIL PAGE */
.hrd-svc-dt{max-width:var(--hrd-max);margin:0 auto;padding:5rem 2.5rem;display:grid;grid-template-columns:1fr 260px;gap:4rem;align-items:start;}
.hrd-svc-aside{background:var(--hrd-ink);border-radius:var(--hrd-r3);overflow:hidden;position:sticky;top:5rem;}
.hrd-svc-aside-top{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);}
.hrd-svc-from-lbl{font-family:var(--hrd-fb);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.25);margin-bottom:.3rem;}
.hrd-svc-from-pr{font-family:var(--hrd-fh);font-size:2.5rem;font-weight:900;color:var(--hrd-pink);margin-bottom:.8rem;line-height:1;}
.hrd-other-h{font-family:var(--hrd-fb);font-size:.38rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.18);padding:.8rem 1.4rem .4rem;}
.hrd-other-lk{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:rgba(255,255,255,.2);padding:.42rem 1.4rem;border-top:1px solid rgba(255,255,255,.06);transition:color .14s;}
.hrd-other-lk:hover,.hrd-other-lk.hrd-active{color:var(--hrd-pink);}

/* PAGE BANNER */
.hrd-pg-top{background:var(--hrd-chalk);padding:9rem 0 5rem;border-bottom:1.5px solid var(--hrd-border);}
.hrd-pg-top-in{max-width:var(--hrd-max);margin:0 auto;padding:0 2.5rem;text-align:center;}
.hrd-pg-top-in h1{color:var(--hrd-ink);font-size:clamp(3rem,6vw,6rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;}
.hrd-pg-top-in h1 em{font-style:normal;color:var(--hrd-pink);}
.hrd-pg-sub{font-size:.95rem;color:var(--hrd-stone);max-width:52ch;margin:.8rem auto 0;line-height:1.78;}

/* BUILDER */
.hrd-bld-wrap{max-width:var(--hrd-max);margin:0 auto;padding:4rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start;}
.hrd-bld-sec{margin-bottom:2rem;}
.hrd-bld-lbl{display:block;font-family:var(--hrd-fb);font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--hrd-pink);margin-bottom:.9rem;}
.hrd-sel-row{background:var(--hrd-chalk);border:1.5px solid var(--hrd-border);border-radius:var(--hrd-r2);padding:.75rem 1rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;user-select:none;transition:var(--hrd-ease);margin-bottom:.4rem;}
.hrd-sel-row.hrd-sel-on{border-color:var(--hrd-pink);background:var(--hrd-pinkT2);}
.hrd-sel-dot{width:16px;height:16px;border:1.5px solid var(--hrd-border);border-radius:50%;flex-shrink:0;transition:var(--hrd-ease);}
.hrd-sel-row.hrd-sel-on .hrd-sel-dot{background:var(--hrd-pink);border-color:var(--hrd-pink);}
.hrd-sel-nm{font-size:.9rem;color:var(--hrd-stone);flex:1;}
.hrd-sel-row.hrd-sel-on .hrd-sel-nm{color:var(--hrd-ink);font-weight:500;}
.hrd-sel-pr{font-family:var(--hrd-fh);font-size:.9rem;font-weight:900;color:var(--hrd-pink);}
.hrd-adn-rack{display:flex;flex-wrap:wrap;gap:.5rem;}
.hrd-adn-chip{background:var(--hrd-chalk);border:1.5px solid var(--hrd-border);border-radius:var(--hrd-r2);padding:.42rem .9rem;cursor:pointer;user-select:none;transition:var(--hrd-ease);}
.hrd-adn-chip.hrd-adn-on{border-color:var(--hrd-pink);background:var(--hrd-pinkT2);}
.hrd-adn-nm{font-size:.8rem;font-weight:500;color:var(--hrd-stone);}
.hrd-adn-chip.hrd-adn-on .hrd-adn-nm{color:var(--hrd-ink);}
.hrd-adn-pr{font-size:.68rem;color:var(--hrd-stone);}
.hrd-adn-chip.hrd-adn-on .hrd-adn-pr{color:var(--hrd-pink);}
.hrd-hrs-box{background:var(--hrd-chalk);border:1.5px solid var(--hrd-border);border-radius:var(--hrd-r2);padding:1rem;}
.hrd-hrs-hd{display:flex;justify-content:space-between;margin-bottom:.5rem;}
.hrd-hrs-lbl{font-size:.88rem;color:var(--hrd-stone);}
.hrd-hrs-val{font-family:var(--hrd-fh);font-size:1.5rem;font-weight:900;color:var(--hrd-pink);}
.hrd-hrs-rng{-webkit-appearance:none;width:100%;height:2px;background:var(--hrd-border);border-radius:1px;cursor:pointer;}
.hrd-hrs-rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--hrd-pink);cursor:pointer;box-shadow:0 2px 8px var(--hrd-pinkT);}
/* Receipt */
.hrd-rcpt{background:var(--hrd-ink);border-radius:var(--hrd-r3);overflow:hidden;position:sticky;top:5rem;}
.hrd-rcpt-hd{padding:.8rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);}
.hrd-rcpt-hl{font-family:var(--hrd-fb);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.2);}
.hrd-rcpt-bd{padding:.9rem 1.2rem;}
.hrd-rcpt-ln{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:.35rem;}
.hrd-rcpt-lnm{color:rgba(255,255,255,.28);}
.hrd-rcpt-lnp{font-family:var(--hrd-fh);font-weight:900;color:var(--hrd-pink);}
.hrd-rcpt-sep{border:none;border-top:1px solid rgba(255,255,255,.07);margin:.4rem 1.2rem;}
.hrd-rcpt-tot{display:flex;justify-content:space-between;align-items:flex-end;padding:0 1.2rem .5rem;}
.hrd-rcpt-totl{font-family:var(--hrd-fb);font-size:.4rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.18);}
.hrd-rcpt-totv{font-family:var(--hrd-fh);font-size:2rem;font-weight:900;color:var(--hrd-pink);}
.hrd-rcpt-ft{padding:.9rem 1.2rem;border-top:1px solid rgba(255,255,255,.07);}
.hrd-rcpt-go{display:block;width:100%;background:var(--hrd-pink);color:white;font-family:var(--hrd-fh);font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:.72rem;border-radius:var(--hrd-r2);border:none;cursor:pointer;transition:background .14s;}
.hrd-rcpt-go:hover:not(:disabled){background:var(--hrd-pink2);}
.hrd-rcpt-go:disabled{opacity:.2;cursor:not-allowed;}

/* CHECKOUT */
.hrd-co-wrap{max-width:var(--hrd-max);margin:0 auto;padding:5rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start;}
.hrd-co-side{position:sticky;top:5rem;background:var(--hrd-ink);border-radius:var(--hrd-r3);overflow:hidden;}
.hrd-co-hd{padding:.8rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);}
.hrd-co-hl{font-family:var(--hrd-fb);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.2);}
.hrd-co-bd{padding:.9rem 1.2rem;}
.hrd-co-ln{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:.35rem;}
.hrd-co-lnm{color:rgba(255,255,255,.28);}
.hrd-co-lnp{font-family:var(--hrd-fh);font-weight:900;color:var(--hrd-pink);}
.hrd-co-sep{border:none;border-top:1px solid rgba(255,255,255,.07);margin:.4rem 1.2rem;}
.hrd-co-tot{display:flex;justify-content:space-between;align-items:flex-end;padding:0 1.2rem .5rem;}
.hrd-co-totl{font-family:var(--hrd-fb);font-size:.4rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.18);}
.hrd-co-totv{font-family:var(--hrd-fh);font-size:2rem;font-weight:900;color:var(--hrd-pink);}

/* FORMS */
.hrd-fg{margin-bottom:.7rem;}
.hrd-fl{display:block;font-family:var(--hrd-fb);font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--hrd-stone);margin-bottom:.28rem;}
.hrd-fi{width:100%;background:var(--hrd-chalk);border:1.5px solid var(--hrd-border);border-radius:var(--hrd-r2);padding:.65rem 1rem;color:var(--hrd-ink);font-size:.92rem;transition:border-color .14s;}
.hrd-fi:focus{outline:none;border-color:var(--hrd-pink);box-shadow:0 0 0 3px var(--hrd-pinkT);}
.hrd-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--hrd-stone);margin:1rem 0;line-height:1.6;}
.hrd-agree input{margin-top:.14rem;accent-color:var(--hrd-pink);}
.hrd-agree a{color:var(--hrd-pink);}

/* BUTTONS */
.hrd-btn-pink{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--hrd-fh);font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:white;background:var(--hrd-pink);padding:.6rem 1.6rem;border-radius:var(--hrd-r2);transition:var(--hrd-ease);border:none;cursor:pointer;white-space:nowrap;}
.hrd-btn-pink:hover{background:var(--hrd-pink2);}
.hrd-btn-out-d{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--hrd-fh);font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--hrd-ink);background:transparent;padding:.58rem 1.6rem;border-radius:var(--hrd-r2);border:1.5px solid var(--hrd-border);transition:var(--hrd-ease);white-space:nowrap;}
.hrd-btn-out-d:hover{border-color:var(--hrd-pink);color:var(--hrd-pink);}
.hrd-btn-out-w{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--hrd-fh);font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:white;background:transparent;padding:.58rem 1.6rem;border-radius:var(--hrd-r2);border:1.5px solid rgba(255,255,255,.4);transition:var(--hrd-ease);white-space:nowrap;}
.hrd-btn-out-w:hover{border-color:white;background:rgba(255,255,255,.1);}
.hrd-btn-sm-pink{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--hrd-fh);font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:white;background:var(--hrd-pink);padding:.34rem 1rem;border-radius:var(--hrd-r2);transition:var(--hrd-ease);border:none;cursor:pointer;white-space:nowrap;}
.hrd-btn-sm-pink:hover{background:var(--hrd-pink2);}

/* LEGAL */
.hrd-legal-wrap{max-width:800px;margin:0 auto;padding:5rem 2.5rem 8rem;}
.hrd-legal-eff{display:inline-block;font-size:.72rem;color:var(--hrd-stone);background:var(--hrd-chalk);border:1.5px solid var(--hrd-border);padding:.22rem .8rem;border-radius:100px;margin-bottom:1.5rem;}
.hrd-legal-wrap h2{font-family:var(--hrd-fh);font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--hrd-pink);margin:2.5rem 0 .5rem;}
.hrd-legal-wrap p,.hrd-legal-wrap li{font-size:.9rem;color:var(--hrd-stone);line-height:1.78;margin-bottom:.9rem;}
.hrd-legal-wrap ul{padding-left:1.4rem;margin:.5rem 0 .9rem;}
.hrd-legal-wrap li{list-style:disc;}
.hrd-legal-wrap a{color:var(--hrd-pink);}

/* MINIMAL 2-ROW FOOTER (most minimal in series!) */
.hrd-footer{background:var(--hrd-ink);}
.hrd-ft-main{max-width:var(--hrd-max);margin:0 auto;padding:2.5rem 2.5rem 1.5rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap;}
/* BIGGER footer logo: 2.1rem Big Shoulders Display */
.hrd-ft-logo{font-family:var(--hrd-fh);font-size:2.1rem;font-weight:900;text-transform:uppercase;color:rgba(254,254,254,.2);letter-spacing:-.02em;flex-shrink:0;}
.hrd-ft-logo em{font-style:normal;color:var(--hrd-pink);}
.hrd-ft-nav{display:flex;gap:.1rem;flex:1;justify-content:center;flex-wrap:wrap;}
.hrd-ft-nav a{font-family:var(--hrd-fh);font-size:.92rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.2);padding:.2rem .5rem;transition:color .14s;}
.hrd-ft-nav a:hover{color:var(--hrd-pink);}
.hrd-ft-social{display:flex;gap:.4rem;flex-shrink:0;}
.hrd-ft-social a{width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:var(--hrd-r2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.2);transition:var(--hrd-ease);}
.hrd-ft-social a:hover{border-color:var(--hrd-pink);color:var(--hrd-pink);}
.hrd-ft-btm{max-width:var(--hrd-max);margin:0 auto;padding:.9rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06);}
.hrd-ft-copy{font-size:.62rem;color:rgba(255,255,255,.1);}
.hrd-ft-legal{display:flex;gap:1rem;flex-wrap:wrap;}
.hrd-ft-legal a{font-size:.62rem;color:rgba(255,255,255,.1);transition:color .14s;}
.hrd-ft-legal a:hover{color:var(--hrd-pink);}

/* COOKIE + CHAT */
.hrd-ck-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--hrd-ink);border-top:2px solid var(--hrd-pink);padding:.9rem 2rem;display:none;align-items:center;gap:2rem;justify-content:space-between;flex-wrap:wrap;}
.hrd-ck-bar p{font-size:.8rem;color:rgba(255,255,255,.3);margin:0;}
.hrd-ck-bar a{color:var(--hrd-pink);}
.hrd-ck-btns{display:flex;gap:.5rem;flex-shrink:0;}
.hrd-ck-yes{background:var(--hrd-pink);color:white;font-family:var(--hrd-fh);font-size:.9rem;font-weight:900;text-transform:uppercase;padding:.32rem .9rem;border-radius:var(--hrd-r);cursor:pointer;border:none;}
.hrd-ck-no{background:transparent;color:rgba(255,255,255,.3);font-size:.8rem;padding:.3rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--hrd-r);cursor:pointer;}
.hrd-chat-fab{position:fixed;bottom:4.5rem;right:1.5rem;z-index:9990;width:50px;height:50px;background:var(--hrd-pink);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 4px 20px var(--hrd-pinkT3);transition:var(--hrd-ease);color:white;}
.hrd-chat-fab:hover{background:var(--hrd-pink2);}
.hrd-chatpop{position:fixed;bottom:7rem;right:1.5rem;z-index:9989;width:290px;background:white;border:1.5px solid var(--hrd-border);border-radius:var(--hrd-r3);box-shadow:var(--hrd-sh2);opacity:0;pointer-events:none;transform:translateY(8px) scale(.97);transition:opacity .2s,transform .22s;overflow:hidden;}
.hrd-chatpop.hrd-cp-on{opacity:1;pointer-events:auto;transform:none;}
.hrd-chatpop-hd{background:var(--hrd-pink);padding:.8rem 1.1rem;display:flex;align-items:center;justify-content:space-between;}
.hrd-chatpop-nm{font-family:var(--hrd-fh);font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.75);}
.hrd-chat-done{display:none;text-align:center;padding:.9rem;font-family:var(--hrd-fh);font-size:1rem;font-weight:900;text-transform:uppercase;color:var(--hrd-pink);}
.hrd-chat-fi{width:100%;background:var(--hrd-chalk);border:1.5px solid var(--hrd-border);border-radius:var(--hrd-r);padding:.5rem .8rem;font-size:.84rem;color:var(--hrd-ink);margin-bottom:.36rem;resize:none;transition:border-color .14s;}
.hrd-chat-fi:focus{outline:none;border-color:var(--hrd-pink);}
.hrd-chat-send{width:100%;background:var(--hrd-pink);color:white;font-family:var(--hrd-fh);font-size:.92rem;font-weight:900;text-transform:uppercase;padding:.5rem;border-radius:var(--hrd-r2);border:none;cursor:pointer;}

/* REVEAL */
.hrd-reveal{opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s;}
.hrd-reveal.hrd-in{opacity:1;transform:none;}
.hrd-result-pg{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 3rem;}

/* RESPONSIVE */
@media(max-width:960px){
  .hrd-nav-links,.hrd-nav-end>.hrd-lang-sw,.hrd-nav-cta{display:none;}
  .hrd-mob-btn{display:flex;}
  .hrd-bento-shell{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .hrd-b1{grid-column:1/3;grid-row:auto;}
  .hrd-b2,.hrd-b3,.hrd-b4,.hrd-b5{grid-column:auto;grid-row:auto;}
  .hrd-b6{grid-column:1/3;}
  .hrd-ws{grid-template-columns:1fr;}
  .hrd-ws .hrd-ws-img{height:280px;}
  .hrd-about-grid{grid-template-columns:1fr;}
  .hrd-testi-trio,.hrd-faq-duo{grid-template-columns:1fr;}
  .hrd-pkg-details-in{grid-template-columns:1fr;}
  .hrd-proc-step{max-width:100%!important;margin-left:0!important;}
  .hrd-bld-wrap,.hrd-co-wrap,.hrd-svc-dt{grid-template-columns:1fr;}
  .hrd-cta-in h2{font-size:clamp(2.5rem,8vw,5rem);}
  .hrd-ft-main{flex-direction:column;align-items:flex-start;gap:1.2rem;}
  .hrd-ft-nav{justify-content:flex-start;}
}
@media(max-width:600px){
  .hrd-wrap{padding:0 1.5rem;}
  .hrd-hero-h1{font-size:clamp(5rem,22vw,14rem);}
  .hrd-hero-samples{display:none;}
}