/* =====================================================================
   Home ES · secciones 3 a 9 y pie (2026-10)
   Mismo sistema que hero-es.css y servicios-es.css: eyebrow mono rosa,
   serif fina con cursiva, tarjetas blancas con visual de color y grano,
   bandas de fondo alternas. Generado a partir de la maqueta v20.
   Todo cuelga de .hm para no chocar con style.css/ds-es.css.
   ===================================================================== */
html{overflow-x:clip}
.hm{
  --ink:#061424;
  --serif:'Times New Roman',Times,Tinos,serif;
  --geist:'Geist',-apple-system,BlinkMacSystemFont,sans-serif;
  --gmono:'Geist Mono',ui-monospace,monospace;
  --grain:url('assets/brand/grano-fuerte.svg');
  color:var(--ink);
  font-family:Arial,Helvetica,Arimo,sans-serif;
  line-height:normal;
}
.hm .cta{display:inline-flex;align-items:center;gap:13px;padding:16px 28px;border-radius:40px;background:linear-gradient(110deg,#ef168c,#e80078);color:#fff;font:500 14px Arial,Helvetica,Arimo,sans-serif;text-decoration:none;box-shadow:0 5px 20px #de187c12;transition:background .2s,box-shadow .2s}
.hm .cta:hover{background:#d80070;box-shadow:0 8px 24px #de187c33}
.hm .cta:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.hm .cta svg{width:16px}
.hm .wm{display:block;width:120px;height:auto;color:#fff}
.hm a{text-decoration:none}
.hm .s{max-width:1220px;margin:0 auto;padding:96px 24px}
.hm .s-head{max-width:760px;margin:0 auto 56px;text-align:center}
.hm .s-head.is-left{margin:0;text-align:left}
.hm .s-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2.2px;text-transform:uppercase;color:#bd166c}
.hm .s-eyebrow::before,.hm .s-eyebrow::after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}
.hm .s-title{margin:0;font:400 clamp(40px,4.4vw,64px)/1.02 var(--serif);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.hm .s-title em{font-weight:400}
.hm .s-lede{max-width:560px;margin:24px auto 0;font-size:17px;line-height:1.55;color:#55647a;text-wrap:balance}
.hm .is-left .s-lede{margin-left:0}
.hm .s-grain{position:relative;isolation:isolate;overflow:hidden}
.hm .s-grain::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain) 0 0/220px 220px;mix-blend-mode:soft-light;opacity:.75;pointer-events:none}
.hm .tone-ai{--tone:#0A8FE0;--tone-soft:#E3F5FF;--tone-ink:#0A6FB0}
.hm .tone-vm{--tone:#E0137F;--tone-soft:#FFE6F2;--tone-ink:#B30F66}
.hm .chip-svc{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:var(--tone-soft);color:var(--tone-ink);font:500 10px var(--gmono);letter-spacing:.08em;text-transform:none}
.hm .mini-win{width:min(100%,380px);border-radius:16px;background:rgba(255,253,247,.94);box-shadow:0 18px 40px rgba(40,30,80,.14),0 0 0 1px rgba(17,19,24,.06);font-family:var(--geist);overflow:hidden}
.hm .pill-dark{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#111318;color:#fff;font:500 12px var(--geist);white-space:nowrap}
.hm .node{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #E6E1D6;color:#2A2D35;font:400 12px var(--geist);white-space:nowrap}
.hm .m-tabs{display:flex;justify-content:center;gap:8px;margin:-24px 0 40px}
.hm .m-tabs button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;border:1px solid #E6E9EF;background:#fff;font:600 14px Arial,Helvetica,sans-serif;color:#2A2D35;box-shadow:0 1px 2px rgba(11,26,46,.05);transition:background .2s,color .2s,border-color .2s}
.hm .m-tabs button::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tone)}
.hm .m-tabs button[aria-selected="true"]{background:#111318;border-color:#111318;color:#fff}
.hm .m-tabs button:focus-visible{outline:2px solid var(--tone);outline-offset:3px}
.hm .m-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
.hm .m-steps[hidden]{display:none}
.hm .m-step{position:relative;display:flex;flex-direction:column;overflow:visible;border:1px solid #E6E9EF;border-radius:24px;background:#fff}
.hm .m-step+.m-step::before{content:"→";position:absolute;left:-24px;top:128px;z-index:2;display:grid;place-items:center;width:36px;height:36px;margin-left:-6px;border-radius:50%;background:#fff;border:1px solid #E6E9EF;box-shadow:0 2px 6px rgba(11,26,46,.08);font:500 14px var(--gmono);color:#111318}
.hm .m-visual{display:grid;place-items:center;height:256px;padding:24px;border-radius:23px 23px 0 0}
.hm .tone-ai .m-visual{background:radial-gradient(ellipse at 20% 0%,#eef6ff 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,#bcdcff 0%,transparent 60%),linear-gradient(160deg,#a9c9f2 0%,#cfe1f8 55%,#e9f1fd 100%)}
.hm .tone-vm .m-visual{background:radial-gradient(ellipse at 15% 0%,#fff3f8 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,#f7b7d3 0%,transparent 60%),linear-gradient(160deg,#f4c6dc 0%,#f8dae6 55%,#fdeef4 100%)}
.hm .m-step:nth-child(2) .m-visual{filter:saturate(1.08) brightness(.985)}
.hm .m-step:nth-child(3) .m-visual{filter:saturate(1.15) brightness(.97)}
.hm .m-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:28px 28px 24px}
.hm .m-kicker{margin:0;font:500 11px var(--gmono);letter-spacing:.14em;text-transform:uppercase;color:var(--tone-ink)}
.hm .m-body h3{margin:0;font:600 22px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.015em;color:var(--ink)}
.hm .m-body p{margin:0;font-size:15px;line-height:1.55;color:#3A4A60}
.hm .m-proof{display:grid;grid-template-columns:20px 1fr;gap:10px;margin-top:auto;padding-top:16px;border-top:1px dashed #E6E9EF;font-size:13.5px;line-height:1.45;color:#55647a}
.hm .m-proof::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--tone);color:#fff;font:600 11px Arial,sans-serif}
.hm .m-proof b{display:block;color:#111318;font-weight:600}
.hm .v-decide{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0;width:min(100%,360px)}
.hm .v-decide .col{display:flex;flex-direction:column;gap:8px}
.hm .v-decide svg{width:100%;height:150px;fill:none;stroke:var(--tone);stroke-width:1.3;stroke-dasharray:3 4;opacity:.7}
.hm .v-row{display:flex;align-items:center;gap:8px;width:min(100%,360px);justify-content:space-between}
.hm .v-row i{flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--tone) 0 4px,transparent 4px 8px);opacity:.6}
.hm .v-prove{width:min(100%,360px);padding:14px 16px}
.hm .v-prove small{display:block;font:500 10px var(--gmono);letter-spacing:.12em;text-transform:uppercase;color:#6F6B61}
.hm .v-prove .nums{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:10px;margin-top:10px}
.hm .v-prove .n span{display:block;font-size:11px;color:#6F6B61}
.hm .v-prove .n b{display:block;font:400 34px/1 var(--serif);letter-spacing:-.03em;color:#111318}
.hm .v-prove .n.res b{color:#2E9E5B}
.hm .v-prove svg{width:100%;height:46px;fill:none}
.hm .v-prove .foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11.5px;color:#55647a}
.hm .v-prove .up{padding:3px 8px;border-radius:999px;background:#EAFBDD;color:#2E7D32;font:600 11px var(--geist)}
.hm .v-plan{display:flex;flex-direction:column;align-items:center;gap:14px}
.hm .v-plan .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hm .v-hand{display:flex;flex-direction:column;align-items:center;gap:14px}
.hm .v-hand .boxes{display:flex;align-items:center;gap:10px}
.hm .v-hand .box{padding:14px 16px;border-radius:12px;background:rgba(255,253,247,.94);box-shadow:0 10px 24px rgba(40,30,80,.12);font:500 13px var(--geist);color:#111318}
.hm .v-hand .box.to{background:#111318;color:#fff}
.hm .v-hand .arrow{font:500 16px var(--gmono);color:var(--tone)}
.hm .m-cta{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:56px;text-align:center}
.hm .m-cta p{margin:0;font:italic 400 30px/1.15 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.hm .m-cta small{font-size:12px;color:#44536a}
.hm .cs-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(100%,1060px);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 24px;padding:4px 24px 8px;margin:0 -24px;scrollbar-width:none}
.hm .cs-track::-webkit-scrollbar{display:none}
.hm .cs-track:focus-visible{outline:2px solid #0A8FE0;outline-offset:4px;border-radius:24px}
.hm .cs-slide{scroll-snap-align:start;display:grid;grid-template-columns:1.08fr 1fr;min-height:440px;overflow:hidden;border:1px solid #E6E9EF;border-radius:24px;background:#fff}
.hm .cs-visual{position:relative;overflow:hidden;background:#EEF2F7}
.hm .cs-visual img{display:block;width:100%;height:100%;object-fit:cover}
.hm .cs-badge{position:absolute;left:20px;bottom:20px;padding:8px 12px;border-radius:12px;background:rgba(17,19,24,.88);color:#fff;font:500 11px/1.35 var(--gmono);letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(6px)}
.hm .cs-value{display:grid;place-items:center;height:100%;padding:32px;background:radial-gradient(ellipse at 20% 0%,#eef6ff 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,#bcdcff 0%,transparent 60%),linear-gradient(160deg,#a9c9f2 0%,#cfe1f8 55%,#e9f1fd 100%)}
.hm .cs-value .mini-win{padding:24px;text-align:center}
.hm .cs-value span{display:block;font:500 10px var(--gmono);letter-spacing:.14em;color:#6F6B61}
.hm .cs-value strong{display:block;margin-top:10px;font:400 72px/1 var(--serif);letter-spacing:-.04em;color:#111318}
.hm .cs-value strong small{display:block;margin-top:6px;font:400 13px var(--geist);letter-spacing:0;color:#55647a}
.hm .cs-value i{display:block;height:1px;margin:16px 0;background:#ECE8DE}
.hm .cs-value em{font:normal 400 13px var(--geist);color:#2A2D35}
.hm .cs-story{display:flex;flex-direction:column;gap:16px;padding:40px}
.hm .cs-kicker{display:flex;align-items:center;gap:10px;margin:0;font:500 11px var(--gmono);letter-spacing:.14em;text-transform:uppercase;color:#55647a}
.hm .cs-story h3{margin:0;font:400 34px/1.08 var(--serif);letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.hm .cs-story p{margin:0;font-size:16px;line-height:1.55;color:#3A4A60}
.hm .cs-outcome{display:grid;grid-template-columns:20px 1fr;gap:10px;margin-top:auto;padding-top:20px;border-top:1px dashed #E6E9EF;font-size:15px;font-weight:600;line-height:1.45;color:#111318}
.hm .cs-outcome::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--tone);color:#fff;font:600 11px Arial,sans-serif}
.hm .cs-outcome small{display:block;margin-top:4px;font-size:12.5px;font-weight:400;color:#6F7787}
.hm .cs-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:32px}
.hm .cs-count{font:500 13px var(--gmono);color:#6F7787}
.hm .cs-count strong{color:#111318;font-weight:500}
.hm .cs-progress{height:2px;border-radius:2px;background:#E6E9EF;overflow:hidden}
.hm .cs-progress span{display:block;height:100%;width:25%;background:#111318;transition:width .35s ease}
.hm .cs-arrows{display:flex;gap:8px}
.hm .cs-arrows button{all:unset;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #E6E9EF;background:#fff;font:500 16px var(--gmono);color:#111318;transition:background .2s,color .2s}
.hm .cs-arrows button:hover{background:#111318;color:#fff}
.hm .cs-arrows button:focus-visible{outline:2px solid #0A8FE0;outline-offset:3px}
.hm .cs-arrows button:disabled{opacity:.35;cursor:default;background:#fff;color:#111318}
.hm .tm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:0;padding:0;list-style:none}
.hm .tm-person{display:flex;flex-direction:column;gap:6px}
.hm .tm-person img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;background:#EEF2F7;margin-bottom:10px}
.hm .tm-person h3{margin:0;font:600 16px/1.3 Arial,Helvetica,sans-serif;color:var(--ink)}
.hm .tm-person p{margin:0;font-size:14px;line-height:1.5;color:#55647a}
.hm .tm-person a{margin-top:4px;font:500 11px var(--gmono);letter-spacing:.12em;text-transform:uppercase;color:#111318;text-decoration:none}
.hm .tm-person a:hover{color:#bd166c}
.hm .tm-why{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-top:64px;padding:56px;border-radius:28px;background:radial-gradient(ellipse at 0% 0%,#22364F 0%,transparent 60%),radial-gradient(ellipse at 100% 100%,#3a1f3a 0%,transparent 55%),#111318;color:#fff}
.hm .tm-why .s-eyebrow{color:#FF8FC4}
.hm .tm-why h3{margin:0;font:400 clamp(32px,3.4vw,48px)/1.05 var(--serif);letter-spacing:-.03em;color:#fff;text-wrap:balance}
.hm .tm-why h3 em{color:#fff}
.hm .tm-why p{margin:0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.82)}
.hm .tm-presence{display:flex;flex-wrap:wrap;align-items:center;gap:8px;grid-column:1/-1;margin:0;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:rgba(255,255,255,.72)}
.hm .tm-presence b{margin-right:4px;font-weight:400}
.hm .tm-presence span{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#fff;font:500 12px var(--geist)}
.hm .ft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hm .ft-card{display:flex;flex-direction:column;gap:12px;padding:32px;border:1px solid #E6E9EF;border-radius:24px;background:#fff}
.hm .ft-num{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font:500 11px var(--gmono);letter-spacing:.14em;color:#2E7D32}
.hm .ft-num::after{content:"✓";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#EAFBDD;color:#2E7D32;font:600 13px Arial,sans-serif}
.hm .ft-card h3{margin:0;font:600 22px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.015em;color:var(--ink)}
.hm .ft-card p{margin:0;font-size:15px;line-height:1.55;color:#3A4A60}
.hm .ft-boundary{display:flex;align-items:center;gap:16px;max-width:820px;margin:32px auto 0;padding:18px 24px;border-radius:16px;background:#F5F2EA;font-size:15px;line-height:1.5;color:#3A4A60}
.hm .ft-boundary strong{flex:none;display:inline-flex;align-items:center;gap:8px;font:500 11px var(--gmono);letter-spacing:.12em;text-transform:uppercase;color:#111318}
.hm .ft-boundary strong::before{content:"✕";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#111318;color:#fff;font:600 10px Arial,sans-serif}
.hm .fq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.hm .fq-grid .s-head{position:sticky;top:120px}
.hm .fq-list{border-top:1px solid #E6E9EF}
.hm .fq-list details{border-bottom:1px solid #E6E9EF}
.hm .fq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;list-style:none;font:600 18px/1.35 Arial,Helvetica,sans-serif;color:var(--ink)}
.hm .fq-list summary::-webkit-details-marker{display:none}
.hm .fq-list summary span{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #E6E9EF;font:400 18px var(--gmono);color:#111318;transition:transform .25s,background .2s,color .2s}
.hm .fq-list details[open] summary span{transform:rotate(45deg);background:#111318;color:#fff;border-color:#111318}
.hm .fq-list summary:focus-visible{outline:2px solid #0A8FE0;outline-offset:4px;border-radius:8px}
.hm .fq-list details p{max-width:62ch;margin:-8px 0 24px;font-size:16px;line-height:1.6;color:#3A4A60}
.hm .fc{max-width:1500px;margin:0 auto;padding:0 24px 96px}
.hm .fc-panel{display:grid;place-items:center;padding:96px 24px;border-radius:28px;background:radial-gradient(ellipse at 50% 50%,#fffefa 0%,#fff9f2aa 25%,transparent 55%),radial-gradient(ellipse at 0% 100%,#f4a9c0 0%,transparent 50%),radial-gradient(ellipse at 100% 90%,#f39cc6 0%,transparent 48%),linear-gradient(180deg,#9cc1f0 0%,#c9d7f5 30%,#e6daf1 52%,#f6d3e1 78%,#f2bcd6 100%)}
.hm .fc-card{max-width:760px;padding:56px 48px;border-radius:24px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 60px rgba(40,30,80,.12);backdrop-filter:blur(14px);text-align:center}
.hm .fc-card .s-lede{margin-bottom:0}
.hm .fc-card .cta{margin-top:32px}
.hm .fc-card small{display:block;margin-top:12px;font-size:12px;color:#44536a}
.hm .fo{background:#111318;color:#fff}
.hm .fo-in{max-width:1220px;margin:0 auto;padding:72px 24px 32px}
.hm .fo-top{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.12)}
.hm .fo-brand .wm{width:120px;filter:invert(1) brightness(2)}
.hm .fo-brand p{margin:16px 0 0;font:400 22px/1.3 var(--serif);color:rgba(255,255,255,.88)}
.hm .fo-eyebrow{display:block;margin:0 0 16px;font:500 11px var(--gmono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.hm .fo-action{text-align:right}
.hm .fo-action a{font:400 48px/1 var(--serif);letter-spacing:-.03em;color:#fff;text-decoration:none}
.hm .fo-action a:hover{color:#FF8FC4}
.hm .fo-action p{margin:12px 0 0;font:500 12px var(--gmono);letter-spacing:.06em;color:rgba(255,255,255,.6)}
.hm .fo-mid{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:48px 0}
.hm .fo-nav{display:flex;flex-direction:column;gap:12px}
.hm .fo-nav a{font-size:15px;color:rgba(255,255,255,.86);text-decoration:none}
.hm .fo-nav a:hover{color:#fff}
.hm .fo-offices{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.hm .fo-offices h3{margin:0 0 16px;font:600 15px Arial,sans-serif;color:#fff}
.hm .fo-offices address{margin:0 0 16px;font-style:normal;font-size:14px;line-height:1.5;color:rgba(255,255,255,.7)}
.hm .fo-offices address strong{display:block;color:#fff;font-weight:600}
.hm .fo-offices address a{color:inherit;text-decoration:none}
.hm .fo-offices address a:hover{color:#fff}
.hm .fo-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font:500 11px var(--gmono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.hm .fo-bottom nav{display:flex;flex-wrap:wrap;gap:20px}
.hm .fo-bottom a,.hm .fo-bottom button{all:unset;cursor:pointer;color:rgba(255,255,255,.7)}
.hm .fo-bottom a:hover,.hm .fo-bottom button:hover{color:#fff}
@media(max-width:1100px){.hm .tm-grid{grid-template-columns:repeat(3,1fr)}
.hm .m-steps,.hm .ft-grid{gap:16px}
.hm .m-step+.m-step::before{display:none}}
@media(max-width:900px){.hm .m-steps,.hm .ft-grid{grid-template-columns:1fr}
.hm .cs-slide{grid-template-columns:1fr;min-height:0}
.hm .cs-visual{aspect-ratio:16/9}
.hm .tm-why{grid-template-columns:1fr;gap:24px}
.hm .fq-grid{grid-template-columns:1fr;gap:32px}
.hm .fq-grid .s-head{position:static}
.hm .fo-top,.hm .fo-mid{grid-template-columns:1fr}
.hm .fo-action{text-align:left}}
@media(max-width:700px){.hm .s{padding:64px 24px}
.hm .s-head{margin-bottom:40px}
.hm .s-eyebrow{margin-bottom:16px}
.hm .s-title{font-size:clamp(36px,10.4vw,52px)}
.hm .s-lede{margin-top:16px;font-size:15px}
.hm .m-tabs{margin:-16px 0 32px}
.hm .m-tabs button{padding:10px 16px;font-size:13px}
.hm .m-step{border-radius:20px}
.hm .m-visual{height:216px;border-radius:19px 19px 0 0}
.hm .m-body{padding:24px}
.hm .m-body h3{font-size:20px}
.hm .m-cta p{font-size:26px}
.hm .cs-track{grid-auto-columns:88%;gap:12px;scroll-padding:0 24px}
.hm .cs-slide{border-radius:20px}
.hm .cs-story{padding:24px}
.hm .cs-story h3{font-size:28px}
.hm .cs-story p{font-size:15px}
.hm .cs-value strong{font-size:56px}
.hm .cs-controls{gap:16px}
.hm .tm-grid{grid-template-columns:1fr 1fr;gap:16px}
.hm .tm-person img{border-radius:16px}
.hm .tm-why{margin-top:48px;padding:32px 24px;border-radius:20px}
.hm .tm-why p{font-size:15px}
.hm .ft-card{padding:24px;border-radius:20px}
.hm .ft-boundary{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 20px}
.hm .fq-list summary{padding:20px 0;font-size:16px}
.hm .fq-list details p{font-size:15px}
.hm .fc{padding:0 12px 64px}
.hm .fc-panel{padding:48px 12px;border-radius:20px}
.hm .fc-card{padding:40px 24px;border-radius:20px}
.hm .fo-in{padding:56px 24px 28px}
.hm .fo-action a{font-size:40px}
.hm .fo-offices{grid-template-columns:1fr}
.hm .fo-bottom{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.hm .cs-track{scroll-behavior:auto}
.hm .cs-progress span,.hm .fq-list summary span{transition:none}}
.hm .m-body .m-kicker{font-size:11px;line-height:1.4}
.hm .cs-story .cs-kicker{font-size:11px;line-height:1.4}
.hm .tm-why .s-eyebrow{font-size:11px;line-height:1.4;margin-bottom:16px}
.hm .fo .fo-nav,.hm .fo .fo-bottom nav{font:inherit;letter-spacing:normal;text-transform:none}
.hm .fo .fo-nav a{font:400 15px Arial,Helvetica,sans-serif;letter-spacing:normal;text-transform:none}
.hm .fo .fo-bottom nav a,.hm .fo .fo-bottom nav button{font:500 11px var(--gmono);letter-spacing:.08em;text-transform:uppercase}
.hm .cs-visual img[src*="jetz"]{object-position:72% center}
.hm .fc{padding-bottom:64px}
@media(max-width:700px){.hm .fc{padding-bottom:48px}}
@media(max-width:700px){.hm .tm-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:62%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -24px;padding:0 24px 8px;scroll-padding:0 24px;scrollbar-width:none}
.hm .tm-grid::-webkit-scrollbar{display:none}
.hm .tm-person{scroll-snap-align:start}
.hm .fo-offices{grid-template-columns:1fr 1fr;gap:16px}
.hm .fo-offices address{font-size:13px}
.hm .fo-brand p{font-size:20px}
.hm .ft-card{gap:8px}
.hm .ft-num{margin-bottom:4px}}
.hm .cs-visual img[src*="jetz"]{object-position:60% center}
.hm .band{width:calc(100% - 48px);max-width:1452px;margin:24px auto;border-radius:28px}
.hm .band-warm{background:radial-gradient(ellipse at 0% 0%,#fffdf8 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,#efe9dc 0%,transparent 60%),#F5F1E8}
.hm .band-tint{background:radial-gradient(ellipse at 0% 0%,#e8f1fc 0%,transparent 60%),radial-gradient(ellipse at 100% 100%,#fbe6f0 0%,transparent 60%),#F6F4FA}
.hm .band-dark{background:radial-gradient(ellipse at 0% 0%,#1d2b40 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,#2a1830 0%,transparent 55%),#0E1016;color:#fff}
.hm .band-dark .s-eyebrow{color:#FF8FC4}
.hm .band-dark .s-title,.hm .band-dark .s-title em{color:#fff}
.hm .band-dark .s-lede{color:rgba(255,255,255,.72)}
.hm .band .m-step,.hm .band .ft-card{box-shadow:0 1px 2px rgba(11,26,46,.04),0 12px 32px rgba(40,30,80,.05)}
.hm .band-warm .m-step+.m-step::before{background:#fff}
.hm .band-tint .ft-boundary{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9)}
.hm .tm-head{display:grid;grid-template-columns:1fr minmax(0,380px);gap:48px;align-items:end;margin-bottom:48px}
.hm .tm-head .s-lede{margin:0 0 6px;text-align:left}
.hm .tm-grid{grid-template-columns:repeat(5,1fr);gap:14px;align-items:stretch}
.hm .tm-person{gap:6px}
.hm .tm-person img{aspect-ratio:4/4.2;border-radius:12px;filter:grayscale(1) contrast(1.05);margin-bottom:12px;transition:filter .3s}
@media(hover:hover){.hm .tm-person:hover img{filter:grayscale(0)}}
.hm .band-dark .tm-person h3{color:#fff}
.hm .band-dark .tm-person p{color:rgba(255,255,255,.66);font-size:13.5px}
.hm .tm-person a{margin-top:auto;padding-top:12px}
.hm .band-dark .tm-person a{color:#fff}
.hm .band-dark .tm-person a:hover{color:#FF8FC4}
.hm .band-dark .tm-why{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.hm .band-dark .tm-why::after{display:none}
.hm .vw{width:min(100%,340px);text-align:left}
.hm .vw-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #EEEBE2}
.hm .vw-head span{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:#1A1C22}
.hm .vw-head span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tone)}
.hm .vw-head em{font:normal 500 9.5px var(--gmono);letter-spacing:.1em;text-transform:uppercase;color:var(--tone-ink);background:var(--tone-soft);padding:3px 7px;border-radius:999px}
.hm .vw-head em.live{color:#fff;background:var(--tone)}
.hm .vq{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:0;padding:12px 14px;list-style:none}
.hm .vq li{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#8A867B;transition:color .3s}
.hm .vq li::before{content:"";flex:none;width:13px;height:13px;border-radius:50%;border:1.5px solid #DDD8CC;transition:background .3s,border-color .3s}
.hm .vq li.is-on{color:#111318}
.hm .vq li.is-on::before{border-color:var(--tone);background:var(--tone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.3 5 8.2 9 3.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/10px no-repeat}
.hm .vw-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;border-top:1px dashed #ECE8DE;font-size:11.5px;color:#55647a}
.hm .vw-foot b{font-weight:600;color:#111318}
.hm .vr{padding:12px 14px 14px}
.hm .vr small{display:block;font:500 9.5px var(--gmono);letter-spacing:.1em;text-transform:uppercase;color:#6F6B61}
.hm .vr-bars{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;height:84px;margin-top:10px;background:repeating-linear-gradient(0deg,#F0ECE3 0 1px,transparent 1px 28px)}
.hm .vr-bars i{display:block;height:var(--h);border-radius:3px 3px 0 0;background:var(--tone);opacity:.25;transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.3,1.2,.5,1),opacity .3s}
.hm .vr-bars i:nth-child(n+5){opacity:.55}
.hm .vr-bars i:nth-child(n+9){opacity:1}
.hm .vr-bars i.is-on{transform:none}
.hm .vr-cycles{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}
.hm .vr-cycles span{padding-top:6px;border-top:2px solid #ECE8DE;font-size:10.5px;line-height:1.3;color:#6F6B61}
.hm .vr-cycles span:nth-child(3){border-color:var(--tone)}
.hm .vr-cycles b{display:block;font:500 10px var(--gmono);letter-spacing:.08em;text-transform:uppercase;color:#111318}
.hm .vt{margin:0;padding:6px 14px 10px;list-style:none}
.hm .vt li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #ECE8DE;font-size:12px;color:#2A2D35}
.hm .vt li:last-child{border-bottom:0}
.hm .vt b{position:relative;display:grid;grid-template-columns:1fr 1fr;width:168px;padding:3px;border-radius:999px;background:#F2EEE5;font-weight:500}
.hm .vt b::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--tone);transition:transform .45s cubic-bezier(.4,0,.2,1),background .45s}
.hm .vt i{position:relative;z-index:1;font:normal 500 9.5px/1 var(--gmono);letter-spacing:.04em;text-align:center;padding:5px 0;color:#6F6B61;transition:color .45s}
.hm .vt i:first-child{color:#fff}
.hm .vt li.is-on b::before{transform:translateX(100%);background:#111318}
.hm .vt li.is-on i:first-child{color:#6F6B61}
.hm .vt li.is-on i:last-child{color:#fff}
@media(max-width:900px){.hm .tm-head{grid-template-columns:1fr;gap:16px}}
@media(max-width:700px){.hm .band{width:calc(100% - 24px);margin:12px auto;border-radius:20px}
.hm .tm-grid{grid-auto-columns:58%}
.hm .vw{width:100%}}
@media(prefers-reduced-motion:reduce){.hm .vq li,.hm .vq li::before,.hm .vr-bars i,.hm .vt b::before,.hm .vt i{transition:none}}
.hm .vq li:last-child{grid-column:1/-1}
@media(max-width:700px){.hm .tm-grid{grid-template-columns:none;grid-auto-columns:58%}
.hm .m-visual{height:auto;min-height:216px}
.hm .vq{grid-template-columns:1fr;gap:7px}
.hm .vq li:last-child{grid-column:auto}
.hm .vt li{flex-direction:column;align-items:stretch;gap:6px}
.hm .vt b{width:100%}
.hm .vw-foot{flex-direction:column;align-items:flex-start;gap:2px}}
.hm .vs-docs{display:flex;gap:14px}
.hm .vs-doc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:118px;height:148px;padding:14px;border-radius:12px;background:rgba(255,253,247,.95);box-shadow:0 14px 30px rgba(40,30,80,.13);font:500 12.5px/1.25 var(--geist);color:#111318;opacity:.45;transform:translateY(6px);transition:opacity .4s,transform .4s}
.hm .vs-doc::before{content:"";position:absolute;top:16px;left:14px;right:28px;height:44px;background:repeating-linear-gradient(180deg,#ECE8DE 0 4px,transparent 4px 11px)}
.hm .vs-doc i{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:#E8E3D8;transition:background .3s}
.hm .vs-doc.is-on{opacity:1;transform:none}
.hm .vs-doc.is-on i{background:var(--tone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.3 5 8.2 9 3.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}
.hm .vs-run{width:min(100%,260px)}
.hm .vs-bars{display:grid;grid-template-columns:repeat(9,1fr);align-items:end;gap:6px;height:130px}
.hm .vs-bars i{display:block;height:var(--h);border-radius:4px 4px 0 0;background:var(--tone);opacity:.3;transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.3,1.2,.5,1)}
.hm .vs-bars i:nth-child(n+4){opacity:.6}
.hm .vs-bars i:nth-child(n+7){opacity:1}
.hm .vs-bars i.is-on{transform:none}
.hm .vs-cyc{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;border-top:1.5px solid rgba(17,19,24,.18)}
.hm .vs-cyc span{padding-top:8px;font:500 10px var(--gmono);letter-spacing:.1em;text-transform:uppercase;color:#55534D;text-align:center}
.hm .vs-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:260px;padding:5px;border-radius:999px;background:rgba(255,253,247,.95);box-shadow:0 14px 30px rgba(40,30,80,.13)}
.hm .vs-switch b{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--tone);transition:transform .6s cubic-bezier(.4,0,.2,1),background .6s}
.hm .vs-switch i{position:relative;z-index:1;padding:12px 0;font:normal 500 12px var(--geist);text-align:center;color:#fff;transition:color .6s}
.hm .vs-switch i:last-child{color:#6F6B61}
.hm .vs-switch.is-done b{transform:translateX(100%);background:#111318}
.hm .vs-switch.is-done i:first-child{color:#6F6B61}
.hm .vs-switch.is-done i:last-child{color:#fff}
.hm .band-dark .tm-why{margin:72px -24px -96px;padding:72px 24px 80px;border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 28px 28px;background:rgba(255,255,255,.035);grid-template-columns:1.15fr 1fr}
.hm .band-dark{overflow:hidden}
.hm .band-dark .tm-why > div,.hm .band-dark .tm-why > p{max-width:none}
.hm .band-dark .tm-why{padding-left:max(24px,calc((100% - 1172px)/2));padding-right:max(24px,calc((100% - 1172px)/2))}
.hm .band-dark #team{padding-bottom:96px}
@media(max-width:900px){.hm .band-dark .tm-why{grid-template-columns:1fr}}
@media(max-width:700px){.hm .band-dark .tm-why{margin:48px -24px -64px;padding:48px 24px 56px;border-radius:0 0 20px 20px}
.hm .vs-doc{width:104px;height:132px}
.hm .vs-switch{width:240px}}
@media(prefers-reduced-motion:reduce){.hm .vs-doc,.hm .vs-bars i,.hm .vs-switch b,.hm .vs-switch i{transition:none}}
.hm .vs-switch i:first-of-type{color:#fff}
.hm .vs-switch i:last-of-type{color:#6F6B61}
.hm .vs-switch.is-done i:first-of-type{color:#6F6B61}
.hm .vs-switch.is-done i:last-of-type{color:#fff}
.hm .band-dark #team{padding-bottom:72px}
.hm .band-dark .tm-why{display:block;margin:0;padding:72px 24px 80px;border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0;background:rgba(255,255,255,.035)}
.hm .tm-why-in{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;max-width:1172px;margin:0 auto}
@media(max-width:900px){.hm .tm-why-in{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.hm .band-dark #team{padding-bottom:48px}
.hm .band-dark .tm-why{margin:0;padding:48px 24px 56px;border-radius:0}}
.hm .band-dark .tm-why > .tm-why-in{max-width:1172px}
.hm .vs-pick{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;width:200px}
.hm .vs-pick li{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-radius:999px;background:rgba(255,253,247,.95);box-shadow:0 8px 20px rgba(40,30,80,.08);font:500 13px var(--geist);color:#6F6B61;opacity:.5;transform:translateX(-6px);transition:opacity .35s,transform .35s,background .35s,color .35s}
.hm .vs-pick li.is-on{opacity:1;transform:none}
.hm .vs-pick li:first-child.is-on{background:var(--tone);color:#fff}
.hm .vs-pick li:first-child::after{content:"";width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.3 5 8.2 9 3.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/11px no-repeat;opacity:0;transition:opacity .3s .2s}
.hm .vs-pick li:first-child.is-on::after{opacity:1}
.hm .vs-team{position:relative;display:flex;gap:34px;margin:0;padding:0;list-style:none}
.hm .vs-team::before{content:"";position:absolute;top:28px;left:28px;right:28px;height:2px;background:rgba(17,19,24,.12)}
.hm .vs-team li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;font:500 12px var(--geist);color:#55534D}
.hm .vs-team i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(255,253,247,.95);box-shadow:0 10px 24px rgba(40,30,80,.12);font:normal 500 16px var(--gmono);color:#8A867B;transition:background .4s,color .4s,transform .4s}
.hm .vs-team li.is-on i{background:var(--tone);color:#fff;transform:scale(1.05)}
.hm .vs-team li:first-child.is-on i{background:#111318}
.hm .vs-cmp{display:flex;align-items:flex-end;gap:28px;height:170px}
.hm .vs-cmp span{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:92px;height:100%;font:500 10px var(--gmono);letter-spacing:.08em;text-transform:uppercase;color:#55534D;text-align:center}
.hm .vs-cmp span::before{content:"";order:1;width:100%;height:var(--h);border-radius:8px 8px 0 0;background:rgba(255,253,247,.95);box-shadow:0 10px 24px rgba(40,30,80,.1);transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.3,1.2,.5,1)}
.hm .vs-cmp span:last-child::before{background:var(--tone)}
.hm .vs-cmp span.is-on::before{transform:none}
.hm .vs-cmp b{order:0;font:400 30px/1 var(--serif);letter-spacing:-.02em;color:#111318;text-transform:none;opacity:0;transition:opacity .3s .3s}
.hm .vs-cmp span.is-on b{opacity:1}
.hm .vs-cmp span{flex-direction:column}
.hm .vs-cmp span{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:end}
.hm .vs-cmp span::before{grid-row:2;align-self:end}
.hm .vs-cmp span b{grid-row:1}
.hm .band-dark{width:100%;max-width:none;border-radius:0}
.hm .band-dark .tm-why{border-radius:0}
.hm .ft-no{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:16px;margin-top:24px;padding:24px 32px;border-radius:24px;background:rgba(255,255,255,.55);border:1px dashed rgba(17,19,24,.18)}
.hm .ft-no-icon{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(17,19,24,.25);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 3.5l5 5M8.5 3.5l-5 5' fill='none' stroke='%23111318' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat}
.hm .ft-no p{margin:0;font-size:15px;line-height:1.55;color:#3A4A60}
.hm .ft-no strong{font-weight:600;color:#111318}
@media(max-width:700px){.hm .band-dark{width:100%;border-radius:0}
.hm .ft-no{grid-template-columns:32px 1fr;align-items:start;gap:14px;margin-top:16px;padding:20px;border-radius:20px}
.hm .ft-no-icon{width:32px;height:32px;background-size:12px}
.hm .vs-team{gap:22px}
.hm .vs-team i{width:48px;height:48px}
.hm .vs-team::before{top:24px}}
@media(prefers-reduced-motion:reduce){.hm .vs-pick li,.hm .vs-team i,.hm .vs-cmp span::before,.hm .vs-cmp b{transition:none}}
.hm .vs-cmp span{display:flex!important;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}
.hm .vs-cmp span::before{order:1;flex:none}
.hm .vs-cmp b{order:0}
.hm .vs-cmp span{font-size:10px}
.hm .vs-cmp span > i{order:2}
.hm .band-dark{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0}
.hm .vs-cmp em{order:2;font-style:normal;min-height:2.6em}
@media(max-width:700px){.hm .vs-cmp{height:150px;margin-top:8px}}
.hm #fit{padding-bottom:24px}
.hm .ft-panel{width:min(1452px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%);padding:56px 24px;border-radius:28px}
.hm .ft-panel-in{max-width:1172px;margin:0 auto}
@media(max-width:700px){.hm #fit{padding-bottom:12px}
.hm .ft-panel{width:calc(100vw - 24px);padding:24px 12px;border-radius:20px}}

/* Gana a las reglas por id de style.css / ds-es.css (ver feedback de paridad maqueta → producción) */
.hm #approach .s-title,.hm #results .s-title,.hm #team .s-title,.hm #team-title.s-title,.hm #fit .s-title,.hm #faq .s-title,.hm #calendly .s-title{margin:0;font:400 clamp(40px,4.4vw,64px)/1.02 var(--serif);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;max-width:none;white-space:normal}
.hm .band-dark #team .s-title,.hm .band-dark #team-title.s-title{color:#fff}
.hm .tm-why h3{font:400 clamp(32px,3.4vw,48px)/1.05 var(--serif);letter-spacing:-.03em;color:#fff}
@media(max-width:700px){
  .hm #approach .s-title,.hm #results .s-title,.hm #team .s-title,.hm #team-title.s-title,.hm #fit .s-title,.hm #faq .s-title,.hm #calendly .s-title{font-size:clamp(36px,10.4vw,52px)}
  /* Equipo: los cinco a la vista en dos columnas; el quinto centrado */
  .hm .tm-grid{display:grid;grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;gap:24px 16px;overflow:visible;margin:0;padding:0}
  .hm .tm-person:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
  .hm .tm-person h3{font-size:15px}
  .hm .tm-person p{font-size:13px}
}
/* Texto mínimo 11px en las ventanas tipo app */
.hm .vw-head em,.hm .vr small,.hm .vr-cycles b,.hm .vt i,.hm .vs-cyc span,.hm .vs-cmp span,.hm .chip-svc{font-size:11px}

.hm .fo-brand .wm{filter:none;color:#fff;width:132px}
@media(max-width:700px){.hm .cta{padding:15px 22px;font-size:13px}}

/* Comprobar: mismo ejemplo que el hero (tiempo por presupuesto); la barra que baja es la buena */
.hm .vs-cmp-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.hm .vs-cmp-k{margin:0;font:500 11px var(--gmono);letter-spacing:.1em;text-transform:uppercase;color:#55534D}
.hm .vs-cmp{height:auto;gap:32px;margin:0;align-items:flex-end}
.hm .vs-cmp span{height:auto}
.hm .vs-cmp span::before{height:var(--h)}
.hm .vs-cmp span:last-child::before{background:var(--tone)}
.hm .vs-cmp b{font-size:26px;white-space:nowrap}
.hm .vs-cmp span:last-child b{color:var(--tone-ink)}
@media(max-width:700px){.hm .vs-cmp b{font-size:24px}}

/* Por qué CoCoCo: cierra la banda del equipo sobre el mismo fondo, sin panel; ciudades en serif con puntos */
.hm .band-dark #team{padding-bottom:0}
.hm .why-d{padding:96px 24px 104px}
.hm .why-d .in{display:grid;grid-template-columns:1.25fr 1fr;gap:72px;align-items:end;max-width:1172px;margin:0 auto;padding-top:80px;border-top:1px solid rgba(255,255,255,.14)}
.hm .why-d .s-eyebrow{color:#FF8FC4}
.hm .why-d h3{margin:0;font:400 clamp(40px,4.6vw,68px)/1 var(--serif);letter-spacing:-.035em;color:#fff}
.hm .why-d h3 em{font-style:italic;color:#FF8FC4}
.hm .why-d p.body{margin:0;font-size:17px;line-height:1.65;color:rgba(255,255,255,.78)}
.hm .why-d .cities{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:32px 0 0;font:400 19px var(--serif);color:#fff}
.hm .why-d .cities small{width:100%;margin-bottom:6px;font:500 11px var(--gmono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.hm .why-d .cities i{width:4px;height:4px;border-radius:50%;background:#FF8FC4}
@media(max-width:800px){.hm .why-d{padding:56px 24px 64px}.hm .why-d .in{grid-template-columns:1fr;gap:24px;padding-top:48px}.hm .why-d h3{font-size:clamp(34px,9.5vw,46px)}.hm .why-d p.body{font-size:15px}.hm .why-d .cities{font-size:17px}}
