:root{ --hhv5-navy:#122235; --hhv5-deep:#082f49; --hhv5-blue:#0c71b5; --hhv5-blue-dark:#075c91; --hhv5-gold:#a88408; --hhv5-gold-dark:#8f7105; --hhv5-bg:#f4f8fb; --hhv5-text:#172335; --hhv5-muted:#607185; --hhv5-line:#e3ebf3; --hhv5-teal:#1ec4b6; --hhv5-teal-dark:#14a89d; } html{scroll-behavior:smooth} body{color:var(--hhv5-text);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} .site-header,#masthead,.hh-v2-header,.hh-v2-promo,.hh-v3-header,.hh-v3-promo,.hh-v4-header,.hh-v4-promo{display:none!important} .ast-container,.site-content .ast-container{max-width:none!important;padding-left:0!important;padding-right:0!important} .entry-header,.entry-title,.page .entry-title,.ast-article-single .entry-header{display:none!important} .site-content{padding-top:0!important} .entry-content,.entry-content>*{max-width:none!important;margin:0!important} .site-footer,.ast-footer-wrap,.ast-footer-copyright{display:none!important} /* Scoped global cleanup for Haihan pages: Some stacks output BOM/whitespace (and even non-visual nodes) directly under . That can create a line box with the body's line-height (~26px), appearing as a white bar. We neutralize body typography only when the plugin is active, then restore it on real roots. */ body.hh-v5-active{ font-size:0!important; line-height:0!important; } body.hh-v5-active .hh-v5-header-fixed, body.hh-v5-active .hh-v5-promo, body.hh-v5-active #page, body.hh-v5-active .site{ font-size:16px; line-height:normal; } /* Header: desktop fixed white nav; mobile scrolls in normal flow; promo always scrolls */ .hh-v5-header-fixed{ position:relative; top:auto; left:auto; right:auto; width:100%; z-index:auto; background:transparent; } .hh-v5-header-fixed .hh-v5-header{background:#fff;border-bottom:1px solid rgba(18,34,53,.07);position:relative;z-index:1;box-shadow:0 1px 0 rgba(0,0,0,.02)} body #page, body .site{ padding-top:0!important; margin-top:0!important; } @media(max-width:768px){ .hh-v5-header-fixed{ position:relative!important; top:auto!important; left:auto!important; right:auto!important; z-index:auto!important; background:transparent!important; } .admin-bar .hh-v5-header-fixed{top:auto!important} body{ padding-top:0!important; } .hh-v5-promo{ position:relative!important; top:auto!important; } } @media(min-width:769px){ .hh-v5-header-fixed{ position:fixed; top:0; left:0; right:0; z-index:1000; width:100%; background:transparent; } .admin-bar .hh-v5-header-fixed{top:32px} /* Body padding clears fixed header; promo margin-top would leave a white gap above the gold bar */ body{ padding-top:var(--hh-v5-header-offset,84px)!important; } .hh-v5-promo{ margin-top:0!important; padding-top:0!important; } } @media(min-width:769px) and (max-width:782px){ .admin-bar .hh-v5-header-fixed{top:46px} } .hh-v5-header{background:#fff;border-bottom:1px solid rgba(18,34,53,.07);position:relative;z-index:1000;box-shadow:0 1px 0 rgba(0,0,0,.02)} .hh-v5-header-inner{height:92px;max-width:1800px;margin:0 auto;padding:0 58px;display:grid;grid-template-columns:minmax(260px,320px) 1fr 160px;align-items:center;gap:28px} .hh-v5-logo{display:flex;align-items:center;text-decoration:none} .hh-v5-logo img{width:238px;max-height:65px;height:auto;display:block;object-fit:contain} .hh-v5-nav{display:flex;align-items:center;justify-content:center;gap:34px;font-size:16.5px;line-height:1;letter-spacing:.01em} .hh-v5-nav a{color:var(--hhv5-navy);text-decoration:none;font-weight:650;white-space:nowrap} .hh-v5-nav a:hover{color:var(--hhv5-blue)} .hh-v5-nav-item{position:relative;padding:37px 0} .hh-v5-nav-item>a:after{content:'⌄';margin-left:6px;font-size:15px;color:currentColor} .hh-v5-dropdown{position:absolute;top:78px;left:50%;transform:translateX(-50%);min-width:286px;background:#fff;border:1px solid var(--hhv5-line);box-shadow:0 18px 46px rgba(18,34,53,.16);border-radius:12px;padding:12px 0;opacity:0;visibility:hidden;pointer-events:none;transition:all .18s ease;z-index:1200} .hh-v5-nav-item:hover .hh-v5-dropdown{opacity:1;visibility:visible;pointer-events:auto} .hh-v5-dropdown a{display:block;padding:13px 22px;font-size:15.5px;line-height:1.35;color:#334155} .hh-v5-dropdown a:hover{background:#f5f9fc;color:var(--hhv5-blue)} .hh-v5-cta{justify-self:end;background:var(--hhv5-blue);color:#fff!important;border-radius:8px;padding:14px 24px;text-decoration:none;font-weight:800;font-size:16px;box-shadow:0 10px 20px rgba(12,113,181,.18)} .hh-v5-cta:hover{background:var(--hhv5-blue-dark);color:#fff!important;transform:translateY(-1px)} /* Desktop dropdown usability: - Ensure the parent hover area spans the full header height - Position the dropdown directly below the parent (no physical gap) - Keep it open on :hover and :focus-within (keyboard-friendly) Mobile drawer styles (<=720px) already override dropdown positioning separately. */ @media(min-width:769px){ .hh-v5-nav-item.hh-v5-has-menu{ display:flex; align-items:center; height:84px; padding:0!important; } .hh-v5-nav-item.hh-v5-has-menu > a{ display:inline-flex!important; align-items:center!important; height:84px; } .hh-v5-dropdown{ top:calc(100% - 8px)!important; } .hh-v5-nav-item.hh-v5-has-menu:hover .hh-v5-dropdown, .hh-v5-nav-item.hh-v5-has-menu:focus-within .hh-v5-dropdown{ opacity:1; visibility:visible; pointer-events:auto; } /* hover bridge to prevent flicker when moving cursor into submenu */ .hh-v5-nav-item.hh-v5-has-menu:after{ content:""; position:absolute; left:-18px; right:-18px; top:100%; height:18px; background:transparent; } } /* Promo bar – normal document flow (not fixed/sticky) */ .hh-v5-promo{ background:var(--hhv5-gold); color:#fff; position:relative; top:auto; z-index:1; margin:0; } .hh-v5-promo-inner{height:58px;max-width:1800px;margin:0 auto;padding:0 58px;display:flex;align-items:center;justify-content:center;gap:58px} .hh-v5-promo-text-link{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;font-size:19px;line-height:1.35;font-weight:560;letter-spacing:.005em} .hh-v5-promo-text-link:hover{color:#fff;opacity:.85} .hh-v5-promo-text-link .hh-v5-promo-line{display:none} .hh-v5-promo-text-link .hh-v5-promo-desktop-copy{display:inline} .hh-v5-promo .hh-v5-promo-cta{background:#fff;color:var(--hhv5-gold-dark);text-decoration:none;border-radius:999px;padding:9px 27px;font-weight:600;font-size:16px;box-shadow:0 6px 15px rgba(18,34,53,.1)} @media(max-width:768px){ .hh-v5-promo-inner{height:auto!important;min-height:0!important;padding:12px 20px!important;display:block!important;text-align:center!important;gap:0!important} .hh-v5-promo .hh-v5-promo-cta{display:none!important} .hh-v5-promo-text-link{display:block!important;font-size:17px!important;line-height:1.45!important;font-weight:500!important} .hh-v5-promo-text-link .hh-v5-promo-desktop-copy{display:none!important} .hh-v5-promo-text-link .hh-v5-promo-line{display:block!important;font-size:17px;line-height:1.45;font-weight:500;color:#fff;text-decoration:inherit} } /* Hero */ .hh-v5-home{overflow:hidden;background:#fff} /* Landing page only: regular font weight (not Venus or global header) */ .hh-v5-home, .hh-v5-home *{ font-weight:400!important; } /* Landing page only – normal section content width (hero has no .hh-v5-container) */ .hh-v5-home .hh-v5-container{ max-width:1480px!important; margin-left:auto!important; margin-right:auto!important; padding-left:80px!important; padding-right:80px!important; box-sizing:border-box!important; } @media(max-width:1200px){ .hh-v5-home .hh-v5-container{ padding-left:48px!important; padding-right:48px!important; } } @media(max-width:768px){ .hh-v5-home .hh-v5-container{ padding-left:24px!important; padding-right:24px!important; } /* 集成制造技术能力 + 全球多区域 ERP – 手机 2 栏卡片 */ .hh-v5-home .hh-v7-showcase .hh-v7-card-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } .hh-v5-home .hh-v7-showcase .hh-v7-card{ grid-template-columns:1fr!important; min-height:0!important; min-width:0!important; width:100%!important; box-sizing:border-box!important; } .hh-v5-home .hh-v7-showcase .hh-v7-card-media{height:118px!important;} .hh-v5-home .hh-v7-showcase .hh-v7-card-content{padding:14px 12px 16px!important;} .hh-v5-home .hh-v7-showcase .hh-v7-card h3{ font-size:16px!important; line-height:1.35!important; margin-bottom:8px!important; } .hh-v5-home .hh-v7-showcase .hh-v7-card p{ font-size:14px!important; line-height:1.55!important; margin-bottom:10px!important; } .hh-v5-home .hh-v7-showcase .hh-v7-card a{font-size:13px!important;} .hh-v5-home .hh-v12-global .hh-v12-global-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } .hh-v5-home .hh-v12-global .hh-v12-global-card{ min-width:0!important; width:100%!important; box-sizing:border-box!important; padding:18px 14px 16px!important; } .hh-v5-home .hh-v12-global .hh-v12-global-icon{ width:34px!important; height:34px!important; margin:0 auto 12px!important; } .hh-v5-home .hh-v12-global .hh-v12-global-icon svg{ width:34px!important; height:34px!important; } .hh-v5-home .hh-v12-global .hh-v12-global-card h3{ font-size:16px!important; line-height:1.35!important; margin-bottom:8px!important; } .hh-v5-home .hh-v12-global .hh-v12-global-card p{ font-size:14px!important; line-height:1.55!important; } } .hh-v5-hero{height:680px;min-height:680px;background-size:cover;background-position:center center;display:flex;align-items:flex-start} .hh-v5-hero-content{margin-left:6.8vw;max-width:780px;color:#fff;padding:88px 24px 70px} .hh-v5-pill,.hh-v5-section-label{display:inline-flex;align-items:center;background:rgba(168,132,8,.96);color:#fff;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:650;margin-bottom:24px;line-height:1.2} .hh-v5-hero h1{font-size:64px;line-height:1.08;margin:0 0 24px;color:#fff;font-weight:760;letter-spacing:-.03em;text-shadow:0 2px 18px rgba(0,0,0,.12)} .hh-v5-hero p{font-size:21px;line-height:1.62;max-width:930px;margin:0 0 36px;color:rgba(255,255,255,.95);font-weight:480;text-shadow:0 1px 12px rgba(0,0,0,.12)} .hh-v5-hero-actions{display:flex;gap:22px;align-items:center} .hh-v5-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:15px 34px;text-decoration:none;font-weight:650;font-size:17px;line-height:1;transition:all .16s ease} .hh-v5-btn-primary{background:var(--hhv5-blue);color:#fff!important;box-shadow:0 10px 22px rgba(5,92,145,.24)} .hh-v5-btn-primary:hover{background:var(--hhv5-blue-dark);color:#fff!important;transform:translateY(-1px)} .hh-v5-btn-light{background:#fff;color:var(--hhv5-blue)!important;box-shadow:0 10px 22px rgba(18,34,53,.12)} .hh-v5-btn-light:hover{background:#f3f8fc;color:var(--hhv5-blue)!important;transform:translateY(-1px)} /* Shared sections */ .hh-v5-section{padding:90px 0;background:#fff} .hh-v5-muted{background:var(--hhv5-bg)} .hh-v5-container{max-width:1360px;margin:0 auto;padding:0 46px} .hh-v5-section-label{background:#e8f4fb;color:var(--hhv5-blue);margin-bottom:26px} .hh-v5-section-label.gold{background:rgba(168,132,8,.13);color:var(--hhv5-gold)} .hh-v5-section h2{font-size:38px;line-height:1.24;color:var(--hhv5-navy);margin:0 0 36px;font-weight:900;letter-spacing:-.02em} /* New integrated capability showcase */ .hh-v7-showcase{padding:84px 0 96px;background:var(--hhv5-bg)} .hh-v7-showcase-head{text-align:center;max-width:1100px;margin:0 auto 44px} .hh-v7-showcase-head .hh-v5-section-label{margin-bottom:22px} .hh-v7-showcase-head h2{font-size:54px;line-height:1.16;color:var(--hhv5-navy);margin:0 0 18px;font-weight:900;letter-spacing:-.03em} .hh-v7-showcase-head p{font-size:21px;line-height:1.68;color:var(--hhv5-muted);margin:0 auto;max-width:1050px} .hh-v7-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .hh-v7-card{display:grid;grid-template-columns:170px 1fr;background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;overflow:hidden;box-shadow:0 12px 28px rgba(18,34,53,.07);min-height:280px;transition:transform .16s ease,box-shadow .16s ease} .hh-v7-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(18,34,53,.1)} .hh-v7-card-media{background:#dbe7f2} .hh-v7-card-media img{width:100%;height:100%;display:block;object-fit:cover} .hh-v7-card-content{padding:30px 28px 28px;display:flex;flex-direction:column} .hh-v7-card h3{font-size:22px;line-height:1.3;color:var(--hhv5-navy);margin:0 0 16px;font-weight:850} .hh-v7-card p{font-size:16px;line-height:1.74;color:var(--hhv5-muted);margin:0 0 20px;flex:1} .hh-v7-card a{display:inline-flex;align-items:center;color:var(--hhv5-blue);text-decoration:none;font-size:16px;font-weight:850;letter-spacing:.005em} .hh-v7-card a:hover{color:var(--hhv5-gold-dark)} .hh-v7-showcase-cta{text-align:center;margin-top:40px} .hh-v7-pill-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--hhv5-blue);color:#fff!important;border-radius:12px;padding:18px 34px;text-decoration:none;font-size:17px;font-weight:800;box-shadow:0 10px 22px rgba(5,92,145,.24)} .hh-v7-pill-btn:hover{background:var(--hhv5-blue-dark);color:#fff!important;transform:translateY(-1px)} /* Product section */ .hh-v5-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px} .hh-v5-cap-grid article,.hh-v5-product{background:#fff;border:1px solid var(--hhv5-line);border-radius:16px;padding:31px;box-shadow:0 14px 34px rgba(18,34,53,.06)} .hh-v5-cap-grid h3,.hh-v5-product h3{font-size:20px;margin:0 0 13px;color:var(--hhv5-navy);font-weight:850} .hh-v5-cap-grid p,.hh-v5-product p{font-size:16px;line-height:1.72;color:var(--hhv5-muted);margin:0} /* Industry solution carousel */ .hh-v8-solutions{padding:84px 0 92px;background:#f3f5f7} .hh-v8-solutions-head{max-width:1180px;margin:0 auto 34px} .hh-v8-solutions-head h2{font-size:58px;line-height:1.12;color:var(--hhv5-navy);margin:0 0 18px;font-weight:900;letter-spacing:-.03em} .hh-v8-solutions-head p{font-size:20px;line-height:1.65;color:var(--hhv5-muted);margin:0;max-width:1100px} .hh-v8-solution-track{display:flex;gap:28px;overflow-x:auto;padding:12px 0 20px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch} .hh-v8-solution-track::-webkit-scrollbar{height:12px} .hh-v8-solution-track::-webkit-scrollbar-track{background:rgba(0,0,0,.03);border-radius:999px} .hh-v8-solution-track::-webkit-scrollbar-thumb{background:rgba(18,34,53,.18);border-radius:999px} .hh-v8-solution-card{min-width:368px;max-width:368px;background:#fff;border:1px solid var(--hhv5-line);border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(18,34,53,.08);display:flex;flex-direction:column;scroll-snap-align:start} .hh-v8-solution-media img{width:100%;display:block;object-fit:cover} .hh-v8-solution-content{padding:26px 30px 22px;display:flex;flex-direction:column;flex:1} .hh-v8-solution-content h3{font-size:23px;line-height:1.28;margin:0 0 12px;color:var(--hhv5-navy);font-weight:850} .hh-v8-solution-content h4{font-size:18px;line-height:1.42;margin:0 0 14px;color:#324459;font-weight:650} .hh-v8-solution-content p{font-size:16px;line-height:1.7;color:var(--hhv5-muted);margin:0;flex:1} .hh-v8-solution-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #e9eef4} .hh-v8-link-btn{display:inline-flex;align-items:center;color:#445366;text-decoration:underline;text-underline-offset:3px;font-size:15px;font-weight:650} .hh-v8-link-btn:hover{color:var(--hhv5-navy)} .hh-v8-main-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--hhv5-teal);color:#fff!important;text-decoration:none;border-radius:12px;padding:13px 22px;font-size:16px;font-weight:800;white-space:nowrap;box-shadow:0 10px 22px rgba(30,196,182,.24)} .hh-v8-main-btn:hover{background:var(--hhv5-teal-dark);color:#fff!important;transform:translateY(-1px)} /* Why ACC section */ .hh-v9-whyacc{padding:92px 0 76px;background:#f5f6f8} .hh-v9-whyacc-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);gap:56px;align-items:center} .hh-v9-eyebrow{display:inline-block;margin-bottom:18px;color:#ff6c47;font-size:16px;line-height:1;font-weight:800;letter-spacing:.12em} .hh-v9-whyacc-copy h2{margin:0 0 34px;font-size:60px;line-height:1.18;letter-spacing:-.035em;color:var(--hhv5-navy);font-weight:900} .hh-v9-feature-list{display:flex;flex-direction:column;gap:26px} .hh-v9-feature-item{display:grid;grid-template-columns:42px 1fr;gap:18px;align-items:flex-start} .hh-v9-check{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#24c7b8;color:#fff;font-size:23px;font-weight:900;line-height:1;box-shadow:0 8px 18px rgba(36,199,184,.25)} .hh-v9-feature-item h3{margin:0 0 8px;font-size:27px;line-height:1.25;color:var(--hhv5-navy);font-weight:850} .hh-v9-feature-item p{margin:0;font-size:17px;line-height:1.62;color:#627387;max-width:760px} .hh-v9-visual-card{background:#fff;border-radius:26px;box-shadow:0 20px 48px rgba(20,36,57,.08);padding:0;overflow:hidden} .hh-v9-visual-card img{display:block;width:100%;height:auto} /* Stats section */ .hh-v9-stats{padding:78px 0 88px;background:#f5f6f8} .hh-v9-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start} .hh-v9-stat-item{text-align:center} .hh-v9-stat-item strong{display:block;font-size:64px;line-height:1.1;color:var(--hhv5-navy);font-weight:900;letter-spacing:-.04em;margin-bottom:18px} .hh-v9-stat-item span{display:block;font-size:18px;line-height:1.5;color:#75869c} .hh-v9-stats-cta{display:flex;justify-content:center;margin-top:52px} .hh-v9-center-btn{padding:18px 40px;border-radius:14px;font-size:18px;min-width:500px;justify-content:center} /* Gartner section */ .hh-v9-gartner{padding:84px 0 96px;background:linear-gradient(135deg,#123b57 0%,#173e59 28%,#1b4665 100%);color:#fff} .hh-v9-gartner h2{max-width:1360px;margin:0 auto 58px;text-align:center;font-size:58px;line-height:1.22;letter-spacing:-.03em;color:#fff;font-weight:850} .hh-v9-gartner-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1fr);gap:78px;align-items:center} .hh-v9-gartner-image img{display:block;width:100%;max-width:520px;height:auto;margin:0 auto} .hh-v9-gartner-copy h3{margin:0 0 24px;color:#fff;font-size:34px;line-height:1.28;font-weight:850} .hh-v9-gartner-copy p{margin:0 0 26px;color:rgba(255,255,255,.92);font-size:18px;line-height:1.72} .hh-v9-gartner-copy ul{margin:0;padding-left:28px;color:#fff} .hh-v9-gartner-copy li{font-size:18px;line-height:1.9;color:rgba(255,255,255,.96);margin:4px 0} /* Insight + CTA */ .hh-v5-insight{background:#10263c;color:#fff} .hh-v5-insight-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:center} .hh-v5-insight h2{color:#fff;margin:0;font-size:40px} .hh-v5-insight p{font-size:21px;line-height:1.75;margin:0;color:rgba(255,255,255,.88)} .hh-v5-final-cta{background:#123049;color:#fff;text-align:center;padding:92px 24px} .hh-v5-final-cta h2{color:#fff;font-size:40px;margin:0 0 17px;font-weight:900;letter-spacing:-.02em} .hh-v5-final-cta p{font-size:19px;color:rgba(255,255,255,.86);margin:0 0 33px} .hh-v5-final-cta .hh-v5-btn{margin:0 8px} /* Footer */ .hh-v5-footer{background:#062b35;color:#e5edf2} .hh-v5-footer a{color:#dbeaf0;text-decoration:none} .hh-v5-footer a:hover{color:var(--hhv5-gold);text-decoration:underline;text-underline-offset:3px} .hh-v5-footer-top{padding:64px 0 46px} .hh-v5-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;align-items:start} .hh-v5-footer-col h3{margin:0 0 14px;font-size:16px;line-height:1.25;font-weight:400;color:#fff;letter-spacing:.01em;position:relative;padding-bottom:10px} .hh-v5-footer-col h3:after{content:\"\";position:absolute;left:0;bottom:0;width:34px;height:2px;background:rgba(168,132,8,.75);border-radius:999px} .hh-v5-footer-col p{margin:0 0 12px;font-size:14.5px;line-height:1.7;font-weight:300;color:#a9bac5} .hh-v5-footer-tagline{color:#dbe7f3} .hh-v5-footer-col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px} .hh-v5-footer-col li{margin:0} .hh-v5-footer-col li a{font-size:14.5px;line-height:1.5;font-weight:300;color:#dbeaf0} .hh-v5-footer-email a{font-weight:300} .hh-v5-footer-cta{display:inline-flex;margin-top:10px} .hh-v5-footer-bottom{border-top:1px solid rgba(219,234,240,.12);padding:16px 0} .hh-v5-footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;line-height:1.4;font-weight:300;color:#a9bac5} .hh-v5-footer-bottom-right{color:#dbe7f3} /* Hide Astra theme footer (avoid duplicates) */ body.hh-v5-active footer.site-footer{display:none!important} /* Astra theme default bottom spacing creates a white bar above our custom footer */ body.hh-v5-active #primary.content-area.primary{ margin-bottom:0!important; } @media(max-width:1460px){ .hh-v8-solutions-head h2{font-size:48px} .hh-v9-whyacc-copy h2{font-size:48px} .hh-v9-feature-item h3{font-size:24px} .hh-v9-stat-item strong{font-size:54px} .hh-v9-gartner h2{font-size:46px} .hh-v9-gartner-copy h3{font-size:30px} .hh-v8-solutions-head p{font-size:18px} .hh-v8-solution-card{min-width:350px;max-width:350px} .hh-v5-header-inner{grid-template-columns:240px 1fr 146px;padding:0 34px;gap:18px} .hh-v5-logo img{width:214px} .hh-v5-nav{gap:22px;font-size:15.5px} .hh-v5-cta{padding:13px 21px;font-size:15px} .hh-v5-promo-inner{padding:0 34px} .hh-v5-hero h1{font-size:58px} .hh-v5-hero p{font-size:19px} .hh-v5-hero-content{max-width:730px} .hh-v7-showcase-head h2{font-size:46px} .hh-v7-showcase-head p{font-size:19px} .hh-v7-card-grid{gap:22px} .hh-v7-card{grid-template-columns:156px 1fr} } @media(max-width:1180px){ .hh-v8-solutions{padding:70px 0 78px} .hh-v9-whyacc{padding:76px 0 64px} .hh-v9-whyacc-grid{grid-template-columns:1fr;gap:34px} .hh-v9-whyacc-copy h2{font-size:42px} .hh-v9-feature-item h3{font-size:22px} .hh-v9-feature-item p{font-size:16px} .hh-v9-stats{padding:64px 0 72px} .hh-v9-stats-grid{grid-template-columns:1fr;gap:26px} .hh-v9-stat-item strong{font-size:50px} .hh-v9-center-btn{min-width:0;width:100%;max-width:520px} .hh-v9-gartner{padding:72px 0 82px} .hh-v9-gartner h2{font-size:40px;margin-bottom:42px} .hh-v9-gartner-grid{grid-template-columns:1fr;gap:34px} .hh-v9-gartner-image img{max-width:420px} .hh-v9-gartner-copy h3{font-size:28px} .hh-v8-solutions-head h2{font-size:40px} .hh-v8-solutions-head p{font-size:17px} .hh-v8-solution-card{min-width:320px;max-width:320px} .hh-v5-promo-inner{height:auto;min-height:56px;padding:11px 24px;gap:18px;justify-content:space-between} .hh-v5-promo-text-link{font-size:16px} .hh-v5-promo .hh-v5-promo-cta{font-size:15px;padding:8px 20px} .hh-v5-hero{height:620px;min-height:620px} .hh-v5-hero-content{margin-left:4.5vw;padding-top:72px} .hh-v5-product-grid{grid-template-columns:repeat(2,1fr)} .hh-v7-showcase{padding:70px 0 80px} .hh-v7-showcase-head h2{font-size:40px} .hh-v7-card-grid{grid-template-columns:1fr 1fr} .hh-v7-card{grid-template-columns:150px 1fr;min-height:256px} } @media(max-width:720px){ .hh-v8-solutions{padding:58px 0 64px} .hh-v9-whyacc{padding:58px 0 54px} .hh-v9-eyebrow{font-size:14px} .hh-v9-whyacc-copy h2{font-size:34px;line-height:1.22;margin-bottom:26px} .hh-v9-feature-list{gap:22px} .hh-v9-feature-item{grid-template-columns:34px 1fr;gap:14px} .hh-v9-check{width:30px;height:30px;font-size:18px} .hh-v9-feature-item h3{font-size:19px} .hh-v9-feature-item p{font-size:15px;line-height:1.58} .hh-v9-visual-card{border-radius:20px} .hh-v9-stats{padding:50px 0 58px} .hh-v9-stat-item strong{font-size:42px;margin-bottom:10px} .hh-v9-stat-item span{font-size:16px} .hh-v9-stats-cta{margin-top:36px} .hh-v9-center-btn{font-size:17px;padding:16px 24px;width:100%;min-width:0} .hh-v9-gartner{padding:58px 0 64px} .hh-v9-gartner h2{font-size:30px;line-height:1.28;margin-bottom:30px} .hh-v9-gartner-image img{max-width:320px} .hh-v9-gartner-copy h3{font-size:23px;margin-bottom:16px} .hh-v9-gartner-copy p,.hh-v9-gartner-copy li{font-size:16px} .hh-v9-gartner-copy ul{padding-left:22px} .hh-v8-solutions-head h2{font-size:32px} .hh-v8-solutions-head p{font-size:16px} .hh-v8-solution-track{gap:18px;padding-bottom:14px} .hh-v8-solution-card{min-width:86vw;max-width:86vw} .hh-v8-solution-content{padding:20px 20px 18px} .hh-v8-solution-content h3{font-size:20px} .hh-v8-solution-content h4{font-size:16px} .hh-v8-solution-content p{font-size:15px} .hh-v8-solution-actions{flex-wrap:wrap;justify-content:flex-start} .hh-v5-header-inner{display:flex;align-items:center;flex-wrap:wrap;min-height:0;padding:13px 16px} .hh-v5-logo{flex:1 1 100%} .hh-v5-logo img{width:190px} .hh-v5-cta{order:2;padding:10px 15px;font-size:14px;margin-right:8px} .hh-v5-nav{order:3;flex:1 1 100%;font-size:14px;gap:14px} .hh-v5-hero{height:570px;min-height:570px;background-position:center center} .hh-v5-hero-content{margin-left:0;padding:44px 22px 52px} .hh-v5-pill{font-size:13px;padding:8px 13px;margin-bottom:19px} .hh-v5-hero h1{font-size:38px;line-height:1.06} .hh-v5-hero p{font-size:16px} .hh-v5-hero-actions{flex-wrap:wrap;gap:12px} .hh-v5-btn{padding:14px 22px;font-size:15px} .hh-v5-product-grid,.hh-v5-insight-grid,.hh-v7-card-grid{grid-template-columns:1fr} .hh-v5-section h2,.hh-v5-final-cta h2,.hh-v5-insight h2{font-size:30px} .hh-v5-section,.hh-v7-showcase{padding:60px 0} .hh-v5-container{padding:0 24px} .hh-v7-showcase-head h2{font-size:32px} .hh-v7-showcase-head p{font-size:16px} .hh-v7-card{grid-template-columns:1fr;min-height:0} .hh-v7-card-media{height:220px} .hh-v7-card-content{padding:22px 22px 24px} .hh-v7-card h3{font-size:20px} .hh-v7-card p{font-size:15px} .hh-v7-pill-btn{width:100%;padding:16px 22px;font-size:15px} .hh-v5-footer-top{padding:50px 0 34px} .hh-v5-footer-grid{grid-template-columns:1fr;gap:22px} .hh-v5-footer-col h3{padding-bottom:8px} .hh-v5-footer-bottom-inner{flex-direction:column;align-items:flex-start} } /* V11 Chinese content refinements */ .hh-v9-whyacc-copy h2{max-width:720px} .hh-v9-gartner-image img{max-width:420px} @media(max-width:1460px){ .hh-v9-gartner-image img{max-width:380px} } @media(max-width:720px){ .hh-v9-gartner-image img{max-width:260px} } /* V12 fixes */ .hh-v9-whyacc-copy h2{max-width:820px;white-space:normal} .hh-v9-visual-card{background:transparent;box-shadow:none;border-radius:0;overflow:visible} .hh-v9-whyacc-visual img{display:block;width:100%;max-width:760px;height:auto;margin-left:auto} .hh-v9-gartner h2{max-width:1220px;font-size:50px;line-height:1.2} .hh-v9-gartner-image img{max-width:340px} .hh-v9-gartner-grid{grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:64px} .hh-v12-global{padding:86px 0 96px;background:#f5f6f8} .hh-v12-global-eyebrow{display:inline-block;margin-bottom:14px;color:#75869c;font-size:16px;line-height:1;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .hh-v12-global h2{margin:0 0 20px;color:var(--hhv5-navy);font-size:58px;line-height:1.16;letter-spacing:-.03em;font-weight:900} .hh-v12-global-intro{max-width:1150px;margin:0 0 38px;color:#627387;font-size:20px;line-height:1.68} .hh-v12-global-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px} .hh-v12-global-card{background:#fff;border:1px solid rgba(17,33,52,.08);border-radius:18px;padding:34px 28px 28px;box-shadow:0 10px 24px rgba(20,36,57,.04)} .hh-v12-global-icon{width:84px;height:84px;margin:0 auto 24px;color:#5b738a;display:flex;align-items:center;justify-content:center} .hh-v12-global-icon svg{width:100%;height:100%} .hh-v12-global-card h3{margin:0 0 12px;color:var(--hhv5-navy);font-size:22px;line-height:1.3;font-weight:850} .hh-v12-global-card p{margin:0;color:#627387;font-size:17px;line-height:1.62} @media(max-width:1460px){ .hh-v9-whyacc-copy h2{font-size:54px} .hh-v9-gartner h2{font-size:44px} .hh-v12-global h2{font-size:48px} } @media(max-width:1100px){ .hh-v12-global-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:991px){ .hh-v9-gartner-grid{grid-template-columns:1fr;gap:34px} .hh-v9-gartner-image img{max-width:280px} .hh-v12-global{padding:72px 0 78px} .hh-v12-global h2{font-size:40px} .hh-v12-global-intro{font-size:18px} } @media(max-width:767px){ .hh-v9-whyacc-copy h2{font-size:36px;line-height:1.2} .hh-v9-gartner h2{font-size:30px;line-height:1.26;max-width:100%} .hh-v12-global-grid{grid-template-columns:1fr;gap:22px} .hh-v12-global h2{font-size:32px} .hh-v12-global-card{padding:26px 22px 24px} .hh-v12-global-card h3{font-size:21px} .hh-v12-global-card p{font-size:16px} } /* V19 refinements: adjusted overall sizing, Chinese proof sections and mobile hamburger */ .hh-v19-menu-toggle{display:none;background:transparent;border:0;width:44px;height:44px;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer} .hh-v19-menu-toggle span{display:block;width:25px;height:2.5px;background:var(--hhv5-navy);border-radius:999px;transition:transform .18s ease,opacity .18s ease} .hh-v19-menu-open span:nth-child(1){transform:translateY(8.5px) rotate(45deg)} .hh-v19-menu-open span:nth-child(2){opacity:0} .hh-v19-menu-open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)} .hh-v19-about,.hh-v19-impact,.hh-v19-authority{font-size:90%} .hh-v7-showcase,.hh-v8-solutions,.hh-v9-whyacc,.hh-v9-stats,.hh-v12-global,.hh-v9-gartner,.hh-v19-about,.hh-v19-impact,.hh-v19-authority{--hhv13-scale:.9} .hh-v7-showcase{padding:76px 0 86px} .hh-v8-solutions{padding:76px 0 83px} .hh-v9-whyacc{padding:83px 0 68px} .hh-v9-stats{padding:63px 0 76px} .hh-v12-global{padding:77px 0 86px} .hh-v9-gartner{padding:76px 0 88px} .hh-v7-showcase-head h2,.hh-v8-solutions-head h2,.hh-v9-whyacc-copy h2,.hh-v12-global h2{font-size:52px} .hh-v9-gartner h2{font-size:45px} .hh-v7-showcase-head p,.hh-v8-solutions-head p,.hh-v12-global-intro{font-size:18px} .hh-v7-card h3,.hh-v12-global-card h3{font-size:20px} .hh-v7-card p,.hh-v12-global-card p{font-size:15.5px} .hh-v19-about{background:#f5f7fa;padding:76px 0 80px} .hh-v19-about-grid{display:grid;grid-template-columns:1.1fr 1fr .95fr;gap:56px;align-items:start} .hh-v19-small-label{display:block;color:var(--hhv5-navy);font-size:40px;line-height:1.15;font-weight:900;letter-spacing:.08em;margin-bottom:28px} .hh-v19-about-copy h2{font-size:27px;line-height:1.45;margin:0 0 26px;color:var(--hhv5-navy);font-weight:850;max-width:520px} .hh-v19-about-copy p,.hh-v19-commit-card p{font-size:17px;line-height:1.78;color:#627387;margin:0 0 23px} .hh-v19-commit-card{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:16px;padding:42px 44px 38px;box-shadow:0 12px 30px rgba(18,34,53,.06)} .hh-v19-commit-card h3{font-size:28px;line-height:1.25;color:var(--hhv5-navy);margin:0 0 25px;font-weight:900} .hh-v19-proof-list{display:grid;gap:24px} .hh-v19-proof-item{display:grid;grid-template-columns:42px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:14px;padding:28px 30px;box-shadow:0 10px 22px rgba(18,34,53,.045)} .hh-v19-proof-item span{font-size:26px;color:#17b69e;line-height:1;text-align:center} .hh-v19-proof-item h3{font-size:21px;line-height:1.28;color:var(--hhv5-navy);font-weight:850;margin:0 0 9px} .hh-v19-proof-item p{font-size:15.5px;line-height:1.5;color:#627387;margin:0} .hh-v19-impact{background:#fff;padding:76px 0 84px} .hh-v19-impact-head{text-align:center;max-width:1120px;margin:0 auto 54px} .hh-v19-impact-head h2{font-size:42px;line-height:1.18;color:var(--hhv5-navy);font-weight:900;letter-spacing:.06em;margin:0 0 24px} .hh-v19-impact-head p{font-size:18px;line-height:1.7;color:#627387;margin:0 auto 32px;max-width:1050px} .hh-v19-rating{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--hhv5-navy)} .hh-v19-rating strong{font-size:24px;line-height:1;font-weight:900} .hh-v19-rating span{font-size:15.5px;line-height:1.55;color:#627387;text-align:left} .hh-v19-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .hh-v19-impact-grid article{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:15px;padding:38px 34px 34px;box-shadow:0 10px 24px rgba(18,34,53,.045);min-height:260px} .hh-v19-impact-grid h3{font-size:22px;line-height:1.38;color:var(--hhv5-navy);font-weight:900;margin:0 0 22px;letter-spacing:.03em} .hh-v19-impact-grid p{font-size:17px;line-height:1.72;color:#334155;margin:0 0 26px} .hh-v19-impact-grid em{font-size:15.5px;line-height:1.55;color:#68798d} .hh-v19-authority{background:#b8d2d1;padding:84px 0 86px;color:#102235;position:relative} .hh-v19-authority:before,.hh-v19-authority:after{content:"";position:absolute;top:0;bottom:0;width:7.3vw;background:#274850;opacity:.98} .hh-v19-authority:before{left:0}.hh-v19-authority:after{right:0} .hh-v19-authority .hh-v5-container{position:relative;z-index:1} .hh-v19-authority h2{font-size:34px;line-height:1.25;font-weight:900;margin:0 0 24px;letter-spacing:.01em;color:#132437} .hh-v19-authority p{font-size:20px;line-height:1.7;color:#25394b;margin:0 0 34px;max-width:1280px} .hh-v19-dark-btn{display:inline-flex;align-items:center;justify-content:center;background:#121619;color:#fff!important;text-decoration:none;border-radius:7px;padding:19px 34px;font-size:18px;font-weight:850;letter-spacing:.04em;box-shadow:0 12px 28px rgba(18,22,25,.16)} .hh-v19-dark-btn:hover{background:#0b1014;color:#fff!important;transform:translateY(-1px)} @media(max-width:1180px){ .hh-v19-about-grid{grid-template-columns:1fr;gap:30px} .hh-v19-proof-list{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-v19-impact-grid{grid-template-columns:1fr} .hh-v7-showcase-head h2,.hh-v8-solutions-head h2,.hh-v9-whyacc-copy h2,.hh-v12-global h2{font-size:40px} .hh-v9-gartner h2{font-size:38px} } @media(max-width:720px){ .hh-v19-menu-toggle{display:flex;order:2;margin-left:auto} .hh-v5-header-inner{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;padding:12px 16px!important;position:relative} .hh-v5-logo{flex:0 1 auto!important;max-width:72%} .hh-v5-logo img{width:172px!important;max-height:54px!important} .hh-v5-cta{display:none!important} .hh-v19-nav-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease} .hh-v19-nav-overlay.hh-v19-nav-overlay-open{opacity:1;visibility:visible;pointer-events:auto} .hh-v5-nav{display:flex!important;flex-direction:column;position:fixed!important;top:0;right:0;left:auto;width:66.666vw;max-width:420px;min-width:300px;height:100vh;max-height:100vh;overflow-y:auto;background:#fff!important;opacity:1!important;border-top:0;border-left:1px solid rgba(18,34,53,.08);box-shadow:-14px 0 38px rgba(18,34,53,.16);padding:88px 16px 24px!important;gap:0!important;font-size:15px!important;order:3;flex:0 0 auto!important;transform:translateX(100%);transition:transform .3s ease;visibility:visible;pointer-events:none} .hh-v5-nav.hh-v19-nav-open{transform:translateX(0);pointer-events:auto} .hh-v5-nav{padding-top:20px!important} .hh-v19-menu-toggle{position:relative} .hh-v5-nav>a,.hh-v5-nav-item>a{display:block;padding:14px 4px;border-bottom:1px solid #edf2f7;color:var(--hhv5-navy)!important} .hh-v5-nav-item{padding:0!important} .hh-v5-nav-item>a:after{float:right;margin-right:4px} .hh-v5-dropdown{display:block!important;position:static!important;transform:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;box-shadow:none!important;border:0!important;min-width:0!important;padding:0 0 8px 14px!important;border-radius:0!important;background:#fff!important} .hh-v5-dropdown a{padding:9px 4px!important;font-size:14px!important;color:#526276!important;border-bottom:0!important} .hh-v19-about,.hh-v19-impact,.hh-v19-authority{padding:56px 0 62px} .hh-v19-small-label{font-size:32px;margin-bottom:20px} .hh-v19-about-copy h2{font-size:23px} .hh-v19-about-copy p,.hh-v19-commit-card p{font-size:15.5px} .hh-v19-commit-card{padding:28px 24px} .hh-v19-commit-card h3{font-size:24px} .hh-v19-proof-list{grid-template-columns:1fr;gap:16px} .hh-v19-proof-item{padding:22px 20px;grid-template-columns:34px 1fr} .hh-v19-impact-head h2{font-size:29px;letter-spacing:.02em} .hh-v19-impact-head p{font-size:16px} .hh-v19-rating{align-items:flex-start} .hh-v19-impact-grid article{padding:28px 24px;min-height:0} .hh-v19-impact-grid h3{font-size:20px} .hh-v19-impact-grid p{font-size:15.5px} .hh-v19-authority:before,.hh-v19-authority:after{display:none} .hh-v19-authority h2{font-size:25px} .hh-v19-authority p{font-size:16px} .hh-v19-dark-btn{width:100%;font-size:16px;padding:17px 20px} } /* V19 global desktop size tuning: reduce overall visual size by about 10% */ @media(min-width:721px){ .hh-v5-header-inner{height:84px;max-width:1680px;padding:0 52px;grid-template-columns:minmax(240px,300px) 1fr 146px;gap:24px} .hh-v5-logo img{width:214px;max-height:58px} .hh-v5-nav{gap:30px;font-size:15px} .hh-v5-nav-item{padding:0} .hh-v5-dropdown{top:72px;min-width:264px} .hh-v5-dropdown a{padding:12px 20px;font-size:14.5px} .hh-v5-cta{padding:12px 21px;font-size:14.5px} .hh-v5-promo-inner{height:52px;max-width:1680px;padding:0 52px;gap:40px} .hh-v5-promo-text-link{font-size:17px} .hh-v5-promo .hh-v5-promo-cta{padding:8px 24px;font-size:14.5px} .hh-v5-hero{height:612px;min-height:612px} .hh-v5-hero-content{margin-left:6.2vw;max-width:710px;padding:78px 24px 58px} .hh-v5-pill,.hh-v5-section-label{padding:7px 16px;font-size:14px;margin-bottom:22px} .hh-v5-hero h1{font-size:57px;margin:0 0 21px} .hh-v5-hero p{font-size:19px;line-height:1.56;max-width:840px;margin:0 0 32px} .hh-v5-hero-actions{gap:18px} .hh-v5-btn{padding:14px 30px;font-size:15.5px} .hh-v5-section,.hh-v7-showcase,.hh-v8-solutions,.hh-v9-whyacc,.hh-v9-stats,.hh-v12-global,.hh-v9-gartner,.hh-v19-about,.hh-v19-impact,.hh-v19-authority{padding-top:calc(var(--section-pt,80px) * .9);padding-bottom:calc(var(--section-pb,84px) * .9)} .hh-v7-showcase{--section-pt:76px;--section-pb:86px} .hh-v8-solutions{--section-pt:76px;--section-pb:83px} .hh-v9-whyacc{--section-pt:83px;--section-pb:68px} .hh-v9-stats{--section-pt:63px;--section-pb:76px} .hh-v12-global{--section-pt:77px;--section-pb:86px} .hh-v9-gartner{--section-pt:76px;--section-pb:88px} .hh-v19-about{--section-pt:76px;--section-pb:80px} .hh-v19-impact{--section-pt:76px;--section-pb:84px} .hh-v19-authority{--section-pt:84px;--section-pb:86px} .hh-v5-container{max-width:1280px;padding:0 40px} .hh-v5-section h2{font-size:34px;margin:0 0 32px} .hh-v7-showcase-head{text-align:center;max-width:990px;margin:0 auto 38px} .hh-v7-showcase-head h2,.hh-v8-solutions-head h2,.hh-v9-whyacc-copy h2,.hh-v12-global h2{font-size:47px} .hh-v9-gartner h2{font-size:41px} .hh-v7-showcase-head p,.hh-v8-solutions-head p,.hh-v12-global-intro{font-size:17px;line-height:1.62} .hh-v7-card-grid,.hh-v5-cap-grid,.hh-v19-impact-grid{gap:24px} .hh-v7-card{grid-template-columns:156px 1fr;min-height:252px} .hh-v7-card-content{padding:26px 24px 24px} .hh-v7-card h3,.hh-v12-global-card h3{font-size:18.5px;margin-bottom:12px} .hh-v7-card p,.hh-v12-global-card p,.hh-v5-cap-grid p,.hh-v5-product p{font-size:14.5px;line-height:1.66} .hh-v7-pill-btn{padding:16px 30px;font-size:15.5px} .hh-v8-solutions-head{max-width:1100px;margin:0 auto 30px} .hh-v8-solutions-head p{max-width:980px} .hh-v8-solution-track{gap:24px;padding:10px 0 16px} .hh-v8-solution-card{min-width:332px;max-width:332px;border-radius:20px} .hh-v8-solution-content{padding:23px 26px 20px} .hh-v8-solution-content h3{font-size:21px} .hh-v8-solution-content h4{font-size:16.5px;margin-bottom:12px} .hh-v8-solution-content p{font-size:14.5px;line-height:1.64} .hh-v9-whyacc-grid{gap:42px} .hh-v9-whyacc-copy p{font-size:17px;line-height:1.7} .hh-v9-whyacc-device{padding:26px;border-radius:18px} .hh-v9-stat-grid{gap:22px} .hh-v9-stat-card{padding:28px 24px} .hh-v9-stat-card strong{font-size:37px} .hh-v9-stat-card span{font-size:15px} .hh-v9-gartner-grid{gap:34px;align-items:center} .hh-v9-gartner-copy p{font-size:17px;line-height:1.66} .hh-v9-gartner-title-line{font-size:18px} .hh-v9-gartner-icon img{max-width:210px} .hh-v12-global-grid{gap:24px} .hh-v12-global-card{padding:30px 26px 28px} .hh-v12-global-card p{font-size:14.5px} .hh-v19-about-grid{gap:46px} .hh-v19-small-label{font-size:36px;margin-bottom:24px} .hh-v19-about-copy h2{font-size:24px;margin-bottom:22px;max-width:480px} .hh-v19-about-copy p,.hh-v19-commit-card p{font-size:15.5px;line-height:1.7;margin:0 0 20px} .hh-v19-commit-card{padding:36px 38px 34px} .hh-v19-commit-card h3{font-size:25px;margin-bottom:21px} .hh-v19-proof-list{gap:20px} .hh-v19-proof-item{grid-template-columns:38px 1fr;gap:16px;padding:24px 26px} .hh-v19-proof-item span{font-size:23px} .hh-v19-proof-item h3{font-size:19px;margin-bottom:8px} .hh-v19-proof-item p{font-size:14.5px} .hh-v19-impact-head{max-width:1010px;margin:0 auto 46px} .hh-v19-impact-head h2{font-size:38px;margin:0 0 20px} .hh-v19-impact-head p{font-size:16.5px;margin:0 auto 28px;max-width:940px} .hh-v19-rating strong{font-size:22px} .hh-v19-rating span{font-size:14.5px} .hh-v19-impact-grid article{padding:34px 30px 30px;min-height:234px} .hh-v19-impact-grid h3{font-size:20px;margin:0 0 18px} .hh-v19-impact-grid p{font-size:15.5px;line-height:1.64;margin:0 0 22px} .hh-v19-impact-grid em{font-size:14.5px} .hh-v19-authority:before,.hh-v19-authority:after{width:6vw} .hh-v19-authority h2{font-size:31px;margin:0 0 20px} .hh-v19-authority p{font-size:18px;line-height:1.62;margin:0 0 30px;max-width:1140px} .hh-v19-dark-btn{padding:17px 30px;font-size:16.5px} } /* V19 tweaks: center authority CTA section and shift accent colors to logo blue + gold */ .hh-v19-authority .hh-v5-container{ text-align:center; display:flex; flex-direction:column; align-items:center; } .hh-v19-authority h2{ max-width:1320px; margin-left:auto; margin-right:auto; } .hh-v19-authority p{ max-width:1320px; margin:0 auto 34px; } .hh-v19-dark-btn{ margin-left:auto; margin-right:auto; } /* Starting from the solutions section onward, replace green accents with logo-tone blue and gold */ .hh-v8-main-btn{ background:var(--hhv5-blue); border:1px solid rgba(168,132,8,.28); box-shadow:0 10px 22px rgba(12,113,181,.22); } .hh-v8-main-btn:hover{ background:var(--hhv5-blue-dark); border-color:rgba(168,132,8,.45); box-shadow:0 12px 24px rgba(168,132,8,.18); } .hh-v8-link-btn:hover{color:var(--hhv5-gold-dark)} .hh-v9-eyebrow{color:var(--hhv5-gold)} .hh-v9-check{ background:var(--hhv5-gold); box-shadow:0 8px 18px rgba(168,132,8,.24); } .hh-v12-global-icon{color:var(--hhv5-blue)} .hh-v12-global-card:nth-child(even) .hh-v12-global-icon{color:var(--hhv5-gold)} .hh-v19-proof-item span{color:var(--hhv5-blue)} .hh-v19-proof-item:nth-child(even) span{color:var(--hhv5-gold)} @media(max-width:720px){ .hh-v19-authority .hh-v5-container{text-align:center;align-items:center} .hh-v19-authority p{margin:0 auto 28px} } /* V19 Venus product page template */ .hh-product-page{background:#fff;color:var(--hhv5-text);overflow:hidden} .hh-product-container{max-width:1280px;margin:0 auto;padding:0 40px} .hh-product-hero{min-height:620px;background-size:cover;background-position:center;display:flex;align-items:center;color:#fff} .hh-product-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.8fr);gap:58px;align-items:center;width:100%} .hh-product-kicker,.hh-product-eyebrow{display:inline-flex;align-items:center;border-radius:999px;background:rgba(168,132,8,.16);color:var(--hhv5-gold);font-weight:850;font-size:14px;line-height:1;letter-spacing:.08em;text-transform:uppercase;padding:9px 16px;margin-bottom:22px} .hh-product-hero .hh-product-kicker{background:rgba(168,132,8,.96);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.15)} .hh-product-hero h1{font-size:58px;line-height:1.12;letter-spacing:-.04em;color:#fff;margin:0 0 24px;font-weight:930;max-width:820px} .hh-product-hero p{font-size:19px;line-height:1.72;color:rgba(255,255,255,.92);max-width:760px;margin:0 0 34px} .hh-product-hero-actions,.hh-product-cta-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap} .hh-product-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:15px 28px;font-size:16px;font-weight:850;text-decoration:none;transition:all .16s ease;line-height:1} .hh-product-btn-primary{background:var(--hhv5-blue);color:#fff!important;box-shadow:0 12px 24px rgba(12,113,181,.25)} .hh-product-btn-primary:hover{background:var(--hhv5-blue-dark);transform:translateY(-1px);color:#fff!important} .hh-product-btn-light{background:#fff;color:var(--hhv5-blue)!important;box-shadow:0 12px 24px rgba(0,0,0,.14)} .hh-product-btn-light:hover{background:#f2f8fc;transform:translateY(-1px);color:var(--hhv5-blue)!important} .hh-product-hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.24);backdrop-filter:blur(8px)} .hh-product-hero-card img{display:block;width:100%;height:auto;border-radius:16px} .hh-product-tabs{position:sticky;top:0;z-index:700;background:#fff;border-bottom:1px solid rgba(18,34,53,.08);box-shadow:0 1px 0 rgba(18,34,53,.03)} .hh-product-tabs-inner{display:flex;justify-content:center;gap:30px;overflow-x:auto;white-space:nowrap;padding-top:15px;padding-bottom:15px} .hh-product-tabs a{color:#405064;text-decoration:none;font-size:15px;font-weight:800} .hh-product-tabs a:hover{color:var(--hhv5-blue)} .hh-product-section{padding:82px 0;background:#fff} .hh-product-muted{background:#f4f8fb} .hh-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:58px;align-items:center} .hh-two-col.reverse{grid-template-columns:minmax(440px,.95fr) minmax(0,1fr)} .hh-product-section h2{font-size:42px;line-height:1.18;letter-spacing:-.03em;color:var(--hhv5-navy);font-weight:930;margin:0 0 24px} .hh-product-section p{font-size:17px;line-height:1.78;color:#607185;margin:0 0 24px} .hh-product-quote{border-left:4px solid var(--hhv5-gold);background:#fff;border-radius:0 16px 16px 0;padding:20px 24px;color:#172335;font-size:20px;line-height:1.55;font-weight:850;box-shadow:0 12px 26px rgba(18,34,53,.06)} .hh-product-image-card{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:22px;padding:14px;box-shadow:0 20px 54px rgba(18,34,53,.09)} .hh-product-image-card.dark{background:#082f49;border-color:rgba(255,255,255,.08)} .hh-product-image-card img{display:block;width:100%;height:auto;border-radius:14px} .hh-product-section-head{text-align:center;max-width:980px;margin:0 auto 42px} .hh-product-section-head.left{text-align:left;margin-left:0;max-width:860px} .hh-product-section-head h2{margin-bottom:18px} .hh-product-section-head p{margin:0 auto;color:#607185} .hh-pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .hh-pain-grid article{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:18px;padding:28px 28px 26px;box-shadow:0 12px 26px rgba(18,34,53,.045);position:relative;overflow:hidden} .hh-pain-grid article:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--hhv5-blue),var(--hhv5-gold))} .hh-pain-grid strong{display:block;font-size:21px;color:var(--hhv5-navy);font-weight:900;margin-bottom:12px} .hh-pain-grid span{display:block;font-size:15.5px;line-height:1.66;color:#607185} .hh-workflow-line{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:relative} .hh-workflow-line>div{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:18px;padding:24px 20px;box-shadow:0 12px 26px rgba(18,34,53,.05);min-height:178px;position:relative} .hh-workflow-line b{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:999px;background:rgba(12,113,181,.1);color:var(--hhv5-blue);font-size:14px;font-weight:950;margin-bottom:18px} .hh-workflow-line strong{display:block;color:var(--hhv5-navy);font-size:18px;line-height:1.3;font-weight:900;margin-bottom:10px} .hh-workflow-line span{display:block;color:#607185;font-size:14.5px;line-height:1.55} .hh-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px} .hh-ops-grid article{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(18,34,53,.06);display:grid;grid-template-columns:48% 52%;min-height:310px} .hh-ops-grid img{width:100%;height:100%;display:block;object-fit:cover;background:#edf3f7} .hh-ops-grid div{padding:30px 30px 28px;display:flex;flex-direction:column;justify-content:center} .hh-ops-grid h3{font-size:24px;line-height:1.24;color:var(--hhv5-navy);font-weight:900;margin:0 0 14px} .hh-ops-grid p{font-size:15.5px;line-height:1.68;color:#607185;margin:0} .hh-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .hh-module-grid span{background:#f5f8fb;border:1px solid rgba(18,34,53,.08);border-radius:14px;padding:16px 18px;font-size:15.5px;line-height:1.35;color:#243449;font-weight:780;box-shadow:0 8px 18px rgba(18,34,53,.035)} .hh-arch-section{background:linear-gradient(135deg,#f7fafc 0%,#edf5fa 100%)} .hh-integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px} .hh-integration-grid div{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:16px;padding:22px 22px;box-shadow:0 10px 24px rgba(18,34,53,.05)} .hh-integration-grid b{display:block;color:var(--hhv5-blue);font-size:24px;font-weight:950;margin-bottom:8px} .hh-integration-grid div:nth-child(even) b{color:var(--hhv5-gold)} .hh-integration-grid span{display:block;color:#607185;font-size:15.5px;line-height:1.55} .hh-why-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} .hh-why-product-grid article{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:18px;padding:30px 26px;box-shadow:0 12px 28px rgba(18,34,53,.045)} .hh-why-product-grid b{display:inline-flex;color:var(--hhv5-gold);font-size:15px;font-weight:950;letter-spacing:.1em;margin-bottom:20px} .hh-why-product-grid h3{font-size:20px;line-height:1.3;color:var(--hhv5-navy);font-weight:900;margin:0 0 14px} .hh-why-product-grid p{font-size:15px;line-height:1.66;color:#607185;margin:0} .hh-product-cta{padding:76px 0;background:linear-gradient(135deg,#082f49 0%,#123b57 56%,#0c71b5 130%);color:#fff} .hh-product-cta-inner{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center} .hh-product-cta h2{font-size:38px;line-height:1.18;letter-spacing:-.03em;color:#fff;margin:0 0 16px;font-weight:930} .hh-product-cta p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.88);margin:0;max-width:760px} .hh-product-cta .hh-product-eyebrow{background:rgba(168,132,8,.2);color:#fff;border:1px solid rgba(168,132,8,.45)} @media(max-width:1180px){ .hh-product-hero-inner,.hh-two-col,.hh-two-col.reverse{grid-template-columns:1fr;gap:36px} .hh-product-hero{padding:70px 0;min-height:0} .hh-product-hero-card{max-width:620px} .hh-workflow-line{grid-template-columns:repeat(3,minmax(0,1fr))} .hh-why-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-pain-grid,.hh-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-product-cta-inner{grid-template-columns:1fr} } @media(max-width:767px){ .hh-product-container{padding:0 20px} .hh-product-hero{padding:58px 0} .hh-product-hero h1{font-size:38px;line-height:1.15} .hh-product-hero p{font-size:16.5px;line-height:1.65} .hh-product-btn{width:100%;padding:15px 18px} .hh-product-tabs-inner{justify-content:flex-start;gap:20px;padding-top:13px;padding-bottom:13px} .hh-product-section{padding:58px 0} .hh-product-section h2{font-size:31px;line-height:1.22} .hh-product-section p{font-size:16px;line-height:1.68} .hh-product-quote{font-size:17px;padding:18px 20px} .hh-pain-grid,.hh-workflow-line,.hh-ops-grid,.hh-module-grid,.hh-integration-grid,.hh-why-product-grid{grid-template-columns:1fr} .hh-workflow-line>div{min-height:0} .hh-ops-grid article{grid-template-columns:1fr;min-height:0} .hh-ops-grid img{height:auto} .hh-ops-grid div{padding:24px 22px} .hh-ops-grid h3{font-size:21px} .hh-product-cta{padding:58px 0} .hh-product-cta h2{font-size:30px} } /* V19 Venus product page upgrade */ .hh-venus-page{--venus-deep:#062b3f;--venus-blue:#0c71b5;--venus-gold:#a88408;--venus-ice:#f3f8fb;--venus-line:#dfeaf2} .hh-venus-hero-v19{min-height:640px;background-size:cover;background-position:center right;position:relative;overflow:hidden} .hh-venus-hero-v19:after{content:"";position:absolute;inset:auto -8% -35% 42%;height:360px;background:radial-gradient(circle,rgba(12,113,181,.36),rgba(12,113,181,0) 64%);pointer-events:none} .hh-venus-hero-inner-v19{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:58px;align-items:center;position:relative;z-index:1} .hh-venus-hero-logo{width:128px;height:auto;margin:0 0 18px;display:block} .hh-venus-hero-showcase{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.2);border-radius:26px;padding:16px;box-shadow:0 30px 90px rgba(0,0,0,.28);backdrop-filter:blur(10px);transform:rotate(1.2deg)} .hh-venus-hero-showcase img{display:block;width:100%;border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.2)} .hh-venus-v19 .hh-product-tabs{top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)} .hh-venus-v19 .hh-product-tabs a{font-size:14px;letter-spacing:.02em} .hh-venus-intro-v19 .hh-two-col{grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr)} .hh-venus-screen-card{padding:18px;background:linear-gradient(180deg,#fff,#f7fbfd)} .hh-pain-grid-v19 article{position:relative;overflow:hidden} .hh-pain-grid-v19 article b{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:rgba(12,113,181,.1);color:var(--hhv5-blue);font-size:13px;font-weight:900;margin-bottom:14px} .hh-pain-grid-v19 article:nth-child(even) b{background:rgba(168,132,8,.13);color:var(--hhv5-gold-dark)} .hh-venus-workflow-v19{background:#fff} .hh-venus-workflow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} .hh-venus-workflow-grid article{min-height:240px;border-radius:20px;overflow:hidden;background-size:cover;background-position:center;position:relative;padding:24px 20px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:0 14px 34px rgba(18,34,53,.10);isolation:isolate} .hh-venus-workflow-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,30,45,.18) 0%,rgba(4,30,45,.55) 42%,rgba(4,30,45,.92) 100%);z-index:-1} .hh-venus-workflow-grid article span{position:absolute;top:18px;left:18px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hhv5-gold);font-weight:900;font-size:14px;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.2)} .hh-venus-workflow-grid article h3{font-size:20px;line-height:1.25;color:#fff;margin:0 0 10px;font-weight:900} .hh-venus-workflow-grid article p{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.88);margin:0} .hh-ops-grid-v19{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} .hh-ops-grid-v19 article{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(18,34,53,.07);display:flex;flex-direction:column} .hh-ops-grid-v19 article img{height:150px;object-fit:cover;background:#e8f0f5;border-bottom:1px solid #edf3f7} .hh-ops-grid-v19 article div{padding:22px 22px 24px;flex:1} .hh-ops-grid-v19 article h3{font-size:19px;line-height:1.3;color:var(--hhv5-navy);font-weight:900;margin:0 0 12px} .hh-ops-grid-v19 article p{font-size:14.5px;line-height:1.62;color:#607185;margin:0} .hh-module-grid-v19{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .hh-module-grid-v19 span{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:14px;padding:17px 18px;box-shadow:0 8px 20px rgba(18,34,53,.04);position:relative;overflow:hidden} .hh-module-grid-v19 span:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--hhv5-blue)} .hh-module-grid-v19 span:nth-child(3n):before{background:var(--hhv5-gold)} .hh-venus-arch-card{background:#063047!important;padding:22px} .hh-venus-architecture-note{border-left:4px solid var(--hhv5-gold);background:#f7fbfd;border-radius:0 14px 14px 0;padding:18px 20px;color:#405064;font-size:16px;line-height:1.65;margin-top:24px} .hh-integration-grid-v19{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px} .hh-integration-grid-v19 div{border:1px solid rgba(18,34,53,.08);background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 18px rgba(18,34,53,.04)} .hh-integration-grid-v19 b{display:inline-flex;align-items:center;justify-content:center;width:54px;height:34px;border-radius:999px;background:rgba(12,113,181,.10);color:var(--hhv5-blue);margin-bottom:12px;font-size:14px} .hh-integration-grid-v19 div:nth-child(even) b{background:rgba(168,132,8,.13);color:var(--hhv5-gold-dark)} .hh-why-product-grid-v19 article{position:relative;overflow:hidden} .hh-why-product-grid-v19 article b{color:var(--hhv5-gold)} .hh-venus-cta-v19{background:linear-gradient(135deg,#062b3f 0%,#0b3f5d 50%,#0c71b5 145%)} .hh-venus-cta-logo{display:block;width:180px;max-width:100%;height:auto;margin:0 0 18px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 10px 28px rgba(0,0,0,.12)} @media(max-width:1180px){ .hh-venus-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-ops-grid-v19{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-module-grid-v19{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-venus-hero-inner-v19{grid-template-columns:1fr;gap:36px} .hh-venus-hero-showcase{max-width:520px;transform:none} } @media(max-width:720px){ .hh-venus-hero-v19{min-height:0;padding:58px 0 46px;background-position:center bottom} .hh-venus-hero-logo{width:104px} .hh-venus-hero-showcase{display:none} .hh-venus-workflow-grid{grid-template-columns:1fr;gap:14px} .hh-venus-workflow-grid article{min-height:220px} .hh-ops-grid-v19{grid-template-columns:1fr} .hh-ops-grid-v19 article img{height:auto;max-height:210px} .hh-module-grid-v19{grid-template-columns:1fr} .hh-integration-grid-v19{grid-template-columns:1fr} .hh-venus-cta-logo{width:150px} } /* V19 Venus refinements */ .hh-nowrap{white-space:nowrap} body.hh-modal-open{overflow:hidden} body:has(.hh-venus-v19) .entry-header, body:has(.hh-venus-v19) .wp-block-post-title, body:has(.hh-venus-v19) .page-header, body:has(.hh-venus-v19) .ast-breadcrumbs, body:has(.hh-venus-v19) .breadcrumbs, body:has(.hh-venus-v19) .breadcrumb, body:has(.hh-venus-v19) .post-navigation{display:none!important} .hh-venus-v19{margin-top:0!important;padding-top:0!important} .hh-venus-v19 .hh-product-section:first-of-type{padding-top:84px} .hh-venus-hero-v19{min-height:580px;background-size:cover;background-position:center right;position:relative;overflow:hidden;margin-top:0!important;padding:86px 0 74px} .hh-venus-hero-v19:after{content:"";position:absolute;inset:auto -8% -34% 42%;height:340px;background:radial-gradient(circle,rgba(12,113,181,.35),rgba(12,113,181,0) 64%);pointer-events:none} .hh-venus-hero-inner-v19{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;position:relative;z-index:1} .hh-venus-v19 .hh-product-hero-copy{max-width:830px} .hh-venus-v19 .hh-product-kicker{margin-bottom:22px} .hh-venus-v19 .hh-product-hero-actions{margin-top:32px} .hh-venus-v19 .hh-product-hero-copy p{max-width:840px} .hh-venus-hero-logo{width:256px!important;max-width:85%;height:auto;margin:0 0 20px;display:block} .hh-venus-subnav-v19{top:0;background:linear-gradient(180deg,#edf4f9 0%,#e4edf4 100%);border-top:1px solid rgba(18,34,53,.06);border-bottom:1px solid rgba(18,34,53,.1);box-shadow:0 8px 22px rgba(18,34,53,.04)} .hh-venus-subnav-v19 .hh-product-tabs-inner{gap:34px} .hh-venus-subnav-v19 a{color:#35465a;font-weight:800;font-size:14px;letter-spacing:.02em} .hh-venus-subnav-v19 a:hover{color:var(--hhv5-blue)} .hh-venus-intro-v19{background:#fff} .hh-venus-intro-grid-v19{align-items:center;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr)} .hh-venus-screen-plain-v19{display:flex;justify-content:center;align-items:center} .hh-venus-screen-plain-v19 img{display:block;max-width:100%;height:auto;background:transparent;border:0;box-shadow:none;filter:none} .hh-venus-architecture-v19{padding-top:28px} .hh-venus-arch-layout-v19{align-items:center;grid-template-columns:minmax(380px,1.12fr) minmax(0,.88fr)} .hh-venus-arch-plain-v19{display:flex;justify-content:center;align-items:center} .hh-venus-arch-plain-v19 img{display:block;width:100%;max-width:760px;height:auto;background:transparent;border:0;box-shadow:none;filter:none} .hh-venus-arch-copy-v19 h2{font-size:56px;line-height:1.12;letter-spacing:-.035em;color:var(--hhv5-navy);margin:0 0 24px;font-weight:930} .hh-venus-arch-copy-v19 p{font-size:17px;line-height:1.75;color:#607185;margin:0;max-width:620px} .hh-pain-grid-v19 article{position:relative;overflow:hidden} .hh-pain-grid-v19 article b{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:rgba(12,113,181,.1);color:var(--hhv5-blue);font-size:13px;font-weight:900;margin-bottom:14px} .hh-pain-grid-v19 article:nth-child(even) b{background:rgba(168,132,8,.13);color:var(--hhv5-gold-dark)} .hh-venus-workflow-v19{background:#fff} .hh-venus-workflow-grid-v19{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} .hh-venus-workflow-card-v19{min-height:240px;border-radius:20px;overflow:hidden;background-size:cover;background-position:center;position:relative;padding:24px 20px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:0 14px 34px rgba(18,34,53,.10);isolation:isolate;cursor:pointer;transition:transform .22s ease, box-shadow .22s ease} .hh-venus-workflow-card-v19:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,30,45,.18) 0%,rgba(4,30,45,.55) 42%,rgba(4,30,45,.92) 100%);z-index:-1} .hh-venus-workflow-card-v19:hover,.hh-venus-workflow-card-v19:focus-visible{transform:translateY(-6px);box-shadow:0 22px 40px rgba(18,34,53,.18);outline:none} .hh-venus-workflow-card-v19 span{position:absolute;top:18px;left:18px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hhv5-gold);font-weight:900;font-size:14px;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.2)} .hh-venus-workflow-card-v19 h3{font-size:20px;line-height:1.25;color:#fff;margin:0 0 10px;font-weight:900} .hh-venus-workflow-card-v19 p{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.88);margin:0} .hh-ops-grid-v19{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px} .hh-ops-card-v19{background:#fff;border:1px solid rgba(18,34,53,.08);border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(18,34,53,.07);display:flex;flex-direction:column;cursor:pointer;transition:transform .22s ease, box-shadow .22s ease} .hh-ops-card-v19:hover,.hh-ops-card-v19:focus-visible{transform:translateY(-6px);box-shadow:0 22px 40px rgba(18,34,53,.14);outline:none} .hh-ops-card-v19 img{height:150px;object-fit:cover;background:#e8f0f5;border-bottom:1px solid #edf3f7} .hh-ops-card-v19 div{padding:22px 22px 24px;flex:1} .hh-ops-card-v19 h3{font-size:19px;line-height:1.3;color:var(--hhv5-navy);font-weight:900;margin:0 0 12px} .hh-ops-card-v19 p{font-size:14.5px;line-height:1.62;color:#607185;margin:0} .hh-why-product-grid-v19 article{position:relative;overflow:hidden} .hh-why-product-grid-v19 article b{color:var(--hhv5-gold)} .hh-venus-cta-v19{background:linear-gradient(135deg,#062b3f 0%,#0b3f5d 50%,#0c71b5 145%)} .hh-venus-modal-v19,.hh-brochure-modal-v19{position:fixed;inset:0;z-index:99999;display:none} .hh-venus-modal-v19.is-open,.hh-brochure-modal-v19.is-open{display:block} .hh-venus-modal-backdrop-v19{position:absolute;inset:0;background:rgba(5,18,31,.58);backdrop-filter:blur(4px)} .hh-venus-modal-panel-v19{position:relative;z-index:1;max-width:760px;width:min(calc(100% - 32px),760px);margin:6vh auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.24);padding:34px 34px 30px} .hh-brochure-panel-v19{max-width:720px} .hh-venus-modal-close-v19{position:absolute;top:18px;right:18px;width:40px;height:40px;border:0;border-radius:999px;background:#edf4f9;color:#17314f;font-size:26px;line-height:1;cursor:pointer} .hh-venus-modal-content-v19 h3{font-size:32px;line-height:1.2;color:var(--hhv5-navy);font-weight:930;margin:0 0 16px} .hh-venus-modal-content-v19 p{font-size:16px;line-height:1.72;color:#607185;margin:0 0 14px} .hh-venus-modal-content-v19 ul{margin:12px 0 0;padding-left:20px;color:#405064} .hh-venus-modal-content-v19 li{margin:0 0 10px;font-size:15.5px;line-height:1.65} .hh-brochure-form-grid-v19{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 22px} .hh-brochure-form-grid-v19 label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;color:#243449} .hh-brochure-form-grid-v19 .required-star{color:#d93025;margin-left:4px;font-weight:600} .hh-brochure-form-grid-v19 input{width:100%;height:48px;border-radius:12px;border:1px solid #d3dfeb;padding:0 14px;font-size:15px;color:#243449;background:#fff} .hh-brochure-form-grid-v19 input:focus{outline:none;border-color:var(--hhv5-blue);box-shadow:0 0 0 3px rgba(12,113,181,.12)} @media(max-width:1180px){ .hh-venus-workflow-grid-v19{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-ops-grid-v19{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-venus-intro-grid-v19,.hh-venus-arch-layout-v19{grid-template-columns:1fr;gap:34px} .hh-venus-arch-copy-v19 h2{font-size:44px} } @media(max-width:720px){ .hh-venus-hero-v19{min-height:0;padding:56px 0 46px;background-position:center bottom} .hh-venus-hero-logo{width:178px!important} .hh-venus-subnav-v19 .hh-product-tabs-inner{gap:22px} .hh-venus-arch-copy-v19 h2{font-size:34px;line-height:1.18} .hh-venus-workflow-grid-v19{grid-template-columns:1fr;gap:14px} .hh-venus-workflow-card-v19{min-height:220px} .hh-ops-grid-v19{grid-template-columns:1fr} .hh-ops-card-v19 img{height:auto;max-height:220px} .hh-brochure-form-grid-v19{grid-template-columns:1fr} .hh-venus-modal-panel-v19{width:min(calc(100% - 20px),760px);padding:28px 20px 24px;margin:4vh auto} .hh-venus-modal-content-v19 h3{font-size:26px} } /* V19 fixes: header layout, richer modals, stronger card hover */ @media(min-width:721px){ .hh-v5-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;height:84px!important;gap:28px!important} .hh-v5-logo{flex:0 0 250px!important;max-width:250px!important} .hh-v5-nav{flex:1 1 auto!important;justify-content:flex-end!important;min-width:0!important;overflow:visible!important} .hh-v5-cta{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:10px!important;position:static!important} .hh-v19-menu-toggle{display:none!important} .hh-v19-nav-overlay{display:none!important} } .admin-bar .hh-v5-header{margin-top:0!important} .admin-bar .hh-v5-header-fixed .hh-v5-header{margin-top:0!important} .hh-venus-workflow-card-v19, .hh-ops-card-v19{border:2px solid transparent} .hh-venus-workflow-card-v19:hover, .hh-venus-workflow-card-v19:focus-visible{border-color:rgba(168,132,8,.95)!important;box-shadow:0 24px 44px rgba(18,34,53,.18), 0 0 0 4px rgba(168,132,8,.14)!important} .hh-ops-card-v19:hover, .hh-ops-card-v19:focus-visible{border-color:rgba(12,113,181,.95)!important;box-shadow:0 24px 44px rgba(18,34,53,.14), 0 0 0 4px rgba(12,113,181,.12)!important} .hh-venus-modal-panel-v19{max-width:980px!important;width:min(calc(100% - 32px),980px)!important;padding:0!important;overflow:hidden!important} .hh-venus-modal-content-v19{padding:0!important} .hh-venus-modal-content-v19 h3{padding:34px 34px 0;margin:0 0 18px!important} #hh-venus-modal-body{padding:0 34px 34px} .hh-modal-rich-v19{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:26px;align-items:start} .hh-modal-rich-media-v19 img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 16px 34px rgba(18,34,53,.12);object-fit:cover} .hh-modal-rich-copy-v19{padding-bottom:6px} .hh-modal-lead-v19{font-size:18px!important;line-height:1.72!important;color:#314156!important;font-weight:700!important;margin:0 0 16px!important} .hh-modal-rich-copy-v19 p{font-size:16px!important;line-height:1.78!important;color:#607185!important} .hh-modal-rich-copy-v19 ul{margin:14px 0 0!important;padding-left:22px!important} .hh-modal-rich-copy-v19 li{font-size:15.5px!important;line-height:1.7!important;color:#445468!important;margin-bottom:10px!important} .hh-venus-modal-close-v19{top:18px!important;right:18px!important;background:#edf4f9!important;border:1px solid rgba(18,34,53,.05)!important} @media(max-width:820px){ .hh-modal-rich-v19{grid-template-columns:1fr} .hh-venus-modal-content-v19 h3{padding:28px 22px 0} #hh-venus-modal-body{padding:0 22px 26px} } /* V19.1 Venus final polish based on preview feedback */ @media(min-width:721px){ .hh-v5-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;height:84px!important;padding:0 42px!important;gap:22px!important} .hh-v5-logo{flex:0 0 255px!important;max-width:255px!important} .hh-v5-logo img{width:255px!important;max-height:68px!important} .hh-v5-nav{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-end!important;gap:24px!important;min-width:0!important;overflow:visible!important;background:transparent!important;padding:0!important} .hh-v5-nav>a,.hh-v5-nav-item>a{display:inline-flex!important;align-items:center!important;padding:0!important;border:0!important;white-space:nowrap!important} .hh-v5-nav-item{padding:0!important;flex:0 0 auto!important} .hh-v5-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:132px!important;white-space:nowrap!important;margin-left:12px!important;position:static!important} } .hh-venus-v19 .hh-product-section:first-of-type{padding-top:64px!important} .hh-venus-page .hh-venus-hero-v19{background-image:var(--hh-venus-hero-bg-pc)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center right!important;padding:88px 0 76px!important;min-height:610px!important} .hh-venus-hero-v19:after{display:none!important} .hh-venus-v19 .hh-product-hero-copy{max-width:720px!important;padding-right:0!important} .hh-venus-v19 .hh-product-hero-copy h1{max-width:720px!important} .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy h1{ font-weight:400!important; letter-spacing:-.03em!important; line-height:1.08!important; text-shadow:0 2px 18px rgba(0,0,0,.12)!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy > p{ max-width:640px!important; font-weight:400!important; letter-spacing:.02em!important; line-height:1.62!important; color:rgba(255,255,255,.95)!important; text-shadow:0 1px 12px rgba(0,0,0,.12)!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-kicker{font-weight:400!important} .hh-venus-subnav-v19{background:linear-gradient(180deg,#f1f5f9 0%,#e9f0f5 100%)!important;border-top:1px solid rgba(18,34,53,.06)!important;border-bottom:1px solid rgba(18,34,53,.1)!important;backdrop-filter:none!important} .hh-venus-intro-v19{padding-bottom:46px!important} .hh-venus-architecture-v19{padding-top:12px!important;padding-bottom:80px!important;background:#f5f8fb!important} .hh-venus-arch-layout-v19{grid-template-columns:minmax(480px,1fr) minmax(0,.84fr)!important;gap:48px!important;align-items:center!important} .hh-venus-arch-plain-v19 img{max-width:920px!important;border-radius:0!important;box-shadow:none!important} .hh-venus-arch-copy-v19 h2{font-size:40px!important;line-height:1.12!important;letter-spacing:-.025em!important;margin-bottom:18px!important} .hh-venus-arch-copy-v19 p{font-size:16px!important;line-height:1.82!important;max-width:540px!important} .hh-venus-workflow-card-v19,.hh-ops-card-v19{border:2px solid transparent!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important} .hh-venus-workflow-card-v19:hover,.hh-venus-workflow-card-v19:focus-visible{border-color:#c89f09!important;box-shadow:0 24px 44px rgba(18,34,53,.16),0 0 0 4px rgba(200,159,9,.12)!important} .hh-ops-card-v19:hover,.hh-ops-card-v19:focus-visible{border-color:#0c71b5!important;box-shadow:0 24px 44px rgba(18,34,53,.14),0 0 0 4px rgba(12,113,181,.12)!important} .hh-ops-card-v19 img{width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important;object-position:top center!important;background:#fff!important;border-bottom:1px solid #e9eff5!important} .hh-ops-card-v19 div{padding:22px 22px 24px!important} .hh-venus-modal-panel-v19{max-width:1060px!important;width:min(calc(100% - 36px),1060px)!important;border-radius:26px!important} .hh-venus-modal-content-v19 h3{padding:30px 36px 0!important;font-size:34px!important;line-height:1.16!important} #hh-venus-modal-body{padding:0 36px 34px!important} .hh-modal-rich-v19{display:grid!important;grid-template-columns:minmax(340px,420px) minmax(0,1fr)!important;gap:30px!important;align-items:start!important} .hh-modal-rich-media-v19 img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;background:#fff!important;border:1px solid #ebf0f5!important;border-radius:18px!important;box-shadow:0 18px 38px rgba(18,34,53,.08)!important} .hh-modal-rich-copy-v19 h4{margin:18px 0 10px!important;font-size:18px!important;line-height:1.35!important;color:#17314f!important;font-weight:900!important} .hh-modal-lead-v19{font-size:18px!important;line-height:1.76!important;color:#314156!important;font-weight:700!important;margin:0 0 12px!important} .hh-modal-rich-copy-v19 p{font-size:16px!important;line-height:1.82!important;color:#607185!important} .hh-modal-rich-copy-v19 ul{margin:10px 0 0!important;padding-left:22px!important} .hh-modal-rich-copy-v19 li{font-size:15.5px!important;line-height:1.72!important;color:#445468!important;margin:0 0 10px!important} @media(max-width:1180px){ .hh-venus-arch-layout-v19{grid-template-columns:1fr!important;gap:34px!important} .hh-venus-arch-copy-v19 h2{font-size:34px!important} } @media(max-width:720px){ .hh-venus-hero-v19{min-height:0!important;padding:58px 0 46px!important;background-position:center right!important} .hh-venus-v19 .hh-product-hero-copy{max-width:100%!important} .hh-venus-hero-v19 .hh-product-hero-copy > p{max-width:100%!important} .hh-venus-arch-copy-v19 h2{font-size:30px!important} .hh-venus-arch-copy-v19 p{font-size:15px!important;line-height:1.76!important} .hh-ops-card-v19 img{aspect-ratio:auto!important;max-height:none!important} .hh-venus-modal-panel-v19{width:min(calc(100% - 20px),1060px)!important} .hh-venus-modal-content-v19 h3{padding:26px 22px 0!important;font-size:28px!important} #hh-venus-modal-body{padding:0 22px 24px!important} .hh-modal-rich-v19{grid-template-columns:1fr!important;gap:20px!important} } /* V19.2 remove white gap between promo bar and first hero on landing + product pages */ body .site-content, body .content-area, body .site-main, body .ast-container, body .inside-article, body article.page, body article.post, body .ast-article-single, body .entry-content, body .entry-content > * { margin-top:0 !important; padding-top:0 !important; } body .entry-content > .hh-v5-home, body .entry-content > .hh-product-page, body .entry-content > .hh-venus-v19, body .entry-content > .hh-epicor-page, body .entry-content > .hh-jupiter-v19, body .entry-content > .hh-mars-v19, body .entry-content > .hh-saturn-v19, body .entry-content > .hh-wms-v19, body .entry-content > .hh-nepta-v19, body .entry-content > main.hh-v5-home, body .entry-content > main.hh-product-page { margin-top:0 !important; padding-top:0 !important; } .hh-v5-home, .hh-product-page, .hh-venus-v19, .hh-jupiter-v19, .hh-nepta-v19, .hh-mars-v19, .hh-saturn-v19, .hh-wms-v19 { margin-top:0 !important; padding-top:0 !important; } .hh-v5-home > .hh-v5-hero, .hh-product-page > .hh-product-hero, .hh-venus-v19 > .hh-product-hero, .hh-epicor-page > .hh-epicor-hero, .hh-epicor-page > .hh-epicor-hero:first-child, .hh-jupiter-v19 > .hh-product-hero, .hh-nepta-v19 > .hh-product-hero, .hh-mars-v19 > .hh-product-hero, .hh-saturn-v19 > .hh-product-hero, .hh-wms-v19 > .hh-product-hero { margin-top:0 !important; padding-top:0; } .hh-wms-v19 .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19{ grid-template-columns:repeat(4,minmax(0,1fr)); } .hh-wms-v19 .hh-venus-workflow-card-v19{ background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; } .hh-wms-v19 #operational-view .hh-ops-grid-v19{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } .hh-wms-v19 .hh-venus-modal-v19.is-open.is-ops-brochure{ display:flex!important; align-items:center!important; justify-content:center!important; } .hh-wms-v19 .hh-venus-modal-v19.is-open.is-ops-brochure .hh-venus-modal-panel-v19{ margin:0!important; } .hh-mars-v19 .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19, .hh-saturn-v19 .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19{ grid-template-columns:repeat(3,minmax(0,1fr)); } .hh-mars-v19 .hh-venus-workflow-card-v19, .hh-saturn-v19 .hh-venus-workflow-card-v19{ background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; } .hh-mars-v19 #operational-view .hh-ops-grid-v19, .hh-saturn-v19 #operational-view .hh-ops-grid-v19{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } .hh-mars-v19 .hh-venus-modal-v19.is-open.is-ops-brochure, .hh-saturn-v19 .hh-venus-modal-v19.is-open.is-ops-brochure{ display:flex!important; align-items:center!important; justify-content:center!important; } .hh-mars-v19 .hh-venus-modal-v19.is-open.is-ops-brochure .hh-venus-modal-panel-v19, .hh-saturn-v19 .hh-venus-modal-v19.is-open.is-ops-brochure .hh-venus-modal-panel-v19{ margin:0!important; } .hh-saturn-v19 .hh-ops-brochure-preview-stack{ flex-direction:column!important; align-items:center!important; gap:14px!important; max-height:calc(100vh - 56px)!important; overflow-y:auto!important; overflow-x:hidden!important; } .hh-saturn-v19 .hh-ops-brochure-preview-stack img{ width:auto!important; max-width:calc(100vw - 48px)!important; max-height:none!important; height:auto!important; object-fit:contain!important; } .hh-nepta-v19 .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19{ grid-template-columns:repeat(3,minmax(0,1fr)); } .hh-nepta-v19 .hh-venus-workflow-card-v19{ background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; } .hh-nepta-v19 #operational-view .hh-ops-grid-v19{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } .hh-nepta-v19 .hh-venus-modal-v19.is-open.is-ops-brochure{ display:flex!important; align-items:center!important; justify-content:center!important; } .hh-nepta-v19 .hh-venus-modal-v19.is-open.is-ops-brochure .hh-venus-modal-panel-v19{ margin:0!important; } .hh-nepta-final-cta-section .hh-venus-extra-cta h2, .hh-venus-final-cta-section .hh-venus-extra-cta h2, .hh-jupiter-final-cta-section .hh-venus-extra-cta h2, .hh-mars-final-cta-section .hh-venus-extra-cta h2, .hh-saturn-final-cta-section .hh-venus-extra-cta h2, .hh-wms-final-cta-section .hh-venus-extra-cta h2{ margin:0 0 16px; font-size:clamp(28px,3.2vw,38px); color:var(--hhv5-navy); } .hh-nepta-final-cta-section .hh-venus-extra-cta > p, .hh-venus-final-cta-section .hh-venus-extra-cta > p, .hh-jupiter-final-cta-section .hh-venus-extra-cta > p, .hh-mars-final-cta-section .hh-venus-extra-cta > p, .hh-saturn-final-cta-section .hh-venus-extra-cta > p, .hh-wms-final-cta-section .hh-venus-extra-cta > p{ max-width:760px; margin:0 auto 28px; font-size:17px; line-height:1.68; color:#607185; } .hh-nepta-cta-actions, .hh-venus-cta-actions, .hh-jupiter-cta-actions, .hh-mars-cta-actions, .hh-saturn-cta-actions, .hh-wms-cta-actions{ justify-content:center; flex-wrap:wrap; gap:14px; } @media(max-width:1100px){ .hh-nepta-v19 .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19{ grid-template-columns:repeat(2,minmax(0,1fr)); } .hh-nepta-v19 #operational-view .hh-ops-grid-v19, .hh-mars-v19 .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19, .hh-mars-v19 #operational-view .hh-ops-grid-v19, .hh-saturn-v19 .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19, .hh-saturn-v19 #operational-view .hh-ops-grid-v19, .hh-wms-v19 .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19, .hh-wms-v19 #operational-view .hh-ops-grid-v19{ grid-template-columns:repeat(2,minmax(0,1fr)); } } .hh-jupiter-v19 .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19{ grid-template-columns:repeat(4,minmax(0,1fr)); } .hh-jupiter-v19 .hh-venus-workflow-card-v19{ background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; } .hh-jupiter-v19 #operational-view .hh-ops-grid-v19{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } /* Jupiter detail modal: reuse global Venus is-ops-brochure (V23) image-only popup */ .hh-jupiter-v19 .hh-venus-modal-v19.is-open.is-ops-brochure{ display:flex!important; align-items:center!important; justify-content:center!important; } .hh-jupiter-v19 .hh-venus-modal-v19.is-open.is-ops-brochure .hh-venus-modal-panel-v19{ margin:0!important; } .hh-jupiter-v19 .hh-ops-brochure-preview-stack{ flex-direction:column!important; align-items:center!important; gap:14px!important; max-height:calc(100vh - 56px)!important; overflow-y:auto!important; overflow-x:hidden!important; } .hh-jupiter-v19 .hh-ops-brochure-preview-stack img{ width:auto!important; max-width:calc(100vw - 48px)!important; max-height:none!important; height:auto!important; object-fit:contain!important; } @media(max-width:1100px){ .hh-jupiter-v19 .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19{ grid-template-columns:repeat(2,minmax(0,1fr)); } .hh-jupiter-v19 #operational-view .hh-ops-grid-v19{ grid-template-columns:repeat(2,minmax(0,1fr)); } } /* V19.8 Venus hero text move further left */ .hh-venus-hero-v19 .hh-product-container{ max-width:1760px !important; padding-left:16px !important; padding-right:24px !important; } @media(max-width:1100px){ .hh-venus-hero-v19 .hh-product-container{ max-width:1440px !important; padding-left:20px !important; padding-right:20px !important; } } @media(max-width:720px){ .hh-venus-hero-v19 .hh-product-container{ max-width:none !important; padding-left:20px !important; padding-right:20px !important; } } /* V19.4 overview section aligned to English 'Why Venus' copy */ .hh-venus-why-copy-v19 h2{font-size:62px;line-height:1.08;letter-spacing:-.03em;max-width:760px;margin:0 0 28px;color:var(--hhv5-navy);font-weight:900} .hh-venus-why-list-v19{display:grid;gap:28px;max-width:820px} .hh-venus-why-item-v19{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start} .hh-venus-why-icon-v19{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#1d8ed0;color:#fff;font-size:24px;font-weight:900;line-height:1;box-shadow:0 8px 20px rgba(29,142,208,.18)} .hh-venus-why-item-v19 h3{margin:0 0 10px;font-size:22px;line-height:1.28;font-weight:850;color:#233b56} .hh-venus-why-item-v19 p{margin:0;font-size:16px;line-height:1.72;color:#66788f;max-width:620px} @media(max-width:1180px){ .hh-venus-why-copy-v19 h2{font-size:48px;max-width:680px} } @media(max-width:720px){ .hh-venus-why-copy-v19 h2{font-size:34px;line-height:1.16;margin-bottom:22px} .hh-venus-why-list-v19{gap:22px} .hh-venus-why-item-v19{grid-template-columns:36px minmax(0,1fr);gap:14px} .hh-venus-why-icon-v19{width:32px;height:32px;font-size:20px} .hh-venus-why-item-v19 h3{font-size:20px;margin-bottom:8px} .hh-venus-why-item-v19 p{font-size:15px;line-height:1.7} } /* V19.5 architecture image: use original PNG with no effects */ .hh-venus-architecture-v19{ background:#f5f8fb!important; } .hh-venus-arch-plain-v19, .hh-venus-arch-plain-v19 img{ background:transparent!important; border:0!important; box-shadow:none!important; filter:none!important; outline:0!important; } .hh-venus-arch-plain-v19 img{ border-radius:0!important; max-width:920px!important; } /* V19.6 modal redesign: structured text + diagrams, no full brochure JPEG inside pop-ups */ .hh-venus-modal-panel-v19{max-width:1040px!important;width:min(calc(100% - 36px),1040px)!important} .hh-modal-rich-v19{grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;gap:34px!important} .hh-modal-rich-media-v19{display:none!important} .hh-modal-diagram-v19{position:relative;min-height:420px;border-radius:24px;padding:30px 28px;background:linear-gradient(145deg,#062b3f 0%,#073b57 54%,#0c71b5 130%);color:#fff;overflow:hidden;box-shadow:0 20px 44px rgba(18,34,53,.12)} .hh-modal-diagram-v19:before{content:"";position:absolute;inset:-20% -35% auto auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)} .hh-modal-diagram-v19:after{content:"";position:absolute;left:-80px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:rgba(168,132,8,.22)} .hh-modal-diagram-badge-v19{position:relative;z-index:1;width:64px;height:64px;border-radius:18px;background:var(--hhv5-gold);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:950;letter-spacing:.04em;margin-bottom:22px;box-shadow:0 12px 28px rgba(0,0,0,.16)} .hh-modal-diagram-title-v19{position:relative;z-index:1;font-size:30px;line-height:1.16;font-weight:930;letter-spacing:-.02em;margin-bottom:28px;max-width:270px} .hh-modal-flow-v19,.hh-modal-interface-v19{position:relative;z-index:1;display:grid;gap:12px;margin-top:22px} .hh-modal-flow-v19 span,.hh-modal-interface-v19 span{display:flex;align-items:center;min-height:44px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.11);backdrop-filter:blur(4px);border-radius:14px;padding:10px 14px;font-size:15px;font-weight:850;letter-spacing:.02em;color:#fff} .hh-modal-flow-v19 i{display:block;width:2px;height:16px;margin:-2px 0 -2px 22px;background:rgba(255,255,255,.45);border-radius:99px} .hh-modal-interface-v19{grid-template-columns:1fr 1fr;gap:12px} .hh-modal-interface-v19 span:first-child{grid-column:1/-1;background:rgba(168,132,8,.35);border-color:rgba(168,132,8,.55)} .hh-modal-diagram-note-v19{position:relative;z-index:1;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);font-size:14px;line-height:1.7;color:rgba(255,255,255,.82)} .hh-modal-rich-copy-v19{padding-top:2px!important} .hh-modal-rich-copy-v19 h4{font-size:17px!important;color:#0c71b5!important;margin-top:20px!important} .hh-modal-rich-copy-v19 h4:first-of-type{margin-top:12px!important} .hh-modal-lead-v19{font-size:18px!important;line-height:1.75!important;color:#22364d!important;background:#f4f8fb;border-left:4px solid var(--hhv5-gold);padding:14px 16px;border-radius:0 12px 12px 0} @media(max-width:820px){ .hh-modal-rich-v19{grid-template-columns:1fr!important;gap:22px!important} .hh-modal-diagram-v19{min-height:0;padding:26px 22px} .hh-modal-diagram-title-v19{font-size:25px;max-width:100%} .hh-modal-interface-v19{grid-template-columns:1fr} } /* V19.9 popup content refinement */ .hh-venus-modal-panel-v19{ max-height:90vh !important; overflow-y:auto !important; } .hh-modal-diagram-note-v19{ line-height:1.65 !important; } .hh-modal-flow-v19 span, .hh-modal-interface-v19 span{ white-space:normal !important; } .hh-modal-rich-copy-v19 p + p{ margin-top:10px !important; } .hh-modal-rich-copy-v19 h4{ color:#0c71b5 !important; } /* V19.10 Venus hero content shift – superseded by desktop rules below */ /* V20 Core workflow popups – match English workflow page layout */ .hh-cw-modal-v19{ display:grid; grid-template-columns:108px minmax(0,1fr); gap:34px; align-items:start; } .hh-cw-rail-v19{ position:relative; display:flex; flex-direction:column; align-items:center; min-height:100%; } .hh-cw-node-v19{ width:72px; height:72px; border-radius:999px; background:#2fc6b0; color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; line-height:1; font-weight:900; box-shadow:0 0 0 10px rgba(47,198,176,.18); position:relative; z-index:2; } .hh-cw-line-v19{ width:4px; flex:1; min-height:720px; margin-top:-4px; border-radius:999px; background:linear-gradient(180deg,#2fc6b0 0 56%, #dfe5eb 56% 100%); } .hh-cw-main-v19{ padding-right:10px; } .hh-cw-top-v19{ display:grid; grid-template-columns:minmax(0, 1fr) 500px; gap:48px; align-items:start; } .hh-cw-copy-v19{ max-width:760px; } .hh-cw-kicker-v19{ margin:10px 0 18px; font-size:14px; line-height:1.3; font-weight:800; color:#697486; letter-spacing:.16em; text-transform:uppercase; } .hh-cw-title-v19{ margin:0 0 20px; font-size:46px; line-height:1.14; letter-spacing:-.025em; font-weight:930; color:#10233f; } .hh-cw-subtitle-v19{ margin:0 0 24px; font-size:20px; line-height:1.45; font-weight:800; color:#6c7789; } .hh-cw-intro-v19{ margin:0 0 24px; font-size:19px; line-height:1.8; color:#4c627d; } .hh-cw-bullets-v19{ margin:0 0 28px; padding-left:28px; } .hh-cw-bullets-v19 li{ margin:0 0 16px; font-size:19px; line-height:1.55; color:#4c627d; } .hh-cw-bullets-v19 li::marker{ color:#2fc6b0; font-size:1.15em; } .hh-cw-highlight-v19{ margin:6px 0 0; font-size:20px; line-height:1.45; font-weight:900; color:#1ca58f; } .hh-cw-image-wrap-v19{ width:100%; max-width:500px; margin-top:46px; align-self:start; border-radius:24px; overflow:hidden; } .hh-cw-image-wrap-v19 img{ display:block; width:100%; height:auto; } @media (max-width: 1380px){ .hh-cw-top-v19{grid-template-columns:minmax(0,1fr) 420px;gap:38px} .hh-cw-title-v19{font-size:40px} .hh-cw-subtitle-v19{font-size:18px} .hh-cw-intro-v19,.hh-cw-bullets-v19 li,.hh-cw-highlight-v19{font-size:18px} .hh-cw-image-wrap-v19{max-width:420px} } @media (max-width: 1100px){ .hh-cw-modal-v19{grid-template-columns:1fr;gap:20px} .hh-cw-rail-v19{flex-direction:row;align-items:center;min-height:0} .hh-cw-line-v19{width:100%;height:4px;min-height:0;margin:0 0 0 14px;background:linear-gradient(90deg,#2fc6b0 0 56%, #dfe5eb 56% 100%)} .hh-cw-top-v19{grid-template-columns:1fr;gap:24px} .hh-cw-image-wrap-v19{margin-top:0;max-width:100%} } @media (max-width: 820px){ .hh-cw-title-v19{font-size:32px} .hh-cw-subtitle-v19{font-size:18px;margin-bottom:18px} .hh-cw-intro-v19,.hh-cw-bullets-v19 li,.hh-cw-highlight-v19{font-size:17px} } /* V20.1: static class retained for markup; interactive cards use .hh-venus-card-trigger */ .hh-venus-workflow-card-static-v20:not(.hh-venus-card-trigger){ cursor:default !important; } .hh-venus-page .hh-venus-workflow-card-v19.hh-venus-card-trigger.hh-venus-workflow-card-static-v20{ cursor:pointer !important; pointer-events:auto !important; } /* V20.2 Operational View: brochure-page popups and download CTA */ .hh-ops-download-v20{ display:flex; justify-content:center; margin-top:34px; } .hh-ops-download-v20 .hh-product-btn{ min-width:220px; } .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-panel-v19{ width:min(calc(100% - 38px),1240px) !important; max-width:1240px !important; padding:24px 28px 30px !important; background:#fff !important; } .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-content-v19 h3{ padding:14px 56px 18px 4px !important; margin:0 !important; font-size:30px !important; line-height:1.2 !important; } .hh-venus-modal-v19.is-ops-brochure #hh-venus-modal-body{ padding:0 !important; } .hh-ops-brochure-preview-v20{ width:100%; background:#f4f8fb; border-radius:18px; overflow:hidden; box-shadow:0 18px 44px rgba(18,34,53,.10); } .hh-ops-brochure-preview-v20 img{ display:block; width:100%; height:auto; margin:0 auto; } @media(max-width:720px){ .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-panel-v19{ padding:18px 14px 20px !important; width:min(calc(100% - 20px),1240px) !important; } .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-content-v19 h3{ font-size:24px !important; padding-right:44px !important; } } /* V20.3 Operational View modal fit-image refinement */ .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-panel-v19{ width:min(calc(100vw - 24px), 1420px) !important; max-width:1420px !important; max-height:calc(100vh - 24px) !important; margin:12px auto !important; padding:12px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; background:#fff !important; } .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-content-v19{ width:100% !important; height:100% !important; } .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-content-v19 h3{ display:none !important; } .hh-venus-modal-v19.is-ops-brochure #hh-venus-modal-body{ width:100% !important; height:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; } .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-close-v19{ top:14px !important; right:14px !important; z-index:4 !important; } .hh-ops-brochure-preview-v20{ width:100% !important; height:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; background:transparent !important; border-radius:0 !important; overflow:hidden !important; box-shadow:none !important; } .hh-ops-brochure-preview-v20 img{ display:block !important; width:auto !important; height:auto !important; max-width:100% !important; max-height:calc(100vh - 72px) !important; object-fit:contain !important; margin:0 auto !important; } @media(max-width:720px){ .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-panel-v19{ width:min(calc(100vw - 12px), 1420px) !important; max-height:calc(100vh - 12px) !important; margin:6px auto !important; padding:8px !important; } .hh-ops-brochure-preview-v20 img{ max-height:calc(100vh - 56px) !important; } } /* V21 final adjustments: brochure popup, header logo, hero position, title size */ @media(min-width:721px){ .hh-v5-logo{flex:0 0 204px!important;max-width:204px!important} .hh-v5-logo img{width:204px!important;max-height:54px!important} } @media(max-width:1180px) and (min-width:721px){ .hh-v5-logo{flex:0 0 184px!important;max-width:184px!important} .hh-v5-logo img{width:184px!important;max-height:50px!important} } @media(max-width:720px){ .hh-v5-logo img{width:156px!important;max-height:44px!important} } /* shrink the large Why Venus title by about 20% */ .hh-venus-why-copy-v19 h2{ font-size:clamp(46px, 4vw, 50px)!important; line-height:1.08!important; max-width:700px!important; } @media(max-width:1180px){ .hh-venus-why-copy-v19 h2{font-size:40px!important;max-width:620px!important} } @media(max-width:720px){ .hh-venus-why-copy-v19 h2{font-size:30px!important;line-height:1.15!important} } /* Venus hero text group – desktop only (mobile unchanged) */ .hh-venus-hero-v19 .hh-product-container{ max-width:1760px!important; padding-right:24px!important; } @media(min-width:769px){ .hh-venus-page .hh-venus-hero-v19 .hh-product-container{ padding-left:40px!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy{ transform:translate(-285px,-72px)!important; } } @media(min-width:769px) and (max-width:1360px){ .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy{ transform:translate(-225px,-54px)!important; } } @media(min-width:769px) and (max-width:1100px){ .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy{ transform:translate(-90px,-36px)!important; } } /* brochure registration modal: image on the left, clean form on the right */ .hh-brochure-panel-v19{ max-width:1180px!important; width:min(calc(100% - 40px),1180px)!important; padding:32px 36px!important; border-radius:28px!important; } .hh-brochure-layout-v21{ display:grid!important; grid-template-columns:320px minmax(0,1fr)!important; gap:40px!important; align-items:center!important; } .hh-brochure-cover-v21{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:360px!important; } .hh-brochure-cover-v21 img{ display:block!important; width:100%!important; max-width:300px!important; height:auto!important; background:transparent!important; box-shadow:none!important; filter:none!important; border:0!important; } .hh-brochure-form-wrap-v21 h3{ font-size:48px!important; line-height:1.05!important; letter-spacing:-.035em!important; margin:0 0 16px!important; color:var(--hhv5-navy)!important; font-weight:930!important; } .hh-brochure-form-wrap-v21 p{ font-size:17px!important; line-height:1.7!important; margin:0 0 22px!important; color:#607185!important; } .hh-brochure-form-wrap-v21 .hh-brochure-form-grid-v19{ gap:18px!important; margin:18px 0 24px!important; } .hh-brochure-form-wrap-v21 .hh-brochure-form-grid-v19 input{ height:54px!important; border-radius:16px!important; } .hh-brochure-form-wrap-v21 .hh-product-btn{ min-width:260px!important; border-radius:16px!important; } @media(max-width:900px){ .hh-brochure-panel-v19{width:min(calc(100% - 24px),1180px)!important;padding:28px 22px!important} .hh-brochure-layout-v21{grid-template-columns:1fr!important;gap:22px!important} .hh-brochure-cover-v21{min-height:0!important} .hh-brochure-cover-v21 img{max-width:220px!important} .hh-brochure-form-wrap-v21 h3{font-size:34px!important} } /* V23 requested updates */ .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-panel-v19{width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;margin:12px auto!important;padding:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important;} .hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-content-v19{width:auto!important;height:auto!important;} .hh-venus-modal-v19.is-ops-brochure #hh-venus-modal-body{width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;} .hh-ops-brochure-preview-v20{width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important;} .hh-ops-brochure-preview-v20 img{display:block!important;width:auto!important;height:auto!important;max-width:calc(100vw - 48px)!important;max-height:calc(100vh - 48px)!important;object-fit:contain!important;margin:0 auto!important;} @media(max-width:720px){.hh-venus-modal-v19.is-ops-brochure .hh-venus-modal-panel-v19{max-width:calc(100vw - 12px)!important;max-height:calc(100vh - 12px)!important;margin:6px auto!important;padding:6px!important}.hh-ops-brochure-preview-v20 img{max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 36px)!important}} /* V23 brochure registration modal refinements */ .hh-brochure-cover-v21 img{background:transparent!important;box-shadow:none!important;filter:none!important;} .hh-brochure-form-wrap-v21 h3{font-size:38px!important;line-height:1.12!important;letter-spacing:-.025em!important;max-width:720px!important;} .hh-brochure-form-wrap-v21 .hh-product-btn{min-width:300px!important;} @media(max-width:900px){.hh-brochure-form-wrap-v21 h3{font-size:30px!important}} /* V24 tweaks */ .hh-venus-workflow-card-v19.hh-venus-card-trigger{cursor:pointer;} /* Landing page – About / Impact / Authority (hh-v17 markup, Haihan brand) */ .hh-v5-home .hh-v17-about{ background:#f6f9fb; padding:76px 0 80px; } .hh-v5-home .hh-v17-about-grid{ display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(0,.95fr); gap:48px; align-items:start; } .hh-v5-home .hh-v17-about-grid > *{min-width:0;} .hh-v5-home .hh-v17-small-label{ display:block; color:#102033; font-size:clamp(32px,3.2vw,40px); line-height:1.15; font-weight:400; letter-spacing:-.02em; margin:0 0 22px; } .hh-v5-home .hh-v17-about-copy h2{ font-size:27px; line-height:1.45; margin:0 0 22px; color:#1e2d3a; font-weight:400; max-width:520px; } .hh-v5-home .hh-v17-about-copy p{ font-size:17px; line-height:1.78; color:#5f6f7c; margin:0 0 20px; } .hh-v5-home .hh-v17-about-copy p:last-child{margin-bottom:0;} .hh-v5-home .hh-v17-commit-card{ background:#fff; border:1px solid rgba(0,59,73,.1); border-radius:16px; padding:38px 40px 34px; box-shadow:0 8px 24px rgba(16,32,51,.06); height:100%; box-sizing:border-box; } .hh-v5-home .hh-v17-commit-card h3{ font-size:28px; line-height:1.25; color:#102033; margin:0 0 22px; font-weight:400; } .hh-v5-home .hh-v17-commit-card p{ font-size:17px; line-height:1.78; color:#5f6f7c; margin:0 0 20px; } .hh-v5-home .hh-v17-commit-card p:last-child{margin-bottom:0;} .hh-v5-home .hh-v17-proof-list{ display:grid; gap:20px; align-content:start; } .hh-v5-home .hh-v17-proof-item{ display:grid; grid-template-columns:44px minmax(0,1fr); gap:16px; align-items:center; background:#fff; border:1px solid rgba(0,59,73,.1); border-radius:14px; padding:22px 24px; box-shadow:0 6px 18px rgba(16,32,51,.05); } .hh-v5-home .hh-v17-proof-item > span{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; font-size:22px; line-height:1; color:#0072bc; flex-shrink:0; } .hh-v5-home .hh-v17-proof-item:nth-child(2) > span{color:#a88a00;} .hh-v5-home .hh-v17-proof-item h3{ font-size:20px; line-height:1.3; color:#1e2d3a; font-weight:400; margin:0 0 6px; } .hh-v5-home .hh-v17-proof-item p{ font-size:15px; line-height:1.5; color:#5f6f7c; margin:0; } .hh-v5-home .hh-v17-impact{ background:#fff; padding:76px 0 84px; } .hh-v5-home .hh-v17-impact-head{ text-align:center; max-width:980px; margin:0 auto 48px; } .hh-v5-home .hh-v17-impact-head h2{ font-size:clamp(30px,3.4vw,42px); line-height:1.18; color:#102033; font-weight:400; letter-spacing:-.02em; margin:0 0 20px; } .hh-v5-home .hh-v17-impact-head > p{ font-size:18px; line-height:1.7; color:#5f6f7c; margin:0 auto 28px; max-width:920px; } .hh-v5-home .hh-v17-rating{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; color:#102033; } .hh-v5-home .hh-v17-rating strong{ font-size:24px; line-height:1.2; font-weight:400; color:#102033; } .hh-v5-home .hh-v17-rating span{ font-size:15px; line-height:1.55; color:#5f6f7c; text-align:center; } .hh-v5-home .hh-v17-impact-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-items:stretch; } .hh-v5-home .hh-v17-impact-grid article{ display:flex; flex-direction:column; background:#fff; border:1px solid rgba(0,59,73,.12); border-radius:14px; padding:32px 28px 28px; box-shadow:0 6px 20px rgba(16,32,51,.05); min-height:240px; box-sizing:border-box; } .hh-v5-home .hh-v17-impact-grid h3{ font-size:21px; line-height:1.38; color:#1e2d3a; font-weight:400; margin:0 0 18px; letter-spacing:0; } .hh-v5-home .hh-v17-impact-grid p{ font-size:16px; line-height:1.72; color:#334155; margin:0 0 auto; flex:1 1 auto; } .hh-v5-home .hh-v17-impact-grid em{ display:block; margin-top:22px; font-size:15px; line-height:1.55; color:#5f6f7c; font-style:italic; } .hh-v5-home .hh-v17-authority{ background:linear-gradient(135deg,#003847 0%,#004d61 55%,#005a70 100%); padding:72px 0 76px; color:#fff; position:relative; overflow:hidden; } .hh-v5-home .hh-v17-authority:before, .hh-v5-home .hh-v17-authority:after{display:none;} .hh-v5-home .hh-v17-authority .hh-v5-container{ position:relative; z-index:1; } .hh-v5-home .hh-v17-authority h2{ font-size:clamp(26px,2.8vw,34px); line-height:1.28; font-weight:400; margin:0 0 18px; letter-spacing:-.01em; color:#fff; max-width:920px; } .hh-v5-home .hh-v17-authority p{ font-size:18px; line-height:1.68; color:rgba(255,255,255,.9); margin:0 0 28px; max-width:820px; } .hh-v5-home .hh-v17-dark-btn{ display:inline-flex; align-items:center; justify-content:center; background:#0072bc; color:#fff!important; text-decoration:none; border-radius:10px; padding:16px 32px; font-size:17px; font-weight:400; letter-spacing:.02em; box-shadow:0 10px 24px rgba(0,80,140,.28); transition:background .16s ease,transform .16s ease; } .hh-v5-home .hh-v17-dark-btn:hover{ background:#005f9e; color:#fff!important; transform:translateY(-1px); } @media(max-width:1200px){ .hh-v5-home .hh-v17-about-grid{grid-template-columns:1fr 1fr;gap:32px;} .hh-v5-home .hh-v17-proof-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:900px){ .hh-v5-home .hh-v17-impact-grid{grid-template-columns:1fr;} } @media(max-width:768px){ .hh-v5-home .hh-v17-about, .hh-v5-home .hh-v17-impact{padding:56px 0 62px;} .hh-v5-home .hh-v17-about-grid{grid-template-columns:1fr;gap:28px;} .hh-v5-home .hh-v17-small-label{font-size:30px;margin-bottom:16px;} .hh-v5-home .hh-v17-about-copy h2{font-size:23px;} .hh-v5-home .hh-v17-about-copy p, .hh-v5-home .hh-v17-commit-card p{font-size:15.5px;} .hh-v5-home .hh-v17-commit-card{padding:28px 24px;} .hh-v5-home .hh-v17-commit-card h3{font-size:24px;} .hh-v5-home .hh-v17-proof-list{grid-template-columns:1fr;gap:14px;} .hh-v5-home .hh-v17-proof-item{padding:18px 20px;} .hh-v5-home .hh-v17-impact-head{margin-bottom:36px;} .hh-v5-home .hh-v17-impact-head h2{font-size:28px;} .hh-v5-home .hh-v17-impact-head > p{font-size:16px;} .hh-v5-home .hh-v17-impact-grid{grid-template-columns:1fr;} .hh-v5-home .hh-v17-impact-grid article{min-height:0;padding:26px 22px;} .hh-v5-home .hh-v17-authority{padding:52px 0 56px;} .hh-v5-home .hh-v17-authority h2{font-size:24px;} .hh-v5-home .hh-v17-authority p{font-size:16px;margin-bottom:24px;} .hh-v5-home .hh-v17-dark-btn{width:100%;max-width:360px;} } /* V25 Venus additional sections */ .hh-venus-extra-section{padding:88px 0!important;background:#f5f8fb!important;} .hh-venus-extra-section:nth-of-type(even){background:#ffffff!important;} .hh-venus-extra-head{max-width:1120px!important;margin:0 auto 34px!important;} .hh-venus-extra-head.center{text-align:center!important;} .hh-venus-extra-head.left{text-align:left!important;} .hh-venus-extra-head h2{margin:0 0 16px!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.08!important;letter-spacing:-.03em!important;color:var(--hhv5-navy)!important;font-weight:920!important;} .hh-venus-extra-head p{margin:0!important;color:#607185!important;font-size:18px!important;line-height:1.75!important;} .hh-venus-three-col-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;} .hh-venus-info-card,.hh-venus-feature-card{background:#fff!important;border:1px solid rgba(15,69,106,.10)!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(9,34,56,.06)!important;padding:32px 34px!important;} .hh-venus-info-card h3,.hh-venus-feature-card h3{margin:0 0 14px!important;color:var(--hhv5-navy)!important;font-size:22px!important;line-height:1.35!important;font-weight:850!important;} .hh-venus-info-card p,.hh-venus-feature-card p{margin:0 0 14px!important;color:#495b70!important;font-size:17px!important;line-height:1.65!important;} .hh-venus-info-card ul,.hh-venus-gartner-copy ul,.hh-venus-brochure-points{margin:10px 0 0 22px!important;padding:0!important;color:var(--hhv5-navy)!important;} .hh-venus-info-card li,.hh-venus-gartner-copy li,.hh-venus-brochure-points li{margin:0 0 10px!important;line-height:1.65!important;} .hh-venus-card-label{display:block!important;margin:0 0 14px!important;font-size:14px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#a18219!important;font-weight:800!important;} .hh-venus-extra-cta{margin-top:28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;} .hh-venus-extra-cta p{margin:0!important;color:#607185!important;font-size:18px!important;} .hh-venus-gartner-section{background:linear-gradient(180deg,#0a3f61 0%,#124d75 100%)!important;} .hh-venus-gartner-wrap{color:#fff!important;} .hh-venus-gartner-head h2{margin:0 0 42px!important;text-align:center!important;color:#fff!important;font-size:clamp(34px,3.8vw,56px)!important;line-height:1.22!important;font-weight:920!important;} .hh-venus-gartner-body{display:grid!important;grid-template-columns:1fr 1.15fr!important;gap:60px!important;align-items:center!important;} .hh-venus-gartner-visual{display:flex!important;justify-content:center!important;align-items:center!important;} .hh-venus-gartner-visual img{display:block!important;max-width:380px!important;width:100%!important;height:auto!important;} .hh-venus-gartner-copy h3{margin:0 0 18px!important;color:#fff!important;font-size:22px!important;font-weight:850!important;} .hh-venus-gartner-copy p{margin:0 0 18px!important;color:rgba(255,255,255,.92)!important;font-size:17px!important;line-height:1.75!important;} .hh-venus-gartner-copy ul{color:#fff!important;} .hh-venus-multiregion-section{background:#fff!important;} .hh-venus-multiregion-section .hh-venus-feature-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:260px!important;} .hh-venus-multiregion-card-icon{width:64px!important;height:64px!important;margin:0 auto 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#35516b!important;flex-shrink:0!important;} .hh-venus-multiregion-card-icon svg{width:64px!important;height:64px!important;display:block!important;} .hh-venus-multiregion-section .hh-venus-feature-card h3{margin-top:0!important;} .hh-venus-six-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;} .hh-venus-feature-card{min-height:220px!important;} .hh-venus-brochure-section{background:#f5f8fb!important;} .hh-venus-page #venus-brochure-section{scroll-margin-top:72px;} .hh-venus-brochure-grid-section{display:grid!important;grid-template-columns:minmax(280px,460px) minmax(0,1fr)!important;gap:50px!important;align-items:start!important;} .hh-venus-brochure-visual-section{display:flex!important;align-items:flex-start!important;justify-content:center!important;} .hh-venus-brochure-visual-section img{display:block!important;max-width:100%!important;height:auto!important;} .hh-venus-brochure-content-section{display:grid!important;grid-template-columns:1fr!important;gap:0!important;align-items:start!important;} .hh-venus-inline-form-wrap h3{margin:0 0 12px!important;color:var(--hhv5-navy)!important;font-size:24px!important;line-height:1.3!important;font-weight:850!important;} .hh-venus-inline-form-wrap p{margin:0 0 20px!important;color:#607185!important;font-size:17px!important;line-height:1.7!important;} .hh-venus-inline-form{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;} .hh-venus-inline-form label{display:block!important;} .hh-venus-inline-form label span{display:block!important;margin:0 0 8px!important;font-size:15px!important;font-weight:700!important;color:var(--hhv5-navy)!important;} .hh-venus-inline-form input,.hh-venus-inline-form select{width:100%!important;height:56px!important;border-radius:14px!important;border:1px solid #d5dfeb!important;background:#fff!important;padding:0 16px!important;color:var(--hhv5-navy)!important;font-size:16px!important;box-sizing:border-box!important;} .hh-venus-inline-form button{justify-self:start!important;margin-top:4px!important;} .hh-venus-about-section{background:#f3f7fa!important;} .hh-venus-about-grid{display:grid!important;grid-template-columns:1.1fr 1fr .95fr!important;gap:56px!important;align-items:start!important;} .hh-venus-about-label{display:block!important;margin:0 0 28px!important;color:#063548!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.12!important;font-weight:920!important;letter-spacing:-.03em!important;} .hh-venus-about-copy h2{margin:0 0 26px!important;color:#082f3f!important;font-size:27px!important;line-height:1.45!important;font-weight:850!important;max-width:520px!important;} .hh-venus-about-copy p,.hh-venus-commit-card p{margin:0 0 23px!important;color:#607185!important;font-size:17px!important;line-height:1.78!important;} .hh-venus-commit-card{background:#fff!important;border:1px solid rgba(8,47,63,.10)!important;border-radius:16px!important;padding:42px 44px 38px!important;box-shadow:0 12px 30px rgba(6,53,72,.06)!important;} .hh-venus-commit-card h3{margin:0 0 25px!important;color:#082f3f!important;font-size:28px!important;line-height:1.25!important;font-weight:900!important;} .hh-venus-proof-list{display:grid!important;gap:24px!important;} .hh-venus-proof-item{display:grid!important;grid-template-columns:42px 1fr!important;gap:18px!important;align-items:center!important;background:#fff!important;border:1px solid rgba(8,47,63,.10)!important;border-radius:14px!important;padding:28px 30px!important;box-shadow:0 10px 22px rgba(6,53,72,.05)!important;} .hh-venus-proof-icon{font-size:26px!important;line-height:1!important;text-align:center!important;color:#0878c9!important;} .hh-venus-proof-item:nth-child(even) .hh-venus-proof-icon{color:#0b78c9!important;} .hh-venus-proof-item h3{margin:0 0 9px!important;color:#082f3f!important;font-size:21px!important;line-height:1.28!important;font-weight:850!important;} .hh-venus-proof-item p{margin:0!important;color:#607185!important;font-size:15.5px!important;line-height:1.5!important;} .hh-venus-trust-section{background:#fff!important;} .hh-venus-trust-head{text-align:center!important;max-width:1120px!important;margin:0 auto 54px!important;} .hh-venus-trust-head h2{margin:0 0 24px!important;color:#082f3f!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.18!important;font-weight:920!important;letter-spacing:-.03em!important;} .hh-venus-trust-head > p{margin:0 auto 32px!important;max-width:1050px!important;color:#607185!important;font-size:18px!important;line-height:1.7!important;} .hh-venus-trust-rating{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#082f3f!important;} .hh-venus-trust-rating strong{font-size:24px!important;line-height:1.2!important;font-weight:900!important;} .hh-venus-trust-rating span{font-size:15.5px!important;line-height:1.55!important;color:#607185!important;} .hh-venus-trust-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;} .hh-venus-trust-card{background:#fff!important;border:1px solid rgba(8,47,63,.10)!important;border-radius:15px!important;padding:38px 34px 34px!important;box-shadow:0 10px 24px rgba(6,53,72,.05)!important;min-height:260px!important;} .hh-venus-trust-card h3{margin:0 0 22px!important;color:#082f3f!important;font-size:22px!important;line-height:1.38!important;font-weight:900!important;} .hh-venus-trust-card p{margin:0 0 26px!important;color:#334155!important;font-size:17px!important;line-height:1.72!important;} .hh-venus-trust-card em{font-style:italic!important;font-size:15.5px!important;line-height:1.55!important;color:#68798d!important;} @media(max-width:1100px){ .hh-venus-three-col-grid,.hh-venus-six-grid,.hh-venus-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .hh-venus-about-grid{grid-template-columns:1fr 1fr!important;} .hh-venus-proof-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .hh-venus-brochure-content-section{grid-template-columns:1fr!important;} } @media(max-width:900px){ .hh-venus-gartner-body,.hh-venus-brochure-grid-section{grid-template-columns:1fr!important;gap:28px!important;} .hh-venus-gartner-head h2{text-align:left!important;} .hh-venus-about-grid{grid-template-columns:1fr!important;gap:30px!important;} } @media(max-width:720px){ .hh-venus-extra-section{padding:66px 0!important;} .hh-venus-three-col-grid,.hh-venus-trust-grid{grid-template-columns:1fr!important;gap:18px!important;} .hh-venus-page .hh-venus-multiregion-section .hh-venus-six-grid, .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } .hh-venus-proof-list{grid-template-columns:1fr!important;gap:16px!important;} .hh-venus-proof-item{padding:22px 20px!important;grid-template-columns:34px 1fr!important;} .hh-venus-trust-card{padding:28px 24px!important;min-height:0!important;} .hh-venus-about-copy h2{font-size:23px!important;} .hh-venus-info-card,.hh-venus-feature-card{padding:24px 22px!important;} .hh-venus-extra-head h2{font-size:34px!important;} } /* V25 Venus page – horizontal content spacing (hero excluded) */ .hh-venus-page .hh-product-section > .hh-product-container, .hh-venus-page .hh-venus-subnav-v19 > .hh-product-container{ max-width:1480px!important; margin-left:auto!important; margin-right:auto!important; padding-left:80px!important; padding-right:80px!important; box-sizing:border-box!important; } @media(max-width:1200px){ .hh-venus-page .hh-product-section > .hh-product-container, .hh-venus-page .hh-venus-subnav-v19 > .hh-product-container{ padding-left:48px!important; padding-right:48px!important; } } @media(max-width:768px){ .hh-venus-page{overflow-x:hidden;} .hh-venus-page .hh-product-section > .hh-product-container, .hh-venus-page .hh-venus-subnav-v19 > .hh-product-container{ padding-left:24px!important; padding-right:24px!important; max-width:100%!important; box-sizing:border-box!important; } .hh-venus-page .hh-venus-hero-v19{ background-image:var(--hh-venus-hero-bg-mobile)!important; background-repeat:no-repeat!important; background-size:100% auto!important; background-position:center bottom!important; background-color:#073548!important; min-height:0!important; padding:44px 0 0!important; padding-bottom:min(56vw,340px)!important; overflow:hidden!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-container{ max-width:100%!important; padding-left:24px!important; padding-right:24px!important; box-sizing:border-box!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy{ transform:none!important; max-width:100%!important; text-align:left!important; position:relative!important; z-index:1!important; padding-bottom:8px!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy h1{ font-size:clamp(38px,9vw,44px)!important; font-weight:400!important; line-height:1.12!important; letter-spacing:-.01em!important; max-width:100%!important; text-shadow:0 2px 18px rgba(0,0,0,.12)!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy > p{ max-width:100%!important; font-size:17px!important; font-weight:400!important; letter-spacing:.02em!important; line-height:1.62!important; color:rgba(255,255,255,.95)!important; text-shadow:0 1px 12px rgba(0,0,0,.12)!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-kicker{margin-bottom:18px!important;} .hh-venus-page .hh-venus-hero-v19 .hh-venus-hero-logo{ width:min(178px,72vw)!important; max-width:100%!important; margin-bottom:16px!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-actions{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-start!important; gap:14px!important; width:100%!important; max-width:100%!important; margin-top:20px!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-actions .hh-product-btn{ width:60vw!important; max-width:280px!important; min-width:220px!important; margin-left:0!important; margin-right:auto!important; flex:0 0 auto!important; box-sizing:border-box!important; justify-content:center!important; text-align:center!important; align-self:flex-start!important; } .hh-venus-page .hh-product-section h2, .hh-venus-page .hh-venus-extra-head h2, .hh-venus-page .hh-venus-arch-copy-v19 h2, .hh-venus-page .hh-venus-why-copy-v19 h2, .hh-venus-page .hh-product-section-head h2{ font-size:clamp(30px,7.5vw,36px)!important; line-height:1.18!important; max-width:100%!important; word-wrap:break-word!important; } .hh-venus-page .hh-venus-about-label{ font-size:clamp(30px,7.5vw,36px)!important; max-width:100%!important; } .hh-venus-page .hh-product-section p, .hh-venus-page .hh-venus-extra-head p, .hh-venus-page .hh-venus-info-card p, .hh-venus-page .hh-venus-feature-card p, .hh-venus-page .hh-venus-why-item-v19 p, .hh-venus-page .hh-venus-arch-copy-v19 p{ font-size:16px!important; line-height:1.68!important; } .hh-venus-page .hh-two-col, .hh-venus-page .hh-venus-intro-grid-v19, .hh-venus-page .hh-venus-arch-layout-v19, .hh-venus-page .hh-venus-brochure-grid-section{ grid-template-columns:1fr!important; gap:28px!important; } .hh-venus-page .hh-venus-arch-plain-v19 img, .hh-venus-page .hh-venus-screen-plain-v19 img, .hh-venus-page .hh-venus-brochure-visual-section img, .hh-venus-page img{max-width:100%!important;height:auto!important;} .hh-venus-page .hh-venus-three-col-grid, .hh-venus-page .hh-venus-trust-grid, .hh-venus-page .hh-ops-grid-v19, .hh-venus-page .hh-venus-about-grid, .hh-venus-page .hh-venus-proof-list{ grid-template-columns:1fr!important; gap:16px!important; } .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19, .hh-venus-page .hh-venus-multiregion-section .hh-venus-six-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-card-v19{ width:100%!important; min-width:0!important; box-sizing:border-box!important; min-height:168px!important; padding:20px 14px 18px!important; } .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-card-v19 h3{ font-size:16px!important; line-height:1.35!important; } .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-card-v19 p{ font-size:14px!important; line-height:1.45!important; } .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-card-v19:hover, .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-card-v19:focus-visible{ transform:none!important; } .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-card-static-v20{ cursor:pointer!important; touch-action:manipulation!important; -webkit-tap-highlight-color:rgba(255,255,255,.12)!important; } .hh-venus-page .hh-venus-multiregion-section .hh-venus-feature-card{ width:100%!important; min-width:0!important; min-height:0!important; box-sizing:border-box!important; padding:20px 14px!important; } .hh-venus-page .hh-venus-multiregion-section .hh-venus-feature-card h3{ font-size:16px!important; line-height:1.35!important; } .hh-venus-page .hh-venus-multiregion-section .hh-venus-feature-card p{ font-size:14px!important; line-height:1.45!important; } .hh-venus-page .hh-venus-multiregion-section .hh-venus-multiregion-card-icon{ width:48px!important; height:48px!important; margin-bottom:12px!important; } .hh-venus-page .hh-venus-multiregion-section .hh-venus-multiregion-card-icon svg{ width:48px!important; height:48px!important; } .hh-venus-page .hh-ops-card-v19 img{ height:auto!important; max-height:none!important; aspect-ratio:16/9!important; } .hh-venus-page .hh-venus-subnav-v19 .hh-product-tabs-inner{ justify-content:flex-start!important; gap:20px!important; -webkit-overflow-scrolling:touch; } .hh-venus-page .hh-venus-extra-section{padding:56px 0!important;} .hh-venus-page .hh-brochure-panel-v19{ width:94vw!important; max-width:94vw!important; margin:4vh auto!important; padding:24px 20px!important; box-sizing:border-box!important; } .hh-venus-page .hh-venus-modal-panel-v19:not(.hh-brochure-panel-v19){ width:min(94vw,760px)!important; max-width:94vw!important; padding:28px 20px 24px!important; box-sizing:border-box!important; } .hh-venus-page .hh-brochure-layout-v21{ grid-template-columns:1fr!important; gap:20px!important; max-width:100%!important; overflow-x:hidden!important; } .hh-venus-page .hh-brochure-cover-v21{ min-height:0!important; padding:8px 0!important; } .hh-venus-page .hh-brochure-cover-v21 img{max-width:min(200px,65vw)!important;} .hh-venus-page .hh-brochure-form-wrap-v21 h3{ font-size:clamp(26px,6.5vw,32px)!important; max-width:100%!important; } .hh-venus-page .hh-brochure-form-wrap-v21 p{font-size:16px!important;line-height:1.65!important;} .hh-venus-page .hh-brochure-form-grid-v19{ grid-template-columns:1fr!important; margin:16px 0 20px!important; } .hh-venus-page .hh-brochure-form-wrap-v21 .hh-product-btn{ width:100%!important; min-width:0!important; max-width:100%!important; } .hh-venus-page .hh-venus-modal-content-v19, .hh-venus-page #hh-venus-modal-body{ max-width:100%!important; overflow-x:hidden!important; box-sizing:border-box!important; } .hh-venus-page .hh-venus-modal-content-v19 h3{ padding:20px 48px 0 20px!important; font-size:clamp(24px,6vw,30px)!important; } .hh-venus-page #hh-venus-modal-body{padding:0 20px 22px!important;} .hh-venus-page .hh-venus-modal-close-v19{ top:10px!important; right:10px!important; width:44px!important; height:44px!important; z-index:3!important; } .hh-venus-page .hh-modal-rich-v19{grid-template-columns:1fr!important;gap:20px!important;} } @media(max-width:480px){ .hh-venus-page .hh-product-section > .hh-product-container, .hh-venus-page .hh-venus-subnav-v19 > .hh-product-container, .hh-venus-page .hh-venus-hero-v19 .hh-product-container{ padding-left:20px!important; padding-right:20px!important; } .hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy h1{font-size:38px!important;} .hh-venus-page .hh-brochure-panel-v19{ width:92vw!important; max-width:92vw!important; padding:20px 16px!important; } .hh-venus-page .hh-venus-extra-section{padding:48px 0!important;} } @media(max-width:380px){ .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-grid-v19, .hh-venus-page .hh-venus-multiregion-section .hh-venus-six-grid{ gap:12px!important; } .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-card-v19{ min-height:152px!important; padding:16px 12px 14px!important; } .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-card-v19 h3, .hh-venus-page .hh-venus-multiregion-section .hh-venus-feature-card h3{ font-size:15px!important; } .hh-venus-page .hh-venus-workflow-v19 .hh-venus-workflow-card-v19 p, .hh-venus-page .hh-venus-multiregion-section .hh-venus-feature-card p{ font-size:13px!important; } .hh-venus-page .hh-venus-multiregion-section .hh-venus-multiregion-card-icon{ width:40px!important; height:40px!important; margin-bottom:10px!important; } .hh-venus-page .hh-venus-multiregion-section .hh-venus-multiregion-card-icon svg{ width:40px!important; height:40px!important; } } /* V25.1 Venus page typography – match landing page (page-only, final override) */ .hh-product-page.hh-venus-page, .hh-product-page.hh-venus-page *{ font-weight:400!important; } .hh-product-page.hh-venus-page :is(h1,h2){ letter-spacing:-.02em!important; line-height:1.12!important; } .hh-product-page.hh-venus-page h1{ letter-spacing:-.03em!important; line-height:1.08!important; } .hh-product-page.hh-venus-page :is(h3,h4){ letter-spacing:.01em!important; line-height:1.35!important; } .hh-product-page.hh-venus-page :is(p,li,blockquote,figcaption,.hh-product-section p,.hh-modal-rich-copy-v19 p){ letter-spacing:.01em!important; line-height:1.65!important; } .hh-product-page.hh-venus-page :is(.hh-product-kicker,.hh-product-eyebrow,.hh-venus-card-label){ letter-spacing:.12em!important; line-height:1.2!important; text-transform:uppercase; } .hh-product-page.hh-venus-page .hh-venus-subnav-v19 a{ letter-spacing:.02em!important; line-height:1.2!important; } .hh-product-page.hh-venus-page .hh-product-section h2, .hh-product-page.hh-venus-page .hh-venus-extra-head h2, .hh-product-page.hh-venus-page .hh-venus-arch-copy-v19 h2, .hh-product-page.hh-venus-page .hh-venus-why-copy-v19 h2, .hh-product-page.hh-venus-page .hh-venus-gartner-head h2, .hh-product-page.hh-venus-page .hh-venus-about-label, .hh-product-page.hh-venus-page .hh-venus-trust-head h2{ letter-spacing:-.02em!important; line-height:1.18!important; } .hh-product-page.hh-venus-page .hh-product-quote{ line-height:1.55!important; letter-spacing:.01em!important; } .hh-product-page.hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy h1{ font-weight:400!important; letter-spacing:-.03em!important; line-height:1.08!important; } .hh-product-page.hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy > p{ font-weight:400!important; letter-spacing:.02em!important; line-height:1.62!important; } .hh-product-page.hh-venus-page .hh-venus-modal-content-v19 h3, .hh-product-page.hh-venus-page .hh-modal-lead-v19, .hh-product-page.hh-venus-page .hh-modal-rich-copy-v19 h4, .hh-product-page.hh-venus-page .hh-modal-diagram-title-v19{ font-weight:400!important; line-height:1.35!important; letter-spacing:.01em!important; } @media(max-width:768px){ .hh-product-page.hh-venus-page .hh-venus-hero-v19 .hh-product-hero-copy h1{ line-height:1.12!important; letter-spacing:-.01em!important; } } /* Epicor migration landing page (Haihan) */ .hh-epicor-page{ --hh-epicor-blue:#0072bc; --hh-epicor-navy:#003b49; --hh-epicor-deep:#002d3a; --hh-epicor-gold:#a88a00; --hh-epicor-gold-light:#b59a00; --hh-epicor-ice:#f6f9fb; --hh-epicor-text:#1e2d3a; --hh-epicor-muted:#5f6f7c; overflow-x:hidden; background:#fff; color:var(--hh-epicor-text); } .hh-epicor-page, .hh-epicor-page *{font-weight:400!important;} .hh-epicor-page .hh-v5-container{ max-width:1480px!important; margin-left:auto!important; margin-right:auto!important; padding-left:80px!important; padding-right:80px!important; box-sizing:border-box!important; } @media(max-width:1200px){ .hh-epicor-page .hh-v5-container{padding-left:48px!important;padding-right:48px!important;} } @media(max-width:768px){ .hh-epicor-page .hh-v5-container{padding-left:24px!important;padding-right:24px!important;} } .hh-epicor-hero{ background:linear-gradient(135deg,var(--hh-epicor-deep) 0%,var(--hh-epicor-navy) 42%,#005a8f 100%); color:#fff; padding:88px 0 76px; overflow:hidden; } .hh-epicor-hero-grid{ display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr); gap:52px; align-items:center; } .hh-epicor-hero-copy{min-width:0;padding-top:55px;} .hh-epicor-hero-visual{ min-width:0; display:flex; justify-content:flex-end; align-items:center; } .hh-epicor-hero-image{ display:block; width:100%; max-width:520px; height:auto; object-fit:contain; object-position:center; } .hh-epicor-hero h1{ font-size:clamp(34px,4.2vw,52px); line-height:1.08; letter-spacing:-.03em; margin:0 0 22px; color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.15); } .hh-epicor-hero-title-line{ display:block; } .hh-epicor-hero-title-line:not(.hh-epicor-hero-title-main){ font-size:clamp(20px,2.15vw,30px); line-height:1.2; letter-spacing:-.02em; margin:0 0 12px; white-space:nowrap; } .hh-epicor-hero-title-main{ letter-spacing:-.03em; } .hh-epicor-hero-lead{ font-size:18px; line-height:1.62; letter-spacing:.02em; color:rgba(255,255,255,.92); margin:0 0 32px; max-width:760px; } .hh-epicor-hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;} .hh-epicor-btn{ display:inline-flex; align-items:center; justify-content:center; border-radius:10px; padding:15px 28px; font-size:16px; line-height:1; text-decoration:none; transition:background .16s ease,transform .16s ease,color .16s ease; border:2px solid transparent; cursor:pointer; box-sizing:border-box; } .hh-epicor-btn-primary{background:var(--hh-epicor-blue);color:#fff!important;box-shadow:0 10px 24px rgba(0,114,188,.28);} .hh-epicor-btn-primary:hover{background:#005f9e;color:#fff!important;transform:translateY(-1px);} .hh-epicor-btn-light{background:#fff;color:var(--hh-epicor-blue)!important;box-shadow:0 10px 24px rgba(0,0,0,.12);} .hh-epicor-btn-light:hover{background:#f2f8fc;color:var(--hh-epicor-blue)!important;} .hh-epicor-btn-gold{background:var(--hh-epicor-gold);color:#fff!important;} .hh-epicor-btn-gold:hover{background:#8f7205;color:#fff!important;} .hh-epicor-btn-outline{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.55);} .hh-epicor-btn-outline:hover{background:rgba(255,255,255,.1);color:#fff!important;} .hh-epicor-section{padding:76px 0 84px;background:#fff;} .hh-epicor-section.hh-epicor-pain{background:var(--hh-epicor-ice);} .hh-epicor-section.hh-epicor-method{background:#fff;} .hh-epicor-section.hh-epicor-global{background:var(--hh-epicor-ice);} .hh-epicor-section.hh-epicor-faq{background:var(--hh-epicor-ice);} .hh-epicor-label{ display:inline-block; color:var(--hh-epicor-gold); font-size:14px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:14px; } .hh-epicor-section h2{ font-size:clamp(30px,3.4vw,42px); line-height:1.18; letter-spacing:-.02em; color:#102033; margin:0 0 18px; max-width:980px; } .hh-epicor-subtitle{font-size:20px;line-height:1.5;color:var(--hh-epicor-muted);margin:0 0 32px;max-width:720px;} .hh-epicor-intro{font-size:18px;line-height:1.7;color:var(--hh-epicor-muted);margin:0 0 36px;max-width:920px;} .hh-epicor-pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;} .hh-epicor-pain-card{ background:#fff; border:1px solid rgba(0,59,73,.1); border-radius:16px; padding:28px 24px 24px; box-shadow:0 8px 22px rgba(16,32,51,.05); min-width:0; } .hh-epicor-pain-icon{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:rgba(0,114,188,.1); color:var(--hh-epicor-blue); font-size:14px; margin-bottom:16px; } .hh-epicor-pain-card h3{font-size:20px;line-height:1.35;color:var(--hh-epicor-text);margin:0 0 10px;} .hh-epicor-pain-card p{font-size:16px;line-height:1.65;color:var(--hh-epicor-muted);margin:0;} .hh-epicor-gartner{background:linear-gradient(180deg,#003b49 0%,#004d61 100%);color:#fff;padding:76px 0 84px;} .hh-epicor-gartner h2{color:#fff;max-width:100%;} .hh-epicor-gartner .hh-epicor-subtitle{color:rgba(255,255,255,.88);} .hh-epicor-gartner-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;} .hh-epicor-gartner-visual{display:flex;justify-content:center;align-items:center;} .hh-epicor-gartner-visual img{max-width:360px;width:100%;height:auto;display:block;} .hh-epicor-gartner-copy p{font-size:17px;line-height:1.72;color:rgba(255,255,255,.9);margin:0 0 18px;} .hh-epicor-gartner-copy h3{font-size:22px;line-height:1.35;color:#fff;margin:0 0 14px;} .hh-epicor-gartner-copy ul{margin:0 0 20px;padding-left:22px;color:rgba(255,255,255,.92);} .hh-epicor-gartner-copy li{font-size:16px;line-height:1.65;margin-bottom:8px;} .hh-epicor-disclaimer{font-size:13px;line-height:1.55;color:rgba(255,255,255,.65)!important;margin:0!important;} .hh-epicor-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;} .hh-epicor-step-card{ background:#fff; border:1px solid rgba(0,59,73,.1); border-radius:16px; padding:28px 24px; box-shadow:0 8px 22px rgba(16,32,51,.05); min-width:0; } .hh-epicor-step-num{ display:inline-flex; width:44px; height:44px; border-radius:50%; align-items:center; justify-content:center; background:var(--hh-epicor-gold); color:#fff; font-size:14px; margin-bottom:16px; } .hh-epicor-step-card h3{font-size:20px;line-height:1.35;margin:0 0 10px;color:var(--hh-epicor-text);} .hh-epicor-step-card p{font-size:16px;line-height:1.65;margin:0;color:var(--hh-epicor-muted);} .hh-epicor-global-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;} .hh-epicor-global-card{ background:#fff; border:1px solid rgba(0,59,73,.1); border-radius:16px; padding:32px 26px 26px; text-align:center; box-shadow:0 8px 22px rgba(16,32,51,.05); min-width:0; } .hh-epicor-global-icon{width:52px;height:52px;margin:0 auto 18px;color:var(--hh-epicor-blue);display:flex;align-items:center;justify-content:center;} .hh-epicor-global-icon svg{width:52px;height:52px;} .hh-epicor-global-card:nth-child(even) .hh-epicor-global-icon{color:var(--hh-epicor-gold);} .hh-epicor-global-card h3{font-size:20px;line-height:1.35;margin:0 0 10px;color:var(--hh-epicor-text);} .hh-epicor-global-card p{font-size:16px;line-height:1.62;margin:0;color:var(--hh-epicor-muted);} .hh-epicor-faq h2{margin-bottom:32px;} .hh-epicor-faq-list{display:grid;gap:12px;max-width:980px;} .hh-epicor-faq-item{ background:#fff; border:1px solid rgba(0,59,73,.12); border-radius:12px; overflow:hidden; box-shadow:0 4px 14px rgba(16,32,51,.04); } .hh-epicor-faq-item summary{ list-style:none; cursor:pointer; padding:20px 52px 20px 22px; font-size:17px; line-height:1.45; color:var(--hh-epicor-text); position:relative; } .hh-epicor-faq-item summary::-webkit-details-marker{display:none;} .hh-epicor-faq-item summary::after{ content:'+'; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:22px; color:var(--hh-epicor-blue); line-height:1; } .hh-epicor-faq-item[open] summary::after{content:'−';} .hh-epicor-faq-item[open] summary{background:rgba(0,114,188,.06);} .hh-epicor-faq-answer{padding:0 22px 20px;} .hh-epicor-faq-answer p{font-size:16px;line-height:1.72;color:var(--hh-epicor-muted);margin:0;} .hh-epicor-faq-answer p + p{margin-top:14px;} .hh-epicor-cta-band{ background:linear-gradient(135deg,var(--hh-epicor-deep) 0%,var(--hh-epicor-navy) 55%,#005a8f 100%); color:#fff; padding:72px 0 76px; } .hh-epicor-cta-band h2{color:#fff;max-width:820px;} .hh-epicor-cta-band p{font-size:18px;line-height:1.68;color:rgba(255,255,255,.9);margin:0 0 16px;max-width:820px;} .hh-epicor-cta-band-inner .hh-epicor-hero-actions{margin-top:28px;} .hh-epicor-form-section{background:var(--hh-epicor-ice);padding-bottom:88px;} .hh-epicor-form-wrap{ max-width:880px; background:#fff; border:1px solid rgba(0,59,73,.1); border-radius:20px; padding:40px 44px 36px; box-shadow:0 12px 32px rgba(16,32,51,.07); } .hh-epicor-form-wrap h2{margin-bottom:12px;} .hh-epicor-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-bottom:24px;} .hh-epicor-form-grid label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--hh-epicor-text);} .hh-epicor-form-grid .required-star{color:#c0392b;} .hh-epicor-form-full{grid-column:1/-1;} .hh-epicor-form-grid input, .hh-epicor-form-grid textarea{ width:100%; border:1px solid #d5dfeb; border-radius:10px; padding:12px 14px; font-size:16px; color:var(--hh-epicor-text); background:#fff; box-sizing:border-box; font-family:inherit; } .hh-epicor-form-grid textarea{resize:vertical;min-height:120px;} .hh-epicor-form-note{font-size:15px;line-height:1.6;color:var(--hh-epicor-muted);margin:16px 0 0;} .hh-epicor-form-note a{color:var(--hh-epicor-blue);} body .entry-content > .hh-epicor-page{margin-top:0!important;padding-top:0!important;} @media(max-width:1100px){ .hh-epicor-hero-grid{grid-template-columns:1fr;gap:36px;} .hh-epicor-hero-visual{justify-content:center;} .hh-epicor-hero-image{max-width:480px;margin:0 auto;} .hh-epicor-pain-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .hh-epicor-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .hh-epicor-global-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .hh-epicor-gartner-layout{grid-template-columns:1fr;gap:32px;} } @media(max-width:768px){ .hh-epicor-hero{padding:56px 0 48px;} .hh-epicor-hero-grid{gap:28px;} .hh-epicor-hero-image{max-width:100%;} .hh-epicor-hero h1{font-size:32px;line-height:1.12;letter-spacing:-.01em;} .hh-epicor-hero-title-line:not(.hh-epicor-hero-title-main){ font-size:17px; line-height:1.25; margin-bottom:10px; white-space:nowrap; } .hh-epicor-hero-lead{font-size:16px;line-height:1.62;} .hh-epicor-section{padding:56px 0 62px;} .hh-epicor-hero-actions{flex-direction:column;align-items:flex-start;} .hh-epicor-btn{width:100%;max-width:320px;} .hh-epicor-pain-grid, .hh-epicor-global-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} .hh-epicor-pain-card, .hh-epicor-global-card{padding:18px 14px 16px;} .hh-epicor-pain-card h3, .hh-epicor-global-card h3{font-size:16px;line-height:1.35;} .hh-epicor-pain-card p, .hh-epicor-global-card p{font-size:14px;line-height:1.55;} .hh-epicor-global-icon{width:34px;height:34px;margin-bottom:12px;} .hh-epicor-global-icon svg{width:34px;height:34px;} .hh-epicor-method .hh-epicor-steps-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .hh-epicor-method .hh-epicor-step-card{ width:100%; min-width:0; padding:18px 14px 16px; } .hh-epicor-method .hh-epicor-step-num{ width:40px; height:40px; font-size:13px; margin-bottom:12px; } .hh-epicor-method .hh-epicor-step-card h3{ font-size:16px; line-height:1.35; } .hh-epicor-method .hh-epicor-step-card p{ font-size:14px; line-height:1.55; } .hh-epicor-form-grid{grid-template-columns:1fr;} .hh-epicor-form-wrap{padding:28px 22px 24px;} .hh-epicor-gartner-visual img{max-width:260px;} } @media(max-width:480px){ .hh-epicor-pain-grid{grid-template-columns:1fr;} .hh-epicor-global-grid{grid-template-columns:1fr;} } /* Mobile hamburger drawer – top stacking layer (site-wide, body-portaled layers) */ @media(max-width:768px){ body.hh-v19-nav-body-open, body.hh-menu-open{ overflow:hidden!important; } body.hh-v19-nav-body-open #wpadminbar, body.hh-menu-open #wpadminbar, body.hh-v19-nav-body-open .hh-v5-header-fixed, body.hh-menu-open .hh-v5-header-fixed, body.hh-v19-nav-body-open .hh-v5-header, body.hh-menu-open .hh-v5-header, body.hh-v19-nav-body-open .hh-v5-promo, body.hh-menu-open .hh-v5-promo, body.hh-v19-nav-body-open #page, body.hh-menu-open #page, body.hh-v19-nav-body-open .site, body.hh-menu-open .site, body.hh-v19-nav-body-open main, body.hh-menu-open main, body.hh-v19-nav-body-open .hh-v5-home, body.hh-menu-open .hh-v5-home, body.hh-v19-nav-body-open .hh-product-page, body.hh-menu-open .hh-product-page, body.hh-v19-nav-body-open .hh-v5-hero, body.hh-menu-open .hh-v5-hero, body.hh-v19-nav-body-open .hh-product-hero, body.hh-menu-open .hh-product-hero, body.hh-v19-nav-body-open .hh-venus-hero-v19, body.hh-menu-open .hh-venus-hero-v19, body.hh-v19-nav-body-open .hh-epicor-hero, body.hh-menu-open .hh-epicor-hero, body.hh-v19-nav-body-open .hh-product-tabs, body.hh-menu-open .hh-product-tabs, body.hh-v19-nav-body-open .hh-venus-modal-v19, body.hh-menu-open .hh-venus-modal-v19, body.hh-v19-nav-body-open .hh-brochure-modal-v19, body.hh-menu-open .hh-brochure-modal-v19{ z-index:1!important; } body.hh-v19-nav-body-open > .hh-v19-nav-overlay, body.hh-menu-open > .hh-v19-nav-overlay, body.hh-v19-nav-body-open .hh-v19-nav-overlay.hh-v19-nav-overlay-open{ position:fixed!important; inset:0!important; z-index:2147483645!important; background:rgba(0,0,0,.45)!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; } body.hh-v19-nav-body-open > .hh-v5-nav.hh-v19-nav-open, body.hh-menu-open > .hh-v5-nav.hh-v19-nav-open, body.hh-v19-nav-body-open .hh-v5-nav.hh-v19-nav-open{ position:fixed!important; top:0!important; right:0!important; left:auto!important; width:66.666vw!important; max-width:420px!important; min-width:300px!important; height:100vh!important; max-height:100vh!important; z-index:2147483646!important; background:#fff!important; opacity:1!important; overflow-y:auto!important; box-shadow:-12px 0 30px rgba(0,0,0,.18)!important; pointer-events:auto!important; transform:translateX(0)!important; } body.hh-v19-nav-body-open > .hh-v19-menu-toggle, body.hh-menu-open > .hh-v19-menu-toggle, body.hh-v19-nav-body-open .hh-v19-menu-toggle.hh-v19-toggle-portaled{ position:fixed!important; top:12px!important; right:16px!important; z-index:2147483647!important; margin:0!important; background:transparent!important; } .admin-bar body.hh-v19-nav-body-open > .hh-v19-menu-toggle, .admin-bar body.hh-menu-open > .hh-v19-menu-toggle{ top:46px!important; } } /* V25.0.5 — desktop fixed header: compact 84px row; no extra inner min-height / nav padding */ @media(min-width:769px){ .hh-v5-header-fixed{ background:transparent!important; } .hh-v5-header, .hh-v5-header-fixed .hh-v5-header{ padding-top:0!important; padding-bottom:0!important; margin-bottom:0!important; } .hh-v5-header-inner{ display:flex!important; align-items:center!important; justify-content:space-between!important; flex-wrap:nowrap!important; height:84px!important; min-height:0!important; max-height:84px!important; box-sizing:border-box; padding-bottom:0!important; } .hh-v5-nav-item{ padding-top:0!important; padding-bottom:0!important; } } /* About Haihan page */ body .entry-content > .hh-about-v25{ margin-top:0 !important; padding-top:0 !important; } .hh-about-v25{ margin-top:0 !important; padding-top:0 !important; color:var(--hhv5-navy); } .hh-about-hero{ position:relative; min-height:560px; padding:88px 0 72px; background-color:#062b3f; background-image: linear-gradient(115deg,rgba(6,43,63,.94) 0%,rgba(8,47,73,.88) 42%,rgba(12,113,181,.55) 100%), var(--hh-about-hero-bg, none); background-size:cover; background-position:center right; overflow:hidden; } .hh-about-hero:before{ content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:48px 48px; opacity:.35; pointer-events:none; } .hh-about-hero:after{ content:""; position:absolute; inset:auto -10% -40% 50%; width:520px; height:320px; background:radial-gradient(circle,rgba(30,196,182,.22),transparent 68%); pointer-events:none; } .hh-about-hero-inner{position:relative;z-index:1;max-width:820px} .hh-about-eyebrow{ display:inline-flex; align-items:center; padding:8px 16px; margin:0 0 22px; border-radius:999px; font-size:13px; font-weight:400; letter-spacing:.06em; color:#fff; background:rgba(168,132,8,.22); border:1px solid rgba(168,132,8,.45); } .hh-about-hero h1{ margin:0 0 20px; font-size:clamp(34px,4.2vw,52px); line-height:1.12; font-weight:400; letter-spacing:-.03em; color:#fff; } .hh-about-hero-lead{ margin:0 0 16px; font-size:clamp(17px,2vw,20px); line-height:1.65; font-weight:300; color:rgba(255,255,255,.92); max-width:720px; } .hh-about-hero-desc{ margin:0 0 30px; font-size:16px; line-height:1.72; font-weight:300; color:rgba(255,255,255,.78); max-width:700px; } .hh-about-hero-actions .hh-product-btn-light{ color:#fff!important; border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.08); } .hh-about-section{padding:76px 0} .hh-about-section.hh-product-muted{background:#f5f8fb} .hh-about-section-head{max-width:900px;margin:0 auto 44px} .hh-about-section-head.center{text-align:center} .hh-about-section-head h2{ margin:0 0 18px; font-size:clamp(32px,3.5vw,58px); line-height:1.12; font-weight:400; letter-spacing:-.03em; color:var(--hhv5-navy); } .hh-about-section-head p{ margin:0 0 14px; font-size:20px; line-height:1.65; font-weight:300; color:var(--hhv5-muted); } .hh-about-section-head p:last-child{margin-bottom:0} .hh-about-subtitle{max-width:760px;margin-left:auto;margin-right:auto} .hh-about-card-icon{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; margin-bottom:16px; border-radius:12px; font-size:13px; font-weight:400; color:var(--hhv5-blue); background:rgba(12,113,181,.1); } .hh-about-six-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } .hh-about-reason-card{ background:#fff; border:1px solid rgba(18,34,53,.08); border-radius:18px; padding:28px 24px; box-shadow:0 12px 28px rgba(18,34,53,.05); } .hh-about-reason-card h3{ margin:0 0 12px; font-size:19px; font-weight:400; color:var(--hhv5-navy); } .hh-about-reason-card p{ margin:0; font-size:15px; line-height:1.66; font-weight:300; color:#607185; } .hh-about-compare{ display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:980px; margin:0 auto; } .hh-about-compare-col{ border-radius:20px; padding:32px 28px; border:1px solid rgba(18,34,53,.08); } .hh-about-compare-plain{background:#fff} .hh-about-compare-haihan{ background:linear-gradient(160deg,#063047 0%,#0a4d73 100%); border-color:rgba(12,113,181,.25); box-shadow:0 18px 40px rgba(6,43,63,.18); } .hh-about-compare-col h3{ margin:0 0 20px; font-size:22px; font-weight:400; } .hh-about-compare-plain h3{color:var(--hhv5-navy)} .hh-about-compare-haihan h3{color:#fff} .hh-about-compare-col ul{ margin:0; padding:0; list-style:none; } .hh-about-compare-col li{ position:relative; padding:0 0 14px 22px; font-size:15px; line-height:1.62; font-weight:300; } .hh-about-compare-plain li{color:#607185} .hh-about-compare-haihan li{color:rgba(255,255,255,.88)} .hh-about-compare-col li:before{ content:""; position:absolute; left:0; top:.55em; width:8px; height:8px; border-radius:50%; background:var(--hhv5-blue); } .hh-about-compare-haihan li:before{background:var(--hhv5-teal)} .hh-about-portfolio-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } .hh-about-portfolio-card{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--hhv5-line); border-radius:20px; overflow:hidden; box-shadow:0 14px 34px rgba(18,34,53,.07); } .hh-about-v25 .hh-about-portfolio-media{ height:300px; background:transparent; overflow:hidden; } .hh-about-portfolio-media img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center center; background:transparent; } .hh-about-portfolio-body{ display:flex; flex-direction:column; flex:1; padding:22px 22px 24px; } .hh-about-portfolio-body h3{ margin:0 0 6px; font-size:23px; line-height:1.28; font-weight:400; color:var(--hhv5-navy); } .hh-about-portfolio-body h4{ margin:0 0 12px; font-size:18px; line-height:1.42; font-weight:400; color:#324459; } .hh-about-portfolio-body p{ margin:0 0 18px; flex:1; font-size:15px; line-height:1.65; font-weight:300; color:#607185; } .hh-about-portfolio-body .hh-v8-main-btn{ align-self:flex-start; font-size:16px; font-weight:650; padding:11px 18px; } .hh-about-timeline{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 28px; max-width:1040px; margin:0 auto; } .hh-about-step{ display:grid; grid-template-columns:56px 1fr; gap:18px; align-items:start; padding:24px 22px; background:#fff; border:1px solid rgba(18,34,53,.08); border-radius:16px; box-shadow:0 8px 22px rgba(18,34,53,.04); } .hh-about-step-num{ display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; font-size:15px; font-weight:400; color:#fff; background:linear-gradient(135deg,var(--hhv5-gold),#c9a227); } .hh-about-step h3{ margin:0 0 8px; font-size:18px; font-weight:400; color:var(--hhv5-navy); } .hh-about-step p{ margin:0; font-size:15px; line-height:1.65; font-weight:300; color:#607185; } .hh-about-capability-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } .hh-about-capability-card{ padding:34px 28px; border-radius:20px; background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%); border:1px solid rgba(18,34,53,.08); box-shadow:0 14px 32px rgba(18,34,53,.06); } .hh-about-cap-label{ display:inline-block; margin-bottom:14px; font-size:12px; font-weight:400; letter-spacing:.12em; text-transform:uppercase; color:var(--hhv5-gold-dark); } .hh-about-capability-card h3{ margin:0 0 14px; font-size:22px; font-weight:400; color:var(--hhv5-navy); } .hh-about-capability-card p{ margin:0; font-size:15px; line-height:1.68; font-weight:300; color:#607185; } .hh-about-four-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; } .hh-about-proof-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; } .hh-about-proof-card{ background:#fff; border:1px solid rgba(18,34,53,.08); border-radius:18px; padding:28px 24px; text-align:center; box-shadow:0 10px 26px rgba(18,34,53,.05); } .hh-about-proof-card strong{ display:block; margin-bottom:12px; font-size:28px; font-weight:400; color:var(--hhv5-blue); line-height:1.1; } .hh-about-proof-card h3{ margin:0 0 10px; font-size:17px; font-weight:400; color:var(--hhv5-navy); } .hh-about-proof-card p{ margin:0; font-size:14.5px; line-height:1.62; font-weight:300; color:#607185; } .hh-about-final-cta{ padding:80px 0; background:linear-gradient(135deg,#082f49 0%,#123b57 56%,#0c71b5 130%); color:#fff; } .hh-about-final-cta h2, .hh-about-final-cta p{color:#fff} .hh-about-final-cta h2{ font-size:clamp(28px,3.2vw,40px); line-height:1.18; font-weight:400; letter-spacing:-.02em; } .hh-about-final-cta p{ max-width:760px; margin:0 auto 28px; font-size:17px; line-height:1.68; font-weight:300; color:rgba(255,255,255,.88); } .hh-about-cta-actions{justify-content:center;flex-wrap:wrap;gap:14px} .hh-about-cta-actions .hh-product-btn{font-weight:650} .hh-about-cta-actions .hh-product-btn-light{ color:#fff!important; border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.08); } .hh-about-hero-actions .hh-product-btn{font-weight:650} /* Inherited Venus card typography — lighter on About only */ .hh-about-v25 .hh-venus-info-card h3, .hh-about-v25 .hh-venus-feature-card h3{ font-weight:400!important; font-size:22px!important; line-height:1.35!important; } .hh-about-v25 .hh-venus-info-card p, .hh-about-v25 .hh-venus-feature-card p{ font-weight:300!important; font-size:17px!important; line-height:1.65!important; } .hh-about-v25 .hh-venus-info-card li{ font-weight:300!important; } .hh-about-subtitle{ font-weight:300; } /* About-only typography baseline (does not affect header/footer/product pages) */ .hh-about-v25 h1, .hh-about-v25 h2, .hh-about-v25 h3, .hh-about-v25 h4{ font-weight:400; } .hh-about-v25 p, .hh-about-v25 li{ font-weight:300; } .hh-about-v25 .hh-v8-main-btn{ font-weight:650!important; } @media(max-width:1100px){ .hh-about-six-grid, .hh-about-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-about-capability-grid, .hh-about-four-grid, .hh-about-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:767px){ .hh-about-hero{min-height:0;padding:64px 0 52px} .hh-about-section{padding:56px 0} .hh-about-compare, .hh-about-timeline, .hh-about-six-grid, .hh-about-portfolio-grid, .hh-about-capability-grid, .hh-about-four-grid, .hh-about-proof-grid{grid-template-columns:1fr} .hh-about-v25 .hh-about-portfolio-media{height:240px} .hh-about-v25 .hh-about-portfolio-media img{height:240px} .hh-about-hero-actions .hh-product-btn{width:100%;max-width:320px} .hh-about-cta-actions .hh-product-btn{width:100%;max-width:320px} } /* Contact Us page */ .hh-contact-v25{background:#f3f5f7;color:var(--hhv5-navy)} .hh-contact-hero{padding:88px 0 64px;background:linear-gradient(135deg,#082f49 0%,#123b57 56%,#0c71b5 130%);color:#fff} .hh-contact-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:400;letter-spacing:.06em;color:#fff;background:rgba(168,132,8,.22);border:1px solid rgba(168,132,8,.45)} .hh-contact-hero h1{margin:18px 0 16px;font-size:clamp(34px,4.2vw,54px);line-height:1.12;font-weight:400;letter-spacing:-.03em;color:#fff} .hh-contact-hero-subtitle{margin:0;max-width:920px;font-size:18px;line-height:1.65;font-weight:300;color:rgba(255,255,255,.9)} .hh-contact-section{padding:64px 0} .hh-contact-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);gap:24px;align-items:start} .hh-contact-card{background:#fff;border:1px solid var(--hhv5-line);border-radius:20px;box-shadow:0 14px 34px rgba(18,34,53,.07);padding:28px 28px} .hh-contact-card h2{margin:0 0 10px;font-size:28px;line-height:1.25;font-weight:400;letter-spacing:-.02em} .hh-contact-card h3{margin:0 0 10px;font-size:20px;line-height:1.3;font-weight:400} .hh-contact-subtitle{margin:0 0 20px;font-size:16px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px} .hh-contact-form label{display:flex;flex-direction:column;gap:8px} .hh-contact-form label span{font-size:14px;line-height:1.2;font-weight:400;color:#233b56} .hh-contact-form label span b{font-weight:650;color:var(--hhv5-blue)} .hh-contact-form input,.hh-contact-form select,.hh-contact-form textarea{width:100%;border:1px solid rgba(18,34,53,.16);border-radius:12px;padding:12px 12px;font-size:15px;line-height:1.4;font-weight:300;color:#172335;background:#fff;outline:none} .hh-contact-form input:focus,.hh-contact-form select:focus,.hh-contact-form textarea:focus{border-color:rgba(12,113,181,.55);box-shadow:0 0 0 4px rgba(12,113,181,.12)} .hh-contact-form-full{grid-column:1 / -1} .hh-contact-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px} .hh-contact-form-note{margin:0;font-size:14px;line-height:1.55;font-weight:300;color:var(--hhv5-muted)} .hh-contact-form-note.is-ok{color:#0b6b4d} .hh-contact-form-note.is-err{color:#8a1f2b} .hh-contact-email{margin:10px 0 16px;font-size:16px;line-height:1.6;font-weight:300} .hh-contact-email a{color:var(--hhv5-blue);text-decoration:underline;text-underline-offset:3px} .hh-contact-reassure{background:#f5f8fb} .hh-contact-reassure-head{max-width:980px;margin:0 auto 26px;text-align:center} .hh-contact-reassure-head h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em} .hh-contact-reassure-head p{margin:0;font-size:17px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-contact-reassure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .hh-contact-mini-card{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;padding:22px 22px;box-shadow:0 10px 26px rgba(18,34,53,.05)} .hh-contact-mini-card h3{margin:0 0 8px;font-size:18px;line-height:1.28;font-weight:400} .hh-contact-mini-card p{margin:0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} @media(max-width:991px){ .hh-contact-grid{grid-template-columns:1fr} } @media(max-width:720px){ .hh-contact-hero{padding:64px 0 52px} .hh-contact-hero h1{font-size:clamp(30px,7vw,40px)} .hh-contact-form-grid{grid-template-columns:1fr} .hh-contact-reassure-grid{grid-template-columns:1fr} .hh-contact-card{padding:22px 20px} } /* ERP page */ .hh-erp-v25{background:#f3f5f7;color:var(--hhv5-navy)} .hh-erp-hero{ padding:48px 0; background:#f3f5f7; } .hh-erp-hero-inner{ max-width:1180px; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:34px; align-items:center; } .hh-erp-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:400;letter-spacing:.06em;color:#0b3a55;background:rgba(12,113,181,.10);border:1px solid rgba(12,113,181,.22)} .hh-erp-hero h1{margin:18px 0 16px;font-size:clamp(38px,4.2vw,62px);line-height:1.08;font-weight:400;letter-spacing:-.03em;color:var(--hhv5-navy)} .hh-erp-hero-subtitle{margin:0 0 12px;max-width:920px;font-size:18px;line-height:1.65;font-weight:300;color:#314156} .hh-erp-hero-desc{margin:0 0 22px;max-width:920px;font-size:16px;line-height:1.72;font-weight:300;color:#44566b} .hh-erp-hero-actions{display:flex;gap:14px;flex-wrap:wrap} .hh-erp-hero-media{ background:#fff; border:1px solid rgba(18,34,53,.10); border-radius:20px; overflow:hidden; box-shadow:0 18px 44px rgba(18,34,53,.10); } .hh-erp-hero-media img{ display:block; width:100%; height:320px; object-fit:cover; object-position:center center; } .hh-erp-section{padding:66px 0} .hh-erp-muted{background:#f5f8fb} .hh-erp-section-head{max-width:980px;margin:0 auto 30px} .hh-erp-section-head.center{text-align:center} .hh-erp-section-head h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em} .hh-erp-section-head p{margin:0;font-size:17px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-erp-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .hh-erp-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .hh-erp-card{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;box-shadow:0 10px 26px rgba(18,34,53,.05);padding:22px 22px} .hh-erp-card h3{margin:0 0 8px;font-size:18px;line-height:1.28;font-weight:400} .hh-erp-card p{margin:0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-erp-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto} .hh-erp-compare-col{background:#fff;border:1px solid var(--hhv5-line);border-radius:20px;box-shadow:0 14px 34px rgba(18,34,53,.07);padding:26px 26px} .hh-erp-compare-col h3{margin:0 0 14px;font-size:20px;line-height:1.3;font-weight:400} .hh-erp-compare-col ul{margin:0;padding-left:18px} .hh-erp-compare-col li{margin:0 0 10px;font-size:15px;line-height:1.62;font-weight:300;color:#4b5d72} .hh-erp-compare-good{border-color:rgba(30,196,182,.35);box-shadow:0 16px 36px rgba(30,196,182,.10)} .hh-erp-layers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .hh-erp-layer{background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%);border:1px solid rgba(18,34,53,.10);border-radius:18px;padding:18px 18px;box-shadow:0 10px 26px rgba(18,34,53,.04)} .hh-erp-layer h3{margin:0 0 8px;font-size:16px;line-height:1.28;font-weight:400} .hh-erp-layer p{margin:0;font-size:14.5px;line-height:1.6;font-weight:300;color:var(--hhv5-muted)} .hh-erp-conclusion{margin:18px auto 0;max-width:980px;text-align:center;font-size:15px;line-height:1.65;font-weight:300;color:#42566c} .hh-erp-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto} .hh-erp-step{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid rgba(18,34,53,.10);border-radius:18px;padding:18px 18px;box-shadow:0 10px 26px rgba(18,34,53,.04)} .hh-erp-step b{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(12,113,181,.10);color:var(--hhv5-blue);font-weight:400;font-size:14px} .hh-erp-step h3{margin:0 0 6px;font-size:17px;line-height:1.3;font-weight:400} .hh-erp-step p{margin:0;font-size:14.5px;line-height:1.6;font-weight:300;color:var(--hhv5-muted)} .hh-erp-faq{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:12px} .hh-erp-faq-item{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;box-shadow:0 10px 26px rgba(18,34,53,.05);padding:14px 18px} .hh-erp-faq-item summary{cursor:pointer;font-size:16px;line-height:1.5;font-weight:400;color:var(--hhv5-navy)} .hh-erp-faq-item p{margin:10px 0 0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-erp-final{padding:72px 0;background:linear-gradient(120deg,#0c71b5 0%,#0b5d93 44%,#082f49 120%);color:#fff} .hh-erp-final h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em;color:#fff} .hh-erp-final p{margin:0 0 20px;max-width:980px;font-size:17px;line-height:1.65;font-weight:300;color:rgba(255,255,255,.88)} .hh-erp-final-actions{display:flex;gap:14px;flex-wrap:wrap} @media(max-width:1100px){ .hh-erp-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-erp-layers{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .hh-erp-hero{padding:44px 0} .hh-erp-hero-inner{grid-template-columns:1fr;gap:18px} .hh-erp-hero-media img{height:220px} .hh-erp-grid-3,.hh-erp-grid-4{grid-template-columns:1fr} .hh-erp-compare{grid-template-columns:1fr} .hh-erp-layers{grid-template-columns:1fr} .hh-erp-timeline{grid-template-columns:1fr} } /* MES page */ .hh-mes-v25{background:#f3f5f7;color:var(--hhv5-navy)} .hh-mes-hero{padding:48px 0;background:#f3f5f7} .hh-mes-hero-inner{max-width:1180px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:34px;align-items:center} .hh-mes-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:400;letter-spacing:.06em;color:#0b3a55;background:rgba(12,113,181,.10);border:1px solid rgba(12,113,181,.22)} .hh-mes-hero h1{margin:18px 0 16px;font-size:clamp(38px,4.2vw,62px);line-height:1.08;font-weight:400;letter-spacing:-.03em;color:var(--hhv5-navy)} .hh-mes-hero-subtitle{margin:0 0 12px;max-width:920px;font-size:18px;line-height:1.65;font-weight:300;color:#314156} .hh-mes-hero-desc{margin:0 0 22px;max-width:920px;font-size:16px;line-height:1.72;font-weight:300;color:#44566b} .hh-mes-hero-actions{display:flex;gap:14px;flex-wrap:wrap} .hh-mes-hero-media{background:#fff;border:1px solid rgba(18,34,53,.10);border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(18,34,53,.10)} .hh-mes-hero-media img{display:block;width:100%;height:320px;object-fit:cover;object-position:center center} .hh-mes-section{padding:66px 0} .hh-mes-muted{background:#f5f8fb} .hh-mes-section-head{max-width:980px;margin:0 auto 30px} .hh-mes-section-head.center{text-align:center} .hh-mes-section-head h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em} .hh-mes-section-head p{margin:0;font-size:17px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-mes-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .hh-mes-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .hh-mes-card{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;box-shadow:0 10px 26px rgba(18,34,53,.05);padding:22px 22px} .hh-mes-card h3{margin:0 0 8px;font-size:18px;line-height:1.28;font-weight:400} .hh-mes-card p{margin:0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-mes-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto} .hh-mes-compare-col{background:#fff;border:1px solid var(--hhv5-line);border-radius:20px;box-shadow:0 14px 34px rgba(18,34,53,.07);padding:26px 26px} .hh-mes-compare-col h3{margin:0 0 14px;font-size:20px;line-height:1.3;font-weight:400} .hh-mes-compare-col ul{margin:0;padding-left:18px} .hh-mes-compare-col li{margin:0 0 10px;font-size:15px;line-height:1.62;font-weight:300;color:#4b5d72} .hh-mes-compare-accent{border-color:rgba(12,113,181,.22);box-shadow:0 16px 36px rgba(12,113,181,.08)} .hh-mes-compare-note{margin:16px auto 0;max-width:980px;text-align:center;font-size:15px;line-height:1.65;font-weight:300;color:#42566c} .hh-mes-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;max-width:1100px;margin:0 auto} .hh-mes-split-media{background:#fff;border:1px solid rgba(18,34,53,.10);border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(18,34,53,.07)} .hh-mes-split-media img{display:block;width:100%;height:320px;object-fit:cover;object-position:center center} .hh-mes-split-copy ul{margin:0;padding-left:18px} .hh-mes-split-copy li{margin:0 0 10px;font-size:15px;line-height:1.62;font-weight:300;color:#4b5d72} .hh-mes-layers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .hh-mes-layer{background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%);border:1px solid rgba(18,34,53,.10);border-radius:18px;padding:18px 18px;box-shadow:0 10px 26px rgba(18,34,53,.04)} .hh-mes-layer h3{margin:0 0 8px;font-size:16px;line-height:1.28;font-weight:400} .hh-mes-layer p{margin:0;font-size:14.5px;line-height:1.6;font-weight:300;color:var(--hhv5-muted)} .hh-mes-conclusion{margin:18px auto 0;max-width:980px;text-align:center;font-size:15px;line-height:1.65;font-weight:300;color:#42566c} .hh-mes-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto} .hh-mes-step{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid rgba(18,34,53,.10);border-radius:18px;padding:18px 18px;box-shadow:0 10px 26px rgba(18,34,53,.04)} .hh-mes-step b{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(12,113,181,.10);color:var(--hhv5-blue);font-weight:400;font-size:14px} .hh-mes-step h3{margin:0 0 6px;font-size:17px;line-height:1.3;font-weight:400} .hh-mes-step p{margin:0;font-size:14.5px;line-height:1.6;font-weight:300;color:var(--hhv5-muted)} .hh-mes-faq{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:12px} .hh-mes-faq-item{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;box-shadow:0 10px 26px rgba(18,34,53,.05);padding:14px 18px} .hh-mes-faq-item summary{cursor:pointer;font-size:16px;line-height:1.5;font-weight:400;color:var(--hhv5-navy)} .hh-mes-faq-item p{margin:10px 0 0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-mes-final{padding:72px 0;background:linear-gradient(120deg,#0c71b5 0%,#0b5d93 44%,#082f49 120%);color:#fff} .hh-mes-final h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em;color:#fff} .hh-mes-final p{margin:0 0 20px;max-width:980px;font-size:17px;line-height:1.65;font-weight:300;color:rgba(255,255,255,.88)} .hh-mes-final-actions{display:flex;gap:14px;flex-wrap:wrap} @media(max-width:1100px){ .hh-mes-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-mes-layers{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-mes-split{grid-template-columns:1fr} } @media(max-width:720px){ .hh-mes-hero{padding:44px 0} .hh-mes-hero-inner{grid-template-columns:1fr;gap:18px} .hh-mes-hero-media img{height:220px} .hh-mes-split-media img{height:220px} .hh-mes-grid-3,.hh-mes-grid-4{grid-template-columns:1fr} .hh-mes-compare{grid-template-columns:1fr} .hh-mes-layers{grid-template-columns:1fr} .hh-mes-timeline{grid-template-columns:1fr} } /* BI page */ .hh-bi-v25{background:#f3f5f7;color:var(--hhv5-navy)} .hh-bi-hero{padding:48px 0;background:#f3f5f7} .hh-bi-hero-inner{max-width:1180px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:34px;align-items:center} .hh-bi-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:400;letter-spacing:.06em;color:#0b3a55;background:rgba(12,113,181,.10);border:1px solid rgba(12,113,181,.22)} .hh-bi-hero h1{margin:18px 0 16px;font-size:clamp(38px,4.2vw,62px);line-height:1.08;font-weight:400;letter-spacing:-.03em;color:var(--hhv5-navy)} .hh-bi-hero-subtitle{margin:0 0 12px;max-width:920px;font-size:18px;line-height:1.65;font-weight:300;color:#314156} .hh-bi-hero-desc{margin:0 0 22px;max-width:920px;font-size:16px;line-height:1.72;font-weight:300;color:#44566b} .hh-bi-hero-actions{display:flex;gap:14px;flex-wrap:wrap} .hh-bi-hero-media{background:#fff;border:1px solid rgba(18,34,53,.10);border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(18,34,53,.10)} .hh-bi-hero-media img{display:block;width:100%;height:320px;object-fit:cover;object-position:center center} .hh-bi-section{padding:66px 0} .hh-bi-muted{background:#f5f8fb} .hh-bi-section-head{max-width:980px;margin:0 auto 30px} .hh-bi-section-head.center{text-align:center} .hh-bi-section-head h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em} .hh-bi-section-head p{margin:0;font-size:17px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-bi-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .hh-bi-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .hh-bi-card{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;box-shadow:0 10px 26px rgba(18,34,53,.05);padding:22px 22px} .hh-bi-card h3{margin:0 0 8px;font-size:18px;line-height:1.28;font-weight:400} .hh-bi-card p{margin:0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-bi-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto} .hh-bi-compare-col{background:#fff;border:1px solid var(--hhv5-line);border-radius:20px;box-shadow:0 14px 34px rgba(18,34,53,.07);padding:26px 26px} .hh-bi-compare-col h3{margin:0 0 14px;font-size:20px;line-height:1.3;font-weight:400} .hh-bi-compare-col ul{margin:0;padding-left:18px} .hh-bi-compare-col li{margin:0 0 10px;font-size:15px;line-height:1.62;font-weight:300;color:#4b5d72} .hh-bi-compare-accent{border-color:rgba(12,113,181,.22);box-shadow:0 16px 36px rgba(12,113,181,.08)} .hh-bi-layers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .hh-bi-layer{background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%);border:1px solid rgba(18,34,53,.10);border-radius:18px;padding:18px 18px;box-shadow:0 10px 26px rgba(18,34,53,.04)} .hh-bi-layer h3{margin:0 0 8px;font-size:16px;line-height:1.28;font-weight:400} .hh-bi-layer p{margin:0;font-size:14.5px;line-height:1.6;font-weight:300;color:var(--hhv5-muted)} .hh-bi-conclusion{margin:18px auto 0;max-width:980px;text-align:center;font-size:15px;line-height:1.65;font-weight:300;color:#42566c} .hh-bi-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto} .hh-bi-step{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid rgba(18,34,53,.10);border-radius:18px;padding:18px 18px;box-shadow:0 10px 26px rgba(18,34,53,.04)} .hh-bi-step b{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(12,113,181,.10);color:var(--hhv5-blue);font-weight:400;font-size:14px} .hh-bi-step h3{margin:0 0 6px;font-size:17px;line-height:1.3;font-weight:400} .hh-bi-step p{margin:0;font-size:14.5px;line-height:1.6;font-weight:300;color:var(--hhv5-muted)} .hh-bi-faq{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:12px} .hh-bi-faq-item{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;box-shadow:0 10px 26px rgba(18,34,53,.05);padding:14px 18px} .hh-bi-faq-item summary{cursor:pointer;font-size:16px;line-height:1.5;font-weight:400;color:var(--hhv5-navy)} .hh-bi-faq-item p{margin:10px 0 0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-bi-final{padding:72px 0;background:linear-gradient(120deg,#0c71b5 0%,#0b5d93 44%,#082f49 120%);color:#fff} .hh-bi-final h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em;color:#fff} .hh-bi-final p{margin:0 0 20px;max-width:980px;font-size:17px;line-height:1.65;font-weight:300;color:rgba(255,255,255,.88)} .hh-bi-final-actions{display:flex;gap:14px;flex-wrap:wrap} @media(max-width:1100px){ .hh-bi-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-bi-layers{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .hh-bi-hero{padding:44px 0} .hh-bi-hero-inner{grid-template-columns:1fr;gap:18px} .hh-bi-hero-media img{height:220px} .hh-bi-grid-3,.hh-bi-grid-4{grid-template-columns:1fr} .hh-bi-compare{grid-template-columns:1fr} .hh-bi-layers{grid-template-columns:1fr} .hh-bi-timeline{grid-template-columns:1fr} } /* AI page */ .hh-ai-v25{background:#f3f5f7;color:var(--hhv5-navy)} .hh-ai-hero{padding:48px 0;background:#f3f5f7} .hh-ai-hero-inner{max-width:1180px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:34px;align-items:center} .hh-ai-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:400;letter-spacing:.06em;color:#0b3a55;background:rgba(12,113,181,.10);border:1px solid rgba(12,113,181,.22)} .hh-ai-hero h1{margin:18px 0 16px;font-size:clamp(38px,4.2vw,62px);line-height:1.08;font-weight:400;letter-spacing:-.03em;color:var(--hhv5-navy)} .hh-ai-hero-subtitle{margin:0 0 12px;max-width:920px;font-size:18px;line-height:1.65;font-weight:300;color:#314156} .hh-ai-hero-desc{margin:0 0 22px;max-width:920px;font-size:16px;line-height:1.72;font-weight:300;color:#44566b} .hh-ai-hero-actions{display:flex;gap:14px;flex-wrap:wrap} .hh-ai-hero-media{background:#fff;border:1px solid rgba(18,34,53,.10);border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(18,34,53,.10)} .hh-ai-hero-media img{display:block;width:100%;height:320px;object-fit:cover;object-position:center center} .hh-ai-section{padding:66px 0} .hh-ai-muted{background:#f5f8fb} .hh-ai-section-head{max-width:980px;margin:0 auto 30px} .hh-ai-section-head.center{text-align:center} .hh-ai-section-head h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em} .hh-ai-section-head p{margin:0;font-size:17px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-ai-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .hh-ai-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .hh-ai-card{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;box-shadow:0 10px 26px rgba(18,34,53,.05);padding:22px 22px} .hh-ai-card h3{margin:0 0 8px;font-size:18px;line-height:1.28;font-weight:400} .hh-ai-card p{margin:0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-ai-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto} .hh-ai-compare-col{background:#fff;border:1px solid var(--hhv5-line);border-radius:20px;box-shadow:0 14px 34px rgba(18,34,53,.07);padding:26px 26px} .hh-ai-compare-col h3{margin:0 0 14px;font-size:20px;line-height:1.3;font-weight:400} .hh-ai-compare-col ul{margin:0;padding-left:18px} .hh-ai-compare-col li{margin:0 0 10px;font-size:15px;line-height:1.62;font-weight:300;color:#4b5d72} .hh-ai-compare-accent{border-color:rgba(12,113,181,.22);box-shadow:0 16px 36px rgba(12,113,181,.08)} .hh-ai-compare-note{margin:16px auto 0;max-width:980px;text-align:center;font-size:15px;line-height:1.65;font-weight:300;color:#42566c} .hh-ai-layers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .hh-ai-layer{background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%);border:1px solid rgba(18,34,53,.10);border-radius:18px;padding:18px 18px;box-shadow:0 10px 26px rgba(18,34,53,.04)} .hh-ai-layer h3{margin:0 0 8px;font-size:16px;line-height:1.28;font-weight:400} .hh-ai-layer p{margin:0;font-size:14.5px;line-height:1.6;font-weight:300;color:var(--hhv5-muted)} .hh-ai-conclusion{margin:18px auto 0;max-width:980px;text-align:center;font-size:15px;line-height:1.65;font-weight:300;color:#42566c} .hh-ai-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto} .hh-ai-step{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid rgba(18,34,53,.10);border-radius:18px;padding:18px 18px;box-shadow:0 10px 26px rgba(18,34,53,.04)} .hh-ai-step b{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(12,113,181,.10);color:var(--hhv5-blue);font-weight:400;font-size:14px} .hh-ai-step h3{margin:0 0 6px;font-size:17px;line-height:1.3;font-weight:400} .hh-ai-step p{margin:0;font-size:14.5px;line-height:1.6;font-weight:300;color:var(--hhv5-muted)} .hh-ai-faq{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:12px} .hh-ai-faq-item{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;box-shadow:0 10px 26px rgba(18,34,53,.05);padding:14px 18px} .hh-ai-faq-item summary{cursor:pointer;font-size:16px;line-height:1.5;font-weight:400;color:var(--hhv5-navy)} .hh-ai-faq-item p{margin:10px 0 0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-ai-final{padding:72px 0;background:linear-gradient(120deg,#0c71b5 0%,#0b5d93 44%,#082f49 120%);color:#fff} .hh-ai-final h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em;color:#fff} .hh-ai-final p{margin:0 0 20px;max-width:980px;font-size:17px;line-height:1.65;font-weight:300;color:rgba(255,255,255,.88)} .hh-ai-final-actions{display:flex;gap:14px;flex-wrap:wrap} @media(max-width:1100px){ .hh-ai-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-ai-layers{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .hh-ai-hero{padding:44px 0} .hh-ai-hero-inner{grid-template-columns:1fr;gap:18px} .hh-ai-hero-media img{height:220px} .hh-ai-grid-3,.hh-ai-grid-4{grid-template-columns:1fr} .hh-ai-compare{grid-template-columns:1fr} .hh-ai-layers{grid-template-columns:1fr} .hh-ai-timeline{grid-template-columns:1fr} } /* Multi-region deployment page */ .hh-mr-v25{background:#f3f5f7;color:var(--hhv5-navy)} .hh-mr-hero{padding:48px 0;background:#f3f5f7} .hh-mr-hero-inner{max-width:1180px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:34px;align-items:center} .hh-mr-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:400;letter-spacing:.06em;color:#0b3a55;background:rgba(12,113,181,.10);border:1px solid rgba(12,113,181,.22)} .hh-mr-hero h1{margin:18px 0 16px;font-size:clamp(38px,4.2vw,62px);line-height:1.08;font-weight:400;letter-spacing:-.03em;color:var(--hhv5-navy)} .hh-mr-hero-subtitle{margin:0 0 12px;max-width:920px;font-size:18px;line-height:1.65;font-weight:300;color:#314156} .hh-mr-hero-desc{margin:0 0 22px;max-width:920px;font-size:16px;line-height:1.72;font-weight:300;color:#44566b} .hh-mr-hero-actions{display:flex;gap:14px;flex-wrap:wrap} .hh-mr-hero-media{background:#fff;border:1px solid rgba(18,34,53,.10);border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(18,34,53,.10)} .hh-mr-hero-media img{display:block;width:100%;height:320px;object-fit:cover;object-position:center center} .hh-mr-section{padding:66px 0} .hh-mr-muted{background:#f5f8fb} .hh-mr-section-head{max-width:980px;margin:0 auto 30px} .hh-mr-section-head.center{text-align:center} .hh-mr-section-head h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em} .hh-mr-section-head p{margin:0;font-size:17px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-mr-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .hh-mr-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .hh-mr-card{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;box-shadow:0 10px 26px rgba(18,34,53,.05);padding:22px 22px} .hh-mr-card h3{margin:0 0 8px;font-size:18px;line-height:1.28;font-weight:400} .hh-mr-card p{margin:0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-mr-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto} .hh-mr-compare-col{background:#fff;border:1px solid var(--hhv5-line);border-radius:20px;box-shadow:0 14px 34px rgba(18,34,53,.07);padding:26px 26px} .hh-mr-compare-col h3{margin:0 0 14px;font-size:20px;line-height:1.3;font-weight:400} .hh-mr-compare-col ul{margin:0;padding-left:18px} .hh-mr-compare-col li{margin:0 0 10px;font-size:15px;line-height:1.62;font-weight:300;color:#4b5d72} .hh-mr-compare-accent{border-color:rgba(12,113,181,.22);box-shadow:0 16px 36px rgba(12,113,181,.08)} .hh-mr-layers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .hh-mr-layer{background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%);border:1px solid rgba(18,34,53,.10);border-radius:18px;padding:18px 18px;box-shadow:0 10px 26px rgba(18,34,53,.04)} .hh-mr-layer h3{margin:0 0 8px;font-size:16px;line-height:1.28;font-weight:400} .hh-mr-layer p{margin:0;font-size:14.5px;line-height:1.6;font-weight:300;color:var(--hhv5-muted)} .hh-mr-conclusion{margin:18px auto 0;max-width:980px;text-align:center;font-size:15px;line-height:1.65;font-weight:300;color:#42566c} .hh-mr-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto} .hh-mr-step{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid rgba(18,34,53,.10);border-radius:18px;padding:18px 18px;box-shadow:0 10px 26px rgba(18,34,53,.04)} .hh-mr-step b{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(12,113,181,.10);color:var(--hhv5-blue);font-weight:400;font-size:14px} .hh-mr-step h3{margin:0 0 6px;font-size:17px;line-height:1.3;font-weight:400} .hh-mr-step p{margin:0;font-size:14.5px;line-height:1.6;font-weight:300;color:var(--hhv5-muted)} .hh-mr-faq{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:12px} .hh-mr-faq-item{background:#fff;border:1px solid var(--hhv5-line);border-radius:18px;box-shadow:0 10px 26px rgba(18,34,53,.05);padding:14px 18px} .hh-mr-faq-item summary{cursor:pointer;font-size:16px;line-height:1.5;font-weight:400;color:var(--hhv5-navy)} .hh-mr-faq-item p{margin:10px 0 0;font-size:15px;line-height:1.65;font-weight:300;color:var(--hhv5-muted)} .hh-mr-final{padding:72px 0;background:linear-gradient(120deg,#0c71b5 0%,#0b5d93 44%,#082f49 120%);color:#fff} .hh-mr-final h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:400;letter-spacing:-.02em;color:#fff} .hh-mr-final p{margin:0 0 20px;max-width:980px;font-size:17px;line-height:1.65;font-weight:300;color:rgba(255,255,255,.88)} .hh-mr-final-actions{display:flex;gap:14px;flex-wrap:wrap} @media(max-width:1100px){ .hh-mr-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))} .hh-mr-layers{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .hh-mr-hero{padding:44px 0} .hh-mr-hero-inner{grid-template-columns:1fr;gap:18px} .hh-mr-hero-media img{height:220px} .hh-mr-grid-3,.hh-mr-grid-4{grid-template-columns:1fr} .hh-mr-compare{grid-template-columns:1fr} .hh-mr-layers{grid-template-columns:1fr} .hh-mr-timeline{grid-template-columns:1fr} } /* Venus garment webinar 2026-06-18 (scoped) */ .hh-venus-webinar-2026{ --hh-vw26-navy:#062a3d; --hh-vw26-deep:#041f2e; --hh-vw26-teal:#0a7c7f; --hh-vw26-green:#1f9d6c; --hh-vw26-green-light:#2eb67d; --hh-vw26-ice:#f2f8f9; --hh-vw26-muted:#5f7280; --hh-vw26-text:#1a2f3d; --hh-vw26-line:rgba(6,42,61,.12); overflow-x:hidden; background:#fff; color:var(--hh-vw26-text); } .hh-venus-webinar-2026, .hh-venus-webinar-2026 *{font-weight:400!important;box-sizing:border-box} .hh-venus-webinar-2026 .hh-vw26-wrap{ max-width:1180px; margin:0 auto; padding-left:80px; padding-right:80px; } @media(max-width:1200px){ .hh-venus-webinar-2026 .hh-vw26-wrap{padding-left:48px;padding-right:48px} } @media(max-width:768px){ .hh-venus-webinar-2026 .hh-vw26-wrap{padding-left:24px;padding-right:24px} } .hh-venus-webinar-2026 .hh-vw26-label{ display:inline-block; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--hh-vw26-teal); margin:0 0 12px; } .hh-venus-webinar-2026 .hh-vw26-section-head h2{ font-size:clamp(28px,3.2vw,40px); line-height:1.15; letter-spacing:-.02em; margin:0 0 14px; color:var(--hh-vw26-navy); } .hh-venus-webinar-2026 .hh-vw26-section-head p{ margin:0; max-width:760px; font-size:17px; line-height:1.7; color:var(--hh-vw26-muted); } .hh-venus-webinar-2026 .hh-vw26-section{padding:72px 0} .hh-venus-webinar-2026 .hh-vw26-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:999px; padding:14px 28px; font-size:16px; line-height:1.2; text-decoration:none; border:1px solid transparent; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; } .hh-venus-webinar-2026 .hh-vw26-btn:hover{transform:translateY(-1px)} .hh-venus-webinar-2026 .hh-vw26-btn-primary{ background:linear-gradient(135deg,var(--hh-vw26-green) 0%,var(--hh-vw26-teal) 100%); color:#fff; box-shadow:0 10px 28px rgba(10,124,127,.28); } .hh-venus-webinar-2026 .hh-vw26-btn-ghost{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.35); color:#fff; } .hh-venus-webinar-2026 .hh-vw26-btn-block{width:100%} .hh-venus-webinar-2026 .hh-vw26-btn-outline{ background:#fff; border:1px solid var(--hh-vw26-teal); color:var(--hh-vw26-teal); box-shadow:none; } .hh-venus-webinar-2026 .hh-vw26-btn-outline:hover{ background:rgba(10,124,127,.06); } .hh-venus-webinar-2026 .hh-vw26-form-actions{ display:grid; gap:12px; } .hh-venus-webinar-2026 .hh-vw26-hero{ background: radial-gradient(ellipse 80% 60% at 90% 20%,rgba(31,157,108,.22),transparent 55%), radial-gradient(ellipse 70% 50% at 10% 80%,rgba(10,124,127,.2),transparent 50%), linear-gradient(145deg,var(--hh-vw26-deep) 0%,var(--hh-vw26-navy) 45%,#0a4d62 100%); color:#fff; padding:72px 0 80px; } .hh-venus-webinar-2026 .hh-vw26-hero-grid{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.75fr); gap:48px; align-items:center; } .hh-venus-webinar-2026 .hh-vw26-hero-logo{ display:block; width:min(180px,42vw); height:auto; margin:0 0 20px; } .hh-venus-webinar-2026 .hh-vw26-eyebrow{ margin:0 0 14px; font-size:14px; letter-spacing:.08em; color:rgba(255,255,255,.75); } .hh-venus-webinar-2026 .hh-vw26-hero h1{ margin:0 0 16px; font-size:clamp(30px,3.8vw,46px); line-height:1.12; letter-spacing:-.03em; color:#fff; } .hh-venus-webinar-2026 .hh-vw26-subtitle{ margin:0 0 24px; max-width:640px; font-size:clamp(17px,2vw,20px); line-height:1.65; color:rgba(255,255,255,.88); } .hh-venus-webinar-2026 .hh-vw26-hero-meta{ list-style:none; margin:0 0 28px; padding:0; display:grid; gap:12px; } .hh-venus-webinar-2026 .hh-vw26-hero-meta li{ display:grid; gap:4px; padding:14px 18px; border-radius:12px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); } .hh-venus-webinar-2026 .hh-vw26-meta-label{ font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.65); } .hh-venus-webinar-2026 .hh-vw26-hero-meta strong{ font-size:17px; color:#fff; } .hh-venus-webinar-2026 .hh-vw26-hero-actions{ display:flex; flex-wrap:wrap; gap:14px; } .hh-venus-webinar-2026 .hh-vw26-hero-visual{display:flex;justify-content:flex-end} .hh-venus-webinar-2026 .hh-vw26-hero-card{ width:100%; max-width:340px; padding:28px 26px; border-radius:20px; background:linear-gradient(160deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 100%); border:1px solid rgba(255,255,255,.18); box-shadow:0 24px 50px rgba(0,0,0,.22); backdrop-filter:blur(8px); } .hh-venus-webinar-2026 .hh-vw26-hero-card-tag{ display:inline-block; padding:6px 12px; border-radius:999px; background:rgba(31,157,108,.35); font-size:12px; letter-spacing:.06em; margin-bottom:14px; } .hh-venus-webinar-2026 .hh-vw26-hero-card p{ margin:0 0 22px; font-size:15px; line-height:1.5; color:rgba(255,255,255,.9); } .hh-venus-webinar-2026 .hh-vw26-hero-stat{ display:inline-flex; flex-direction:column; align-items:flex-start; margin-right:18px; padding:12px 16px; border-radius:14px; background:rgba(4,31,46,.45); } .hh-venus-webinar-2026 .hh-vw26-hero-stat span{ font-size:32px; line-height:1; color:#fff; } .hh-venus-webinar-2026 .hh-vw26-hero-stat small{ font-size:12px; color:rgba(255,255,255,.7); margin-top:4px; } .hh-venus-webinar-2026 .hh-vw26-hero-stat-accent{ background:linear-gradient(135deg,rgba(31,157,108,.5),rgba(10,124,127,.4)); } .hh-venus-webinar-2026 .hh-vw26-pain{background:var(--hh-vw26-ice)} .hh-venus-webinar-2026 .hh-vw26-pain-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:36px; } .hh-venus-webinar-2026 .hh-vw26-pain-card{ display:grid; grid-template-columns:52px 1fr; gap:16px; align-items:start; padding:22px 22px; background:#fff; border:1px solid var(--hh-vw26-line); border-radius:16px; box-shadow:0 8px 24px rgba(6,42,61,.05); } .hh-venus-webinar-2026 .hh-vw26-pain-num{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,rgba(10,124,127,.12),rgba(31,157,108,.18)); color:var(--hh-vw26-teal); font-size:15px; } .hh-venus-webinar-2026 .hh-vw26-pain-card p{ margin:8px 0 0; font-size:16px; line-height:1.65; color:var(--hh-vw26-text); } .hh-venus-webinar-2026 .hh-vw26-agenda-list{ margin:36px 0 0; padding:0; list-style:none; display:grid; gap:14px; } .hh-venus-webinar-2026 .hh-vw26-agenda-list li{ position:relative; padding:18px 20px 18px 56px; background:#fff; border:1px solid var(--hh-vw26-line); border-radius:14px; font-size:16px; line-height:1.55; box-shadow:0 6px 20px rgba(6,42,61,.04); } .hh-venus-webinar-2026 .hh-vw26-agenda-list li:before{ content:""; position:absolute; left:20px; top:50%; transform:translateY(-50%); width:22px; height:22px; border-radius:50%; background:linear-gradient(135deg,var(--hh-vw26-green),var(--hh-vw26-teal)); box-shadow:0 0 0 4px rgba(31,157,108,.15); } .hh-venus-webinar-2026 .hh-vw26-benefit{background:var(--hh-vw26-ice)} .hh-venus-webinar-2026 .hh-vw26-benefit-card{ display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; padding:32px 36px; border-radius:20px; background:linear-gradient(120deg,#fff 0%,#f7fcfa 100%); border:1px solid var(--hh-vw26-line); box-shadow:0 14px 40px rgba(6,42,61,.08); } .hh-venus-webinar-2026 .hh-vw26-benefit-icon{ font-size:40px; line-height:1; } .hh-venus-webinar-2026 .hh-vw26-benefit-card h2{ margin:0 0 10px; font-size:clamp(24px,2.8vw,32px); color:var(--hh-vw26-navy); } .hh-venus-webinar-2026 .hh-vw26-benefit-card p{ margin:0; font-size:16px; line-height:1.7; color:var(--hh-vw26-muted); } .hh-venus-webinar-2026 .hh-vw26-audience-list{ margin:36px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .hh-venus-webinar-2026 .hh-vw26-audience-list li{ padding:16px 18px 16px 44px; position:relative; background:#fff; border:1px solid var(--hh-vw26-line); border-radius:12px; font-size:15px; line-height:1.55; } .hh-venus-webinar-2026 .hh-vw26-audience-list li:before{ content:"✓"; position:absolute; left:16px; top:16px; color:var(--hh-vw26-green); font-weight:700!important; } .hh-venus-webinar-2026 .hh-vw26-speaker-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:36px; } .hh-venus-webinar-2026 .hh-vw26-speaker-card{ padding:28px 26px; border-radius:18px; background:linear-gradient(180deg,#fff 0%,#f8fbfc 100%); border:1px solid var(--hh-vw26-line); box-shadow:0 10px 30px rgba(6,42,61,.06); text-align:center; } .hh-venus-webinar-2026 .hh-vw26-speaker-avatar{ width:72px; height:72px; margin:0 auto 16px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; color:#fff; background:linear-gradient(145deg,var(--hh-vw26-navy),var(--hh-vw26-teal)); } .hh-venus-webinar-2026 .hh-vw26-speaker-card h3{ margin:0 0 8px; font-size:22px; color:var(--hh-vw26-navy); } .hh-venus-webinar-2026 .hh-vw26-speaker-card p{ margin:0; font-size:15px; line-height:1.6; color:var(--hh-vw26-muted); } .hh-venus-webinar-2026 .hh-vw26-register{ background:linear-gradient(180deg,var(--hh-vw26-ice) 0%,#fff 100%); } .hh-venus-webinar-2026 .hh-vw26-register-grid{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px; align-items:start; } .hh-venus-webinar-2026 .hh-vw26-register-intro h2{ margin:0 0 12px; font-size:clamp(26px,3vw,36px); color:var(--hh-vw26-navy); } .hh-venus-webinar-2026 .hh-vw26-register-intro p{ margin:0 0 20px; font-size:16px; line-height:1.7; color:var(--hh-vw26-muted); } .hh-venus-webinar-2026 .hh-vw26-register-points{ margin:0; padding:0; list-style:none; display:grid; gap:10px; } .hh-venus-webinar-2026 .hh-vw26-register-points li{ padding-left:22px; position:relative; font-size:15px; line-height:1.55; color:var(--hh-vw26-text); } .hh-venus-webinar-2026 .hh-vw26-register-points li:before{ content:"•"; position:absolute; left:0; color:var(--hh-vw26-teal); } .hh-venus-webinar-2026 .hh-vw26-register-card{ padding:28px 28px 32px; background:#fff; border:1px solid var(--hh-vw26-line); border-radius:20px; box-shadow:0 16px 44px rgba(6,42,61,.1); } .hh-venus-webinar-2026 .hh-vw26-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .hh-venus-webinar-2026 .hh-vw26-form label span{ display:block; margin:0 0 6px; font-size:14px; color:var(--hh-vw26-navy); } .hh-venus-webinar-2026 .hh-vw26-form label span b{color:#c0392b;font-weight:600!important} .hh-venus-webinar-2026 .hh-vw26-form input[type="text"], .hh-venus-webinar-2026 .hh-vw26-form input[type="email"], .hh-venus-webinar-2026 .hh-vw26-form input[type="tel"]{ width:100%; padding:12px 14px; border:1px solid rgba(6,42,61,.18); border-radius:10px; font-size:15px; background:#fff; color:var(--hh-vw26-text); } .hh-venus-webinar-2026 .hh-vw26-form input:focus{ outline:none; border-color:var(--hh-vw26-teal); box-shadow:0 0 0 3px rgba(10,124,127,.15); } .hh-venus-webinar-2026 .hh-vw26-form-full{grid-column:1/-1} .hh-venus-webinar-2026 .hh-vw26-form-checks{ margin:20px 0 0; display:grid; gap:12px; } .hh-venus-webinar-2026 .hh-vw26-check{ display:grid; grid-template-columns:20px 1fr; gap:10px; align-items:start; font-size:14px; line-height:1.5; color:var(--hh-vw26-muted); cursor:pointer; } .hh-venus-webinar-2026 .hh-vw26-check input{margin-top:3px} .hh-venus-webinar-2026 .hh-vw26-form-actions{margin-top:22px} .hh-venus-webinar-2026 .hh-vw26-form-note{ margin:14px 0 0; font-size:14px; line-height:1.55; padding:12px 14px; border-radius:10px; } .hh-venus-webinar-2026 .hh-vw26-form-note.is-ok{ background:rgba(31,157,108,.12); color:#0d5c40; border:1px solid rgba(31,157,108,.25); } .hh-venus-webinar-2026 .hh-vw26-form-note.is-err{ background:rgba(192,57,43,.08); color:#922b21; border:1px solid rgba(192,57,43,.2); } .hh-venus-webinar-2026 .hh-vw26-faq-list{ margin-top:32px; display:grid; gap:12px; } .hh-venus-webinar-2026 .hh-vw26-faq-item{ background:#fff; border:1px solid var(--hh-vw26-line); border-radius:14px; padding:14px 18px; box-shadow:0 6px 18px rgba(6,42,61,.04); } .hh-venus-webinar-2026 .hh-vw26-faq-item summary{ cursor:pointer; font-size:16px; line-height:1.5; color:var(--hh-vw26-navy); list-style:none; } .hh-venus-webinar-2026 .hh-vw26-faq-item summary::-webkit-details-marker{display:none} .hh-venus-webinar-2026 .hh-vw26-faq-item p{ margin:12px 0 0; font-size:15px; line-height:1.65; color:var(--hh-vw26-muted); } .hh-venus-webinar-2026 .hh-vw26-final{ padding:64px 0 80px; background:linear-gradient(125deg,var(--hh-vw26-deep) 0%,var(--hh-vw26-navy) 50%,#0a5f55 100%); color:#fff; text-align:center; } .hh-venus-webinar-2026 .hh-vw26-final h2{ margin:0 0 12px; font-size:clamp(26px,3vw,36px); color:#fff; } .hh-venus-webinar-2026 .hh-vw26-final p{ margin:0 auto 24px; max-width:640px; font-size:17px; line-height:1.65; color:rgba(255,255,255,.88); } @media(max-width:960px){ .hh-venus-webinar-2026 .hh-vw26-hero-grid, .hh-venus-webinar-2026 .hh-vw26-register-grid{grid-template-columns:1fr} .hh-venus-webinar-2026 .hh-vw26-hero-visual{justify-content:flex-start} .hh-venus-webinar-2026 .hh-vw26-benefit-card{grid-template-columns:1fr;text-align:left} .hh-venus-webinar-2026 .hh-vw26-benefit-card .hh-vw26-btn{justify-self:start} } @media(max-width:720px){ .hh-venus-webinar-2026 .hh-vw26-section{padding:52px 0} .hh-venus-webinar-2026 .hh-vw26-pain-grid, .hh-venus-webinar-2026 .hh-vw26-audience-list, .hh-venus-webinar-2026 .hh-vw26-speaker-grid, .hh-venus-webinar-2026 .hh-vw26-form-grid{grid-template-columns:1fr} .hh-venus-webinar-2026 .hh-vw26-hero{padding:48px 0 56px} .hh-venus-webinar-2026 .hh-vw26-hero-actions .hh-vw26-btn{width:100%} }