/* HostPlus 2026 Website Upgrade – page-local; no global header/footer overrides. */
.hp26-upgrade{--up-navy:#0b2249;--up-ink:#102b53;--up-orange:#fb8108;--up-muted:#536784;--up-line:#dce5f2;--up-bg:#f3f7fd;color:var(--up-ink);font:16px/1.55 Roboto,Arial,sans-serif;overflow:hidden}
.hp26-upgrade *{box-sizing:border-box}.hp26-upgrade h1,.hp26-upgrade h2,.hp26-upgrade h3,.hp26-upgrade p{margin:0}.hp26-upgrade h1,.hp26-upgrade h2,.hp26-upgrade h3{color:var(--up-ink);font-family:Roboto,Arial,sans-serif;font-weight:800;letter-spacing:-.028em;line-height:1.2}.hp26-upgrade a{text-decoration:none}.hp26-upgrade .hp26-up-wrap{width:min(calc(100% - 44px),1360px);margin:0 auto;max-width:1360px}.hp26-upgrade section{margin:0}.hp26-upgrade .hp26-up-section{padding:76px 0}.hp26-upgrade .hp26-up-overline,.hp26-upgrade .hp26-up-heading>span,.hp26-upgrade .hp26-up-cta-inner>div>span{color:#e77604;font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.hp26-upgrade .hp26-up-heading{text-align:center;max-width:790px;margin:0 auto 35px}.hp26-upgrade .hp26-up-heading h2{font-size:clamp(26px,2.9vw,39px);margin:8px 0 10px}.hp26-upgrade .hp26-up-heading p{font-size:15px;color:var(--up-muted);line-height:1.65}
.hp26-upgrade .hp26-up-hero{background:radial-gradient(ellipse at 75% 41%,#d6e7fc 5%,transparent 60%),linear-gradient(110deg,#f3f8ff 2%,#eaf3ff 51%,#d9e9fd 100%);position:relative}.hp26-upgrade .hp26-up-hero:before{content:"";position:absolute;right:-18%;top:-80%;height:165%;width:65%;border:2px solid #ffffff66;border-radius:50%;pointer-events:none}.hp26-upgrade .hp26-up-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;min-height:500px;padding:66px 0 75px}.hp26-upgrade .hp26-up-hero-copy{position:relative;z-index:1}.hp26-upgrade .hp26-up-hero h1{font-size:clamp(38px,4.1vw,63px);margin-top:14px}.hp26-upgrade .hp26-up-hero h1 em{display:block;font-style:normal;color:var(--up-orange);margin-top:8px;font-size:.82em}.hp26-upgrade .hp26-up-hero-copy>p{font-size:17px;line-height:1.69;color:#385274;max-width:590px;margin:22px 0 26px}.hp26-upgrade .hp26-up-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hp26-upgrade .hp26-up-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;padding:12px 21px;font-size:14px;font-weight:800;border-radius:8px;transition:transform .16s,background .16s,box-shadow .16s;line-height:1.3;text-align:center}.hp26-upgrade .hp26-up-button:hover{transform:translateY(-2px)}.hp26-upgrade .hp26-up-button:focus-visible,.hp26-upgrade a:focus-visible,.hp26-upgrade summary:focus-visible{outline:3px solid #fc9d3c;outline-offset:3px}.hp26-upgrade .hp26-up-primary{background:var(--up-orange);border:1px solid var(--up-orange);color:#fff}.hp26-upgrade .hp26-up-primary:hover{background:#e26f00;color:#fff}.hp26-upgrade .hp26-up-outline{background:#fff;border:1px solid #d7e1f0;color:var(--up-ink)}.hp26-upgrade .hp26-up-outline:hover{background:#f8fbff;color:var(--up-ink)}.hp26-upgrade .hp26-up-chips{margin-top:25px;display:flex;flex-wrap:wrap;gap:9px 18px;color:#3b587c;font-size:12px;font-weight:750}.hp26-upgrade .hp26-up-chips span{display:flex;gap:6px;align-items:center}.hp26-upgrade .hp26-up-chips svg{width:16px;height:16px;color:var(--up-orange)}
/* Illustration */
.hp26-upgrade .hp26-up-hero-art{min-width:0;width:100%}.hp26-upgrade .hp26-up-art{height:380px;width:100%;position:relative;isolation:isolate}.hp26-upgrade .hp26-up-orbit{border:1px solid #7ba9df42;border-radius:50%;position:absolute;pointer-events:none;z-index:-1}.hp26-upgrade .hp26-up-orbit-one{width:420px;height:420px;top:-25px;right:0}.hp26-upgrade .hp26-up-orbit-two{width:285px;height:285px;top:40px;right:65px}.hp26-upgrade .hp26-up-transfer-board{position:absolute;inset:35px 15px 36px 0;background:#fff;border:6px solid #fff;border-radius:18px;box-shadow:0 22px 62px #10457d2a;transform:rotate(-2deg);overflow:hidden}.hp26-upgrade .hp26-up-board-top{height:37px;display:flex;align-items:center;gap:13px;background:#f5f8fd;border-bottom:1px solid #e3eaf5;padding:0 14px;color:#58739c;font-size:10px;font-weight:800;letter-spacing:.06em}.hp26-upgrade .hp26-up-board-dots{display:flex;gap:4px}.hp26-upgrade .hp26-up-board-dots i{width:7px;height:7px;border-radius:50%;background:#f7a24a}.hp26-upgrade .hp26-up-board-dots i:nth-child(2){background:#75bddc}.hp26-upgrade .hp26-up-board-dots i:nth-child(3){background:#a5c9ed}.hp26-upgrade .hp26-up-board-lock{margin-left:auto;color:#259c76;font-size:9px}.hp26-upgrade .hp26-up-board-content{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:32px 18px 20px}.hp26-upgrade .hp26-up-source-box,.hp26-upgrade .hp26-up-dest-box{width:36%;height:167px;background:#f5f8ff;border:1px solid #dce8f7;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:9px}.hp26-upgrade .hp26-up-source-box strong,.hp26-upgrade .hp26-up-dest-box strong{font-size:13px;color:#0e2d56}.hp26-upgrade .hp26-up-source-box>span,.hp26-upgrade .hp26-up-dest-box>span{font-size:10px;color:#72819b}.hp26-upgrade .hp26-up-box-icon,.hp26-upgrade .hp26-up-cloud-mark{display:grid;place-items:center;width:44px;height:44px;background:#e4efff;color:#2475de;border-radius:12px}.hp26-upgrade .hp26-up-cloud-mark{color:white;background:#fa8e16}.hp26-upgrade .hp26-up-box-icon svg,.hp26-upgrade .hp26-up-cloud-mark svg{width:27px;height:27px}.hp26-upgrade .hp26-up-mini-lines{display:flex;gap:4px}.hp26-upgrade .hp26-up-mini-lines i{width:16px;height:3px;background:#c0d4ef;border-radius:2px}.hp26-upgrade .hp26-up-mini-lines i:nth-child(2){background:#83b1e8}.hp26-upgrade .hp26-up-transfer-path{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.hp26-upgrade .hp26-up-transfer-flow{font-size:36px;font-weight:900;color:var(--up-orange);line-height:1}.hp26-upgrade .hp26-up-transfer-dot{height:5px;width:70%;background:linear-gradient(90deg,#aac8ee,#fb890c);border-radius:5px}.hp26-upgrade .hp26-up-transfer-path small{font-size:8px;font-weight:850;color:#667fa2;text-align:center}.hp26-upgrade .hp26-up-board-progress{padding:9px 20px}.hp26-upgrade .hp26-up-board-progress span{font-size:10px;font-weight:700;color:#65809b}.hp26-upgrade .hp26-up-board-progress>div{height:9px;border-radius:9px;background:#e9eef8;margin-top:7px;overflow:hidden}.hp26-upgrade .hp26-up-board-progress>div i{display:block;background:linear-gradient(90deg,#1671cb,#1ac8aa,#fa8a12);width:83%;height:100%;border-radius:9px}.hp26-upgrade .hp26-up-floating{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 14px;background:#fff;border:1px solid #e0e9f6;border-radius:8px;font-size:11px;font-weight:800;box-shadow:0 10px 29px #123c6633;color:#153461;transform:rotate(2deg)}.hp26-upgrade .hp26-up-floating span{background:#e1f8eb;color:#169b6a;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;font-weight:900}.hp26-upgrade .hp26-up-floating-one{bottom:19px;left:-19px}.hp26-upgrade .hp26-up-floating-two{right:-7px;top:17px}
/* Benefits */
.hp26-upgrade .hp26-up-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hp26-upgrade .hp26-up-benefit{border:1px solid var(--up-line);border-radius:13px;padding:25px;background:#fff;box-shadow:0 5px 19px #14355c09}.hp26-upgrade .hp26-up-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#edf4ff;color:#297de2;margin-bottom:18px}.hp26-upgrade .hp26-up-icon svg{width:25px;height:25px}.hp26-upgrade .hp26-up-benefit h3,.hp26-upgrade .hp26-up-scope-grid h3,.hp26-upgrade .hp26-up-plans-grid h3{font-size:19px;margin:0 0 9px}.hp26-upgrade .hp26-up-benefit p,.hp26-upgrade .hp26-up-scope-grid p,.hp26-upgrade .hp26-up-plans-grid p{color:var(--up-muted);font-size:14px;line-height:1.65}
/* Process */
.hp26-upgrade .hp26-up-process{background:#f2f6fc}.hp26-upgrade .hp26-up-steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hp26-upgrade .hp26-up-step{background:#fff;border-radius:13px;padding:27px;display:flex;gap:19px;box-shadow:0 5px 19px #15355b0b}.hp26-upgrade .hp26-up-step-num{display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:13px;background:#fff0df;color:#f37a07;font-weight:850;font-size:20px}.hp26-upgrade .hp26-up-step h3{font-size:19px;margin:1px 0 10px}.hp26-upgrade .hp26-up-step p{font-size:14px;color:var(--up-muted);margin-bottom:14px}.hp26-upgrade .hp26-up-step a,.hp26-upgrade .hp26-up-before-copy a{color:#e96e00;font-weight:800;font-size:14px}.hp26-upgrade .hp26-up-policy-note{max-width:1050px;margin:20px auto 0;background:#fff;border:1px solid #dce6f4;border-left:4px solid #f68b1e;color:#475e79;padding:16px 21px;border-radius:7px;font-size:13px}.hp26-upgrade .hp26-up-policy-note a{font-weight:800;text-decoration:underline;color:#114d8d}
/* Scope */
.hp26-upgrade .hp26-up-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hp26-upgrade .hp26-up-scope-grid article{border:1px solid var(--up-line);background:#fff;padding:27px;border-radius:13px}.hp26-upgrade .hp26-up-icon-warm{background:#fff1e2;color:#ec7908}.hp26-upgrade .hp26-up-small-note{color:#6b7c93;text-align:center;margin-top:17px;font-size:12px}
/* Preflight */
.hp26-upgrade .hp26-up-before{background:#f3f7fd}.hp26-upgrade .hp26-up-before-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:65px}.hp26-upgrade .hp26-up-before-art{height:340px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 48% 47%,#d7e7fb,transparent 70%);min-width:0}.hp26-upgrade .hp26-up-checklist{background:#fff;border:7px solid #fff;border-radius:15px;width:85%;box-shadow:0 20px 50px #10386221;transform:rotate(-3deg);overflow:hidden}.hp26-upgrade .hp26-up-checklist-top{display:flex;align-items:center;gap:5px;background:#103766;color:white;height:46px;padding:0 15px}.hp26-upgrade .hp26-up-checklist-top i{width:7px;height:7px;border-radius:50%;background:#faa85b}.hp26-upgrade .hp26-up-checklist-top i:nth-child(2){background:#f2d76f}.hp26-upgrade .hp26-up-checklist-top i:nth-child(3){background:#74ddba}.hp26-upgrade .hp26-up-checklist-top span{margin-left:auto;font-size:12px;font-weight:750;letter-spacing:.04em}.hp26-upgrade .hp26-up-checklist-body{padding:17px 20px}.hp26-upgrade .hp26-up-checklist-body>div{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #e9eff8;color:#183d67;font-size:14px;font-weight:800}.hp26-upgrade .hp26-up-checklist-body>div:last-child{border:0}.hp26-upgrade .hp26-up-checklist-body b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#dcf5e9;color:#188e63}.hp26-upgrade .hp26-up-checklist-badge{position:absolute;bottom:5px;right:0;background:#fff;box-shadow:0 11px 28px #14396822;border-radius:7px;padding:13px;color:#138d68;font-size:11px;font-weight:900}.hp26-upgrade .hp26-up-before-copy h2{font-size:clamp(29px,3vw,40px);margin:9px 0 15px}.hp26-upgrade .hp26-up-before-copy p{font-size:15px;color:var(--up-muted);line-height:1.75}.hp26-upgrade .hp26-up-before-copy ul{margin:23px 0 15px;padding:0;list-style:none}.hp26-upgrade .hp26-up-before-copy li{display:flex;gap:11px;align-items:center;margin:9px 0;font-weight:600;font-size:14px}.hp26-upgrade .hp26-up-before-copy li svg{width:19px;height:19px;color:#f48113;min-width:19px}
/* Plans */
.hp26-upgrade .hp26-up-plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1050px;margin:0 auto}.hp26-upgrade .hp26-up-plans-grid article{background:#fff;border:1px solid var(--up-line);border-radius:14px;padding:29px;box-shadow:0 6px 20px #173a610c}.hp26-upgrade .hp26-up-plans-grid article>a{display:inline-flex;margin-top:17px;font-size:14px;color:#e66e00;font-weight:850}.hp26-upgrade .hp26-up-plans-grid article>a span{margin-left:8px}
/* FAQ */
.hp26-upgrade .hp26-up-faq{background:#f3f7fd}.hp26-upgrade .hp26-up-faq-grid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.hp26-upgrade .hp26-up-faq details{background:white;border:1px solid #dce5f1;border-radius:11px;padding:0 20px}.hp26-upgrade .hp26-up-faq summary{cursor:pointer;display:flex;gap:10px;justify-content:space-between;list-style:none;padding:21px 0;font-size:15px;font-weight:800;color:var(--up-ink)}.hp26-upgrade .hp26-up-faq summary::-webkit-details-marker{display:none}.hp26-upgrade .hp26-up-faq summary span{font-size:22px;line-height:20px;color:#ef830b}.hp26-upgrade .hp26-up-faq details[open] summary span{transform:rotate(45deg)}.hp26-upgrade .hp26-up-faq details p{padding-bottom:19px;color:var(--up-muted);font-size:14px;line-height:1.7}
/* CTA & technologies */
.hp26-upgrade .hp26-up-cta{background:linear-gradient(110deg,#081d3e,#102f61);padding:48px 0;color:#fff}.hp26-upgrade .hp26-up-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}.hp26-upgrade .hp26-up-cta-inner>div>span{color:#ffad46}.hp26-upgrade .hp26-up-cta h2{color:#fff;font-size:clamp(25px,2.6vw,35px);margin:8px 0 9px}.hp26-upgrade .hp26-up-cta p{color:#d4e3fa;font-size:14px}.hp26-upgrade .hp26-up-dark-outline{color:#fff;border:1px solid #8ba5c7;background:transparent}.hp26-upgrade .hp26-up-dark-outline:hover{color:#fff;background:#ffffff12}.hp26-upgrade .hp26-up-tech{padding:15px 0;background:#fff}.hp26-upgrade .hp26-tlogos-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;align-items:center}.hp26-upgrade .hp26-tlogos-cell,.hp26-upgrade .hp26-tlogos-link{display:flex;justify-content:center;align-items:center;min-width:0}.hp26-upgrade .hp26-tlogos-img{max-width:155px;width:100%;height:50px;object-fit:contain}.hp26-upgrade .hp26-tlogos-name{font-weight:750;text-align:center}
@media(max-width:1100px){.hp26-upgrade .hp26-up-hero-grid{gap:23px}.hp26-upgrade .hp26-up-art{height:315px}.hp26-upgrade .hp26-up-transfer-board{top:18px;bottom:10px}.hp26-upgrade .hp26-up-board-content{padding-top:24px}.hp26-upgrade .hp26-up-before-grid{gap:25px}}
@media(max-width:900px){.hp26-upgrade .hp26-up-section{padding:58px 0}.hp26-upgrade .hp26-up-hero-grid{grid-template-columns:1fr;padding:53px 0 60px;min-height:auto}.hp26-upgrade .hp26-up-hero-copy{max-width:760px}.hp26-upgrade .hp26-up-hero-art{max-width:630px;margin:0 auto}.hp26-upgrade .hp26-up-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp26-upgrade .hp26-up-before-grid{grid-template-columns:1fr}.hp26-upgrade .hp26-up-before-art{height:310px;max-width:630px;width:100%;margin:0 auto}.hp26-upgrade .hp26-up-cta-inner{grid-template-columns:1fr}.hp26-upgrade .hp26-tlogos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.hp26-upgrade .hp26-up-wrap{width:min(calc(100% - 30px),1360px)}.hp26-upgrade .hp26-up-section{padding:47px 0}.hp26-upgrade .hp26-up-heading{margin-bottom:24px}.hp26-upgrade .hp26-up-heading h2{font-size:27px}.hp26-upgrade .hp26-up-hero-grid{padding:43px 0 47px;gap:21px}.hp26-upgrade .hp26-up-hero h1{font-size:clamp(32px,8.3vw,46px)}.hp26-upgrade .hp26-up-hero-copy>p{font-size:15px;margin:18px 0 20px}.hp26-upgrade .hp26-up-buttons{align-items:stretch}.hp26-upgrade .hp26-up-button{min-height:46px;font-size:13px;padding:11px 16px}.hp26-upgrade .hp26-up-chips{gap:6px 12px;margin-top:20px}.hp26-upgrade .hp26-up-chips span{font-size:11px}.hp26-upgrade .hp26-up-art{height:250px}.hp26-upgrade .hp26-up-orbit-one{width:260px;height:260px;top:-8px;right:9%}.hp26-upgrade .hp26-up-orbit-two{width:190px;height:190px;top:25px;right:17%}.hp26-upgrade .hp26-up-transfer-board{inset:14px 5px 12px 0;transform:rotate(-1deg);border-width:4px}.hp26-upgrade .hp26-up-board-top{height:30px}.hp26-upgrade .hp26-up-board-content{padding:19px 8px 5px}.hp26-upgrade .hp26-up-source-box,.hp26-upgrade .hp26-up-dest-box{height:121px;padding:4px;width:37%;gap:5px}.hp26-upgrade .hp26-up-box-icon,.hp26-upgrade .hp26-up-cloud-mark{width:35px;height:35px}.hp26-upgrade .hp26-up-source-box strong,.hp26-upgrade .hp26-up-dest-box strong{font-size:11px}.hp26-upgrade .hp26-up-source-box>span,.hp26-upgrade .hp26-up-dest-box>span{font-size:9px}.hp26-upgrade .hp26-up-transfer-flow{font-size:24px}.hp26-upgrade .hp26-up-transfer-path small{font-size:7px}.hp26-upgrade .hp26-up-board-progress{padding:7px 12px}.hp26-upgrade .hp26-up-board-progress span{font-size:9px}.hp26-upgrade .hp26-up-floating{font-size:9px;padding:7px 9px}.hp26-upgrade .hp26-up-floating-one{bottom:0;left:0}.hp26-upgrade .hp26-up-floating-two{right:-3px;top:0}.hp26-upgrade .hp26-up-benefits-grid,.hp26-upgrade .hp26-up-scope-grid,.hp26-upgrade .hp26-up-steps-grid,.hp26-upgrade .hp26-up-plans-grid,.hp26-upgrade .hp26-up-faq-grid{grid-template-columns:1fr}.hp26-upgrade .hp26-up-step{padding:19px;gap:13px}.hp26-upgrade .hp26-up-step-num{min-width:40px;width:40px;height:40px;font-size:17px}.hp26-upgrade .hp26-up-benefit,.hp26-upgrade .hp26-up-scope-grid article,.hp26-upgrade .hp26-up-plans-grid article{padding:20px}.hp26-upgrade .hp26-up-before-art{height:270px}.hp26-upgrade .hp26-up-checklist{width:94%}.hp26-upgrade .hp26-up-checklist-badge{right:0;bottom:0}.hp26-upgrade .hp26-up-cta{padding:39px 0}.hp26-upgrade .hp26-up-cta-inner .hp26-up-buttons{width:100%}.hp26-upgrade .hp26-up-cta-inner .hp26-up-button{flex:1}.hp26-upgrade .hp26-tlogos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(prefers-reduced-motion:reduce){.hp26-upgrade .hp26-up-button{transition:none}}



/* HostPlus 2026 – Upgrade, illustrative CMS transformation (not a live status screen). */
.hp26-upgrade .hp26-up-upgrade-board{position:absolute;inset:39px 14px 27px 4px;transform:rotate(-2deg);display:flex;flex-direction:column;background:#fff;border:6px solid white;border-radius:17px;overflow:hidden;box-shadow:0 26px 60px #15396836}
.hp26-upgrade .hp26-up-upgrade-top{min-height:43px;display:flex;align-items:center;gap:16px;background:#f3f7fd;border-bottom:1px solid #e0eaf7;padding:0 18px;color:#6581a5;font-size:11px;font-weight:800;letter-spacing:.035em}
.hp26-upgrade .hp26-up-upgrade-top>strong{margin-left:auto;color:#f58212;font-size:9px}
.hp26-upgrade .hp26-up-dots{display:flex;gap:5px}.hp26-upgrade .hp26-up-dots i{width:7px;height:7px;background:#f8a25b;border-radius:50%}.hp26-upgrade .hp26-up-dots i:nth-child(2){background:#96cee9}.hp26-upgrade .hp26-up-dots i:nth-child(3){background:#94d9b7}
.hp26-upgrade .hp26-up-upgrade-body{display:flex;align-items:center;justify-content:space-evenly;gap:12px;padding:28px 18px;flex:1}
.hp26-upgrade .hp26-up-upgrade-before,.hp26-upgrade .hp26-up-upgrade-after{width:38%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.hp26-upgrade .hp26-up-upgrade-before>span,.hp26-upgrade .hp26-up-upgrade-after>span{font-size:11px;font-weight:850;color:#7187a3}.hp26-upgrade .hp26-up-upgrade-after>span{color:#198a6b}
.hp26-upgrade .hp26-up-window-old,.hp26-upgrade .hp26-up-window-new{width:100%;height:119px;border:1px solid #d7e4f3;border-radius:10px;background:#e8edf4;position:relative;overflow:hidden}
.hp26-upgrade .hp26-up-window-old i:nth-child(1){position:absolute;top:12px;left:10%;width:80%;height:16px;background:#c7d2de;border-radius:3px}.hp26-upgrade .hp26-up-window-old i:nth-child(2){position:absolute;top:40px;left:10%;width:30%;height:65px;background:#ccd6e1;border-radius:3px}.hp26-upgrade .hp26-up-window-old i:nth-child(3){position:absolute;top:40px;left:46%;width:44%;height:27px;background:#d1dae5;border-radius:3px}.hp26-upgrade .hp26-up-window-old i:nth-child(4){position:absolute;top:75px;left:46%;width:44%;height:30px;background:#d1dae5;border-radius:3px}
.hp26-upgrade .hp26-up-window-new{background:#fff}.hp26-upgrade .hp26-up-window-new i:nth-child(1){position:absolute;top:0;left:0;width:100%;height:23px;background:#133966}.hp26-upgrade .hp26-up-window-new i:nth-child(2){position:absolute;top:34px;left:9%;width:82%;height:42px;background:linear-gradient(120deg,#bddefd 45%,#f6a04e 46%);border-radius:7px}.hp26-upgrade .hp26-up-window-new i:nth-child(3){position:absolute;top:84px;left:9%;width:36%;height:23px;background:#d7eafd;border-radius:5px}.hp26-upgrade .hp26-up-window-new i:nth-child(4){position:absolute;top:84px;right:9%;width:36%;height:23px;background:#e4eef9;border-radius:5px}
.hp26-upgrade .hp26-up-upgrade-before>b,.hp26-upgrade .hp26-up-upgrade-after>b{font-size:13px;color:#1b3758}.hp26-upgrade .hp26-up-upgrade-before>small,.hp26-upgrade .hp26-up-upgrade-after>small{font-size:10px;color:#6a7f9c}
.hp26-upgrade .hp26-up-upgrade-arrow{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--up-orange);font-size:40px;font-weight:900}.hp26-upgrade .hp26-up-upgrade-arrow small{font-size:8px;letter-spacing:.05em;color:#7485a2}
.hp26-upgrade .hp26-up-upgrade-foot{padding:10px 17px;display:flex;justify-content:space-between;background:#f5f8ff;color:#687e9d;font-size:10px;font-weight:750}.hp26-upgrade .hp26-up-upgrade-foot b{color:#f58212}
.hp26-upgrade .hp26-up-upgrade-float{z-index:2;position:absolute;border:1px solid #e1e9f3;border-radius:9px;background:#fff;box-shadow:0 12px 31px #18447024;color:#168c70;font-weight:750;font-size:11px;padding:9px 13px}.hp26-upgrade .hp26-up-upgrade-float-left{bottom:7px;left:0}.hp26-upgrade .hp26-up-upgrade-float-right{top:12px;right:0}
.hp26-upgrade .hp26-up-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hp26-upgrade .hp26-up-faq-grid details[open] summary span{transform:rotate(45deg)}
.hp26-upgrade .hp26-up-small-note a{color:#ed7e08;text-decoration:underline}
@media(max-width:640px){.hp26-upgrade .hp26-up-upgrade-board{inset:14px 5px 17px 0;border-width:4px}.hp26-upgrade .hp26-up-upgrade-top{min-height:28px;padding:0 8px;gap:7px;font-size:7px}.hp26-upgrade .hp26-up-upgrade-body{gap:4px;padding:8px 5px}.hp26-upgrade .hp26-up-window-old,.hp26-upgrade .hp26-up-window-new{height:73px}.hp26-upgrade .hp26-up-window-old i:nth-child(1){top:6px;height:9px}.hp26-upgrade .hp26-up-window-old i:nth-child(2){top:22px;height:42px}.hp26-upgrade .hp26-up-window-old i:nth-child(3){top:22px;height:16px}.hp26-upgrade .hp26-up-window-old i:nth-child(4){top:45px;height:18px}.hp26-upgrade .hp26-up-window-new i:nth-child(1){height:13px}.hp26-upgrade .hp26-up-window-new i:nth-child(2){top:20px;height:25px}.hp26-upgrade .hp26-up-window-new i:nth-child(3),.hp26-upgrade .hp26-up-window-new i:nth-child(4){top:52px;height:13px}.hp26-upgrade .hp26-up-upgrade-arrow{font-size:20px}.hp26-upgrade .hp26-up-upgrade-arrow small{font-size:6px}.hp26-upgrade .hp26-up-upgrade-before>b,.hp26-upgrade .hp26-up-upgrade-after>b{font-size:9px}.hp26-upgrade .hp26-up-upgrade-before>small,.hp26-upgrade .hp26-up-upgrade-after>small{font-size:8px}.hp26-upgrade .hp26-up-upgrade-foot{font-size:7px;padding:5px 8px}.hp26-upgrade .hp26-up-upgrade-float{font-size:8px;padding:5px}.hp26-upgrade .hp26-up-steps-grid{grid-template-columns:1fr}}