:root{--bg:#f7fbfc;--ink:#102b34;--muted:#64767b;--green:#68bfd0;--green2:#ffd21c;--dark:#082630;--line:rgba(16,43,52,.12);--shadow:0 24px 70px rgba(8,38,48,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}img{max-width:100%}button,input,select,textarea{font:inherit}.progress{position:fixed;inset:0 0 auto;z-index:1000;height:3px}.progress span{display:block;width:0;height:100%;background:var(--green)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,72px);transition:.3s}.site-header.scrolled{background:rgba(8,38,48,.90);backdrop-filter:blur(16px);box-shadow:0 10px 35px rgba(0,0,0,.15)}.brand img{display:block}.main-nav{display:flex;align-items:center;gap:26px}.main-nav a{color:white;text-decoration:none;font-size:.94rem}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:white;margin:5px}.btn{border:0;border-radius:999px;padding:14px 21px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#082630;box-shadow:0 10px 30px rgba(104,191,208,.28)}.btn-light{background:white;color:#0b1711}.btn-ghost{border:1px solid rgba(255,255,255,.35);color:white;background:rgba(255,255,255,.08)}.btn-small{padding:10px 16px}.full{width:100%}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:130px clamp(20px,7vw,110px) 80px;color:white;overflow:hidden}.hero-video,.hero-overlay,.hero-grid{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(5,31,39,.92) 0%,rgba(5,31,39,.72) 48%,rgba(5,31,39,.36) 100%),linear-gradient(0deg,rgba(5,31,39,.75),transparent 45%)}.hero-grid{opacity:.17;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,#000,transparent)}.hero-content{position:relative;z-index:2;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.77rem;font-weight:800;color:var(--green2);margin:0 0 16px}.eyebrow.dark{color:#4aaabd}.hero h1{font-size:clamp(3.4rem,8vw,7.6rem);line-height:.88;letter-spacing:-.065em;margin:0}.hero h1 span{color:var(--green)}.hero-copy{max-width:660px;font-size:clamp(1.05rem,2vw,1.3rem);color:rgba(255,255,255,.82);margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:.9rem;color:rgba(255,255,255,.75)}.hero-trust b{color:var(--green)}.hero-card{position:absolute;right:6vw;bottom:9vh;z-index:2;width:min(340px,30vw);padding:24px}.glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);border-radius:22px}.hero-card strong{font-size:1.2rem;display:block}.hero-card p{color:rgba(255,255,255,.7)}.hero-card a{color:var(--green2);text-decoration:none}.status-dot{width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 0 8px rgba(46,209,122,.12);margin-bottom:18px}.label{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.scroll-cue{position:absolute;bottom:24px;left:50%;z-index:3;width:28px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:20px}.scroll-cue span{display:block;width:4px;height:8px;border-radius:3px;background:white;margin:8px auto;animation:scroll 1.6s infinite}@keyframes scroll{50%{transform:translateY(15px);opacity:.2}}.section{padding:110px clamp(20px,7vw,110px)}.section-head{max-width:850px;margin-bottom:50px}.section-head h2,.calculator-copy h2,.cta-band h2,.contact-card h2{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 20px}.section-head p{color:var(--muted);font-size:1.08rem}.section-head.split{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.stats-grid,.service-grid,.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card,.service-card{background:white;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 12px 35px rgba(6,18,12,.05)}.stat-number{display:block;font-size:3.3rem;font-weight:850;color:#4aaabd}.service-card{position:relative;min-height:420px}.service-card h3{font-size:1.45rem}.service-card p,.service-card li{color:var(--muted)}.service-card ul{padding-left:18px}.icon-wrap{width:58px;height:58px;border-radius:16px;background:#e9f9fc;display:grid;place-items:center}.icon-wrap img{width:30px}.service-index{position:absolute;right:24px;top:24px;color:#9eaaa4;font-weight:800}.compare-wrap{position:relative;aspect-ratio:16/8;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.compare-image{position:absolute;inset:0;background-size:cover;background-position:center}.compare-image.before{background-image:linear-gradient(rgba(105,74,30,.32),rgba(105,74,30,.32)),url('assets/panels-before.svg')}.compare-image.after{background-image:url('assets/panels-after.svg');clip-path:inset(0 48% 0 0)}.compare-image span{position:absolute;top:22px;padding:8px 13px;border-radius:999px;background:rgba(6,18,12,.72);color:white;font-weight:700}.before span{right:22px}.after span{left:22px}.compare-wrap input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4}.compare-handle{position:absolute;top:0;bottom:0;left:52%;width:3px;background:white;z-index:3;pointer-events:none}.compare-handle i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:white;display:grid;place-items:center;font-style:normal;box-shadow:0 5px 20px rgba(0,0,0,.25)}.fineprint{font-size:.84rem;color:var(--muted)}.dark-section{background:var(--dark);color:white}.dark-section .section-head p,.audience-card p{color:rgba(255,255,255,.65)}.audience-card{border:1px solid rgba(255,255,255,.12);padding:28px;border-radius:22px;background:rgba(255,255,255,.04)}.audience-card span{color:var(--green);font-weight:800}.calculator-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.calculator{background:white;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.calculator label{display:block;margin-bottom:22px;font-weight:700}.calculator output{float:right;color:#4aaabd}.calculator input[type=range]{width:100%;accent-color:var(--green)}.input-unit{display:flex;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:8px}.input-unit input{border:0;padding:13px;width:100%;outline:0}.input-unit span{padding:13px;background:#eef3f0;color:var(--muted)}.calc-result{background:var(--dark);color:white;border-radius:20px;padding:24px;margin:22px 0}.calc-result strong{display:block;font-size:3rem;color:var(--green);line-height:1.1}.calc-result small{color:rgba(255,255,255,.55)}.calc-note{background:#eefafd;border-radius:16px;padding:16px;color:#355d66}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:white;border:1px solid var(--line);border-radius:20px;padding:24px}.step>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);font-weight:800}.step p{color:var(--muted)}.cta-band{margin:0 clamp(20px,4vw,60px);padding:70px clamp(24px,6vw,80px);background:linear-gradient(120deg,#68bfd0,#ffd21c);border-radius:32px;display:flex;justify-content:space-between;align-items:end;gap:30px}.cta-band h2{max-width:780px;color:#082630}.cta-band .eyebrow{color:#082630}.accordion{max-width:950px}.accordion details{background:white;border:1px solid var(--line);border-radius:18px;margin:12px 0;padding:21px 24px}.accordion summary{font-weight:800;cursor:pointer}.accordion p{color:var(--muted)}.contact-card{background:var(--dark);color:white;border-radius:32px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}.contact-card p{color:rgba(255,255,255,.67)}.contact-points{display:grid;gap:10px}.contact-points a,.contact-points span{color:white;text-decoration:none}.contact-form{background:white;color:var(--ink);padding:28px;border-radius:22px}.contact-form label{display:block;font-weight:700;margin-bottom:15px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;margin-top:7px;background:white}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex!important;gap:10px;font-size:.8rem;color:var(--muted)}.check input{width:auto!important}.form-hint{font-size:.8rem!important;color:var(--muted)!important}.footer-main,.footer-bottom{padding:45px clamp(20px,7vw,110px);background:#061c24;color:white}.footer-main{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:center}.footer-main p{color:rgba(255,255,255,.55)}.footer-links{display:grid;gap:8px}.footer-links a{color:white;text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;padding-bottom:18px;display:flex;justify-content:space-between;color:rgba(255,255,255,.45);font-size:.84rem}.whatsapp{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;z-index:80;box-shadow:0 15px 40px rgba(0,0,0,.25)}.whatsapp svg{width:31px;fill:white}.booking-modal{border:0;border-radius:26px;padding:0;width:min(560px,92vw);box-shadow:var(--shadow)}.booking-modal::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.modal-content{padding:38px}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:2rem;cursor:pointer}.booking-options{display:grid;gap:12px}.booking-option{padding:18px;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);display:grid}.booking-option span{color:var(--muted);font-size:.9rem}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:#082630;color:white;padding:14px 20px;border-radius:999px;z-index:200;transition:.3s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(28px);transition:.75s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media(max-width:980px){.main-nav{position:fixed;inset:72px 16px auto;background:#082630;border-radius:18px;padding:22px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block}.hero-card{display:none}.stats-grid,.service-grid,.audience-grid,.timeline{grid-template-columns:repeat(2,1fr)}.section-head.split,.calculator-section,.contact-card{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.cta-band{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.site-header{padding:14px 18px}.brand img{width:150px}.hero{padding:110px 20px 72px}.hero h1{font-size:3.7rem}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-trust{display:grid;gap:8px}.section{padding:76px 20px}.stats-grid,.service-grid,.audience-grid,.timeline{grid-template-columns:1fr}.service-card{min-height:auto}.compare-wrap{aspect-ratio:4/3}.two-col{grid-template-columns:1fr}.contact-form{padding:20px}.cta-band{margin:0 14px;padding:45px 24px}.footer-bottom{display:grid;gap:6px}.whatsapp{width:52px;height:52px}.scroll-cue{display:none}}

.site-logo{
  display:block;
  width:220px;
  height:auto;
  max-height:74px;
  object-fit:contain;
  background:#fff;
  border-radius:14px;
  padding:5px 10px;
  box-shadow:0 8px 28px rgba(0,0,0,.10);
}
.footer-main .site-logo{width:230px;max-height:92px;}
.contact-points span{line-height:1.5;}
.contact-points span a{display:inline;color:white;text-decoration:none;}
.contact-points strong{color:var(--green2);}
.legal-page{max-width:900px;margin:auto;}
.legal-page a{color:#2b8fa3;}
.legal-logo{width:min(420px,90%);height:auto;display:block;margin:28px 0 34px;border-radius:18px;}
@media(max-width:620px){
  .site-logo{width:170px;max-height:64px;padding:4px 7px;}
}


/* Cookie Banner */
.cookie-banner{
  position:fixed;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:9999;
  max-width:1180px;
  margin:0 auto;
  background:rgba(8,38,48,.97);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  box-shadow:0 22px 70px rgba(0,0,0,.32);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.cookie-banner[hidden]{display:none!important;}
.cookie-banner__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:22px 24px;
}
.cookie-banner__text{
  max-width:760px;
}
.cookie-banner__text strong{
  display:block;
  font-size:1.05rem;
  margin-bottom:6px;
}
.cookie-banner__text p{
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:1.55;
}
.cookie-banner__text a{
  color:#ffd21c;
  text-decoration:underline;
  text-underline-offset:3px;
}
.cookie-banner__actions{
  display:flex;
  gap:10px;
  flex-shrink:0;
}
.cookie-btn{
  appearance:none;
  border:0;
  border-radius:999px;
  padding:12px 18px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  transition:transform .18s ease, opacity .18s ease, background .18s ease;
}
.cookie-btn:hover{transform:translateY(-1px);}
.cookie-btn--primary{
  background:linear-gradient(120deg,#68bfd0,#ffd21c);
  color:#082630;
}
.cookie-btn--secondary{
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}
@media(max-width:760px){
  .cookie-banner{
    left:10px;
    right:10px;
    bottom:10px;
    border-radius:16px;
  }
  .cookie-banner__inner{
    flex-direction:column;
    align-items:stretch;
    gap:16px;
    padding:18px;
  }
  .cookie-banner__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .cookie-btn{width:100%;}
}
