:root {
  --green-deep:  #1B3A2D;
  --green-dark:  #224A38;
  --green-mid:   #2D6147;
  --green-light: #3A7A5A;
  --white:       #FFFFFF;
  --off-white:   #F8F6F2;
  --gray-light:  #F2F0EC;
  --gray-mid:    #E8E4DC;
  --gray-border: #D8D4CC;
  --gray-text:   #6B6560;
  --text-dark:   #1A1614;
  --text-mid:    #3D3830;
  --shein-pink:  #FF5C8A;
  --temu-orange: #FF6900;
  --amazon-org:  #FF9900;
  --whatsapp:    #25D366;
  --radius:      10px;
  --radius-lg:   18px;
  --shadow:      0 4px 24px rgba(0,0,0,0.10);
  --shadow-lg:   0 12px 48px rgba(0,0,0,0.16);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--white);color:var(--text-dark);font-family:'Inter',sans-serif;overflow-x:hidden;}

/* ══ TOP BAR ══ */
.topbar{background:var(--green-deep);padding:10px 0;}
.topbar-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:rgba(255,255,255,0.82);}
.topbar-left{display:flex;gap:28px;}
.topbar-item{display:flex;align-items:center;gap:7px;}
.topbar-right a{color:rgba(255,255,255,0.9);text-decoration:none;font-weight:600;}
.topbar-right a:hover{color:#fff;}

/* ══ HEADER ══ */
header{position:sticky;top:0;z-index:200;background:var(--white);border-bottom:1px solid var(--gray-mid);box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.header-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:70px;}
.logo-wrap{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
.logo-ll{
  font-family:'Cormorant Garamond',serif;
  font-size:32px;font-weight:600;
  color:var(--green-deep);
  letter-spacing:2px;line-height:1;
}
.logo-sub{
  font-size:9px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;
  color:var(--gray-text);line-height:1;
}
nav{display:flex;align-items:center;gap:4px;}
nav a{color:var(--text-mid);text-decoration:none;font-size:14px;font-weight:500;padding:8px 14px;border-radius:6px;transition:all .18s;position:relative;}
nav a.active{color:var(--green-deep);font-weight:600;}
nav a.active::after{content:'';position:absolute;bottom:-1px;left:14px;right:14px;height:2px;background:var(--green-mid);border-radius:2px;}
nav a:hover{color:var(--green-deep);background:var(--gray-light);}
.header-actions{display:flex;align-items:center;gap:10px;}
.btn-login{display:flex;align-items:center;gap:7px;border:1.5px solid var(--gray-mid);border-radius:var(--radius);background:transparent;color:var(--text-mid);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;padding:9px 18px;cursor:pointer;text-decoration:none;transition:all .18s;}
.btn-login:hover{border-color:var(--green-mid);color:var(--green-deep);}
.btn-cta{background:var(--green-deep);color:#fff;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;padding:10px 22px;border-radius:var(--radius);border:none;cursor:pointer;text-decoration:none;transition:all .18s;box-shadow:0 2px 10px rgba(27,58,45,0.25);}
.btn-cta:hover{background:var(--green-mid);transform:translateY(-1px);}

/* ══ HERO ══ */
.hero{display:flex;align-items:stretch;overflow:hidden;position:relative;min-height:540px;}
.hero-left{flex:0 0 52%;padding:64px 56px 64px 80px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(110deg,var(--off-white) 0%,var(--gray-light) 100%);}
.hero-right{flex:0 0 48%;position:relative;overflow:hidden;}

.hero-img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  display:block;
}
.hero-right::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(248,246,242,0.25) 0%,transparent 30%);
  pointer-events:none;
}

.hero-card{
  position:absolute;top:50%;right:32px;transform:translateY(-50%);
  background:rgba(255,255,255,0.97);
  border-radius:var(--radius-lg);padding:24px 20px;
  width:196px;box-shadow:var(--shadow-lg);
  backdrop-filter:blur(12px);
  z-index:2;
}
.hero-card-title{font-size:11px;font-weight:700;color:var(--gray-text);letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px;text-align:center;}
.platform-row{display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;margin-bottom:8px;font-weight:800;font-size:16px;letter-spacing:1px;}
.pr-shein {background:#fff3f7;color:#ff3768;border:1.5px solid #ffd0de;}
.pr-temu  {background:#fff4ee;color:#ff6900;border:1.5px solid #ffd4b8;}
.pr-amazon{background:#fff8ee;color:#ff9900;border:1.5px solid #ffe0a0;}
.pr-more  {color:var(--gray-text);font-size:12px;text-align:center;margin-top:6px;font-style:italic;}

.hero h1{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,50px);font-weight:700;line-height:1.15;color:var(--green-deep);margin-bottom:16px;}
.hero-desc{font-size:16px;color:var(--gray-text);line-height:1.7;margin-bottom:32px;max-width:420px;}
.hero-badges{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:36px;}
.hero-badge{display:flex;align-items:center;gap:10px;}
.hb-icon{width:32px;height:32px;border-radius:50%;background:var(--green-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hb-title{font-weight:600;font-size:13px;color:var(--text-dark);}
.hb-sub{font-size:11px;color:var(--gray-text);}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.btn-primary{display:flex;align-items:center;gap:8px;background:var(--green-deep);color:#fff;font-family:'Inter',sans-serif;font-size:15px;font-weight:600;padding:14px 28px;border-radius:var(--radius);border:none;cursor:pointer;text-decoration:none;transition:all .2s;box-shadow:0 4px 16px rgba(27,58,45,0.3);}
.btn-primary:hover{background:var(--green-mid);transform:translateY(-2px);}
.btn-secondary{display:flex;align-items:center;gap:8px;background:transparent;color:var(--text-dark);font-family:'Inter',sans-serif;font-size:15px;font-weight:500;padding:14px 24px;border-radius:var(--radius);border:1.5px solid var(--gray-mid);cursor:pointer;text-decoration:none;transition:all .2s;}
.btn-secondary:hover{border-color:var(--green-mid);color:var(--green-deep);}

/* ══ FEATURES BAR ══ */
.features-bar{background:var(--white);border-top:1px solid var(--gray-mid);border-bottom:1px solid var(--gray-mid);}
.features-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(4,1fr);}
.feature-item{display:flex;align-items:center;gap:14px;padding:26px 20px;border-right:1px solid var(--gray-mid);}
.feature-item:last-child{border-right:none;}
.fi-icon{width:42px;height:42px;border-radius:10px;background:rgba(27,58,45,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--green-deep);}
.fi-title{font-weight:700;font-size:14px;color:var(--text-dark);}
.fi-sub{font-size:12px;color:var(--gray-text);margin-top:2px;}

/* ══ SECTIONS ══ */
.section{padding:80px 0;}
.section-alt{background:var(--off-white);}
.section-inner{max-width:1200px;margin:0 auto;padding:0 32px;}
.section-header{text-align:center;margin-bottom:56px;}
.section-tag{display:inline-block;background:rgba(27,58,45,0.08);color:var(--green-mid);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:6px 18px;border-radius:50px;margin-bottom:16px;}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(26px,3.5vw,40px);font-weight:700;color:var(--text-dark);margin-bottom:10px;}
.section-title-bar{width:48px;height:3px;background:var(--green-mid);border-radius:2px;margin:12px auto 0;}
.section-sub{font-size:16px;color:var(--gray-text);max-width:520px;margin:14px auto 0;line-height:1.7;}

/* Steps */
.steps-row{display:flex;align-items:flex-start;position:relative;}
.steps-row::before{content:'';position:absolute;top:28px;left:calc(10% + 28px);right:calc(10% + 28px);height:2px;background:var(--gray-mid);z-index:0;}
.step-item{flex:1;text-align:center;padding:0 12px;position:relative;z-index:1;}
.step-num-wrap{width:56px;height:56px;border-radius:50%;background:var(--green-deep);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin:0 auto 20px;box-shadow:0 4px 16px rgba(27,58,45,0.3);}
.step-title{font-weight:700;font-size:14px;color:var(--text-dark);margin-bottom:8px;}
.step-desc{font-size:13px;color:var(--gray-text);line-height:1.6;}

/* ══ FORM ══ */
.form-section-inner{max-width:800px;margin:0 auto;padding:0 32px;}
.form-card{background:var(--white);border:1px solid var(--gray-mid);border-radius:var(--radius-lg);padding:48px 44px;box-shadow:var(--shadow-lg);}
.form-card-title{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--text-dark);margin-bottom:6px;}
.form-card-sub{font-size:14px;color:var(--gray-text);margin-bottom:32px;}
.form-divider{height:1px;background:var(--gray-mid);margin:24px 0;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.field{margin-bottom:20px;}
.field label{display:block;font-size:13px;font-weight:600;color:var(--text-mid);margin-bottom:8px;}
.field input,.field textarea{width:100%;background:var(--white);border:1.5px solid var(--gray-border);border-radius:var(--radius);color:var(--text-dark);font-family:'Inter',sans-serif;font-size:15px;padding:12px 16px;outline:none;transition:border-color .2s,box-shadow .2s;}
.field input::placeholder,.field textarea::placeholder{color:#b8b0a8;}
.field input:focus,.field textarea:focus{border-color:var(--green-mid);box-shadow:0 0 0 3px rgba(45,97,71,0.1);}
.field textarea{resize:vertical;min-height:80px;}
.platform-toggle{display:flex;gap:10px;flex-wrap:wrap;}
.ptog{flex:1;min-width:110px;padding:13px 10px;border-radius:var(--radius);border:1.5px solid var(--gray-border);background:var(--white);color:var(--gray-text);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:6px;}
.ptog:hover{border-color:var(--green-mid);color:var(--green-deep);}
.ptog.active-shein {border-color:var(--shein-pink); background:rgba(255,92,138,0.06); color:#C0205A;}
.ptog.active-temu  {border-color:var(--temu-orange);background:rgba(255,105,0,0.06);  color:#B04000;}
.ptog.active-amazon{border-color:var(--amazon-org); background:rgba(255,153,0,0.06);  color:#A06000;}

/* Calculator */
.calc-box{background:var(--off-white);border:1.5px solid var(--gray-mid);border-radius:var(--radius);padding:28px;margin-top:4px;}
.calc-head{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--text-dark);margin-bottom:20px;}
.calc-head-icon{width:32px;height:32px;background:var(--green-deep);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.calc-cols{display:grid;grid-template-columns:1fr 70px 110px 36px;gap:10px;margin-bottom:8px;padding:0 4px;}
.calc-col-label{font-size:11px;font-weight:600;color:var(--gray-text);text-transform:uppercase;letter-spacing:.5px;}
.calc-item-row{display:grid;grid-template-columns:1fr 70px 110px 36px;gap:10px;align-items:center;margin-bottom:8px;}
.calc-item-row input{background:var(--white);border:1.5px solid var(--gray-border);border-radius:8px;color:var(--text-dark);font-family:'Inter',sans-serif;font-size:14px;padding:10px 12px;outline:none;transition:border-color .2s;width:100%;}
.calc-item-row input:focus{border-color:var(--green-mid);}
.remove-item{background:transparent;border:1.5px solid #ECCACA;color:#B04040;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .18s;flex-shrink:0;}
.remove-item:hover{background:#FFF0F0;}
.add-item-btn{width:100%;padding:11px;background:transparent;border:1.5px dashed rgba(45,97,71,0.4);color:var(--green-mid);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .18s;margin-bottom:20px;}
.add-item-btn:hover{background:rgba(45,97,71,0.05);}
.calc-divider{height:1px;background:var(--gray-mid);margin:16px 0;}
.calc-line{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--gray-text);margin-bottom:8px;}
.calc-line span:last-child{font-weight:500;color:var(--text-mid);}
.rate-pill{background:rgba(27,58,45,0.08);color:var(--green-mid);font-size:12px;font-weight:600;padding:3px 10px;border-radius:50px;}
.calc-total{display:flex;justify-content:space-between;align-items:center;background:var(--green-deep);color:#fff;border-radius:var(--radius);padding:16px 20px;margin-top:12px;}
.calc-total-label{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;}
.calc-total-val{font-size:22px;font-weight:800;}
.calc-total-sub{font-size:12px;opacity:.75;margin-top:2px;}
.link-preview{margin-top:8px;padding:10px 14px;background:rgba(45,97,71,0.06);border:1px solid rgba(45,97,71,0.2);border-radius:8px;font-size:12px;color:var(--gray-text);display:none;word-break:break-all;}
.link-preview.show{display:block;}
.lp-label{color:var(--green-mid);font-weight:600;margin-right:6px;}
.submit-section{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--gray-mid);}
.btn-submit{flex:1;min-width:220px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--green-deep);color:#fff;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;padding:16px 32px;border-radius:var(--radius);border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px rgba(27,58,45,0.3);}
.btn-submit:hover{background:var(--green-mid);transform:translateY(-2px);}
.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;}
.btn-wa{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--whatsapp);color:#fff;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;padding:16px 24px;border-radius:var(--radius);border:none;cursor:pointer;text-decoration:none;transition:all .2s;box-shadow:0 4px 16px rgba(37,211,102,0.3);white-space:nowrap;}
.btn-wa:hover{background:#1EA955;transform:translateY(-2px);}

/* ══ PAYMENT BAR ══ */
.payment-bar {
  background: var(--white);
  border-top: 1px solid var(--gray-mid);
  border-bottom: 1px solid var(--gray-mid);
  padding: 0;
}
.payment-inner {
  max-width: 1200px; margin: 0 auto; padding: 0 32px;
  display: grid; grid-template-columns: repeat(4, 1fr);
}
.pay-item {
  display: flex; align-items: center; gap: 14px;
  padding: 22px 20px;
  border-right: 1px solid var(--gray-mid);
}
.pay-item:last-child { border-right: none; }
.pay-logo {
  height: 32px; display: flex; align-items: center; flex-shrink: 0;
}
.pay-text { font-size: 12px; color: var(--gray-text); line-height: 1.5; }
.pay-text strong { display: block; font-size: 13px; color: var(--text-dark); font-weight: 700; }

.logo-visa {
  background: #1A1F71; border-radius: 6px;
  padding: 5px 10px; display: flex; align-items: center;
}
.logo-mc {
  display: flex; align-items: center;
}
.logo-cih {
  background: #006B3F; border-radius: 6px;
  padding: 5px 10px; display: flex; align-items: center;
}
.logo-cmi {
  background: #E30613; border-radius: 6px;
  padding: 5px 10px; display: flex; align-items: center;
}

/* ══ TRUST BAR ══ */
.trust-bar{background:var(--off-white);border-top:1px solid var(--gray-mid);}
.trust-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(4,1fr);}
.trust-item{display:flex;align-items:center;gap:12px;padding:22px 20px;border-right:1px solid var(--gray-mid);}
.trust-item:last-child{border-right:none;}
.ti-icon{flex-shrink:0;color:var(--green-mid);}
.ti-title{font-weight:700;font-size:13px;color:var(--text-dark);}
.ti-sub{font-size:12px;color:var(--gray-text);margin-top:1px;}

/* ══ FOOTER ══ */
footer{background:var(--green-deep);padding:0;}
.footer-top{max-width:1200px;margin:0 auto;padding:56px 32px 40px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;}
.footer-brand .logo-ll-f{font-family:'Playfair Display',serif;font-size:32px;font-weight:700;color:#fff;letter-spacing:2px;line-height:1;margin-bottom:4px;}
.footer-brand .logo-sub-f{font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-bottom:16px;}
.footer-brand p{font-size:14px;color:rgba(255,255,255,0.65);line-height:1.75;max-width:280px;}
.footer-col h4{font-size:13px;font-weight:700;color:#fff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px;}
.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,0.65);text-decoration:none;margin-bottom:10px;transition:color .18s;}
.footer-col a:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:20px 32px;}
.footer-bottom-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.footer-bottom p{font-size:13px;color:rgba(255,255,255,0.5);}
.footer-wa-btn{display:flex;align-items:center;gap:8px;background:var(--whatsapp);color:#fff;font-size:13px;font-weight:600;padding:10px 20px;border-radius:8px;text-decoration:none;transition:all .18s;}
.footer-wa-btn:hover{background:#1EA955;}

/* Toast & DB banner */
.toast{position:fixed;bottom:28px;right:28px;background:var(--white);border:1.5px solid var(--green-mid);border-radius:var(--radius);padding:14px 20px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-dark);box-shadow:var(--shadow-lg);transform:translateY(80px);opacity:0;transition:all .38s cubic-bezier(0.34,1.56,0.64,1);z-index:1000;max-width:340px;}
.toast.show{transform:translateY(0);opacity:1;}
.db-banner{position:fixed;bottom:0;left:0;right:0;z-index:500;padding:10px 20px;text-align:center;font-size:13px;font-weight:600;display:none;}
.db-banner.ok  {background:rgba(37,211,102,0.1);border-top:1px solid rgba(37,211,102,0.3);color:#0A7A38;display:block;}
.db-banner.warn{background:rgba(255,160,0,0.1);border-top:1px solid rgba(255,160,0,0.3);color:#805000;display:block;}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ══ RESPONSIVE ══ */
@media(max-width:900px){
  .hero{flex-direction:column;}
  .hero-left{flex:none;padding:48px 32px;}
  .hero-right{flex:none;height:320px;}
  .features-inner,.trust-inner,.payment-inner{grid-template-columns:1fr 1fr;}
  .feature-item:nth-child(2),.trust-item:nth-child(2),.pay-item:nth-child(2){border-right:none;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .steps-row{flex-direction:column;gap:28px;}
  .steps-row::before{display:none;}
}
@media(max-width:640px){
  header{padding:0;}
  .header-inner{padding:0 16px;}
  nav{display:none;}
  .topbar-left{gap:12px;}
  .hero-left{padding:36px 20px;}
  .hero h1{font-size:28px;}
  .hero-card{display:none;}
  .features-inner,.trust-inner,.payment-inner{grid-template-columns:1fr;}
  .feature-item,.trust-item,.pay-item{border-right:none;border-bottom:1px solid var(--gray-mid);}
  .form-card{padding:28px 18px;}
  .form-row{grid-template-columns:1fr;}
  .calc-cols,.calc-item-row{grid-template-columns:1fr 55px 90px 36px;}
  .footer-top{grid-template-columns:1fr;padding:36px 20px;}
}