@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--sh-cyan:#28d8f2;--sh-blue:#1976f3;--sh-dark:#05090d;--sh-panel:#0c141b;--sh-muted:#9eb0bc;--sh-line:#26343d}
.shhp-blank-page{margin:0;background:var(--sh-dark)}
.shhp{box-sizing:border-box;min-height:100vh;background:radial-gradient(circle at 82% 15%,rgba(24,119,243,.13),transparent 30%),var(--sh-dark);color:#fff;padding:32px clamp(20px,5vw,76px) 40px;font-family:Manrope,Arial,sans-serif}
.shhp *{box-sizing:border-box}.shhp [hidden]{display:none!important}.shhp__brand{max-width:1240px;margin:0 auto 58px}.shhp__brand img{display:block;width:210px;height:auto}.shhp__dot{color:var(--sh-cyan)}.shhp__hub{background:linear-gradient(90deg,var(--sh-cyan),var(--sh-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.shhp__intro{max-width:1240px;margin:0 auto 36px}.shhp__eyebrow{color:var(--sh-cyan);font-size:12px;letter-spacing:2px;font-weight:800}.shhp h1{font-size:clamp(38px,5.2vw,72px);line-height:.98;letter-spacing:-3px;margin:14px 0 20px;max-width:850px}.shhp h1 span{color:var(--sh-cyan)}.shhp__intro p{color:var(--sh-muted);max-width:720px;font-size:17px;line-height:1.65;margin:0}
.shhp__card{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);border:1px solid var(--sh-line);background:#081017;box-shadow:0 24px 70px rgba(0,0,0,.28)}.shhp__controls{padding:clamp(26px,4vw,54px)}.shhp__field{margin-bottom:31px}.shhp__label-row{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:13px}.shhp__label-row label{font-size:14px;font-weight:600}.shhp__label-row output{font-size:17px;font-weight:800;color:var(--sh-cyan);white-space:nowrap}
.shhp__step{display:block;color:var(--sh-cyan);font-size:11px;letter-spacing:1.6px;font-weight:800;margin-bottom:14px}.shhp__lead-gate{max-width:1240px;margin:auto;padding:clamp(26px,4vw,54px);border:1px solid var(--sh-line);background:#081017;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}.shhp__lead-gate h2{font-size:clamp(26px,3vw,42px);line-height:1.1;margin:0 0 14px;letter-spacing:-1.5px}.shhp__lead-gate p{color:var(--sh-muted);line-height:1.6}.shhp__lead-gate form{display:grid;gap:16px}.shhp__lead-gate label{display:grid;gap:8px;font-size:13px;font-weight:700}.shhp__lead-gate input{width:100%;border:1px solid #30414c;background:#0d1820;color:#fff;padding:15px 16px;font:inherit;outline:0}.shhp__lead-gate input:focus{border-color:var(--sh-cyan);box-shadow:0 0 0 3px rgba(40,216,242,.1)}.shhp__lead-gate button,.shhp__generate{border:0;background:linear-gradient(90deg,var(--sh-cyan),var(--sh-blue));color:#031016;padding:16px 22px;font:800 14px Manrope,Arial,sans-serif;cursor:pointer}.shhp button:disabled{opacity:.6;cursor:wait}.shhp__form-status{display:block;min-height:18px;color:#ff9f9f;font-size:12px}.shhp__calculator>.shhp__step{max-width:1240px;margin:35px auto 14px}.shhp__generate{width:100%;margin-top:4px;font-size:15px}
.shhp input[type=range]{--progress:0%;width:100%;height:5px;margin:5px 0;appearance:none;background:linear-gradient(90deg,var(--sh-cyan) var(--progress),#27343c var(--progress));border-radius:5px;outline:0}.shhp input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;background:#fff;border:5px solid var(--sh-cyan);box-shadow:0 0 0 4px rgba(40,216,242,.13);cursor:grab}.shhp input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;border:5px solid var(--sh-cyan);box-shadow:0 0 0 4px rgba(40,216,242,.13);cursor:grab}
.shhp__capacity{border-top:1px solid var(--sh-line);padding-top:25px}.shhp__capacity>span,.shhp__result-title{font-size:11px;letter-spacing:1.5px;font-weight:800;color:var(--sh-muted)}.shhp__capacity-grid,.shhp__result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.shhp__capacity-grid div,.shhp__result-grid div{display:flex;flex-direction:column;gap:4px}.shhp__capacity-grid strong,.shhp__result-grid strong{font-size:21px;color:#fff}.shhp small{color:var(--sh-muted);line-height:1.35}
.shhp__result{padding:clamp(30px,4vw,54px);background:linear-gradient(145deg,#eafcff,#dff5ff);color:#07141c}.shhp__result-title{color:#42606e}.shhp__money{display:block;font-size:clamp(48px,6vw,78px);line-height:1;color:#087d9a;letter-spacing:-4px;margin:16px 0 20px}.shhp__result>p{font-size:16px;line-height:1.65;color:#365461}.shhp__result-grid{padding:25px 0;border-top:1px solid #bad4dc;border-bottom:1px solid #bad4dc;margin:30px 0}.shhp__result-grid strong{color:#07141c}.shhp__result-grid div+div{border-left:1px solid #bad4dc;padding-left:20px}.shhp__result-grid small{color:#58717b}.shhp__insight{padding:20px;border:1px solid #b6d4dd;background:rgba(255,255,255,.38);display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5}.shhp__insight b{color:#087d9a}.shhp__button{display:block;margin-top:20px;background:#07141c;color:#fff!important;text-align:center;text-decoration:none;padding:16px 22px;font-weight:800;transition:.2s}.shhp__button:hover{background:#087d9a}.shhp__note{max-width:1240px;margin:15px auto 0;color:#687b86;font-size:11px}
.shhp__result--locked{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#101c24,#0b151c);color:#fff}.shhp__locked{text-align:center;max-width:330px}.shhp__locked span{color:var(--sh-cyan);font-size:11px;letter-spacing:1.5px;font-weight:800}.shhp__locked strong{display:block;font-size:31px;margin:14px 0 10px}.shhp__locked p{color:var(--sh-muted);line-height:1.6}.shhp__result-grid--capacity{margin-top:-10px;border-top:0;padding-top:0}
@media(max-width:820px){.shhp{padding:24px 16px 30px}.shhp__brand{margin-bottom:42px}.shhp h1{letter-spacing:-2px}.shhp__card,.shhp__lead-gate{grid-template-columns:1fr}.shhp__result{min-width:0;min-height:350px}.shhp__intro p{font-size:15px}}
@media(max-width:430px){.shhp__capacity-grid,.shhp__result-grid{grid-template-columns:1fr}.shhp__result-grid div+div{border-left:0;border-top:1px solid #bad4dc;padding:18px 0 0}.shhp__label-row label{font-size:13px}.shhp__money{letter-spacing:-2px}}