:root{
  --bg:#fbf7ef;
  --bg-soft:#fffdf8;
  --card:#ffffff;
  --text:#17201c;
  --muted:#5f6d66;
  --border:#e7ded0;
  --accent:#0f8f62;
  --accent-dark:#0b6f4d;
  --accent-soft:#dff6ec;
  --yellow:#f6c343;
  --shadow:0 22px 55px rgba(29,45,38,.10);
  --radius:28px;
  --radius-sm:18px;
  --nav-h:78px;
}
[data-theme="dark"]{
  --bg:#101612;
  --bg-soft:#151f19;
  --card:#1c271f;
  --text:#f7fff9;
  --muted:#b8c8bf;
  --border:#314137;
  --accent:#44d995;
  --accent-dark:#2ab77a;
  --accent-soft:#173d2c;
  --yellow:#f8d36b;
  --shadow:0 24px 70px rgba(0,0,0,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  overflow-x:hidden;
  font-family: var(--font-display);
}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(1160px,92%);margin:auto}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;background:var(--card);padding:10px 14px;border-radius:12px;z-index:9999}
.navbar{
  position:sticky;top:0;z-index:1000;
  height:var(--nav-h);
  background:color-mix(in srgb,var(--bg-soft) 88%,transparent);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);
}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.03em;font-size:1rem;min-width:max-content}
.logo-mark{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--yellow));display:grid;place-items:center;color:#082016;font-weight:900;box-shadow:0 10px 25px rgba(15,143,98,.25)}
.nav-links{display:flex;align-items:center;gap:22px;font-size:.95rem;color:var(--muted);font-weight:700}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:10px}
.pill-btn,.outline-btn,.icon-btn,.submit-btn{border:0;cursor:pointer;border-radius:999px;font-weight:800;transition:.25s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
.pill-btn{background:var(--text);color:var(--bg);padding:12px 18px;box-shadow:0 12px 28px rgba(0,0,0,.13)}
.pill-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,0,0,.18)}
.outline-btn{background:transparent;color:var(--text);border:1px solid var(--border);padding:11px 16px}
.outline-btn:hover{border-color:var(--accent);background:var(--accent-soft)}
.icon-btn{width:42px;height:42px;background:var(--card);border:1px solid var(--border);color:var(--text)}
.lang-select{height:42px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);padding:0 12px;font-weight:800;max-width:116px}
.hamburger{display:none;flex-direction:column;gap:5px;width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:var(--card);align-items:center;justify-content:center;cursor:pointer}
.hamburger span{width:18px;height:2px;background:var(--text);border-radius:2px;transition:.25s}
.hero{position:relative;overflow:hidden;padding:82px 0 64px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(15,143,98,.17),transparent 30%),radial-gradient(circle at 80% 12%,rgba(246,195,67,.18),transparent 26%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:9px;background:var(--accent-soft);color:var(--accent-dark);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:999px;padding:8px 13px;font-weight:900;margin-bottom:18px}
.hero h1,.page-hero h1{font-size:clamp(2.35rem,5.5vw,5.85rem);line-height:.98;letter-spacing:-.07em;margin-bottom:22px}
.hero p,.page-hero p{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:680px}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.hero-note{margin-top:24px;color:var(--muted);font-size:.96rem}
.wa-visual{min-height:510px;position:relative;border-radius:42px;background:linear-gradient(145deg,var(--card),var(--accent-soft));border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;padding:26px}
.phone-frame{width:250px;min-height:490px;margin:0 auto;background:var(--text);border-radius:38px;padding:13px;box-shadow:0 24px 60px rgba(0,0,0,.24);position:relative;z-index:2}
.phone-screen{background:var(--bg-soft);height:464px;border-radius:28px;padding:18px;display:flex;flex-direction:column;gap:12px;color:var(--text);overflow:hidden}
.phone-top{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:.9rem}
.chat-bubble{border-radius:18px;padding:11px 13px;font-size:.82rem;line-height:1.35;max-width:86%;background:var(--card);box-shadow:0 8px 18px rgba(0,0,0,.06)}
.chat-bubble.reply{align-self:flex-end;background:var(--accent);color:white}
.status-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:0 10px 22px rgba(0,0,0,.06)}
.status-line{height:9px;border-radius:999px;background:var(--accent-soft);margin-top:8px;position:relative;overflow:hidden}
.status-line:after{content:"";display:block;width:68%;height:100%;background:var(--accent);border-radius:inherit}
.float-card{position:absolute;background:var(--card);border:1px solid var(--border);border-radius:22px;padding:14px 16px;box-shadow:0 18px 34px rgba(0,0,0,.13);font-weight:900;z-index:3;display:flex;align-items:center;gap:10px}
.float-card span{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center}
.float-card.one{left:24px;top:78px}.float-card.two{right:20px;bottom:70px}.float-card.three{left:38px;bottom:34px}
.section{padding:86px 0}
.section.light{background:var(--bg-soft)}
.section-head{max-width:780px;margin:0 auto 42px;text-align:center}
.section-head.left{text-align:left;margin-left:0}
.section-head h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.055em;margin-bottom:14px}
.section-head p{color:var(--muted);font-size:1.06rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:center}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);transition:.25s ease}
.card:hover{transform:translateY(-5px)}
.icon{width:54px;height:54px;border-radius:18px;background:var(--accent-soft);display:grid;place-items:center;font-size:1.45rem;margin-bottom:16px}
.card h3{font-size:1.34rem;letter-spacing:-.025em;margin-bottom:9px}
.card p,.card li{color:var(--muted)}
ul.clean{list-style:none;display:grid;gap:10px;margin-top:14px}
ul.clean li{padding-left:28px;position:relative}
ul.clean li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:900}
.simple-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}
.flow-step{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:24px;position:relative;box-shadow:var(--shadow)}
.flow-step:before{counter-increment:step;content:counter(step);width:34px;height:34px;border-radius:50%;background:var(--accent);color:white;display:grid;place-items:center;font-weight:900;margin-bottom:12px}
.flow-step h3{font-size:1.16rem;margin-bottom:7px}.flow-step p{color:var(--muted);font-size:.96rem}
.wide-panel{background:var(--card);border:1px solid var(--border);border-radius:42px;padding:42px;box-shadow:var(--shadow);overflow:hidden}
.two-col-visual{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}
.illustration{min-height:330px;border-radius:34px;background:linear-gradient(145deg,var(--accent-soft),var(--card));border:1px solid var(--border);position:relative;overflow:hidden;padding:24px;display:grid;place-items:center}
.illus-building{width:180px;height:210px;border-radius:22px 22px 8px 8px;background:var(--card);border:1px solid var(--border);box-shadow:0 20px 40px rgba(0,0,0,.12);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px;align-content:start}
.illus-building i{height:30px;border-radius:8px;background:var(--accent-soft)}
.illus-building:after{content:"";grid-column:1/-1;width:52px;height:48px;background:var(--accent);border-radius:16px 16px 0 0;margin:10px auto 0}
.illus-person{position:absolute;width:52px;height:52px;border-radius:50%;background:var(--yellow);bottom:42px;left:55px;box-shadow:90px -18px 0 var(--accent),205px 10px 0 color-mix(in srgb,var(--accent) 50%,var(--yellow))}
.mock-list{width:min(420px,100%);display:grid;gap:13px}
.mock-row{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;gap:13px;align-items:center;box-shadow:0 10px 26px rgba(0,0,0,.07)}
.dot{width:42px;height:42px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;font-weight:900;color:var(--accent)}
.mock-row strong{display:block}.mock-row small{color:var(--muted)}
.privacy-band{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:44px;overflow:hidden;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}
.privacy-band:nth-child(even) .privacy-copy{order:2}.privacy-band:nth-child(even) .privacy-art{order:1}
.privacy-copy{padding:48px}.privacy-copy h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.06em;margin-bottom:18px}.privacy-copy p{color:var(--muted);font-size:1.08rem}.privacy-copy a{color:var(--accent-dark);font-weight:900;display:inline-block;margin-top:18px}
.privacy-art{min-height:420px;background:var(--accent-soft);display:grid;place-items:center;padding:28px}
.big-circle-art{width:260px;height:260px;border-radius:50%;background:var(--card);box-shadow:0 26px 60px rgba(0,0,0,.16);position:relative;display:grid;place-items:center;font-size:4rem}
.big-circle-art:before,.big-circle-art:after{content:"";position:absolute;border-radius:24px;background:var(--card);border:1px solid var(--border);box-shadow:0 18px 30px rgba(0,0,0,.10)}
.big-circle-art:before{width:120px;height:70px;left:-42px;top:28px}.big-circle-art:after{width:140px;height:82px;right:-48px;bottom:18px}
.article-page{padding:70px 0 90px}.page-hero{padding:66px 0 34px;text-align:center}.page-hero p{margin:auto}.article-shell{display:grid;grid-template-columns:290px 1fr;gap:34px;align-items:start}
.side-nav{position:sticky;top:calc(var(--nav-h) + 22px);background:var(--card);border:1px solid var(--border);border-radius:26px;padding:18px;box-shadow:var(--shadow)}
.side-nav h3{font-size:1rem;margin:8px 10px 12px}.side-nav a{display:block;padding:10px 12px;border-radius:14px;color:var(--muted);font-weight:750}.side-nav a:hover{background:var(--accent-soft);color:var(--text)}
.article-card{background:var(--card);border:1px solid var(--border);border-radius:36px;padding:44px;box-shadow:var(--shadow)}
.article-card section{padding:26px 0;border-bottom:1px solid var(--border)}.article-card section:last-child{border-bottom:0}.article-card h2{font-size:1.65rem;letter-spacing:-.03em;margin-bottom:10px}.article-card p{color:var(--muted);margin-bottom:10px}.article-card ul{padding-left:20px;color:var(--muted)}
.guide-steps{display:grid;gap:18px}.guide-step{display:grid;grid-template-columns:74px 1fr;gap:18px;background:var(--bg-soft);border:1px solid var(--border);border-radius:26px;padding:22px}.guide-num{width:58px;height:58px;border-radius:50%;background:var(--accent);color:white;display:grid;place-items:center;font-weight:900;font-size:1.25rem}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:24px}table{width:100%;border-collapse:collapse;background:var(--card)}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--accent-soft)}
.faq-list{max-width:900px;margin:auto;display:grid;gap:14px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.06)}.faq-question{width:100%;background:none;border:0;color:var(--text);display:flex;justify-content:space-between;gap:20px;text-align:left;padding:20px 22px;font-weight:900;cursor:pointer}.faq-answer{max-height:0;overflow:hidden;transition:max-height .25s ease}.faq-answer p{padding:0 22px 22px;color:var(--muted)}.faq-item.active .faq-answer{max-height:220px}.faq-item.active .plus{transform:rotate(45deg)}.plus{transition:.2s;font-size:1.5rem}
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--border);border-radius:18px;padding:15px 16px;background:var(--bg-soft);color:var(--text);outline:none}.contact-form textarea{min-height:130px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.form-msg{font-weight:800;color:var(--accent-dark);min-height:24px}.submit-btn{background:var(--accent);color:white;padding:15px 20px;width:max-content}
.footer{background:#0d1712;color:#f8fff9;padding:64px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}.footer h3,.footer h4{margin-bottom:14px}.footer p,.footer a{color:#bcd3c6}.footer a{display:block;margin:8px 0}.footer a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#bcd3c6}
.back-top{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:var(--shadow);cursor:pointer;display:none;z-index:900}.back-top.show{display:grid;place-items:center}
.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:991px){
  .hamburger{display:flex}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;background:var(--bg-soft);border-bottom:1px solid var(--border);padding:18px 4%;display:none;flex-direction:column;align-items:flex-start;gap:12px}.nav-links.show{display:flex}.nav-actions .pill-btn{display:none}.hero-grid,.grid-2,.two-col-visual,.privacy-band,.contact-grid,.article-shell{grid-template-columns:1fr}.privacy-band:nth-child(even) .privacy-copy,.privacy-band:nth-child(even) .privacy-art{order:initial}.grid-3{grid-template-columns:1fr 1fr}.simple-flow{grid-template-columns:1fr 1fr}.side-nav{position:static}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:54px}.wa-visual{min-height:440px}.phone-frame{width:230px}.float-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-top:10px;width:max-content}.wa-visual{display:flex;flex-direction:column;align-items:center}}
@media(max-width:575px){
  :root{--nav-h:72px}.logo span:last-child{max-width:170px;line-height:1.1}.nav-actions{gap:6px}.icon-btn,.hamburger{width:38px;height:38px}.lang-select{width:82px;font-size:.8rem;padding:0 8px}.grid-3,.simple-flow,.footer-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:2.55rem}.section{padding:62px 0}.card,.wide-panel,.article-card{padding:24px;border-radius:24px}.privacy-copy{padding:28px}.privacy-art{min-height:300px}.big-circle-art{width:210px;height:210px}.guide-step{grid-template-columns:1fr}.footer-bottom{display:block}.phone-frame{width:210px}.phone-screen{height:430px}.wa-visual{padding:18px}.hero-actions .pill-btn,.hero-actions .outline-btn{width:100%}.footer{padding-top:44px}}

/* Navbar overflow fix - keeps the rest of the design unchanged */
.nav-inner{
  min-width:0;
}
.logo{
  min-width:0;
  flex:0 1 320px;
}
.logo span:last-child{
  display:block;
  max-width:300px;
  line-height:1.08;
  white-space:normal;
}
.nav-links{
  min-width:0;
  flex:1 1 auto;
  justify-content:center;
  gap:clamp(10px,1.15vw,18px);
  font-size:clamp(.82rem,.86vw,.95rem);
}
.nav-actions{
  flex:0 0 auto;
}
.nav-actions .pill-btn{
  padding:10px 14px;
  font-size:.9rem;
}

@media(max-width:1180px){
  .hamburger{display:flex}
  .nav-links{
    position:fixed;
    top:var(--nav-h);
    left:0;
    right:0;
    background:var(--bg-soft);
    border-bottom:1px solid var(--border);
    padding:18px 4%;
    display:none;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
  }
  .nav-links.show{display:flex}
  .nav-actions .pill-btn{display:none}
  .logo{flex:1 1 auto}
}

@media(max-width:575px){
  .nav-inner{gap:8px}
  .logo{gap:7px;font-size:.88rem;flex:1 1 auto}
  .logo-mark{width:36px;height:36px;font-size:.88rem;flex:0 0 36px}
  .logo span:last-child{max-width:128px;line-height:1.05}
  .nav-actions{gap:5px}
  .lang-select{width:72px;height:36px;font-size:.74rem;padding:0 6px}
  .icon-btn,.hamburger{width:36px;height:36px;flex:0 0 36px}
}

@media(max-width:380px){
  .logo span:last-child{max-width:96px;font-size:.78rem}
  .logo-mark{width:34px;height:34px;flex-basis:34px}
  .lang-select{width:66px}
  .icon-btn,.hamburger{width:34px;height:34px;flex-basis:34px}
}

/* Final navbar readability fix: stop menu words breaking and switch to hamburger earlier */
.nav-links a{
  white-space:nowrap;
  line-height:1;
}

@media(min-width:1281px){
  .nav-links{
    gap:14px;
    font-size:.86rem;
  }
  .nav-actions .pill-btn{
    padding:10px 16px;
    font-size:.9rem;
  }
}

@media(max-width:1280px){
  .navbar{height:var(--nav-h)}
  .hamburger{display:flex}
  .nav-links{
    position:fixed;
    top:var(--nav-h);
    left:0;
    right:0;
    background:var(--bg-soft);
    border-bottom:1px solid var(--border);
    padding:18px 4%;
    display:none;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
    z-index:999;
  }
  .nav-links.show{display:flex}
  .nav-links a{
    white-space:normal;
    line-height:1.25;
  }
  .nav-actions .pill-btn{display:none}
  .logo{flex:1 1 auto;min-width:0}
}

@media(max-width:575px){
  .navbar{overflow:hidden}
  .nav-links.show{display:flex}
  .logo span:last-child{
    max-width:118px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

/* FINAL FIX: Desktop menu must stay visible; hamburger only on mobile/tablet */
@media (min-width: 992px){
  .navbar{overflow:visible !important;}
  .nav-inner{display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; min-width:0 !important;}
  .hamburger{display:none !important;}
  .nav-links{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(8px, .9vw, 16px) !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    font-size:clamp(.78rem, .82vw, .94rem) !important;
  }
  .nav-links a{
    white-space:nowrap !important;
    line-height:1 !important;
  }
  .logo{
    flex:0 1 285px !important;
    min-width:0 !important;
  }
  .logo-mark{
    flex:0 0 42px !important;
  }
  .logo span:last-child{
    max-width:230px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:normal !important;
    line-height:1.08 !important;
  }
  .nav-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex:0 0 auto !important;
  }
  .nav-actions .pill-btn{
    display:inline-flex !important;
    padding:10px 14px !important;
    font-size:.86rem !important;
  }
}

/* Medium desktop: keep menu visible, hide download button only to save space */
@media (min-width: 992px) and (max-width: 1240px){
  .logo{flex-basis:245px !important;}
  .logo-mark{width:38px !important; height:38px !important; flex-basis:38px !important;}
  .logo span:last-child{max-width:190px !important; font-size:.9rem !important;}
  .nav-links{gap:8px !important; font-size:.78rem !important;}
  .nav-actions .pill-btn{display:none !important;}
  .lang-select{width:76px !important; max-width:76px !important; padding:0 8px !important;}
  .icon-btn{width:40px !important; height:40px !important;}
}

/* Mobile/tablet: hamburger menu */
@media (max-width: 991px){
  .hamburger{display:flex !important;}
  .nav-links{
    position:fixed !important;
    top:var(--nav-h) !important;
    left:0 !important;
    right:0 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
    padding:18px 4% !important;
    background:var(--bg-soft) !important;
    border-bottom:1px solid var(--border) !important;
    box-shadow:0 20px 40px rgba(0,0,0,.08) !important;
    z-index:999 !important;
  }
  .nav-links.show{display:flex !important;}
  .nav-links a{white-space:normal !important; line-height:1.25 !important;}
  .nav-actions .pill-btn{display:none !important;}
}

/* FINAL REQUEST FIX: show download button on desktop and add clean spacing between menu links */
@media (min-width: 1251px){
  .container.nav-inner{
    width:min(1280px,96%) !important;
  }
  .logo{
    flex:0 0 250px !important;
  }
  .logo span:last-child{
    max-width:195px !important;
    font-size:.94rem !important;
  }
  .nav-links{
    gap:clamp(18px,1.55vw,28px) !important;
    font-size:.94rem !important;
  }
  .nav-actions{
    gap:12px !important;
  }
  .nav-actions .pill-btn{
    display:inline-flex !important;
    padding:11px 18px !important;
    font-size:.9rem !important;
  }
}

@media (min-width: 1101px) and (max-width: 1250px){
  .container.nav-inner{
    width:98% !important;
  }
  .logo{
    flex:0 0 210px !important;
  }
  .logo span:last-child{
    max-width:160px !important;
    font-size:.84rem !important;
  }
  .nav-links{
    gap:12px !important;
    font-size:.8rem !important;
  }
  .nav-actions{
    gap:8px !important;
  }
  .nav-actions .pill-btn{
    display:inline-flex !important;
    padding:9px 12px !important;
    font-size:.78rem !important;
  }
  .lang-select{
    width:74px !important;
    max-width:74px !important;
    padding:0 8px !important;
  }
  .icon-btn{
    width:38px !important;
    height:38px !important;
  }
}

@media (min-width: 992px) and (max-width: 1100px){
  .container.nav-inner{
    width:98% !important;
  }
  .logo{
    flex:0 0 42px !important;
  }
  .logo span:last-child{
    display:none !important;
  }
  .nav-links{
    gap:9px !important;
    font-size:.74rem !important;
  }
  .nav-actions{
    gap:6px !important;
  }
  .nav-actions .pill-btn{
    display:inline-flex !important;
    padding:8px 10px !important;
    font-size:.72rem !important;
  }
  .lang-select{
    width:68px !important;
    max-width:68px !important;
    height:38px !important;
    padding:0 6px !important;
  }
  .icon-btn{
    width:38px !important;
    height:38px !important;
  }
}

@media (max-width: 991px){
  .nav-actions .pill-btn{
    display:none !important;
  }
}


/* =========================================================
   FINAL USER REQUEST: WhatsApp-style spaced navbar
   - Desktop menu visible
   - Clean spacing like screenshot
   - Active item has soft blue pill background
   - Download App button visible on large desktop
   ========================================================= */
@media (min-width: 992px){
  .container.nav-inner{
    width:min(1380px,96%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    min-width:0 !important;
  }

  .hamburger{
    display:none !important;
  }

  .logo{
    flex:0 0 270px !important;
    min-width:0 !important;
  }

  .logo-mark{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
  }

  .logo span:last-child{
    display:block !important;
    max-width:210px !important;
    font-size:.98rem !important;
    line-height:1.08 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  .nav-links{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    gap:clamp(20px,2.1vw,38px) !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .nav-links a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    line-height:1 !important;
    padding:14px 16px !important;
    border-radius:14px !important;
    color:var(--muted) !important;
    font-size:1rem !important;
    font-weight:800 !important;
    background:transparent !important;
    text-decoration:none !important;
    transition:background .2s ease,color .2s ease,transform .2s ease !important;
  }

  .nav-links a:hover,
  .nav-links a.active{
    background:color-mix(in srgb,var(--accent-soft) 68%,#e7f2ff) !important;
    color:var(--accent-dark) !important;
  }

  .nav-links a:hover{
    transform:translateY(-1px) !important;
  }

  .nav-actions{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex:0 0 auto !important;
  }

  .nav-actions .pill-btn{
    display:inline-flex !important;
    padding:12px 18px !important;
    font-size:.92rem !important;
  }
}

/* Slightly smaller desktops: keep the same spaced look, hide only the download button if needed */
@media (min-width: 992px) and (max-width: 1220px){
  .container.nav-inner{
    width:98% !important;
    gap:12px !important;
  }

  .logo{
    flex:0 0 225px !important;
  }

  .logo span:last-child{
    max-width:170px !important;
    font-size:.88rem !important;
  }

  .nav-links{
    gap:clamp(14px,1.7vw,24px) !important;
  }

  .nav-links a{
    padding:12px 12px !important;
    font-size:.9rem !important;
  }

  .nav-actions .pill-btn{
    display:none !important;
  }
}

/* Tablet and mobile: menu goes inside hamburger */
@media (max-width: 991px){
  .hamburger{
    display:flex !important;
  }

  .nav-links{
    position:fixed !important;
    top:var(--nav-h) !important;
    left:0 !important;
    right:0 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
    padding:18px 4% !important;
    background:var(--bg-soft) !important;
    border-bottom:1px solid var(--border) !important;
    box-shadow:0 20px 40px rgba(0,0,0,.08) !important;
    z-index:999 !important;
  }

  .nav-links.show{
    display:flex !important;
  }

  .nav-links a{
    width:100% !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    line-height:1.25 !important;
    padding:12px 14px !important;
    border-radius:14px !important;
  }

  .nav-links a:hover,
  .nav-links a.active{
    background:var(--accent-soft) !important;
    color:var(--accent-dark) !important;
  }

  .nav-actions .pill-btn{
    display:none !important;
  }
}


/* =========================================================
   FINAL NAVBAR FIX: Screenshot-like spacing + Download App visible
   - Desktop: links stay visible with proper spacing
   - Download App button stays visible on desktop/large laptop
   - Tablet/mobile: hamburger menu; download button hidden to avoid overflow
   ========================================================= */
@media (min-width: 1180px){
  .navbar{overflow:visible !important;}
  .container.nav-inner{
    width:min(1500px,94%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:22px !important;
    min-width:0 !important;
  }
  .logo{
    flex:0 0 245px !important;
    min-width:0 !important;
    gap:12px !important;
  }
  .logo-mark{
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    font-size:1rem !important;
  }
  .logo span:last-child{
    max-width:185px !important;
    font-size:.95rem !important;
    line-height:1.08 !important;
    white-space:normal !important;
  }
  .nav-links{
    position:static !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    gap:clamp(24px,2.6vw,46px) !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .nav-links a{
    width:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    line-height:1 !important;
    padding:13px 16px !important;
    border-radius:13px !important;
    font-size:1rem !important;
    font-weight:700 !important;
    color:var(--muted) !important;
    background:transparent !important;
  }
  .nav-links a:hover,
  .nav-links a.active{
    background:#eaf4ff !important;
    color:#1473d2 !important;
  }
  body.dark .nav-links a:hover,
  body.dark .nav-links a.active{
    background:rgba(93,173,226,.16) !important;
    color:#8cc8ff !important;
  }
  .nav-actions{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
  }
  .nav-actions .pill-btn,
  .nav-actions .nav-download{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    padding:13px 18px !important;
    font-size:.92rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  .hamburger{display:none !important;}
}

.powered-by {
  margin-top: 10px;
  font-size: 13px;
  font-family: none;
  color: var(--text-muted);
}

.powered-by a {
  color: #2563EB;
  font-weight: 700;
  text-decoration: none;
}

.powered-by a:hover {
  text-decoration: underline;
}


@media (min-width: 1180px) and (max-width: 1340px){
  .container.nav-inner{width:98% !important;gap:14px !important;}
  .logo{flex-basis:215px !important;}
  .logo span:last-child{max-width:158px !important;font-size:.86rem !important;}
  .nav-links{gap:clamp(16px,1.7vw,28px) !important;}
  .nav-links a{padding:12px 12px !important;font-size:.9rem !important;}
  .nav-actions{gap:8px !important;}
  .nav-actions .pill-btn,.nav-actions .nav-download{padding:12px 14px !important;font-size:.84rem !important;}
  .lang-select{width:82px !important;}
  .icon-btn{width:42px !important;height:42px !important;}
}

@media (min-width: 992px) and (max-width: 1179px){
  .container.nav-inner{width:96% !important;gap:14px !important;}
  .nav-links{display:none !important;}
  .nav-links.show{
    position:fixed !important;
    top:var(--nav-h) !important;
    left:0 !important;
    right:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
    padding:18px 4% !important;
    background:var(--bg-soft) !important;
    border-bottom:1px solid var(--border) !important;
    box-shadow:0 20px 40px rgba(0,0,0,.08) !important;
    z-index:999 !important;
  }
  .hamburger{display:flex !important;}
  .nav-actions .pill-btn,.nav-actions .nav-download{display:inline-flex !important;}
}

@media (max-width: 991px){
  .nav-actions .pill-btn,.nav-actions .nav-download{display:none !important;}
}


/* Active navbar link highlight */
.nav-links a {
  position: relative;
  padding: 14px 20px;
  border-radius: 14px;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.nav-links a.active {
  background: #e8f3ff;
  color: #1273d8;
  font-weight: 700;
}

[data-theme="dark"] .nav-links a.active {
  background: rgba(255,255,255,0.12);
  color: #ffffff;
}

/* Anchor scroll offset for sticky navbar */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 40px;
}

[id] {
  scroll-margin-top: 40px;
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: 115px;
  }

  [id] {
    scroll-margin-top: 115px;
  }
}