/* Home sections after pricing: restrained visual system, original cloudy theme preserved. */
.wh-home-tools,.wh-home-why,.wh-home-premium,.wh-home-cta{position:relative;isolation:isolate;font-family:inherit}
.wh-home-tools *, .wh-home-why *, .wh-home-premium *, .wh-home-cta *{box-sizing:border-box}
.wh-home-tools{background:linear-gradient(122deg,#0a3684 0%,#0962be 100%);padding:108px 0 108px;color:#fff;overflow:hidden}
.wh-home-tools:before{position:absolute;content:"";width:100%;height:75px;left:0;top:-1px;background:url('../images/inverse_cloud.png') repeat-x center top / auto 75px;z-index:0}
.wh-home-tools:after{position:absolute;content:"";width:100%;height:75px;left:0;bottom:-1px;background:url('../images/cloud_img.png') repeat-x center bottom / auto 75px;opacity:.96;z-index:0}
.wh-home-tools .container,.wh-home-premium .container,.wh-home-why .container{position:relative;z-index:1}
.wh-section-heading{text-align:center;margin:0 auto 47px;max-width:760px}
.wh-kicker{display:inline-block;font-weight:700;font-size:12px;letter-spacing:.15em;color:#0b67da;margin-bottom:15px;text-transform:uppercase}
.wh-section-heading h2{font-size:clamp(30px,3.6vw,45px);line-height:1.17;color:#082451;letter-spacing:-.035em;margin-bottom:14px;font-weight:700}
.wh-section-heading p{font-size:16px;line-height:1.75;color:#69819d;margin:0}
.wh-light-heading .wh-kicker{color:#a9ebff}.wh-light-heading h2{color:#fff}.wh-light-heading p{color:#d5eaff}
.wh-tools-panel{background:#fff;border-radius:19px;box-shadow:0 20px 50px rgba(2,18,68,.16);padding:38px 38px 24px;color:#13345e}
.wh-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.wh-tool{font-size:13px;font-weight:600;line-height:1.5;padding:18px 10px 18px 4px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e8f0fa}
.wh-tool:nth-last-child(-n+4){border-bottom:0}
.wh-tool>span{flex:0 0 auto;display:grid;place-items:center;background:#d9f9ed;color:#079873;border-radius:50%;font-family:Arial,sans-serif;width:24px;height:24px;font-weight:800;font-size:13px}
.wh-disclaimer{text-align:center;font-size:12px;color:#6d839f;margin:17px 0 0}.wh-disclaimer a{font-weight:700;color:#1164c9}
.wh-home-why{background:#fff;padding:82px 0 94px}
.wh-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wh-service-card{background:#fff;border:1px solid #dfebf7;border-radius:17px;box-shadow:0 12px 30px #0c4a8b09;padding:31px 28px;transition:transform .22s,box-shadow .22s}
.wh-service-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px #0c4a8b15}
.wh-service-card img{display:block;width:78px;height:78px;margin-bottom:24px}
.wh-service-card h3{font-size:19px;line-height:1.4;color:#0b2857;font-weight:700;margin-bottom:12px}
.wh-service-card p{font-size:14px;line-height:1.75;color:#667b96;margin:0}
.wh-centered-link{text-align:center;margin-top:30px}.wh-centered-link a{display:inline-flex;gap:14px;align-items:center;font-size:14px;color:#0c63d5;font-weight:700;border:1px solid #cadef5;border-radius:10px;padding:14px 18px;background:#f4f9ff;text-decoration:none}.wh-centered-link a:hover{background:#eaf4ff}
.wh-home-premium{background:#d8eff5;padding:120px 0 100px;overflow:hidden}
.wh-home-premium:before{position:absolute;content:"";width:100%;height:75px;left:0;top:-1px;background:url('../images/inverse_cloud.png') repeat-x center top / auto 75px;z-index:0}
.wh-premium-shell{background:#fff;border:1px solid #dae7f7;border-radius:20px;overflow:hidden;box-shadow:0 24px 56px #25548315}
.wh-premium-tabs{display:grid;grid-template-columns:repeat(5, minmax(0,1fr));align-items:stretch;border-bottom:1px solid #e5edf9;background:#f8fbff}
.wh-premium-tab{appearance:none;background:transparent;border:0;border-right:1px solid #e3ecfa;padding:19px 7px 18px;min-height:113px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;cursor:pointer;color:#536b8e;font-size:12px;font-weight:700;line-height:1.35;transition:background .2s,color .2s}
.wh-premium-tab:last-child{border-right:0}.wh-premium-tab:hover{background:#edf5ff}.wh-premium-tab[aria-selected="true"]{background:#fff;color:#0c5ed0;box-shadow:inset 0 -3px #1169e8}
.wh-premium-tab:focus-visible{outline:3px solid #11a3d3;outline-offset:-3px;z-index:3}.wh-tab-symbol{display:grid;place-items:center;width:43px;height:43px;background:#e6f2ff;border:1px solid #d1e4fc;border-radius:12px;color:#0b61cc;font-size:24px;font-weight:700}.wh-premium-tab[aria-selected="true"] .wh-tab-symbol{background:#1367e2;border-color:#1367e2;color:#fff}
.wh-premium-panel{display:grid;grid-template-columns:51% 49%;align-items:center;min-height:405px;padding:30px 30px 30px 54px;gap:0}.wh-premium-panel[hidden]{display:none!important}.wh-premium-copy{padding:20px 5px 20px 0;max-width:540px}
.wh-panel-tag{color:#0c73d7;font-size:11px;letter-spacing:.15em;font-weight:700}.wh-premium-copy h3{font-size:clamp(23px,2.4vw,34px);line-height:1.27;color:#0a2a56;font-weight:700;margin:14px 0 17px}.wh-premium-copy>p{font-size:15px;line-height:1.75;color:#627c9a;margin:0 0 20px}
.wh-premium-copy ul{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:9px}.wh-premium-copy li{font-size:13px;line-height:1.5;color:#4c678b;display:flex;align-items:center;gap:9px}.wh-premium-copy li:before{content:"✓";display:inline-grid;place-items:center;color:#089e78;background:#def8f0;border-radius:100%;height:19px;width:19px;font:700 12px Arial;flex:none}
.wh-premium-copy>a{font-size:13px;font-weight:700;color:#1264d1;text-decoration:none}.wh-premium-copy>a:hover{text-decoration:underline}
.wh-premium-art{min-width:0;display:flex;justify-content:center;align-items:center}.wh-premium-art img{max-width:100%;height:auto;display:block;max-height:360px}
.wh-premium-note{font-size:12px;color:#58728f;text-align:center;margin:22px 0 0}.wh-premium-note a{color:#0965cc;font-weight:700}
.wh-home-cta{background:linear-gradient(110deg,#052d74,#0c63c5);color:#fff;padding:71px 0 80px}.wh-home-cta:before{content:"";position:absolute;left:0;top:0;width:100%;height:50px;background:url('../images/inverse_cloud.png') repeat-x center top / auto 50px;opacity:.95}
.wh-home-cta-content{display:flex;align-items:center;justify-content:space-between;gap:36px}.wh-home-cta .wh-kicker{color:#a4dfff}.wh-home-cta h2{font-size:clamp(28px,3vw,39px);color:#fff;line-height:1.25;margin-bottom:14px;font-weight:700;max-width:650px}.wh-home-cta p{font-size:15px;color:#dceaff;max-width:670px}.wh-home-cta-actions{display:flex;gap:12px;flex:0 0 auto;flex-wrap:wrap}
.wh-primary-cta,.wh-secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 18px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none!important;white-space:nowrap}.wh-primary-cta{background:white;color:#0956bc!important}.wh-secondary-cta{color:white!important;border:1px solid #ffffff81;background:#ffffff12}
@media(max-width:991px){.wh-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wh-tool:nth-last-child(-n+4){border-bottom:1px solid #e8f0fa}.wh-tool:nth-last-child(-n+3){border:0}.wh-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-premium-panel{grid-template-columns:1fr 1fr;padding:20px 25px}.wh-premium-copy h3{font-size:25px}.wh-home-cta-content{flex-direction:column;align-items:flex-start}}
@media(max-width:767px){.wh-home-tools{padding:105px 0 105px}.wh-section-heading{margin-bottom:29px}.wh-section-heading h2{font-size:31px}.wh-section-heading p{font-size:14px}.wh-tools-panel{padding:22px 17px}.wh-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-tool{font-size:12px;padding:13px 4px;line-height:1.35}.wh-tool:nth-last-child(-n+3){border-bottom:1px solid #e8f0fa}.wh-tool:nth-last-child(-n+2){border:0}.wh-home-why{padding:70px 0}.wh-service-grid{gap:13px}.wh-service-card{padding:22px 19px}.wh-service-card h3{font-size:17px}.wh-service-card p{font-size:13px}.wh-home-premium{padding:105px 0 80px}.wh-premium-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.wh-premium-tab{padding:13px 2px;min-height:90px;font-size:10px;gap:7px}.wh-tab-symbol{height:34px;width:34px;font-size:21px;border-radius:10px}.wh-premium-panel{grid-template-columns:1fr;padding:24px 24px 22px}.wh-premium-art img{max-height:300px}.wh-premium-copy{max-width:none}.wh-premium-copy h3{font-size:26px}.wh-home-cta{padding:65px 0}.wh-home-cta h2{font-size:30px}}
@media(max-width:460px){.wh-service-grid{grid-template-columns:1fr}.wh-service-card{padding:20px;display:grid;grid-template-columns:65px 1fr;gap:0 16px}.wh-service-card img{height:62px;width:62px;grid-row:span 2;margin:0}.wh-service-card h3{font-size:17px;margin:0 0 6px}.wh-service-card p{font-size:12px}.wh-premium-tab{font-size:9px;padding:11px 2px}.wh-premium-panel{padding:19px 17px}.wh-premium-copy>p{font-size:13px}.wh-premium-art img{max-height:230px}.wh-home-cta-actions{width:100%}.wh-primary-cta,.wh-secondary-cta{font-size:12px}.wh-tools-panel{padding:17px 12px}.wh-tool{font-size:11px;gap:6px}.wh-tool>span{height:18px;width:18px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.wh-service-card,.wh-premium-tab{transition:none}}


/* ===== HOMEPAGE V2: hero bottom alignment, consistent plan illustrations ===== */
.home_banner_section{overflow:hidden}
.home_banner_section .home_banner_img_box::before{content:none!important;display:none!important;background:none!important}
.home_banner_section .home_banner_img_box{position:static!important}
.home_banner_section .wh-home-hero-person{
  position:absolute;right:max(16px, calc((100vw - 1170px) / 2 + 8px));bottom:0;
  height:min(615px, calc(100% - 95px));width:auto;max-width:none;
  object-fit:contain;object-position:right bottom;z-index:1;
}
.home_banner_section .banner_content_box{position:relative;z-index:2}
/* Legacy mouse indicator is intentionally preserved. */
@media (min-width:768px) and (max-width:1199px){
  .home_banner_section .wh-home-hero-person{height:min(495px, calc(100% - 60px));right:1.5vw}
}
@media (max-width:767px){
  .home_banner_section{height:auto;min-height:785px;display:block}
  .home_banner_inner_section{display:block}
  .home_banner_section .banner_row{padding-top:150px;min-height:785px;display:flex;flex-direction:column-reverse;justify-content:flex-end;align-items:center}
  .home_banner_section .banner_content_box{margin:0 auto;text-align:center;padding-bottom:10px}
  .home_banner_section .home_banner_img_box{min-height:0!important}
  .home_banner_section .wh-home-hero-person{height:330px;right:50%;transform:translateX(50%);max-width:98vw;bottom:0}
}
@media (max-width:480px){
  .home_banner_section,.home_banner_section .banner_row{min-height:765px}
  .home_banner_section .banner_row{padding-top:135px}
  .home_banner_section .wh-home-hero-person{height:300px}
}
.wh-plan-section{position:relative;background:linear-gradient(180deg,#fff 0%,#f5faff 100%)}
.wh-plan-section .row{align-items:stretch}
.wh-plan-section .row>[class*="col-"]{display:flex;margin-bottom:22px}
.wh-plan-section .hosting_plan_box.wh-plan-card{
  width:100%;position:relative;background:#fff;border:1px solid #e2eafa;
  box-shadow:0 14px 34px rgba(12,48,104,.075);border-radius:19px;
  padding:32px 27px 27px;display:flex;align-items:center;flex-direction:column;
  transition:box-shadow .25s,transform .25s;
}
.wh-plan-section .hosting_plan_box.wh-plan-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(12,48,104,.13)}
.wh-plan-section .wh-plan-card--bisnis{border-color:#bbd4ff;box-shadow:0 14px 34px rgba(12,88,198,.12)}
.wh-plan-section .wh-plan-card--cloud{background:linear-gradient(180deg,#f6faff 0%,#fff 39%)}
.wh-plan-section .wh-plan-label{
 display:inline-block;color:#236bd2;background:#edf5ff;padding:7px 12px;
 border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.12em;
}
.wh-plan-section .wh-plan-card--bisnis .wh-plan-label{background:#1369eb;color:#fff}
.wh-plan-section .wh-plan-card figure{margin:10px 0 14px;display:flex;align-items:center;justify-content:center;min-height:180px;width:100%}
.wh-plan-section .wh-plan-card figure img{width:100%!important;max-width:230px!important;height:165px!important;object-fit:contain;line-height:normal!important}
.wh-plan-section .wh-plan-card h3{font-size:25px;line-height:1.25;margin:0 0 8px;font-weight:700;color:#072c62}
.wh-plan-section .wh-plan-card p{font-size:14px;line-height:1.65;min-height:46px;margin:0 0 20px;color:#607894}
.wh-plan-section .wh-plan-card .hosting_plan_price_box{font-size:35px;line-height:1.22;display:flex;justify-content:center;align-items:baseline;gap:3px;flex-wrap:wrap;letter-spacing:-.035em;margin-bottom:12px}
.wh-plan-section .hosting_plan_price_box span.wh-rp{font-size:15px;line-height:1.5;letter-spacing:0}
.wh-plan-section .hosting_plan_price_box span.wh-payment-cycle{font-size:12px;letter-spacing:0;display:block;width:100%;font-weight:600;color:#6b83a3;margin-top:3px}
.wh-plan-section .hosting_plan_list{width:100%;margin:16px 0 22px;text-align:left;display:grid;gap:6px;border-top:1px solid #eaf0f9;padding-top:18px}
.wh-plan-section .hosting_plan_list li{position:relative;padding-left:25px;font-size:13px;line-height:1.65;color:#4f6482}
.wh-plan-section .hosting_plan_list li::before{position:absolute;left:0;top:3px;content:'✓';font-family:Arial,sans-serif;display:grid;place-items:center;width:17px;height:17px;background:#dff8ec;color:#0b9975;border-radius:50%;font-size:11px;font-weight:800}
.wh-plan-section .hosting_plan_box_btn{font-size:14px;line-height:1.25;font-weight:700;padding:14px 22px!important;border-radius:9px;width:100%;max-width:250px;margin-top:auto;}
.wh-plan-section .wh-plan-card--bisnis .hosting_plan_box_btn{background:#0d5fdb}
@media(max-width:991px){.wh-plan-section .hosting_plan_box.wh-plan-card{padding:25px 18px}.wh-plan-section .wh-plan-card figure{min-height:135px}.wh-plan-section .wh-plan-card figure img{height:125px!important}.wh-plan-section .wh-plan-card .hosting_plan_price_box{font-size:29px}.wh-plan-section .hosting_plan_list li{font-size:12px}}
@media(max-width:767px){.wh-plan-section .row>[class*="col-"]{margin-bottom:18px}.wh-plan-section .wh-plan-card figure{min-height:155px}.wh-plan-section .wh-plan-card figure img{height:150px!important}.wh-plan-section .wh-plan-card p{min-height:0}.wh-plan-section .wh-plan-card .hosting_plan_price_box{font-size:35px}}
/* ===== CTA => visible cloud boundary before the original blue footer ===== */
.wh-home-cta{background:#e4f3fb!important;color:#0b2c5d!important;padding:64px 0 115px!important;overflow:hidden}
.wh-home-cta::before{content:none!important;display:none!important}
.wh-home-cta::after{
  content:"";position:absolute;bottom:-1px;left:0;width:100%;height:75px;
  background:linear-gradient(104deg,#0b99f3 0%,#0861bd 35%,#0032a0 65%,#002693 100%);
  -webkit-mask:url('../images/cloud_img.png') repeat-x center bottom / auto 75px;
  mask:url('../images/cloud_img.png') repeat-x center bottom / auto 75px;
  z-index:1;pointer-events:none;
}
.wh-home-cta .container{position:relative;z-index:2}
.wh-home-cta .wh-kicker{color:#0b64ce!important}
.wh-home-cta h2{color:#06295c!important}
.wh-home-cta p{color:#55718f!important}
.wh-home-cta .wh-primary-cta{background:#0c64df;color:#fff!important}
.wh-home-cta .wh-secondary-cta{color:#0b59c9!important;border-color:#a6c9ef;background:#fff}
@media(max-width:767px){.wh-home-cta{padding:65px 0 114px!important}}