/* ==========================================================================
   GODFATHER INVESTMENT LLC — Design system
   Derived from reference (kodesolution/consultez): DM Sans + Inter,
   dark-green sections, gold accent (brand), 48px display headings.
   ========================================================================== */

:root{
  /* palette */
  --gold:#c9a24b;
  --gold-2:#e3c05a;
  --gold-soft:rgba(201,162,75,.12);
  --green-900:#0d1f1a;   /* darkest */
  --green-800:#102a26;   /* dark section */
  --green-700:#153c33;   /* button / deep */
  --green-600:#1a4137;
  --ink:#141125;         /* headings */
  --body:#595b62;        /* body text */
  --line:#e7e8ea;
  --bg:#ffffff;
  --bg-soft:#f5f6f4;
  --white:#ffffff;

  --container:1290px;
  --gutter:24px;

  --ff-head:"DM Sans",system-ui,sans-serif;
  --ff-body:"Inter",system-ui,sans-serif;

  --r-sm:8px; --r:14px; --r-lg:22px; --r-pill:100px;
  --shadow:0 24px 60px -30px rgba(13,31,26,.35);
  --shadow-sm:0 12px 30px -18px rgba(13,31,26,.35);
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--ff-body);font-size:16px;line-height:1.75;
  color:var(--body);background:var(--bg);overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
h1,h2,h3,h4,h5{font-family:var(--ff-head);color:var(--ink);margin:0;line-height:1.18;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1rem}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- layout ---------- */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding:120px 0}
.section--sm{padding:90px 0}
.section--soft{background:var(--bg-soft)}
.section--dark{background:var(--green-800);color:rgba(255,255,255,.78)}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#fff}
.grid{display:grid;gap:30px}
.center{text-align:center}

/* ---------- typography helpers ---------- */
.display{font-size:clamp(2.1rem,1.2rem + 3.6vw,3rem);line-height:1.14}
.h2{font-size:clamp(1.9rem,1.1rem + 3vw,3rem);line-height:1.18}
.h3{font-size:clamp(1.3rem,1rem + 1vw,1.6rem)}
.lead{font-size:1.075rem;line-height:1.8}
.eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--ff-head);font-weight:700;font-size:12px;letter-spacing:1.4px;
  text-transform:uppercase;color:var(--gold);margin-bottom:18px;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);display:inline-block}
.eyebrow--pill{
  background:var(--gold-soft);color:var(--gold);padding:9px 18px;border-radius:var(--r-pill);
}
.eyebrow--pill::before{display:none}
.section--dark .eyebrow{color:var(--gold-2)}
.muted{color:var(--body)}
.section--dark .muted{color:rgba(255,255,255,.7)}
.section-head{max-width:720px}
.section-head.center{margin-inline:auto}
.section-head .h2{margin-bottom:16px}
.text-gold{color:var(--gold)}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  font-family:var(--ff-head);font-weight:600;font-size:14px;letter-spacing:.4px;
  padding:16px 30px;border-radius:var(--r-pill);border:1.5px solid transparent;cursor:pointer;
  transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s;
  white-space:nowrap;
}
.btn svg{width:17px;height:17px}
.btn--primary{background:var(--green-700);color:#fff}
.btn--primary:hover{background:var(--gold);color:var(--green-900);transform:translateY(-3px)}
.btn--gold{background:var(--gold);color:var(--green-900)}
.btn--gold:hover{background:var(--green-700);color:#fff;transform:translateY(-3px)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{border-color:var(--gold);color:var(--gold)}
.section--dark .btn--ghost,.hero .btn--ghost{color:#fff;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.06);backdrop-filter:blur(2px)}
.section--dark .btn--ghost:hover,.hero .btn--ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,162,75,.12)}
.link-arrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ff-head);font-weight:600;color:var(--ink);font-size:15px}
.link-arrow svg{width:16px;transition:transform .3s var(--ease)}
.link-arrow:hover{color:var(--gold)}
.link-arrow:hover svg{transform:translateX(5px)}

/* ==========================================================================
   TOP BAR
   ========================================================================== */
.topbar{background:var(--green-900);color:rgba(255,255,255,.72);font-size:13.5px}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px}
.topbar__left{display:flex;gap:26px;flex-wrap:wrap}
.topbar__left a{display:inline-flex;align-items:center;gap:8px}
.topbar__left svg{width:15px;color:var(--gold)}
.topbar__left a:hover{color:#fff}
.topbar__right{display:flex;align-items:center;gap:22px}
.topbar__socials{display:flex;gap:14px}
.topbar__socials a{color:rgba(255,255,255,.7);transition:color .25s}
.topbar__socials svg{width:15px}
.topbar__socials a:hover{color:var(--gold)}

/* ==========================================================================
   HEADER
   ========================================================================== */
.header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .3s,background .3s}
.header.is-stuck{box-shadow:0 10px 30px -18px rgba(13,31,26,.4)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:52px;width:auto}
.brand__name{font-family:var(--ff-head);font-weight:700;line-height:1;color:var(--ink)}
.brand__name b{display:block;font-size:19px;letter-spacing:.3px}
.brand__name span{display:block;font-size:10.5px;letter-spacing:3px;color:var(--gold);font-weight:600;margin-top:3px}

.nav{display:flex;align-items:center;gap:6px}
.nav__link{
  display:inline-flex;align-items:center;gap:6px;position:relative;
  font-family:var(--ff-head);font-weight:600;font-size:15px;color:var(--ink);
  padding:12px 16px;transition:color .25s;
}
.nav__link:hover,.nav__link[aria-current=page]{color:var(--gold)}
.nav__item{position:relative}
.nav__item--has > .nav__link::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;opacity:.6}
.dropdown{
  position:absolute;top:calc(100% + 10px);left:0;min-width:250px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:10px;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:.28s var(--ease);
}
.nav__item--has:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:11px 16px;border-radius:var(--r-sm);font-family:var(--ff-head);font-weight:500;font-size:14.5px;color:var(--ink);transition:.2s}
.dropdown a:hover{background:var(--gold-soft);color:var(--gold);padding-left:22px}
.header__cta{display:flex;align-items:center;gap:14px}

/* burger */
.burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}
.burger span{width:20px;height:2px;background:var(--ink);transition:.3s}
.mobile-nav{position:fixed;inset:0 0 0 auto;width:min(360px,86vw);background:#fff;z-index:120;transform:translateX(100%);transition:transform .4s var(--ease);padding:26px 24px;overflow-y:auto;box-shadow:var(--shadow)}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.mobile-nav__close{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:20px;cursor:pointer;color:var(--ink)}
.mobile-nav a{display:block;font-family:var(--ff-head);font-weight:600;font-size:17px;color:var(--ink);padding:14px 0;border-bottom:1px solid var(--line)}
.mobile-nav .sub a{font-size:15px;font-weight:500;padding:10px 0 10px 16px;color:var(--body)}
.mobile-nav__toggle{display:flex;justify-content:space-between;align-items:center}
.overlay{position:fixed;inset:0;background:rgba(13,31,26,.5);z-index:110;opacity:0;visibility:hidden;transition:.3s}
.overlay.open{opacity:1;visibility:visible}
body.nav-open{overflow:hidden}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{position:relative;background:var(--green-900);color:#fff;overflow:hidden}
.hero__bg{position:absolute;inset:0}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(9,22,18,.95) 0%,rgba(9,22,18,.82) 44%,rgba(9,22,18,.42) 100%),
             linear-gradient(0deg,rgba(9,22,18,.55) 0%,transparent 40%);}
.hero__grid{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:78px 78px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.hero__inner{position:relative;padding:96px 0;max-width:820px;min-height:84vh;display:flex;flex-direction:column;justify-content:center}
.hero .eyebrow{color:var(--gold-2)}
.hero h1{color:#fff;font-size:clamp(2.6rem,1.4rem + 5vw,4.5rem);line-height:1.06;margin-bottom:22px;letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero__sub{max-width:560px;color:rgba(255,255,255,.8);font-size:1.08rem;margin-bottom:34px}
.hero__actions{display:flex;gap:16px;flex-wrap:wrap}
.hero__meta{display:flex;gap:40px;margin-top:56px;flex-wrap:wrap}
.hero__meta .num{font-family:var(--ff-head);font-weight:700;font-size:2.2rem;color:#fff;line-height:1}
.hero__meta .num i{color:var(--gold);font-style:normal}
.hero__meta small{display:block;color:rgba(255,255,255,.66);font-size:13.5px;margin-top:8px;letter-spacing:.3px}

/* page hero (inner) */
.page-hero{position:relative;background:var(--green-900);color:#fff;text-align:center;overflow:hidden}
.page-hero__bg{position:absolute;inset:0}
.page-hero__bg img{width:100%;height:100%;object-fit:cover}
.page-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,22,18,.82),rgba(9,22,18,.9))}
.page-hero__inner{position:relative;padding:120px 0 96px}
.page-hero h1{color:#fff;font-size:clamp(2.3rem,1.4rem + 3.4vw,3.6rem);margin-bottom:18px}
.crumb{display:inline-flex;align-items:center;gap:10px;font-family:var(--ff-head);font-weight:600;font-size:14px;color:rgba(255,255,255,.8)}
.crumb a:hover{color:var(--gold)}
.crumb .sep{color:var(--gold)}
.crumb .current{color:var(--gold)}

/* ==========================================================================
   ABOUT / SPLIT
   ========================================================================== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split--wideR{grid-template-columns:1fr 1fr}
.split__media{position:relative}
.split__media > img,.media-stack > img{border-radius:var(--r-lg);width:100%;aspect-ratio:1.1/1;object-fit:cover;display:block}
.media-stack{position:relative}
.media-stack img{border-radius:var(--r-lg)}
.media-badge{
  position:absolute;right:-22px;bottom:-22px;background:var(--gold);color:var(--green-900);
  border-radius:var(--r);padding:22px 26px;box-shadow:var(--shadow);text-align:center;min-width:150px;
}
.media-badge .n{font-family:var(--ff-head);font-weight:700;font-size:2.4rem;line-height:1}
.media-badge small{display:block;font-weight:600;font-size:13px;margin-top:4px}
.stat-ring{position:absolute;left:-26px;bottom:26px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:16px 20px;display:flex;align-items:center;gap:14px}
.stat-ring .ring{--p:88;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--gold) calc(var(--p)*1%),#e7e8ea 0)}
.stat-ring .ring b{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;font-family:var(--ff-head);font-size:14px;color:var(--ink)}
.stat-ring small{font-family:var(--ff-head);font-weight:600;color:var(--ink);font-size:14px;line-height:1.3;max-width:110px}

.feature-list{display:grid;gap:18px;margin:26px 0 30px}
.feature{display:flex;gap:16px;align-items:flex-start}
.feature__ic{flex:0 0 52px;height:52px;border-radius:14px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center}
.feature__ic svg{width:24px}
.feature h4{font-size:1.15rem;margin-bottom:4px}
.feature p{margin:0;font-size:.96rem}

/* check list */
.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;margin:24px 0 30px}
.checks li{display:flex;gap:10px;align-items:center;font-family:var(--ff-head);font-weight:500;color:var(--ink);font-size:15px}
.checks svg{width:20px;color:var(--gold);flex:0 0 auto}
.section--dark .checks li{color:#fff}

/* ==========================================================================
   SERVICE / INVESTMENT CARDS
   ========================================================================== */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.cards--4{grid-template-columns:repeat(4,1fr)}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:38px 32px;
  transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;position:relative;overflow:hidden;
}
.card::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--gold);transition:width .4s var(--ease)}
.card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}
.card:hover::after{width:100%}
.card__ic{width:64px;height:64px;border-radius:18px;background:var(--green-800);color:var(--gold);display:grid;place-items:center;margin-bottom:24px;transition:.35s}
.card:hover .card__ic{background:var(--gold);color:var(--green-900)}
.card__ic svg{width:30px}
.card h3{font-size:1.32rem;margin-bottom:12px}
.card h3 a:hover{color:var(--gold)}
.card p{font-size:.97rem;margin-bottom:18px}
.card .link-arrow{font-size:14px}
.card__num{position:absolute;right:26px;top:24px;font-family:var(--ff-head);font-weight:700;font-size:2.4rem;color:var(--bg-soft)}

/* image portfolio cards */
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pf{position:relative;border-radius:var(--r-lg);overflow:hidden;isolation:isolate}
.pf img{aspect-ratio:4/3.2;object-fit:cover;width:100%;transition:transform .6s var(--ease)}
.pf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(9,22,18,.9));z-index:1}
.pf:hover img{transform:scale(1.07)}
.pf__body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px;color:#fff;transition:.4s}
.pf__tag{display:inline-block;font-family:var(--ff-head);font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-2);margin-bottom:8px}
.pf__body h3{color:#fff;font-size:1.28rem}
.pf__body h3 a:hover{color:var(--gold)}

/* ==========================================================================
   STATS band
   ========================================================================== */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.stat .n{font-family:var(--ff-head);font-weight:700;font-size:clamp(2.4rem,1.5rem + 2.6vw,3.4rem);color:#fff;line-height:1}
.stat .n i{color:var(--gold);font-style:normal}
.stat p{margin:12px 0 0;color:rgba(255,255,255,.72);font-size:15px}

/* ==========================================================================
   STEPS (how it works)
   ========================================================================== */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.step{text-align:center;padding:20px}
.step__n{width:82px;height:82px;margin:0 auto 22px;border-radius:50%;border:2px dashed var(--gold);display:grid;place-items:center;position:relative;color:var(--gold);background:var(--gold-soft)}
.step__n b{font-family:var(--ff-head);font-size:1.5rem}
.step h4{font-size:1.18rem;margin-bottom:8px}
.step p{font-size:.95rem;margin:0}

/* ==========================================================================
   STRATEGY (numbered accordion look) + FAQ
   ========================================================================== */
.acc{border-top:1px solid var(--line)}
.acc__item{border-bottom:1px solid var(--line)}
.acc__head{display:flex;align-items:center;gap:18px;width:100%;background:none;border:0;text-align:left;padding:26px 4px;cursor:pointer;font-family:var(--ff-head);font-weight:600;font-size:1.18rem;color:var(--ink)}
.acc__head .idx{color:var(--gold);font-weight:700;font-size:1rem;flex:0 0 auto}
.acc__head .ic{margin-left:auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s;flex:0 0 auto}
.acc__item.open .acc__head .ic{background:var(--gold);border-color:var(--gold);color:var(--green-900);transform:rotate(45deg)}
.acc__head .ic::before{content:"+";font-size:20px;line-height:1}
.acc__body{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.acc__body p{padding:0 4px 26px 46px;margin:0;max-width:70ch}

/* ==========================================================================
   TESTIMONIALS
   ========================================================================== */
.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.quote{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:36px}
.quote__stars{color:var(--gold);margin-bottom:14px;letter-spacing:3px}
.quote p{font-size:1.05rem;color:var(--ink);line-height:1.7}
.quote__by{display:flex;align-items:center;gap:14px;margin-top:22px}
.quote__by b{font-family:var(--ff-head);color:var(--ink);display:block}
.quote__by span{font-size:13.5px}
.quote__mark{font-family:var(--ff-head);font-size:4rem;color:var(--gold-soft);line-height:.6;height:34px}

/* ==========================================================================
   CTA strip
   ========================================================================== */
.cta{position:relative;background:var(--green-800);color:#fff;border-radius:var(--r-lg);overflow:hidden;padding:64px 60px}
.cta__grid{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px}
.cta__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.cta h2{color:#fff;font-size:clamp(1.7rem,1.1rem + 2vw,2.4rem);max-width:640px}
.cta p{color:rgba(255,255,255,.75);margin:10px 0 0}
.cta .btn--ghost{color:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.05)}
.cta .btn--ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,162,75,.12)}

/* ==========================================================================
   FORMS
   ========================================================================== */
.form{display:grid;gap:18px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field label{display:block;font-family:var(--ff-head);font-weight:600;font-size:14px;color:var(--ink);margin-bottom:8px}
.field input,.field select,.field textarea{
  width:100%;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;
  font-family:var(--ff-body);font-size:15px;color:var(--ink);transition:.25s;
}
.field textarea{min-height:150px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 4px var(--gold-soft)}
.info-list{display:grid;gap:22px}
.info-list li{display:flex;gap:18px;align-items:flex-start}
.info-list .ic{flex:0 0 54px;height:54px;border-radius:14px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center}
.info-list .ic svg{width:24px}
.info-list b{font-family:var(--ff-head);color:var(--ink);display:block;margin-bottom:2px}
.info-list a:hover{color:var(--gold)}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer{background:var(--green-900);color:rgba(255,255,255,.68)}
.footer__top{padding:88px 0 60px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:44px}
.footer h5{color:#fff;font-size:1.1rem;margin-bottom:22px;font-family:var(--ff-head)}
.footer__brand img{height:64px;margin-bottom:20px}
.footer__brand p{font-size:14.5px;line-height:1.75;max-width:330px}
.footer__socials{display:flex;gap:12px;margin-top:22px}
.footer__socials a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:rgba(255,255,255,.75);transition:.3s}
.footer__socials a:hover{background:var(--gold);border-color:var(--gold);color:var(--green-900)}
.footer__socials svg{width:16px}
.footer__links a{display:block;padding:8px 0;font-size:14.5px;transition:.25s}
.footer__links a:hover{color:var(--gold);padding-left:6px}
.footer__contact li{display:flex;gap:12px;margin-bottom:16px;font-size:14.5px}
.footer__contact svg{width:18px;color:var(--gold);flex:0 0 auto;margin-top:3px}
.footer__contact a:hover{color:var(--gold)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px}
.footer__bottom a:hover{color:var(--gold)}

/* back to top */
.totop{position:fixed;right:26px;bottom:26px;width:50px;height:50px;border-radius:50%;background:var(--gold);color:var(--green-900);display:grid;place-items:center;z-index:80;opacity:0;visibility:hidden;transform:translateY(14px);transition:.35s var(--ease);cursor:pointer;border:0;box-shadow:var(--shadow-sm)}
.totop.show{opacity:1;visibility:visible;transform:translateY(0)}
.totop svg{width:20px}

/* ==========================================================================
   AOS-lite reveal
   ========================================================================== */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal][data-delay="1"]{transition-delay:.1s}
[data-reveal][data-delay="2"]{transition-delay:.2s}
[data-reveal][data-delay="3"]{transition-delay:.3s}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media(max-width:1200px){
  .cards--4{grid-template-columns:repeat(2,1fr)}
  .stats,.steps{grid-template-columns:repeat(2,1fr);gap:40px 30px}
}
@media(max-width:992px){
  .nav,.header__cta .btn{display:none}
  .burger{display:flex}
  .section{padding:88px 0}
  .split,.split--wideR{grid-template-columns:1fr;gap:44px}
  .split__media{order:-1}
  .cards,.pf-grid{grid-template-columns:repeat(2,1fr)}
  .footer__top{grid-template-columns:1fr 1fr;gap:40px}
  .hero__inner{padding:96px 0 88px}
}
@media(max-width:720px){
  .topbar__left{gap:16px}
  .topbar .addr{display:none}
  .cards,.pf-grid,.cards--4,.quotes,.checks,.form .row{grid-template-columns:1fr}
  .stats,.steps{grid-template-columns:1fr 1fr}
  .cta{padding:44px 28px}
  .footer__top{grid-template-columns:1fr}
  .media-badge{right:12px;bottom:-16px}
  .section{padding:72px 0}
}
@media(max-width:480px){
  .topbar__right .tb-links{display:none}
  .hero__meta{gap:26px}
  .stats,.steps{grid-template-columns:1fr}
  .brand__name b{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none}
}