/* HPV26.8: compressed premium style, top-ten, paid sponsorship flow. */
.hpc-app .hpt24-home .hpt24-hero {min-height:258px;border-radius:12px;background:linear-gradient(113deg,#10387b 0%,#095dcf 43%,#255fec 78%,#6653e9 100%);box-shadow:0 9px 24px rgba(12,63,154,.12)}
.hpc-app .hpt24-hero-content {max-width:65%;padding:29px 0 28px clamp(23px,3.25vw,46px)}
.hpc-app .hpt24-hero h1 {font-size:clamp(25px,2.8vw,37px);font-weight:680;line-height:1.22;letter-spacing:-1.15px;margin-bottom:11px}
.hpc-app .hpt24-hero-content>p{font-size:12px;line-height:1.6;max-width:500px;color:#e7f2ff;font-weight:400}
.hpc-app .hpt24-hero-art{right:0;bottom:-15px;width:42%;max-width:42%;height:265px;filter:drop-shadow(0 10px 21px rgba(6,24,78,.14))}
.hpc-app .hpt24-kicker{font-size:10px;font-weight:500;color:#dbe9ff;letter-spacing:.01em;margin-bottom:9px}
.hpt28-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:19px}
.hpt28-hero-actions a{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:9px 15px;border-radius:8px;text-decoration:none;font-size:11px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s}
.hpt28-hero-primary{background:#fff;border:1px solid #fff;color:#114fba!important;box-shadow:0 3px 12px #102d7930}
.hpt28-hero-primary:hover{background:#eff5ff}
.hpt28-hero-secondary{background:#ffffff0c;border:1px solid #ffffff65;color:#fff!important}
.hpt28-hero-secondary:hover{background:#ffffff25}
.hpt28-hero-highlights{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:17px;color:#d9e8fd;font-size:10px;font-weight:450}
.hpt28-hero-highlights span,.hpt28-hero-highlights a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}
.hpt28-hero-highlights i{font-size:11px;color:#b4e0ff}
.hpt28-hero-highlights a:hover{text-decoration:underline}
/* All card review scores come from approved, non-demo comments. Zero-review placeholders are absent. */
.hpt28-rating{display:inline-flex;align-items:center;gap:5px;line-height:1.1;font-size:11px;font-weight:500;color:#435b7b;white-space:nowrap}
.hpt28-rating i{font-size:10px;color:#eba72a!important}.hpt28-rating b{font-size:11px;font-weight:700;color:#1d4168}.hpt28-rating small{font-size:9px;font-weight:450;color:#69819d}
.hpc-app .hpt264-offer .hpt28-name-and-rating{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}
.hpc-app .hpt264-offer .hpt28-name-and-rating .hpt264-name{flex:initial!important;width:100%}
.hpc-app .hpt264-offer .hpt28-rating{white-space:nowrap;max-width:100%;font-size:10px}
.hpc-app .hpt264-offer .hpt28-rating small{font-size:9px}
.hpt20-company-metrics .hpt28-rating small{font-size:9px}
.hpt20-company-metrics .hpt28-rating i{font-size:11px}
.hpt20-company-card .hpt20-company-metrics>span:has(.hpt28-rating){min-width:0;flex:1}
.hpc-provider .hpt28-rating{margin-left:7px}
/* Hosting-only Hype ranking, never paid positioning. */
.hpt28-top-ten{margin:15px 0 21px;padding:19px clamp(14px,2.3vw,25px) 23px;border:1px solid #dce7f5;border-radius:12px;background:linear-gradient(165deg,#f8fbff,#fff 44%);box-shadow:0 6px 17px rgba(18,66,115,.045)}
.hpt28-top-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}
.hpt28-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#156fd5;font-size:9px;font-weight:700;letter-spacing:.1em}
.hpt28-top-head h2{margin:3px 0 3px;font-size:21px;line-height:1.25;letter-spacing:-.4px;font-weight:650;color:#17345d}
.hpt28-top-head p{margin:0;font-size:10px;color:#617897;line-height:1.6}
.hpt28-period{display:flex;align-items:center;gap:9px;flex:none;padding:9px 12px;border:1px solid #d9e7f7;border-radius:9px;background:#fff;font-size:11px;font-weight:600;color:#2d537b}
.hpt28-period>i{color:#146dd5}.hpt28-period small{display:block;color:#7890ab;font-size:9px;font-weight:400;margin-top:3px}
.hpt28-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 11px}
.hpt28-top-item{display:flex;align-items:center;gap:11px;min-width:0;min-height:76px;border:1px solid #e1eaf5;background:#fff;border-radius:9px;text-decoration:none;padding:9px 12px;color:#1c3457;transition:border-color .16s,transform .16s,box-shadow .16s}
.hpt28-top-item:hover{border-color:#89b7ee;transform:translateY(-1px);box-shadow:0 5px 15px #2755a014}
.hpt28-rank{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:#f0f5fc;color:#4e729d;font-size:12px;font-weight:650}
.hpt28-rank-leading{background:#e3f0ff;color:#075fc4;font-weight:750}
.hpt28-top-logo{display:flex;align-items:center;justify-content:center;flex:none;width:58px;height:41px;padding:2px;overflow:hidden}
.hpt28-top-logo img{display:block;max-width:100%!important;max-height:37px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.hpt28-top-name{display:flex;flex-direction:column;min-width:0;flex:1;gap:3px}
.hpt28-top-name>strong{font-size:12px;font-weight:630;color:#1b3a63;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpt28-top-name>small{font-size:9px;color:#7187a2}
.hpt28-top-name .hpt28-rating{gap:3px}.hpt28-top-name .hpt28-rating small{font-size:9px}
.hpt28-top-score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding-left:10px;flex:none;border-left:1px solid #e7eef8;min-width:51px;color:#116aca}
.hpt28-top-score i{font-size:10px}.hpt28-top-score b{font-size:17px;font-weight:730;line-height:1.15}.hpt28-top-score small{font-size:9px;color:#7a91ad}
.hpt28-empty{color:#647a98;font-size:12px}
/* Domain price band: softer typography and legible mobile layout. */
.hpc-app .hpt260-offer-tld,.hpc-app .hpt253-panel .hpt-domain-copy strong {font-weight:550!important;letter-spacing:-.15px!important}
.hpc-app .hpt260-offer-price,.hpc-app .hpt260-offer-price .hpc-convert-price,
.hpc-app .hpt253-panel .hpt-domain-price,
.hpc-app .hpt253-panel .hpt-domain-price .hpc-convert-price {font-weight:620!important;letter-spacing:-.15px!important}
.hpc-app .hpt260-offer-price .hpc-convert-price strong,
.hpc-app .hpt253-panel .hpt-domain-price strong {font-weight:620!important}
.hpc-app .hpt260-offer-ribbon{font-weight:580!important}
.hpc-app .hpt260-offer .hpt24-price-condition,.hpc-app .hpt260-offer .hpt260-offer-note {font-weight:500!important}
.hpc-app .hpt260-title-copy h2{font-weight:620!important}
.hpc-app .hpt260-tab{font-weight:540!important}
.hpc-app .hpt260-offer{height:76px;border-radius:8px}
/* Order and invoice pages are simple and commerce-gateway neutral. */
.hpt28-sponsor-checkout .hpc-app .woocommerce,
.hpt28-sponsor-checkout .woocommerce{max-width:1120px;margin:0 auto 24px;font-family:Poppins,Arial,sans-serif}
.hpt28-payment-intro{margin:10px 0 20px;padding:20px 24px;border:1px solid #dce8f8;border-radius:10px;background:linear-gradient(110deg,#f5f9ff,#eaf3ff)}
.hpt28-payment-intro>span{color:#2368c4;font-size:10px;font-weight:650;letter-spacing:.08em}
.hpt28-payment-intro h1{margin:4px 0 8px;color:#153766;font-size:24px;font-weight:650}
.hpt28-payment-intro p{margin:0;color:#577392;font-size:12px;font-weight:450}
.hpt28-payment-intro p i{font-size:9px;margin:0 9px;color:#7e9abc}
.hpt28-payment-intro p b{color:#0e67cc;font-weight:650}
.hpt28-payment-intro>small{display:block;margin-top:8px;font-size:10px;color:#71849c}
.hpt28-sponsor-checkout .woocommerce table.shop_table{border:1px solid #dee8f6;border-radius:10px;background:#fff}
.hpt28-sponsor-checkout .woocommerce table.shop_table th{font-weight:600;color:#344c69}
.hpt28-sponsor-checkout .woocommerce .button,.hpt28-sponsor-checkout .woocommerce button.button.alt{border-radius:8px;font-family:inherit;font-weight:600}
.hpt28-sponsor-checkout .woocommerce .woocommerce-checkout #payment{border:1px solid #dae7f6;border-radius:10px;background:#f7faff}
.hpt28-sponsor-checkout .woocommerce .form-row input.input-text,.hpt28-sponsor-checkout .woocommerce .form-row select{border:1px solid #cfdff1;border-radius:7px;padding:11px;min-height:41px}
.hpt28-cart-company{display:block;margin-top:4px;color:#7187a3;font-size:10px}
.hpt28-invoice-list{display:grid;gap:8px;margin-top:18px}
.hpt28-invoice-list article{display:flex;align-items:center;gap:15px;justify-content:space-between;border:1px solid #e1ebf7;border-radius:9px;padding:13px 15px;background:#fafdff}
.hpt28-invoice-list article>div{display:flex;flex-direction:column;gap:5px}
.hpt28-invoice-list article>div strong{font-size:12px;color:#27486d}.hpt28-invoice-list article small{color:#7a90a5;font-size:11px}
.hpt28-invoice-list article>span{color:#1260c2;font-weight:650;font-size:13px}
@media(max-width:970px){.hpc-app .hpt24-hero-content{max-width:69%}.hpc-app .hpt24-hero-art{max-width:39%}.hpt28-top-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:720px){.hpt28-top-grid{grid-template-columns:1fr}.hpt28-top-ten{margin:12px 0 15px}.hpt28-period{font-size:10px}.hpc-app .hpt24-home .hpt24-hero{min-height:265px}.hpc-app .hpt24-hero-content{max-width:100%;padding:23px 17px 90px}.hpc-app .hpt24-hero h1{max-width:95%;font-size:clamp(23px,6vw,30px);letter-spacing:-.65px}.hpc-app .hpt24-hero-content>p{max-width:95%;font-size:11px}.hpc-app .hpt24-hero-art{width:140px;max-width:40%;height:115px;bottom:-13px;right:-7px;opacity:.86}.hpt28-hero-actions{gap:7px;margin-top:13px}.hpt28-hero-actions a{font-size:10px;padding:8px 10px;min-height:35px}.hpt28-hero-highlights{margin-top:13px;font-size:9px;max-width:70%;gap:8px 12px}.hpt28-invoice-list article{align-items:flex-start;flex-wrap:wrap}.hpt28-invoice-list article a{margin-left:auto}}
@media(max-width:450px){.hpt28-top-item{padding:8px;gap:8px}.hpt28-top-logo{width:42px}.hpt28-top-name>strong{font-size:11px}.hpt28-top-name .hpt28-rating small{font-size:8px}.hpc-app .hpt24-hero-content{padding-bottom:96px}.hpt28-hero-actions a{font-size:9px}.hpt28-hero-highlights{max-width:72%}}