/* Only the product hero; the phone/cart topbar and shared navigation are retained. */
.elementor-19347 .elementor-element.elementor-element-c7538f8{z-index:2}
#hh-wp-hero{position:relative;isolation:isolate;width:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f5f8ff;text-align:left;background:#080f24}
#hh-wp-hero,#hh-wp-hero *{box-sizing:border-box}
#hh-wp-hero::before{content:"";position:absolute;inset:-120px 0 0;z-index:-2;background:radial-gradient(ellipse at 85% 38%,#1c4b863d,transparent 52%),radial-gradient(ellipse at 0 5%,#233c7138,transparent 50%),#080f24}
#hh-wp-hero .wh-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,#79aaff06 50%,transparent 50.1%)}
#hh-wp-hero .wh-wrap{width:min(1450px,calc(100% - 64px));margin:0 auto;padding:8px 0 0}
#hh-wp-hero p,#hh-wp-hero figure{margin:0}
#hh-wp-hero a{color:inherit;text-decoration:none}
#hh-wp-hero svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
#hh-wp-hero a:focus-visible{outline:3px solid #b5d8ff;outline-offset:5px}
#hh-wp-hero .wh-breadcrumb{display:flex;align-items:center;gap:12px;color:#a5b6cf;font-size:12px;line-height:1.6;margin-bottom:35px}
#hh-wp-hero .wh-breadcrumb>a:hover{color:#fff}
#hh-wp-hero .wh-breadcrumb>span:last-child{color:#dce9ff}
#hh-wp-hero .wh-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:start;padding-bottom:58px}
#hh-wp-hero .wh-eyebrow{display:flex;align-items:center;gap:9px;color:#97c5ff;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:18px}
#hh-wp-hero .wh-eyebrow>span{width:23px;height:2px;background:#f5c62f}
#hh-wp-hero h1{font-size:clamp(38px,3.55vw,56px);line-height:1.1;font-weight:750;letter-spacing:-.055em;color:#f5f8ff;margin:0 0 12px}
#hh-wp-hero .wh-headline{font-size:clamp(34px,3.35vw,52px);line-height:1.11;font-weight:600;letter-spacing:-.045em;color:#a5b6cf;margin-bottom:23px}
#hh-wp-hero .wh-headline>span{color:#8dbcfa}
#hh-wp-hero .wh-lead{max-width:600px;color:#aebed6;font-size:16px;line-height:1.85;margin-bottom:23px}
#hh-wp-hero .wh-lead>strong{font-weight:600;color:#e3edfc}
#hh-wp-hero .wh-price{display:flex;align-items:center;gap:16px;margin-bottom:20px}
#hh-wp-hero .wh-price>div{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
#hh-wp-hero .wh-price strong{font-size:33px;font-weight:750;letter-spacing:-.04em;line-height:1.2}
#hh-wp-hero .wh-price strong>span{font-size:21px}
#hh-wp-hero .wh-price>div>span{font-size:12px;color:#b5c8e2}
#hh-wp-hero .wh-price>small{font-size:10px;line-height:1.5;color:#9aacc7;border-left:1px solid #314764;padding-left:16px;max-width:105px}
#hh-wp-hero .wh-actions{display:flex;flex-wrap:wrap;gap:12px}
#hh-wp-hero .wh-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:51px;padding:14px 20px;border:1px solid #3b5275;border-radius:9px;font-size:13px;font-weight:650;line-height:1.4;transition:background .2s,border-color .2s,box-shadow .2s}
#hh-wp-hero .wh-primary{background:linear-gradient(130deg,#2476ed,#3c9cef);border-color:#78b8ff;color:#fff;box-shadow:0 10px 32px #2065d72b}
#hh-wp-hero .wh-primary:hover{background:linear-gradient(130deg,#368afa,#5eaeff);box-shadow:0 12px 35px #2065d745}
#hh-wp-hero .wh-secondary{background:#122039;color:#e7f1ff}
#hh-wp-hero .wh-secondary:hover{background:#1b3358;border-color:#78b8ff}
#hh-wp-hero .wh-included{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 20px;margin:19px 0 0;color:#afc3df;font-size:11px}
#hh-wp-hero .wh-included>li{display:flex;align-items:center;gap:5px}
#hh-wp-hero .wh-included svg{width:15px;height:15px;color:#4ee6a3}
#hh-wp-hero .wh-showcase{min-width:0;padding-top:6px}
#hh-wp-hero .wh-showcase-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#8da7c9;letter-spacing:.13em;font-size:9px;font-weight:600;margin-bottom:15px}
#hh-wp-hero .wh-showcase-top>span:first-child{display:flex;align-items:center;gap:7px}
#hh-wp-hero .wh-showcase-top i{width:5px;height:5px;background:#69adff;border-radius:50%;box-shadow:0 0 0 4px #69adff15}
#hh-wp-hero .wh-canvas{position:relative;aspect-ratio:1.37;min-width:0}
#hh-wp-hero .wh-grid{position:absolute;inset:0;background-image:linear-gradient(#729ad712 1px,transparent 1px),linear-gradient(90deg,#729ad712 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}
#hh-wp-hero .wh-browser{position:absolute;overflow:hidden;background:#11203a;border:1px solid #41638c;border-radius:12px;box-shadow:0 24px 55px #01061570}
#hh-wp-hero .wh-browser-main{width:86%;top:2%;right:0;transform:rotate(2deg)}
#hh-wp-hero .wh-browser-front{width:56%;bottom:2%;left:0;transform:rotate(-4deg);border-color:#577ea8}
#hh-wp-hero .wh-browser-bar{display:flex;align-items:center;gap:12px;background:#152943;padding:10px 12px;font-size:9px;color:#bbcee7;line-height:1.2}
#hh-wp-hero .wh-browser-bar>svg{width:12px;height:12px;margin-left:auto;color:#6de3b5}
#hh-wp-hero .wh-dots{display:flex;gap:4px}
#hh-wp-hero .wh-dots>i{height:4px;width:4px;border-radius:50%;background:#617a9a}
#hh-wp-hero .wh-browser img{display:block;width:100%;height:auto;aspect-ratio:500/348;object-fit:cover}
#hh-wp-hero .wh-browser figcaption{padding:9px 12px;line-height:1.2;color:#b5c8e2;font-size:8px;letter-spacing:.12em}
#hh-wp-hero .wh-template-badge{position:absolute;right:1%;bottom:3%;width:34%;padding:16px 17px;background:linear-gradient(130deg,#183352,#10203a);border:1px solid #42658f;border-radius:12px;box-shadow:0 12px 35px #03081655}
#hh-wp-hero .wh-template-badge>strong{display:flex;align-items:center;gap:9px;font-size:44px;line-height:1;font-weight:750;letter-spacing:-.05em;color:#f5f8ff}
#hh-wp-hero .wh-template-badge strong>span{max-width:62px;font-size:12px;line-height:1.4;letter-spacing:0;font-weight:600;color:#a4c8f6}
#hh-wp-hero .wh-template-badge>span{display:block;margin-top:10px;padding-top:10px;border-top:1px solid #345071;font-size:10px;line-height:1.6;color:#adc1dc;position:relative}
#hh-wp-hero .wh-template-badge svg{position:absolute;right:0;bottom:2px;width:17px;height:17px;color:#97c5ff}
#hh-wp-hero .wh-template-badge:hover{border-color:#78b8ff}
#hh-wp-hero .wh-manager-link{display:flex;align-items:center;gap:13px;margin-top:22px;padding:15px 18px;border:1px solid #2c4264;border-radius:11px;background:linear-gradient(135deg,#101f39,#0a1429)}
#hh-wp-hero .wh-manager-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #31527b;background:#19375e;border-radius:9px;color:#8dbcfa}
#hh-wp-hero .wh-manager-link>span:nth-child(2){display:grid;gap:3px;min-width:0}
#hh-wp-hero .wh-manager-link strong{font-size:12px;font-weight:650;color:#edf5ff}
#hh-wp-hero .wh-manager-link small{font-size:10px;line-height:1.5;color:#a5b6cf}
#hh-wp-hero .wh-manager-link>svg{margin-left:auto;color:#97c5ff}
#hh-wp-hero .wh-manager-link:hover{border-color:#547caf}
#hh-wp-hero .wh-foundation{display:grid;grid-template-columns:1.6fr repeat(4,1fr);align-items:center;gap:24px;padding:26px 0 28px;border-top:1px solid #293d5e}
#hh-wp-hero .wh-foundation>p{font-size:11px;line-height:1.7;color:#8fa6c6}
#hh-wp-hero .wh-foundation strong{font-weight:500;color:#dce9ff}
#hh-wp-hero .wh-foundation>span{display:flex;align-items:center;justify-content:flex-end;gap:9px;font-size:12px;font-weight:600;color:#b9cce5}
#hh-wp-hero .wh-foundation svg{color:#7ca9e9}
@media(max-width:1366px){#hh-wp-hero::before{top:-150px}#hh-wp-hero .wh-layout{gap:32px}#hh-wp-hero .wh-lead{font-size:15px}#hh-wp-hero .wh-button{padding:13px 16px;font-size:12px}}
@media(max-width:1024px){#hh-wp-hero .wh-layout{grid-template-columns:1fr;gap:38px}#hh-wp-hero .wh-copy{max-width:710px}#hh-wp-hero .wh-showcase{width:min(100%,650px);justify-self:center}#hh-wp-hero h1{font-size:50px}#hh-wp-hero .wh-headline{font-size:46px}#hh-wp-hero .wh-foundation{grid-template-columns:repeat(4,1fr);gap:18px}#hh-wp-hero .wh-foundation>p{grid-column:1/-1}#hh-wp-hero .wh-foundation>span{justify-content:flex-start}}
@media(max-width:767px){#hh-wp-hero::before{top:-100px}#hh-wp-hero .wh-wrap{width:calc(100% - 36px);padding-top:2px}#hh-wp-hero .wh-breadcrumb{margin-bottom:25px;font-size:11px}#hh-wp-hero .wh-eyebrow{font-size:9px;margin-bottom:16px}#hh-wp-hero h1{font-size:clamp(31px,7.9vw,45px);letter-spacing:-.05em}#hh-wp-hero .wh-headline{font-size:clamp(30px,7.8vw,42px);margin-bottom:18px}#hh-wp-hero .wh-lead{font-size:14px;line-height:1.8;margin-bottom:20px}#hh-wp-hero .wh-layout{padding-bottom:34px;gap:32px}#hh-wp-hero .wh-actions{display:grid;grid-template-columns:1fr}#hh-wp-hero .wh-button{min-height:48px;font-size:12px}#hh-wp-hero .wh-included{gap:8px 12px;font-size:10px;margin-top:16px}#hh-wp-hero .wh-template-badge{padding:11px 12px;width:35%}#hh-wp-hero .wh-template-badge>strong{font-size:32px;gap:5px}#hh-wp-hero .wh-template-badge strong>span{font-size:10px}#hh-wp-hero .wh-template-badge>span{font-size:8px;margin-top:7px;padding-top:7px}#hh-wp-hero .wh-template-badge svg{width:13px;height:13px}#hh-wp-hero .wh-browser-bar{font-size:6px;padding:7px 8px;gap:6px}#hh-wp-hero .wh-browser figcaption{font-size:6px;padding:7px 8px}#hh-wp-hero .wh-browser{border-radius:8px}#hh-wp-hero .wh-showcase-top{font-size:7px;letter-spacing:.08em}#hh-wp-hero .wh-manager-link{padding:12px;gap:10px;margin-top:17px}#hh-wp-hero .wh-manager-link small{font-size:8px}#hh-wp-hero .wh-foundation{grid-template-columns:1fr 1fr;gap:18px 10px;padding:22px 0}#hh-wp-hero .wh-foundation>span{font-size:11px}}
@media(max-width:359px){#hh-wp-hero .wh-wrap{width:calc(100% - 30px)}#hh-wp-hero h1{font-size:29px}#hh-wp-hero .wh-headline{font-size:29px}#hh-wp-hero .wh-included{font-size:9px;gap:6px 9px}#hh-wp-hero .wh-template-badge{padding:9px}#hh-wp-hero .wh-template-badge>strong{font-size:28px}#hh-wp-hero .wh-price{gap:10px}#hh-wp-hero .wh-price>small{padding-left:10px}}
@media(prefers-reduced-motion:reduce){#hh-wp-hero *{transition:none!important;scroll-behavior:auto!important}}

/* HH_WPH_TECH_VISUAL_START */
#hh-wp-hero .wh-tech-visual{width:100%;max-width:760px;margin-top:26px;border:1px solid #2c4264;border-radius:14px;background:linear-gradient(135deg,#101f39,#0a1429);overflow:hidden;box-shadow:0 16px 35px #02081345}
#hh-wp-hero .wh-tech-visual>svg{display:block;width:100%;height:auto;stroke:none;fill:none}
#hh-wp-hero .wh-tech-visual text{font-family:Inter,"Segoe UI",Arial,sans-serif}
#hh-wp-hero .wh-showcase{display:flex;flex-direction:column;height:100%}
#hh-wp-hero .wh-showcase-top,#hh-wp-hero .wh-canvas,#hh-wp-hero .wh-manager-link{flex:0 0 auto}
#hh-wp-hero .wh-showcase-stats{flex:1 1 auto;min-height:118px;margin-top:14px;padding:15px 16px;border:1px solid #2c4264;border-radius:11px;background:linear-gradient(135deg,#101f39,#0a1429);display:flex;flex-direction:column;justify-content:center;gap:14px}
#hh-wp-hero .wh-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#hh-wp-hero .wh-stats-row>div{display:grid;gap:3px;padding-right:10px;border-right:1px solid #2c4264}
#hh-wp-hero .wh-stats-row>div:last-child{border-right:0;padding-right:0}
#hh-wp-hero .wh-stats-row strong{font-size:18px;line-height:1;color:#edf5ff;letter-spacing:-.03em}
#hh-wp-hero .wh-stats-row small{font-size:9px;line-height:1.4;color:#91abcd}
#hh-wp-hero .wh-stats-signal{display:flex;align-items:center;gap:8px;padding-top:11px;border-top:1px solid #2c4264;color:#9eb9da;font-size:9px;letter-spacing:.06em}
#hh-wp-hero .wh-stats-signal i{width:6px;height:6px;border-radius:50%;background:#55dec6;box-shadow:0 0 0 4px #55dec622}
#hh-wp-hero .wh-stats-signal strong{margin-left:auto;color:#55dec6;font-size:9px;letter-spacing:.14em}
@media(max-width:1024px){#hh-wp-hero .wh-showcase{height:auto;display:block}#hh-wp-hero .wh-showcase-stats{min-height:118px}}
@media(max-width:767px){#hh-wp-hero .wh-tech-visual{margin-top:22px;border-radius:11px}#hh-wp-hero .wh-showcase-stats{padding:13px 12px;gap:11px}#hh-wp-hero .wh-stats-row strong{font-size:15px}#hh-wp-hero .wh-stats-row small{font-size:8px}#hh-wp-hero .wh-stats-signal{font-size:8px}}
/* HH_WPH_TECH_VISUAL_END */