*{box-sizing:border-box}
:root{
  --bg:#f3f7f6;
  --surface:#ffffff;
  --ink:#172126;
  --muted:#65746f;
  --line:#d8e4e0;
  --brand:#16a078;
  --brand-deep:#0e7f5f;
  --whatsapp:#137a42;
  --whatsapp-deep:#0f6537;
  --green:#172126;
  --green-2:#263632;
  --lime:#79dfbe;
  --radius:24px;
  --shadow:0 22px 60px rgba(23,33,38,.11);
}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"DM Sans",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:1rem;top:1rem;background:white;padding:.75rem 1rem;z-index:999}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{
  position:sticky;top:0;z-index:50;
  min-height:80px;padding:0 clamp(18px,4vw,64px);
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;
  background:rgba(243,247,246,.94);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(19,35,31,.09)
}
.brand{display:grid;align-items:center;gap:.08rem;min-width:max-content}
.brand-logo{display:block;width:clamp(138px,13vw,172px);height:auto}
.brand small{display:block;padding-left:.1rem;color:var(--muted);font-size:.66rem;line-height:1.1}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,2vw,2rem);font-size:.83rem;font-weight:600}
.main-nav a{padding:.65rem 0}
.main-nav a:hover{color:var(--brand-deep)}
.nav-cta{border:1px solid var(--brand-deep);color:var(--brand-deep);padding:.7rem 1rem!important;border-radius:999px}
.nav-cta:hover{background:var(--brand-deep);color:#fff!important}
.language-switcher{display:flex;align-items:center;gap:.32rem;font-size:.76rem;font-weight:700}
.lang-btn{border:0;background:none;color:var(--muted);cursor:pointer;padding:.3rem}
.lang-btn.active{color:var(--brand-deep)}
.nav-toggle{display:none;border:0;background:none;width:38px;height:38px;padding:8px}
.nav-toggle span:not(.sr-only){display:block;height:2px;background:var(--ink);margin:5px 0}

.hero{padding:clamp(56px,8vw,120px) clamp(20px,5vw,80px) 70px}
.hero-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(3rem,8vw,8rem);align-items:center}
.eyebrow{margin:0 0 1.15rem;font-size:.72rem;letter-spacing:.16em;font-weight:700;color:var(--brand-deep)}
.eyebrow.light{color:var(--lime)}
h1,h2,h3{font-family:"Manrope",sans-serif;margin-top:0;letter-spacing:-.04em}
h1{font-size:clamp(3.35rem,6.5vw,7.4rem);line-height:.95;margin-bottom:1.8rem;max-width:950px}
.hero-lead{max-width:760px;font-size:clamp(1.05rem,1.5vw,1.32rem);line-height:1.6;color:#526660;margin:0 0 1.2rem}
.hero-difference{max-width:760px;font-weight:700;font-size:1rem;line-height:1.55;margin:0}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2.2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.95rem 1.3rem;border:1px solid var(--ink);font-size:.82rem;font-weight:700;cursor:pointer;transition:.2s}
.btn-primary{background:var(--ink);color:var(--bg)}
.btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep)}
.btn-secondary:hover{background:var(--surface)}
.hero-actions .btn-primary{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}
.hero-actions .btn-primary:hover{background:var(--ink);border-color:var(--ink)}
.hero-tags{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:2.3rem}
.hero-tags span{border:1px solid var(--line);border-radius:999px;padding:.55rem .8rem;font-size:.74rem;color:var(--muted);background:rgba(255,255,255,.58)}

.hero-panel{background:var(--green);color:#f3f7f6;border-radius:32px;padding:1.35rem;box-shadow:var(--shadow)}
.panel-top,.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.panel-top{font-size:.74rem;color:#c8d0cb;padding:.4rem .25rem 1.2rem}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:.45rem;box-shadow:0 0 0 5px rgba(121,223,190,.09)}
.panel-badge{font-weight:800;letter-spacing:.13em;font-size:.63rem;border:1px solid #49655c;border-radius:999px;padding:.42rem .65rem}
.flow-card{background:var(--surface);border-radius:23px;padding:1.15rem;color:var(--ink)}
.flow-node{display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e9e6;border-radius:16px;padding:.9rem 1rem;background:white}
.flow-node.active{border-color:#77cdb3;background:#edf9f5}
.flow-node span{font-size:.68rem;color:var(--muted);font-weight:700}
.flow-node strong{font-size:.88rem}
.connector{height:16px;width:1px;background:#d1dfda;margin:auto}
.panel-footer{padding:1.15rem .25rem .2rem;align-items:flex-start;flex-direction:column}
.panel-footer strong{font-size:.9rem}
.panel-footer span{font-size:.75rem;color:#a9b5b0}

.proof-strip{max-width:1440px;margin:0 auto 20px;padding:0 clamp(20px,5vw,80px);display:grid;grid-template-columns:repeat(3,1fr)}
.proof-strip>div{padding:1.8rem 2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-strip>div+div{border-left:1px solid var(--line)}
.proof-strip strong{display:block;font-family:"Manrope",sans-serif;font-size:.9rem;margin-bottom:.35rem}
.proof-strip span{display:block;font-size:.78rem;color:var(--muted);line-height:1.5}

.product-section{padding:clamp(76px,9vw,132px) clamp(20px,5vw,80px);background:var(--green);color:#f3f7f6}
.product-intro{max-width:1440px;margin:0 auto clamp(2.2rem,5vw,4.5rem);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(2rem,7vw,7rem);align-items:end}
.product-intro .eyebrow{grid-column:1/-1;margin-bottom:-1rem}
.product-intro h2{font-size:clamp(2.7rem,5vw,5.6rem);line-height:1.02;margin:0;max-width:920px}
.product-intro>p:last-child{margin:0 0 .4rem;color:#aebbb5;font-size:1rem;line-height:1.7;max-width:650px}
.product-window{max-width:1440px;margin:0 auto;background:#f7f8f5;border:1px solid #3b5049;border-radius:24px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.26)}
.product-window-bar{height:50px;padding:0 1.15rem;display:flex;align-items:center;gap:.48rem;background:#1a2e29;border-bottom:1px solid #314840;color:#cbd5d1}
.product-window-bar span{width:9px;height:9px;border-radius:50%;background:#658078}
.product-window-bar span:first-child{background:var(--brand)}
.product-window-bar strong{margin-left:.65rem;font-size:.78rem;letter-spacing:.04em}
.product-window img{display:block;width:100%;height:auto;background:#eef2ef}
.product-window figcaption{padding:1rem 1.25rem;background:#f7f8f5;color:#64736e;font-size:.78rem;line-height:1.5}

.section{padding:clamp(80px,10vw,145px) clamp(20px,5vw,80px)}
.section-heading{max-width:870px;margin-bottom:4rem}
.section-heading h2{font-size:clamp(2.7rem,5vw,5.5rem);line-height:1.02;margin-bottom:1.4rem}
.section-heading>p:last-child{max-width:720px;color:var(--muted);font-size:1rem;line-height:1.65}
.timeline{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.timeline article{padding:2rem 2rem 2.5rem;border-bottom:1px solid var(--line)}
.timeline article:not(:nth-child(3n+1)){border-left:1px solid var(--line)}
.step{display:block;color:var(--brand-deep);font-size:.7rem;font-weight:800;letter-spacing:.12em;margin-bottom:2.4rem}
.timeline h3{font-size:1.28rem;margin-bottom:.8rem}
.timeline p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}

.section-dark{background:var(--green);color:#f3f7f6}
.section-dark .section-heading>p:last-child{color:#aebbb5}
.module-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3a4945;border:1px solid #3a4945}
.module-grid article{background:var(--green);padding:2.2rem;min-height:245px}
.icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--green-2);color:var(--lime);font-size:1rem;margin-bottom:3.2rem}
.module-grid h3{font-size:1.35rem;margin-bottom:.7rem}
.module-grid p{margin:0;color:#9fafaa;line-height:1.55;font-size:.88rem}

.split{max-width:1440px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:start}
.sticky-heading{position:sticky;top:130px}
.sector-list{border-top:1px solid var(--line)}
.sector-list div{display:grid;grid-template-columns:70px 1fr;align-items:center;padding:1.55rem 0;border-bottom:1px solid var(--line)}
.sector-list span{color:var(--brand-deep);font-size:.7rem;font-weight:800}
.sector-list strong{font-family:"Manrope",sans-serif;font-size:clamp(1.25rem,2vw,2rem);letter-spacing:-.025em}

.method-section{background:#e8f1ee}
.method-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.method-grid article{background:var(--surface);border-radius:20px;padding:2rem;min-height:280px}
.method-grid span{display:block;color:var(--brand-deep);font-size:.68rem;font-weight:800;margin-bottom:4rem}
.method-grid h3{font-size:1.35rem;margin-bottom:.8rem}
.method-grid p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}

.pilot-section{padding:0 clamp(20px,5vw,80px) clamp(80px,10vw,145px);background:#e8f1ee}
.pilot-card{max-width:1440px;margin:auto;background:var(--brand-deep);color:#effcf7;border-radius:32px;padding:clamp(2.2rem,6vw,5.5rem)}
.pilot-card h2{font-size:clamp(2.6rem,5.5vw,6rem);line-height:1;max-width:1100px;margin-bottom:1.5rem}
.pilot-card>p:last-child{max-width:760px;color:#bfe8da;line-height:1.7}

.contact-section{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}
.contact-copy h2{font-size:clamp(2.8rem,5vw,5.6rem);line-height:1.02;margin-bottom:1.5rem}
.contact-copy>p:last-child{max-width:700px;color:var(--muted);line-height:1.65}
.contact-box{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:2.4rem;box-shadow:0 15px 50px rgba(17,35,31,.05)}
.contact-kicker{display:block;color:var(--brand-deep);font-size:.7rem;letter-spacing:.12em;font-weight:800;margin-bottom:2rem}
.contact-box h3{font-size:1.8rem;margin-bottom:.8rem}
.contact-box p{color:var(--muted);line-height:1.6;font-size:.9rem;margin-bottom:1.5rem}
.whatsapp-btn{
  gap:.6rem;width:max-content;
  background:var(--whatsapp);border-color:var(--whatsapp);color:#fff;
  box-shadow:0 10px 24px rgba(19,122,66,.2)
}
.whatsapp-btn:hover{background:var(--whatsapp-deep);border-color:var(--whatsapp-deep);color:#fff}

footer{min-height:120px;border-top:1px solid var(--line);padding:2rem clamp(20px,5vw,80px);display:grid;grid-template-columns:1fr auto auto;gap:3rem;align-items:center;color:var(--muted);font-size:.76rem}
.footer-brand{color:var(--ink)}
.footer-logo{width:160px}

@media(max-width:1050px){
  .site-header{grid-template-columns:auto auto auto}
  .nav-toggle{display:block;justify-self:end}
  .main-nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:1.4rem 4vw;flex-direction:column;align-items:flex-start}
  .main-nav.open{display:flex}
  .language-switcher{grid-column:3;grid-row:1;justify-self:end;margin-right:50px}
  .hero-grid{grid-template-columns:1fr}
  .hero-panel{max-width:720px}
  .proof-strip{grid-template-columns:1fr}
  .proof-strip>div+div{border-left:0;border-top:0}
  .product-intro{grid-template-columns:1fr}
  .product-intro .eyebrow{grid-column:auto;margin-bottom:-.5rem}
  .timeline{grid-template-columns:repeat(2,1fr)}
  .timeline article:not(:nth-child(3n+1)){border-left:0}
  .timeline article:nth-child(even){border-left:1px solid var(--line)}
  .module-grid{grid-template-columns:repeat(2,1fr)}
  .method-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .site-header{padding:0 18px}
  .brand small{display:none}
  .language-switcher{margin-right:44px}
  .hero{padding-top:58px}
  h1{font-size:clamp(3rem,14vw,4.9rem)}
  .hero-actions{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .timeline,.module-grid,.method-grid,.split,.contact-section{grid-template-columns:1fr}
  .timeline article:nth-child(even){border-left:0}
  .module-grid{gap:1px}
  .sticky-heading{position:static}
  .proof-strip{padding:0 20px}
  .product-window{border-radius:16px}
  .product-window-bar{height:42px}
  .product-window figcaption{font-size:.75rem}
  .sector-list{margin-top:-1rem}
  .pilot-card{border-radius:22px}
  footer{grid-template-columns:1fr;gap:1rem}
}