:root {
  --yato-accent: #73c6c9;
  --yato-ink: #171a1b;
  --yato-ink-soft: #252b2d;
  --yato-paper: #f7f7f4;
  --yato-white: #ffffff;
  --yato-muted: #6f7779;
  --yato-line: #dfe3e1;
  --yato-soft: #eef2f1;
  --yato-radius: 22px;
  --yato-radius-sm: 14px;
  --yato-shadow: 0 24px 60px rgba(18, 25, 27, .10);
  --yato-wrap: 1180px;
  --yato-header-h: 78px;
}

html { scroll-behavior: smooth; }
body.yato-autoglas-template { margin: 0; background: var(--yato-paper); }
body.admin-bar .yato-header { top: 32px; }

.yato-site,
.yato-site * { box-sizing: border-box; }

.yato-site {
  margin: 0;
  color: var(--yato-ink);
  background: var(--yato-paper);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.58;
  -webkit-font-smoothing: antialiased;
  overflow: clip;
}

.yato-site a { color: inherit; text-decoration: none; }
.yato-site img { display: block; max-width: 100%; }
.yato-site button,
.yato-site input,
.yato-site textarea,
.yato-site select { font: inherit; }
.yato-site svg { width: 1.12em; height: 1.12em; display: block; }
.yato-site h1,
.yato-site h2,
.yato-site h3,
.yato-site p { margin-top: 0; }
.yato-site h1,
.yato-site h2,
.yato-site h3 { line-height: 1.02; letter-spacing: -.035em; }
.yato-site h1 { font-size: clamp(3rem, 5.5vw, 5.75rem); font-weight: 790; margin-bottom: 24px; }
.yato-site h2 { font-size: clamp(2.35rem, 4.15vw, 4.3rem); font-weight: 760; margin-bottom: 22px; }
.yato-site h3 { font-size: 1.25rem; margin-bottom: 10px; }
.yato-site h1 em,
.yato-site h2 em { color: var(--yato-accent); font-style: normal; }

.yato-wrap { width: min(calc(100% - 48px), var(--yato-wrap)); margin-inline: auto; }
.yato-section { position: relative; padding: clamp(78px, 9vw, 122px) 0; }
.yato-section--soft { background: #f0f3f2; }
.yato-section--dark { background: var(--yato-ink); color: var(--yato-white); }
.yato-center { text-align: center; margin-top: 32px; }

.yato-skip {
  position: fixed; top: 8px; left: 8px; z-index: 9999; transform: translateY(-160%);
  background: #fff; padding: 10px 14px; border-radius: 10px; box-shadow: var(--yato-shadow);
}
.yato-skip:focus { transform: none; }
.screen-reader-text { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }

/* Header */
.yato-topline { background: #121617; color: rgba(255,255,255,.68); font-size: 11px; letter-spacing: .065em; }
.yato-topline__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.yato-topline__right { display: flex; gap: 10px; align-items: center; }
.yato-topline a:hover { color: #fff; }

.yato-header {
  position: sticky; top: 0; z-index: 80; height: var(--yato-header-h);
  background: rgba(247,247,244,.94); border-bottom: 1px solid rgba(23,26,27,.08);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  transition: box-shadow .22s ease, background .22s ease;
}
.yato-header.is-scrolled { background: rgba(255,255,255,.96); box-shadow: 0 12px 30px rgba(19,26,28,.08); }
.yato-header__inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.yato-brand {
  display:flex; align-items:center; justify-content:center;
  flex:0 0 220px; width:220px; min-width:220px; height:100%; line-height:0;
}
.yato-brand__logo {
  display:flex; align-items:center; justify-content:center;
  width:100%; height:62px; overflow:hidden; line-height:0;
}
.yato-brand__logo img {
  display:block; width:auto; height:auto; max-width:100%; max-height:100%;
  margin:auto; object-fit:contain; object-position:50% 50%; transform:none!important;
}
.yato-nav { display: flex; align-items: center; gap: 23px; font-weight: 700; font-size: 13px; }
.yato-nav > a:not(.yato-btn) { position: relative; padding: 5px 0; }
.yato-nav > a:not(.yato-btn)::after { content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:var(--yato-accent); transition:right .2s ease; }
.yato-nav > a:not(.yato-btn):hover::after { right:0; }

.yato-menu-toggle { display:none; width:44px; height:44px; padding:10px; border:0; border-radius:12px; background:var(--yato-ink); cursor:pointer; }
.yato-menu-toggle span:not(.screen-reader-text) { display:block; height:2px; background:#fff; margin:4px 0; border-radius:2px; transition:.2s ease; }
.yato-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.yato-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.yato-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Buttons */
.yato-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:50px; padding:0 22px;
  border-radius:12px; border:1px solid var(--yato-accent); background:var(--yato-accent); color:#101617!important;
  font-weight:820; font-size:13px; line-height:1; box-shadow:0 12px 24px rgba(81,159,163,.20);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.yato-btn:hover { transform:translateY(-2px); box-shadow:0 16px 30px rgba(81,159,163,.28); }
.yato-btn--small { min-height:42px; padding-inline:17px; border-radius:11px; }
.yato-btn--ghost { background:transparent; border-color:rgba(255,255,255,.20); color:#fff!important; box-shadow:none; }
.yato-btn--ghost:hover { background:rgba(255,255,255,.07); }
.yato-btn--light { background:#fff; border-color:#fff; color:var(--yato-ink)!important; box-shadow:0 12px 24px rgba(0,0,0,.14); }
.yato-btn--ghost-dark { background:transparent; border-color:#cdd6d4; color:var(--yato-ink)!important; box-shadow:none; }
.yato-btn--full { width:100%; border:0; cursor:pointer; }
.yato-actions { display:flex; flex-wrap:wrap; gap:11px; }

/* Small labels */
.yato-eyebrow,
.yato-kicker { display:inline-flex; align-items:center; gap:10px; margin-bottom:18px; color:#5aaeb1; text-transform:uppercase; font-size:11px; font-weight:850; letter-spacing:.16em; }
.yato-eyebrow > span { width:24px; height:2px; background:var(--yato-accent); display:block; }
.yato-kicker::before { content:""; width:22px; height:2px; background:var(--yato-accent); }
.yato-kicker--light { color:var(--yato-accent); }

/* Hero */
.yato-hero { position:relative; background:#181d1e; color:#fff; overflow:hidden; }
.yato-hero__texture { position:absolute; inset:0; pointer-events:none; opacity:.6; background:
  radial-gradient(circle at 78% 18%, rgba(115,198,201,.17), transparent 24%),
  linear-gradient(115deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:auto, 36px 36px;
}
.yato-hero::after { content:""; position:absolute; right:-8vw; top:-80px; width:34vw; min-width:360px; height:140%; border-left:2px solid rgba(115,198,201,.30); transform:rotate(9deg); pointer-events:none; }
.yato-hero__stage { position:relative; min-height:610px; display:grid; align-items:center; }
.yato-hero__grid { display:grid; grid-template-columns:1.03fr .97fr; gap:62px; align-items:center; min-height:610px; }
.yato-hero__copy { padding:78px 0 92px; max-width:670px; }
.yato-hero__copy p { max-width:620px; margin-bottom:28px; color:rgba(255,255,255,.72); font-size:clamp(1.03rem,1.4vw,1.18rem); }
.yato-mini-trust { display:flex; flex-wrap:wrap; gap:16px; margin-top:26px; color:rgba(255,255,255,.62); font-size:12px; }
.yato-mini-trust span { display:flex; align-items:center; gap:6px; }
.yato-mini-trust svg { color:var(--yato-accent); }
.yato-hero__visual { min-height:460px; display:grid; align-items:center; position:relative; }

.yato-hero-photo { width:min(100%,520px); height:420px; margin-left:auto; position:relative; overflow:hidden; border-radius:22px 22px 70px 22px; box-shadow:0 38px 85px rgba(0,0,0,.28); background:#2b3335; }
.yato-hero-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(24,29,30,.08), rgba(24,29,30,.24)); pointer-events:none; }
.yato-hero-photo img { width:100%; height:100%; object-fit:cover; transition:transform 6s ease; }
.yato-hero:hover .yato-hero-photo img { transform:scale(1.04); }
.yato-photo-caption { position:absolute; left:18px; bottom:18px; z-index:2; padding:10px 12px; border-radius:10px; background:rgba(15,20,21,.78); color:#fff; font-size:11px; font-weight:780; backdrop-filter:blur(10px); }

.yato-hero-float {
  position:absolute; z-index:3; max-width:220px; padding:14px 16px; border-radius:16px;
  background:rgba(255,255,255,.96); color:var(--yato-ink); box-shadow:0 20px 44px rgba(6,10,12,.18);
  border:1px solid rgba(223,227,225,.9);
}
.yato-hero-float small { display:block; color:var(--yato-muted); text-transform:uppercase; letter-spacing:.13em; font-size:9px; font-weight:800; margin-bottom:6px; }
.yato-hero-float b { font-size:14px; line-height:1.32; }
.yato-hero-float--top { top:28px; left:-18px; }
.yato-hero-float--bottom { right:18px; bottom:18px; }

/* Proofbar */
.yato-proofbar { background:#f4f6f5; border-bottom:1px solid var(--yato-line); }
.yato-proofbar__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; padding:22px 0; }
.yato-proof-item { min-height:188px; padding:22px; display:flex; flex-direction:column; gap:18px; background:#fff; border:1px solid var(--yato-line); border-radius:18px; box-shadow:0 10px 28px rgba(16,25,27,.04); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.yato-proof-item:hover { transform:translateY(-4px); box-shadow:0 18px 42px rgba(20,31,33,.08); border-color:#cad4d2; }
.yato-proof-item__icon { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:#e7f4f4; color:#4ea5a8; }
.yato-proof-item__icon svg { width:23px; height:23px; }
.yato-proof-item__body small { display:block; margin-bottom:7px; color:#5e6b6d; text-transform:uppercase; letter-spacing:.14em; font-size:9px; font-weight:820; }
.yato-proof-item__body h3 { margin-bottom:8px; font-size:1.08rem; }
.yato-proof-item__body p { margin:0; color:var(--yato-muted); font-size:12px; line-height:1.6; }


/* General sections */
.yato-split { display:grid; grid-template-columns:1fr 1fr; gap:76px; align-items:center; }
.yato-copy-block > p { max-width:610px; color:var(--yato-muted); }
.yato-copy-block .yato-lead { color:var(--yato-ink); font-size:19px; line-height:1.48; }
.yato-checklist { list-style:none; padding:0; margin:28px 0; display:grid; gap:12px; }
.yato-checklist li { display:flex; gap:10px; align-items:flex-start; font-size:14px; color:#4f595b; }
.yato-checklist svg { margin-top:2px; color:#4fa7aa; flex:0 0 auto; }
.yato-checklist b { color:var(--yato-ink); }
.yato-text-link { display:inline-flex; align-items:center; gap:8px; margin-top:3px; font-weight:820; font-size:13px; border-bottom:2px solid var(--yato-accent); padding-bottom:4px; }
.yato-text-link svg { transition:transform .18s ease; }
.yato-text-link:hover svg { transform:translateX(4px); }

.yato-service-visual { position:relative; min-height:500px; }
.yato-service-photo { height:500px; overflow:hidden; border-radius:22px 22px 70px 22px; background:#202728; box-shadow:var(--yato-shadow); }
.yato-service-photo img { width:100%; height:100%; object-fit:cover; }
.yato-service-photo.is-placeholder { display:grid; place-items:center; align-content:center; padding:40px; text-align:center; color:rgba(255,255,255,.88); background:
  linear-gradient(135deg, rgba(115,198,201,.18), transparent 34%),
  repeating-linear-gradient(135deg, transparent 0 38px, rgba(255,255,255,.025) 38px 39px),
  #202728;
}
.yato-service-photo.is-placeholder span { font-size:22px; font-weight:750; max-width:320px; }
.yato-service-photo.is-placeholder small { margin-top:10px; color:rgba(255,255,255,.48); max-width:360px; }
.yato-area-chip { position:absolute; left:-24px; bottom:28px; display:flex; align-items:center; gap:12px; padding:14px 17px; background:#fff; border:1px solid var(--yato-line); border-radius:14px; box-shadow:0 14px 34px rgba(16,25,27,.15); }
.yato-area-chip > svg { width:23px; height:23px; color:#4fa7aa; }
.yato-area-chip span { display:flex; flex-direction:column; }
.yato-area-chip small { color:var(--yato-muted); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.yato-area-chip b { font-size:13px; }

.yato-section-head { display:grid; grid-template-columns:1.1fr .9fr; gap:65px; align-items:end; margin-bottom:44px; }
.yato-section-head h2 { margin-bottom:0; }
.yato-section-head > p { margin:0; color:var(--yato-muted); max-width:520px; justify-self:end; }
.yato-section-head--center { text-align:center; display:block; max-width:760px; margin:0 auto 48px; }
.yato-section-head--center > p { margin:0 auto; }

/* Service cards */
.yato-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.yato-service-card { min-height:270px; padding:26px; display:flex; flex-direction:column; background:#fff; border:1px solid var(--yato-line); border-radius:18px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.yato-service-card:hover { transform:translateY(-5px); border-color:#cad4d2; box-shadow:0 18px 42px rgba(20,31,33,.08); }
.yato-service-card--featured { background:#1d2223; color:#fff; border-color:#1d2223; }
.yato-iconbox { width:43px; height:43px; display:grid; place-items:center; border-radius:12px; background:#e4f2f2; color:#438f92; margin-bottom:31px; }
.yato-service-card--featured .yato-iconbox { background:var(--yato-accent); color:#111617; }
.yato-service-card p { margin-bottom:0; color:var(--yato-muted); font-size:13px; }
.yato-service-card--featured p { color:rgba(255,255,255,.62); }
.yato-service-card a { margin-top:auto; padding-top:18px; display:flex; align-items:center; gap:7px; font-size:12px; font-weight:800; color:var(--yato-accent); }

/* Insurance */
.yato-insurance { background:var(--yato-accent); color:#111617; padding:56px 0; position:relative; overflow:hidden; }
.yato-insurance::after { content:""; position:absolute; right:-70px; top:-80px; width:280px; height:280px; border:1px solid rgba(17,22,23,.16); border-radius:50%; }
.yato-insurance__inner { position:relative; display:grid; grid-template-columns:64px 1fr auto; gap:28px; align-items:center; z-index:1; }
.yato-insurance__badge { width:60px; height:60px; display:grid; place-items:center; border-radius:16px; background:#172021; color:#fff; }
.yato-insurance__badge svg { width:25px; height:25px; }
.yato-insurance .yato-kicker { color:#243032; margin-bottom:11px; }
.yato-insurance .yato-kicker::before { background:#243032; }
.yato-insurance h2 { font-size:clamp(2rem,3.2vw,3.2rem); margin-bottom:10px; }
.yato-insurance h2 em { color:#192021; }
.yato-insurance p { margin:0; max-width:740px; color:#344244; }

/* Steps */
.yato-steps { display:grid; grid-template-columns:1fr 90px 1fr 90px 1fr; align-items:start; }
.yato-steps article { padding:26px 4px; }
.yato-step-no { display:inline-flex; margin-bottom:30px; color:#4fa7aa; font-size:35px; font-weight:800; letter-spacing:-.06em; }
.yato-steps p { margin:0; color:var(--yato-muted); font-size:13px; }
.yato-step-line { height:1px; background:linear-gradient(90deg,#cbd3d1,var(--yato-accent),#cbd3d1); margin-top:47px; }

/* Benefits */
.yato-benefits { display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; align-items:center; }
.yato-benefits__copy p { color:rgba(255,255,255,.58); max-width:520px; }
.yato-benefits__grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid rgba(255,255,255,.11); border-radius:20px; overflow:hidden; }
.yato-benefits__grid > div { min-height:150px; padding:26px; display:flex; flex-direction:column; justify-content:flex-end; background:rgba(255,255,255,.02); border-right:1px solid rgba(255,255,255,.11); border-bottom:1px solid rgba(255,255,255,.11); transition:background .18s ease; }
.yato-benefits__grid > div:nth-child(2n) { border-right:0; }
.yato-benefits__grid > div:nth-last-child(-n+2) { border-bottom:0; }
.yato-benefits__grid > div:hover { background:rgba(255,255,255,.055); }
.yato-benefits__grid b { color:#fff; font-size:18px; letter-spacing:-.025em; }
.yato-benefits__grid span { margin-top:6px; color:rgba(255,255,255,.48); font-size:11px; }

/* Team */
.yato-team-grid--two { display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:940px; }
.yato-team-card { overflow:hidden; border:1px solid var(--yato-line); border-radius:20px; background:#fff; transition:transform .2s ease, box-shadow .2s ease; }
.yato-team-card:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(20,31,33,.08); }
.yato-team-card__photo { height:390px; overflow:hidden; background:#1f2627; }
.yato-team-card__photo img { width:100%; height:100%; object-fit:cover; }
.yato-team-card__photo.is-placeholder { display:grid; place-items:center; color:rgba(255,255,255,.42); background:
  radial-gradient(circle at 50% 28%, rgba(115,198,201,.19), transparent 24%),
  linear-gradient(150deg,#1e2425,#2d383a); }
.yato-team-card__photo.is-placeholder span { width:86px; height:86px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.17); font-size:11px; letter-spacing:.18em; }
.yato-team-card__body { padding:22px 24px 24px; }
.yato-team-card__body h3 { margin-bottom:5px; }
.yato-team-card__body p { margin:0; color:var(--yato-muted); font-size:12px; }

/* Reviews */
.yato-review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.yato-review-card { min-height:210px; padding:26px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--yato-line); border-radius:18px; background:#fff; }
.yato-review-placeholder { width:max-content; padding:7px 10px; border-radius:999px; background:#f0f4f3; color:#5c6668; text-transform:uppercase; font-size:9px; font-weight:850; letter-spacing:.12em; }
.yato-review-card p { margin:36px 0 0; font-size:17px; line-height:1.45; color:#465052; }

/* Location */
.yato-location-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:64px; align-items:center; }
.yato-location-grid > div:first-child > p { color:var(--yato-muted); }
.yato-contact-facts { margin-top:26px; display:grid; gap:6px; }
.yato-contact-facts > div { display:flex; align-items:flex-start; gap:12px; padding:13px 0; border-bottom:1px solid var(--yato-line); }
.yato-contact-facts > div > span { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:11px; background:#e4f2f2; color:#4f9fa2; }
.yato-contact-facts p { margin:0; color:var(--yato-muted); font-size:12px; line-height:1.5; }
.yato-contact-facts b { color:var(--yato-ink); }
.yato-contact-facts a { color:#4d9598!important; font-weight:750; }
.yato-map-slot { min-height:440px; overflow:hidden; border-radius:22px 22px 70px 22px; background:#dfe6e4; box-shadow:var(--yato-shadow); }
.yato-map-slot iframe { width:100%; height:440px; border:0; display:block; }
.yato-map-placeholder { min-height:440px; display:grid; place-items:center; align-content:center; gap:7px; text-align:center; color:#677173; background:
  radial-gradient(circle at center,rgba(115,198,201,.23),transparent 30%),
  repeating-linear-gradient(30deg,rgba(255,255,255,.42) 0,rgba(255,255,255,.42) 1px,transparent 1px,transparent 27px),#dfe6e4; }
.yato-map-placeholder span { width:58px; height:58px; display:grid; place-items:center; margin-bottom:10px; border-radius:50%; background:var(--yato-accent); color:#101617; }
.yato-map-placeholder span svg { width:25px; height:25px; }
.yato-map-placeholder b { color:#273032; font-size:17px; }
.yato-map-placeholder small { max-width:340px; }

/* Contact */
.yato-contact { position:relative; overflow:hidden; padding:clamp(86px,10vw,132px) 0; background:#171c1d; color:#fff; }
.yato-contact::before { content:""; position:absolute; left:-200px; top:-220px; width:520px; height:520px; border:1px solid rgba(115,198,201,.22); border-radius:50%; }
.yato-contact::after { content:""; position:absolute; left:-115px; top:-135px; width:350px; height:350px; border:1px solid rgba(115,198,201,.11); border-radius:50%; }
.yato-contact__grid { position:relative; z-index:1; display:grid; grid-template-columns:.8fr 1.2fr; gap:76px; align-items:start; }
.yato-contact__copy { position:sticky; top:115px; }
.yato-contact__copy p { max-width:490px; color:rgba(255,255,255,.62); font-size:17px; }
.yato-contact-direct { margin-top:34px; display:grid; gap:8px; }
.yato-contact-direct a { display:flex; flex-direction:column; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.11); }
.yato-contact-direct small { color:rgba(255,255,255,.38); text-transform:uppercase; font-size:9px; letter-spacing:.13em; }
.yato-contact-direct b { margin-top:4px; font-size:17px; }
.yato-form-card { padding:30px; border-radius:22px; background:#fff; color:var(--yato-ink); box-shadow:0 34px 75px rgba(0,0,0,.24); }
.yato-form { display:grid; gap:15px; }
.yato-form-row { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.yato-form label { display:grid; gap:7px; font-size:11px; font-weight:800; }
.yato-form label > span small { color:var(--yato-muted); font-weight:500; }
.yato-form input:not([type="checkbox"]),
.yato-form textarea,
.yato-form select { width:100%; border:1px solid #d7dfdd; border-radius:11px; background:#fafbfa; color:var(--yato-ink); padding:12px 13px; outline:0; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.yato-form input[type="file"] { padding:9px!important; font-size:11px; }
.yato-form textarea { resize:vertical; min-height:115px; }
.yato-form input:focus,
.yato-form textarea:focus,
.yato-form select:focus { border-color:var(--yato-accent); box-shadow:0 0 0 4px rgba(115,198,201,.14); background:#fff; }
.yato-checkbox { grid-template-columns:18px 1fr!important; align-items:start; gap:9px!important; color:#687173; font-weight:500!important; line-height:1.45; }
.yato-checkbox input { width:16px; height:16px; margin-top:2px; accent-color:var(--yato-accent); }
.yato-checkbox a { text-decoration:underline; color:#417f81!important; }
.yato-form-note { margin:0; text-align:center; color:var(--yato-muted); font-size:10px; }
.yato-hp { position:absolute!important; left:-99999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.yato-alert { margin-bottom:17px; padding:12px 14px; border-radius:11px; font-size:12px; font-weight:700; }
.yato-alert--success { color:#0b5d33; background:#e7f7ee; border:1px solid #bee4cf; }
.yato-alert--error { color:#8a2330; background:#fff0f2; border:1px solid #f0c7cc; }

/* Footer */
.yato-footer { padding:58px 0 24px; background:#101415; color:rgba(255,255,255,.62); }
.yato-footer__grid { display:grid; grid-template-columns:1.5fr .7fr .9fr .6fr; gap:40px; }
.yato-footer__grid > div:not(.yato-footer__brand) { display:flex; flex-direction:column; gap:8px; font-size:12px; }
.yato-footer__grid b { color:#fff; font-size:12px; margin-bottom:8px; }
.yato-footer a:hover { color:#fff; }
.yato-footer__brand p { max-width:320px; font-size:12px; }
.yato-footer-logo {
  width:205px; height:74px; display:flex; align-items:center; justify-content:center;
  overflow:hidden; margin-bottom:18px; padding:8px 10px; border-radius:12px; background:#fff; line-height:0;
}
.yato-footer-logo img {
  display:block; width:auto; height:auto; max-width:100%; max-height:100%;
  margin:auto; object-fit:contain; object-position:50% 50%; transform:none!important;
}
.yato-footer__bottom { display:flex; justify-content:space-between; gap:25px; margin-top:45px; padding-top:20px; border-top:1px solid rgba(255,255,255,.10); font-size:10px; }
.yato-mobile-cta { display:none; }

/* Reveal effects */
[data-yato-reveal] { opacity:0; transform:translateY(18px); transition:opacity .58s ease, transform .58s ease; }
[data-yato-reveal].is-visible { opacity:1; transform:none; }
.yato-service-grid [data-yato-reveal]:nth-child(2),
.yato-team-grid [data-yato-reveal]:nth-child(2),
.yato-review-grid [data-yato-reveal]:nth-child(2) { transition-delay:.07s; }
.yato-service-grid [data-yato-reveal]:nth-child(3),
.yato-review-grid [data-yato-reveal]:nth-child(3) { transition-delay:.14s; }
.yato-service-grid [data-yato-reveal]:nth-child(4) { transition-delay:.04s; }
.yato-service-grid [data-yato-reveal]:nth-child(5) { transition-delay:.11s; }
.yato-service-grid [data-yato-reveal]:nth-child(6) { transition-delay:.18s; }

@media (max-width: 1050px) {
  .yato-nav { gap:16px; }
  .yato-nav > a:not(.yato-btn) { display:none; }
  .yato-hero__grid { grid-template-columns:1fr .92fr; gap:35px; }
  .yato-service-grid { grid-template-columns:repeat(2,1fr); }
  .yato-proofbar__grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 820px) {
  body.admin-bar .yato-header { top:46px; }
  .yato-topline__right { display:none; }
  .yato-topline__inner { justify-content:center; text-align:center; }
  .yato-header { height:72px; }
  .yato-brand { flex-basis:188px; width:188px; min-width:0; }
  .yato-brand__logo { width:100%; height:55px; }
  .yato-menu-toggle { display:block; }
  .yato-nav { display:none; position:absolute; left:20px; right:20px; top:64px; padding:16px; flex-direction:column; align-items:stretch; gap:4px; background:#fff; border:1px solid var(--yato-line); border-radius:16px; box-shadow:0 20px 50px rgba(18,25,27,.14); }
  .yato-nav.is-open { display:flex; }
  .yato-nav > a:not(.yato-btn) { display:block; padding:10px 8px; }
  .yato-nav > a:not(.yato-btn)::after { display:none; }
  .yato-nav .yato-btn { margin-top:5px; }

    .yato-hero__stage { min-height:auto; }
  .yato-hero__grid { grid-template-columns:1fr; gap:18px; min-height:auto; }
  .yato-hero__copy { padding:62px 0 20px; }
  .yato-hero__visual { min-height:auto; padding:0 0 88px; }
  .yato-hero-photo { width:100%; margin:0; }
  .yato-hero-photo { height:340px; }
  .yato-hero-float--top { left:18px; top:18px; }
  .yato-hero-float--bottom { right:18px; bottom:18px; }

  .yato-split,
  .yato-benefits,
  .yato-location-grid,
  .yato-contact__grid { grid-template-columns:1fr; gap:44px; }
  .yato-service-visual { min-height:auto; }
  .yato-service-photo { height:420px; }
  .yato-area-chip { left:18px; }
  .yato-section-head { grid-template-columns:1fr; gap:16px; align-items:start; }
  .yato-section-head > p { justify-self:start; }
  .yato-insurance__inner { grid-template-columns:55px 1fr; }
  .yato-insurance__inner .yato-btn { grid-column:1 / -1; justify-self:start; }
  .yato-steps { grid-template-columns:1fr; }
  .yato-step-line { width:1px; height:42px; margin:0 0 0 24px; background:linear-gradient(#cbd3d1,var(--yato-accent),#cbd3d1); }
  .yato-team-grid--two { grid-template-columns:1fr 1fr; }
  .yato-review-grid { grid-template-columns:1fr; }
  .yato-contact__copy { position:static; }
  .yato-footer__grid { grid-template-columns:1.2fr 1fr 1fr; }
  .yato-footer__grid > div:last-child { grid-column:2 / 3; }
}

@media (max-width: 620px) {
  .yato-wrap { width:min(calc(100% - 28px), var(--yato-wrap)); }
  .yato-site h1 { font-size:clamp(2.65rem,13vw,4rem); }
  .yato-site h2 { font-size:clamp(2.15rem,10vw,3.3rem); }
  .yato-section { padding:72px 0; }
  .yato-hero__copy { padding-top:54px; }
  .yato-hero__copy p { font-size:1rem; }
  .yato-actions { display:grid; grid-template-columns:1fr; }
  .yato-btn { width:100%; }
  .yato-mini-trust { display:grid; gap:8px; }
  .yato-hero-photo { height:300px; border-radius:18px 18px 50px 18px; }
  .yato-proofbar__grid { grid-template-columns:1fr; }
  .yato-proof-item { min-height:auto; }
  .yato-service-grid { grid-template-columns:1fr; }
  .yato-service-card { min-height:235px; }
  .yato-service-photo { height:340px; border-radius:18px 18px 50px 18px; }
  .yato-insurance__inner { grid-template-columns:1fr; }
  .yato-insurance__badge { width:52px; height:52px; }
  .yato-team-grid--two { grid-template-columns:1fr; }
  .yato-team-card__photo { height:360px; }
  .yato-map-slot,
  .yato-map-placeholder,
  .yato-map-slot iframe { min-height:360px; height:360px; }
  .yato-form-card { padding:22px; }
  .yato-form-row { grid-template-columns:1fr; }
  .yato-footer { padding-bottom:94px; }
  .yato-footer__grid { grid-template-columns:1fr 1fr; }
  .yato-footer__brand { grid-column:1 / -1; }
  .yato-footer__grid > div:last-child { grid-column:auto; }
  .yato-footer__bottom { flex-direction:column; gap:6px; }
  .yato-mobile-cta { position:fixed; z-index:75; left:12px; right:12px; bottom:12px; min-height:58px; padding:10px 16px; display:flex; justify-content:space-between; align-items:center; border-radius:14px; background:var(--yato-accent); color:#111617!important; box-shadow:0 16px 34px rgba(0,0,0,.22); }
  .yato-mobile-cta span { font-size:10px; }
  .yato-mobile-cta b { font-size:13px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  [data-yato-reveal] { opacity:1; transform:none; }
}

/* v1.4 refinements */

/* Scroll depth / parallax */
[data-yato-parallax] {
  --yato-parallax-y: 0px;
  transform: translate3d(0, var(--yato-parallax-y), 0);
  will-change: transform;
}

/* Cleaner hero */
.yato-hero__grid { grid-template-columns:1.04fr .96fr; gap:70px; }
.yato-hero__copy { position:relative; z-index:3; }
.yato-hero__visual { align-content:center; gap:18px; }
.yato-hero-media { position:relative; width:min(100%,520px); margin-left:auto; }
.yato-hero-photo,
.yato-hero-placeholder {
  width:100%;
  height:430px;
  margin:0;
  overflow:hidden;
  border-radius:24px 24px 72px 24px;
  box-shadow:0 38px 85px rgba(0,0,0,.26);
}
.yato-hero-placeholder {
  position:relative;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 76% 20%, rgba(115,198,201,.20), transparent 26%),
    linear-gradient(145deg,#242c2e,#111617 72%);
}
.yato-hero-placeholder::before,
.yato-hero-placeholder::after {
  content:"";
  position:absolute;
  width:315px;
  height:176px;
  border:2px solid rgba(115,198,201,.34);
  border-radius:30px 30px 62px 30px;
  transform:rotate(7deg);
}
.yato-hero-placeholder::before { right:-58px; top:50px; }
.yato-hero-placeholder::after { right:-14px; top:88px; border-color:rgba(255,255,255,.085); }
.yato-hero-placeholder > div { position:absolute; left:34px; right:34px; bottom:34px; z-index:2; }
.yato-hero-placeholder small { display:block; margin-bottom:7px; color:rgba(255,255,255,.42); text-transform:uppercase; letter-spacing:.14em; font-size:9px; font-weight:800; }
.yato-hero-placeholder b { display:block; color:#fff; font-size:22px; line-height:1.2; }
.yato-windscreen-line { position:absolute; left:36px; top:40px; width:78px; height:5px; background:var(--yato-accent); transform:skewX(-18deg); box-shadow:0 14px 0 rgba(255,255,255,.86); }
.yato-hero-photo { position:relative; background:#222a2c; }
.yato-hero-photo img { width:100%; height:100%; object-fit:cover; transform:scale(1.025); transition:transform 6s ease; }
.yato-hero:hover .yato-hero-photo img { transform:scale(1.055); }
.yato-photo-caption { left:20px; bottom:20px; }
.yato-hero-regions {
  width:min(100%,520px);
  margin-left:auto;
  padding:16px 17px 17px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(10px);
}
.yato-hero-regions__label { display:block; margin-bottom:10px; color:rgba(255,255,255,.46); text-transform:uppercase; letter-spacing:.15em; font-size:9px; font-weight:850; }
.yato-hero-regions > div { display:flex; flex-wrap:wrap; gap:7px; }
.yato-hero-regions > div span { padding:7px 9px; border:1px solid rgba(255,255,255,.13); border-radius:999px; color:rgba(255,255,255,.86); background:rgba(255,255,255,.035); font-size:10px; font-weight:730; }

/* Proof cards */
.yato-proofbar { background:#f2f5f4; }
.yato-proofbar__grid { align-items:stretch; }
.yato-proof-item { position:relative; overflow:hidden; padding:24px; min-height:218px; }
.yato-proof-item::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--yato-accent); transform:scaleX(0); transform-origin:left; transition:transform .24s ease; }
.yato-proof-item:hover::after { transform:scaleX(1); }
.yato-proof-item__body h3 { font-size:1.12rem; }
.yato-proof-item__body p { font-size:12.5px; }

/* Service image depth */
.yato-service-visual > [data-yato-parallax] { height:500px; }
.yato-service-photo { height:500px; }
.yato-service-photo.is-placeholder { color:rgba(255,255,255,.9); }
.yato-service-photo.is-placeholder span { font-size:18px; font-weight:760; letter-spacing:.01em; }
.yato-area-chip { max-width:86%; }
.yato-area-chip b { line-height:1.35; }

/* Service cards */
.yato-service-card { position:relative; overflow:hidden; min-height:300px; padding:28px; }
.yato-service-card::before { content:""; position:absolute; inset:0 0 auto 0; height:3px; background:var(--yato-accent); opacity:0; transition:opacity .2s ease; }
.yato-service-card:hover::before { opacity:1; }
.yato-service-card::after { content:""; position:absolute; width:160px; height:160px; right:-110px; bottom:-115px; border:1px solid rgba(115,198,201,.18); border-radius:50%; transition:transform .28s ease; }
.yato-service-card:hover::after { transform:scale(1.18); }
.yato-service-card--featured::before { opacity:1; }
.yato-service-index { position:absolute; top:24px; right:24px; color:#a2acab; font-size:10px; font-weight:850; letter-spacing:.16em; }
.yato-service-card--featured .yato-service-index { color:rgba(255,255,255,.38); }
.yato-iconbox { margin-bottom:34px; }
.yato-service-card h3 { max-width:85%; font-size:1.3rem; line-height:1.12; }
.yato-service-card p { font-size:13px; line-height:1.65; }

/* Scroll-led process */
.yato-process-section { background:#fff; overflow:visible; }
.yato-process-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:86px; align-items:start; }
.yato-process-intro { position:sticky; top:132px; padding-top:18px; }
.yato-process-intro h2 { margin-bottom:20px; }
.yato-process-intro p { max-width:460px; margin:0; color:var(--yato-muted); font-size:15px; line-height:1.68; }
.yato-process-progress { display:flex; gap:7px; margin-top:30px; }
.yato-process-progress span { width:28px; height:4px; border-radius:99px; background:#d8dfdd; transition:width .28s ease, background .28s ease, opacity .28s ease; }
.yato-process-progress span.is-active { width:52px; background:var(--yato-accent); }
.yato-steps { display:grid; grid-template-columns:1fr; gap:22px; align-items:stretch; }
.yato-step-card {
  position:relative;
  min-height:330px;
  padding:32px 34px 34px;
  border:1px solid var(--yato-line);
  border-radius:22px;
  background:#f7f9f8;
  outline:none;
  opacity:.46;
  filter:saturate(.62);
  transform:scale(.985);
  transform-origin:center;
  transition:transform .34s ease, box-shadow .34s ease, opacity .34s ease, filter .34s ease, border-color .34s ease, background .34s ease;
}
.yato-step-card::before { content:""; position:absolute; left:34px; right:34px; top:82px; height:1px; background:#d8dfdd; }
.yato-step-card.is-active-step,
.yato-step-card:hover,
.yato-step-card:focus-visible { opacity:1; filter:none; transform:scale(1) translateX(-8px); border-color:#b8cfce; background:#fff; box-shadow:0 28px 58px rgba(18,28,30,.10); }
.yato-step-no { display:block; margin:0 0 46px; color:#4fa7aa; font-size:38px; font-weight:820; letter-spacing:-.07em; }
.yato-step-kicker { display:block; margin-bottom:12px; color:#687375; text-transform:uppercase; font-size:9px; font-weight:850; letter-spacing:.14em; }
.yato-step-card h3 { font-size:1.5rem; margin-bottom:14px; }
.yato-step-card p { margin:0; color:var(--yato-muted); font-size:13.5px; line-height:1.72; }
.yato-step-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
.yato-step-actions a { padding:8px 11px; border:1px solid #cfdbd9; border-radius:10px; background:#fff; font-size:11px; font-weight:800; }
.yato-step-actions a:hover { border-color:var(--yato-accent); }

/* Reviews */
.yato-review-feature { display:block; }
.yato-review-feature h2 { margin-bottom:18px; }
.yato-review-feature p { max-width:620px; color:var(--yato-muted); }
.yato-review-score { min-height:260px; padding:34px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; border:1px solid var(--yato-line); border-radius:22px; background:#fff; box-shadow:0 20px 45px rgba(18,28,30,.06); }
.yato-review-score strong { color:var(--yato-ink); font-size:74px; line-height:.9; letter-spacing:-.08em; }
.yato-review-score > span { margin:10px 0 24px; color:#657072; font-weight:750; }
.yato-review-score small { color:var(--yato-muted); line-height:1.5; }

/* WhatsApp */
.yato-contact-direct { grid-template-columns:1fr; }
.yato-whatsapp-float {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:74;
  min-height:48px;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:9px;
  border-radius:999px;
  background:#1f9d68;
  color:#fff!important;
  box-shadow:0 18px 40px rgba(0,0,0,.20);
  font-size:12px;
  font-weight:800;
  transition:transform .18s ease, box-shadow .18s ease;
}
.yato-whatsapp-float:hover { transform:translateY(-2px); box-shadow:0 22px 48px rgba(0,0,0,.24); }
.yato-whatsapp-float svg { width:20px; height:20px; }

@media (max-width:1050px) {
  .yato-hero__grid { gap:38px; }
  .yato-proof-item { min-height:200px; }
  .yato-process-layout { grid-template-columns:.9fr 1.1fr; gap:48px; }
}

@media (max-width:820px) {
  .yato-hero-media,
  .yato-hero-regions { width:100%; margin:0; }
  .yato-hero-photo,
  .yato-hero-placeholder { height:340px; }
  .yato-proof-item { min-height:auto; }
  .yato-service-card { min-height:260px; }
  .yato-service-visual > [data-yato-parallax] { height:420px; }
  .yato-process-layout { grid-template-columns:1fr; gap:34px; }
  .yato-process-intro { position:static; padding-top:0; }
  .yato-process-progress { display:none; }
  .yato-step-card { min-height:auto; opacity:.7; }
  .yato-step-card.is-active-step,
  .yato-step-card:hover,
  .yato-step-card:focus-visible { transform:none; opacity:1; }
}

@media (max-width:620px) {
  .yato-hero-photo,
  .yato-hero-placeholder { height:300px; border-radius:18px 18px 50px 18px; }
  .yato-hero-regions { padding:14px; }
  .yato-hero-regions > div { gap:6px; }
  .yato-hero-regions > div span { font-size:9px; }
  .yato-proofbar__grid { padding:16px 0; }
  .yato-proof-item { padding:20px; }
  .yato-service-visual > [data-yato-parallax] { height:340px; }
  .yato-step-card { padding:24px; }
  .yato-step-card::before { left:24px; right:24px; top:75px; }
  .yato-step-no { margin-bottom:40px; }
  .yato-review-score { min-height:220px; padding:28px; }
  .yato-review-score strong { font-size:64px; }
  .yato-whatsapp-float { right:18px; bottom:82px; width:48px; min-height:48px; padding:0; justify-content:center; }
  .yato-whatsapp-float span { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  [data-yato-parallax] { transform:none!important; }
  .yato-step-card { opacity:1; filter:none; transform:none!important; }
}

/* v1.5 refinements -------------------------------------------------------- */

/* Keep the service card structurally fixed; only the image itself moves. */
.yato-service-visual { position:relative; min-height:500px; }
.yato-service-photo { position:relative; height:500px; overflow:hidden; transform:none!important; }
.yato-service-photo img[data-yato-parallax] {
  width:100%;
  height:110%;
  margin-top:-5%;
  object-fit:cover;
  will-change:transform;
}
.yato-service-visual > [data-yato-parallax] { height:auto; }
.yato-area-chip { z-index:4; transform:none!important; }

/* More structured service cards */
.yato-service-card {
  min-height:310px;
  padding:25px 26px 27px;
  border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfb 100%);
}
.yato-service-card--featured { background:linear-gradient(145deg,#1d2223,#151a1b); }
.yato-service-card__top {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:29px;
}
.yato-service-card .yato-iconbox {
  margin:0;
  width:46px;
  height:46px;
  border-radius:14px;
  transition:transform .22s ease, background .22s ease, color .22s ease;
}
.yato-service-card:hover .yato-iconbox { transform:translateY(-2px); background:var(--yato-accent); color:#111617; }
.yato-service-card--featured:hover .yato-iconbox { background:#fff; }
.yato-service-index {
  position:static;
  color:#a2acab;
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
}
.yato-service-card__content { position:relative; z-index:2; }
.yato-service-label {
  display:block;
  margin-bottom:9px;
  color:#5b9fa2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:9px;
  font-weight:850;
}
.yato-service-card--featured .yato-service-label { color:var(--yato-accent); }
.yato-service-card h3 {
  max-width:100%;
  margin-bottom:13px;
  font-size:1.28rem;
  line-height:1.13;
  transition:transform .22s ease;
}
.yato-service-card:hover h3 { transform:translateX(2px); }
.yato-service-card p { margin:0; font-size:13px; line-height:1.68; }
.yato-service-card a { position:relative; z-index:2; }

/* Better internal rhythm in the three process cards */
.yato-step-card {
  min-height:292px;
  padding:28px 30px 30px;
  border-radius:20px;
}
.yato-step-card::before { display:none; }
.yato-step-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:25px;
  padding-bottom:19px;
  border-bottom:1px solid #d9e0de;
}
.yato-step-no {
  flex:0 0 auto;
  margin:0;
  color:#4fa7aa;
  font-size:31px;
  line-height:1;
  font-weight:820;
  letter-spacing:-.06em;
}
.yato-step-kicker {
  margin:0;
  padding:7px 9px;
  border-radius:999px;
  background:#edf2f1;
  color:#687375;
  text-align:right;
  text-transform:uppercase;
  font-size:8.5px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.12em;
}
.yato-step-body { max-width:640px; }
.yato-step-card h3 { margin:0 0 13px; font-size:1.5rem; line-height:1.12; }
.yato-step-card p { margin:0; color:var(--yato-muted); font-size:14px; line-height:1.68; }
.yato-step-actions { margin-top:21px; }
.yato-step-actions a { padding:9px 12px; }
.yato-step-card.is-active-step,
.yato-step-card:hover,
.yato-step-card:focus-visible { transform:scale(1) translateX(-6px); }

@media (max-width:820px) {
  .yato-service-visual { min-height:auto; }
  .yato-service-photo { height:420px; }
  .yato-service-photo img[data-yato-parallax] { height:108%; margin-top:-4%; }
  .yato-step-card { min-height:auto; padding:26px 28px 28px; }
  .yato-step-card.is-active-step,
  .yato-step-card:hover,
  .yato-step-card:focus-visible { transform:none; }
}

@media (max-width:620px) {
  .yato-service-photo { height:340px; }
  .yato-service-card { min-height:auto; padding:23px; }
  .yato-service-card__top { margin-bottom:24px; }
  .yato-step-card { padding:22px; }
  .yato-step-head { align-items:flex-start; margin-bottom:21px; padding-bottom:17px; }
  .yato-step-no { font-size:28px; }
  .yato-step-kicker { max-width:66%; white-space:normal; }
  .yato-step-card h3 { font-size:1.34rem; }
}

@media (prefers-reduced-motion:reduce) {
  .yato-service-photo img[data-yato-parallax] { transform:none!important; }
}

/* v1.6 – process card spacing and benefits polish */
.yato-step-card {
  padding: 34px 38px 38px;
}
.yato-step-head {
  margin: 0 0 26px;
  padding: 0 6px 20px;
}
.yato-step-body {
  max-width: 650px;
  padding: 0 6px 2px;
}
.yato-step-card h3 {
  margin-bottom: 14px;
}
.yato-step-card p {
  max-width: 590px;
}
.yato-step-actions {
  margin-top: 24px;
}

.yato-benefits__copy h2 {
  max-width: 580px;
}
.yato-benefits__copy p {
  max-width: 560px;
  font-size: 15px;
  line-height: 1.72;
}
.yato-benefits__grid > div {
  position: relative;
  min-height: 188px;
  padding: 28px 30px 30px;
  justify-content: flex-start;
  overflow: hidden;
}
.yato-benefits__grid > div::after {
  content: "";
  position: absolute;
  right: -36px;
  bottom: -42px;
  width: 112px;
  height: 112px;
  border: 1px solid rgba(115,198,201,.13);
  border-radius: 50%;
  transition: transform .28s ease, opacity .28s ease;
}
.yato-benefits__grid > div:hover::after {
  transform: scale(1.18);
  opacity: .8;
}
.yato-benefits__grid small {
  display: block;
  margin-bottom: 30px;
  color: var(--yato-accent);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 8.5px;
  line-height: 1.3;
  font-weight: 850;
}
.yato-benefits__grid b {
  position: relative;
  z-index: 1;
  font-size: 19px;
  line-height: 1.18;
}
.yato-benefits__grid span {
  position: relative;
  z-index: 1;
  margin-top: 9px;
  max-width: 310px;
  color: rgba(255,255,255,.55);
  font-size: 11.5px;
  line-height: 1.62;
}

@media (max-width: 820px) {
  .yato-step-card { padding: 30px 32px 32px; }
  .yato-step-head { padding-inline: 4px; }
  .yato-step-body { padding-inline: 4px; }
  .yato-benefits__grid > div { min-height: 170px; padding: 25px 26px 27px; }
}

@media (max-width: 620px) {
  .yato-step-card { padding: 26px 24px 27px; }
  .yato-step-head { margin-bottom: 22px; padding: 0 2px 17px; }
  .yato-step-body { padding: 0 2px; }
  .yato-benefits__grid > div { min-height: auto; padding: 24px; }
  .yato-benefits__grid small { margin-bottom: 22px; }
}

/* Legal pages */
.yato-legal-site { min-height:100vh; }
.yato-legal-main { background:var(--yato-paper); }
.yato-legal-hero { padding:74px 0 68px; background:#181d1e; color:#fff; border-bottom:1px solid rgba(255,255,255,.08); }
.yato-legal-hero h1 { margin:0 0 16px; font-size:clamp(3rem,6vw,5.8rem); }
.yato-legal-hero p { margin:0; color:rgba(255,255,255,.62); font-size:16px; }
.yato-legal-section { padding:72px 0 100px; }
.yato-legal-container { max-width:900px; }
.yato-legal-copy { padding:46px clamp(24px,5vw,60px); background:#fff; border:1px solid var(--yato-line); border-radius:22px; box-shadow:0 20px 55px rgba(18,25,27,.06); }
.yato-legal-copy .yato-legal-intro { margin:0 0 34px; color:#687173; font-size:12px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.yato-legal-copy h2 { margin:56px 0 22px; padding-top:8px; font-size:clamp(1.75rem,3vw,2.6rem); line-height:1.12; }
.yato-legal-copy h2:first-of-type { margin-top:0; }
.yato-legal-copy h3 { margin:34px 0 12px; font-size:1.25rem; line-height:1.25; letter-spacing:-.02em; }
.yato-legal-copy h4 { margin:24px 0 8px; font-size:1.02rem; line-height:1.35; letter-spacing:-.01em; }
.yato-legal-copy p,
.yato-legal-copy li { color:#4f595b; font-size:14px; line-height:1.75; }
.yato-legal-copy p { margin:0 0 15px; }
.yato-legal-copy ul { margin:8px 0 20px 20px; padding:0; }
.yato-legal-copy a { color:#377f82; text-decoration:underline; text-underline-offset:3px; }
.yato-legal-copy a:hover { color:#215f62; }
.yato-legal-address { padding:18px 20px; border-left:3px solid var(--yato-accent); background:#f3f7f6; border-radius:0 12px 12px 0; }
.yato-legal-source { margin-top:46px; padding-top:22px; border-top:1px solid var(--yato-line); }
.yato-legal-source p { margin:0; color:#7a8385; font-size:12px; }
.yato-impressum-copy { max-width:760px; }
.yato-trustindex-widget { margin-top:30px; }
.yato-trustindex-widget .ti-widget { width:100%; }

@media (max-width: 1050px) {
  .yato-legal-nav > a { display:block!important; }
}
@media (max-width: 820px) {
  .yato-legal-nav { display:flex!important; position:static!important; padding:0!important; flex-direction:row!important; align-items:center!important; gap:16px!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
  .yato-legal-nav > a { padding:5px 0!important; }
}
@media (max-width: 620px) {
  .yato-legal-nav a:not(:first-child) { display:none!important; }
  .yato-legal-hero { padding:56px 0 50px; }
  .yato-legal-section { padding:34px 0 76px; }
  .yato-legal-copy { padding:28px 20px; border-radius:16px; }
  .yato-legal-copy h2 { margin-top:42px; }
}

/* Contact form security */
.yato-security-check {
  margin-top: 2px;
  padding: 16px 18px;
  border: 1px solid rgba(24,29,30,.10);
  border-radius: 14px;
  background: rgba(244,247,247,.76);
}
.yato-security-label {
  display: block;
  margin-bottom: 10px;
  color: #30383a;
  font-size: 12px;
  font-weight: 800;
}
.yato-math-captcha__line {
  display: flex;
  align-items: center;
  gap: 12px;
}
.yato-math-captcha__line strong {
  flex: 0 0 auto;
  color: #182021;
  font-size: 16px;
  letter-spacing: .01em;
}
.yato-math-captcha__line input {
  width: 108px !important;
  max-width: 108px;
  text-align: center;
}
.yato-turnstile-wrap .cf-turnstile {
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 420px) {
  .yato-security-check { padding: 14px; }
}