/* CLO-88 round 3 landing additions: the typewriter hero, the benefits row,
   linked app logos and the own API key note. */
.sivusto-page .sv-hero h1.sv-typed-title .sv-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.sivusto-page .sv-hero h1.sv-typed-title .sv-sr:after,.sivusto-page .sv-hero h1.sv-typed-title>span[aria-hidden]:after,.sivusto-page .sv-hero h1.sv-typed-title .sv-caret:after{content:none}
.sivusto-page .sv-hero h1.sv-typed-title>span[aria-hidden]{display:block;color:var(--color-ink);white-space:normal}
.sivusto-page .sv-hero h1.sv-typed-title .sv-typed{color:var(--color-brick-600);white-space:nowrap;display:inline-block;min-width:1ch}
.sivusto-page .sv-hero h1.sv-typed-title .sv-caret{position:static;display:inline-block;width:.08em;height:.9em;margin-left:.06em;vertical-align:-.08em;background:var(--color-brick-600);animation:sv-caret 1s steps(1) infinite}
@keyframes sv-caret{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.sivusto-page .sv-hero h1.sv-typed-title .sv-caret{animation:none;opacity:0}}
.sv-hero .sv-hero-offer{padding-bottom:1.5rem}
.sv-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;list-style:none;margin:0 auto;padding:0 0 2.5rem;max-width:68rem}
.sv-benefits li{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:var(--color-white);border:2px solid var(--color-ink);border-radius:12px;box-shadow:3px 3px 0 var(--color-ink);font-weight:650;color:var(--color-ink);font-size:.95rem;line-height:1.35}
.sv-benefits li::before{content:"✓";flex:0 0 auto;display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--color-sun-400);border:1.5px solid var(--color-ink);font-size:.75rem;font-weight:800}
.sv-brands a.sv-brand-item{display:flex}
.sv-own-key{margin-top:1.5rem;padding:1.25rem 1.5rem;background:var(--color-white);border:2px solid var(--color-ink);border-radius:14px}
.sv-own-key h3{margin:0 0 .4rem}
.sv-own-key p{margin:0}
@media (max-width:640px){.sv-benefits{grid-template-columns:1fr 1fr;padding-bottom:2rem}.sv-benefits li{font-size:.85rem;padding:.6rem .7rem}}