.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#E6E4E4;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================
   PLAY WITH STOCK — Homepage Custom CSS
   Paste this entire file into:
   WordPress Admin > Appearance > Customize > Additional CSS
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

/* Apply body font/colors only within our custom sections so it
   does not fight with Astra's global typography on other pages */

:root{
    --navy:#0F1B3D;
    --navy-2:#16224A;
    --gold:#C79A3D;
    --gold-bright:#E4B856;
    --purple:#5B2A9E;
    --purple-light:#7B45C4;
    --cream:#F8F6F1;
    --paper:#FFFFFF;
    --ink:#1B1E2B;
    --ink-soft:#5A5E72;
    --line:#E7E3D8;
    --radius:14px;
    --maxw:1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Inter',sans-serif;
    color:var(--ink);
    background:var(--cream);
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Fraunces',serif;
    letter-spacing:-0.01em;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
  button, .btn{font-family:inherit;cursor:pointer;}

  /* Hero */
  .hero{padding:52px 0 40px;}
  .hero-grid{
    display:grid;grid-template-columns:1.05fr 0.95fr;gap:34px;align-items:center;
  }
  .eyebrow{
    display:inline-block;background:var(--cream);border:1px solid var(--line);
    font-family:'Fraunces',serif;font-style:italic;font-weight:600;font-size:14px;
    padding:8px 16px;border-radius:8px;margin-bottom:20px;color:var(--navy);
  }
  .hero h1{
    font-size:clamp(30px,4.4vw,46px);
    line-height:1.12;font-weight:600;color:var(--navy);margin:0 0 16px;
  }
  .hero h1 em{font-style:normal;color:var(--purple);}
  .hero p{font-size:16px;line-height:1.6;color:var(--ink-soft);max-width:46ch;margin:0 0 26px;}
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px;}
  .btn-primary{
    background:var(--navy);color:#fff;padding:14px 26px;border-radius:10px;font-weight:700;font-size:15px;border:none;
    transition:.15s;
  }
  .btn-primary:hover{background:var(--purple);}
  .btn-ghost{
    padding:14px 22px;border-radius:10px;font-weight:700;font-size:15px;border:1.5px solid var(--navy);color:var(--navy);
    transition:.15s;
  }
  .btn-ghost:hover{background:var(--navy);color:#fff;}
  .trust-row{display:flex;gap:22px;flex-wrap:wrap;align-items:center;}
  .trust-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);font-weight:600;}
  .trust-item svg{width:18px;height:18px;color:var(--gold);}

  .hero-media{
    position:relative;border-radius:18px;overflow:hidden;
    box-shadow:0 20px 45px -18px rgba(15,27,61,.35);
  }
  .hero-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3.4;}
  .hero-tag{
    position:absolute;bottom:16px;left:16px;background:rgba(15,27,61,.9);color:#fff;
    padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;backdrop-filter:blur(4px);
    display:flex;align-items:center;gap:8px;
  }
  .hero-tag .dot{width:8px;height:8px;border-radius:50%;background:#3ecf8e;}

  /* Section titles */
  .section-head{text-align:center;max-width:640px;margin:0 auto 36px;}
  .section-head .eyebrow{margin-bottom:14px;}
  .section-head h2{font-size:clamp(24px,3.4vw,34px);color:var(--navy);margin:0 0 10px;font-weight:600;}
  .section-head p{color:var(--ink-soft);font-size:15.5px;margin:0;}

  /* Live market chart section */
  .live-chart{padding:20px 0 64px;}
  .live-chart-card{
    background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;
    box-shadow:0 20px 45px -28px rgba(15,27,61,.3);
  }
  .live-chart-head{
    display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px;
  }
  .live-chart-head h3{font-size:17px;color:var(--navy);margin:0;font-weight:600;}
  .live-pulse{
    display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#1c9d63;
    background:#e9f9f1;padding:6px 12px;border-radius:999px;
  }
  .live-pulse .dot{width:7px;height:7px;border-radius:50%;background:#22c876;animation:pulse 1.6s infinite;}
  @keyframes pulse{
    0%{box-shadow:0 0 0 0 rgba(34,200,118,.5);}
    70%{box-shadow:0 0 0 8px rgba(34,200,118,0);}
    100%{box-shadow:0 0 0 0 rgba(34,200,118,0);}
  }
  .live-chart-embed{border-radius:12px;overflow:hidden;}
  .live-chart-note{font-size:12px;color:var(--ink-soft);margin-top:12px;text-align:center;}

  /* Article cards */
  .articles{padding:64px 0;}
  .card-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  }
  .card{
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
    overflow:hidden;display:flex;flex-direction:column;
    transition:.2s;
  }
  .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -14px rgba(15,27,61,.25);border-color:transparent;}
  .card-img{aspect-ratio:16/11;overflow:hidden;background:var(--navy);}
  .card-img img{width:100%;height:100%;object-fit:cover;}
  .card-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1;}
  .card-body h3{font-size:16.5px;line-height:1.32;color:var(--navy);margin:0;font-weight:600;}
  .card-body p{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin:0;flex:1;}
  .card-link{
    font-size:13px;font-weight:700;color:var(--purple);display:inline-flex;align-items:center;gap:5px;margin-top:4px;
  }
  .card-link svg{width:14px;height:14px;transition:.15s;}
  .card:hover .card-link svg{transform:translateX(3px);}

  /* Trust / research band */
  .research{background:var(--navy);padding:52px 0;}
  .research-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:36px;align-items:center;}
  .research-img{border-radius:16px;overflow:hidden;aspect-ratio:16/10;}
  .research-img img{width:100%;height:100%;object-fit:cover;}
  .research-text .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:var(--gold-bright);}
  .research-text h2{color:#fff;font-size:clamp(22px,3vw,30px);margin:0 0 14px;font-weight:600;}
  .research-text p{color:#c7cbe0;font-size:15px;line-height:1.65;margin:0 0 22px;}
  .research-btn{
    background:var(--gold);color:var(--navy);padding:13px 24px;border-radius:10px;font-weight:700;font-size:14.5px;border:none;
    display:inline-block;transition:.15s;
  }
  .research-btn:hover{background:var(--gold-bright);}

  /* Categories */
  .categories{padding:64px 0;}
  .cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .cat-card{
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
    padding:26px 22px;text-align:left;transition:.2s;
  }
  .cat-card:hover{border-color:var(--gold);box-shadow:0 14px 30px -16px rgba(199,154,61,.35);transform:translateY(-3px);}
  .cat-icon{
    width:44px;height:44px;border-radius:10px;background:var(--cream);
    display:flex;align-items:center;justify-content:center;margin-bottom:16px;
  }
  .cat-icon svg{width:22px;height:22px;color:var(--purple);}
  .cat-card h3{font-size:15.5px;color:var(--navy);margin:0 0 8px;font-weight:700;font-family:'Inter',sans-serif;text-transform:uppercase;letter-spacing:.03em;}
  .cat-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.55;margin:0;}

  /* Testimonial */
  .testimonial{padding:56px 0;}
  .t-card{
    max-width:680px;margin:0 auto;text-align:center;background:var(--paper);
    border:1px solid var(--line);border-radius:18px;padding:40px 32px;
  }
  .t-card svg.quote{width:30px;height:30px;color:var(--gold);margin:0 auto 16px;}
  .t-card p.quote-text{font-family:'Fraunces',serif;font-size:19px;line-height:1.5;color:var(--navy);margin:0 0 22px;font-style:italic;}
  .t-person{display:flex;align-items:center;justify-content:center;gap:12px;}
  .t-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;}
  .t-person div{text-align:left;}
  .t-person strong{display:block;font-size:14px;color:var(--navy);}
  .t-person span{font-size:12.5px;color:var(--ink-soft);}
  .t-dots{display:flex;justify-content:center;gap:7px;margin-top:22px;}
  .t-dots i{width:7px;height:7px;border-radius:50%;background:var(--line);display:block;}
  .t-dots i.on{background:var(--purple);}

  /* Footer */
  footer.site{background:var(--navy-2);color:#c7cbe0;padding:56px 0 0;margin-top:20px;}
  .foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08);}
  .foot-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
  .foot-brand strong{font-family:'Fraunces',serif;color:#fff;font-size:17px;}
  .foot-grid p{font-size:13.5px;line-height:1.6;color:#a7abc4;max-width:34ch;}
  .foot-col h4{color:#fff;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px;}
  .foot-col a{display:block;font-size:14px;color:#c7cbe0;margin-bottom:11px;transition:.15s;}
  .foot-col a:hover{color:var(--gold-bright);}
  .foot-social{display:flex;gap:12px;margin-top:16px;}
  .foot-social a{
    width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.06);
    display:flex;align-items:center;justify-content:center;
  }
  .foot-social a:hover{background:var(--gold);}
  .foot-social svg{width:16px;height:16px;}
  .foot-bottom{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
    padding:20px 0;font-size:12.5px;color:#8a8fac;
  }
  .foot-bottom .disclaimer{max-width:60ch;}

  .back-top{
    position:fixed;bottom:22px;right:22px;width:44px;height:44px;border-radius:50%;
    background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;
    border:none;box-shadow:0 8px 20px -6px rgba(15,27,61,.5);opacity:0;pointer-events:none;transition:.2s;z-index:60;
  }
  .back-top.show{opacity:1;pointer-events:auto;}
  .back-top svg{width:18px;height:18px;}

  /* ===== RESPONSIVE ===== */
  @media (max-width:1024px){
    .card-grid{grid-template-columns:repeat(2,1fr);}
    .cat-grid{grid-template-columns:repeat(2,1fr);}
    .research-grid{grid-template-columns:1fr;}
    .research-img{order:-1;}
    .foot-grid{grid-template-columns:1fr;gap:28px;}
  }
  @media (max-width:860px){
    .hero-grid{grid-template-columns:1fr;}
    .hero-media{order:-1;}
    .hero p{max-width:none;}
    .trust-row{gap:16px;}
  }
  @media (max-width:640px){
    .wrap{padding:0 16px;}
    .hero{padding:30px 0 28px;}
    .hero h1{font-size:clamp(26px,7vw,32px);}
    .hero-ctas{flex-direction:column;}
    .hero-ctas a{text-align:center;width:100%;}
    .card-grid{grid-template-columns:1fr;}
    .cat-grid{grid-template-columns:1fr;}
    .articles,.categories{padding:44px 0;}
    .t-card{padding:28px 20px;}
    .foot-bottom{flex-direction:column;align-items:flex-start;}
    .live-chart-card{padding:14px;}
    .live-chart-head h3{font-size:15px;}
  }

/* ===== Elementor section wrapper resets (avoids Astra/Elementor
   default padding fighting with the custom section padding above) ===== */
.pws-sec-hero .elementor-widget-html,
.pws-sec-livechart .elementor-widget-html,
.pws-sec-articles .elementor-widget-html,
.pws-sec-research .elementor-widget-html,
.pws-sec-categories .elementor-widget-html,
.pws-sec-testimonial .elementor-widget-html,
.pws-sec-footer .elementor-widget-html,
.pws-sec-backtop .elementor-widget-html{
  margin:0;
}
.pws-sec-hero .elementor-column,
.pws-sec-livechart .elementor-column,
.pws-sec-articles .elementor-column,
.pws-sec-research .elementor-column,
.pws-sec-categories .elementor-column,
.pws-sec-testimonial .elementor-column,
.pws-sec-footer .elementor-column,
.pws-sec-backtop .elementor-column{
  padding:0;
}/* End custom CSS */