/* Home only: hero helper lines, "¿Qué quieres hacer?" cards, 4-up calculators, logo grid. */
.hero-for{margin:12px 0 0;max-width:52ch;font-weight:600;color:var(--ink);opacity:.82}
.hero-first{margin:clamp(18px,2.4vw,26px) 0 -6px;font:600 .8rem/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.hero-first b{background:var(--ink);color:var(--lime);padding:.3em .6em;border-radius:6px;margin-right:.4em}

/* intent: glass cards over a soft lime glow so the blur has something to refract */
.intent{position:relative;overflow:hidden;padding:clamp(48px,7vw,96px) 0;background:var(--paper)}
.intent::before{content:"";position:absolute;width:min(70vw,720px);aspect-ratio:1;right:-12%;top:-20%;border-radius:50%;background:radial-gradient(circle,rgba(198,255,61,.75),rgba(198,255,61,0) 68%);pointer-events:none}
.intent::after{content:"";position:absolute;width:min(55vw,520px);aspect-ratio:1;left:-14%;bottom:-18%;border-radius:50%;background:radial-gradient(circle,rgba(198,255,61,.5),rgba(198,255,61,0) 68%);pointer-events:none}
.intent .wrap{position:relative;z-index:1}
.intent .lead{margin-top:16px;color:var(--mute)}
.intent-grid{list-style:none;margin:clamp(24px,3.4vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,22px)}
.intent-grid li{display:flex}
.icard{position:relative;display:grid;gap:8px;align-content:start;width:100%;padding:clamp(18px,2vw,26px);border-radius:22px;text-decoration:none;color:var(--ink);border:2px solid var(--ink);--g-tint:rgba(246,244,236,.62);transition:transform .35s var(--ease),box-shadow .35s}
.icard:hover{transform:translateY(-4px);box-shadow:8px 8px 0 var(--ink)}
.icard b{font:800 clamp(1.2rem,1.9vw,1.55rem)/1.1 var(--display);letter-spacing:-.02em}
.icard>span:not(.ct-k){font-size:.97rem;line-height:1.45}
.icard small{font:600 .78rem/1.4 var(--mono);color:var(--mute);letter-spacing:.02em;margin-top:2px}
.icard:hover b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}
.intent-more{margin:clamp(22px,3vw,34px) 0 0;font-weight:600}
@media (max-width:980px){.intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.intent-grid{grid-template-columns:1fr}}

/* calculators: 4-up */
.ct-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ct-grid.four .ct{position:relative;padding:clamp(18px,1.8vw,24px)}
.ct-grid.four .ct b{font-size:clamp(1.15rem,1.6vw,1.45rem)}
.ct .go{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;align-self:end}
@media (max-width:1100px){.ct-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ct-grid.four{grid-template-columns:1fr}}

/* logos: fixed-size chips, no layout shift */
.logo-grid{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,158px),1fr));gap:10px}
.logo-grid a{display:flex;align-items:center;gap:.65em;min-height:52px;padding:.55em .95em;border:2px solid var(--ink);border-radius:14px;font:700 .95rem/1.1 var(--display);text-decoration:none;color:var(--ink);transition:transform .35s var(--ease),background .2s}
.logo-grid a:hover{background:var(--lime);transform:translateY(-3px)}
.logo-grid .logo{width:1.5em;height:1.5em;flex:none}
.logo-grid .glyph{width:1.45rem;height:1.45rem;flex:none;display:grid;place-items:center;border:2px solid currentColor;border-radius:7px;font:700 .72rem/1 var(--mono);letter-spacing:-.06em}
.logo-note{margin:14px 0 0;font-size:.82rem;color:var(--mute);max-width:70ch}
@media (prefers-reduced-motion:reduce){.icard,.ct,.logo-grid a{transition:none}.icard:hover,.ct:hover,.logo-grid a:hover{transform:none}}
@media (max-width:600px){.hero-first b{display:block;width:max-content;margin:0 0 6px}}