/* JP Hosting character edition — override the shared layout, preserve scroll logic. */
:root{--ink:#142b51;--paper:#f8faff;--muted:#536581;--line:#d4dfee;--lime:#d8e8ff;--dark:#10294e}
em{color:#2463df}.header{background:#fff;color:var(--ink);border-color:var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap}.brand-cat{object-fit:cover;border-radius:50%;border:1px solid #dbe5f8}.brand span{display:none}.header nav{color:#405778}.nav-cta{color:#1555d5;border-color:#1555d5}.hero{background:#deefff;color:var(--ink)}.hero-image{width:100%;opacity:1;object-position:center}.hero-shade{background:linear-gradient(90deg,#e4f3fff5 0%,#e4f3ffe6 25%,#e4f3ff80 43%,transparent 60%)}.hero-copy{max-width:70%;padding-top:clamp(100px,17vh,180px)}.hero h1{font-size:clamp(48px,5vw,78px);font-weight:600;line-height:1.23}.hero h1 em{color:#1859d3}.hero .eyebrow{font-size:10px;letter-spacing:.1em}.hero-description{color:#365071}.dot{background:#1763ef}.button{border-radius:12px}.button.accent{background:#1559e8;border-color:#1559e8;color:#fff;box-shadow:0 8px 22px #1559e81a}.button.accent:hover{background:#0943bd}.hero-bottom{color:#28476d;border-color:#6989ad55;text-shadow:0 1px 4px white}.hero-bottom span:last-child{background:#eaf4ffdf;padding:5px 9px;border-radius:5px}.server-intro,.journey{background:#eaf1ff}.plan-art{padding:0;background:#dce9ff;border-radius:22px;border:1px solid #cedcf3}.plan-mascot{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.technical{background:#fffef2ee;padding:8px 12px;border-radius:30px;top:18px;left:18px;color:#193e75}.art-note{left:12px;right:12px;bottom:12px;padding:7px 10px;border-radius:7px;background:#ffffffe8;color:#253f63;font-size:9px}.big-num{display:none}.journey-top{border-color:#c1d2f0}.plan-info .price{color:#164eb6}.price small{color:#536581}.model{border-color:#c1d2f0}.plan-dots button{color:#546789}.plan-dots button[aria-current=true]{color:#1559e8}.progress{background:#c7d7ef}.progress i{background:#1559e8}.cloud-card{background:white;border-radius:18px}.cloud-card.gpu{background:#163b76;border-color:#163b76}.gpu p,.gpu dt{color:#d3e2fa}.services{background:#10294e}.services em{color:#88baff}.services p{color:#becfeb}.service-no{color:#8caedc}.traffic a{border-radius:14px}.traffic span{color:#a9c5ed}.mascot-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#fff}.mascot-story img{display:block;width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:28px}.mascot-story h2{font-size:clamp(32px,3.4vw,54px)}.mascot-story p{line-height:1.9}.closing{background:#e7f0ff;min-height:520px;padding-bottom:100px}.closing-cat{position:absolute;right:var(--pad);top:40px;width:36%;height:calc(100% - 80px);object-fit:cover;border-radius:28px}.closing h2,.closing>.eyebrow{max-width:56%;position:relative}.closing-word{display:none}footer{background:#10294e}footer p,footer>div{color:#b8cdeb}footer>div{flex-wrap:wrap}.detail .detail-cta,.contact aside{background:#e8f0ff;border-radius:20px}.support-cat{width:140px;height:140px;object-fit:cover;border-radius:20px;margin-bottom:20px}.detail-cta .support-cat{float:right;margin-left:25px}.contact input,.contact select,.contact textarea{background:white;border-color:#c2d4f0;border-radius:8px}.contact hr{border-color:#c2d4f0}.note{color:#536581}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#1559e8}.steps span,summary:after{color:#3567ac}
@media(max-width:999px){.hero{height:auto;min-height:900px}.hero-copy{max-width:none;padding-top:65px;padding-bottom:440px}.hero h1{font-size:clamp(42px,7vw,66px)}.hero-image{top:auto;bottom:35px;height:460px;object-fit:cover;object-position:70% center}.hero-shade{background:linear-gradient(180deg,#e4f3ff 0%,#e4f3ff 39%,transparent 64%)}.hero-bottom{bottom:14px;align-items:center;flex-wrap:wrap;font-size:8px}.hero-bottom span:first-child{display:none}.plan-art{min-height:390px}.mascot-story{gap:35px}.closing-cat{width:33%;height:320px;top:70px}.closing h2{font-size:42px}}
@media(max-width:650px){.header{height:76px}.brand{font-size:16px;gap:5px}.brand-cat{width:35px;height:35px}.hero{min-height:840px}.hero-copy{padding-top:45px;padding-bottom:410px}.hero h1{font-size:42px;letter-spacing:-.065em}.hero .eyebrow{font-size:8px;letter-spacing:.04em}.hero-description{font-size:14px}.hero-image{height:390px;bottom:45px;object-position:72% center}.hero-shade{background:linear-gradient(180deg,#e4f3ff 0%,#e4f3ff 44%,transparent 63%)}.hero-bottom{font-size:7px;letter-spacing:0;gap:5px}.hero-bottom span:last-child{padding:4px}.plan-art{min-height:330px}.mascot-story{grid-template-columns:1fr}.mascot-story img{max-height:370px}.mascot-story h2{font-size:36px}.closing{padding-bottom:330px}.closing h2,.closing>.eyebrow{max-width:100%}.closing-cat{width:calc(100% - 48px);height:270px;top:auto;bottom:30px;right:24px;object-position:center 55%}.detail-cta .support-cat{float:none;margin-left:0}}