*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; font-size: 16px; }
    body { background: #060D1A; color: #E8E0D4; font-family: 'Inter', sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    ::selection { background: #C9A96E; color: #060D1A; }
    ::-webkit-scrollbar { width: 4px; }
    ::-webkit-scrollbar-track { background: #060D1A; }
    ::-webkit-scrollbar-thumb { background: #1a2a4a; border-radius: 3px; }
    input:focus, select:focus { outline: none; border-color: rgba(201,169,110,0.5) !important; }
    button { cursor: pointer; border: none; -webkit-tap-highlight-color: transparent; }
    a { -webkit-tap-highlight-color: transparent; }
    img { max-width: 100%; }

    @keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }
    @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
    @keyframes pulse { 0%, 100% { opacity: 0.4; } 50% { opacity: 0.8; } }

    .animate-up { animation: fadeUp 0.8s ease-out forwards; opacity: 0; }
    .delay-1 { animation-delay: 0.15s; }
    .delay-2 { animation-delay: 0.3s; }
    .delay-3 { animation-delay: 0.45s; }
    .delay-4 { animation-delay: 0.6s; }

    .gold-text {
      background: linear-gradient(135deg, #C9A96E 0%, #E8D5A3 40%, #C9A96E 60%, #A88B4A 100%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .shimmer-text {
      background: linear-gradient(90deg, #C9A96E 0%, #E8D5A3 25%, #F5E6C8 50%, #E8D5A3 75%, #C9A96E 100%);
      background-size: 200% auto;
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
      animation: shimmer 4s linear infinite;
    }
  

    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; font-size: 16px; }
    body { background: #060D1A; color: #E8E0D4; font-family: 'Inter', sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    ::selection { background: #C9A96E; color: #060D1A; }
    ::-webkit-scrollbar { width: 4px; }
    ::-webkit-scrollbar-track { background: #060D1A; }
    ::-webkit-scrollbar-thumb { background: #1a2a4a; border-radius: 3px; }
    input:focus, select:focus { outline: none; border-color: rgba(201,169,110,0.5) !important; }
    button { cursor: pointer; border: none; -webkit-tap-highlight-color: transparent; }
    a { -webkit-tap-highlight-color: transparent; }
    img { max-width: 100%; }

    @keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }
    @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
    @keyframes pulse { 0%, 100% { opacity: 0.4; } 50% { opacity: 0.8; } }

    .animate-up { animation: fadeUp 0.8s ease-out forwards; opacity: 0; }
    .delay-1 { animation-delay: 0.15s; }
    .delay-2 { animation-delay: 0.3s; }
    .delay-3 { animation-delay: 0.45s; }
    .delay-4 { animation-delay: 0.6s; }

    .gold-text {
      background: linear-gradient(135deg, #C9A96E 0%, #E8D5A3 40%, #C9A96E 60%, #A88B4A 100%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .shimmer-text {
      background: linear-gradient(90deg, #C9A96E 0%, #E8D5A3 25%, #F5E6C8 50%, #E8D5A3 75%, #C9A96E 100%);
      background-size: 200% auto;
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
      animation: shimmer 4s linear infinite;
    }
  
  

  /* ===== Vanilla layout styles (ported from React inline styles) ===== */
  :root{
    --navy:#0B1D3A; --navyDeep:#060D1A; --navyMid:#0F2847; --navyLight:#162D50;
    --gold:#C9A96E; --goldLight:#E8D5A3; --goldPale:#F5E6C8; --goldDark:#A88B4A;
    --sand:#E8E0D4; --sandLight:#F2EDE5; --sandMuted:#B8AFA3; --white:#FAFAF8;
    --border: rgba(201,169,110,0.15);
    --borderHover: rgba(201,169,110,0.3);
    --container: 1200px;
  }
  .container{max-width:var(--container);margin:0 auto;padding:0 32px;}
  @media (max-width:768px){ .container{padding:0 16px;} }

  /* Nav */
  .nav{
    position:fixed; top:0; left:0; right:0; z-index:100;
    padding:16px 0;
    background:linear-gradient(to bottom, rgba(6,13,26,0.98) 0%, rgba(6,13,26,0.9) 70%, transparent 100%);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  }
  @media (max-width:768px){ .nav{padding:10px 0;} }
  .nav__row{display:flex; align-items:center; justify-content:space-between;}
  .brand{display:flex;align-items:center;gap:12px;}
  @media (max-width:768px){ .brand{gap:8px;} }
  .brand__title{font-family:'Cormorant Garamond', Georgia, serif; font-weight:600; color:var(--gold); letter-spacing:3px; line-height:1; font-size:25px;}
  .brand__sub{font-family:'Inter', sans-serif; font-size:12px; color:var(--sandMuted); letter-spacing:3px; margin-top:2px;}
  @media (max-width:768px){
    .brand__title{font-size:18px; letter-spacing:1.5px;}
    .brand__sub{font-size:9px; letter-spacing:1.5px;}
  }
  .nav__actions{display:flex; align-items:center; gap:20px;}
  @media (max-width:768px){ .nav__actions{gap:12px;} }

  .lang{display:flex; gap:6px; background:rgba(201,169,110,0.08); border:1px solid var(--border); border-radius:2px; padding:6px;}
  .lang button{
    padding:8px 12px; font-size:10px; font-weight:600; letter-spacing:1px; border-radius:1px;
    background:transparent; color:var(--gold); transition:all .2s ease;
  }
  @media (max-width:768px){ .lang button{padding:6px 10px;} }
  .lang button.is-active{background:var(--gold); color:var(--navyDeep);}
  .cta-btn{
    background:linear-gradient(135deg, var(--gold) 0%, var(--goldDark) 100%);
    color:var(--navyDeep); padding:12px 28px; border-radius:2px;
    font-size:12px; font-weight:600; letter-spacing:2px; transition:all .3s ease;
    font-family:'Inter', sans-serif;
  }
  @media (max-width:768px){ .cta-btn{padding:10px 16px; font-size:10px; letter-spacing:1px;} }

  /* Hero */
  .hero{min-height:100vh; min-height:100dvh; display:flex; align-items:center; position:relative; overflow:hidden;}
  .hero__bg-img{position:absolute; inset:0; z-index:1;}
  .hero__slide{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.4s ease-in-out;}
  .hero__slide--active{opacity:.80;}
  .hero__bg-grad{position:absolute; inset:0; z-index:2; background:linear-gradient(160deg, rgba(6,13,26,0.72) 0%, rgba(11,29,58,0.58) 30%, rgba(15,40,71,0.48) 60%, rgba(11,29,58,0.72) 100%);}
  .hero__grid{position:absolute; inset:0; width:100%; height:100%; opacity:0.03; z-index:3;}
  .hero__glow{position:absolute; top:8%; right:8%; width:450px; height:450px; background:radial-gradient(circle, rgba(201,169,110,0.07) 0%, transparent 65%); border-radius:50%; filter:blur(50px); z-index:3;}
  @media (max-width:768px){ .hero__glow{width:200px;height:200px;} }
  .hero__skyline{position:absolute; bottom:0; left:0; right:0; height:20%; opacity:0.05; z-index:3;}
  @media (max-width:768px){ .hero__skyline{height:12%;} }

  .hero__content{position:relative; z-index:10; width:100%;}
  .hero__pad{padding:120px 32px 80px;}
  @media (max-width:768px){ .hero__pad{padding:90px 20px 50px;} }

  .hero__max{max-width:720px;}
  @media (max-width:768px){ .hero__max{max-width:100%;} }

  .badge{
    display:inline-flex; align-items:center; gap:10px;
    background:rgba(201,169,110,0.08); border:1px solid var(--border);
    border-radius:2px; padding:10px 24px; margin-bottom:32px;
  }
  @media (max-width:768px){ .badge{padding:8px 14px; margin-bottom:20px;} }
  .badge__dot{width:6px;height:6px;background:var(--gold);border-radius:50%; animation:pulse 2s ease-in-out infinite;}
  .badge__text{color:var(--gold); font-size:11px; font-weight:500; letter-spacing:4px; font-family:'Inter', sans-serif;}
  @media (max-width:768px){ .badge__text{font-size:9px; letter-spacing:1.5px;} }

  .hero h1{font-family:'Cormorant Garamond', Georgia, serif; font-weight:300; line-height:1.08; margin-bottom:28px; letter-spacing:-0.5px; font-size:clamp(44px, 5.5vw, 76px); color:var(--sandLight);}
  @media (max-width:768px){ .hero h1{font-size:36px; margin-bottom:20px;} }
  .hero__sub{font-size:18px; color:var(--sandMuted); line-height:1.75; margin-bottom:28px; max-width:520px; font-weight:300;}
  @media (max-width:768px){ .hero__sub{font-size:15px; margin-bottom:20px;} }

  .insight{
    background:rgba(201,169,110,0.05); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    border:1px solid var(--border); padding:18px 22px; border-radius:4px; margin-bottom:32px; max-width:520px;
  }
  @media (max-width:768px){ .insight{padding:14px 16px; margin-bottom:24px;} }
  .insight__label{display:flex; align-items:center; gap:8px; margin-bottom:6px;}
  .insight__label span:last-child{font-size:10px; font-weight:600; color:var(--gold); letter-spacing:3px; font-family:'Inter', sans-serif;}
  .insight__p{font-size:14px; color:var(--sandMuted); line-height:1.65; font-weight:300; font-style:italic;}
  @media (max-width:768px){ .insight__p{font-size:13px;} }

  .hero__ctas{display:flex; gap:20px; align-items:center; margin-bottom:20px;}
  @media (max-width:768px){ .hero__ctas{flex-direction:column; gap:12px; margin-bottom:16px;} }
  .hero__primary{padding:20px 44px; border-radius:2px; font-size:13px; font-weight:600; letter-spacing:3px;}
  @media (max-width:768px){ .hero__primary{width:100%; padding:18px; font-size:12px;} }
  .hero__learn{display:flex; align-items:center; gap:8px; color:var(--gold); font-size:14px; letter-spacing:1px; font-family:'Inter', sans-serif; justify-content:center;}
  @media (max-width:768px){ .hero__learn{font-size:13px;} }

  .pillrow{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:56px;}
  @media (max-width:768px){ .pillrow{gap:8px; margin-bottom:36px;} }
  .pill{display:flex; align-items:center; gap:6px; background:rgba(201,169,110,0.05); border:1px solid var(--border); padding:8px 14px; border-radius:2px;}
  @media (max-width:768px){ .pill{padding:6px 12px;} }
  .pill__icon{color:var(--gold); font-size:11px;}
  .pill__text{font-size:11px; color:var(--sandMuted); font-family:'Inter', sans-serif;}
  @media (max-width:768px){ .pill__text{font-size:10px;} }

  .counters{display:flex; gap:56px; flex-wrap:wrap;}
  @media (max-width:768px){ .counters{gap:28px;} }
  .counter__value{font-family:'Cormorant Garamond', Georgia, serif; font-size:36px; font-weight:400; color:var(--gold);}
  @media (max-width:768px){ .counter__value{font-size:28px;} }
  .counter__label{font-size:11px; color:var(--sandMuted); margin-top:4px; letter-spacing:2px; text-transform:uppercase;}

  .scroll-indicator{
    position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:6px;
    opacity:0.35; animation: float 3s ease-in-out infinite; z-index:10;
  }
  @media (max-width:768px){ .scroll-indicator{display:none;} }

  /* Sections generic */
  .section-splitline{position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(to right, transparent, var(--border), transparent);}
  .section-title{ text-align:center; margin-bottom:72px;}
  @media (max-width:768px){ .section-title{margin-bottom:40px;} }
  .section-label{font-size:11px; color:var(--gold); letter-spacing:5px; font-weight:500; font-family:'Inter', sans-serif;}
  .h2{
    font-family:'Cormorant Garamond', Georgia, serif;
    font-weight:300; margin-top:14px; color:var(--sandLight);
    font-size:clamp(30px, 3.5vw, 48px);
  }
  @media (max-width:768px){ .h2{font-size:26px;} }

  /* Value props */
  .value{padding:120px 0; position:relative; background:linear-gradient(180deg, var(--navyDeep) 0%, var(--navy) 100%);}
  @media (max-width:768px){ .value{padding:64px 0;} }
  .value-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:2px;}
  @media (max-width:768px){ .value-grid{grid-template-columns:1fr; gap:0;} }
  .card{
    padding:44px 32px;
    background:linear-gradient(165deg, rgba(15,40,71,0.5) 0%, rgba(11,29,58,0.3) 100%);
    display:flex; flex-direction:column; text-align:center; align-items:center;
  }
  @media (max-width:768px){
    .card{padding:28px 20px; flex-direction:row; text-align:left; align-items:flex-start; gap:16px; border-bottom:1px solid var(--border);}
    .value-grid .card:last-child{border-bottom:none;}
  }
  .card + .card{border-left:1px solid var(--border);}
  @media (max-width:768px){ .card + .card{border-left:none;} }
  .card__icon{font-family:'Cormorant Garamond', Georgia, serif; font-size:30px; color:var(--gold); margin-bottom:20px; opacity:.7;}
  @media (max-width:768px){ .card__icon{font-size:24px; margin-bottom:0; min-width:32px;} }
  .card__title{font-family:'Cormorant Garamond', Georgia, serif; font-size:22px; font-weight:500; color:var(--sandLight); margin-bottom:14px;}
  @media (max-width:768px){ .card__title{font-size:18px; margin-bottom:6px;} }
  .card__desc{font-size:14px; color:var(--sandMuted); line-height:1.7; font-weight:300;}
  @media (max-width:768px){ .card__desc{font-size:13px;} }

  /* How works */
  .how{padding:120px 0; background:var(--navyDeep); position:relative;}
  @media (max-width:768px){ .how{padding:64px 0;} }
  .how__glow{position:absolute; right:0; top:20%; width:250px; height:350px; background:radial-gradient(circle, rgba(201,169,110,0.05) 0%, transparent 70%); filter:blur(50px);}
  .steps{max-width:680px; margin:0 auto;}
  .step{display:flex; gap:32px; padding:32px 0; border-bottom:1px solid var(--border); align-items:flex-start;}
  .step:last-child{border-bottom:none;}
  @media (max-width:768px){ .step{gap:16px; padding:20px 0;} }
  .step__num{font-family:'Cormorant Garamond', Georgia, serif; font-size:44px; font-weight:300; color:var(--gold); opacity:.25; line-height:1; min-width:56px;}
  @media (max-width:768px){ .step__num{font-size:28px; min-width:36px;} }
  .step__title{font-family:'Cormorant Garamond', Georgia, serif; font-size:22px; font-weight:500; color:var(--sandLight); margin-bottom:6px;}
  @media (max-width:768px){ .step__title{font-size:18px;} }
  .step__desc{font-size:15px; color:var(--sandMuted); line-height:1.7; font-weight:300;}
  @media (max-width:768px){ .step__desc{font-size:13px;} }

  /* Trust */
  .trust{padding:110px 0; background:linear-gradient(180deg, var(--navy) 0%, var(--navyDeep) 100%); position:relative;}
  @media (max-width:768px){ .trust{padding:64px 0;} }
  .trust-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:36px; justify-items:center;}
  @media (max-width:768px){ .trust-grid{grid-template-columns:repeat(2,1fr); gap:28px 16px;} }
  .trust-item{text-align:center;}
  .trust-icon{width:60px;height:60px;margin:0 auto 14px;border:1px solid var(--border); border-radius:50%; display:flex;align-items:center;justify-content:center;}
  @media (max-width:768px){ .trust-icon{width:48px;height:48px;} }
  .trust-icon span{font-size:24px; color:var(--gold);}
  @media (max-width:768px){ .trust-icon span{font-size:20px;} }
  .trust-title{font-family:'Cormorant Garamond', Georgia, serif; font-size:19px; font-weight:500; color:var(--sandLight); margin-bottom:4px;}
  @media (max-width:768px){ .trust-title{font-size:15px;} }
  .trust-sub{font-size:13px; color:var(--sandMuted);}
  @media (max-width:768px){ .trust-sub{font-size:11px;} }

  /* Lead */
  .lead{padding:120px 0; background:var(--navyDeep); position:relative; overflow:hidden;}
  @media (max-width:768px){ .lead{padding:64px 0;} }
  .lead__glow{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:700px;height:700px; background:radial-gradient(circle, rgba(201,169,110,0.04) 0%, transparent 60%); border-radius:50%;}
  .lead-wrapper{display:flex; gap:40px; max-width:1040px; margin:0 auto; padding:0 24px; position:relative; z-index:10; align-items:stretch;}
  @media (max-width:900px){ .lead-wrapper{flex-direction:column; align-items:center; gap:32px; padding:0 20px;} }
  .lead-card{flex:1; max-width:520px;}
  @media (max-width:768px){ .lead-card{max-width:100%;} }

  /* Contact card */
  .contact-card{flex:0 0 360px; border:1px solid var(--border); border-radius:4px; padding:36px 32px; background:linear-gradient(165deg, rgba(15,40,71,0.4) 0%, rgba(11,29,58,0.25) 100%); display:flex; flex-direction:column; align-items:center; text-align:center;}
  @media (max-width:900px){ .contact-card{flex:none; width:100%; max-width:520px;} }
  .contact-card__photo{width:100%; flex:1; min-height:0; border-radius:6px; object-fit:cover; object-position:top; border:1px solid var(--border); margin-bottom:20px;}
  .contact-card__name{font-family:'Cormorant Garamond', Georgia, serif; font-size:26px; font-weight:500; color:var(--sandLight); margin:0; line-height:1.2;}
  .contact-card__role{font-family:'Inter', sans-serif; font-size:13px; color:var(--gold); margin:6px 0 0; font-weight:500; letter-spacing:2px; text-transform:uppercase;}
  .contact-card__bio{font-family:'Inter', sans-serif; font-size:14px; color:var(--sandMuted); line-height:1.7; font-weight:300; margin:16px 0 24px; max-width:300px;}
  .contact-card__icons{display:flex; gap:16px; padding-top:20px; border-top:1px solid var(--border);}
  .contact-card__icon-btn{display:flex; align-items:center; justify-content:center; width:48px; height:48px; border:1px solid rgba(201,169,110,0.3); border-radius:50%; background:transparent; text-decoration:none; transition:all 0.3s ease;}
  .contact-card__icon-btn:hover{border-color:var(--gold); background:rgba(201,169,110,0.1); transform:translateY(-2px);}

  .form{display:flex; flex-direction:column; gap:18px;}
  @media (max-width:768px){ .form{gap:14px;} }
  .field label{display:block; font-size:11px; color:var(--gold); letter-spacing:2px; margin-bottom:8px; font-weight:500;}
  .input{
    width:100%; background:rgba(255,255,255,0.03); border:1px solid var(--border);
    border-radius:2px; padding:18px 20px; color:var(--sandLight);
    font-size:16px; font-family:'Inter', sans-serif; font-weight:300; transition:all .3s ease;
    box-sizing:border-box; -webkit-appearance:none;
  }
  @media (max-width:768px){ .input{padding:16px;} }
  .select{
    cursor:pointer;
    background-color: rgba(255,255,255,0.03);
    background-image:
      linear-gradient(45deg, transparent 50%, var(--gold) 50%),
      linear-gradient(135deg, var(--gold) 50%, transparent 50%);
    background-position:
      calc(100% - 22px) calc(50% - 3px),
      calc(100% - 16px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 44px;
  }
  .select:focus{
    border-color: rgba(201,169,110,0.5);
    box-shadow: 0 0 0 2px rgba(201,169,110,0.12);
  }
  .select option{
    background: #0B1D3A;
    color: var(--sandLight);
  }
  .select option:checked{
    background: linear-gradient(135deg, var(--gold) 0%, var(--goldDark) 100%);
    color: #060D1A;
  }
  .submit{
    background:linear-gradient(135deg, var(--gold) 0%, var(--goldDark) 100%);
    color:var(--navyDeep); padding:22px; border-radius:2px; font-size:13px;
    font-weight:600; letter-spacing:3px; transition:all .3s ease; margin-top:6px;
    font-family:'Inter', sans-serif;
  }
  @media (max-width:768px){ .submit{padding:20px;} }
  .privacy{font-size:11px; color:rgba(184,175,163,0.45); text-align:center; line-height:1.6; margin-top:2px;}

  .success{ text-align:center; padding:32px 0; animation: fadeUp .8s ease-out; }
  .success__circle{width:96px;height:96px;margin:0 auto 20px;border:2px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center;}
  @media (max-width:768px){ .success__circle{width:76px;height:76px;} }
  .success__circle span{font-family:'Cormorant Garamond', Georgia, serif; font-size:38px; color:var(--gold);}
  @media (max-width:768px){ .success__circle span{font-size:30px;} }
  .success__h{font-family:'Cormorant Garamond', Georgia, serif; font-size:38px; font-weight:300; color:var(--sandLight); margin-bottom:14px;}
  @media (max-width:768px){ .success__h{font-size:28px;} }
  .success__p{font-size:16px; color:var(--sandMuted); line-height:1.8; max-width:400px; margin:0 auto; font-weight:300;}
  @media (max-width:768px){ .success__p{font-size:14px;} }
  .success__box{margin-top:28px; padding:18px; border:1px solid var(--border); border-radius:2px; background:rgba(201,169,110,0.03);}
  .success__box p{font-size:13px; color:var(--sandMuted);}

  /* Footer */
  .footer{padding:56px 0 36px; background:#040A14; border-top:1px solid var(--border);}
  @media (max-width:768px){ .footer{padding:36px 0 28px;} }
  .footer-top{display:flex; justify-content:space-between; align-items:center; gap:0; margin-bottom:40px;}
  @media (max-width:768px){ .footer-top{flex-direction:column; align-items:flex-start; gap:20px; margin-bottom:28px;} }
  .footer-links{display:flex; gap:36px;}
  @media (max-width:768px){ .footer-links{gap:20px;} }
  .footer-links a,.footer-links a:link,.footer-links a:visited{font-size:13px; color:var(--sandMuted); font-weight:300; text-decoration:none; border-bottom:none; transition:color 0.2s;}
  .footer-links a:hover{color:var(--gold);}
  @media (max-width:768px){ .footer-links a{font-size:12px;} }
  .footer-links span{font-size:13px; color:var(--sandMuted); cursor:pointer; font-weight:300;}
  @media (max-width:768px){ .footer-links span{font-size:12px;} }
  .footer-bottom{border-top:1px solid rgba(201,169,110,0.08); padding-top:20px;}
  .footer-disclaimer{font-size:11px; color:rgba(184,175,163,0.4); line-height:1.9; max-width:800px;}
  .footer-copy{font-size:11px; color:rgba(184,175,163,0.25); margin-top:10px;}

  /* Motion for animate-up (keep original class) */
  .animate-up{opacity:0;}
  .animate-up.is-visible{opacity:1;}

  
#n8n-chat {
  --chat--color--primary: #c9a96e;
  --chat--color--primary--shade-50: #b99658;
  --chat--color--primary--shade-100: #a88b4a;
  --chat--color--secondary: #c9a96e;
  --chat--color--secondary--shade-50: #a88b4a;
  --chat--color-white: #f2ede5;
  --chat--color-light: #0b1d3a;
  --chat--color-light-shade-50: rgba(201, 169, 110, 0.15);
  --chat--color-light-shade-100: rgba(201, 169, 110, 0.2);
  --chat--color-medium: #b8afa3;
  --chat--color-dark: #060d1a;
  --chat--color-disabled: #b8afa3;
  --chat--color-typing: #b8afa3;
  --chat--input--container--background: #060d1a;
  --color--background--light-2: #060d1a;

  --chat--spacing: 1rem;
  --chat--border-radius: 12px;
  --chat--transition-duration: 0.3s;
  --chat--font-family: Inter, sans-serif;

  --chat--window--width: 380px;
  --chat--window--height: 600px;
  --chat--window--bottom: 24px;
  --chat--window--right: 24px;
  --chat--window--z-index: 9999;
  --chat--window--border: 1px solid rgba(201, 169, 110, 0.15);
  --chat--window--border-radius: 12px;
  --chat--window--margin-bottom: 2px;

  --chat--header--padding: 20px;
  --chat--header--background: linear-gradient(135deg, #0b1d3a 0%, #060d1a 100%);
  --chat--header--color: #f2ede5;
  --chat--header--border-bottom: 1px solid rgba(201, 169, 110, 0.15);
  --chat--heading--font-size: 16px;
  --chat--subtitle--font-size: 11px;
  --chat--subtitle--line-height: 1.4;

  --chat--message--font-size: 14px;
  --chat--message--padding: 12px 16px;
  --chat--message--border-radius: 16px;
  --chat--message-line-height: 1.5;
  --chat--message--bot--background: rgba(201, 169, 110, 0.08);
  --chat--message--bot--color: #f2ede5;
  --chat--message--bot--border: 1px solid rgba(201, 169, 110, 0.15);
  --chat--message--user--background: rgba(201, 169, 110, 0.2);
  --chat--message--user--color: #f2ede5;
  --chat--message--user--border: 1px solid rgba(201, 169, 110, 0.2);
  --chat--messages-list--padding: 20px;

  --chat--toggle--size: 64px;
  --chat--toggle--border-radius: 50%;
  --chat--toggle--background: linear-gradient(135deg, #c9a96e 0%, #a88b4a 100%);
  --chat--toggle--hover--background: linear-gradient(135deg, #d4b678 0%, #b99658 100%);
  --chat--toggle--active--background: linear-gradient(135deg, #b99658 0%, #9a7e40 100%);
  --chat--toggle--color: #060d1a;

  --chat--input--background: rgba(255, 255, 255, 0.05);
  --chat--input--text-color: #f2ede5;
  --chat--input--border: 1px solid rgba(201, 169, 110, 0.15);
  --chat--input--border-radius: 8px;
  --chat--input--padding: 12px 16px;
  --chat--input--border-active: 1px solid rgba(201, 169, 110, 0.45);

  --chat--button--padding: 12px 20px;
  --chat--button--border-radius: 8px;
  --chat--button--font-size: 14px;
  --chat--button--background--primary: rgba(201, 169, 110, 0.2);
  --chat--button--color--primary: #b8afa3;
  --chat--button--background--primary--hover: #c9a96e;
  --chat--button--color--primary--hover: #060d1a;
  --chat--button--background--primary--disabled: rgba(201, 169, 110, 0.2);
  --chat--button--color--primary--disabled: #b8afa3;

  --chat--body--background: #060d1a;
  --chat--footer--background: #060d1a;
  --chat--footer--color: #f2ede5;
  --chat--close--button--color-hover: #f2ede5;
}

/* Wrapper */
#n8n-chat .chat-window-wrapper,
#n8n-chat .chat-window-wrapper.n8n-chat {
  right: 24px !important;
  bottom: 24px !important;
}

/* Main window */
#n8n-chat .chat-window-wrapper .chat-window {
  width: 380px !important;
  height: 600px !important;
  max-width: 380px !important;
  max-height: 600px !important;
  background: #060d1a !important;
  border: 1px solid rgba(201, 169, 110, 0.15) !important;
  border-radius: 0px 0px 10px 10px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  overflow: hidden !important;
}

/* Layout */
#n8n-chat .chat-window .chat-layout.chat-wrapper {
  display: flex;
  flex-direction: column;
  background: #060d1a !important;
}

/* Header */
#n8n-chat .chat-window .chat-header {
  position: relative;
  padding: 20px !important;
  background: linear-gradient(135deg, #0b1d3a 0%, #060d1a 100%) !important;
  border-bottom: 1px solid rgba(201, 169, 110, 0.15) !important;
  padding-left: 72px !important;
}

#n8n-chat .chat-window .chat-header::before {
  content: "💬";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #c9a96e 0%, #a88b4a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
}

#n8n-chat .chat-window .chat-header .chat-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#n8n-chat .chat-window .chat-header .chat-heading h1 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: rgb(242, 237, 229) !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

#n8n-chat .chat-window .chat-header p {
  color: #b8afa3 !important;
  font-size: 11px !important;
  font-family: Inter, sans-serif !important;
  margin-top: -15px !important;
  margin-bottom: 0 !important;
}

#n8n-chat .chat-window .chat-close-button {
  background: none !important;
  border: none !important;
  color: #b8afa3 !important;
  font-size: 24px !important;
  cursor: pointer !important;
  padding: 4px !important;
  line-height: 1 !important;
  transition: color 0.3s !important;
}

#n8n-chat .chat-window .chat-close-button:hover {
  color: #f2ede5 !important;
}

/* Body */
#n8n-chat .chat-window .chat-body {
  background: #060d1a !important;
}

#n8n-chat .chat-window .chat-body .chat-messages-list {
  padding: 20px !important;
}

#n8n-chat .chat-window .chat-message.chat-message-from-bot {
  max-width: 80%;
  background: rgba(201, 169, 110, 0.08) !important;
  border: 1px solid rgba(201, 169, 110, 0.15) !important;
  color: #f2ede5 !important;
  border-radius: 16px 16px 16px 4px !important;
}

#n8n-chat .chat-window .chat-message.chat-message-from-user {
  max-width: 80%;
  background: rgba(201, 169, 110, 0.2) !important;
  border: 1px solid rgba(201, 169, 110, 0.2) !important;
  color: #f2ede5 !important;
  border-radius: 16px 16px 4px 16px !important;
}

#n8n-chat .chat-window .chat-message p {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* Footer */
#n8n-chat .chat-window .chat-footer {
  padding: 16px 20px !important;
  background: #060d1a !important;
  border-top: 1px solid rgba(201, 169, 110, 0.15) !important;
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}

#n8n-chat .chat-window .chat-footer .chat-input,
#n8n-chat .chat-footer .chat-input {
  width: 100% !important;
}

#n8n-chat .chat-window .chat-footer .chat-inputs,
#n8n-chat .chat-footer .chat-inputs {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

#n8n-chat .chat-inputs textarea,
#n8n-chat .chat-footer textarea,
#n8n-chat .chat-window .chat-footer textarea,
#n8n-chat textarea[data-test-id="chat-input"] {
  flex: 1 !important;
  width: 100% !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #f2ede5 !important;
  border: 1px solid rgba(201, 169, 110, 0.15) !important;
  border-radius: 8px !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-family: Inter, sans-serif !important;
  line-height: 1.4 !important;
  outline: none !important;
  resize: none !important;
  transition: border-color 0.3s !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
}

#n8n-chat .chat-inputs textarea::placeholder,
#n8n-chat textarea[data-test-id="chat-input"]::placeholder {
  color: #b8afa3 !important;
}

#n8n-chat .chat-inputs textarea:focus,
#n8n-chat textarea[data-test-id="chat-input"]:focus {
  outline: none !important;
  border-color: rgba(201, 169, 110, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(201, 169, 110, 0.1) !important;
}

#n8n-chat .chat-window .chat-footer .chat-inputs-controls {
  display: flex !important;
  align-items: center !important;
}

#n8n-chat .chat-window .chat-footer .chat-input-send-button {
  width: auto !important;
  min-width: 88px !important;
  height: 48px !important;
  border: none !important;
  border-radius: 8px !important;
  background: rgba(201, 169, 110, 0.2) !important;
  color: #b8afa3 !important;
  padding: 12px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: Inter, sans-serif !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: not-allowed !important;
  transition: all 0.3s !important;
}

#n8n-chat .chat-window .chat-footer .chat-input-send-button:not(:disabled) {
  background: #c9a96e !important;
  color: #060d1a !important;
  cursor: pointer !important;
}

#n8n-chat .chat-window .chat-footer .chat-input-send-button:disabled {
  opacity: 1 !important;
}

#n8n-chat .chat-window .chat-footer .chat-input-send-button svg {
  display: none !important;
}

#n8n-chat .chat-window .chat-footer .chat-input-send-button::before {
  content: "send";
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

/* Toggle */
#n8n-chat .chat-window-wrapper .chat-window-toggle {
  width: 64px !important;
  height: 64px !important;
  border: none !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #c9a96e 0%, #a88b4a 100%) !important;
  box-shadow: 0 4px 20px rgba(201, 169, 110, 0.4) !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
  animation: chat-toggle-float 3s ease-in-out infinite;
}

#n8n-chat .chat-window-wrapper .chat-window-toggle svg {
  display: none !important;
}

#n8n-chat .chat-window-wrapper .chat-window-toggle::before {
  content: "💬";
  font-size: 28px;
  line-height: 1;
}

#n8n-chat .chat-window-wrapper .chat-window-toggle:hover,
#n8n-chat .chat-window-wrapper .chat-window-toggle:focus {
  transform: scale(1.05);
}

#n8n-chat .chat-window-wrapper .chat-window-toggle:active {
  transform: scale(0.95);
}

/* Open animation */
#n8n-chat .chat-window-transition-enter-active,
#n8n-chat .chat-window-transition-leave-active {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#n8n-chat .chat-window-transition-enter-from,
#n8n-chat .chat-window-transition-leave-to {
  opacity: 0;
  transform: scale(0.95) translateY(20px);
}

@keyframes chat-toggle-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

@media (max-width: 480px) {
  #n8n-chat .chat-window-wrapper,
  #n8n-chat .chat-window-wrapper.n8n-chat {
    right: 12px !important;
    left: 12px;
    bottom: 12px !important;
  }

  #n8n-chat .chat-window-wrapper .chat-window {
    width: auto !important;
    max-width: none !important;
    height: min(600px, calc(100vh - 96px)) !important;
  }
}

/* ===== FAQ Accordion ===== */

.faq-accordion {
  max-width: 780px;
  margin: 48px auto 0;
}

.faq-item {
  border-bottom: 1px solid rgba(201,169,110,0.15);
}

.faq-trigger {
  width: 100%;
  background: none;
  border: none;
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  text-align: left;
}

.faq-trigger:hover .faq-question {
  color: var(--gold);
}

.faq-question {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 19px;
  font-weight: 600;
  color: var(--sandLight);
  margin: 0;
  line-height: 1.4;
  transition: color 0.2s;
}

.faq-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
}

.faq-trigger[aria-expanded="true"] .faq-icon {
  transform: rotate(180deg);
}

.faq-trigger[aria-expanded="true"] .faq-question {
  color: var(--gold);
}

.faq-body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease, padding 0.35s ease;
  padding-bottom: 0;
}

.faq-body.is-open {
  max-height: 400px;
  padding-bottom: 24px;
}

.faq-answer {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: var(--sandMuted);
  line-height: 1.8;
  margin: 0;
}

@media (max-width: 768px) {
  .faq-question { font-size: 17px; }
  .faq-trigger  { padding: 20px 0; }
}