:root{
  --blue:#073b8f;
  --blue2:#006fd5;
  --blue3:#0b57c9;
  --green:#58ad13;
  --green2:#2e9719;
  --wa:#16a52d;
  --sky:#eaf8ff;
  --ink:#082c6b;
  --muted:#4c6c92;
  --white:#fff;
  --line:rgba(7,59,143,.13);
  --shadow:0 22px 65px rgba(7,47,105,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:#dff4ff;
}
a{text-decoration:none;color:inherit}
button{font:inherit}
body.modal-open{overflow:hidden}

.page-shell{
  min-height:100vh;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 52% 4%,rgba(255,255,255,.98) 0 11%,transparent 36%),
    radial-gradient(circle at 17% 29%,rgba(255,255,255,.76),transparent 28%),
    radial-gradient(circle at 87% 22%,rgba(52,160,231,.19),transparent 32%),
    linear-gradient(180deg,#eaf9ff 0%,#d9f2ff 57%,#edfaff 100%);
}
.page-shell:before{
  content:"";
  position:absolute;
  z-index:-3;
  left:-12%;
  right:-12%;
  bottom:-150px;
  height:330px;
  border-radius:50% 50% 0 0/55% 55% 0 0;
  background:
    linear-gradient(171deg,transparent 0 38%,rgba(68,177,24,.95) 39% 43%,transparent 44%),
    linear-gradient(176deg,transparent 0 48%,rgba(0,111,220,.92) 49% 59%,rgba(71,176,24,.93) 60% 65%,transparent 66%);
  opacity:.9;
  pointer-events:none;
}
.page-shell:after{
  content:"";
  position:absolute;
  z-index:-4;
  inset:0;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,255,255,.72) 0 3px,transparent 4px),
    radial-gradient(circle at 92% 16%,rgba(255,255,255,.75) 0 3px,transparent 4px),
    radial-gradient(circle at 72% 36%,rgba(255,255,255,.68) 0 2px,transparent 3px);
  background-size:150px 150px,190px 190px,130px 130px;
  opacity:.7;
  pointer-events:none;
}

.site-header{
  position:relative;
  z-index:20;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:34px;
  width:min(1400px,calc(100% - 48px));
  margin:0 auto;
  padding:15px 0;
  border-bottom:1px solid rgba(7,59,143,.08);
}
.site-header:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 -40px;
  background:rgba(255,255,255,.58);
  border-bottom:1px solid rgba(255,255,255,.65);
  backdrop-filter:blur(12px);
}
.logo{position:relative;display:inline-flex;flex-direction:column;line-height:.78;min-width:215px}
.logo-small{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:800;font-size:24px;color:var(--blue)}
.logo-main{font-size:52px;font-weight:950;letter-spacing:-.07em;background:linear-gradient(120deg,#006bd3 10%,#2fa91c 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-house{position:absolute;right:0;top:1px;color:var(--green2);font-size:38px}
.main-nav{justify-self:center;display:flex;align-items:center;gap:38px;font-weight:800}
.main-nav a{position:relative;padding:10px 0}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:3px;border-radius:3px;background:var(--green);transition:.2s}
.main-nav a:hover:after,.main-nav a.active:after{right:0}
.header-actions{display:flex;align-items:center;gap:18px}
.header-wa{padding:14px 21px;border-radius:999px;background:linear-gradient(135deg,#148c26,#25b13b);color:white;font-weight:900;box-shadow:0 10px 24px rgba(21,139,42,.22)}
.header-phone{font-weight:800;color:var(--blue);white-space:nowrap}

.hero{
  position:relative;
  z-index:2;
  min-height:675px;
  display:grid;
  grid-template-columns:minmax(285px,.86fr) minmax(460px,1.34fr) minmax(250px,.72fr);
  align-items:center;
  gap:22px;
  width:min(1480px,100%);
  margin:0 auto;
  padding:8px 42px 45px;
  overflow:hidden;
}
.hero:before{
  content:"";
  position:absolute;
  z-index:-4;
  inset:0;
  background:
    linear-gradient(90deg,rgba(232,249,255,.98) 0 17%,rgba(232,249,255,.83) 33%,rgba(232,249,255,.28) 62%,rgba(226,246,255,.78) 100%),
    linear-gradient(180deg,rgba(255,255,255,.13),rgba(237,250,255,.86)),
    url('../images/hero-scene-1200.webp') right 8% center/58% auto no-repeat;
  background:
    linear-gradient(90deg,rgba(232,249,255,.98) 0 17%,rgba(232,249,255,.83) 33%,rgba(232,249,255,.28) 62%,rgba(226,246,255,.78) 100%),
    linear-gradient(180deg,rgba(255,255,255,.13),rgba(237,250,255,.86)),
    image-set(url('../images/hero-scene-1200.avif') type('image/avif'),url('../images/hero-scene-1200.webp') type('image/webp')) right 8% center/58% auto no-repeat;
}
.hero:after{
  content:"";
  position:absolute;
  z-index:-3;
  width:590px;
  height:590px;
  right:-165px;
  top:70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.14) 0 46%,rgba(13,119,211,.12) 47% 62%,transparent 63%);
  pointer-events:none;
}
.hero-mascot{
  align-self:end;
  height:585px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
  filter:drop-shadow(0 24px 34px rgba(6,48,105,.19));
}
.hero-mascot img{
  height:575px;
  width:auto;
  max-width:100%;
  object-fit:contain;
  object-position:center bottom;
  border-radius:0;
  mix-blend-mode:normal;
}
.hero-center{
  text-align:center;
  align-self:start;
  padding-top:62px;
  position:relative;
  z-index:2;
}
.hero-slogan{
  margin:0 auto 19px;
  max-width:860px;
  font-size:clamp(27px,3vw,46px);
  line-height:1.08;
  font-style:italic;
  font-weight:950;
  color:#073a8f;
  letter-spacing:-.035em;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.hero-center h1{
  margin:0 auto;
  max-width:760px;
  font-size:clamp(35px,4.2vw,63px);
  line-height:1;
  letter-spacing:-.045em;
  color:#063a87;
}
.hero-center>p:not(.hero-slogan){
  max-width:650px;
  margin:18px auto 0;
  font-size:18px;
  line-height:1.55;
  color:#315f92;
  font-weight:600;
}
.hero-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:999px;font-weight:900;transition:.18s ease}
.btn:hover{transform:translateY(-2px)}
.btn-wa{background:linear-gradient(135deg,#13952b,#29b541);color:white;box-shadow:0 10px 25px rgba(25,153,46,.22)}
.btn-outline{border:2px solid var(--blue);background:rgba(255,255,255,.78);color:var(--blue);backdrop-filter:blur(7px)}

.hero-benefits{
  display:grid;
  gap:11px;
  align-self:center;
  padding:18px;
  border-radius:25px;
  background:rgba(255,255,255,.66);
  backdrop-filter:blur(12px);
  box-shadow:0 20px 48px rgba(7,59,143,.11);
  border:1px solid rgba(255,255,255,.8);
}

.hero-benefits div{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  min-height:46px;
  padding:4px 8px;
  color:var(--blue);
  font-size:14px;
  font-weight:800;
  line-height:1.35;
  text-align:left;
}

.hero-benefits div::before{
  content:"✓";
  display:grid;
  place-items:center;
  flex:0 0 31px;
  width:31px;
  height:31px;
  border-radius:50%;
  background:linear-gradient(145deg,#55b91f,#188f1e);
  color:#fff;
  font-size:17px;
  line-height:1;
  font-weight:950;
}

.hero-benefits div span{
  display:block;
  flex:1 1 auto;
  min-width:0;
  margin:0;
}

.bubble{
  position:absolute;
  z-index:1;
  border:2px solid rgba(255,255,255,.82);
  border-radius:50%;
  background:
    radial-gradient(circle at 28% 24%,rgba(255,255,255,.92) 0 7%,transparent 9%),
    linear-gradient(135deg,rgba(255,255,255,.42),rgba(38,156,238,.09));
  box-shadow:inset 0 0 15px rgba(255,255,255,.82),0 8px 25px rgba(15,120,200,.08);
}
.b1{width:58px;height:58px;left:1.3%;top:27%}
.b2{width:34px;height:34px;right:4.7%;top:18%}
.b3{width:43px;height:43px;left:8%;bottom:15%}
.leaf{
  position:absolute;
  width:122px;
  height:62px;
  background:
    linear-gradient(32deg,transparent 47%,rgba(255,255,255,.2) 48% 50%,transparent 51%),
    linear-gradient(135deg,#79ca34,#268f18);
  border-radius:100% 0 100% 0;
  opacity:.93;
  filter:drop-shadow(0 6px 9px rgba(35,108,17,.18));
  z-index:0;
}
.leaf-1{left:-39px;top:10px;transform:rotate(25deg)}
.leaf-2{right:-35px;top:35px;transform:rotate(165deg)}
.leaf-3{left:-42px;bottom:62px;transform:rotate(-25deg)}
.leaf-4{right:-28px;bottom:70px;transform:rotate(205deg)}

.services-wrap{position:relative;z-index:5;width:min(1380px,calc(100% - 60px));margin:-76px auto 54px;padding-top:10px}
.services-head{display:flex;align-items:center;justify-content:center;text-align:center;gap:30px;margin:0 0 22px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:12px;color:var(--green2)}.services-head h2{margin:4px 0 0;font-size:30px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{position:relative;text-align:left;border:1px solid rgba(7,59,143,.12);padding:22px 24px 24px;border-radius:22px;background:rgba(255,255,255,.93);color:var(--ink);box-shadow:0 16px 38px rgba(6,49,110,.1);cursor:pointer;min-height:188px;transition:.2s ease}
.service-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(6,49,110,.16);border-color:rgba(50,156,27,.34)}
.service-card .service-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#49b519,#1c8f19);color:white;font-size:28px;font-weight:950;box-shadow:inset 0 -5px 10px rgba(0,0,0,.08)}
.service-card strong{display:block;font-size:23px;margin-top:16px}.service-card>span:not(.service-icon){display:block;margin-top:8px;color:var(--muted);line-height:1.45}.service-card i{position:absolute;right:22px;bottom:18px;font-style:normal;font-weight:900;font-size:22px;color:var(--blue2);opacity:.85}

footer{position:relative;z-index:3;width:min(1380px,calc(100% - 60px));margin:0 auto;padding:24px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}footer>div:first-child{display:flex;flex-direction:column;gap:4px}footer span{color:var(--muted);font-size:13px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-weight:800}.footer-links a{color:var(--blue)}


@media(max-width:1180px){.site-header{grid-template-columns:auto 1fr}.header-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-5px}.hero{grid-template-columns:.8fr 1.2fr}.hero-benefits{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.services-wrap{margin-top:-30px}}
@media(max-width:820px){.site-header{display:flex;flex-wrap:wrap}.main-nav{order:3;width:100%;justify-content:center;gap:20px}.header-actions{margin-left:auto}.header-phone{display:none}.hero{grid-template-columns:1fr;padding:20px 18px 110px;min-height:auto}.hero-mascot{order:2;height:380px}.hero-mascot img{height:420px}.hero-center{order:1;padding-top:30px}.hero-benefits{display:none}.hero:after{opacity:.35;width:100%;height:100%}.services-wrap{margin-top:-100px}}
@media(max-width:620px){.site-header{width:calc(100% - 28px);padding:12px 0}.logo{min-width:160px}.logo-small{font-size:18px}.logo-main{font-size:38px}.logo-house{font-size:28px}.header-wa{font-size:12px;padding:11px 14px}.main-nav{font-size:13px;gap:14px;overflow-x:auto;justify-content:flex-start}.hero-slogan{font-size:28px}.hero-center h1{font-size:38px}.hero-center>p:not(.hero-slogan){font-size:16px}.hero-mascot{height:330px}.hero-mascot img{height:365px}.services-wrap,footer{width:calc(100% - 28px)}.services-head{display:flex;align-items:center;justify-content:center;text-align:center;gap:30px;margin:0 0 22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:155px}footer{align-items:flex-start;flex-direction:column}.footer-links{flex-direction:column;gap:8px}}

/* Visual consolidation */
.services-head > div{margin-inline:auto}
.services-head .eyebrow,
.services-head h2{text-align:center}


/* About page */
.about-page{min-height:100vh;background:radial-gradient(circle at 14% 12%,rgba(255,255,255,.98),rgba(230,247,255,.85) 28%,transparent 52%),linear-gradient(180deg,#e8f8ff 0%,#dff4ff 44%,#f8fdff 100%)}
.about-page .page-shell{position:relative;overflow:hidden;min-height:100vh}
.about-page .site-header{position:relative;z-index:20}
.story-section{position:relative;z-index:3;width:min(1180px,calc(100% - 60px));margin:34px auto 0;padding:36px 0 68px}
.story-kicker{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:end;
  width:100%;
  gap:30px;
  margin-bottom:18px
}
.story-kicker>span{grid-column:1;justify-self:start}
.story-kicker>h1{
  grid-column:2;
  justify-self:center;
  width:max-content;
  max-width:min(620px,70vw);
  margin:0;
  color:var(--blue);
  font-size:clamp(24px,3vw,38px);
  line-height:1.05;
  letter-spacing:-.035em;
  text-align:center
}
.story-card{position:relative;display:grid;grid-template-columns:90px 1fr;gap:24px;padding:34px 38px;margin-top:16px;border:1px solid rgba(7,59,143,.11);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 18px 46px rgba(7,47,105,.09);backdrop-filter:blur(10px)}
.story-card-alt{margin-left:80px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,251,237,.94))}
.story-number{display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:linear-gradient(145deg,#58bd20,#159321);color:white;font-size:20px;font-weight:950;box-shadow:0 12px 28px rgba(41,155,27,.22)}
.story-content h2{margin:0 0 16px;max-width:850px;color:var(--blue);font-size:clamp(27px,3vw,40px);line-height:1.07;letter-spacing:-.035em}
.story-content p{max-width:900px;margin:0 0 13px;color:#456887;font-size:16px;line-height:1.72}.story-content p:last-child{margin-bottom:0}
.about-principles{position:relative;width:min(1180px,calc(100% - 60px));margin:0 auto 70px;padding:42px;border-radius:32px;background:linear-gradient(135deg,#06398b 0%,#0758bd 64%,#0670d8 100%);box-shadow:0 24px 60px rgba(5,49,109,.18);overflow:hidden}
.about-principles::after{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-160px;border-radius:50%;background:rgba(255,255,255,.08)}
.principles-heading{position:relative;z-index:2;max-width:720px;margin-bottom:28px}.principles-heading .eyebrow{color:#a9ee73}.principles-heading .eyebrow::before{background:#a9ee73}
.principles-heading h2{margin:12px 0 0;color:white;font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.04em}
.principles-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.principles-grid article{padding:24px 20px 22px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.09);color:white}
.principle-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:17px;border-radius:50%;background:#4eb51d;color:white;font-size:21px;font-weight:950}
.principles-grid h3{margin:0 0 8px;font-size:19px}.principles-grid p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.55}
.about-quote{position:relative;width:min(950px,calc(100% - 60px));margin:0 auto 70px;padding:42px 54px;text-align:center}
.quote-mark{height:55px;color:var(--green);font-family:Georgia,serif;font-size:86px;line-height:1}
.about-quote blockquote{margin:0 auto 16px;color:var(--blue);font-family:Georgia,serif;font-size:clamp(27px,3.4vw,44px);font-style:italic;font-weight:700;line-height:1.18;letter-spacing:-.025em}.about-quote>span{color:var(--green2);font-weight:900}
.about-cta{position:relative;width:min(1180px,calc(100% - 60px));margin:0 auto 55px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:34px;border:1px solid rgba(7,59,143,.1);border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(88,173,19,.12),transparent 26%),rgba(255,255,255,.94);box-shadow:0 18px 46px rgba(7,47,105,.09)}
.about-cta h2{margin:9px 0 7px;color:var(--blue);font-size:clamp(28px,3.8vw,46px);letter-spacing:-.04em}.about-cta p{margin:0;color:var(--muted)}.about-cta-button{white-space:nowrap}
@media(max-width:980px){.story-kicker{display:block;text-align:center}.story-kicker>span{display:block;margin-bottom:10px;text-align:center}.story-kicker>h1{display:block;width:auto;max-width:620px;margin:0 auto;text-align:center}.story-card-alt{margin-left:0}.principles-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.story-section,.about-principles,.about-quote,.about-cta{width:calc(100% - 28px)}.story-section{padding-bottom:45px}.story-card{grid-template-columns:1fr;padding:26px 22px}.story-number{width:54px;height:54px;border-radius:18px}.about-principles{padding:28px 20px}.principles-grid{grid-template-columns:1fr}.about-quote{padding:26px 10px 34px}.about-cta{align-items:stretch;flex-direction:column;padding:28px 22px}.about-cta-button{width:100%;justify-content:center}}


/* About page refinements */
.about-choices{
  width:min(1180px,calc(100% - 60px));
  margin:0 auto 58px;
  padding:38px;
  border:1px solid rgba(7,59,143,.1);
  border-radius:32px;
  background:
    radial-gradient(circle at 8% 12%,rgba(71,184,29,.10),transparent 27%),
    radial-gradient(circle at 92% 85%,rgba(0,112,220,.09),transparent 28%),
    rgba(255,255,255,.94);
  box-shadow:0 20px 52px rgba(7,47,105,.09);
}
.choices-heading{
  max-width:780px;
  margin:0 auto 28px;
  text-align:center;
}
.choices-heading .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--green2);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.choices-heading .eyebrow::before{
  content:"";
  width:28px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--green),var(--blue2));
}
.choices-heading h2{
  margin:11px 0 10px;
  color:var(--blue);
  font-size:clamp(31px,4vw,50px);
  line-height:1.04;
  letter-spacing:-.04em;
}
.choices-heading p{
  margin:0 auto;
  max-width:690px;
  color:var(--muted);
  line-height:1.6;
}
.choices-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.choice-card{
  position:relative;
  min-height:156px;
  display:grid;
  grid-template-columns:52px 1fr 24px;
  gap:14px;
  align-items:center;
  padding:22px;
  border:1px solid rgba(7,59,143,.10);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 30px rgba(7,47,105,.07);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.choice-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(7,47,105,.12);
  border-color:rgba(7,59,143,.18);
}
.choice-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:linear-gradient(145deg,#edf9ff,#dff3ff);
  color:var(--blue);
  font-size:20px;
  font-weight:950;
}
.choice-copy{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.choice-copy strong{
  color:var(--blue);
  font-size:19px;
  line-height:1.1;
}
.choice-copy small{
  color:#5d7590;
  font-size:13px;
  line-height:1.45;
}
.choice-arrow{
  justify-self:end;
  color:var(--blue2);
  font-size:22px;
  font-weight:900;
}
.choice-services{
  background:linear-gradient(145deg,#fff,#f4fbff);
}
.choice-services .choice-icon{
  background:linear-gradient(145deg,#e8f8ff,#d8efff);
}
.choice-home{
  background:linear-gradient(145deg,#fff,#fbfdff);
}
.choice-whatsapp{
  background:linear-gradient(145deg,#effbea,#e4f8de);
  border-color:rgba(64,165,29,.18);
}
.choice-whatsapp .choice-icon{
  background:linear-gradient(145deg,#58bd20,#159321);
  color:#fff;
}
.choice-whatsapp .choice-copy strong,
.choice-whatsapp .choice-arrow{
  color:#197f1e;
}
.explore-link{
  width:max-content;
  display:flex;
  align-items:center;
  gap:8px;
  margin:24px auto 0;
  color:var(--blue);
  font-weight:850;
  text-decoration:none;
}
.explore-link:hover{
  color:var(--green2);
}
@media(max-width:900px){
  .choices-grid{grid-template-columns:1fr}
  .choice-card{min-height:auto}
}
@media(max-width:700px){
  .about-choices{
    width:calc(100% - 28px);
    padding:28px 18px;
  }
  .choice-card{
    grid-template-columns:46px 1fr 20px;
    padding:18px;
    border-radius:20px;
  }
  .choice-icon{
    width:42px;
    height:42px;
  }
}


/* Conversion, trust and responsive UI */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ui-icon,.service-svg,.panel-svg,.safety-svg,.wa-svg,.nav-svg,
.feature-svg,.proof-svg,.mini-star,.logo-svg,.principle-svg,.choice-svg,
.choice-arrow-svg,.sticky-wa-svg,.list-check-svg,.arrow-svg{
  width:1em;height:1em;display:block;fill:currentColor
}
.logo-svg{width:38px;height:38px}
.service-svg{width:32px;height:32px}
.arrow-svg{width:18px;height:18px}
.principle-svg{width:22px;height:22px}
.choice-svg{width:21px;height:21px}
.choice-arrow-svg{width:20px;height:20px}

.section-heading{max-width:760px;margin:0 auto 28px}
.section-heading.centered{text-align:center}
.section-heading h2{
  margin:9px 0 9px;color:var(--blue);font-size:clamp(32px,4vw,48px);
  line-height:1.04;letter-spacing:-.04em
}
.section-heading p{margin:0;color:var(--muted);line-height:1.65}
.section-heading .eyebrow{color:var(--green2)}

.how-section{
  width:min(1180px,calc(100% - 48px));
  margin:74px auto 20px;
  padding:48px 0 12px;
}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.how-grid article{
  position:relative;padding:28px 24px 26px;border-radius:24px;
  background:rgba(255,255,255,.9);border:1px solid var(--line);
  box-shadow:0 16px 40px rgba(7,47,105,.08)
}
.how-grid article b{
  position:absolute;right:18px;top:16px;color:rgba(7,59,143,.18);
  font-size:30px;font-weight:950
}
.step-icon,.feature-badge,.pending-icon{
  display:grid;place-items:center;width:52px;height:52px;border-radius:50%;
  color:#fff;background:linear-gradient(145deg,#58bd20,#159321);
  box-shadow:0 10px 25px rgba(41,155,27,.2)
}
.feature-svg{width:25px;height:25px}
.how-grid h3{margin:18px 0 8px;color:var(--blue);font-size:21px}
.how-grid p{margin:0;color:#55708d;line-height:1.55;font-size:14px}

.area-offer-section{
  width:min(1180px,calc(100% - 48px));
  margin:42px auto 20px;
  display:grid;grid-template-columns:1fr 1fr;gap:18px
}
.area-card,.offer-card{
  display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;
  padding:28px;border-radius:28px;border:1px solid rgba(7,59,143,.1);
  background:linear-gradient(145deg,#fff,#f2fbff);
  box-shadow:0 18px 45px rgba(7,47,105,.08)
}
.offer-card{background:linear-gradient(145deg,#fff,#f2fced)}
.area-card h2,.offer-card h2{
  margin:7px 0 7px;color:var(--blue);font-size:clamp(23px,2.3vw,31px);
  line-height:1.08;letter-spacing:-.03em
}
.area-card p,.offer-card p{margin:0;color:#57718d;line-height:1.52;font-size:14px}
.area-card .eyebrow,.offer-card .eyebrow{
  color:var(--green2);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase
}
.compact-cta{
  white-space:nowrap;padding:13px 17px;border-radius:999px;
  background:var(--blue);color:#fff;font-weight:850;font-size:13px
}
.compact-cta-green{background:var(--wa)}
.compact-cta:hover{transform:translateY(-1px)}


.mobile-wa-sticky{display:none}

@media(max-width:1000px){
  .area-offer-section{grid-template-columns:1fr}
  .area-card,.offer-card{grid-template-columns:58px 1fr auto}
}
@media(max-width:820px){
  .how-grid{grid-template-columns:1fr}
  .how-section,.area-offer-section{width:calc(100% - 28px)}
  .how-section{margin-top:52px}
}
@media(max-width:640px){
  body{padding-bottom:72px}
  .area-card,.offer-card{grid-template-columns:48px 1fr;padding:22px 18px}
  .area-card .compact-cta,.offer-card .compact-cta{
    grid-column:1/-1;text-align:center;width:100%
  }
  .feature-badge{width:46px;height:46px}
  .mobile-wa-sticky{
    position:fixed;z-index:90;left:14px;right:14px;bottom:12px;
    min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;
    border-radius:18px;background:linear-gradient(135deg,#16952d,#25b83f);
    color:#fff;font-weight:900;box-shadow:0 14px 32px rgba(20,128,39,.3);
    border:1px solid rgba(255,255,255,.32)
  }
  .sticky-wa-svg{width:23px;height:23px}
}


/* About cards */
.story-cards-equal{
  display:grid;
  grid-template-columns:1fr;
  grid-auto-rows:1fr;
  gap:18px;
}

.story-cards-equal .story-card{
  width:100%;
  height:100%;
  margin:0;
}

.story-cards-equal .story-card-alt{
  margin-left:0;
}

/* Conținutul intern se întinde uniform chiar dacă textele diferă */
.story-cards-equal .story-content{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* Pe mobil păstrăm aceeași regulă de egalizare */
@media(max-width:700px){
  .story-cards-equal{
    grid-auto-rows:1fr;
    gap:14px;
  }
}


/* Legal pages and consent UI */
.legal-strip{
  width:min(1380px,calc(100% - 60px));
  margin:0 auto;
  padding:0 0 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#718399;
  font-size:12px;
}
.legal-strip nav{display:flex;gap:18px;flex-wrap:wrap}
.legal-strip a{color:var(--blue);font-weight:800}
.legal-strip a:hover{text-decoration:underline}

.legal-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.96),transparent 30%),
    linear-gradient(180deg,#eaf9ff 0%,#f9fdff 42%,#eef9ff 100%);
}
.legal-header{position:relative;z-index:5}
.legal-main{
  width:min(1080px,calc(100% - 48px));
  margin:0 auto;
  padding:62px 0 70px;
}
.legal-hero{
  max-width:820px;
  margin:0 auto 28px;
  text-align:center;
}
.legal-kicker{
  display:inline-block;
  margin-bottom:10px;
  color:var(--green2);
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.legal-hero h1{
  margin:0 0 14px;
  color:var(--blue);
  font-size:clamp(42px,6vw,68px);
  line-height:1;
  letter-spacing:-.05em;
}
.legal-hero p{
  max-width:720px;
  margin:0 auto 10px;
  color:#55708c;
  font-size:17px;
  line-height:1.65;
}
.legal-hero small{color:#8191a4}
.legal-document{
  padding:34px 40px;
  border:1px solid rgba(7,59,143,.10);
  border-radius:30px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 52px rgba(7,47,105,.08);
}
.legal-document section+section{
  margin-top:26px;
  padding-top:26px;
  border-top:1px solid rgba(7,59,143,.08);
}
.legal-document h2{
  margin:0 0 10px;
  color:var(--blue);
  font-size:22px;
  letter-spacing:-.02em;
}
.legal-document p{
  margin:0 0 10px;
  color:#506c88;
  line-height:1.72;
}
.legal-document p:last-child{margin-bottom:0}
.legal-document a{color:var(--blue2);font-weight:800}
.legal-note{
  margin-top:18px;
  padding:20px 22px;
  border-radius:20px;
  border:1px solid #eed99c;
  background:#fff9e8;
  color:#6d5618;
}
.legal-note strong{display:block;margin-bottom:5px}
.legal-note p{margin:0;line-height:1.55}
.cookie-table-wrap{overflow-x:auto}
.cookie-table{
  width:100%;
  border-collapse:collapse;
  min-width:650px;
}
.cookie-table th,.cookie-table td{
  padding:13px 14px;
  border:1px solid #dbe7f0;
  text-align:left;
  vertical-align:top;
  color:#526d88;
  line-height:1.45;
}
.cookie-table th{
  background:#edf8ff;
  color:var(--blue);
  font-size:13px;
}
.cookie-table code{
  padding:3px 6px;
  border-radius:7px;
  background:#f0f5f8;
  color:#27577e;
}
.cookie-reset-btn{
  margin-top:5px;
  padding:12px 17px;
  border:0;
  border-radius:999px;
  background:var(--blue);
  color:#fff;
  font:inherit;
  font-weight:850;
  cursor:pointer;
}
.cookie-reset-btn:hover{transform:translateY(-1px)}
.cookie-reset-status{
  margin-top:8px!important;
  color:var(--green2)!important;
  font-size:13px;
  font-weight:800;
}

.cookie-banner[hidden]{display:none!important}
.cookie-banner{
  position:fixed;
  z-index:200;
  left:18px;
  right:18px;
  bottom:18px;
  width:min(920px,calc(100% - 36px));
  margin:0 auto;
  padding:18px 20px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  align-items:center;
  border:1px solid rgba(7,59,143,.14);
  border-radius:22px;
  background:rgba(255,255,255,.97);
  box-shadow:0 22px 65px rgba(6,49,109,.24);
  backdrop-filter:blur(18px);
}
.cookie-banner-copy strong{
  display:block;
  margin-bottom:5px;
  color:var(--blue);
  font-size:16px;
}
.cookie-banner-copy p{
  margin:0;
  color:#61768d;
  font-size:13px;
  line-height:1.48;
}
.cookie-banner-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
.cookie-btn{
  min-height:41px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid transparent;
  font:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.cookie-btn-primary{background:var(--blue);color:#fff}

.cookie-details{color:var(--blue);font-size:12px;font-weight:850;text-decoration:underline}

@media(max-width:820px){
  .legal-strip{width:calc(100% - 28px);align-items:flex-start;flex-direction:column}
  .legal-main{width:calc(100% - 28px);padding-top:42px}
  .legal-document{padding:27px 23px}
  .cookie-banner{
    bottom:82px;
    grid-template-columns:1fr;
    gap:12px;
  }
  .cookie-banner-actions{justify-content:flex-start}
}
@media(max-width:560px){
  .cookie-banner{left:10px;right:10px;width:calc(100% - 20px);padding:15px;border-radius:18px}
  .cookie-banner-actions{display:grid;grid-template-columns:1fr 1fr}
  .cookie-btn{width:100%}
  .cookie-details{grid-column:1/-1;text-align:center;padding-top:3px}
}


/* First-visit privacy notice */
.privacy-first-visit[hidden]{display:none!important}
.privacy-first-visit{
  position:fixed;
  z-index:300;
  inset:0;
  display:grid;
  place-items:center;
  padding:22px;
}
.privacy-first-backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,33,72,.58);
  backdrop-filter:blur(9px);
}
.privacy-first-card{
  position:relative;
  z-index:2;
  width:min(720px,100%);
  max-height:min(86vh,760px);
  overflow:auto;
  padding:34px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:30px;
  background:
    radial-gradient(circle at 95% 6%,rgba(88,173,19,.11),transparent 25%),
    #fff;
  box-shadow:0 35px 95px rgba(4,36,82,.35);
}
.privacy-kicker{
  display:inline-block;
  margin-bottom:8px;
  color:var(--green2);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.privacy-first-card h2{
  max-width:610px;
  margin:0 0 12px;
  color:var(--blue);
  font-size:clamp(31px,5vw,46px);
  line-height:1.03;
  letter-spacing:-.04em;
}
.privacy-first-card>p{
  margin:0;
  color:#58708a;
  line-height:1.62;
}
.privacy-points{
  display:grid;
  gap:10px;
  margin:22px 0;
}
.privacy-points>div{
  position:relative;
  padding:15px 17px 15px 46px;
  border:1px solid #dfedf5;
  border-radius:17px;
  background:#f8fcff;
}
.privacy-points>div::before{
  content:"✓";
  position:absolute;
  left:16px;
  top:16px;
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:var(--green);
  color:white;
  font-size:12px;
  font-weight:950;
}
.privacy-points strong{
  display:block;
  margin-bottom:4px;
  color:var(--blue);
  font-size:14px;
}
.privacy-points span{
  display:block;
  color:#657b91;
  font-size:13px;
  line-height:1.48;
}
.privacy-clarification{
  padding:13px 15px;
  border-radius:15px;
  background:#fff8e8;
  border:1px solid #f1dfab;
  color:#745b19!important;
  font-size:12.5px;
  line-height:1.5!important;
}
.privacy-first-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:20px;
  flex-wrap:wrap;
}
.privacy-understood{
  min-height:48px;
  padding:0 22px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--blue),#0863ce);
  color:white;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.privacy-details-link{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  padding:0 18px;
  border-radius:999px;
  border:1px solid #d7e6f1;
  color:var(--blue);
  font-size:13px;
  font-weight:850;
  background:#f8fcff;
}
.privacy-modal-open,
.privacy-modal-open body{
  overflow:hidden;
}
@media(max-width:620px){
  .privacy-first-visit{padding:12px}
  .privacy-first-card{
    max-height:92vh;
    padding:24px 18px;
    border-radius:23px;
  }
  .privacy-first-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .privacy-understood,
  .privacy-details-link{
    width:100%;
    justify-content:center;
  }
}


/* Legal UI consolidation */
.cookie-banner-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
@media(max-width:560px){
  .cookie-banner-actions{display:flex;align-items:center;justify-content:stretch;gap:10px}
  .cookie-banner-actions .cookie-btn{flex:1}
  .cookie-banner-actions .cookie-details{white-space:nowrap}
}


/* Privacy, opt-in and focus accessibility */
.marketing-optin{
  margin:18px 0 0;
  padding:14px 15px;
  border:1px solid #d7ead0;
  border-radius:16px;
  background:#f5fbf2;
}
.marketing-optin label,
.marketing-preferences-box label{
  display:flex;
  align-items:flex-start;
  gap:12px;
  cursor:pointer;
}
.marketing-optin input,
.marketing-preferences-box input{
  flex:0 0 auto;
  width:19px;
  height:19px;
  margin-top:2px;
  accent-color:var(--green2);
}
.marketing-optin strong,
.marketing-preferences-box strong{
  display:block;
  color:var(--blue);
  font-size:14px;
  line-height:1.35;
}
.marketing-optin small,
.marketing-preferences-box small{
  display:block;
  margin-top:4px;
  color:#647b91;
  font-size:12px;
  line-height:1.45;
}

.marketing-preferences-box{
  margin-top:14px;
  padding:18px;
  border:1px solid #d8e7f1;
  border-radius:18px;
  background:#f8fcff;
}
.marketing-preference-actions{
  display:flex;
  gap:10px;
  margin-top:16px;
  flex-wrap:wrap;
}
.marketing-save-btn,
.marketing-withdraw-btn{
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  font:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.marketing-save-btn{
  border:0;
  background:var(--blue);
  color:#fff;
}
.marketing-withdraw-btn{
  border:1px solid #d7e4ec;
  background:#fff;
  color:var(--blue);
}
.marketing-status{
  margin-top:10px!important;
  color:var(--green2)!important;
  font-size:12.5px;
  font-weight:800;
}




/* SEO + CWV v7 */
.hero-mascot picture{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}
.service-card{display:block}
.service-card:focus-visible,.compact-cta:focus-visible,.btn:focus-visible,.header-wa:focus-visible,.main-nav a:focus-visible,.footer-links a:focus-visible{outline:3px solid #0b57c9;outline-offset:4px}
.services-seo-intro{max-width:880px;margin:26px auto 0;padding:0 18px;text-align:center;color:#46698b;line-height:1.7}
.services-seo-intro strong{color:var(--blue)}
.how-section,.area-offer-section,footer,.legal-strip{content-visibility:auto;contain-intrinsic-size:auto 520px}
img{max-width:100%}
@media(max-width:820px){.hero:before{background:linear-gradient(90deg,rgba(232,249,255,.98) 0 17%,rgba(232,249,255,.83) 33%,rgba(232,249,255,.28) 62%,rgba(226,246,255,.78) 100%),linear-gradient(180deg,rgba(255,255,255,.13),rgba(237,250,255,.86)),url('../images/hero-scene-720.webp') right 8% center/cover no-repeat;background:linear-gradient(90deg,rgba(232,249,255,.98) 0 17%,rgba(232,249,255,.83) 33%,rgba(232,249,255,.28) 62%,rgba(226,246,255,.78) 100%),linear-gradient(180deg,rgba(255,255,255,.13),rgba(237,250,255,.86)),image-set(url('../images/hero-scene-720.avif') type('image/avif'),url('../images/hero-scene-720.webp') type('image/webp')) right 8% center/cover no-repeat}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Mobile-first refinement v8 — 360/384/390/393/412/414/430px */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
body{min-width:320px;overflow-x:clip}
img,svg{max-width:100%}

/* Safe-area support for modern edge-to-edge phones */
@supports(padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}

/* Touch-first interaction without penalizing mouse users */
@media(any-pointer:coarse){
  .btn,.header-wa,.compact-cta,.mobile-wa-sticky,.privacy-understood,.privacy-details-link,
  .cookie-btn,.marketing-save-btn,.marketing-withdraw-btn{min-height:48px}
  .main-nav a,.footer-links a,.legal-strip a,.breadcrumbs a,.related-grid a,.faq-grid summary{min-height:44px}
  .main-nav a,.footer-links a,.legal-strip a,.breadcrumbs a{display:inline-flex;align-items:center}
}

@media(max-width:820px){
  .page-shell{overflow:clip}
  .site-header{
    width:calc(100% - 28px);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px 12px;
    padding:11px 0 9px;
  }
  .site-header:before{inset:0 -14px}
  .logo{min-width:0;width:max-content;max-width:100%}
  .header-actions{grid-column:2;grid-row:1;margin:0;justify-self:end}
  .header-phone{display:none}
  .header-wa{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;white-space:nowrap}
  .main-nav{
    grid-column:1/-1;
    grid-row:2;
    order:initial;
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    padding:4px;
    border-radius:15px;
    background:rgba(255,255,255,.54);
    overflow:visible;
  }
  .main-nav a{
    justify-content:center;
    min-width:0;
    padding:10px 6px;
    border-radius:11px;
    text-align:center;
    line-height:1.15;
  }
  .main-nav a:after{left:18%;right:82%;bottom:4px;height:2px}
  .main-nav a:hover:after,.main-nav a.active:after{right:18%}

  .hero{
    width:100%;
    grid-template-columns:1fr;
    gap:0;
    padding:16px 14px 78px;
    min-height:0;
  }
  .hero-center{order:1;padding-top:18px}
  .hero-center h1{
    max-width:620px;
    font-size:clamp(32px,8.9vw,44px);
    line-height:1.03;
    letter-spacing:-.038em;
    text-wrap:balance;
  }
  .hero-slogan{font-size:clamp(22px,6.4vw,29px);margin-bottom:12px}
  .hero-center>p:not(.hero-slogan){max-width:560px;margin-top:14px;font-size:16px;line-height:1.48;text-wrap:pretty}
  .hero-cta{margin-top:21px;gap:10px}
  .btn{min-height:52px;padding-inline:19px}
  .hero-mascot{order:2;height:clamp(300px,84vw,390px);margin-top:4px}
  .hero-mascot img{height:clamp(330px,92vw,430px);max-width:min(100%,360px)}
  .hero:after{right:-45%;top:35%;width:130%;height:60%;opacity:.24}
  .bubble,.leaf{display:none}

  .services-wrap{width:calc(100% - 28px);margin:-62px auto 42px;padding-top:0}
  .services-head{margin-bottom:17px}
  .services-head h2{font-size:clamp(26px,7vw,31px);line-height:1.08}
  .service-grid{grid-template-columns:1fr;gap:11px}
  .service-card{
    min-height:0;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) 20px;
    grid-template-rows:auto auto;
    column-gap:14px;
    row-gap:4px;
    align-items:center;
    padding:15px 16px;
    border-radius:19px;
  }
  .service-card .service-icon{grid-column:1;grid-row:1/3;width:50px;height:50px}
  .service-card strong{grid-column:2;grid-row:1;margin:0;font-size:20px;line-height:1.12}
  .service-card>span:not(.service-icon){grid-column:2;grid-row:2;margin:0;font-size:13px;line-height:1.38}
  .service-card i{position:static;grid-column:3;grid-row:1/3;align-self:center;justify-self:end}
  .services-seo-intro{margin-top:20px;padding:0 5px;font-size:14px;line-height:1.58}

  .how-section{width:calc(100% - 28px);margin-top:44px;padding-top:32px}
  .section-heading{margin-bottom:20px}
  .section-heading h2{font-size:clamp(29px,8vw,38px)}
  .section-heading p{font-size:15px;line-height:1.55}
  .how-grid{gap:11px}
  .how-grid article{padding:20px 18px 19px;border-radius:20px}
  .how-grid h3{margin:14px 0 6px;font-size:20px}
  .how-grid article b{right:16px;top:14px;font-size:26px}

  .area-offer-section{width:calc(100% - 28px);margin-top:34px;gap:12px}
  .area-card,.offer-card{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:20px 17px;border-radius:22px}
  .area-card h2,.offer-card h2{font-size:clamp(22px,6vw,28px)}
  .area-card .compact-cta,.offer-card .compact-cta{grid-column:1/-1;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}

  footer{width:calc(100% - 28px);gap:18px;padding:24px 0 28px}
  .footer-links{width:100%;gap:2px}
  .footer-links a{width:100%;padding:8px 0}
  .legal-strip{width:calc(100% - 28px);padding-bottom:24px}
  .legal-strip nav{gap:2px 14px}
  .legal-strip nav a{padding:7px 0}

  .cookie-banner{left:10px;right:10px;width:calc(100% - 20px);bottom:calc(78px + env(safe-area-inset-bottom));padding:15px 16px;border-radius:19px}
  .privacy-first-visit{padding:12px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .privacy-first-card{max-height:calc(100dvh - 24px)}

  .mobile-wa-sticky{
    left:max(12px,env(safe-area-inset-left));
    right:max(12px,env(safe-area-inset-right));
    bottom:max(10px,env(safe-area-inset-bottom));
  }
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}

@media(max-width:560px){
  .logo-small{font-size:16px}
  .logo-main{font-size:35px}
  .logo-house{font-size:26px;right:-2px}
  .logo-svg{width:30px;height:30px}
  .header-wa{font-size:11.5px;padding-inline:13px}
  .main-nav{font-size:12.5px}
  .hero{padding-inline:14px;padding-top:10px;padding-bottom:74px}
  .hero-center{padding-top:14px}
  .hero-cta{display:grid;grid-template-columns:1fr;width:100%;max-width:430px;margin-inline:auto;margin-top:20px}
  .hero-cta .btn{width:100%}
  .hero-mascot{height:clamp(286px,84vw,350px)}
  .hero-mascot img{height:clamp(315px,92vw,385px)}
  .services-wrap{margin-top:-58px}
  .service-card{padding:14px 14px;column-gap:12px}
  .service-card .service-icon{width:48px;height:48px}
  .service-svg{width:28px;height:28px}
  .service-card strong{font-size:19px}
  .service-card>span:not(.service-icon){font-size:12.8px}
  .about-page .story-section{margin-top:18px}
  .story-kicker>h1{font-size:clamp(27px,8vw,34px)}
  .story-card{padding:22px 18px;border-radius:22px}
  .story-content h2{font-size:clamp(25px,7.2vw,32px)}
  .story-content p{font-size:15px;line-height:1.62}
  .about-principles,.about-choices{border-radius:24px}
  .about-quote blockquote{font-size:clamp(25px,7.3vw,34px)}
  .legal-main{padding-top:30px}
  .legal-document{padding:22px 18px;border-radius:22px}
  .legal-document h1{overflow-wrap:anywhere}
  .cookie-banner-copy p{font-size:12.5px}
  .cookie-banner-actions{display:grid;grid-template-columns:1fr;gap:6px}
  .cookie-banner-actions .cookie-btn{width:100%}
  .cookie-banner-actions .cookie-details{justify-content:center;text-align:center;padding:7px 0}
}

@media(max-width:430px){
  .site-header{width:calc(100% - 22px);gap:8px 9px}
  .site-header:before{inset:0 -11px}
  .logo-small{font-size:15px}
  .logo-main{font-size:33px}
  .header-wa{min-height:44px;padding-inline:11px;font-size:11px}
  .hero-center h1{font-size:clamp(31px,8.7vw,37px)}
  .hero-center>p:not(.hero-slogan){font-size:15px}
  .services-wrap,.how-section,.area-offer-section,footer,.legal-strip{width:calc(100% - 22px)}
  .services-head h2{font-size:27px}
  .service-card{grid-template-columns:47px minmax(0,1fr) 18px;padding:13px}
  .service-card .service-icon{width:45px;height:45px}
  .section-heading h2{font-size:30px}
  .area-card,.offer-card{padding:18px 15px}
  .privacy-first-card{padding:21px 16px}
  .privacy-first-card h2{font-size:clamp(28px,8vw,34px)}
  .privacy-points>div{padding:13px 13px 13px 42px}
  .privacy-points>div::before{left:13px;top:14px}
}

@media(max-width:374px){
  .site-header{width:calc(100% - 18px)}
  .logo-small{font-size:14px}
  .logo-main{font-size:30px}
  .logo-house{font-size:23px}
  .header-wa{padding-inline:9px;font-size:10.5px}
  .main-nav{gap:4px;font-size:12px}
  .main-nav a{padding-inline:3px}
  .hero{padding-inline:10px}
  .hero-center h1{font-size:31px}
  .hero-center>p:not(.hero-slogan){font-size:14.5px}
  .services-wrap,.how-section,.area-offer-section,footer,.legal-strip{width:calc(100% - 18px)}
  .service-card>span:not(.service-icon){font-size:12.3px}
  .mobile-wa-sticky{left:max(9px,env(safe-area-inset-left));right:max(9px,env(safe-area-inset-right))}
}

/* Short landscape phones: prioritize content and controls over decoration */
@media(max-width:900px) and (max-height:600px) and (orientation:landscape){
  .hero{grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);padding-bottom:36px;align-items:center}
  .hero-center{order:1;padding-top:8px}
  .hero-center h1{font-size:clamp(30px,5vw,42px)}
  .hero-center>p:not(.hero-slogan){font-size:14px;margin-top:10px}
  .hero-cta{margin-top:14px}
  .hero-mascot{order:2;height:280px;margin:0}
  .hero-mascot img{height:305px}
  .services-wrap{margin-top:-24px}
}