@font-face{font-family:HV;src:local('Arial');font-display:swap} :root{--hv-blue:#1d3977;--hv-deep:#112553;--hv-accent:#6550f3;--hv-orange:#ffab19;--hv-ink:#18243b;--hv-muted:#647087;--hv-line:#e3e8f0;--hv-soft:#f5f7fb;--hv-wrap:1180px} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--hv-ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img{max-width:100%;height:auto}p,h1,h2,h3,h4{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(34px,4.25vw,57px);font-weight:750;margin-bottom:22px}h2{font-size:clamp(27px,3vw,37px)}h3{font-size:20px}p{margin-bottom:20px}svg{flex-shrink:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8f7fff;outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid #6550f3;outline-offset:2px}[hidden]{display:none!important}.hv-wrap{max-width:var(--hv-wrap);width:calc(100% - 80px);margin-inline:auto}.hv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hv-skip{position:fixed;left:20px;top:-80px;background:white;padding:10px 20px;z-index:999}.hv-skip:focus{top:10px}.hv-preview-bar{background:#0d1730;color:#dce4f7;font-size:12px;letter-spacing:.015em;padding:6px 0}.hv-preview-bar span{font-weight:700;color:#fff;margin-right:14px;font-size:10px;letter-spacing:.13em}.hv-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e7ebf1}.hv-nav{display:flex;align-items:center;gap:26px;min-height:88px}.hv-brand{display:block;flex-shrink:0;line-height:0}.hv-brand img{width:218px;height:auto}.hv-nav>nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:14px;font-weight:600}.hv-nav>nav>a{padding:31px 0}.hv-nav>nav>a:hover{color:var(--hv-accent)}.hv-nav-actions{display:flex;align-items:center;gap:18px}.hv-login{line-height:0}.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:11px 22px;background:var(--hv-orange);color:#172138;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:700;line-height:1.4;transition:background .15s,transform .15s}.hv-btn svg{width:19px;height:19px}.hv-btn:hover{background:#ffc24c;transform:translateY(-1px)}.hv-btn-secondary{background:transparent;border-color:currentColor;color:inherit}.hv-btn-secondary:hover{background:#ffffff16}.hv-nav-actions .hv-btn{font-size:13px;padding-inline:16px;gap:10px;min-height:42px}.hv-menu>summary{display:flex;align-items:center;gap:7px;padding:31px 0;list-style:none}.hv-menu>summary::-webkit-details-marker{display:none}.hv-menu[open]>summary{color:var(--hv-accent)}.hv-mega{position:absolute;left:50%;top:calc(100% - 1px);transform:translateX(-50%);width:min(1180px,calc(100vw - 40px));display:grid;grid-template-columns:225px 380px 1fr;background:white;box-shadow:0 22px 45px #142a442b;border:1px solid var(--hv-line);border-top:3px solid var(--hv-accent);font-weight:400;border-radius:0 0 8px 8px;overflow:hidden}.hv-mega-intro{background:var(--hv-soft);padding:30px 23px}.hv-mega-intro small{font-size:10px;letter-spacing:.15em;color:var(--hv-accent);font-weight:700}.hv-mega-intro h2{font-size:25px;line-height:1.2;margin-top:15px;margin-bottom:14px}.hv-mega-intro p{font-size:13px;color:var(--hv-muted)}.hv-mega-intro a{font-size:13px;font-weight:700}.hv-mega-categories{padding:12px;border-right:1px solid var(--hv-line)}.hv-mega-tab{display:flex;align-items:flex-start;text-align:left;background:white;border:0;width:100%;padding:11px 12px;gap:11px;border-radius:4px;color:var(--hv-ink)}.hv-mega-tab>svg{width:23px;color:var(--hv-accent);margin-top:3px}.hv-mega-tab span{display:block}.hv-mega-tab b{display:block;font-size:13px;line-height:1.35;font-weight:700}.hv-mega-tab small{display:block;font-size:11px;line-height:1.45;color:var(--hv-muted);margin-top:4px}.hv-mega-tab em{font-style:normal;margin-left:auto}.hv-mega-tab.active,.hv-mega-tab:hover{background:#f0edff}.hv-mega-panels{padding:26px}.hv-mega-panels h3{font-size:22px;margin-bottom:12px}.hv-mega-panels p{font-size:13px;color:var(--hv-muted)}.hv-mega-overview{display:block;font-size:13px;font-weight:700;color:var(--hv-accent);margin-bottom:14px}.hv-mega-panels section>div{display:grid;gap:0}.hv-mega-panels section>div>a{border-top:1px solid var(--hv-line);padding:10px 0;font-size:13px;line-height:1.5}.hv-mega-panels a:hover{text-decoration:underline}.hv-mobile{display:none} .hv-hero{background:linear-gradient(118deg,#122b61 0%,#1c3b7c 72%,#254783 100%);color:#fff;padding:28px 0 55px;overflow:hidden}.hv-home-hero{padding:65px 0 70px}.hv-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.hv-home-hero h1{font-size:clamp(37px,4.4vw,60px);line-height:1.14;letter-spacing:-.04em}.hv-home-hero em{font-style:normal;color:#ffb526}.hv-hero-lead{color:#e1e8f7;font-size:18px;line-height:1.7;margin-bottom:26px;max-width:620px}.hv-eyebrow{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--hv-accent);margin-bottom:14px}.hv-hero .hv-eyebrow{color:#ccd4ff}.hv-actions{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.hv-hero-note{font-size:12px;color:#c3cfe9;margin:20px 0 0}.hv-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#c8d3e9;margin-bottom:35px;line-height:1.4}.hv-breadcrumb a:hover{color:#fff}.hv-service-image{position:relative}.hv-service-image>img{width:100%;height:340px;object-fit:cover;border-radius:7px;box-shadow:0 20px 40px #0002}.hv-service-image>div{position:absolute;bottom:18px;left:18px;right:18px;display:flex;gap:12px;align-items:center;border:1px solid #ffffff44;background:#102653e8;border-radius:5px;padding:14px 18px;font-size:13px}.hv-hero-points{list-style:none;padding:0;font-size:13px;color:#dce5f9;margin-bottom:24px}.hv-hero-points li{position:relative;padding-left:23px;margin-bottom:9px}.hv-hero-points li:before{content:'✓';position:absolute;left:0;color:#ffb526}.hv-detail-hero h1{font-size:clamp(31px,3.4vw,45px)}.hv-detail-hero .hv-hero-lead{font-size:16px}.hv-detail-hero .hv-hero-grid{gap:55px}.hv-hero-price{font-size:29px;font-weight:700;margin-bottom:18px;color:#ffbd3d}.hv-hero-price small{font-size:12px;font-weight:400;color:#dce5f9}.hv-art{position:relative;min-height:365px;display:flex;align-items:center;padding:20px 0 20px 5px}.hv-orbit{position:absolute;inset:-30px 5px;border:1px solid #ffffff13;border-radius:50%;transform:rotate(-15deg)}.hv-window{position:relative;width:100%;background:#fff;border-radius:9px;box-shadow:0 22px 50px #06142f77;overflow:hidden;transform:perspective(1200px) rotateY(-6deg) rotateX(2deg);border:1px solid #ffffff4d}.hv-windowbar{height:33px;background:#e9edf5;display:flex;align-items:center;gap:5px;padding:0 12px}.hv-windowbar i{width:7px;height:7px;background:#ff8b82;border-radius:50%}.hv-windowbar i:nth-child(2){background:#ffca65}.hv-windowbar i:nth-child(3){background:#78c1a0}.hv-windowbar span{font-size:8px;letter-spacing:.13em;margin-left:auto;color:#79869d}.hv-ui{display:flex;height:290px}.hv-ui-sidebar{width:49px;background:#192e62;padding:18px 13px}.hv-ui-sidebar>svg{color:#c1b5ff;width:23px;height:23px;margin-bottom:20px}.hv-ui-sidebar>span{display:block;height:5px;background:#7185ad;margin-bottom:17px;border-radius:3px}.hv-ui-body{padding:22px;flex:1;min-width:0;color:#172544;background:#f9fafc}.hv-ui-label{font-size:8px;letter-spacing:.14em;color:#7c86a2}.hv-ui-body h3{font-size:21px;margin:8px 0 14px;max-width:340px}.hv-ui-stats{display:flex;gap:12px}.hv-ui-stats>div{display:flex;gap:8px;align-items:center;padding:8px 11px;border-radius:4px;background:#fff;border:1px solid #e2e7f0;flex:1;font-size:9px;line-height:1.4}.hv-ui-stats svg{width:19px;height:19px;color:#6a56ef}.hv-ui-chart{height:113px;display:flex;gap:9px;align-items:flex-end;border-bottom:1px solid #dfe5f0;padding:0 8px;margin-top:10px;overflow:hidden}.hv-ui-chart i{flex:1;background:linear-gradient(#8470ff,#c5bcff);max-height:90%;border-radius:3px 3px 0 0}.hv-ui-chart i:nth-child(3n){background:linear-gradient(#4a99d6,#b4d6f2)}.hv-ui-rows{display:flex;gap:12px;margin-top:12px}.hv-ui-rows span{width:28%;height:5px;background:#dfe5f0;border-radius:4px}.hv-float{position:absolute;bottom:-3px;right:-18px;background:white;display:flex;gap:13px;align-items:center;border-radius:6px;padding:15px 23px;color:#203453;box-shadow:0 8px 20px #0002}.hv-check{display:grid;place-items:center;color:#fff;background:#6b55f3;width:32px;height:32px;border-radius:50%}.hv-float b{display:block;font-size:13px}.hv-float small{display:block;font-size:11px;color:#8490a4}.hv-section{padding-block:58px}.hv-soft{background:var(--hv-soft)}.hv-section-title{text-align:center;max-width:720px;margin:0 auto 34px}.hv-section-title h2{margin-bottom:12px}.hv-section-title p:not(.hv-eyebrow){color:var(--hv-muted);margin:0}.hv-grid,.hv-home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hv-card{border:1px solid var(--hv-line);border-radius:6px;background:#fff;padding:28px;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,border-color .2s}.hv-card:hover{border-color:#c6bcff;box-shadow:0 8px 25px #1b2f5710}.hv-icon{display:grid;place-items:center;background:#f0edff;color:#6854ee;width:49px;height:49px;border-radius:8px;margin-bottom:21px}.hv-icon svg{width:27px;height:27px}.hv-card h3{font-size:21px;margin-bottom:13px}.hv-card p{font-size:14px;color:var(--hv-muted);line-height:1.75;margin-bottom:23px}.hv-card h3 a:hover{color:var(--hv-accent)}.hv-text-link{display:inline-flex;gap:14px;align-items:center;font-size:13px;font-weight:700;color:#5944df;margin-top:auto}.hv-text-link svg{width:17px;height:17px}.hv-card-type{font-size:10px;color:#7a6cbe;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}.hv-price{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}.hv-price b{font-size:27px;letter-spacing:-.04em}.hv-price small{font-size:12px;color:var(--hv-muted)}.hv-product-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.hv-product-categories article{border:1px solid var(--hv-line);padding:25px;background:#fff;border-radius:6px;display:flex;flex-direction:column}.hv-product-categories article>svg{color:var(--hv-accent);width:32px;height:32px;margin-bottom:20px}.hv-product-categories h3{font-size:19px}.hv-product-categories p{font-size:13px;color:var(--hv-muted)}.hv-band{background:#192f64;color:white;padding:35px 0}.hv-band>.hv-wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.hv-band h2{font-size:27px;margin-bottom:8px}.hv-band p{color:#cbd5ea;font-size:14px;margin:0}.hv-band .hv-btn{flex-shrink:0}.hv-home-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hv-home-story img{width:100%;height:330px;object-fit:cover;border-radius:6px}.hv-home-story p{color:var(--hv-muted);font-size:15px}.hv-home-story h2{line-height:1.25}.hv-process{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px}.hv-process>article>b{font-size:30px;color:#c3baff;line-height:1;display:block;margin-bottom:16px}.hv-process h3{font-size:17px;line-height:1.4}.hv-process p{font-size:13px;color:var(--hv-muted)}.hv-page-heading{padding-top:53px;padding-bottom:25px;max-width:900px;text-align:center}.hv-page-heading h1{font-size:45px;margin-bottom:15px}.hv-page-heading>p{color:var(--hv-muted)}.hv-search{display:block;text-align:left;font-size:12px;font-weight:700;max-width:530px;margin:28px auto 0}.hv-search input{display:block;width:100%;border:1px solid #d4dbe7;border-radius:4px;padding:12px 16px;margin-top:7px;font-size:14px}.hv-filter-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:28px}.hv-filter-links a{border:1px solid var(--hv-line);padding:8px 15px;border-radius:4px;font-size:13px}.hv-filter-links a:hover{border-color:var(--hv-accent);color:var(--hv-accent)}.hv-section-nav{background:white;border-bottom:1px solid var(--hv-line)}.hv-section-nav>div{display:flex;justify-content:center;gap:36px}.hv-section-nav a{padding:16px 0;font-size:13px;font-weight:600}.hv-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.hv-value-grid svg{color:var(--hv-accent);width:32px;height:32px;margin-bottom:18px}.hv-value-grid h3{font-size:21px}.hv-value-grid p{font-size:14px;color:var(--hv-muted)}.hv-faq{max-width:930px}.hv-faq details{border-bottom:1px solid var(--hv-line)}.hv-faq summary{display:flex;justify-content:space-between;gap:20px;font-weight:600;list-style:none;padding:19px 0;font-size:15px}.hv-faq summary::-webkit-details-marker{display:none}.hv-faq summary>span{font-size:21px;color:var(--hv-accent);line-height:1}.hv-faq details[open] summary>span{transform:rotate(45deg)}.hv-faq details>p{color:var(--hv-muted);font-size:14px;line-height:1.8;max-width:800px;margin-bottom:22px}.hv-tab-buttons{display:flex;border-bottom:1px solid var(--hv-line);gap:28px;margin-bottom:32px;overflow:auto}.hv-tab-buttons button{background:white;border:0;border-bottom:3px solid transparent;padding:14px 0;color:#68758d;white-space:nowrap;font-size:14px}.hv-tab-buttons button[aria-selected=true]{color:var(--hv-accent);border-color:var(--hv-accent);font-weight:700}.hv-tab-panel{max-width:1000px;min-height:200px}.hv-tab-panel>p{color:var(--hv-muted);font-size:16px;line-height:1.9}.hv-spec{border-left:3px solid #ddd5ff;padding-left:22px;margin-bottom:23px}.hv-spec h3{font-size:18px;margin-bottom:8px}.hv-spec p{font-size:14px;color:var(--hv-muted);margin:0}.hv-policy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--hv-line)}.hv-policy-cards h3{font-size:18px}.hv-policy-cards p,.hv-policy-cards a{font-size:13px;color:var(--hv-muted)}.hv-policy-cards a{color:var(--hv-accent)}.hv-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:18px}.hv-contact-cards article{padding:25px;border:1px solid var(--hv-line);border-radius:5px}.hv-contact-cards svg{color:var(--hv-accent);margin-bottom:16px}.hv-contact-cards h2{font-size:21px}.hv-contact-cards p{font-size:14px;color:var(--hv-muted)}.hv-contact-cards a{font-size:13px;font-weight:700;color:var(--hv-accent);overflow-wrap:anywhere}.hv-contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:65px}.hv-contact-grid h2{font-size:30px}.hv-contact-grid aside{background:var(--hv-soft);border:1px solid var(--hv-line);padding:30px;border-radius:6px;align-self:start}.hv-contact-grid aside h2{font-size:24px}.hv-contact-grid aside ol{padding-left:22px}.hv-contact-grid aside li{padding-left:8px;margin-bottom:20px;font-size:14px}.hv-contact-grid aside p{font-size:13px;color:var(--hv-muted);margin:6px 0 12px}.hv-contact-grid aside h3{margin-top:24px;font-size:18px}.hv-contact-grid aside a{display:block;color:var(--hv-accent);font-size:13px;margin-top:6px}.hv-contact-grid aside hr{border:0;border-top:1px solid var(--hv-line);margin:28px 0}.hv-scope-form label{display:block;font-size:13px;font-weight:600;margin-bottom:20px}.hv-scope-form label>span{font-weight:400;color:var(--hv-muted)}.hv-scope-form input:not([type=checkbox]),.hv-scope-form select,.hv-scope-form textarea{width:100%;padding:11px 13px;border:1px solid #cfd7e4;border-radius:4px;background:white;margin-top:7px;font-size:14px;color:var(--hv-ink)}.hv-scope-form textarea{resize:vertical}.hv-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hv-scope-form fieldset{padding:0;border:0;margin:0 0 20px}.hv-scope-form legend{font-size:13px;font-weight:600;margin-bottom:12px}.hv-scope-form fieldset>label{display:flex;gap:10px;font-weight:400;margin-bottom:8px;align-items:center}.hv-scope-form input[type=checkbox]{width:16px;height:16px;accent-color:var(--hv-accent);flex-shrink:0}.hv-consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important}.hv-consent a{color:var(--hv-accent)}.hv-form-note{font-size:12px;color:var(--hv-muted);margin:14px 0}.hv-form-status{font-size:14px;background:#f0edff;padding:0;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}.hv-form-status:not(:empty){padding:20px;margin-top:20px}.hv-form-status a{display:inline-flex;margin-top:12px}.hv-about-copy{max-width:1050px}.hv-about-copy>.hv-section-title{text-align:left;max-width:none}.hv-about-copy>p{color:var(--hv-muted);font-size:16px;line-height:1.9}.hv-about-copy>.hv-grid{margin-top:30px}.hv-legal{max-width:850px;padding-block:20px 65px}.hv-legal h2{font-size:22px;margin-top:30px}.hv-legal p{color:var(--hv-muted);font-size:15px;line-height:1.9}.hv-policy-note{background:#f0edff;border-left:3px solid var(--hv-accent);padding:15px 20px}.hv-footer{background:#101e3e;color:#d2dbed;padding:45px 0 0;font-size:13px}.hv-footer-brand{display:flex;align-items:center;gap:40px;padding-bottom:30px;border-bottom:1px solid #ffffff20}.hv-footer-brand img{width:205px;display:block}.hv-footer-brand p{margin:0;font-size:13px;line-height:1.6;color:#aebdd8}.hv-footer-brand>a:last-child{margin-left:auto}.hv-footer-grid{display:grid;grid-template-columns:1fr 1.35fr 1.1fr .8fr .8fr;gap:30px;padding:35px 0}.hv-footer h3{color:#fff;font-size:14px;letter-spacing:0;margin-bottom:17px}.hv-footer-grid a{display:block;font-size:12px;color:#b0bfda;margin-bottom:10px;line-height:1.6}.hv-footer a:hover{color:white;text-decoration:underline}.hv-office-line{display:flex;gap:50px;border-top:1px solid #ffffff20;padding:25px 0;font-size:11px;line-height:1.9;color:#aab9d6}.hv-office-line b{display:block;color:#e5ebf6;font-size:12px}.hv-footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:10px;color:#9cacca}.hv-footer-bottom>div{display:flex;gap:18px}.hv-legacy{font-family:Arial,Helvetica,sans-serif}.hv-legacy h1,.hv-legacy h2,.hv-legacy h3{font-family:inherit}.hv-legacy section{scroll-margin-top:110px}.hv-legacy .home-hero{display:none} @media(min-width:1450px){:root{--hv-wrap:1240px}.hv-nav>nav{gap:28px}.hv-nav{gap:32px}} @media(max-width:1150px){.hv-wrap{width:calc(100% - 48px)}.hv-nav{gap:15px}.hv-brand img{width:185px}.hv-nav>nav{gap:17px;font-size:13px}.hv-nav-actions{gap:12px}.hv-nav-actions .hv-btn{padding:10px 12px;font-size:12px}.hv-mega{grid-template-columns:190px 340px 1fr}.hv-hero-grid{gap:35px}.hv-hero-lead{font-size:16px}.hv-float{right:0}.hv-product-categories{gap:15px}.hv-product-categories article{padding:22px}.hv-contact-grid{gap:35px}} @media(max-width:950px){.hv-nav>nav,.hv-nav-actions{display:none}.hv-nav{justify-content:space-between;min-height:78px}.hv-mobile{display:block}.hv-mobile>summary{font-size:14px;font-weight:700;list-style:none}.hv-mobile>div{position:absolute;left:0;right:0;top:100%;max-height:75vh;overflow:auto;padding:22px 25px;background:#fff;border-top:1px solid var(--hv-line);box-shadow:0 20px 30px #12244922}.hv-mobile a{display:block;padding:9px 0;font-size:13px}.hv-mobile details{padding:8px 0;border-bottom:1px solid var(--hv-line)}.hv-mobile details details{margin-left:15px}.hv-mobile details details a{margin-left:15px}.hv-mobile summary{font-size:14px;font-weight:600}.hv-hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hv-home-hero h1{font-size:40px}.hv-ui-body{padding:18px 14px}.hv-ui-body h3{font-size:17px}.hv-ui-sidebar{width:38px;padding:18px 8px}.hv-ui-stats>div{padding:7px}.hv-ui-stats>div:nth-child(2){display:none}.hv-float{padding:12px 15px}.hv-grid,.hv-home-cards{grid-template-columns:repeat(2,1fr)}.hv-product-categories{grid-template-columns:repeat(2,1fr)}.hv-home-story{gap:35px}.hv-contact-cards{gap:15px}.hv-footer-grid{grid-template-columns:repeat(3,1fr);gap:30px}.hv-footer-brand{flex-wrap:wrap;gap:20px}.hv-footer-brand>a:last-child{margin-left:0}.hv-service-image>img{height:310px}.hv-hero-points{font-size:12px}.hv-section-nav>div{gap:25px}} @media(max-width:680px){html{scroll-padding-top:90px}.hv-wrap{width:calc(100% - 36px)}.hv-preview-bar{font-size:10px;line-height:1.5}.hv-preview-bar span{font-size:8px;margin-right:7px}.hv-nav{min-height:72px}.hv-brand img{width:185px}.hv-hero,.hv-home-hero{padding:30px 0 42px}.hv-hero-grid{grid-template-columns:1fr;gap:32px}.hv-home-hero h1{font-size:39px;line-height:1.15}.hv-hero h1{font-size:35px}.hv-hero-lead{font-size:16px;line-height:1.7}.hv-breadcrumb{font-size:10px;margin-bottom:25px;gap:6px}.hv-art{min-height:300px;padding:0 8px 8px 0}.hv-window{transform:none}.hv-ui{height:270px}.hv-ui-body{padding:18px}.hv-ui-body h3{font-size:19px}.hv-ui-stats>div:nth-child(2){display:flex}.hv-float{bottom:-9px;right:-2px}.hv-hero-note{font-size:11px}.hv-actions{gap:10px}.hv-btn{font-size:13px;padding:12px 17px;min-height:45px;gap:12px}.hv-section{padding-block:40px}.hv-section-title{margin-bottom:26px}.hv-section-title h2{font-size:29px}.hv-section-title p:not(.hv-eyebrow){font-size:14px}.hv-grid,.hv-home-cards,.hv-product-categories,.hv-value-grid,.hv-policy-cards{grid-template-columns:1fr}.hv-grid,.hv-home-cards{gap:16px}.hv-card{padding:25px}.hv-card h3{font-size:22px}.hv-card p{font-size:14px}.hv-card .hv-icon{margin-bottom:15px}.hv-product-categories{gap:15px}.hv-product-categories article{padding:25px}.hv-band>.hv-wrap{display:block}.hv-band h2{font-size:27px}.hv-band .hv-btn{margin-top:22px}.hv-home-story{grid-template-columns:1fr;gap:28px}.hv-home-story img{height:260px}.hv-process{grid-template-columns:1fr 1fr;gap:20px}.hv-process h3{font-size:16px}.hv-process p{font-size:12px}.hv-process>article>b{font-size:26px}.hv-page-heading{padding-top:38px;padding-bottom:10px}.hv-page-heading h1{font-size:35px}.hv-page-heading>p{font-size:15px}.hv-section-nav>div{gap:22px;overflow:auto;justify-content:flex-start;white-space:nowrap}.hv-section-nav a{font-size:12px}.hv-service-image>img{height:260px}.hv-hero-points{font-size:13px}.hv-detail-hero h1{font-size:33px}.hv-tab-buttons{gap:23px;margin-bottom:24px}.hv-tab-buttons button{font-size:13px}.hv-value-grid{gap:25px}.hv-policy-cards{gap:22px}.hv-contact-cards{grid-template-columns:1fr;gap:15px}.hv-contact-grid{grid-template-columns:1fr;gap:30px}.hv-contact-grid h2{font-size:27px}.hv-form-row{grid-template-columns:1fr;gap:0}.hv-contact-grid aside{padding:25px}.hv-footer{padding-top:35px}.hv-footer-brand{display:block;padding-bottom:25px}.hv-footer-brand p{margin:18px 0 12px}.hv-footer-brand>a:last-child{font-size:12px}.hv-footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding:28px 0}.hv-footer-grid a{font-size:12px}.hv-office-line{display:grid;gap:18px}.hv-footer-bottom{display:block;line-height:1.8}.hv-footer-bottom>div{flex-wrap:wrap;gap:8px 14px;margin-top:12px}.hv-legal h2{font-size:21px}.hv-legacy .inner-hero{padding:35px 18px}.hv-legacy h1{font-size:34px}.hv-legacy .site-header,.hv-legacy .site-footer{display:none}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}} /* Content typography: keep readable copy sizes across desktop and mobile. Zomex reference measured at 15.04px feature text and 16px long-form copy. HostViber uses a larger scale in response to the user's readability feedback. */ body{font-size:18px;line-height:1.65} .hv-hero-lead,.hv-detail-hero .hv-hero-lead{font-size:20px;line-height:1.65} .hv-section-title p:not(.hv-eyebrow),.hv-page-heading>p,.hv-home-story p:not(.hv-eyebrow),.hv-about-copy>p,.hv-tab-panel>p,.hv-legal p{font-size:18px;line-height:1.7;color:#46556e} .hv-card p,.hv-product-categories p,.hv-spec p,.hv-value-grid p,.hv-faq details>p,.hv-contact-cards p,.hv-policy-cards p,.hv-band p,.hv-hero-points{font-size:17px;line-height:1.65} .hv-card p,.hv-product-categories p,.hv-spec p,.hv-value-grid p,.hv-faq details>p,.hv-contact-cards p,.hv-policy-cards p{color:#46556e} .hv-process p{font-size:17px;line-height:1.65;color:#46556e} .hv-text-link,.hv-contact-cards a,.hv-policy-cards a,.hv-filter-links a,.hv-section-nav a,.hv-tab-buttons button{font-size:16px;line-height:1.5} .hv-faq summary{font-size:18px;line-height:1.5} .hv-btn,.hv-nav-actions .hv-btn{font-size:16px} .hv-hero-note{font-size:15px;line-height:1.6} .hv-breadcrumb{font-size:14px;line-height:1.5} .hv-eyebrow,.hv-home-story p.hv-eyebrow{font-size:13px;line-height:1.5} .hv-nav>nav{font-size:16px;gap:21px} .hv-mega{max-height:calc(100vh - 125px);overflow-y:auto;grid-template-columns:210px 390px 1fr} .hv-mega-tab b{font-size:16px;line-height:1.4} .hv-mega-tab small{font-size:14px;line-height:1.5} .hv-mega-intro p,.hv-mega-intro a,.hv-mega-panels p,.hv-mega-overview,.hv-mega-panels section>div>a{font-size:16px;line-height:1.5} .hv-mega-tab{padding-block:13px} .hv-scope-form label,.hv-scope-form legend,.hv-scope-form input:not([type=checkbox]),.hv-scope-form select,.hv-scope-form textarea{font-size:17px;line-height:1.6} .hv-contact-grid aside p,.hv-contact-grid aside li,.hv-contact-grid aside a,.hv-form-status{font-size:17px;line-height:1.65} .hv-form-note{font-size:15px;line-height:1.6} .hv-footer-brand p,.hv-footer-brand>a:last-child,.hv-footer-grid a,.hv-office-line{font-size:15px;line-height:1.65} .hv-footer h3{font-size:17px;line-height:1.4} .hv-office-line b{font-size:16px} .hv-footer-bottom{font-size:14px;line-height:1.6} .hv-price small,.hv-hero-price small{font-size:15px} .hv-legacy p,.hv-legacy li,.hv-legacy td,.hv-legacy label,.hv-legacy input,.hv-legacy select,.hv-legacy textarea{font-size:18px;line-height:1.7} @media(max-width:1100px){ .hv-nav>nav,.hv-nav-actions{display:none}.hv-nav{justify-content:space-between;min-height:78px} .hv-mobile{display:block}.hv-mobile>summary{font-size:17px;font-weight:700;list-style:none} .hv-mobile>div{position:absolute;left:0;right:0;top:100%;max-height:75vh;overflow:auto;padding:22px 25px;background:#fff;border-top:1px solid var(--hv-line);box-shadow:0 20px 30px #12244922} .hv-mobile a{display:block;padding:10px 0;font-size:17px;line-height:1.5} .hv-mobile details{padding:8px 0;border-bottom:1px solid var(--hv-line)}.hv-mobile details details{margin-left:15px}.hv-mobile details details a{margin-left:15px} .hv-mobile summary{font-size:17px;font-weight:600;line-height:1.5} } @media(max-width:680px){ body{font-size:17px} .hv-hero-lead,.hv-detail-hero .hv-hero-lead{font-size:18px;line-height:1.65} .hv-section-title p:not(.hv-eyebrow),.hv-page-heading>p,.hv-home-story p:not(.hv-eyebrow),.hv-about-copy>p,.hv-tab-panel>p,.hv-legal p{font-size:17px;line-height:1.7} .hv-card p,.hv-product-categories p,.hv-spec p,.hv-value-grid p,.hv-faq details>p,.hv-contact-cards p,.hv-policy-cards p,.hv-band p,.hv-hero-points{font-size:17px;line-height:1.65} .hv-process p{font-size:16px;line-height:1.65} .hv-btn,.hv-text-link,.hv-section-nav a,.hv-tab-buttons button{font-size:16px} .hv-faq summary{font-size:17px} .hv-breadcrumb{font-size:13px} .hv-hero-note{font-size:14px} .hv-footer-grid{column-gap:20px} .hv-footer-grid a,.hv-footer-brand p,.hv-footer-brand>a:last-child,.hv-office-line{font-size:15px} .hv-footer-bottom{font-size:14px} .hv-legacy p,.hv-legacy li,.hv-legacy td{font-size:17px;line-height:1.7} } /* Zomex reference: brand column, three grouped navigation columns, a divided legal row, and a light contact strip below the dark footer. */ .hv-zomex-footer{background:#050505;padding:55px 0 0;color:#bcbcbc} .hv-zfooter-grid{display:grid;grid-template-columns:1.2fr 1fr 1.1fr 1fr;gap:38px;padding-bottom:50px} .hv-zfooter-brand{padding-right:32px;border-right:1px solid #ffffff16} .hv-zfooter-brand img{width:224px;display:block;margin-bottom:22px} .hv-zfooter-brand p{font-size:16px;line-height:1.7;color:#bcbcbc;margin-bottom:24px} .hv-zfooter-email{font-size:15px;line-height:1.6;overflow-wrap:anywhere} .hv-footer-socials{display:flex;gap:11px;margin-bottom:25px} .hv-footer-socials a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:7px;background:#282828;color:#c9c9c9;font-size:20px;font-weight:700;line-height:1} .hv-footer-socials a:hover{background:#484848;text-decoration:none;color:#fff} .hv-footer-socials svg{width:20px;height:20px} .hv-zfooter-column nav+nav{margin-top:34px} .hv-zfooter-column h3{font-size:20px;line-height:1.4;color:white;font-weight:600;margin:0 0 17px} .hv-zfooter-column a{display:block;font-size:16px;line-height:1.65;color:#bcbcbc;margin-bottom:12px} .hv-zfooter-column a:hover{color:white;text-decoration:none} .hv-zfooter-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:28px 0;font-size:14px;line-height:1.65} .hv-zfooter-bottom nav{display:flex;flex-wrap:wrap;gap:0} .hv-zfooter-bottom nav a{font-size:14px;line-height:1.4;padding:0 12px;border-right:1px solid #ffffff20} .hv-zfooter-bottom nav a:first-child{padding-left:0} .hv-zfooter-bottom nav a:last-child{padding-right:0;border-right:0} .hv-zfooter-contact{background:#f6f6f6;color:#626262;padding:27px 0} .hv-zfooter-contact>.hv-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px} .hv-zfooter-contact b{font-size:15px;font-weight:600;color:#373737} .hv-zfooter-contact p{font-size:15px;line-height:1.65;margin:5px 0} .hv-zfooter-contact a{font-size:15px;line-height:1.65} .hv-zfooter-contact a:hover{color:#30236b} @media(max-width:1000px){ .hv-zfooter-grid{grid-template-columns:1fr 1fr;gap:35px} .hv-zfooter-brand{padding-right:25px} .hv-zfooter-bottom{align-items:flex-start;flex-direction:column;gap:15px} } @media(max-width:600px){ .hv-zomex-footer{padding-top:38px} .hv-zfooter-grid{grid-template-columns:1fr 1fr;gap:32px 22px;padding-bottom:32px} .hv-zfooter-brand{grid-column:1/-1;border-right:0;padding-right:0;border-bottom:1px solid #ffffff20;padding-bottom:28px} .hv-zfooter-brand p{max-width:440px;font-size:16px} .hv-zfooter-column:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px} .hv-zfooter-column:last-child nav+nav{margin-top:0} .hv-zfooter-column h3{font-size:18px} .hv-zfooter-column a{font-size:16px;line-height:1.6;overflow-wrap:anywhere} .hv-zfooter-bottom{padding:23px 0;font-size:14px} .hv-zfooter-bottom nav{row-gap:12px} .hv-zfooter-bottom nav a{font-size:14px;padding-inline:9px} .hv-zfooter-contact>.hv-wrap{grid-template-columns:1fr;gap:22px} .hv-zfooter-contact p,.hv-zfooter-contact a{font-size:15px} } /* Homepage human photograph; other product illustrations remain unchanged. */ .hv-home-human{width:100%;overflow:hidden;border-radius:9px;border:1px solid #ffffff30;box-shadow:0 22px 50px #06142f55} .hv-home-human img{display:block;width:100%;height:395px;object-fit:cover;object-position:63% center} @media(max-width:950px){.hv-home-human img{height:360px;object-position:60% center}} @media(max-width:680px){.hv-home-human img{height:285px;object-position:60% center}} /* WHMCS Modules category: one collection page with four illustrated products. */ .hv-module-category-hero{background:linear-gradient(120deg,#122b61,#244680);color:#fff;padding:25px 0 42px} .hv-module-category-hero .hv-breadcrumb{margin-bottom:26px} .hv-module-category-hero .hv-eyebrow{color:#d2caff} .hv-module-category-hero h1{font-size:46px;margin-bottom:15px} .hv-module-category-hero>.hv-wrap>p:not(.hv-eyebrow){font-size:19px;line-height:1.65;max-width:750px;color:#e1e8f7;margin-bottom:23px} .hv-module-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} .hv-product-image-card{padding:0;overflow:hidden} .hv-product-picture{display:block;background:#f2f3f9;border-bottom:1px solid var(--hv-line);overflow:hidden} .hv-product-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:transform .25s ease} .hv-product-picture:hover img{transform:scale(1.025)} .hv-product-card-copy{padding:27px;display:flex;flex-direction:column;flex:1} .hv-product-card-copy h3{font-size:25px;line-height:1.3;margin-top:10px} .hv-product-card-copy p{font-size:17px;line-height:1.65;margin-bottom:24px} .hv-product-card-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-top:auto} .hv-product-card-bottom .hv-price{margin:0;display:block} .hv-product-card-bottom .hv-price b{font-size:30px;display:block} .hv-product-card-bottom .hv-price small{font-size:14px;display:block} .hv-product-card-bottom .hv-btn{font-size:16px;gap:12px;white-space:nowrap} .hv-product-hero-art{background:#f6f6fa;border:1px solid #ffffff44;border-radius:8px;overflow:hidden;box-shadow:0 15px 40px #0002} .hv-product-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain} /* Theme detail pages keep the introduction beside the artwork; full features follow below. */ .hv-theme-detail-hero{padding:48px 0 50px;background:radial-gradient(ellipse at 85% 45%,#4b428c66,transparent 55%),linear-gradient(118deg,#122b61,#1c3b7c)} .hv-theme-detail-hero .hv-hero-grid{grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center} .hv-theme-detail-copy{min-width:0} .hv-theme-detail-hero h1{font-size:clamp(32px,3.25vw,44px);line-height:1.16;letter-spacing:-.035em;margin-bottom:20px} .hv-theme-detail-hero h1 span{display:block} .hv-theme-detail-hero .hv-hero-lead{font-size:20px;line-height:1.6;margin-bottom:22px;max-width:510px} .hv-theme-highlights{display:flex;flex-wrap:wrap;gap:9px 18px;list-style:none;padding:0;margin:0 0 25px;color:#e4eaff} .hv-theme-highlights li{font-size:15px;line-height:1.5;display:flex;align-items:center;gap:8px} .hv-theme-highlights li:before{content:'✓';color:#ffbd3d;font-weight:700} .hv-theme-detail-hero .hv-hero-price{font-size:32px;line-height:1.2;margin-bottom:20px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap} .hv-theme-detail-hero .hv-hero-price small{font-size:15px} .hv-theme-detail-hero .hv-actions{gap:11px} .hv-theme-detail-hero .hv-btn{padding:13px 17px;font-size:16px;gap:10px} .hv-theme-detail-hero .hv-hero-note{font-size:15px;line-height:1.5;margin-top:17px} .hv-theme-detail-art{margin:0;min-width:0;border:1px solid #ffffff38;border-radius:13px;overflow:hidden;background:#f7f8fc;box-shadow:0 24px 55px #07163155} .hv-theme-detail-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain} .hv-theme-detail-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;color:#34415f;font-size:14px;font-weight:600;line-height:1.5} .hv-theme-detail-art figcaption small{font-size:11px;font-weight:500;color:#69738a;white-space:nowrap} .hv-theme-feature-intro{display:grid;grid-template-columns:1fr 1.3fr;gap:55px;align-items:start;margin-bottom:32px} .hv-theme-feature-intro h2{font-size:30px;line-height:1.3;letter-spacing:-.025em;margin:0;max-width:400px} .hv-theme-feature-intro>p{font-size:18px;line-height:1.75;color:var(--hv-muted);margin:0} .hv-theme-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px} .hv-theme-feature-grid article{padding:26px;background:#f6f7fc;border:1px solid var(--hv-line);border-radius:10px;min-width:0} .hv-theme-feature-number{display:inline-flex;color:#6550e5;font-size:14px;font-weight:700;margin-bottom:17px} .hv-theme-feature-grid h3{font-size:21px;line-height:1.4;margin-bottom:12px} .hv-theme-feature-grid p{font-size:17px;line-height:1.75;color:var(--hv-muted);margin:0} .hv-theme-feature-section+#overview{padding-top:0} @media(max-width:1100px){.hv-theme-detail-hero .hv-hero-grid{gap:30px}.hv-theme-detail-hero h1{font-size:34px}.hv-theme-detail-hero .hv-hero-lead{font-size:19px}.hv-theme-detail-art figcaption{display:block}.hv-theme-detail-art figcaption small{display:block;margin-top:3px}} @media(max-width:850px){.hv-theme-detail-hero .hv-hero-grid{grid-template-columns:1fr;gap:32px}.hv-theme-detail-hero{padding:36px 0 42px}.hv-theme-detail-hero h1{font-size:40px}.hv-theme-detail-copy{max-width:650px}.hv-theme-detail-hero .hv-hero-lead{max-width:620px}.hv-theme-detail-art{max-width:680px;width:100%;justify-self:center}.hv-theme-detail-art figcaption{display:flex}.hv-theme-detail-art figcaption small{margin:0}.hv-theme-feature-intro{grid-template-columns:1fr;gap:16px}.hv-theme-feature-intro h2{max-width:none}.hv-theme-feature-grid{grid-template-columns:1fr;gap:16px}.hv-theme-feature-grid article{padding:24px}.hv-theme-feature-number{margin-bottom:10px}} @media(max-width:480px){.hv-theme-detail-hero h1{font-size:32px;line-height:1.2;letter-spacing:-.025em}.hv-theme-detail-hero .hv-hero-lead{font-size:18px}.hv-theme-highlights{gap:8px 15px;margin-bottom:22px}.hv-theme-highlights li{font-size:14px}.hv-theme-detail-hero .hv-hero-price{font-size:30px}.hv-theme-detail-hero .hv-actions{display:grid;grid-template-columns:1fr}.hv-theme-detail-hero .hv-btn{justify-content:center}.hv-theme-detail-hero .hv-hero-note{font-size:14px}.hv-theme-detail-art figcaption{display:block;padding:12px 15px;font-size:13px}.hv-theme-detail-art figcaption small{margin-top:3px}.hv-theme-feature-intro h2{font-size:27px}} .hv-theme-category-hero .hv-hero-grid{grid-template-columns:.88fr 1.12fr;gap:34px} .hv-theme-hero-art{min-width:0;isolation:isolate} .hv-theme-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:drop-shadow(0 18px 25px #07163035)} @media(max-width:950px){.hv-theme-category-hero .hv-hero-grid{grid-template-columns:1fr 1fr;gap:24px}} @media(max-width:680px){.hv-theme-category-hero .hv-hero-grid{grid-template-columns:1fr;gap:24px}.hv-theme-hero-art{width:100%;max-width:600px;margin-inline:auto}} @media(max-width:680px){ .hv-module-category-hero{padding-bottom:32px} .hv-module-category-hero h1{font-size:36px} .hv-module-category-hero>.hv-wrap>p:not(.hv-eyebrow){font-size:18px} .hv-module-catalogue{grid-template-columns:1fr;gap:23px} .hv-product-card-copy{padding:23px} .hv-product-card-copy h3{font-size:23px} .hv-product-card-bottom{gap:12px} .hv-product-card-bottom .hv-btn{padding-inline:15px} } /* Homepage hero: aligned headline and a curved photograph blended into navy. */ .hv-home-hero{background:#142e63;position:relative;padding:58px 0 62px} .hv-home-hero .hv-hero-grid{grid-template-columns:1.12fr 1fr;gap:30px;position:relative} .hv-home-hero h1{font-size:clamp(32px,3.65vw,47px);line-height:1.2;letter-spacing:-.035em;margin-bottom:22px;text-align:left} .hv-home-hero h1>span,.hv-home-hero h1>em{display:block;white-space:nowrap} .hv-home-hero h1>em{margin-top:5px} .hv-home-hero .hv-hero-lead{max-width:565px} .hv-home-human{position:relative;border:0;box-shadow:none;border-radius:48% 10% 12% 46% / 55% 24% 24% 48%;overflow:hidden;background:#142e63;isolation:isolate} .hv-home-human img{height:440px;object-position:60% center;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%)} .hv-home-human:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#142e63 0%,transparent 30%),linear-gradient(90deg,#142e6355,transparent 50%);box-shadow:inset 0 0 35px 8px #142e6340} @media(min-width:681px) and (max-width:1000px){.hv-home-hero .hv-hero-grid{grid-template-columns:1.15fr 1fr;gap:18px}.hv-home-hero h1{font-size:clamp(26px,3.6vw,36px)}.hv-home-human img{height:390px}} @media(max-width:680px){.hv-home-hero{padding:34px 0 30px}.hv-home-hero .hv-hero-grid{grid-template-columns:1fr;gap:24px}.hv-home-hero h1{font-size:clamp(25px,6.8vw,43px);line-height:1.23;letter-spacing:-.035em}.hv-home-hero .hv-hero-lead{font-size:18px}.hv-home-human{border-radius:42% 12% 14% 36% / 44% 22% 22% 45%}.hv-home-human img{height:310px;mask-image:linear-gradient(90deg,transparent,#000 17%,#000)}.hv-home-human:after{background:linear-gradient(0deg,#142e63,transparent 35%)}} /* Curved hero photographs fade into the shared navy background. */ .hv-hero:not(.hv-home-hero){background:#142e63;padding-top:48px} .hv-hero .hv-service-image{isolation:isolate;overflow:hidden;border-radius:45% 12% 14% 40% / 48% 22% 24% 46%;background:#142e63} .hv-hero .hv-service-image>img{display:block;border-radius:0;box-shadow:none;height:390px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 23%,#000)} .hv-hero .hv-service-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#142e63,transparent 32%),linear-gradient(90deg,#142e6340,transparent 55%);z-index:1} .hv-hero .hv-service-image>div{z-index:2;left:23%;right:7%;bottom:24px;background:#102653db;backdrop-filter:blur(8px);border-radius:24px;padding:12px 18px} .hv-module-category-hero{padding-top:42px} .hv-breadcrumb,.breadcrumb,.breadcrumbs,[aria-label="Breadcrumb"],[aria-label="breadcrumb"]{display:none!important} @media(max-width:680px){.hv-hero:not(.hv-home-hero){padding-top:32px}.hv-hero .hv-service-image>img{height:290px}.hv-hero .hv-service-image>div{font-size:13px;left:15%;right:6%;bottom:18px;padding:10px 14px}} /* Homepage service summaries share a compact, readable three-line measure. */ .hv-home-cards .hv-card p{font-size:17px;line-height:1.65;min-height:5em;margin-bottom:20px} @media(min-width:951px){.hv-home-cards .hv-card{padding:25px}.hv-home-cards .hv-card p{max-width:34ch}} @media(max-width:680px){.hv-home-cards .hv-card p{min-height:0;max-width:39ch}} /* Clear paired service actions, with no product pricing labels. */ .hv-service-card-actions{display:flex;gap:10px;align-items:stretch;margin-top:auto;padding-top:6px} .hv-service-card-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 15px;border-radius:8px;font-size:15px;font-weight:700;line-height:1.35;transition:background .18s,box-shadow .18s,transform .18s;white-space:nowrap} .hv-service-quote{background:#6550f3;color:#fff;border:1px solid #6550f3;box-shadow:0 4px 12px #6550f325} .hv-service-quote span{font-size:20px;line-height:1} .hv-service-quote:hover{background:#503bd8;box-shadow:0 6px 16px #6550f340;transform:translateY(-2px)} .hv-service-details{background:#f4f2ff;color:#503bd8;border:1px solid #ddd7ff} .hv-service-details:hover{background:#e9e4ff;border-color:#b6a9ff;transform:translateY(-2px)} @media(max-width:360px){.hv-service-card-actions{gap:8px;flex-wrap:wrap}.hv-service-card-actions a{padding:10px 12px;font-size:14px}} /* Retain the original category photographs above the updated service actions. */ .hv-card:has(.hv-service-card-picture){padding:0;overflow:hidden} .hv-service-card-picture{display:block;overflow:hidden;flex-shrink:0;margin-bottom:24px} .hv-service-card-picture img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .25s} .hv-service-card-picture:hover img{transform:scale(1.025)} .hv-card:has(.hv-service-card-picture)>h3,.hv-card:has(.hv-service-card-picture)>p,.hv-card:has(.hv-service-card-picture)>.hv-service-card-actions{margin-left:25px;margin-right:25px} .hv-card:has(.hv-service-card-picture)>.hv-service-card-actions{margin-bottom:25px} /* A compact introduction to the homepage services. */ .hv-home-services{padding-top:42px} .hv-home-services>.hv-section-title{margin-bottom:28px} .hv-home-services>.hv-section-title h2{margin-bottom:10px} @media(max-width:680px){.hv-home-services{padding-top:30px}.hv-home-services>.hv-section-title{margin-bottom:23px}} /* Services index follows the compact homepage section spacing. */ .hv-services-heading{padding-top:42px;padding-bottom:0} .hv-services-heading h1{margin-bottom:10px} .hv-services-heading>p{margin-bottom:0} .hv-services-list{padding-top:28px} @media(max-width:680px){.hv-services-heading{padding-top:30px}.hv-services-list{padding-top:23px}} .hv-home-services>.hv-section-title h1{font-size:clamp(27px,3vw,37px);line-height:1.2;letter-spacing:-.025em;margin-bottom:10px} @media(max-width:680px){.hv-home-services>.hv-section-title h1{font-size:29px}} /* All six services visible together in a compact two-column mega menu. */ @media(min-width:951px){ .hv-mega{grid-template-columns:190px minmax(460px,1.5fr) minmax(280px,1fr);border-top:3px solid #6550f3;border-radius:0 0 16px 16px;box-shadow:0 22px 55px #10265330;scrollbar-width:thin;scrollbar-color:#9a8de8 #f1effb} .hv-mega-intro{background:linear-gradient(150deg,#142e63,#302572);color:#fff;padding:26px 20px} .hv-mega-intro small{color:#cec6ff;font-size:11px} .hv-mega-intro h2{font-size:25px;line-height:1.25} .hv-mega-intro p{color:#dbe2f5;font-size:15px} .hv-mega-intro a{display:inline-block;color:#ffbf47;font-size:15px;margin-top:12px} .hv-mega-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;background:#fafaff;align-content:start} .hv-mega-tab{position:relative;min-height:120px;padding:14px 12px;gap:9px;border:1px solid #e5e3f2;border-radius:10px;transition:background .15s,border-color .15s,box-shadow .15s;align-items:flex-start} .hv-mega-tab>svg{width:24px;height:24px;padding:0;color:#6550f3} .hv-mega-tab span{min-width:0} .hv-mega-tab b{font-size:15px;line-height:1.35;padding-right:5px} .hv-mega-tab small{font-size:13px;line-height:1.45;margin-top:6px;color:#52617a} .hv-mega-tab em{font-size:20px;position:absolute;right:8px;top:10px;color:#9385d1} .hv-mega-tab.active,.hv-mega-tab:hover{background:#eeeaff;border-color:#b5a7fa;box-shadow:0 3px 10px #6550f312} .hv-mega-panels{padding:23px;background:#fff} .hv-mega-panels h3{font-size:22px;line-height:1.3} .hv-mega-panels p{font-size:14px;line-height:1.5;color:#52617a} .hv-mega-overview{font-size:14px} .hv-mega-panels section>div>a{font-size:14px;line-height:1.4;padding:9px 0} } @media(min-width:951px) and (max-width:1100px){.hv-mega{grid-template-columns:minmax(440px,1.3fr) minmax(280px,1fr)}.hv-mega-intro{display:none}} /* Readable menu labels; selection changes on click or keyboard focus. */ @media(min-width:951px){ .hv-mega-tab b{font-size:16px;font-weight:800;line-height:1.35} .hv-mega-tab small{font-size:14px;line-height:1.45} .hv-mega-tab{min-height:130px} .hv-mega-panels h3{font-size:23px;font-weight:800} .hv-mega-panels p,.hv-mega-overview,.hv-mega-panels section>div>a{font-size:15px} .hv-mega-tab:hover:not(.active){background:#f6f3ff;border-color:#c8bdf5;box-shadow:none} .hv-mega-tab.active{background:#eeeaff;border-color:#a693f5;box-shadow:inset 3px 0 #6550f3} } /* Adapted from the existing HostViber quote popup. */ .quote-modal{position:fixed;inset:0;z-index:200;display:none;padding:24px;overflow:auto hidden}.quote-modal:target{display:grid;place-items:center}.quote-backdrop{position:fixed;inset:0;background:rgba(9,8,27,.76);backdrop-filter:blur(7px)}.quote-dialog{position:relative;z-index:1;width:min(1040px,96vw);max-width:100%;background:#fff;border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.35);display:grid;grid-template-columns:.72fr 1.28fr;overflow:hidden}.quote-close{position:absolute;right:17px;top:14px;width:36px;height:36px;border-radius:50%;background:#eeedf5;display:grid;place-items:center;font-size:25px;z-index:2}.quote-form-intro{padding:45px 35px;background:linear-gradient(145deg,#1c174c,#4932ba);color:#fff;min-width:0}.quote-form-intro>small{font-size:9px;letter-spacing:.14em;color:#c9c4ff;font-weight:900}.quote-form-intro h2{font-size:39px;margin:13px 0 18px}.quote-form-intro>p{color:#d8d5f4}.quote-form-intro>div{display:grid;gap:14px;margin-top:38px}.quote-form-intro span{display:grid;grid-template-columns:31px 1fr;align-items:center;font-size:12px;font-weight:700}.quote-form-intro span b{width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:8px}.quote-dialog form{padding:42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 20px;min-width:0}.quote-dialog label{display:flex;flex-direction:column;font-size:12px;font-weight:800;gap:7px;min-width:0}.quote-dialog label small{font-weight:400;color:var(--muted)}.quote-dialog input,.quote-dialog select,.quote-dialog textarea{width:100%;max-width:100%;min-width:0;border:1px solid #d9d8e4;border-radius:10px;background:#fff;padding:11px 12px;color:var(--ink);outline:none}.quote-dialog input:focus,.quote-dialog select:focus,.quote-dialog textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(54,87,255,.11)}.quote-full{grid-column:1/-1}.quote-check{flex-direction:row!important;align-items:flex-start;font-weight:500!important}.quote-check input{width:auto;margin-top:3px}.quote-trap{position:absolute!important;left:-9999px}.quote-submit{display:flex;align-items:center;gap:18px}.quote-submit small{font-size:10px;color:var(--muted);max-width:240px} .quote-modal{padding:24px;overflow-y:auto} .quote-dialog{margin:auto;border-radius:20px;grid-template-columns:.7fr 1.3fr} .quote-form-intro{background:linear-gradient(145deg,#142e63,#4932ba);padding:38px 30px} .quote-form-intro h2{font-size:36px;margin-top:8px} .quote-form-intro>p{font-size:17px;line-height:1.65} .quote-form-intro span{font-size:15px} .quote-dialog form{padding:40px 32px 28px;gap:13px 18px} .quote-dialog label{font-size:15px;line-height:1.4} .quote-dialog label small{font-size:12px;color:#657087;font-weight:400} .quote-dialog input,.quote-dialog select,.quote-dialog textarea{font-size:16px;padding:10px 12px;color:#18243b;border-radius:8px} .quote-check{font-size:13px!important;line-height:1.5!important} .quote-check a{color:#5944df;text-decoration:underline} .quote-submit small{font-size:12px;color:#52617a;line-height:1.5} .quote-dialog .hv-form-status:empty{display:none} body:has(.quote-modal:target){overflow:hidden} @media(max-width:850px){.quote-dialog{grid-template-columns:1fr}.quote-form-intro{padding:28px}.quote-form-intro>div{display:none}.quote-form-intro h2{font-size:30px;margin-bottom:10px}.quote-form-intro>p{margin-bottom:0}.quote-dialog form{padding:26px}} @media(max-width:580px){.quote-modal{padding:10px}.quote-dialog form{grid-template-columns:1fr;padding:22px 18px}.quote-full{grid-column:1}.quote-form-intro{padding:25px 20px}.quote-submit{align-items:stretch;flex-direction:column;gap:10px}.quote-dialog{width:100%}} .quote-dialog input,.quote-dialog select,.quote-dialog textarea{font-weight:400} .quote-dialog input::placeholder,.quote-dialog textarea::placeholder{font-weight:400;color:#768095} /* Footer contact details; full office addresses remain on Contact. */ .hv-footer-contacts{display:grid;gap:12px} .hv-footer-contacts a{display:block;font-size:15px;line-height:1.55;color:#dedede;overflow-wrap:anywhere} .hv-footer-contacts span{display:block;font-size:12px;line-height:1.4;color:#999;margin-bottom:3px;font-weight:600;letter-spacing:.03em} .hv-footer-contacts a:hover{color:#fff} .hv-footer-contacts a{display:flex;align-items:center;gap:10px} .hv-footer-contacts .hv-contact-symbol{display:inline-flex;align-items:center;justify-content:center;width:23px;min-width:23px;margin:0;line-height:1;color:#c9c3ff} .hv-contact-symbol svg{display:block;width:23px;height:16px;flex-shrink:0} .hv-contact-envelope svg{height:21px} .hv-footer-contacts a:last-child{font-size:14px;letter-spacing:-.015em} /* Existing HostViber support panel. */ .support-widget{position:fixed;right:24px;bottom:24px;z-index:120}.support-widget>summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 20px;list-style:none;background:#302064;color:white;border:1px solid #a392d2;border-radius:28px;box-shadow:0 5px 22px #15112835;font-weight:700;cursor:pointer}.support-widget>summary::-webkit-details-marker{display:none}.support-widget[open]>summary{background:#17132f}.support-panel{position:absolute;bottom:68px;right:0;width:340px;max-width:calc(100vw - 32px);max-height:65vh;overflow:auto;background:#fff;border:1px solid #ded9ec;border-radius:18px;box-shadow:0 10px 40px #15112830;padding:24px;color:#211d35}.support-panel h2{font-size:25px;margin:0 0 12px}.support-panel p{font-size:15px;line-height:1.6;color:#555267;margin-bottom:18px}.support-panel>a{display:block;font-size:14px;font-weight:700;border:1px solid #d9d3e8;border-radius:8px;padding:12px;margin-top:10px}.support-panel>a.support-primary{background:#302064;color:white;border-color:#302064}.support-panel small{display:block;margin-top:17px;font-size:12px;line-height:1.6;color:#5d586c}.support-panel small a{text-decoration:underline} .support-widget>summary{background:#6550f3;border-color:#a99aff;font-size:16px;min-height:54px} .support-widget[open]>summary{background:#142e63} .support-panel>a.support-primary{background:#6550f3;border-color:#6550f3} .support-panel>a:hover{border-color:#6550f3;background:#f1eeff;color:#35258a} .support-panel>a.support-primary:hover{background:#503bd8;color:white} body:has(.quote-modal:target) .support-widget{visibility:hidden} @media(max-width:700px){.support-widget{right:16px;bottom:16px}.support-panel{width:320px}} /* Published blog content within the current design. */ .hv-blog-heading{padding-top:45px;padding-bottom:28px;max-width:950px;text-align:center} .hv-blog-heading h1{font-size:clamp(32px,3.5vw,46px);margin-bottom:16px} .hv-blog-heading>p{font-size:19px;line-height:1.65;color:#52617a;margin-bottom:0} .hv-blog-list{padding-bottom:55px} .hv-blog-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 30px} .hv-blog-topics a{font-size:15px;font-weight:600;padding:9px 15px;border:1px solid #ddd7f4;border-radius:24px;background:#faf9ff;color:#503bd8} .hv-blog-topics a.active,.hv-blog-topics a:hover{background:#6550f3;border-color:#6550f3;color:white} .hv-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .hv-blog-card{background:#fff;border:1px solid #e3e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column} .hv-blog-card>a img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover} .hv-blog-card>div{padding:24px;display:flex;flex-direction:column;flex:1} .hv-blog-topic{font-size:13px;color:#6550f3;font-weight:700;margin-bottom:10px} .hv-blog-card h2{font-size:23px;line-height:1.3;margin-bottom:14px} .hv-blog-card h2 a:hover{color:#6550f3} .hv-blog-card p{font-size:17px;line-height:1.65;color:#52617a;margin-bottom:22px} .hv-blog-card .hv-text-link{margin-top:auto} .hv-blog-meta{font-size:15px;color:#6550f3;margin-top:18px} .hv-blog-reading{width:calc(100% - 40px);max-width:800px;margin:0 auto;padding-bottom:45px} .hv-blog-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:30px} .hv-blog-reading section{margin-bottom:30px} .hv-blog-reading h2{font-size:29px;margin-bottom:15px} .hv-blog-reading p{font-size:18px;line-height:1.85;color:#46556e} @media(max-width:950px){.hv-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.hv-blog-grid{grid-template-columns:1fr}.hv-blog-heading{padding-top:30px}.hv-blog-heading>p{font-size:18px}.hv-blog-topics{gap:8px}.hv-blog-topics a{font-size:14px;padding:8px 12px}.hv-blog-reading h2{font-size:25px}} /* Dedicated technology client workspace — separate from the marketing layout. */ .hv-portal{background:#f5f6fb;color:#18243b;font-size:16px} .hv-portal-notice{background:#142e63;color:#e1e7fa;padding:7px 24px;text-align:center;font-size:12px} .hv-portal-top{height:90px;display:flex;align-items:center;gap:26px;padding:18px 38px;background:#fff;border-bottom:1px solid #e4e7f0} .hv-portal-top img{display:block;width:218px;height:auto} .hv-portal-top>a:nth-child(2){margin-left:auto;font-weight:600;font-size:15px;color:#5743d2} .hv-portal-avatar{display:grid;place-items:center;border-radius:50%;width:40px;height:40px;background:#eeeaff;color:#5743d2;font-weight:700} .hv-portal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 176px);max-width:1500px;margin:auto} .hv-portal-sidebar{padding:32px 22px;background:#fff;border-right:1px solid #e4e7f0} .hv-portal-sidebar>p{font-size:11px;font-weight:700;letter-spacing:.12em;color:#7b8497;margin:0 12px 20px} .hv-portal-sidebar nav{display:grid;gap:7px} .hv-portal-sidebar nav a{padding:12px 15px;border-radius:9px;font-weight:600;font-size:16px;display:flex;justify-content:space-between;color:#53617a} .hv-portal-sidebar nav a[aria-current],.hv-portal-sidebar nav a:hover{background:#eeeaff;color:#5944df} .hv-portal-sidebar nav span{color:#a99bdd} .hv-portal-sidebar>div{margin:36px 0 25px;background:#f5f3ff;border:1px solid #e8e2ff;padding:19px;border-radius:12px} .hv-portal-sidebar>div p{font-size:14px;color:#657087;line-height:1.6;margin:10px 0} .hv-portal-sidebar>div a,.hv-portal-sidebar>a{font-size:14px;color:#5944df;font-weight:600} .hv-portal-main{padding:36px 40px;min-width:0} .hv-portal-main h1{font-size:32px;letter-spacing:-.03em;margin-bottom:9px} .hv-portal-intro{color:#657087;font-size:17px;margin-bottom:28px} .hv-portal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px} .hv-portal-stats>a{background:white;border:1px solid #e5e7f0;border-radius:12px;padding:19px;display:flex;flex-direction:column} .hv-portal-stats span{color:#657087;font-size:14px} .hv-portal-stats strong{font-size:34px;line-height:1.5;color:#233b6e;margin:5px 0} .hv-portal-stats small{font-size:13px;color:#6550f3} .hv-portal-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px} .hv-portal-main h2{font-size:21px;margin-bottom:12px} .hv-portal-section-heading h2{margin:0} .hv-portal-section-heading a{font-size:14px;font-weight:600;color:#6550f3} .hv-portal-product{display:flex;gap:24px;align-items:center;padding:22px;background:white;border:1px solid #e4e7f0;border-radius:14px;margin-bottom:26px} .hv-portal-product>img{width:190px;border-radius:9px;background:#f4f3f8} .hv-portal-product h2{margin:8px 0} .hv-portal-product p{color:#657087;font-size:15px;margin-bottom:16px} .hv-portal-tag{font-size:10px;font-weight:700;letter-spacing:.08em;color:#6550f3} .hv-portal-actions{display:flex;flex-wrap:wrap;gap:10px} .hv-portal-actions a{border-radius:7px;padding:9px 15px;background:#6550f3;color:#fff;font-size:14px;font-weight:600} .hv-portal-actions a+a{background:#f1edff;color:#5944df} .hv-portal-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:26px} .hv-portal-bottom>section,.hv-portal-white{padding:25px;border-radius:14px;background:#fff;border:1px solid #e4e7f0} .hv-portal-bottom p,.hv-portal-white p{font-size:15px;color:#657087;line-height:1.65} .hv-portal-activity{display:flex;gap:13px;margin:20px 0} .hv-portal-activity>span{color:#239879;background:#e9f8f1;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0} .hv-portal-activity b{font-size:14px} .hv-portal-activity p{margin:3px 0 0;font-size:13px} .hv-portal-callout{background:linear-gradient(125deg,#142e63,#4c36a6);color:white;padding:26px;border-radius:14px} .hv-portal-callout>b{font-size:23px;line-height:1.3;display:block} .hv-portal-callout p{color:#deddf3;margin:14px 0 20px;font-size:15px} .hv-portal-callout a{font-size:14px;color:#ffd175;font-weight:700} .hv-portal-footer{display:flex;gap:22px;justify-content:flex-end;padding:18px 38px;border-top:1px solid #e4e7f0;background:white;font-size:12px;color:#657087} @media(max-width:1000px){.hv-portal-layout{grid-template-columns:200px minmax(0,1fr)}.hv-portal-main{padding:28px 24px}.hv-portal-stats{grid-template-columns:repeat(2,1fr)}.hv-portal-bottom{grid-template-columns:1fr}} @media(max-width:680px){.hv-portal-top{padding:15px 18px;height:78px;gap:12px}.hv-portal-top img{width:175px}.hv-portal-top>a:nth-child(2){font-size:12px}.hv-portal-avatar{display:none}.hv-portal-layout{grid-template-columns:1fr}.hv-portal-sidebar{padding:12px 16px}.hv-portal-sidebar>p,.hv-portal-sidebar>div,.hv-portal-sidebar>a{display:none}.hv-portal-sidebar nav{display:flex;overflow:auto;gap:6px}.hv-portal-sidebar nav a{font-size:13px;white-space:nowrap;padding:9px}.hv-portal-sidebar nav span{display:none}.hv-portal-main{padding:25px 18px}.hv-portal-main h1{font-size:28px}.hv-portal-product{display:block}.hv-portal-product>img{width:160px;margin-bottom:15px}.hv-portal-footer{justify-content:center;flex-wrap:wrap;gap:10px 18px;padding:18px}} .hv-portal-status{display:inline-block;background:#eaf6f0;color:#23765a;font-size:13px;font-weight:600;padding:5px 12px;border-radius:20px;margin-bottom:10px} .hv-portal-profile{display:grid;gap:15px;margin-top:20px} .hv-portal-profile label{display:grid;gap:6px;font-size:14px;font-weight:600} .hv-portal-profile input{width:100%;min-width:0;background:#f9faff;color:#657087;border:1px solid #dde2ee;border-radius:8px;padding:10px 12px;font-size:16px} .hv-portal-profile button{justify-self:start} .hv-portal-profile button:disabled{opacity:.55;cursor:default;transform:none} .hv-portal-preview-note{font-size:13px!important;margin-top:18px;margin-bottom:0} /* Useful account shortcuts and searchable product, service and invoice lists. */ .hv-portal-stats>a{position:relative;padding-top:22px} .hv-portal-stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f1edff;color:#6550f3;margin-bottom:13px} .hv-portal-stat-icon svg{width:23px;height:23px} .hv-portal-list{padding:0;overflow:hidden} .hv-portal-list-tools{display:flex;gap:20px;align-items:end;padding:22px;border-bottom:1px solid #e4e7f0;background:#fff} .hv-portal-list-tools label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#53617a;flex:1} .hv-portal-list-tools label:last-child{max-width:190px} .hv-portal-list-tools input,.hv-portal-list-tools select{min-width:0;width:100%;padding:11px 13px;border:1px solid #dce1ed;background:#fafbff;border-radius:8px;color:#18243b;font-size:15px} .hv-portal-table-scroll{overflow-x:auto} .hv-portal-list table{border-collapse:collapse;width:100%;font-size:15px;text-align:left} .hv-portal-list th{background:#f1f3fa;color:#475675;font-weight:700;font-size:13px;padding:16px 20px;white-space:nowrap} .hv-portal-list td{padding:22px 20px;border-bottom:1px solid #eceef5;vertical-align:middle} .hv-portal-list td b{display:block;font-size:15px;min-width:160px} .hv-portal-list td small{display:block;color:#7c869a;font-size:12px;margin-top:5px} .hv-portal-list .hv-portal-status{margin:0;white-space:nowrap} .hv-status-neutral{background:#edf0f6;color:#657087} .hv-portal-manage{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #ddd5ff;background:#f1edff;color:#5944df;border-radius:7px;padding:9px 14px;font-size:14px;font-weight:600} .hv-portal-manage:hover{background:#e7e0ff} .hv-portal-manage:disabled{opacity:.5;cursor:default} .hv-portal-list-count,.hv-portal-list [data-list-empty]{padding:15px 22px;margin:0!important;font-size:13px!important} .hv-portal-list [data-list-empty]{padding-top:0;color:#5944df} .hv-portal-billing-note{border:1px solid #d0e9de;background:#eff9f4;color:#23765a;padding:13px 18px;border-radius:10px;margin-bottom:22px;font-size:15px} .hv-portal-account-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px} .hv-portal-account-summary p{margin-bottom:6px} @media(max-width:680px){.hv-portal-list-tools{padding:16px;gap:12px;flex-direction:column;align-items:stretch}.hv-portal-list-tools label:last-child{max-width:none}.hv-portal-list td,.hv-portal-list th{padding:16px}.hv-portal-account-summary{align-items:flex-start;flex-direction:column}.hv-portal-stats{gap:12px}.hv-portal-stat-icon{margin-bottom:10px}} /* Compact dashboard summary cards: icons sit beside labels. */ .hv-portal-stats>a{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:9px;row-gap:5px;padding:16px 18px;align-items:center} .hv-portal-stats .hv-portal-stat-icon{width:24px;height:24px;border-radius:6px;margin:0} .hv-portal-stats .hv-portal-stat-icon svg{width:17px;height:17px} .hv-portal-stats>a>span{font-size:14px;line-height:1.3} .hv-portal-stats strong{grid-column:1/-1;font-size:28px;line-height:1.2;margin:3px 0} .hv-portal-stats small{grid-column:1/-1;font-size:12px;line-height:1.4} @media(max-width:680px){.hv-portal-stats>a{padding:14px;column-gap:7px}.hv-portal-stats>a>span{font-size:13px}} .hv-portal-back{display:inline-flex;align-items:center;color:#5944df;font-size:14px;font-weight:600;margin-bottom:17px;padding:5px 0;line-height:1.4} .hv-portal-back:hover{color:#342294;text-decoration:underline} /* Web design services use photographic previews, clear deliverables and quote-led actions. */ .hv-web-service-hero{padding:46px 0 48px;background:radial-gradient(ellipse at 85% 45%,#3d4f9755,transparent 58%),linear-gradient(118deg,#122b61,#1c3b7c)} .hv-web-service-hero .hv-hero-grid{grid-template-columns:.93fr 1.07fr;gap:44px} .hv-web-service-hero h1{font-size:clamp(33px,3.3vw,44px);line-height:1.16;letter-spacing:-.035em;margin-bottom:21px} .hv-web-service-hero h1 span{display:block} .hv-web-category-hero h1{font-size:clamp(38px,4vw,52px)} .hv-web-service-hero .hv-hero-lead{font-size:20px;line-height:1.65;margin-bottom:22px;max-width:560px} .hv-web-service-hero .hv-btn{font-size:16px;padding:13px 18px;gap:12px} .hv-web-service-support{display:inline-flex;align-items:center;gap:9px;font-size:15px;line-height:1.5;font-weight:500;color:#e6edff;background:#ffffff09;border:1px solid #ffffff25;border-radius:8px;padding:10px 13px;margin:22px 0 0} .hv-web-service-support>span{color:#ffbd3d;font-size:17px} .hv-web-service-photo{position:relative;isolation:isolate;margin:0;min-width:0;overflow:hidden;border-radius:64px 18px 64px 18px;background:#1b3978;box-shadow:0 22px 44px #07173140} .hv-web-service-photo:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#19356f35,transparent 42%),linear-gradient(0deg,#142f69e8,transparent 42%)} .hv-web-service-photo>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 40%} .hv-web-service-photo figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:23px;display:grid;gap:4px;color:#fff;text-shadow:0 1px 4px #10255055} .hv-web-service-photo figcaption>span{font-size:16px;line-height:1.4;font-weight:600} .hv-web-service-photo figcaption small{font-size:11px;line-height:1.5;color:#d3def2} .hv-web-service-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px} .hv-app-service-catalogue{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} @media(min-width:681px){.hv-security-service-catalogue .hv-web-service-card-copy h3{min-height:2.6em}.hv-security-service-catalogue .hv-web-service-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.hv-security-service-catalogue .hv-web-service-card:first-child .hv-web-service-card-picture{display:flex;border-bottom:0;border-right:1px solid var(--hv-line)}.hv-security-service-catalogue .hv-web-service-card:first-child .hv-web-service-card-picture img{height:100%;aspect-ratio:auto;object-fit:cover}.hv-security-service-catalogue .hv-web-service-card:first-child .hv-web-service-card-copy{padding:32px;justify-content:center}.hv-security-service-catalogue .hv-web-service-card:first-child .hv-web-service-card-copy h3{min-height:0}.hv-security-service-catalogue .hv-web-service-card:first-child .hv-web-service-actions{margin-top:8px}} @media(min-width:681px){.hv-software-service-catalogue .hv-web-service-card-copy h3{min-height:2.6em}} @media(min-width:681px){.hv-whmcs-service-catalogue .hv-web-service-card-copy h3{min-height:2.6em}.hv-whmcs-service-catalogue .hv-web-service-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.hv-whmcs-service-catalogue .hv-web-service-card:last-child .hv-web-service-card-picture{display:flex;border-bottom:0;border-right:1px solid var(--hv-line)}.hv-whmcs-service-catalogue .hv-web-service-card:last-child .hv-web-service-card-picture img{height:100%;aspect-ratio:auto;object-fit:cover}.hv-whmcs-service-catalogue .hv-web-service-card:last-child .hv-web-service-card-copy{padding:32px;justify-content:center}.hv-whmcs-service-catalogue .hv-web-service-card:last-child .hv-web-service-card-copy h3{min-height:0}.hv-whmcs-service-catalogue .hv-web-service-card:last-child .hv-web-service-actions{margin-top:8px}} .hv-app-service-catalogue .hv-web-service-card-copy{padding:23px} .hv-app-service-catalogue .hv-web-service-card-copy h3{font-size:24px} @media(min-width:681px){.hv-app-service-catalogue .hv-web-service-card-copy h3{min-height:2.6em}} .hv-app-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:680px){.hv-app-related-grid{grid-template-columns:1fr}} .hv-app-service-catalogue .hv-web-service-actions{gap:10px} .hv-app-service-catalogue .hv-web-service-actions .hv-btn{flex:1 1 130px;padding:12px 11px;font-size:15px} .hv-app-service-catalogue .hv-web-service-details{flex:1 1 110px;padding:12px 11px;font-size:15px} @media(max-width:1000px) and (min-width:681px){.hv-app-service-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.hv-app-service-catalogue .hv-web-service-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.hv-app-service-catalogue .hv-web-service-card:last-child .hv-web-service-card-picture{display:flex;border-bottom:0;border-right:1px solid var(--hv-line)}.hv-app-service-catalogue .hv-web-service-card:last-child .hv-web-service-card-picture img{height:100%;aspect-ratio:auto;object-fit:cover}} .hv-web-service-card{padding:0;overflow:hidden;border-radius:12px} .hv-web-service-card-picture{display:block;overflow:hidden;background:#eef1f8;border-bottom:1px solid var(--hv-line)} .hv-web-service-card-picture img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 40%;transition:transform .25s} .hv-web-service-card-picture:hover img{transform:scale(1.025)} .hv-web-service-card-copy{padding:25px;display:flex;flex-direction:column;flex:1} .hv-web-service-card .hv-web-service-card-copy h3{font-size:25px;line-height:1.3;margin-bottom:14px} .hv-web-service-card .hv-web-service-card-copy>p{font-size:18px;line-height:1.65;margin-bottom:24px;color:var(--hv-muted)} .hv-web-service-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:auto} .hv-web-service-actions .hv-btn{flex:1 1 150px;font-size:16px;gap:12px;justify-content:center;padding:12px 16px} .hv-web-service-details{flex:1 1 130px;display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;min-height:48px;font-size:16px;line-height:1.4;font-weight:600;color:#5e49c9;background:#f7f5ff;border:1px solid #ded6fa;border-radius:5px} .hv-web-service-details:hover{background:#eee9ff;border-color:#bbaeeb} .hv-web-service-capabilities+#overview{padding-top:0} .hv-web-delivery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:23px} .hv-web-delivery article{padding:25px;border:1px solid #e1e6f0;border-radius:11px;background:#fff;min-width:0} .hv-web-delivery article>b{display:block;margin-bottom:16px;font-size:25px;line-height:1.2;letter-spacing:-.035em;color:#7b67df} .hv-web-delivery h3{font-size:21px;line-height:1.35;margin-bottom:12px} .hv-web-delivery p{font-size:17px;line-height:1.7;color:var(--hv-muted);margin:0} @media(max-width:1100px){.hv-web-service-hero .hv-hero-grid{gap:30px}.hv-web-service-hero h1{font-size:35px}.hv-web-category-hero h1{font-size:43px}.hv-web-service-hero .hv-hero-lead{font-size:19px}.hv-web-service-card-copy{padding:23px}.hv-web-service-card .hv-web-service-card-copy h3{font-size:23px}} @media(max-width:1000px){.hv-web-delivery{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:850px){.hv-web-service-hero .hv-hero-grid{grid-template-columns:1fr;gap:30px}.hv-web-service-hero h1{font-size:40px}.hv-web-category-hero h1{font-size:46px}.hv-web-service-photo{width:100%;max-width:700px;justify-self:center}.hv-web-service-hero .hv-hero-lead{max-width:660px}.hv-web-service-support{margin-top:20px}} @media(max-width:680px){.hv-web-service-hero{padding:32px 0 38px}.hv-web-service-hero h1{font-size:32px;line-height:1.2;letter-spacing:-.025em}.hv-web-category-hero h1{font-size:38px}.hv-web-service-hero .hv-hero-lead{font-size:18px}.hv-web-service-hero .hv-btn{font-size:15px;padding:12px 16px}.hv-web-service-support{font-size:14px;padding:9px 11px;align-items:flex-start}.hv-web-service-photo{border-radius:42px 12px 42px 12px}.hv-web-service-photo figcaption{left:18px;right:18px;bottom:17px}.hv-web-service-photo figcaption>span{font-size:14px}.hv-web-service-photo figcaption small{font-size:10px}.hv-web-service-catalogue{grid-template-columns:1fr;gap:23px}.hv-web-service-card .hv-web-service-card-copy h3{font-size:24px}.hv-web-service-card .hv-web-service-card-copy>p{font-size:17px}.hv-web-service-card-copy{padding:23px}.hv-web-delivery{grid-template-columns:1fr;gap:17px}.hv-web-delivery article{padding:23px}.hv-web-delivery article>b{margin-bottom:12px}} /* WHMCS modules retain the approved product boxes in a coordinated family showcase. */ .hv-modules-showcase-hero{padding:44px 0 48px;background:radial-gradient(ellipse at 85% 45%,#55449966,transparent 60%),linear-gradient(118deg,#122b61,#1c3b7c)} .hv-modules-showcase-hero .hv-hero-grid{grid-template-columns:.9fr 1.1fr;gap:42px} .hv-modules-showcase-hero h1{font-size:clamp(38px,3.8vw,52px);line-height:1.15;letter-spacing:-.035em;margin-bottom:22px} .hv-modules-showcase-hero .hv-hero-lead{font-size:20px;line-height:1.65;margin-bottom:22px} .hv-modules-showcase-hero .hv-btn{font-size:16px;padding:13px 16px;gap:10px} .hv-modules-showcase-hero .hv-hero-note{font-size:14px;line-height:1.6;margin-top:18px} .hv-module-family{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;min-width:0;padding-bottom:12px} .hv-module-family-item{display:block;min-width:0;background:#fff;border:1px solid #ffffff55;border-radius:12px;overflow:hidden;color:#243253;box-shadow:0 14px 28px #07183330;transition:box-shadow .18s} .hv-module-family-item:nth-child(even){transform:translateY(12px)} .hv-module-family-item:hover{box-shadow:0 18px 35px #07183355} .hv-module-family-item img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f5f6fa} .hv-module-family-item>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;font-size:15px;line-height:1.4;font-weight:600;border-top:1px solid #e5e9f2} .hv-module-family-item b{color:#7760da;font-size:18px;font-weight:500} .hv-whmcs-module-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} .hv-whmcs-module-card .hv-product-card-copy{padding:26px} .hv-module-purpose{display:block;color:#6751ba;font-size:14px;line-height:1.5;font-weight:600;margin-bottom:10px} .hv-whmcs-module-card .hv-product-card-copy h3{font-size:25px;line-height:1.3;margin:0 0 14px} .hv-whmcs-module-card .hv-product-card-copy>p{font-size:18px;line-height:1.65;margin-bottom:20px} .hv-module-card-purchase{margin-top:auto} .hv-module-card-purchase .hv-price{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:20px} .hv-module-card-purchase .hv-price b{font-size:30px} .hv-module-card-purchase .hv-price small{font-size:14px} .hv-module-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px} .hv-module-card-actions .hv-btn{font-size:16px;gap:12px;padding:13px 18px} .hv-module-enquiry{font-size:15px;line-height:1.5;font-weight:600;color:#6650ce} .hv-module-enquiry:hover{color:#463397;text-decoration:underline} .hv-whmcs-module-detail h1{font-size:clamp(32px,3.05vw,42px)} .hv-whmcs-module-detail .hv-btn{font-size:15px;padding:13px 16px;gap:10px} .hv-whmcs-module-detail .hv-theme-detail-art>a{display:block;cursor:zoom-in} .hv-whmcs-module-detail .hv-theme-detail-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px} .hv-whmcs-module-detail .hv-theme-detail-art figcaption>span{min-width:0} .hv-whmcs-module-detail .hv-theme-detail-art figcaption small{display:block;margin-top:3px} .hv-whmcs-module-detail .hv-theme-detail-art figcaption>a{flex-shrink:0;color:#6650ce;font-size:12px;font-weight:600} @media(max-width:1100px){.hv-modules-showcase-hero .hv-hero-grid{gap:28px}.hv-module-family{gap:12px}.hv-module-family-item>span{padding:10px 12px;font-size:14px}.hv-whmcs-module-card .hv-product-card-copy{padding:23px}.hv-whmcs-module-card .hv-product-card-copy h3{font-size:23px}.hv-whmcs-module-detail h1{font-size:34px}} @media(max-width:850px){.hv-modules-showcase-hero .hv-hero-grid{grid-template-columns:1fr;gap:32px}.hv-modules-showcase-hero .hv-hero-lead{max-width:650px}.hv-module-family{width:100%;max-width:680px;justify-self:center;padding:0}.hv-module-family-item:nth-child(even){transform:none}} @media(max-width:680px){.hv-modules-showcase-hero{padding:32px 0 38px}.hv-modules-showcase-hero h1{font-size:38px}.hv-modules-showcase-hero .hv-hero-lead{font-size:18px}.hv-module-family{gap:12px}.hv-module-family-item{border-radius:9px}.hv-module-family-item>span{font-size:13px;padding:9px 10px;gap:6px}.hv-module-family-item b{font-size:15px}.hv-whmcs-module-catalogue{grid-template-columns:1fr;gap:24px}.hv-whmcs-module-card .hv-product-card-copy h3{font-size:24px}.hv-whmcs-module-card .hv-product-card-copy>p{font-size:17px}.hv-whmcs-module-detail h1{font-size:32px}.hv-whmcs-module-detail .hv-theme-detail-art figcaption{flex-direction:column;align-items:flex-start;gap:8px}} /* Web utilities: interface-led artwork and a featured cookie-consent product. */ .hv-scripts-category-hero{padding:46px 0;background:radial-gradient(ellipse at 80% 45%,#53499355,transparent 58%),linear-gradient(118deg,#122b61,#1c3b7c)} .hv-scripts-category-hero .hv-hero-grid{grid-template-columns:.88fr 1.12fr;gap:40px} .hv-scripts-category-hero h1{font-size:clamp(38px,4vw,52px);line-height:1.15;margin-bottom:22px;letter-spacing:-.035em} .hv-scripts-category-hero .hv-hero-lead{font-size:20px;line-height:1.65;margin-bottom:22px} .hv-scripts-category-hero .hv-btn{font-size:16px;padding:13px 16px;gap:10px} .hv-scripts-category-hero .hv-hero-note{font-size:14px;line-height:1.6;margin-top:18px} .hv-scripts-category-art{margin:0;min-width:0;overflow:hidden;border:1px solid #ffffff35;border-radius:14px;background:#122350;box-shadow:0 24px 45px #07163044} .hv-scripts-category-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain} .hv-scripts-category-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;font-size:13px;line-height:1.5;color:#e1e8f7} .hv-scripts-category-art figcaption span{font-size:11px;color:#bbc8e4;white-space:nowrap} .hv-script-card .hv-product-card-copy{padding:26px} .hv-script-purpose{display:block;font-size:14px;line-height:1.5;font-weight:600;color:#6650bc;margin-bottom:10px} .hv-script-card .hv-product-card-copy h3{font-size:25px;line-height:1.3;margin:0 0 14px} .hv-script-card .hv-product-card-copy>p{font-size:18px;line-height:1.65;margin-bottom:19px} .hv-script-card-purchase{margin-top:auto} .hv-script-card-purchase .hv-price{display:flex;flex-direction:row;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:19px} .hv-script-card-purchase .hv-price b{font-size:30px} .hv-script-card-purchase .hv-price small{font-size:14px} .hv-script-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px} .hv-script-card-actions .hv-btn{font-size:16px;padding:13px 18px;gap:12px} .hv-script-preview-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1.5;color:#644cd4} .hv-script-preview-link:hover{color:#423091;text-decoration:underline} .hv-script-featured-card{display:grid;grid-template-columns:1.05fr .95fr} .hv-script-featured-card>.hv-product-picture{display:flex;align-items:center;background:#172965;border-right:1px solid var(--hv-line);border-bottom:0} .hv-script-featured-card .hv-product-card-copy{padding:30px} .hv-script-featured-card .hv-product-card-copy h3{font-size:29px} .hv-script-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} .hv-script-more-heading{max-width:850px;margin:42px 0 26px} .hv-script-more-heading h2{font-size:30px;line-height:1.3;letter-spacing:-.025em;margin-bottom:10px} .hv-script-more-heading p{font-size:18px;line-height:1.65;color:var(--hv-muted);margin:0} .hv-web-script-detail h1{font-size:clamp(32px,3.05vw,42px)} .hv-web-script-detail .hv-btn{font-size:15px;padding:13px 16px;gap:10px} .hv-web-script-detail .hv-theme-detail-art>a{display:block;cursor:zoom-in} .hv-web-script-detail .hv-theme-detail-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px} .hv-web-script-detail .hv-theme-detail-art figcaption>span{min-width:0} .hv-web-script-detail .hv-theme-detail-art figcaption small{display:block;margin-top:3px} .hv-web-script-detail .hv-script-preview-link{flex-shrink:0;font-size:12px} @media(max-width:1100px){.hv-scripts-category-hero .hv-hero-grid{gap:28px}.hv-script-featured-card{grid-template-columns:1fr 1fr}.hv-script-featured-card .hv-product-card-copy{padding:25px}.hv-script-featured-card .hv-product-card-copy h3{font-size:26px}.hv-web-script-detail h1{font-size:34px}} @media(max-width:850px){.hv-scripts-category-hero .hv-hero-grid{grid-template-columns:1fr;gap:30px}.hv-scripts-category-hero .hv-hero-lead{max-width:650px}.hv-scripts-category-art{width:100%;max-width:700px;justify-self:center}.hv-script-featured-card{grid-template-columns:1fr}.hv-script-featured-card>.hv-product-picture{border-right:0;border-bottom:1px solid var(--hv-line)}} @media(max-width:680px){.hv-scripts-category-hero{padding:32px 0 38px}.hv-scripts-category-hero h1{font-size:38px}.hv-scripts-category-hero .hv-hero-lead{font-size:18px}.hv-scripts-category-art figcaption{display:block;font-size:12px}.hv-scripts-category-art figcaption span{display:block;margin-top:3px}.hv-script-catalogue{grid-template-columns:1fr;gap:24px}.hv-script-card .hv-product-card-copy{padding:23px}.hv-script-card .hv-product-card-copy h3{font-size:24px}.hv-script-card .hv-product-card-copy>p{font-size:17px}.hv-script-more-heading{margin-top:34px}.hv-script-more-heading h2{font-size:27px}.hv-script-more-heading p{font-size:17px}.hv-web-script-detail h1{font-size:32px}.hv-web-script-detail .hv-theme-detail-art figcaption{flex-direction:column;align-items:flex-start;gap:8px}} /* WHMCS catalogue: large theme previews, a distinct UI toolkit and honest demo availability. */ .hv-theme-catalogue-hero{padding:44px 0 46px} .hv-theme-catalogue-hero h1{font-size:clamp(38px,4vw,52px);line-height:1.15;margin-bottom:22px;letter-spacing:-.035em} .hv-theme-catalogue-hero .hv-hero-lead{font-size:20px;line-height:1.65;margin-bottom:22px} .hv-theme-catalogue-hero .hv-btn{font-size:16px;padding:13px 16px;gap:10px} .hv-theme-catalogue-hero .hv-hero-note{font-size:14px;line-height:1.6;margin-top:19px} .hv-whmcs-theme-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} .hv-theme-product-card .hv-product-card-copy{padding:26px} .hv-theme-audience{display:block;font-size:14px;line-height:1.5;font-weight:600;color:#6650bc;margin-bottom:10px} .hv-theme-product-card .hv-product-card-copy h3{font-size:25px;line-height:1.3;margin:0 0 14px} .hv-theme-product-card .hv-product-card-copy>p{font-size:18px;line-height:1.65;margin-bottom:20px} .hv-theme-card-features{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0 0 25px} .hv-theme-card-features li{font-size:13px;line-height:1.4;padding:6px 10px;border-radius:6px;color:#596582;background:#f0f2f9;border:1px solid #e7eaf2} .hv-theme-card-purchase{margin-top:auto} .hv-theme-card-purchase .hv-price{margin-bottom:19px;gap:12px;align-items:baseline} .hv-theme-card-purchase .hv-price b{font-size:30px} .hv-theme-card-purchase .hv-price small{font-size:14px} .hv-theme-card-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch} .hv-theme-card-actions>*{flex:1 1 180px;min-width:0} .hv-theme-card-actions .hv-btn{font-size:16px;justify-content:center;gap:12px;padding:13px 16px} .hv-theme-demo-control{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid #d8dfea;border-radius:5px;padding:12px 13px;font-size:15px;line-height:1.4;font-weight:600;color:#5e6b80;background:#f3f5f9;text-align:center;min-height:48px} button.hv-theme-demo-control:disabled{opacity:1;cursor:default} .hv-theme-demo-soon{display:inline-block;white-space:nowrap;color:#66728b;background:#e5eaf3;border:1px solid #d6dfed;padding:4px 6px;border-radius:4px;font-size:11px;line-height:1.2;font-weight:600} a.hv-theme-demo-control{color:#6048d7;background:#fff;border-color:#c9bef0;cursor:pointer} a.hv-theme-demo-control:hover{background:#f1edff;border-color:#967fea} .hv-theme-toolkit-section{margin-top:45px;scroll-margin-top:120px} .hv-theme-toolkit-heading{max-width:820px;margin-bottom:25px} .hv-theme-toolkit-heading h2{font-size:30px;line-height:1.3;letter-spacing:-.025em;margin-bottom:10px} .hv-theme-toolkit-heading p{font-size:18px;line-height:1.65;color:var(--hv-muted);margin:0} .hv-theme-toolkit-card{display:grid;grid-template-columns:.9fr 1.1fr} .hv-theme-toolkit-card>.hv-product-picture{display:flex;align-items:center;border-right:1px solid var(--hv-line);border-bottom:0;background:#0b1839} .hv-theme-toolkit-card .hv-product-card-copy{padding:28px} .hv-theme-toolkit-card .hv-product-card-copy>p{font-size:17px} .hv-whmcs-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 15px;margin-top:18px} .hv-whmcs-detail-meta .hv-hero-note{margin:0;font-size:14px;line-height:1.5} .hv-theme-demo-compact{min-height:30px;padding:5px 9px;font-size:13px;gap:7px;background:#ffffff0c;color:#dbe4f6;border-color:#ffffff35} .hv-theme-demo-compact .hv-theme-demo-soon{font-size:10px;padding:3px 5px;color:#dbe4f6;background:#ffffff0c;border-color:#ffffff25} a.hv-theme-demo-compact{background:#ffffff0c;color:#f0eaff;border-color:#ffffff50} a.hv-theme-demo-compact:hover{background:#ffffff22;border-color:#ffffff80} .hv-whmcs-detail .hv-theme-detail-art>a{display:block;cursor:zoom-in} .hv-whmcs-detail .hv-theme-detail-art figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px} .hv-whmcs-detail .hv-theme-detail-art figcaption>span{min-width:0} .hv-whmcs-detail .hv-theme-detail-art figcaption small{display:block;margin-top:3px} .hv-whmcs-detail .hv-theme-detail-art figcaption>a{flex-shrink:0;font-size:12px;font-weight:600;color:#6650ce} @media(max-width:1100px){.hv-theme-catalogue-hero .hv-hero-grid{gap:26px}.hv-theme-product-card .hv-product-card-copy{padding:23px}.hv-theme-product-card .hv-product-card-copy h3{font-size:23px}.hv-theme-toolkit-card{grid-template-columns:.85fr 1.15fr}.hv-theme-toolkit-card .hv-product-card-copy{padding:25px}} @media(max-width:850px){.hv-theme-catalogue-hero .hv-hero-grid{grid-template-columns:1fr;gap:28px}.hv-theme-catalogue-hero .hv-hero-lead{max-width:650px}.hv-theme-catalogue-hero .hv-theme-hero-art{max-width:700px;justify-self:center}.hv-theme-toolkit-card{grid-template-columns:1fr}.hv-theme-toolkit-card>.hv-product-picture{border-right:0;border-bottom:1px solid var(--hv-line)}.hv-theme-toolkit-card .hv-product-card-copy>p{font-size:18px}} @media(max-width:680px){.hv-theme-catalogue-hero{padding:32px 0 38px}.hv-theme-catalogue-hero h1{font-size:38px}.hv-theme-catalogue-hero .hv-hero-lead{font-size:18px}.hv-whmcs-theme-catalogue{grid-template-columns:1fr;gap:24px}.hv-theme-product-card .hv-product-card-copy h3{font-size:24px}.hv-theme-product-card .hv-product-card-copy>p{font-size:17px}.hv-theme-card-purchase .hv-price{flex-direction:row;align-items:baseline}.hv-theme-toolkit-section{margin-top:35px}.hv-theme-toolkit-heading h2{font-size:27px}.hv-theme-toolkit-heading p{font-size:17px}.hv-theme-toolkit-card .hv-product-card-copy{padding:23px}.hv-whmcs-detail .hv-theme-detail-art figcaption{flex-direction:column;align-items:flex-start;gap:8px}.hv-whmcs-detail-meta{gap:11px}.hv-theme-card-actions{gap:10px}} /* HTML templates: distinct website previews, a compact catalogue and larger layout galleries. */ .hv-html-category-hero{padding:48px 0 46px;background:radial-gradient(ellipse at 80% 50%,#4b428c55,transparent 60%),linear-gradient(118deg,#122b61,#1c3b7c)} .hv-html-category-hero .hv-hero-grid{grid-template-columns:.82fr 1.18fr;gap:40px} .hv-html-category-hero h1{font-size:clamp(38px,4vw,52px);line-height:1.15;letter-spacing:-.035em;margin-bottom:22px} .hv-html-category-hero .hv-hero-lead{font-size:20px;line-height:1.65;max-width:490px;margin-bottom:22px} .hv-html-category-hero .hv-actions{gap:12px} .hv-html-category-hero .hv-btn{font-size:16px;padding:13px 17px;gap:10px} .hv-html-category-hero .hv-hero-note{font-size:15px;margin-top:18px} .hv-html-category-art{min-width:0;margin:0;border:1px solid #ffffff35;border-radius:14px;overflow:hidden;background:#10214b;box-shadow:0 24px 50px #06173355} .hv-html-category-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain} .hv-html-category-art figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 17px;color:#e5e9f6;font-size:13px;line-height:1.5} .hv-html-category-art figcaption span{font-size:11px;color:#b6c3e1;white-space:nowrap} .hv-html-template-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} .hv-html-template-card .hv-product-card-copy{padding:26px} .hv-html-template-card .hv-product-card-copy h3{font-size:25px;line-height:1.3;margin:0 0 13px} .hv-html-template-card .hv-product-card-copy p{font-size:18px;line-height:1.65;margin-bottom:23px} .hv-html-template-card .hv-product-card-bottom{gap:16px} .hv-html-template-card .hv-price{margin:0} .hv-html-template-card .hv-price small{font-size:14px} .hv-html-template-card .hv-btn{font-size:16px;padding:12px 17px;gap:12px} .hv-html-detail-hero h1{font-size:clamp(32px,3.1vw,42px)} .hv-html-detail-hero .hv-btn{padding:13px 16px;font-size:15px;gap:9px} .hv-template-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:26px} .hv-template-preview-heading h2{font-size:32px;line-height:1.3;margin-bottom:9px} .hv-template-preview-heading p{font-size:18px;line-height:1.65;color:var(--hv-muted);margin:0} .hv-template-concept-label{font-size:13px;line-height:1.5;font-weight:600;color:#5d5294;background:#ebe7fb;border:1px solid #dbd4f3;border-radius:20px;padding:7px 13px;white-space:nowrap} .hv-template-gallery{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:26px;align-items:start} .hv-template-gallery-main{margin:0;border:1px solid #dce1ed;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 12px 32px #182b5010;min-width:0} .hv-template-gallery-main>a{display:block;background:#10214b;cursor:zoom-in} .hv-template-gallery-main img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain} .hv-template-gallery-main figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;font-size:16px;line-height:1.5} .hv-template-gallery-main figcaption span{font-weight:600;color:#34415f} .hv-template-gallery-main figcaption a{color:#5d48de;font-size:14px;font-weight:600} .hv-template-gallery-options{display:grid;gap:16px} .hv-template-gallery-options button{display:block;min-width:0;padding:0;text-align:left;color:#263653;background:#fff;border:2px solid #e0e4ee;border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .18s,box-shadow .18s} .hv-template-gallery-options button:hover{border-color:#aa9bed;box-shadow:0 6px 17px #47307f15} .hv-template-gallery-options button[aria-pressed=true]{border-color:#7359ee;box-shadow:0 0 0 2px #7359ee14} .hv-template-gallery-options img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#10214b} .hv-template-gallery-options button>span{display:grid;gap:6px;padding:13px 15px} .hv-template-gallery-options b{font-size:16px;line-height:1.4} .hv-template-gallery-options small{font-size:14px;line-height:1.55;color:var(--hv-muted)} .hv-template-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .hv-template-steps article{display:flex;gap:18px;align-items:start} .hv-template-steps article>b{font-size:25px;line-height:1.3;letter-spacing:-.04em;color:#7663d6} .hv-template-steps h3{font-size:21px;line-height:1.4;margin-bottom:12px} .hv-template-steps p{font-size:17px;line-height:1.75;color:var(--hv-muted);margin:0} .hv-template-customization{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center} .hv-template-customization h2{font-size:36px;line-height:1.25;letter-spacing:-.025em;margin-bottom:19px} .hv-template-customization p{font-size:18px;line-height:1.75;color:var(--hv-muted);margin-bottom:25px} .hv-template-customization .hv-actions{gap:20px;align-items:center} .hv-template-customization .hv-text-link{margin-top:0;font-size:16px} .hv-template-customization-list{display:grid;gap:23px} .hv-template-customization-list>div{display:flex;align-items:center;gap:18px;padding-bottom:23px;border-bottom:1px solid #dfe3ef} .hv-template-customization-list>div:last-child{padding-bottom:0;border:0} .hv-template-customization-list b{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#e9e4ff;color:#6c52e9;font-size:16px} .hv-template-customization-list strong{display:block;font-size:20px;line-height:1.4;margin-bottom:5px} .hv-template-customization-list small{font-size:17px;line-height:1.6;color:var(--hv-muted)} @media(max-width:1100px){.hv-html-category-hero .hv-hero-grid{grid-template-columns:.9fr 1.1fr;gap:28px}.hv-html-detail-hero h1{font-size:34px}.hv-html-template-card .hv-product-card-copy h3{font-size:23px}.hv-template-customization{gap:40px}.hv-template-gallery{grid-template-columns:minmax(0,1fr) 215px;gap:20px}.hv-template-gallery-main figcaption{padding:14px 16px}} @media(max-width:950px){.hv-html-category-hero .hv-hero-grid{grid-template-columns:1fr;gap:32px}.hv-html-category-hero .hv-hero-lead{max-width:650px}.hv-html-category-art{width:100%;max-width:750px;justify-self:center}.hv-template-gallery{grid-template-columns:1fr}.hv-template-gallery-options{grid-template-columns:1fr 1fr}.hv-template-gallery-options button{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center}.hv-template-gallery-options button>span{padding:11px}.hv-template-gallery-options small{font-size:13px}.hv-template-steps{gap:20px}.hv-template-steps article{display:block}.hv-template-steps article>b{display:block;margin-bottom:12px}.hv-template-customization{grid-template-columns:1fr;gap:35px}} @media(max-width:680px){.hv-html-category-hero{padding:32px 0 38px}.hv-html-category-hero h1{font-size:38px}.hv-html-category-hero .hv-hero-lead{font-size:18px}.hv-html-category-art figcaption{display:block;font-size:12px}.hv-html-category-art figcaption span{display:block;margin-top:3px}.hv-html-template-catalogue{grid-template-columns:1fr;gap:23px}.hv-html-template-card .hv-product-card-copy{padding:23px}.hv-html-template-card .hv-product-card-copy h3{font-size:24px}.hv-html-template-card .hv-product-card-copy p{font-size:17px}.hv-html-template-card .hv-price small{font-size:13px}.hv-template-preview-heading{align-items:flex-start;flex-direction:column;gap:12px}.hv-template-preview-heading h2{font-size:28px}.hv-template-preview-heading p{font-size:17px}.hv-template-gallery-options{grid-template-columns:1fr}.hv-template-gallery-options button{grid-template-columns:95px minmax(0,1fr)}.hv-template-gallery-options b{font-size:15px}.hv-template-gallery-options small{font-size:13px}.hv-template-gallery-main figcaption{font-size:15px;align-items:flex-start;flex-direction:column;gap:7px;padding:14px 16px}.hv-template-steps{grid-template-columns:1fr;gap:28px}.hv-template-steps article{display:flex}.hv-template-steps article>b{margin:0}.hv-template-customization h2{font-size:32px}.hv-template-customization p{font-size:17px}.hv-template-customization-list strong{font-size:18px}.hv-template-customization-list small{font-size:16px}.hv-html-detail-hero h1{font-size:32px}} @media(max-width:360px){.hv-automation-service-hero h1{font-size:32px}} /* HostViber hosting features and location coverage. */ .hv-hosting-at-glance{padding-top:46px;padding-bottom:8px} .hv-hosting-summary-heading,.hv-hosting-location-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px} .hv-hosting-summary-heading h2,.hv-hosting-location-heading h2{font-size:32px;line-height:1.25;margin:0 0 10px} .hv-hosting-summary-heading p,.hv-hosting-location-heading p{font-size:18px;line-height:1.6;color:var(--hv-muted);margin:0} .hv-hosting-summary-heading>.hv-text-link,.hv-hosting-location-heading>.hv-text-link{flex:none;font-size:16px} .hv-hosting-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .hv-hosting-stats article{padding:23px 24px;background:#f7f8fc;border:1px solid var(--hv-line);border-radius:10px} .hv-hosting-stats b{display:block;font-size:35px;line-height:1.2;color:#5e49c9;letter-spacing:-.035em;margin-bottom:10px} .hv-hosting-stats p{font-size:16px;line-height:1.5;margin:0;color:var(--hv-muted)} .hv-hosting-essentials{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:16px;line-height:1.6} .hv-hosting-essentials li:before{content:'✓';color:#6851dc;font-weight:700;margin-right:9px} .hv-hosting-at-glance+#catalog{padding-top:40px} .hv-hosting-detail .hv-web-service-capabilities{padding-bottom:44px} .hv-hosting-locations{padding:46px 0 48px} .hv-hosting-location-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .hv-hosting-location-grid li{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--hv-line);border-radius:9px;padding:20px 17px;min-width:0} .hv-hosting-location-grid svg{flex:none;color:#6851dc} .hv-hosting-location-grid h3{font-size:18px;line-height:1.4;margin:0 0 4px} .hv-hosting-location-grid p{font-size:14px;line-height:1.5;margin:0;color:var(--hv-muted)} .hv-hosting-location-note{font-size:15px;line-height:1.65;color:var(--hv-muted);margin:20px 0 0} .hv-hosting-network{margin-top:38px;padding-top:32px;border-top:1px solid var(--hv-line)} .hv-hosting-network>h2{font-size:28px;line-height:1.3;margin:0 0 22px} .hv-hosting-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .hv-hosting-network-grid article{display:flex;gap:22px;align-items:center;background:#fff;border:1px solid var(--hv-line);border-radius:10px;padding:25px} .hv-hosting-network-grid b{font-size:42px;line-height:1.1;letter-spacing:-.04em;color:#5e49c9;min-width:82px} .hv-hosting-network-grid h3{font-size:21px;line-height:1.35;margin:0 0 9px} .hv-hosting-network-grid p{font-size:17px;line-height:1.65;color:var(--hv-muted);margin:0} .hv-hosting-network-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px} .hv-hosting-detail+#overview{padding-top:42px} @media(max-width:1100px){.hv-hosting-location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hv-hosting-network-grid article{align-items:flex-start;gap:15px}.hv-hosting-network-grid b{font-size:36px;min-width:68px}} @media(max-width:850px){.hv-hosting-summary-heading,.hv-hosting-location-heading{align-items:flex-start;flex-direction:column;gap:14px}.hv-hosting-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hv-hosting-network-grid{grid-template-columns:1fr}} @media(max-width:680px){.hv-hosting-at-glance{padding-top:34px}.hv-hosting-summary-heading h2,.hv-hosting-location-heading h2{font-size:28px}.hv-hosting-summary-heading p,.hv-hosting-location-heading p{font-size:17px}.hv-hosting-stats{gap:12px}.hv-hosting-stats article{padding:19px 17px}.hv-hosting-stats b{font-size:31px}.hv-hosting-stats p{font-size:15px}.hv-hosting-essentials{display:grid;gap:9px;font-size:15px}.hv-hosting-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hv-hosting-location-grid li{padding:17px 13px;gap:9px}.hv-hosting-location-grid h3{font-size:17px}.hv-hosting-location-grid p{font-size:13px}.hv-hosting-location-grid svg{width:18px;height:18px}.hv-hosting-locations{padding-top:34px}.hv-hosting-network>h2{font-size:25px}.hv-hosting-network-grid article{padding:21px}.hv-hosting-network-grid h3{font-size:20px}.hv-hosting-network-actions>.hv-btn{font-size:15px}} @media(max-width:360px){.hv-hosting-location-grid{grid-template-columns:1fr}.hv-hosting-stats article{padding:17px 13px}.hv-hosting-stats b{font-size:29px}.hv-hosting-network-grid article{display:block}.hv-hosting-network-grid b{display:block;margin-bottom:13px}} /* Contact page: direct contact details, country offices and one enquiry form. */ .hv-contact-intro{background:radial-gradient(ellipse at 90% 30%,#544bb733,transparent 48%),linear-gradient(118deg,#122b61,#1c3b7c);color:#fff;padding:43px 0 42px} .hv-contact-intro>.hv-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px} .hv-contact-intro h1{font-size:48px;line-height:1.15;letter-spacing:-.035em;margin:0 0 16px} .hv-contact-intro h1+p{font-size:20px;line-height:1.65;color:#e1e8f7;margin:0 0 18px;max-width:690px} .hv-contact-jump{display:inline-flex;align-items:center;gap:13px;color:#ffc04a;font-size:17px;font-weight:600} .hv-contact-jump svg{width:21px;height:21px} .hv-contact-jump:hover{color:#ffda8d;text-decoration:underline;text-underline-offset:5px} .hv-contact-availability{display:flex;align-items:center;gap:11px;max-width:285px;padding:15px 18px;border:1px solid #ffffff29;border-radius:10px;background:#ffffff08;font-size:16px;line-height:1.6;color:#e6edff;margin:0} .hv-contact-availability>span{width:9px;height:9px;flex:none;border-radius:50%;background:#ffbd3d;box-shadow:0 0 0 5px #ffbd3d12} .hv-contact-layout{display:grid;grid-template-columns:.76fr 1.24fr;align-items:start;gap:34px;padding-top:44px;padding-bottom:58px} .hv-contact-details{display:grid;gap:18px;min-width:0} .hv-contact-email-card,.hv-contact-office{background:#fff;border:1px solid var(--hv-line);border-radius:12px;padding:24px} .hv-contact-email-card h2{font-size:26px;line-height:1.3;margin:0 0 10px} .hv-contact-email-card>p{font-size:17px;line-height:1.65;color:var(--hv-muted);margin:0 0 18px} .hv-contact-office-heading{display:flex;align-items:center;gap:13px;margin:0 0 17px} .hv-contact-office-heading h3{font-size:23px;line-height:1.3;margin:0} .hv-contact-country-flag{display:block;width:37px;height:25px;flex:none;border-radius:4px;overflow:hidden;box-shadow:0 1px 5px #15234318} .hv-contact-country-flag svg{display:block;width:100%;height:100%} .hv-contact-address{display:flex;gap:12px;align-items:flex-start;color:var(--hv-muted);margin-bottom:18px} .hv-contact-address>svg{width:20px;height:20px;flex:none;margin-top:4px;color:#8275bd} .hv-contact-address address{font-size:17px;line-height:1.65;font-style:normal} .hv-contact-office-methods{display:grid;gap:10px} .hv-contact-method{display:flex;align-items:center;gap:13px;min-width:0;padding:11px 12px;border-radius:8px;background:#f7f7fc;border:1px solid #eeedf6;transition:background .15s,border-color .15s} .hv-contact-method:hover{background:#f0edfb;border-color:#d8d1f1} .hv-contact-method-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:9px;background:#ece8fb;color:#6550c6} .hv-contact-method-icon svg{display:block;width:22px;height:22px} .hv-contact-method>span:nth-child(2){min-width:0} .hv-contact-method small{display:block;font-size:13px;line-height:1.4;color:var(--hv-muted);margin-bottom:4px} .hv-contact-method b{display:block;font-size:17px;line-height:1.5;font-weight:600;overflow-wrap:anywhere} .hv-contact-method-email{padding:11px 0;background:transparent;border-color:transparent} .hv-contact-method-email:hover{background:transparent;border-color:transparent;color:#6550c6} .hv-contact-method-whatsapp{background:#f2faf6;border-color:#e2efe8} .hv-contact-method-whatsapp .hv-contact-method-icon{color:#168557;background:#e1f2e8} .hv-contact-method-whatsapp:hover{background:#e9f6ef;border-color:#c8e7d5} .hv-contact-method .hv-contact-outward{margin-left:auto;color:#27895d;font-size:20px} .hv-contact-client-help{display:flex;align-items:flex-start;gap:14px;padding:21px 23px;background:#f6f7fb;border:1px solid var(--hv-line);border-radius:12px} .hv-contact-client-help>svg{width:25px;height:25px;flex:none;color:#6550c6;margin-top:2px} .hv-contact-client-help h3{font-size:20px;line-height:1.35;margin:0 0 9px} .hv-contact-client-help p{font-size:16px;line-height:1.65;color:var(--hv-muted);margin:0 0 12px} .hv-contact-client-help .hv-text-link{font-size:16px} .hv-contact-enquiry{min-width:0;padding:31px 32px 30px;border:1px solid var(--hv-line);border-radius:14px;background:#fff;box-shadow:0 12px 38px #152a5d07} .hv-contact-enquiry>h2{font-size:29px;line-height:1.25;letter-spacing:-.02em;margin:0 0 12px} .hv-contact-enquiry>p{font-size:17px;line-height:1.65;color:var(--hv-muted);margin:0 0 27px;max-width:580px} .hv-contact-page .hv-scope-form label{font-size:16px;line-height:1.5;margin-bottom:21px;font-weight:600} .hv-contact-page .hv-scope-form input:not([type=checkbox]),.hv-contact-page .hv-scope-form select,.hv-contact-page .hv-scope-form textarea{font-size:16px;line-height:1.5;border:1px solid #d5dbe6;border-radius:7px;padding:12px 13px;margin-top:9px;min-height:48px;background:#fcfcfe} .hv-contact-page .hv-scope-form input::placeholder,.hv-contact-page .hv-scope-form textarea::placeholder{color:#8b95a6;font-weight:400} .hv-contact-page .hv-scope-form textarea{min-height:148px;background:#fcfcfe} .hv-contact-page .hv-scope-form :is(input,select,textarea):focus{outline:3px solid #7561df18;outline-offset:1px;border-color:#8d7bdc;background:#fff} .hv-contact-page .hv-form-row{grid-template-columns:1fr 1fr;gap:19px} .hv-contact-page .hv-scope-form .hv-consent{font-size:15px;line-height:1.65;margin:0 0 24px;font-weight:400} .hv-contact-page .hv-scope-form .hv-consent>span{color:#536078} .hv-contact-page .hv-scope-form .hv-consent input{margin-top:5px} .hv-contact-submit{display:flex;align-items:center;gap:20px} .hv-contact-submit .hv-btn{flex:none;font-size:16px;padding:13px 18px;border-radius:7px} .hv-contact-submit .hv-form-note{font-size:13px;line-height:1.6;margin:0;max-width:250px} .hv-contact-page .hv-form-status{font-size:16px;line-height:1.65} @media(max-width:1100px){.hv-contact-layout{grid-template-columns:.8fr 1.2fr;gap:24px}.hv-contact-enquiry{padding:27px}.hv-contact-email-card,.hv-contact-office{padding:21px}.hv-contact-office-heading h3{font-size:22px}.hv-contact-submit{align-items:flex-start;flex-direction:column;gap:12px}.hv-contact-submit .hv-form-note{max-width:none}} @media(max-width:980px){.hv-contact-intro>.hv-wrap{align-items:flex-start;flex-direction:column;gap:22px}.hv-contact-availability{max-width:none;padding:11px 15px}.hv-contact-layout{grid-template-columns:1fr;gap:28px}.hv-contact-details{grid-template-columns:1fr 1fr;gap:18px}.hv-contact-email-card,.hv-contact-client-help{grid-column:1/-1}.hv-contact-email-card .hv-contact-method{max-width:390px}.hv-contact-email-card>p{margin-bottom:10px}.hv-contact-enquiry{padding:30px}.hv-contact-submit{flex-direction:row;align-items:center;gap:20px}} @media(max-width:680px){.hv-contact-intro{padding:31px 0 33px}.hv-contact-intro h1{font-size:38px}.hv-contact-intro h1+p{font-size:18px;margin-bottom:16px}.hv-contact-desktop-break{display:none}.hv-contact-availability{font-size:14px;line-height:1.6;padding:10px 13px}.hv-contact-layout{padding-top:27px;padding-bottom:40px}.hv-contact-details{grid-template-columns:1fr;gap:17px}.hv-contact-email-card,.hv-contact-client-help{grid-column:auto}.hv-contact-email-card,.hv-contact-office{padding:22px}.hv-contact-enquiry{padding:25px 22px}.hv-contact-enquiry>h2{font-size:27px}.hv-contact-page .hv-form-row{grid-template-columns:1fr;gap:0}.hv-contact-page .hv-scope-form :is(input,select,textarea){font-size:16px}.hv-contact-submit{align-items:flex-start;flex-direction:column;gap:13px}.hv-contact-submit .hv-btn{width:100%;justify-content:center}.hv-contact-submit .hv-form-note{font-size:14px}.hv-contact-office-heading h3{font-size:22px}} @media(prefers-reduced-motion:reduce){.hv-contact-method{transition:none}} /* Homepage refinements retain the approved hero and imagery. */ .hv-home-support{display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:16px;line-height:1.5;color:#e6edff} .hv-home-support>svg{width:21px;height:21px;color:#ffb526} .hv-home-services .hv-service-card-picture{margin-bottom:20px} .hv-home-services .hv-service-card-actions a:focus-visible{outline-offset:-4px} .hv-home-products .hv-product-categories{gap:22px} .hv-home-products .hv-product-categories article{padding:25px;border-radius:10px;transition:border-color .2s,box-shadow .2s} .hv-home-products .hv-product-categories article:hover,.hv-home-products .hv-product-categories article:focus-within{border-color:#b8adf7;box-shadow:0 7px 22px #1b2f570b} .hv-home-product-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#f0edff;color:#6550f3;margin-bottom:19px} .hv-home-product-icon>svg{width:25px;height:25px} .hv-home-products .hv-product-categories h3{font-size:20px;line-height:1.35;margin-bottom:12px} .hv-home-products .hv-text-link{padding-top:4px;gap:9px;justify-content:space-between} .hv-home-process .hv-process{grid-template-columns:repeat(4,minmax(0,1fr))} .hv-home-process .hv-process article{border-top:1px solid #dce1ed;padding-top:22px} .hv-home-process .hv-process article>b{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#eae6ff;color:#6550d8;font-size:17px;font-weight:700;margin-bottom:17px} .hv-home-process .hv-process h3{font-size:20px;margin-bottom:9px} .hv-home-process .hv-process p{margin-bottom:0} @media(min-width:681px){.hv-home-services .hv-home-cards{grid-auto-rows:1fr}.hv-home-services .hv-home-cards .hv-card>h3{min-height:2.4em}.hv-home-products .hv-product-categories h3{min-height:2.7em}.hv-home-products .hv-product-categories p{min-height:4.95em}} @media(max-width:1000px){.hv-home-process .hv-process{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.hv-home-support{font-size:15px;margin-top:21px}.hv-home-products .hv-product-categories{gap:16px}.hv-home-products .hv-product-categories article{padding:23px}.hv-home-products .hv-product-categories h3{font-size:22px}.hv-home-product-icon{margin-bottom:16px}.hv-home-products .hv-product-categories p{margin-bottom:18px}} @media(max-width:560px){.hv-home-process .hv-process{grid-template-columns:1fr;gap:22px}.hv-home-process .hv-process article{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:start;gap:16px;padding-top:20px}.hv-home-process .hv-process article>b{margin:0}.hv-home-process .hv-process p{font-size:17px;line-height:1.65}} @media(max-width:360px){.hv-home-services .hv-service-card-actions{display:grid;grid-template-columns:1fr}.hv-home-services .hv-service-card-actions a{width:100%}} /* New WHMCS modules are quoted custom-development offerings. */ .hv-module-availability{display:inline-flex;align-self:flex-start;align-items:center;font-size:13px;font-weight:700;line-height:1.4;color:#5d46b4;background:#f0ecff;border:1px solid #e0d8ff;border-radius:20px;padding:6px 11px;margin-bottom:14px} .hv-quote-module-card .hv-module-purpose{font-size:14px;margin-bottom:9px} .hv-quote-module-card .hv-module-card-actions{gap:13px 18px;padding-top:8px} .hv-quote-module-card .hv-module-card-actions .hv-btn{font-size:15px;gap:10px;padding:12px 16px} .hv-quote-module-card .hv-module-enquiry{font-size:15px;white-space:nowrap} .hv-module-custom-note{margin:22px 0 0;font-size:15px;line-height:1.6;color:#dbe4f9;max-width:520px} .hv-module-custom-note>span{display:table;border:1px solid #b9a8ff66;background:#ffffff0c;border-radius:20px;padding:5px 11px;font-size:13px;font-weight:700;color:#f0eaff;margin-bottom:9px} .hv-module-feature-note{display:block;font-size:15px!important;line-height:1.65!important;color:#6550b0!important;margin-top:12px} .hv-module-project-terms p{font-size:17px;line-height:1.7} .hv-quote-module-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .hv-quote-module-related .hv-product-card-copy{padding:23px} .hv-quote-module-related .hv-product-card-copy h3{font-size:23px} .hv-quote-module-related .hv-product-card-copy>p{font-size:17px} @media(max-width:1000px){.hv-quote-module-related{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.hv-quote-module-related{grid-template-columns:1fr;gap:23px}.hv-quote-module-card .hv-product-card-copy{padding:23px}.hv-quote-module-card .hv-module-card-actions{gap:15px}.hv-quote-module-hero .hv-theme-detail-art{max-width:560px;margin-inline:auto}.hv-module-custom-note{font-size:14px}.hv-module-project-terms{gap:20px}} /* About Us: retain the company copy in a balanced, compact layout. */ .hv-about-page .hv-about-hero{padding:46px 0 48px;background:#142e63} .hv-about-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center} .hv-about-hero-copy{min-width:0} .hv-about-hero h1{font-size:clamp(34px,3.1vw,42px);line-height:1.2;letter-spacing:-.035em;margin-bottom:22px} .hv-about-hero h1>span{display:block} .hv-about-hero h1>span+span{color:#ffb526;margin-top:6px} .hv-about-hero .hv-hero-lead{font-size:20px;line-height:1.65;max-width:560px;margin-bottom:24px} .hv-about-hero .hv-btn{padding:13px 19px;gap:13px} .hv-about-hero-photo{position:relative;min-width:0;overflow:hidden;isolation:isolate;background:#142e63;border-radius:36% 9% 14% 31% / 43% 16% 19% 39%} .hv-about-hero-photo>img{display:block;width:100%;height:390px;object-fit:cover;object-position:50% 44%;mask-image:linear-gradient(90deg,transparent,#000 13%,#000)} .hv-about-hero-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#142e63 0%,transparent 23%),linear-gradient(90deg,#142e6333,transparent 35%)} .hv-about-overview{padding-top:43px;padding-bottom:46px} .hv-about-overview-heading{margin-bottom:23px} .hv-about-overview-heading .hv-eyebrow{font-size:13px;line-height:1.5;letter-spacing:.13em;margin-bottom:9px} .hv-about-overview-heading h2{font-size:34px;line-height:1.25;letter-spacing:-.025em;margin:0} .hv-about-intro-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px} .hv-about-intro-copy>p{font-size:18px;line-height:1.75;color:#46556e;margin:0} .hv-about-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px} .hv-about-location{display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid #e2e6ef;border-radius:12px;background:#fff} .hv-about-location>div{display:flex;align-items:center;gap:12px;margin-bottom:16px} .hv-about-location h3{font-size:22px;line-height:1.3;margin:0} .hv-about-location>p{font-size:17px;line-height:1.7;color:#536079;margin:0} .hv-about-location-mark{display:grid;place-items:center;width:40px;height:32px;flex-shrink:0} .hv-about-flag svg{display:block;width:38px;height:25px;border-radius:3px;box-shadow:0 0 0 1px #13264410;overflow:hidden} .hv-about-network{background:#f6f4ff;border-color:#e1daf8} .hv-about-network-mark{width:38px;height:38px;border-radius:10px;background:#eae4ff;color:#6651ce} .hv-about-network .hv-text-link{font-size:15px;line-height:1.5;gap:8px;padding-top:18px;margin-top:auto} .hv-about-principles{padding-block:43px 47px} .hv-about-principles .hv-section-title{max-width:none;margin-bottom:29px} .hv-about-principles .hv-section-title h2{font-size:34px;line-height:1.25;margin:0} .hv-about-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .hv-about-principle-grid>article{min-width:0;padding:25px;background:#fff;border:1px solid #e3e7ef;border-radius:12px} .hv-about-principle-icon{display:grid;place-items:center;width:45px;height:45px;background:#f0ecff;color:#6550e5;border-radius:12px;margin-bottom:18px} .hv-about-principle-icon>svg{width:25px;height:25px} .hv-about-principle-grid h3{font-size:22px;line-height:1.3;min-height:2.6em;margin:0 0 12px} .hv-about-principle-grid p{font-size:17px;line-height:1.7;color:#536079;margin:0} @media(max-width:1100px){.hv-about-hero-grid{gap:28px;grid-template-columns:1fr 1fr}.hv-about-hero h1{font-size:35px}.hv-about-hero-photo>img{height:370px}.hv-about-location,.hv-about-principle-grid>article{padding:22px}.hv-about-location h3{font-size:21px}.hv-about-location>div{gap:10px}} @media(max-width:850px){.hv-about-hero-grid{grid-template-columns:1fr;gap:28px}.hv-about-hero-copy{max-width:700px}.hv-about-hero h1{font-size:42px}.hv-about-hero .hv-hero-lead{max-width:660px}.hv-about-hero-photo{width:100%;max-width:670px;justify-self:center}.hv-about-hero-photo>img{height:390px}.hv-about-intro-copy{gap:25px}.hv-about-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hv-about-network{grid-column:1/-1}.hv-about-principle-grid{grid-template-columns:1fr;gap:17px}.hv-about-principle-grid>article{display:grid;grid-template-columns:45px minmax(0,1fr);column-gap:19px}.hv-about-principle-icon{grid-row:1/3;margin:0}.hv-about-principle-grid h3{min-height:0;margin-bottom:8px}.hv-about-principle-grid p{grid-column:2}} @media(max-width:680px){.hv-about-page .hv-about-hero{padding:31px 0 33px}.hv-about-hero h1{font-size:32px;line-height:1.2;margin-bottom:20px}.hv-about-hero h1>span+span{margin-top:8px}.hv-about-hero .hv-hero-lead{font-size:18px;line-height:1.65}.hv-about-hero-grid{gap:27px}.hv-about-hero-photo{border-radius:29% 10% 14% 24% / 34% 17% 20% 29%}.hv-about-hero-photo>img{height:auto;aspect-ratio:4/3;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 10%,#000)}.hv-about-overview{padding-top:31px;padding-bottom:34px}.hv-about-overview-heading h2,.hv-about-principles .hv-section-title h2{font-size:29px;line-height:1.25}.hv-about-intro-copy{grid-template-columns:1fr;gap:17px}.hv-about-intro-copy>p{font-size:17px;line-height:1.75}.hv-about-location-grid{grid-template-columns:1fr;gap:17px;margin-top:25px}.hv-about-network{grid-column:auto}.hv-about-location{padding:23px}.hv-about-location>div{margin-bottom:13px}.hv-about-location h3{font-size:22px}.hv-about-principles{padding-block:32px 36px}.hv-about-principles .hv-section-title{text-align:left;margin-bottom:24px}.hv-about-principle-grid>article{padding:22px;column-gap:15px}.hv-about-principle-grid h3{font-size:21px}.hv-about-principle-grid p{font-size:17px;line-height:1.7}} @media(max-width:360px){.hv-about-hero h1{font-size:29px}.hv-about-principle-grid>article{display:block}.hv-about-principle-icon{margin-bottom:15px}} /* Portfolio uses the shared typography and preserves the original illustrations. */ .hv-portfolio-hero{padding-block:48px} .hv-portfolio-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:46px;align-items:center} .hv-portfolio-hero h1{font-size:46px;line-height:1.16;max-width:540px;margin:0 0 22px} .hv-portfolio-hero .hv-hero-lead{max-width:570px;margin-bottom:26px} .hv-portfolio-hero-image{margin:0;border-radius:34% 13% 22% 14% / 24% 17% 25% 21%;overflow:hidden;background:#172a52;box-shadow:0 20px 50px #081a3b38} .hv-portfolio-hero-image img{display:block;width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 13%,#000)} .hv-portfolio-note{display:flex;align-items:flex-start;gap:16px;margin-top:30px;padding:22px 25px;border:1px solid #e1dcf3;border-radius:12px;background:#f7f5ff} .hv-portfolio-note>span{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;margin-top:3px;border:1.5px solid #6950ce;border-radius:50%;color:#6950ce;font-size:17px;font-weight:700} .hv-portfolio-note h2{font-size:20px;line-height:1.4;margin:0 0 5px} .hv-portfolio-note p{font-size:17px;line-height:1.65;color:#536079;margin:0} .hv-portfolio-catalogue{padding-block:39px 47px;scroll-margin-top:115px} .hv-portfolio-heading{max-width:850px;margin-bottom:29px} .hv-portfolio-heading h2{font-size:35px;line-height:1.25;margin:0 0 14px} .hv-portfolio-heading p{font-size:18px;line-height:1.7;color:#536079;margin:0} .hv-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} .hv-portfolio-card{overflow:hidden;min-width:0;border:1px solid #e0e5ee;border-radius:15px;background:#fff;box-shadow:0 9px 28px #14234608} .hv-portfolio-card figure{position:relative;margin:0;overflow:hidden;background:#eef1f6;border-bottom:1px solid #e4e8f0} .hv-portfolio-card .hv-portfolio-enlarge>img{display:block;width:100%;height:320px;object-fit:contain} .hv-portfolio-card figcaption{position:absolute;left:18px;bottom:16px;padding:5px 11px;border-radius:5px;background:#fff;color:#253854;font-size:13px;line-height:1.5;font-weight:600;box-shadow:0 2px 12px #14234615;pointer-events:none} .hv-portfolio-card-copy{padding:26px 28px 28px} .hv-portfolio-category{display:flex;align-items:baseline;gap:10px;font-size:14px;line-height:1.5;font-weight:600;color:#6850bb;margin:0 0 11px} .hv-portfolio-category>span{font-size:13px;color:#798299;flex-shrink:0} .hv-portfolio-card h3{font-size:27px;line-height:1.3;margin:0 0 22px} .hv-portfolio-card dl{display:grid;gap:17px;margin:0} .hv-portfolio-card dt{font-size:16px;line-height:1.5;font-weight:700;color:#26364f;margin-bottom:5px} .hv-portfolio-card dd{font-size:17px;line-height:1.7;color:#536079;margin:0} .hv-portfolio-card ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:22px 0} .hv-portfolio-card li{font-size:13px;line-height:1.5;color:#58647d;background:#f1f3f8;border-radius:5px;padding:5px 9px} .hv-portfolio-service-link{display:inline-flex;align-items:center;gap:13px;color:#6145cc;font-size:16px;font-weight:600;line-height:1.5} .hv-portfolio-service-link:hover{text-decoration:underline;text-underline-offset:4px} @media(max-width:1000px){.hv-portfolio-hero-grid{gap:27px}.hv-portfolio-hero h1{font-size:38px}.hv-portfolio-card-copy{padding:23px}.hv-portfolio-card h3{font-size:25px}.hv-portfolio-grid{gap:22px}} @media(max-width:850px){.hv-portfolio-hero-grid{grid-template-columns:1fr;gap:30px}.hv-portfolio-hero h1{max-width:650px;font-size:43px}.hv-portfolio-hero .hv-hero-lead{max-width:700px}.hv-portfolio-hero-image{max-width:700px;justify-self:center}.hv-portfolio-card .hv-portfolio-enlarge>img{height:280px}} @media(max-width:680px){.hv-portfolio-hero{padding-block:32px 36px}.hv-portfolio-hero h1{font-size:34px;line-height:1.2;margin-bottom:19px}.hv-portfolio-hero .hv-hero-lead{font-size:18px;line-height:1.65}.hv-portfolio-note{margin-top:23px;padding:20px;gap:12px}.hv-portfolio-note h2{font-size:20px}.hv-portfolio-note p{font-size:16px}.hv-portfolio-catalogue{padding-block:31px 35px}.hv-portfolio-heading h2{font-size:29px}.hv-portfolio-heading p{font-size:17px}.hv-portfolio-grid{grid-template-columns:1fr;gap:23px}.hv-portfolio-card .hv-portfolio-enlarge>img{height:300px}.hv-portfolio-card-copy{padding:23px}.hv-portfolio-card h3{font-size:25px}.hv-portfolio-card dd{font-size:17px}.hv-portfolio-category{font-size:14px}} .hv-portfolio-enlarge{display:block;position:relative;cursor:zoom-in;color:inherit} .hv-portfolio-enlarge:focus-visible{outline:4px solid #ffb41b;outline-offset:-5px} .hv-portfolio-enlarge-hint{position:absolute;right:16px;top:16px;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:7px;background:#142e63ed;color:#fff;font-size:13px;line-height:1.4;font-weight:600;box-shadow:0 3px 14px #06152b25} .hv-portfolio-enlarge-hint svg{width:17px;height:17px} .hv-portfolio-enlarge:hover .hv-portfolio-enlarge-hint{background:#6046e8} .hv-portfolio-hero-image .hv-portfolio-enlarge-hint{top:auto;bottom:24px;right:35px} .hv-image-viewer{width:calc(100vw - 48px);max-width:1280px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #43506b;border-radius:15px;background:#0d172c;color:#fff;box-shadow:0 24px 100px #0007;overflow:hidden} .hv-image-viewer:not([open]){display:none} .hv-image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto} .hv-image-viewer::backdrop{background:#081025e8;backdrop-filter:blur(5px)} .hv-image-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border-bottom:1px solid #344158} .hv-image-viewer-header h2{font-size:19px;line-height:1.4;color:#fff;margin:0;font-weight:600} .hv-image-viewer button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 14px;border:1px solid #5b6983;border-radius:7px;color:#fff;background:#24344e;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;cursor:pointer} .hv-image-viewer button:hover{background:#6046e8;border-color:#8e7af5} .hv-image-viewer button:focus-visible{outline:3px solid #ffc253;outline-offset:3px} .hv-image-viewer-header button{font-size:30px;line-height:1;flex-shrink:0;width:42px;padding:0} .hv-image-viewer-stage{height:min(72dvh,860px);min-height:0;overflow:auto;background:#e9edf4;overscroll-behavior:contain} .hv-image-viewer-stage img{display:block;width:auto;height:100%;max-height:100%;max-width:100%;object-fit:contain;margin:auto} .hv-image-viewer.is-zoomed .hv-image-viewer-stage img{width:var(--hv-image-zoom-width);height:auto;max-height:none;max-width:none} .hv-image-viewer-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;border-top:1px solid #344158} .hv-image-viewer-controls [data-image-count]{font-size:14px;color:#d2d9e7;min-width:42px;text-align:center} @media(max-width:680px){.hv-image-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:10px}.hv-image-viewer-header{padding:12px;gap:12px}.hv-image-viewer-header h2{font-size:16px}.hv-image-viewer-stage{height:66dvh}.hv-image-viewer-controls{gap:9px;padding:12px 8px}.hv-image-viewer-controls button{padding:9px 11px;font-size:14px}.hv-image-viewer-controls button span{display:none}} /* Expanded About Us copy: company, capabilities, delivery and hosting ownership. */ .hv-about-support-note{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.6;color:#e0e8fa;margin:21px 0 0} .hv-about-support-note>svg{width:20px;height:20px;color:#ffb526} .hv-about-overview-heading>p:not(.hv-eyebrow){font-size:18px;line-height:1.7;color:#536079;max-width:830px;margin:14px 0 0} .hv-about-services{padding-block:42px 46px} .hv-about-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px} .hv-about-service-grid>article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;border-top:1px solid #dfe4ee;padding:23px 0;min-width:0} .hv-about-service-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#6550e5;background:#ece7ff} .hv-about-service-icon>svg{width:23px;height:23px} .hv-about-service-grid h3{font-size:22px;line-height:1.35;margin:0 0 10px} .hv-about-service-grid h3 a{display:flex;justify-content:space-between;gap:12px;align-items:baseline} .hv-about-service-grid h3 a:hover{color:#6550e5} .hv-about-service-grid h3 a>span{font-size:20px;color:#7662d8;flex-shrink:0} .hv-about-service-grid p{font-size:17px;line-height:1.7;color:#536079;margin:0} .hv-about-products{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:28px;margin-top:10px;background:#fff;border:1px solid #e2e6f0;border-radius:13px} .hv-about-products h3{font-size:25px;line-height:1.3;margin:0 0 13px} .hv-about-products p{font-size:17px;line-height:1.7;color:#536079;margin:0} .hv-about-products nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .hv-about-products nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;background:#f6f4ff;border:1px solid #e5dff8;border-radius:8px;font-size:16px;line-height:1.5;font-weight:600;color:#503caa} .hv-about-products nav a:hover{background:#eee8ff;border-color:#c9bcf4} .hv-about-products nav a>span{flex-shrink:0} .hv-about-principles .hv-section-title>p{margin:14px 0 0;font-size:18px;line-height:1.7} .hv-about-step-number{font-size:17px;font-weight:700} .hv-about-contact-points{padding-block:43px 47px} .hv-about-contact-points .hv-about-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:27px} .hv-about-phone{display:flex;align-items:center;gap:9px;font-size:17px;line-height:1.6;font-weight:600;color:#5e49c2;margin-top:18px;align-self:flex-start} .hv-about-phone>svg{width:20px;height:20px} .hv-about-phone:hover{text-decoration:underline} .hv-about-hosting-brand{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:24px;padding:28px;border:1px solid #dfd7f6;border-radius:13px;background:#f3f0ff} .hv-about-hosting-heading{display:flex;align-items:center;gap:13px;margin-bottom:14px} .hv-about-hosting-heading h3{font-size:25px;line-height:1.3;margin:0} .hv-about-hosting-brand p{font-size:17px;line-height:1.7;color:#536079;max-width:780px;margin:0 0 13px} .hv-about-hosting-brand p:last-child{margin-bottom:0} .hv-about-hosting-brand>.hv-btn{flex-shrink:0;white-space:nowrap;font-size:15px;padding:12px 17px} @media(max-width:1100px){.hv-about-products{grid-template-columns:1fr;gap:24px}.hv-about-hosting-brand{align-items:flex-start;flex-direction:column;gap:22px}.hv-about-hosting-brand p{max-width:none}} @media(max-width:680px){.hv-about-support-note{font-size:14px;align-items:flex-start}.hv-about-support-note>svg{margin-top:1px}.hv-about-overview-heading>p:not(.hv-eyebrow),.hv-about-principles .hv-section-title>p{font-size:17px}.hv-about-services{padding-block:32px 35px}.hv-about-service-grid{grid-template-columns:1fr}.hv-about-service-grid>article{grid-template-columns:35px minmax(0,1fr);gap:13px;padding:21px 0}.hv-about-service-icon{width:35px;height:35px;border-radius:9px}.hv-about-service-icon>svg{width:21px;height:21px}.hv-about-service-grid h3{font-size:21px}.hv-about-products{padding:23px;gap:21px;margin-top:8px}.hv-about-products h3{font-size:24px}.hv-about-products nav{grid-template-columns:1fr;gap:10px}.hv-about-products nav a{font-size:16px;padding:12px 14px}.hv-about-contact-points{padding-block:32px 36px}.hv-about-contact-points .hv-about-location-grid{grid-template-columns:1fr;margin-top:24px}.hv-about-hosting-brand{padding:23px;margin-top:19px;gap:20px}.hv-about-hosting-heading{align-items:flex-start;gap:12px}.hv-about-hosting-heading h3{font-size:23px}.hv-about-hosting-brand>.hv-btn{white-space:normal;font-size:15px;width:100%}.hv-about-phone{font-size:16px}}