.elementor-10180 .elementor-element.elementor-element-a8f73bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10180 .elementor-element.elementor-element-a8f73bd:not(.elementor-motion-effects-element-type-background), .elementor-10180 .elementor-element.elementor-element-a8f73bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b99facc */<style>

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --gold:#C8963E;--gold-light:#E8B96A;--gold-pale:#F5E6C8;
  --sage:#3D5A47;--sage-light:#5A7A65;--sage-pale:#EAF2EC;
  --skin:#F7E8D8;--skin-deep:#E8C4A0;--skin-warm:#D4956A;
  --ink:#0D0D0D;--mist:#F9F6F1;--white:#FFFFFF;
  --red:#C0392B;--teal:#1A6B72;
}

body{font-family:'DM Sans',sans-serif;background:var(--mist);color:var(--ink);overflow-x:hidden}

/* ── HERO ── */
.hero{position:relative;min-height:100vh;background:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 24px 80px;overflow:hidden}
.hero-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.4;pointer-events:none}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none}
.orb1{width:500px;height:500px;background:radial-gradient(circle,rgba(200,150,62,.18) 0%,transparent 70%);top:-100px;right:-100px}
.orb2{width:400px;height:400px;background:radial-gradient(circle,rgba(61,90,71,.25) 0%,transparent 70%);bottom:-80px;left:-80px}
.orb3{width:300px;height:300px;background:radial-gradient(circle,rgba(212,149,106,.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(200,150,62,.15);border:1px solid rgba(200,150,62,.35);border-radius:100px;padding:6px 16px;margin-bottom:32px;animation:fadeSlideDown .8s ease both}
.hero-badge span{font-size:10px;letter-spacing:3px;color:var(--gold-light);text-transform:uppercase;font-weight:500}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}

.hero-eyebrow{font-family:'Cormorant Garamond',serif;font-size:clamp(13px,2vw,16px);font-style:italic;color:var(--gold-light);letter-spacing:2px;margin-bottom:16px;animation:fadeSlideDown .9s .1s ease both;opacity:0;animation-fill-mode:forwards}
.hero-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(42px,8vw,88px);font-weight:300;line-height:1.0;color:var(--white);margin-bottom:12px;animation:fadeSlideDown 1s .2s ease both;opacity:0;animation-fill-mode:forwards}
.hero-h1 em{font-style:italic;color:var(--gold-light)}
.hero-h1 strong{font-weight:700;color:var(--skin)}
.hero-sub{font-size:clamp(14px,2vw,17px);color:rgba(255,255,255,.55);max-width:520px;line-height:1.8;margin:0 auto 40px;animation:fadeSlideDown 1s .3s ease both;opacity:0;animation-fill-mode:forwards}
.hero-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:fadeSlideDown 1s .4s ease both;opacity:0;animation-fill-mode:forwards}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--ink);padding:14px 32px;border-radius:4px;font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(200,150,62,.4)}
.btn-secondary{background:transparent;color:var(--white);padding:14px 32px;border-radius:4px;font-size:13px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;border:1px solid rgba(255,255,255,.25);cursor:pointer;transition:border-color .2s,color .2s}
.btn-secondary:hover{border-color:var(--gold-light);color:var(--gold-light)}
.hero-scroll{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;animation:bounce 2s infinite}
.hero-scroll span{font-size:9px;letter-spacing:3px;color:rgba(255,255,255,.3);text-transform:uppercase}
.scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,rgba(200,150,62,.6),transparent)}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}
@keyframes fadeSlideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}

/* ── ALARM STAT ── */
.alarm{background:var(--red);padding:60px 24px;text-align:center;position:relative;overflow:hidden}
.alarm::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(0,0,0,.06) 20px,rgba(0,0,0,.06) 40px)}
.alarm-inner{position:relative;z-index:1;max-width:860px;margin:0 auto}
.alarm-label{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:20px}
.alarm-h{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,5vw,52px);font-weight:700;color:#fff;line-height:1.2;margin-bottom:28px}
.alarm-h em{font-style:italic;text-decoration:underline;text-underline-offset:6px}
.stat-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.stat-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:24px 32px;flex:1;min-width:200px;max-width:280px}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,6vw,56px);font-weight:700;color:#fff;line-height:1}
.stat-unit{font-size:16px;font-weight:300}
.stat-label{font-size:12px;color:rgba(255,255,255,.65);margin-top:6px;line-height:1.5}

/* ── SOLUTION ── */
.solution{padding:80px 24px;background:var(--mist);text-align:center}
.section-eyebrow{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--sage);margin-bottom:16px}
.section-h{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,5vw,56px);font-weight:300;line-height:1.15;color:var(--ink);margin-bottom:16px}
.section-h strong{font-weight:700}
.section-h em{font-style:italic;color:var(--sage)}
.section-sub{font-size:15px;color:#555;max-width:600px;margin:0 auto 56px;line-height:1.8}

.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;max-width:1000px;margin:0 auto}
.how-step{background:var(--white);padding:36px 28px;text-align:left;position:relative;transition:transform .3s,box-shadow .3s}
.how-step:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.08)}
.step-num{font-family:'Cormorant Garamond',serif;font-size:64px;font-weight:700;color:var(--gold-pale);line-height:1;margin-bottom:16px}
.step-title{font-size:16px;font-weight:500;color:var(--ink);margin-bottom:8px}
.step-body{font-size:13px;color:#666;line-height:1.7}
.step-icon{font-size:28px;margin-bottom:12px}

/* ── FEATURES ── */
.features{background:var(--ink);padding:80px 24px}
.features-inner{max-width:1000px;margin:0 auto}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;margin-top:52px;border:1px solid #1E1E1E}
.feat-card{background:#111;padding:32px 28px;border-right:1px solid #1E1E1E;border-bottom:1px solid #1E1E1E;transition:background .3s}
.feat-card:hover{background:#161616}
.feat-icon-wrap{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:20px}
.feat-icon-wrap.gold{background:rgba(200,150,62,.15)}
.feat-icon-wrap.sage{background:rgba(61,90,71,.2)}
.feat-icon-wrap.skin{background:rgba(212,149,106,.15)}
.feat-icon-wrap.teal{background:rgba(26,107,114,.2)}
.feat-title{font-size:15px;font-weight:500;color:var(--white);margin-bottom:8px}
.feat-body{font-size:12.5px;color:#666;line-height:1.7}
.feat-tag{display:inline-block;background:rgba(200,150,62,.12);border:1px solid rgba(200,150,62,.25);border-radius:100px;padding:3px 10px;font-size:10px;color:var(--gold);letter-spacing:1px;margin-top:12px}

/* ── AUDIENCE TABS ── */
.audience{padding:80px 24px;background:var(--sage-pale)}
.audience-inner{max-width:900px;margin:0 auto}
.aud-tabs{display:flex;gap:0;border-bottom:1px solid rgba(61,90,71,.3);margin-bottom:48px;overflow-x:auto}
.aud-tab{padding:14px 24px;font-size:13px;font-weight:500;color:#888;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s;letter-spacing:.5px}
.aud-tab.active{color:var(--sage);border-bottom-color:var(--sage)}
.aud-panel{display:none}
.aud-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
@media(max-width:600px){.aud-panel.active{grid-template-columns:1fr}}
.aud-headline{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,5vw,44px);font-weight:400;line-height:1.2;color:var(--ink);margin-bottom:16px}
.aud-headline em{font-style:italic;color:var(--sage)}
.aud-body{font-size:14px;color:#555;line-height:1.8;margin-bottom:20px}
.aud-points{list-style:none;display:flex;flex-direction:column;gap:10px}
.aud-points li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:#444;line-height:1.6}
.aud-points li::before{content:'→';color:var(--sage);font-weight:500;flex-shrink:0;margin-top:1px}
.aud-visual{background:var(--white);border-radius:8px;padding:28px;display:flex;flex-direction:column;gap:16px}
.aud-metric{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #EEE}
.aud-metric:last-child{border-bottom:none}
.aud-metric-label{font-size:12px;color:#888}
.aud-metric-val{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--sage)}

/* ── SOCIAL HOOKS ── */
.hooks{padding:80px 24px;background:var(--white)}
.hooks-inner{max-width:960px;margin:0 auto}
.hook-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px;margin-top:48px;-webkit-overflow-scrolling:touch}
.hook-scroll::-webkit-scrollbar{height:3px}
.hook-scroll::-webkit-scrollbar-track{background:#f0f0f0}
.hook-scroll::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}
.hook-card{flex-shrink:0;width:280px;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08)}
.hook-header{padding:20px;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.hook-header.ig{background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);color:#fff}
.hook-header.tw{background:#000;color:#fff}
.hook-header.li{background:#0A66C2;color:#fff}
.hook-header.yt{background:#FF0000;color:#fff}
.hook-body{background:#FAFAFA;padding:20px;font-size:13px;line-height:1.8;color:#333}
.hook-body strong{color:var(--ink);font-weight:600}
.hook-body .hashtag{color:#0A66C2}
.hook-body .mention{color:var(--gold)}
.hook-footer{background:#F0F0F0;padding:10px 20px;font-size:11px;color:#888;display:flex;gap:16px}

/* ── CTA ── */
.final-cta{background:var(--sage);padding:80px 24px;text-align:center;position:relative;overflow:hidden}
.final-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(200,150,62,.15) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}
.cta-h{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,6vw,66px);font-weight:300;color:var(--white);line-height:1.1;margin-bottom:20px}
.cta-h em{font-style:italic;color:var(--gold-light)}
.cta-sub{font-size:15px;color:rgba(255,255,255,.65);margin-bottom:40px;line-height:1.7}
.cta-url{font-family:'Cormorant Garamond',serif;font-size:22px;font-style:italic;color:var(--gold-light);letter-spacing:2px;margin-top:32px;border-top:1px solid rgba(255,255,255,.15);padding-top:24px}

/* ── TAGLINE BAR ── */
.tagline-bar{background:var(--gold);padding:16px 24px;text-align:center}
.tagline-bar p{font-family:'Cormorant Garamond',serif;font-size:clamp(16px,3vw,24px);font-style:italic;color:var(--ink);font-weight:400;letter-spacing:1px}

/* ── UTILS ── */
.text-center{text-align:center}
.mt8{margin-top:8px}
.divider{width:40px;height:2px;background:var(--gold);margin:0 auto 32px}
.divider.left{margin:0 0 32px}

/* Section logo container */
.section-logo{
  position:absolute;
  top:20px;
  right:20px;
  z-index:5;
}

/* Logo styling */
.section-logo img{
  width:80px;
  height:auto;
  border-radius:10px;
  box-shadow:0 6px 18px rgba(0,0,0,0.2);
}

/* Ensure sections allow positioning */
section{
  position:relative;
}

/* ───────── RESPONSIVE FIXES ───────── */

/* Tablets */
@media (max-width: 1024px){

  .hero{
    padding:80px 20px 60px;
  }

  .hero-h1{
    font-size:clamp(36px,7vw,64px);
  }

  .hero-sub{
    font-size:14px;
    max-width:90%;
  }

  .stat-row{
    gap:16px;
  }

  .stat-card{
    min-width:160px;
    padding:20px;
  }

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

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

  .aud-panel.active{
    grid-template-columns:1fr;
  }
  
  .section-logo{
    visibility: hidden;
  }
}

/* Mobile */
@media (max-width: 600px){

  body{
    overflow-x:hidden;
  }

  /* HERO */
  .hero{
    padding:100px 16px 60px;
  }

  .hero-h1{
    font-size:34px;
    line-height:1.1;
  }

  .hero-sub{
    font-size:13.5px;
  }

  .hero-cta-row{
    flex-direction:column;
    width:100%;
  }

  .btn-primary,
  .btn-secondary{
    width:100%;
    padding:14px;
  }

  /* LOGO */
  .floating-logo{
    width:70px;
    top:12px;
    right:12px;
  }

  /* ALARM */
  .alarm{
    padding:40px 16px;
  }

  .alarm-h{
    font-size:24px;
  }

  .stat-row{
    flex-direction:column;
    align-items:center;
  }

  .stat-card{
    width:100%;
    max-width:100%;
  }

  /* SOLUTION */
  .solution{
    padding:60px 16px;
  }

  .how-grid{
    grid-template-columns:1fr;
  }

  .how-step{
    padding:28px 20px;
  }

  /* FEATURES */
  .features{
    padding:60px 16px;
  }

  .feat-grid{
    grid-template-columns:1fr;
  }

  .feat-card{
    padding:24px 20px;
  }

  /* AUDIENCE */
  .audience{
    padding:60px 16px;
  }

  .aud-tabs{
    overflow-x:auto;
    gap:10px;
  }

  .aud-tab{
    padding:12px 16px;
    font-size:12px;
  }

  /* HOOKS */
  .hooks{
    padding:60px 16px;
  }

  .hook-card{
    width:240px;
  }

  /* CTA */
  .final-cta{
    padding:60px 16px;
  }

  .cta-h{
    font-size:32px;
  }

  .cta-url{
    font-size:18px;
  }

  /* TAGLINE */
  .tagline-bar p{
    font-size:16px;
  }
  
  .section-logo{
    visibility: hidden;
  }
}

</style>/* End custom CSS */