[data-havit-landing]{--hv-ink:#18222d;--hv-blue:#0879bb;--hv-muted:#526170;--hv-line:#dce4eb;width:100%;max-width:100%;box-sizing:border-box;background:#fff;color:var(--hv-ink);font:16px/1.75 Arial,sans-serif;text-align:left;overflow:clip;border-radius:18px}
[data-havit-landing] *,[data-havit-landing] *::before,[data-havit-landing] *::after{box-sizing:border-box}
[data-havit-landing] [hidden]{display:none!important}
[data-havit-landing] h2,[data-havit-landing] h3,[data-havit-landing] h4{color:var(--hv-ink);line-height:1.2;margin:0 0 20px;font-family:Arial,sans-serif;letter-spacing:-.025em}
[data-havit-landing] h2{font-size:clamp(32px,4.5vw,57px);font-weight:750}
[data-havit-landing] h3{font-size:clamp(25px,3vw,35px)}
[data-havit-landing] h4{font-size:20px}
[data-havit-landing] p{margin:0 0 18px}
[data-havit-landing] a{color:#086ca7;text-decoration:underline;text-underline-offset:3px}
[data-havit-landing] img{display:block;max-width:100%;height:auto}
[data-havit-landing] button,[data-havit-landing] a.hv-button{font:700 15px/1.4 Arial,sans-serif;cursor:pointer;border-radius:8px;min-height:44px;padding:12px 18px;text-decoration:none;border:1px solid var(--hv-line);background:#fff;color:var(--hv-ink);display:inline-flex;align-items:center;justify-content:center;gap:8px}
[data-havit-landing] button:hover,[data-havit-landing] a.hv-button:hover{background:#e5f3fb;color:#09577f;border-color:#83bddc}
[data-havit-landing] button:focus-visible,[data-havit-landing] a:focus-visible,[data-havit-landing] summary:focus-visible{outline:3px solid #0785ca;outline-offset:4px}
[data-havit-landing] .hv-band{background:#111820;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff;font-size:13px;letter-spacing:.06em}
[data-havit-landing] .hv-logo{width:126px;height:44px;object-fit:contain}
[data-havit-landing] .hv-nav{display:flex;flex-wrap:wrap;gap:8px 22px;padding:16px 5%;border-bottom:1px solid var(--hv-line);background:#fff}
[data-havit-landing] .hv-nav a{font-size:14px;font-weight:700;text-decoration:none;min-height:40px;display:flex;align-items:center}
[data-havit-landing] .hv-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;padding:55px 5%;background:linear-gradient(140deg,#f4f9fc 0%,#fff 65%)}
[data-havit-landing] .hv-kicker{font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:#0873ac;margin:0 0 14px}
[data-havit-landing] .hv-intro{font-size:18px;line-height:1.8}
[data-havit-landing] .hv-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
[data-havit-landing] a.hv-primary{background:#0879bb;border-color:#0879bb;color:#fff}
[data-havit-landing] .hv-hero-open{border:0;background:transparent;width:100%;padding:0}
[data-havit-landing] .hv-hero-open:hover{background:transparent;border:0}
[data-havit-landing] .hv-hero-open img{width:100%;height:390px;object-fit:contain}
[data-havit-landing] .hv-current{display:inline-block;font-size:14px;font-weight:700;border-left:3px solid #168bc6;padding-left:12px;color:#526170}
[data-havit-landing] .hv-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hv-line);border-top:1px solid var(--hv-line);border-bottom:1px solid var(--hv-line)}
[data-havit-landing] .hv-fact{background:#f6f9fb;padding:24px 24px}
[data-havit-landing] .hv-fact strong{display:block;font-size:21px;line-height:1.35;margin-bottom:7px;overflow-wrap:anywhere}
[data-havit-landing] .hv-fact span{font-size:13px;color:var(--hv-muted)}
[data-havit-landing] .hv-section{padding:48px 5%;scroll-margin-top:145px}
[data-havit-landing] .hv-chapter{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding:28px 0;border-top:1px solid var(--hv-line)}
[data-havit-landing] .hv-chapter:first-child{border-top:0;padding-top:0}
[data-havit-landing] .hv-index{font-size:13px;font-weight:700;color:#168bc6;display:block;margin-bottom:16px}
[data-havit-landing] .hv-chapter p{color:#3e4e5e}
[data-havit-landing] .hv-award{background:#142633;color:#e4edf4;border-left:5px solid #64c7fa}
[data-havit-landing] .hv-award h3{color:#fff}
[data-havit-landing] .hv-award a{color:#9eddff}
[data-havit-landing] .hv-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
[data-havit-landing] .hv-toolbar h3{margin:0}
[data-havit-landing] .hv-filters{display:flex;flex-wrap:wrap;gap:8px}
[data-havit-landing] .hv-filters [aria-pressed=true]{background:#172b3a;color:#fff;border-color:#172b3a}
[data-havit-landing] .hv-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
[data-havit-landing] .hv-photo{margin:0;min-width:0}
[data-havit-landing] .hv-photo a{display:block;border:1px solid var(--hv-line);border-radius:12px;padding:20px;background:#f3f7fa}
[data-havit-landing] .hv-photo img{width:100%;height:230px;object-fit:contain}
[data-havit-landing] figcaption{font-size:13px;color:var(--hv-muted);padding-top:9px}
[data-havit-landing] .hv-specs{width:100%;border-collapse:collapse;font-size:15px}
[data-havit-landing] .hv-specs th,[data-havit-landing] .hv-specs td{padding:14px 17px;border-bottom:1px solid var(--hv-line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
[data-havit-landing] .hv-specs th{width:35%;background:#f3f7fa;color:#293f50;font-weight:700}
[data-havit-landing] .hv-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(235px,100%),1fr));gap:18px}
[data-havit-landing] .hv-variant{border:1px solid var(--hv-line);border-radius:12px;padding:22px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
[data-havit-landing] .hv-variant[data-current]{border-color:#0879bb;box-shadow:0 0 0 1px #0879bb}
[data-havit-landing] .hv-variant img{height:160px;width:100%;object-fit:contain;margin-bottom:22px}
[data-havit-landing] .hv-variant h4{font-size:18px}
[data-havit-landing] .hv-code{font-size:13px;color:var(--hv-muted);overflow-wrap:anywhere}
[data-havit-landing] .hv-variant a{margin-top:auto}
[data-havit-landing] .hv-faq details{padding:19px 0;border-top:1px solid var(--hv-line)}
[data-havit-landing] .hv-faq summary{font-size:17px;font-weight:700;cursor:pointer;color:var(--hv-ink)}
[data-havit-landing] .hv-faq details p{margin:15px 0 0;color:var(--hv-muted)}
[data-havit-landing] .hv-footer{background:#f2f7fa;padding:32px 5%;display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between}
[data-havit-landing] .hv-sources{font-size:14px;display:flex;flex-wrap:wrap;gap:12px 22px}
[data-havit-landing] .hv-dialog{width:min(1120px,96vw);max-width:96vw;max-height:94dvh;border:1px solid #b5c9d6;padding:18px;border-radius:14px;background:#f2f7fa;color:#162b3c}
[data-havit-landing] .hv-dialog::backdrop{background:rgba(5,13,22,.87)}
[data-havit-landing] .hv-dialog-bar{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}
[data-havit-landing] .hv-dialog figure{margin:0}
[data-havit-landing] .hv-dialog img{width:100%;height:calc(84dvh - 95px);object-fit:contain}
[data-havit-landing] .hv-dialog figcaption{color:#334d60}
@media(max-width:760px){[data-havit-landing]{font-size:16px;border-radius:10px}[data-havit-landing] .hv-band{padding:16px 6%}[data-havit-landing] .hv-band span{font-size:11px}[data-havit-landing] .hv-logo{width:100px}[data-havit-landing] .hv-hero{grid-template-columns:1fr;padding:35px 6%;gap:15px}[data-havit-landing] .hv-hero-open img{height:285px}[data-havit-landing] .hv-hero-visual{grid-row:2}[data-havit-landing] .hv-intro{font-size:17px}[data-havit-landing] .hv-facts{grid-template-columns:1fr}[data-havit-landing] .hv-fact{padding:16px 6%;display:flex;gap:18px;align-items:center}[data-havit-landing] .hv-fact strong{font-size:19px;margin:0;flex:0 0 38%}[data-havit-landing] .hv-section{padding:35px 6%;scroll-margin-top:80px}[data-havit-landing] .hv-chapter{grid-template-columns:1fr;gap:0;padding:25px 0}[data-havit-landing] .hv-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-havit-landing] .hv-photo a{padding:10px}[data-havit-landing] .hv-photo img{height:160px}[data-havit-landing] .hv-specs th,[data-havit-landing] .hv-specs td{padding:11px 10px;font-size:14px}[data-havit-landing] .hv-dialog{padding:10px}[data-havit-landing] .hv-dialog-bar button{padding:10px 12px;font-size:13px}[data-havit-landing] .hv-nav{gap:2px 18px;padding:10px 6%}[data-havit-landing] .hv-nav a{font-size:13px}}
@media(prefers-reduced-motion:reduce){[data-havit-landing] *,[data-havit-landing] *::before,[data-havit-landing] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}