@import url("./fonts/fonts.css");
:root {
  --blue: #043ff1;
  --blue-dark: #0634c7;
  --blue-pale: #e9f2ff;
  --sky: #f2f8ff;
  --navy: #0b1d43;
  --navy-soft: #17284b;
  --ink: #12213c;
  --muted: #65728a;
  --line: #dbe4f1;
  --cream: #fffdf3;
  --white: #fff;
  --pink: #fff0f5;
  --orange: #fff2e8;
  --shadow: 0 22px 60px rgba(11, 29, 67, .12);
  --radius: 28px;
  --brand-pattern: url("./zovex-pattern.svg");
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: "Tajawal", sans-serif; line-height: 1.7; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.section { padding: 112px 0; }
.skip-link { position: fixed; z-index: 999; top: -100px; right: 20px; background: var(--navy); color: #fff; padding: 10px 18px; border-radius: 0 0 10px 10px; }
.skip-link:focus { top: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.concept-note { background: var(--navy); color: rgba(255,255,255,.75); font-size: 12px; text-align: center; letter-spacing: .02em; padding: 6px 16px; }

.site-header { position: sticky; z-index: 100; top: 0; background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(16,46,96,.08); backdrop-filter: blur(16px); transition: box-shadow .25s ease; }
.site-header.is-scrolled { box-shadow: 0 10px 32px rgba(11,29,67,.08); }
.header-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 34px; }
.brand { display: flex; align-items: center; gap: 13px; flex-shrink: 0; }
.logo-frame { display: flex; width: 123px; height: 42px; align-items: center; }
.logo-frame img { width: 100%; height: 100%; object-fit: contain; }
.brand-copy { padding-right: 13px; border-right: 1px solid var(--line); line-height: 1.25; }
.brand-copy strong, .brand-copy small { display: block; }
.brand-copy strong { color: var(--navy); font-size: 12px; letter-spacing: .05em; }
.brand-copy small { color: var(--muted); font-size: 9px; margin-top: 4px; }
.main-nav { display: flex; align-items: center; gap: 29px; font-size: 14px; font-weight: 600; }
.main-nav > a:not(.nav-cta) { position: relative; padding: 10px 0; }
.main-nav > a:not(.nav-cta)::after { content: ""; position: absolute; right: 0; bottom: 4px; width: 0; height: 2px; background: var(--blue); transition: width .2s ease; }
.main-nav > a:not(.nav-cta):hover::after { width: 100%; }
.nav-cta { background: var(--blue); color: #fff; padding: 11px 22px; border-radius: 12px; box-shadow: 0 8px 22px rgba(9,67,241,.14); }
.menu-toggle { display: none; width: 43px; height: 43px; border: 0; background: var(--blue-pale); border-radius: 50%; padding: 12px 10px; }
.menu-toggle span { display: block; height: 2px; margin: 4px 0; background: var(--navy); border-radius: 3px; }

.hero { position: relative; padding: 88px 0 110px; color: #fff; background-color: var(--navy); background-size: cover; background-position: center 62%; background-repeat: no-repeat; overflow: hidden; isolation: isolate; }
.hero::before { content: ""; position: absolute; z-index: 0; inset: 0; background: linear-gradient(to top, rgba(6,19,43,.42), transparent 44%), linear-gradient(to left, rgba(6,19,43,.91) 0%, rgba(6,19,43,.77) 34%, rgba(6,19,43,.25) 68%, rgba(6,19,43,.18) 100%); pointer-events: none; }
[dir="ltr"] .hero::before { background: linear-gradient(to top, rgba(6,19,43,.42), transparent 44%), linear-gradient(to right, rgba(6,19,43,.91) 0%, rgba(6,19,43,.77) 34%, rgba(6,19,43,.25) 68%, rgba(6,19,43,.18) 100%); }
.hero::after { content: ""; position: absolute; z-index: 0; inset-block: 0; inset-inline-end: -65px; width: 210px; background: #fff; mask: var(--brand-pattern) center / 260px auto repeat-y; opacity: .065; pointer-events: none; }
.hero-grid { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: min(1280px, calc(100% - 64px)); min-height: 550px; }
.hero-copy { max-width: 580px; min-width: 0; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--blue); font-size: 13px; font-weight: 700; letter-spacing: .03em; }
.eyebrow i { width: 34px; height: 2px; background: currentColor; border-radius: 4px; }
.hero .eyebrow { color: #c5d7ff; }
.hero h1 { margin: 24px 0; font-size: clamp(52px, 5.6vw, 76px); line-height: 1.12; letter-spacing: -.025em; color: #fff; }
.hero h1 span { color: #b3cdff; }
.hero-copy > p { max-width: 540px; margin: 0; color: #e2e8f3; font-size: 17px; line-height: 1.95; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 18px; padding: 0 25px; border: 1px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--blue); color: #fff; box-shadow: 0 12px 24px rgba(9,67,241,.2); }
.button-ghost { background: rgba(255,255,255,.55); color: var(--navy); border-color: #cdd9e9; }
.hero .button-ghost { color: #fff; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.45); backdrop-filter: blur(6px); }
.hero-values { display: flex; gap: 32px; margin-top: 34px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.24); }
.hero-values span { color: #edf3ff; font-size: 12px; font-weight: 600; }
.hero-values b { color: #b3cdff; font-size: 15px; margin-left: 6px; }

.hero-signature { display: flex; align-self: flex-end; align-items: center; gap: 20px; margin-top: 36px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.22); direction: ltr; text-align: left; }
.hero-signature-logo { display: block; width: 112px; height: 37px; }
.hero-signature-logo img { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.hero-signature-copy p { margin: 0; color: #e2e8f3; font-size: 11px; line-height: 1.5; }
.hero-signature-copy strong { color: #fff; }
.hero-care-line { display: block; color: #c5d7ff; font-size: 15px; margin-top: 6px; }

.contact-strip { position: relative; z-index: 10; margin-top: -38px; }
.contact-strip-grid { display: grid; grid-template-columns: 1.25fr 1fr .75fr; background: #fff; border-radius: 20px; box-shadow: 0 18px 48px rgba(11,29,67,.13); overflow: hidden; }
.contact-strip-grid > * { min-width: 0; min-height: 110px; display: flex; align-items: center; gap: 15px; padding: 24px 28px; border-left: 1px solid var(--line); }
.contact-strip-grid > *:last-child { border-left: 0; }
.strip-icon { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; color: var(--blue); background: var(--blue-pale); border-radius: 50%; font-size: 21px; font-family: Arial, sans-serif; }
.instagram-icon { font-size: 27px; }
.contact-strip small, .contact-strip b { display: block; overflow-wrap: anywhere; }
.contact-strip small { color: var(--muted); font-size: 11px; margin-bottom: 2px; }
.contact-strip b { color: var(--navy); font-size: 13px; }

.about { padding-top: 135px; }
.about-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 80px; }
.section-heading h2, .section-intro h2, .kidney-copy h2, .social-copy h2, .final-cta h2 { margin: 16px 0 0; color: var(--navy); font-size: clamp(37px, 4.6vw, 59px); line-height: 1.14; letter-spacing: -.035em; }
.about-copy > p { max-width: 680px; margin: 4px 0 35px; color: var(--muted); font-size: 17px; }
.value-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.value-cards article { min-height: 185px; padding: 24px 20px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.value-cards span { color: var(--blue); font-size: 11px; font-weight: 800; }
.value-cards h3 { margin: 24px 0 5px; color: var(--navy); font-size: 19px; }
.value-cards p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

.products { background: var(--sky); }
.section-intro { display: flex; align-items: end; justify-content: space-between; gap: 60px; margin-bottom: 45px; }
.section-intro > p { max-width: 450px; margin: 0 0 7px; color: var(--muted); }
.product-grid { display: grid; gap: 26px; }
.product-card { position: relative; min-height: 510px; display: grid; grid-template-columns: .88fr 1.12fr; overflow: hidden; border: 1px solid rgba(9,67,241,.08); border-radius: var(--radius); background: #fff; box-shadow: 0 16px 45px rgba(11,29,67,.07); }
.product-copy { position: relative; z-index: 2; padding: 54px 50px; }
.product-index { color: var(--blue); font-size: 15px; font-weight: 800; letter-spacing: .12em; }
.product-copy h3 { margin: 20px 0 12px; color: var(--navy); font-size: clamp(34px, 4vw, 54px); line-height: .92; letter-spacing: -.045em; direction: ltr; text-align: right; }
.product-copy h3 small { display: block; color: var(--blue); font-family: Georgia, serif; font-size: 17px; font-weight: 400; letter-spacing: 0; margin-bottom: 7px; }
.product-copy h3 em { display: block; color: #bf174e; font-family: Georgia, serif; font-size: 24px; font-weight: 400; letter-spacing: 0; }
.hepavex-card .product-copy h3 em { color: #d64a13; }
.product-lead { max-width: 410px; color: #52617a; font-size: 15px; }
.product-copy ul { direction: ltr; margin: 25px 0; padding-left: 19px; color: var(--ink); font-size: 13px; line-height: 1.85; }
.product-copy li::marker { color: var(--blue); }
.product-tag { display: inline-flex; padding: 8px 13px; color: var(--navy); background: var(--blue-pale); border-radius: 100px; font-size: 15px; font-weight: 800; direction: ltr; }
.product-stage { position: relative; min-height: 510px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(145deg, #fff7fa 0%, var(--pink) 100%); }
.hepavex-card .product-stage { background: linear-gradient(145deg, #fffaf4 0%, var(--orange) 100%); }
.product-stage::before { content: ""; position: absolute; inset: 0; background: var(--brand-pattern) center / 310px auto; opacity: .045; mask-image: linear-gradient(135deg, #000, transparent 80%); }
.product-stage::after { content: ""; position: absolute; bottom: 34px; width: 65%; height: 24px; border-radius: 50%; background: rgba(11,29,67,.14); filter: blur(13px); }
.product-stage img { position: relative; z-index: 2; width: 87%; height: 440px; object-fit: contain; filter: drop-shadow(0 22px 24px rgba(11,29,67,.17)); }
.stage-word { position: absolute; bottom: -18px; right: -8px; color: rgba(191,23,78,.055); font-size: 116px; font-weight: 800; line-height: 1; letter-spacing: -.07em; }
.hepavex-card .stage-word { color: rgba(214,74,19,.06); }
.medical-note { margin: 25px 0 0; color: var(--muted); font-size: 12px; text-align: center; }

.kidney-check { position: relative; padding: 120px 0; background: var(--navy); color: #fff; overflow: hidden; }
.kidney-check::before { content: ""; position: absolute; inset-block: 0; left: -50px; width: 320px; background: #fff; mask: var(--brand-pattern) center / 320px auto repeat-y; opacity: .055; pointer-events: none; }
.kidney-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .85fr 1.15fr; gap: 95px; align-items: center; }
.eyebrow.light { color: #9fbafd; }
.kidney-copy h2, .final-cta h2 { color: #fff; }
.kidney-copy > p { max-width: 470px; color: rgba(255,255,255,.65); font-size: 16px; margin: 24px 0 32px; }
.button-light { background: #fff; color: var(--navy); }
.check-steps { border-top: 1px solid rgba(255,255,255,.16); }
.check-steps article { display: grid; grid-template-columns: 55px 1fr; gap: 20px; align-items: start; padding: 24px 5px; border-bottom: 1px solid rgba(255,255,255,.16); }
.check-steps article > span { color: #7ea4ff; font-size: 12px; font-weight: 800; }
.check-steps h3 { margin: 0 0 4px; font-size: 18px; }
.check-steps p { margin: 0; color: rgba(255,255,255,.56); font-size: 13px; }
.kidney-watermark { position: absolute; left: -25px; bottom: -30px; color: rgba(255,255,255,.025); font-size: clamp(72px, 12vw, 175px); font-weight: 800; white-space: nowrap; direction: ltr; }

.social-section { background: var(--cream); }
.social-card { display: grid; grid-template-columns: 210px 1fr .9fr; gap: 55px; align-items: center; padding: 52px; background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); }
.social-logo { position: relative; height: 140px; display: flex; align-items: center; justify-content: center; padding: 34px; background: var(--blue-pale); border-radius: 22px; overflow: hidden; }
.social-logo::after { content: ""; position: absolute; inset: 0; background: var(--brand-pattern) center / 170px auto; opacity: .045; }
.social-logo img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; }
.social-copy h2 { font-size: clamp(28px, 3vw, 40px); }
.social-links { border-top: 1px solid var(--line); }
.social-links a { display: block; padding: 17px 3px; border-bottom: 1px solid var(--line); }
.social-links span, .social-links b { display: block; }
.social-links span { color: var(--muted); font-size: 15px; }
.social-links b { margin-top: 2px; color: var(--navy); font-size: 13px; overflow-wrap: anywhere; }

.final-cta { position: relative; padding: 85px 0; background: var(--blue); color: #fff; overflow: hidden; }
.final-cta::before { content: ""; position: absolute; inset-block: -50px; inset-inline-end: -40px; width: 36%; background: #fff; mask: var(--brand-pattern) center / 350px auto repeat; opacity: .12; pointer-events: none; }
.final-cta-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.final-cta h2 { font-size: clamp(36px, 4.5vw, 58px); }
.button-white { min-width: 190px; color: var(--blue); background: #fff; box-shadow: 0 14px 35px rgba(3,26,99,.22); }

.site-footer { padding: 72px 0 25px; background: #07142f; color: rgba(255,255,255,.62); }
.footer-grid { display: grid; grid-template-columns: 1.4fr .6fr .6fr; gap: 70px; padding-bottom: 55px; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 8px; }
.footer-grid strong { color: #fff; font-size: 13px; margin-bottom: 8px; }
.footer-grid a { font-size: 12px; }
.footer-grid a:hover { color: #fff; }
.footer-brand img { width: 145px; height: 47px; object-fit: contain; filter: brightness(0) invert(1); }
.footer-brand p { max-width: 320px; font-size: 12px; line-height: 1.7; direction: ltr; text-align: right; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); font-size: 15px; }
.floating-contact { position: fixed; z-index: 90; left: 22px; bottom: 22px; min-height: 49px; display: flex; align-items: center; gap: 10px; padding: 0 18px 0 11px; color: #fff; background: var(--blue); border: 4px solid #fff; border-radius: 100px; box-shadow: 0 10px 32px rgba(9,67,241,.3); font-size: 12px; }
.floating-contact span { width: 29px; height: 29px; display: grid; place-items: center; background: rgba(255,255,255,.16); border-radius: 50%; }
.reveal { opacity: 1; transform: none; transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .brand-copy { display: none; }
  .hero-grid { width: calc(100% - 48px); }
  .hero-copy { max-width: 560px; }
  .about-grid, .kidney-grid { gap: 45px; }
  .product-card { grid-template-columns: .9fr 1.1fr; }
  .product-copy { padding: 44px 35px; }
  .social-card { grid-template-columns: 150px 1fr; }
  .social-links { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 22px; border-top: 0; }
}

@media (max-width: 780px) {
  .container { width: min(100% - 28px, 680px); }
  .section { padding: 80px 0; }
  .header-inner { min-height: 70px; }
  .menu-toggle { display: block; }
  .main-nav { position: fixed; top: 70px; right: 14px; left: 14px; display: none; flex-direction: column; align-items: stretch; gap: 4px; padding: 16px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
  .main-nav.is-open { display: flex; }
  .main-nav a { padding: 11px 14px; }
  .nav-cta { text-align: center; margin-top: 4px; }
  .hero { padding: 60px 0 85px; background-position: 49% 66%; }
  .hero::before, [dir="ltr"] .hero::before { background: linear-gradient(to bottom, rgba(6,19,43,.84), rgba(6,19,43,.69)); }
  .hero::after { opacity: .04; width: 130px; }
  .hero-grid { width: min(100% - 40px, 680px); min-height: 560px; align-items: center; }
  .hero-copy { width: 100%; text-align: center; }
  .hero-copy .eyebrow { justify-content: center; }
  .hero h1 { font-size: clamp(49px, 13vw, 69px); }
  .hero-copy > p { margin-inline: auto; font-size: 16px; }
  .hero-actions, .hero-values { justify-content: center; }
  .hero-signature { align-self: center; margin-top: 40px; }
  .contact-strip-grid { grid-template-columns: 1fr; }
  .contact-strip-grid > * { min-height: 86px; border-left: 0; border-bottom: 1px solid var(--line); }
  .contact-strip-grid > *:last-child { border-bottom: 0; }
  .about { padding-top: 105px; }
  .about-grid, .kidney-grid { grid-template-columns: 1fr; }
  .section-intro { align-items: start; flex-direction: column; gap: 22px; }
  .product-card { grid-template-columns: 1fr; }
  .product-copy { order: 2; padding: 38px 28px; }
  .product-stage { min-height: 440px; }
  .product-stage img { height: 390px; }
  .kidney-grid { gap: 55px; }
  .social-card { grid-template-columns: 1fr; gap: 30px; padding: 28px; }
  .social-logo { width: 190px; }
  .social-links { grid-column: auto; grid-template-columns: 1fr; gap: 0; }
  .final-cta-inner { align-items: start; flex-direction: column; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
  .concept-note { font-size: 15px; }
  .logo-frame { width: 105px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-values { gap: 13px; }
  .hero-values span { font-size: 15px; }
  .hero-signature { gap: 15px; }
  .hero-signature-logo { width: 96px; height: 32px; }
  .contact-strip { margin-top: -36px; }
  .value-cards { grid-template-columns: 1fr; }
  .value-cards article { min-height: 135px; }
  .product-stage { min-height: 360px; }
  .product-stage img { width: 94%; height: 325px; }
  .product-copy h3 { font-size: 38px; }
  .product-copy h3 em { font-size: 20px; }
  .stage-word { font-size: 74px; }
  .social-card { padding: 22px; }
  .final-cta { padding: 70px 0; }
  .final-cta::before { width: 60%; opacity: .08; }
  .button-white { width: 100%; }
  .footer-grid { grid-template-columns: 1fr; gap: 34px; }
  .footer-brand { grid-column: auto; }
  .footer-bottom { flex-direction: column; }
  .floating-contact { left: 12px; bottom: 12px; padding-left: 9px; }
}

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

/* Bilingual layout and functional contact dialog. */
section[id]{scroll-margin-top:95px}
.language-switch{border:1px solid var(--line);border-radius:50px;padding:8px 15px!important;font-size:12px;white-space:nowrap}
.language-switch::after{display:none}
[dir="ltr"] .brand-copy{padding-right:0;border-right:0;padding-left:13px;border-left:1px solid var(--line)}
[dir="ltr"] .hero h1{font-size:clamp(46px,5.1vw,66px);line-height:1.08;letter-spacing:-.045em}
[dir="ltr"] .hero-values b{margin-left:0;margin-right:6px}
[dir="ltr"] .product-copy h3,[dir="ltr"] .footer-brand p{text-align:left}
[dir="ltr"] .contact-strip-grid>*{border-left:0;border-right:1px solid var(--line)}
[dir="ltr"] .contact-strip-grid>*:last-child{border-right:0}
[dir="ltr"] .floating-contact{left:auto;right:22px}
.product-copy ul[dir="rtl"]{direction:rtl;padding-left:0;padding-right:19px}
.contact-dialog{width:min(560px,calc(100% - 28px));max-height:90dvh;border:1px solid var(--line);padding:30px;border-radius:22px;color:var(--ink);box-shadow:var(--shadow);overscroll-behavior:contain}
.contact-dialog::backdrop{background:#07142fb3;backdrop-filter:blur(5px)}
.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px}
.dialog-heading h2{margin:0;font-size:25px;color:var(--navy)}
.dialog-close{width:38px;height:38px;flex-shrink:0;background:var(--sky);border:1px solid var(--line);border-radius:50%;font:25px Arial;color:var(--navy);cursor:pointer}
.dialog-intro{font-size:14px;color:var(--muted);margin-top:5px}
.contact-form{display:grid;gap:8px;margin-top:20px}
.contact-form label{font-size:13px;font-weight:700;margin-top:4px}
.contact-form input,.contact-form textarea{width:100%;min-width:0;padding:11px 13px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--ink);font:inherit;font-size:14px}
.contact-form textarea{resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #0943f140;border-color:var(--blue)}
.contact-form [aria-invalid=true]{border-color:#c62845}
.contact-form .button{cursor:pointer;font-family:inherit}
.form-note{font-size:11px;color:var(--muted);margin:8px 0}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.field-error{font-size:12px;color:#ba2440}
.alert{padding:16px;border-radius:10px;margin-block:15px;font-size:14px}
.alert.success{background:#e5f6ec;color:#1a7245}.alert.error{background:#fff0f2;color:#ae2034}
body.dialog-open{overflow:hidden}
a:focus-visible,button:focus-visible{outline:3px solid #7ea4ff;outline-offset:4px}
@media(max-width:980px){.main-nav{gap:16px}}
@media(max-width:780px){[dir="ltr"] .contact-strip-grid>*{border-right:0}.main-nav .language-switch{text-align:center;margin-top:5px}.contact-dialog{padding:22px}[dir="ltr"] .hero h1{font-size:clamp(42px,10vw,62px)}}
@media(max-width:520px){[dir="ltr"] .floating-contact{right:12px}.hero h1{line-height:1.12}}