/* =====================================================
   TOKENS
===================================================== */
:root{
  --ink:     #0A1628;
  --ink-soft: #2a2d28;
  --olive:    #3d4a2e;
  --olive-mid:#5a6e40;
  --gold:     #c9a84c;
  --gold-lt:  #e2c87a;
  --gold-dk:  #8f6e22;
  --cream:    #f5f0e8;
  --cream-dk: #ede6d6;
  --sand:     #f9f5ed;
  --white:    #ffffff;
  --gray-100: #f4f4f2;
  --gray-200: #e4e2db;
  --gray-400: #a8a49a;
  --gray-600: #6b6860;


    --gold:        #C9A84C;
    --gold-light:  #E8C97A;
    --gold-dark:   #9A7430;
    --navy:        #0A1628;
    --navy-mid:    #112240;
    --navy-soft:   #1A3257;
    --cream:       #FAF7F2;
    --cream-dark:  #F0EBE0;
    --white:       #FFFFFF;
    --gray-100:    #F5F5F5;
    --gray-200:    #E8E8E8;
    --gray-500:    #8A8A9A;
    --gray-700:    #4A4A5A;
    --text-dark:   #0F1A2E;
    --text-mid:    #3A4A60;
    --text-light:  #7A8A9E;


  --ff-head: 'Cormorant Garamond', Georgia, serif;
  --ff-body: 'Outfit', system-ui, sans-serif;
  --ff-mono: 'DM Mono', monospace;

  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  20px;
  --r-xl:  32px;
  --r-full:9999px;

  --shadow-sm:  0 2px 8px rgba(13,15,12,.07);
  --shadow-md:  0 8px 30px rgba(13,15,12,.11);
  --shadow-lg:  0 20px 60px rgba(13,15,12,.15);
  --shadow-gold:0 8px 30px rgba(201,168,76,.28);

  --t: .35s cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--ff-body);background:var(--sand);color:var(--ink);line-height:1.65;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;font-family:var(--ff-body)}

/* =====================================================
   UTILS
===================================================== */
.container{max-width:1200px;margin:0 auto;padding:0 28px}
.section{padding:110px 0}

.label{
  font-family:var(--ff-mono);font-size:11px;font-weight:500;
  letter-spacing:3px;text-transform:uppercase;color:var(--gold);
  display:flex;align-items:center;gap:10px;
}
.label::before{content:'';display:inline-block;width:28px;height:2px;background:var(--gold);flex-shrink:0}

.section-title{
  font-family:var(--ff-head);
  font-size:clamp(32px,4.5vw,52px);
  font-weight:700;line-height:1.15;
  color:var(--navy);
  margin:14px 0 18px;
}
.section-title .hi{color:var(--gold)}
.section-sub{font-size:15.5px;color:var(--gray-600);line-height:1.75;max-width:540px}

.tc{text-align:center}
.tc .section-sub{margin:0 auto}
.tc .label{justify-content:center}

/* Wipe-right text animation */
.wipe{
  display:inline-block;position:relative;overflow:hidden;
  clip-path:inset(0 100% 0 0);
  animation:wipe-in .9s cubic-bezier(.77,0,.18,1) forwards;
}
.wipe-delay-1{animation-delay:.15s}
.wipe-delay-2{animation-delay:.3s}
.wipe-delay-3{animation-delay:.45s}
@keyframes wipe-in{to{clip-path:inset(0 0% 0 0)}}

/* Reveal scroll */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease}
.reveal.vis{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .7s ease,transform .7s ease}
.reveal-left.vis{opacity:1;transform:none}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .7s ease,transform .7s ease}
.reveal-right.vis{opacity:1;transform:none}

/* Divider */
.divider{width:52px;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-lt));border-radius:2px;margin:16px 0 26px}
.tc .divider{margin:16px auto 26px}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 30px;border-radius:var(--r-sm);border:none;
  font-family:var(--ff-body);font-size:14px;font-weight:600;letter-spacing:.3px;
  transition:var(--t);cursor:pointer;
}
.btn-gold{
  background:linear-gradient(135deg,var(--gold-dk),var(--gold),var(--gold-lt));
  color:var(--ink);box-shadow:var(--shadow-gold);
}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(201,168,76,.45)}
.btn-dark{background:var(--ink);color:var(--white)}
.btn-dark:hover{background:var(--ink-soft);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn-outline{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}
.btn-outline:hover{background:var(--ink);color:var(--white)}
.btn-outline-white{background:transparent;border:1.5px solid rgba(255,255,255,.35);color:var(--white)}
.btn-outline-white:hover{background:rgba(255,255,255,.1);border-color:var(--white)}


/* =====================================================
   HERO
===================================================== */

.hero-slider {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

/* Slides container */
.slides {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Each slide */
.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    animation: slideAnimation 18s infinite;
    opacity: 0;
}

/* 3 images */
.slide1 {
    background-image: url('/assets/img/heroSlide1.png');
    animation-delay: 0s;
}
.slide2 {
    background-image: url('/assets/img/heroSlide2.png');
    animation-delay: 6s;
}
.slide3 {
    background-image: url('/assets/img/heroSlide3.png');
    animation-delay: 12s;
}

/* Animation */
@keyframes slideAnimation {
    0% { opacity: 0; }
    5% { opacity: 1; }
    30% { opacity: 1; }
    35% { opacity: 0; }
    100% { opacity: 0; }
}

/* Overlay */
.overlay {
    position: absolute;
    inset: 1;
    background: rgba(255,255,255,0.25);
}

/* Content */
.hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100vh;
}

.hero-left {
    max-width: 520px;
}

/* Line */
.hero-line {
    width: 60px;
    height: 2px;
    background: #999;
    margin-bottom: 30px;
}

/* Title */
.hero-title {
    font-family: var(--ff-display);
    font-size: clamp(42px, 5vw, 64px);
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 20px;
}

/* Desc */
.hero-desc {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 30px;
}

/* Button */
.hero-slider .btn-primary {
    background: #c9a87c;
    color: white;
    padding: 14px 28px;
    border-radius: 4px;
}

.hero-slider .btn-primary:hover {
    background: #b89565;
}

/* =====================================================
   FEATURES
===================================================== */
.features{background:var(--sand)}

.feat-header{
  display:grid;grid-template-columns:1fr 1fr;
  gap:60px;align-items:end;margin-bottom:72px;
}

.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}

.feat-card{
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:var(--r-lg);
  padding:40px 36px;
  position:relative;overflow:hidden;
  transition:var(--t);
}
.feat-card::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--gold-dk),var(--gold-lt));
  transform:scaleX(0);transform-origin:left;
  transition:var(--t);
}
.feat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(201,168,76,.2)}
.feat-card:hover::before{transform:scaleX(1)}
.feat-card:hover .feat-icon-wrap{background:linear-gradient(135deg,var(--gold-dk),var(--gold));border-color:transparent}
.feat-card:hover .feat-icon-wrap svg{stroke:var(--white)}

.feat-icon-wrap{
  width:58px;height:58px;border-radius:var(--r-md);
  background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.04));
  border:1px solid rgba(201,168,76,.18);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:26px;transition:var(--t);
}
.feat-icon-wrap svg{width:24px;height:24px;stroke:var(--gold);fill:none;stroke-width:1.8;transition:var(--t)}
.feat-title{font-family:var(--ff-head);font-size:22px;font-weight:600;color:var(--ink);margin-bottom:12px}
.feat-desc{font-size:14px;color:var(--gray-600);line-height:1.7}

/* =====================================================
   SHOWCASE
===================================================== */
.showcase{
  background:var(--navy);
  position:relative;overflow:hidden;
}
.showcase::before{
  content:'';position:absolute;
  top:-200px;right:-200px;
  width:700px;height:700px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.07) 0%,transparent 65%);
  pointer-events:none;
}
.showcase .section-title{color:var(--white)}
.showcase .section-sub{color:rgba(255,255,255,.48)}

.showcase-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:24px;margin-top:64px;
}
.sc-card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--r-lg);
  padding:36px 30px;
  transition:var(--t);position:relative;overflow:hidden;
}
.sc-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:0;background:linear-gradient(to top,rgba(201,168,76,.07),transparent);
  transition:height var(--t);
}
.sc-card:hover{border-color:rgba(201,168,76,.25);transform:translateY(-6px)}
.sc-card:hover::after{height:100%}
.sc-num{
  font-family:var(--ff-mono);font-size:11px;color:var(--gold);
  letter-spacing:2px;margin-bottom:18px;opacity:.7;
}
.sc-img{
  width:100%;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;
  margin-bottom:22px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;
}
.sc-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--t)}
.sc-card:hover .sc-img img{transform:scale(1.04)}
.sc-title{font-family:var(--ff-head);font-size:18px;font-weight:600;color:var(--white);margin-bottom:10px}
.sc-desc{font-size:13px;color:rgba(255,255,255,.42);line-height:1.65}

.showcase-footer{margin-top:56px;text-align:center}
.showcase-footer p{font-size:14px;color:rgba(255,255,255,.35);margin-top:14px}

/* =====================================================
   WHY CHOOSE
===================================================== */
.why{background:var(--cream)}
.why-inner{
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:center;
}
.why-img-col{position:relative}
.why-img-main{
  border-radius:var(--r-xl);overflow:hidden;
  border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);
}
.why-img-main img{width:100%;aspect-ratio:4/5;object-fit:cover}
.why-badge{
  position:absolute;bottom:-20px;right:-20px;
  background:var(--navy);border:1px solid rgba(201,168,76,.2);
  border-radius:var(--r-lg);padding:22px 26px;
  box-shadow:var(--shadow-lg);text-align:center;
}
.why-badge-val{font-family:var(--ff-head);font-size:38px;font-weight:700;color:var(--white)}
.why-badge-val span{color:var(--gold)}
.why-badge-lbl{font-size:12px;color:rgba(255,255,255,.4);margin-top:4px}

.why-cards{display:flex;flex-direction:column;gap:20px;margin-top:32px}
.why-card{
  display:flex;align-items:flex-start;gap:18px;
  background:var(--white);border:1px solid var(--gray-200);
  border-radius:var(--r-md);padding:24px 26px;
  transition:var(--t);
}
.why-card:hover{border-color:rgba(201,168,76,.3);box-shadow:var(--shadow-md);transform:translateX(6px)}
.why-card-icon{
  width:50px;height:50px;border-radius:var(--r-md);flex-shrink:0;
  background:linear-gradient(135deg,rgba(201,168,76,.15),rgba(201,168,76,.05));
  border:1px solid rgba(201,168,76,.2);
  display:flex;align-items:center;justify-content:center;font-size:22px;
  transition:var(--t);
}
.why-card:hover .why-card-icon{background:linear-gradient(135deg,var(--gold-dk),var(--gold))}
.why-card-title{font-family:var(--ff-head);font-size:18px;font-weight:600;color:var(--ink);margin-bottom:6px}
.why-card-desc{font-size:13px;color:var(--gray-600);line-height:1.65}

/* Why stats row */
.why-stats{
  display:flex;gap:40px;margin-top:20px;
  padding-top:28px;border-top:1px solid var(--gray-200);
}
.wstat-val{font-family:var(--ff-head);font-size:32px;font-weight:700;color:var(--ink)}
.wstat-val span{color:var(--gold)}
.wstat-lbl{font-size:12px;color:var(--gray-400);margin-top:3px}

/* =====================================================
   ABOUT
===================================================== */
.about{background:var(--sand)}
.about-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:center;
}
.about-nums{
  display:grid;grid-template-columns:1fr 1fr;
  gap:24px;margin-top:40px;
}
.anum{
  background:var(--white);border:1px solid var(--gray-200);
  border-radius:var(--r-md);padding:26px 24px;
  transition:var(--t);
}
.anum:hover{border-color:rgba(201,168,76,.3);box-shadow:var(--shadow-md)}
.anum-val{font-family:var(--ff-head);font-size:34px;font-weight:700;color:var(--ink)}
.anum-val sup{font-size:16px;color:var(--gold)}
.anum-lbl{font-size:12px;color:var(--gray-400);margin-top:4px}

.about-pillars{display:flex;flex-direction:column;gap:24px;margin-top:8px}
.pillar{
  display:flex;gap:18px;align-items:flex-start;
  background:var(--white);border:1px solid var(--gray-200);
  border-radius:var(--r-md);padding:22px 24px;
  transition:var(--t);
}
.pillar:hover{border-color:rgba(201,168,76,.25);transform:translateX(5px);box-shadow:var(--shadow-sm)}
.pillar-icon{
  width:40px;height:40px;border-radius:var(--r-sm);flex-shrink:0;
  background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.2);
  display:flex;align-items:center;justify-content:center;font-size:18px;
}
.pillar-title{font-family:var(--ff-head);font-size:16px;font-weight:600;color:var(--ink);margin-bottom:4px}
.pillar-desc{font-size:13px;color:var(--gray-600);line-height:1.6}

/* =====================================================
   TEAM
===================================================== */
.team{background:var(--white)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:64px}

.team-card{
  background:var(--sand);border:1px solid var(--gray-200);
  border-radius:var(--r-lg);padding:32px 24px 28px;
  text-align:center;transition:var(--t);
  position:relative;overflow:hidden;
}
.team-card::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:100%;
  background:linear-gradient(160deg,rgba(201,168,76,.06),transparent);
  opacity:0;transition:var(--t);
}
.team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(201,168,76,.25)}
.team-card:hover::before{opacity:1}

.team-avatar{
  width:76px;height:76px;border-radius:50%;
  margin:0 auto 18px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-head);font-size:24px;font-weight:700;color:var(--white);
  position:relative;
}
.team-avatar::after{
  content:'';position:absolute;inset:-3px;border-radius:50%;
  border:2px solid rgba(201,168,76,.3);
}
.team-avatar img{width:100%;height:100%;object-fit:cover;transition:transform var(--t); border-radius: 100%;}
.av1{background:linear-gradient(135deg,#1a3a6b,#2a5298)}
.av2{background:linear-gradient(135deg,#1a3d2a,#2a6b45)}
.av3{background:linear-gradient(135deg,#6b1a3a,#a83268)}
.av4{background:linear-gradient(135deg,#3d3a1a,#7a6e2a)}
.team-name{font-family:var(--ff-head);font-size:17px;font-weight:600;color:var(--ink);margin-bottom:4px}
.team-role{font-size:12px;font-weight:600;color:var(--gold-dk);letter-spacing:.3px;margin-bottom:12px}
.team-bio{font-size:12.5px;color:var(--gray-600);line-height:1.65;margin-bottom:18px}
.team-socials{display:flex;justify-content:center;gap:8px}
.team-card::before{
  pointer-events:none;
}

.team-socials{
  position:relative;
  z-index:2;
}

.soc{
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid var(--navy);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  color:var(--navy);
  transition:var(--t);
  text-decoration:none;
  cursor:pointer;
}

.soc:hover{
  background:var(--navy);
  color:var(--white);
  border-color:var(--navy);
}
.team-cta{margin-top:56px;text-align:center}

/* =====================================================
   TESTIMONIALS
===================================================== */
.testi{background:var(--navy);position:relative;overflow:hidden}
.testi::before{
  content:'';position:absolute;
  bottom:-150px;left:-150px;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.06),transparent 65%);
  pointer-events:none;
}
.testi .section-title{color:var(--white)}
.testi .section-sub{color:rgba(255,255,255,.45)}

.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}

.testi-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-lg);padding:34px 30px;
  transition:var(--t);position:relative;
}
.testi-card:hover{border-color:rgba(201,168,76,.22);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.testi-stars{color:var(--gold);font-size:14px;letter-spacing:3px;margin-bottom:20px}
.testi-quote{
  font-family:var(--ff-head);font-style:italic;
  font-size:16px;color:rgba(255,255,255,.75);
  line-height:1.7;margin-bottom:26px;
}
.testi-author{display:flex;align-items:center;gap:14px}
.testi-av{
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-head);font-size:14px;font-weight:700;color:var(--white);
  flex-shrink:0;background:linear-gradient(135deg,var(--gold-dk),var(--gold));
}
.testi-name{font-size:13px;font-weight:600;color:var(--white)}
.testi-role{font-size:11px;color:rgba(255,255,255,.35);margin-top:2px}

/* =====================================================
   PRICING
===================================================== */
.pricing{background:var(--cream-dk)}

.pricing-toggle{
  display:flex;align-items:center;justify-content:center;gap:16px;margin:36px 0 60px;
}
.toggle-label{font-size:14px;font-weight:500;color:var(--gray-600);transition:var(--t)}
.toggle-label.active{color:var(--ink);font-weight:600}

.toggle-track{
  width:58px;height:30px;border-radius:var(--r-full);
  background:var(--gray-200);position:relative;cursor:pointer;
  border:none;transition:var(--t);flex-shrink:0;
}
.toggle-track.on{background:linear-gradient(90deg,var(--gold-dk),var(--gold))}
.toggle-thumb{
  position:absolute;top:3px;left:3px;
  width:24px;height:24px;border-radius:50%;
  background:var(--white);box-shadow:0 2px 6px rgba(0,0,0,.2);
  transition:var(--t);
}
.toggle-track.on .toggle-thumb{left:calc(100% - 27px)}

.save-pill{
  background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);
  padding:3px 12px;border-radius:var(--r-full);
  font-size:11px;font-weight:600;color:var(--gold-dk);letter-spacing:.3px;
}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}

.price-card{
  background:var(--white);border:1px solid var(--gray-200);
  border-radius:var(--r-xl);padding:40px 36px;
  transition:var(--t);position:relative;overflow:hidden;
}
.price-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.price-card.highlight{
  background:var(--navy);border-color:rgba(201,168,76,.25);
  box-shadow:0 24px 60px rgba(13,15,12,.35);
}
.price-card.highlight:hover{transform:translateY(-10px)}

.price-tag{
  position:absolute;top:22px;right:22px;
  padding:4px 14px;border-radius:var(--r-full);
  font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
}
.price-tag.pop{background:var(--gold);color:var(--ink)}
.price-tag.val{background:rgba(201,168,76,.15);color:var(--gold-dk);border:1px solid rgba(201,168,76,.25)}
.price-card.highlight .price-tag.pop{background:var(--gold-lt)}

.price-name{
  font-family:var(--ff-head);font-size:24px;font-weight:700;
  color:var(--ink);margin-bottom:6px;
}
.price-card.highlight .price-name{color:var(--white)}
.price-desc{font-size:13px;color:var(--gray-600);line-height:1.6;margin-bottom:26px}
.price-card.highlight .price-desc{color:rgba(255,255,255,.45)}

.price-trial{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:600;color:var(--gold-dk);
  background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);
  padding:4px 12px;border-radius:var(--r-full);margin-bottom:24px;
}
.price-card.highlight .price-trial{color:var(--gold-lt);background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.25)}

.price-amount{margin-bottom:28px}
.price-amount .currency{font-size:22px;font-weight:700;color:var(--ink);vertical-align:top;margin-top:8px;display:inline-block}
.price-card.highlight .currency{color:var(--white)}
.price-amount .amount{
  font-family:var(--ff-head);font-size:56px;font-weight:700;
  color:var(--ink);line-height:1;
}
.price-card.highlight .amount{color:var(--white)}
.price-amount .period{font-size:13px;color:var(--gray-400);font-weight:400}
.price-card.highlight .period{color:rgba(255,255,255,.35)}

/* Limits */
.price-limits{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  padding:20px;border-radius:var(--r-md);
  background:var(--gray-100);margin-bottom:24px;
}
.price-card.highlight .price-limits{background:rgba(255,255,255,.06)}
.limit-item{text-align:center}
.limit-val{font-family:var(--ff-head);font-size:20px;font-weight:700;color:var(--ink)}
.price-card.highlight .limit-val{color:var(--gold-lt)}
.limit-lbl{font-size:10px;color:var(--gray-400);letter-spacing:.3px;margin-top:2px}
.price-card.highlight .limit-lbl{color:rgba(255,255,255,.3)}

.price-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:32px}
.price-features li{
  display:flex;align-items:center;gap:10px;
  font-size:13px;color:var(--gray-600);
}
.price-card.highlight .price-features li{color:rgba(255,255,255,.6)}
.price-features li::before{
  content:'✓';width:18px;height:18px;border-radius:50%;
  background:rgba(201,168,76,.12);color:var(--gold);
  font-size:10px;font-weight:700;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.price-card.highlight .price-features li::before{background:rgba(201,168,76,.2);color:var(--gold-lt)}

.pricing-note{text-align:center;margin-top:36px;font-size:13.5px;color:var(--gray-600)}
.pricing-note a{color:var(--gold-dk);font-weight:600;border-bottom:1px solid rgba(201,168,76,.3)}

/* =====================================================
   FAQ
===================================================== */
.faq{background:var(--sand)}
.faq-inner{
  display:grid;grid-template-columns:5fr 4fr;
  gap:80px;align-items:start;margin-top:64px;
}
.faq-list{display:flex;flex-direction:column;gap:14px}
.faq-item{
  background:var(--white);border:1px solid var(--gray-200);
  border-radius:var(--r-md);overflow:hidden;transition:var(--t);
}
.faq-item.open{border-color:rgba(201,168,76,.35);box-shadow:var(--shadow-sm)}
.faq-q{
  width:100%;background:none;border:none;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 24px;cursor:pointer;
  font-family:var(--ff-body);font-size:14px;font-weight:500;
  color:var(--ink);text-align:left;transition:var(--t);
}
.faq-q:hover{background:rgba(201,168,76,.04)}
.faq-icon{
  width:28px;height:28px;border-radius:50%;flex-shrink:0;
  background:var(--gray-100);color:var(--gray-400);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:400;transition:var(--t);
}
.faq-item.open .faq-icon{background:var(--gold);color:var(--ink);transform:rotate(45deg)}
.faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .38s ease,padding .38s ease;
  font-size:13.5px;color:var(--gray-600);line-height:1.72;
}
.faq-item.open .faq-a{max-height:300px;padding:0 24px 22px}

.faq-cta-box{
  background:var(--navy);border-radius:var(--r-xl);
  padding:44px 36px;position:relative;overflow:hidden;
}
.faq-cta-box::before{
  content:'⚖';
  position:absolute;bottom:-20px;right:-10px;
  font-size:140px;opacity:.04;color:var(--white);
  line-height:1;
}
.faq-cta-title{font-family:var(--ff-head);font-size:28px;font-weight:700;color:var(--white);margin-bottom:14px}
.faq-cta-desc{font-size:14px;color:rgba(255,255,255,.48);line-height:1.7;margin-bottom:28px}
.faq-hotline{
  padding-top:28px;margin-top:28px;
  border-top:1px solid rgba(255,255,255,.08);
}
.faq-hotline-lbl{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:6px;font-family:var(--ff-mono)}
.faq-hotline-num{font-family:var(--ff-head);font-size:24px;font-weight:700;color:var(--white)}
.faq-hotline-hours{font-size:12px;color:rgba(255,255,255,.3);margin-top:3px}

/* =====================================================
   NEWSLETTER
===================================================== */
.newsletter{
  background:linear-gradient(115deg,var(--gold-dk) 0%,var(--gold) 55%,var(--gold-lt) 100%);
  padding:80px 0;
}
.newsletter-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:48px;flex-wrap:wrap;
}
.newsletter-icon{font-size:36px}
.newsletter-text .label{color:rgba(13,15,12,.5)}
.newsletter-text .label::before{background:rgba(13,15,12,.3)}
.newsletter-title{font-family:var(--ff-head);font-size:32px;font-weight:700;color:var(--ink);margin:10px 0 6px}
.newsletter-sub{font-size:13.5px;color:rgba(13,15,12,.55)}
.newsletter-form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.newsletter-input{
  flex:1;min-width:240px;
  background:rgba(255,255,255,.3);
  border:1px solid rgba(255,255,255,.5);
  border-radius:var(--r-sm);
  padding:14px 20px;
  font-family:var(--ff-body);font-size:14px;color:var(--ink);
  outline:none;transition:var(--t);
}
.newsletter-input::placeholder{color:rgba(13,15,12,.45)}
.newsletter-input:focus{background:rgba(255,255,255,.5);border-color:var(--ink)}
.newsletter-note{
  width:100%;font-size:11px;color:rgba(13,15,12,.45);margin-top:4px;
}

/* =====================================================
   CONTACT
===================================================== */
.contact{background:var(--white)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:64px}

.contact-info-item{
  display:flex;align-items:flex-start;gap:16px;
  padding:22px 0;border-bottom:1px solid var(--gray-200);
}
.contact-info-item:last-child{border-bottom:none}
.c-icon{
  width:44px;height:44px;flex-shrink:0;
  background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);
  border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:18px;
}
.c-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gray-400);margin-bottom:5px}
.c-val{font-size:15px;font-weight:500;color:var(--ink)}
.c-sub{font-size:12px;color:var(--gray-400);margin-top:2px}

.contact-form-title{font-family:var(--ff-head);font-size:28px;font-weight:700;color:var(--ink);margin-bottom:28px}
.form-group{margin-bottom:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f-label{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--gray-600);margin-bottom:8px}
.f-input,.f-textarea,.f-select{
  width:100%;
  background:var(--gray-100);border:1.5px solid var(--gray-200);
  border-radius:var(--r-sm);padding:13px 16px;
  font-family:var(--ff-body);font-size:14px;color:var(--ink);
  outline:none;transition:var(--t);
}
.f-input:focus,.f-textarea:focus,.f-select:focus{
  border-color:var(--gold);background:var(--white);
  box-shadow:0 0 0 3px rgba(201,168,76,.1);
}
.f-textarea{resize:vertical;min-height:130px}


/* =====================================================
   RESPONSIVE
===================================================== */
@media(max-width:1100px){
  .hero-content{grid-template-columns:1fr;gap:48px}
  .hero-right{display:none}
  .feat-header{grid-template-columns:1fr}
  .why-inner,.about-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .team-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .feat-grid,.showcase-grid,.testi-grid,.pricing-grid{grid-template-columns:1fr 1fr}
  .faq-inner{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .nav-list,.nav-actions{display:none}
  .hamburger{display:flex}
  .hero-stats{flex-direction:column;gap:20px}
  .hstat{border:none!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;padding-bottom:16px!important}
  .hstat:last-child{border-bottom:none!important}
}
@media(max-width:560px){
  .feat-grid,.showcase-grid,.testi-grid,.pricing-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}
  .about-nums{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr}
  .why-stats{flex-direction:column;gap:16px}
}



/* ============================================================
   FOOTER STYLES
============================================================ */
.site-footer {
    background: var(--navy);
    padding: 80px 0 0;
    position: relative;
    overflow: hidden;
}
.site-footer::before {
    content: '';
    position: absolute;
    top: -120px; right: -120px;
    width: 500px; height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(201,168,76,0.05) 0%, transparent 65%);
    pointer-events: none;
}

/* Footer top grid */
.footer-grid {
    display: grid;
    grid-template-columns: 2.2fr 1fr 1fr 1fr 1fr;
    gap: 48px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
}

/* Brand column */
.footer-brand-desc {
    font-size: 13.5px;
    color: rgba(255,255,255,0.42);
    line-height: 1.75;
    margin: 18px 0 24px;
    max-width: 280px;
}
.footer-brand-contact { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.footer-contact-line {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: rgba(255,255,255,0.38);
    transition: var(--transition);
}
.footer-contact-line:hover { color: var(--gold-light); }
.footer-contact-line span { font-size: 14px; }

/* Social icons */
.footer-socials { display: flex; gap: 10px; }
.footer-social-btn {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    transition: var(--transition);
    cursor: pointer;
}
.footer-social-btn:hover {
    background: linear-gradient(135deg, var(--gold-dark), var(--gold));
    color: var(--navy);
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 10px 25px rgba(201,168,76,0.4);
    border-color: transparent;
}

/* Column titles */
.footer-col-title {
    font-family: var(--ff-display);
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 12px;
}
.footer-col-title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 28px; height: 2px;
    background: var(--gold);
    border-radius: 2px;
}

/* Footer links */
.footer-links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.footer-links li a {
    font-size: 13px;
    color: rgba(255,255,255,0.42);
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.footer-links li a::before {
    content: '›';
    color: var(--gold);
    font-size: 14px;
    opacity: 0;
    transform: translateX(-6px);
    transition: var(--transition);
}
.footer-links li a:hover {
    color: var(--gold-light);
    padding-left: 4px;
}
.footer-links li a:hover::before {
    opacity: 1;
    transform: translateX(0);
}

/* Footer newsletter mini */
.footer-newsletter {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: var(--radius-lg);
    padding: 36px 28px;
    margin: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}
.footer-newsletter-text {
    font-size: 14px;
    color: rgba(255,255,255,0.55);
}
.footer-newsletter-title {
    font-family: var(--ff-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 4px;
}
.footer-newsletter-form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex: 1;
    max-width: 420px;
}
.footer-newsletter-input {
    flex: 1;
    min-width: 200px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: var(--radius-sm);
    padding: 12px 18px;
    font-family: var(--ff-body);
    font-size: 13.5px;
    color: var(--white);
    outline: none;
    transition: var(--transition);
}
.footer-newsletter-input::placeholder { color: rgba(255,255,255,0.3); }
.footer-newsletter-input:focus {
    border-color: var(--gold);
    background: rgba(255,255,255,0.09);
    box-shadow: 0 0 0 3px rgba(201,168,76,0.12);
}

/* Footer bottom bar */
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0;
    gap: 16px;
    flex-wrap: wrap;
}
.footer-copy {
    font-size: 12px;
    color: rgba(255,255,255,0.28);
}
.footer-copy span { color: var(--gold); }
.footer-bottom-links {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.footer-bottom-links a {
    font-size: 12px;
    color: rgba(255,255,255,0.28);
    transition: var(--transition);
}
.footer-bottom-links a:hover { color: var(--gold-light); }

/* Logo reuse in footer */
.footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
}
.footer-logo-icon {
    width: 36px; height: 36px; 
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
}
.footer-logo-text {
    font-family: var(--ff-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
}

/* ============================================================
   FOOTER RESPONSIVE
============================================================ */
@media (max-width: 1100px) {
    .footer-grid { grid-template-columns: 1.8fr 1fr 1fr 1fr; gap: 36px; }
    /* Hide last col on tablet if needed */
    .footer-grid > div:last-child { grid-column: span 1; }
}
@media (max-width: 860px) {
    .footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 32px; }
    .footer-grid > div:first-child { grid-column: span 3; }
    .footer-brand-desc { max-width: 100%; }
}
@media (max-width: 600px) {
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
    .footer-grid > div:first-child { grid-column: span 2; }
    .footer-newsletter { flex-direction: column; align-items: flex-start; gap: 20px; }
    .footer-newsletter-form { max-width: 100%; width: 100%; }
    .footer-newsletter-input { min-width: unset; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .footer-bottom-links { justify-content: center; }
    .footer-copy { text-align: center; }
}
@media (max-width: 400px) {
    .footer-grid { grid-template-columns: 1fr; }
    .footer-grid > div:first-child { grid-column: span 1; }
    .site-footer { padding: 60px 0 0; }
}