/* HUBPILE PHASE IV · premium shared creator growth UI */
:root{--hp4-navy:#0b142d;--hp4-blue:#1688f7;--hp4-border:#e3eaf5;--hp4-ink:#152238;--hp4-muted:#697994;--hp4-accent:#1688f7}
.hp4-hero{background:linear-gradient(114deg,#0b142d 10%,#123c79 73%,#1767c5 110%);border-radius:23px;padding:30px 34px;color:white;margin:0 0 18px;display:flex;justify-content:space-between;gap:20px;align-items:center;overflow:hidden}.hp4-hero h2{margin:10px 0;font-size:clamp(27px,3vw,40px);max-width:690px;letter-spacing:-.05em;line-height:1.12;color:white}.hp4-hero p{max-width:650px;margin:0;color:#d8e6fd;line-height:1.65}.hp4-kicker{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#1688f7}.hp4-hero .hp4-kicker{color:#89c6ff}.hp4-hero-accent{font-size:12px;font-weight:900;letter-spacing:.2em;border:1px solid #ffffff32;border-radius:22px;flex:0 0 175px;padding:24px;color:#9ed1ff;text-align:center;transform:rotate(4deg)}.hp4-hero-accent strong{font-size:63px;line-height:1.1;color:white;letter-spacing:-.06em}
.hp4-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.hp4-tabs a{border:1px solid #dbe7f5;background:#fff;border-radius:999px;padding:10px 15px;text-decoration:none!important;font-weight:800;color:#38526e;font-size:12px}.hp4-tabs a.active,.hp4-tabs a:hover{color:#fff;background:#147def;border-color:#147def;box-shadow:0 6px 19px #1c82e933}.hp4-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0}.hp4-kpi,.hp4-panel{border:1px solid var(--hp4-border);background:#fff;border-radius:18px;box-shadow:0 8px 27px #0a254608}.hp4-kpi{padding:21px;display:flex;flex-direction:column;gap:7px;min-width:0}.hp4-kpi small{color:var(--hp4-muted);font-size:12px;font-weight:800}.hp4-kpi strong{color:#0d2c5a;letter-spacing:-.05em;font-size:clamp(23px,3vw,34px);overflow-wrap:anywhere}.hp4-kpi span{color:var(--hp4-muted);font-size:11px}.hp4-grid{display:grid;gap:15px;margin:16px 0}.hp4-two{grid-template-columns:repeat(2,minmax(0,1fr))}.hp4-panel{padding:24px;min-width:0}.hp4-panel h3{color:var(--hp4-ink);margin:0 0 12px;font-size:22px;letter-spacing:-.03em}.hp4-panel p{color:var(--hp4-muted);line-height:1.55}.hp4-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hp4-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;background:var(--hp4-blue);border:1px solid var(--hp4-blue);border-radius:10px;color:#fff!important;font-weight:800;font-size:12px;text-decoration:none!important;cursor:pointer;line-height:1.2}.hp4-btn.secondary{background:#eef6ff;border-color:#d6e8ff;color:#1264b7!important}.hp4-btn.small{font-size:11px;padding:9px 12px}.hp4-btn:focus-visible,.hp4-tabs a:focus-visible{outline:3px solid #94ccff;outline-offset:2px}.hp4-metricrow{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf1f8;color:#35415a}.hp4-metricrow strong{color:#1578df}.hp4-metricrow:last-of-type{border:0}.hp4-alert{border:1px solid #efbe8a;background:#fff8ed;color:#835317;padding:15px 19px;border-radius:14px;font-size:13px;margin:10px 0}.hp4-alert.good{background:#effaf5;border-color:#b9e8cb;color:#0a6a47}.hp4-form{display:grid;gap:13px}.hp4-form label{display:flex;flex-direction:column;gap:6px;font-weight:750;font-size:12px;color:#263b58;min-width:0}.hp4-form input:not([type=checkbox]),.hp4-form select,.hp4-form textarea{border:1px solid #cad8ea;border-radius:10px;min-width:0;width:100%;padding:12px;color:#172a41;background:#fff;font:inherit;font-size:13px;box-sizing:border-box}.hp4-form textarea{resize:vertical;line-height:1.55}.hp4-form input:focus,.hp4-form textarea:focus,.hp4-form select:focus{outline:3px solid #cae7ff;border-color:#1688f7}.hp4-form .hp4-inlinecheck{display:flex;flex-direction:row;align-items:flex-start;line-height:1.55;gap:9px;font-size:12px;font-weight:600}.hp4-form .hp4-inlinecheck input{margin-top:4px}.hp4-flex{display:grid;grid-template-columns:1fr 1fr;gap:13px}.hp4-table-wrap{width:100%;overflow:auto}.hp4-table{border-collapse:collapse;width:100%;min-width:510px;font-size:13px}.hp4-table th{background:#f3f7fc;color:#64758d;padding:12px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.hp4-table td{border-bottom:1px solid #edf2f8;padding:14px 12px;vertical-align:top;color:#32415a}.hp4-table strong{color:#162e53}.hp4-table small{color:#71809a;display:block;margin-top:5px}.hp4-table a,.hp4-record a{color:#106bd4;font-weight:850}.hp4-empty{text-align:center;border:1px dashed #bcd0e7;border-radius:15px;background:#f7fbff;color:#62748b;padding:35px 18px}.hp4-record{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid #e6edf7;border-radius:13px;padding:13px;margin:11px 0;flex-wrap:wrap}.hp4-record strong,.hp4-record small,.hp4-record code,.hp4-record a{display:block;margin:3px 0}.hp4-record strong{color:#112d55}.hp4-record small{font-size:11px;color:#71819b}.hp4-record code{background:#f3f8ff;border-radius:5px;padding:6px;overflow-wrap:anywhere;font-size:11px}.hp4-record form{display:flex;gap:6px;align-items:center}.hp4-record select{font-size:12px;border:1px solid #c8d9f0;border-radius:8px;padding:9px}.hp4-note{margin:15px 0;background:#f3f8ff;border:1px solid #dce9fa;border-radius:13px;padding:17px;color:#39516f;font-size:13px}.hp4-note p{margin-bottom:0}.hp4-small{font-size:12px}
/* Public pages */
.hp4-public{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#0c1b33;background:#fff}.hp4-public *{box-sizing:border-box}.hp4-public-wrap{max-width:1140px;margin:0 auto;padding:0 24px}.hp4-public-header{border-bottom:1px solid #e9edf4;background:#fff}.hp4-public-header .hp4-public-wrap{display:flex;align-items:center;justify-content:space-between;min-height:77px;gap:12px}.hp4-logo{font-weight:900;color:#0a2751;text-decoration:none;font-size:22px;display:flex;align-items:center;gap:8px}.hp4-logo span{background:var(--hp4-accent);color:#fff;padding:8px 12px;border-radius:9px;font-size:18px}.hp4-public-header a:not(.hp4-logo){font-size:13px;font-weight:700;color:#27466d;text-decoration:none;margin-left:18px}.hp4-public-hero{padding:90px 0;background:linear-gradient(115deg,#fbfdff,#e6f2ff)}.hp4-public-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:65px}.hp4-public-hero h1{font-size:clamp(37px,5vw,68px);line-height:1.03;letter-spacing:-.06em;margin:17px 0 22px;color:#0b1730}.hp4-public-hero p{font-size:18px;color:#526986;line-height:1.7;max-width:640px}.hp4-public-button{display:inline-block;background:var(--hp4-accent);border:0;border-radius:10px;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:850;padding:15px 22px;cursor:pointer;margin-top:20px}.hp4-public-feature{background:linear-gradient(135deg,#0a162d,#113b74 68%,#1b7be3);min-height:340px;border-radius:28px;padding:24px;box-shadow:0 22px 50px #123c7933;color:#fff}.hp4-public-feature>span{color:#9acfff;font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:11px}.hp4-feature-abstract{background:#fffffff2;color:#0b284a;border-radius:19px;padding:35px 30px;margin:24px 0 0;min-height:230px}.hp4-feature-abstract b{font-size:24px}.hp4-feature-abstract p{font-size:14px}.hp4-feature-bars{display:grid;gap:12px;margin-top:20px}.hp4-feature-bars em{height:9px;background:#dceafa;border-radius:5px;display:block}.hp4-feature-bars em:nth-child(2){width:70%}.hp4-feature-bars em:nth-child(3){width:45%}.hp4-public-lower{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:70px;padding-bottom:80px}.hp4-public-lower h2{font-size:34px;letter-spacing:-.04em}.hp4-public-lower p{line-height:1.7;color:#526783}.hp4-public-signup{background:#f5f9ff;border:1px solid #e1ebf7;border-radius:20px;padding:28px}.hp4-public-signup form{display:grid;gap:12px}.hp4-public-signup form label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#253d58}.hp4-public-signup input:not([type=checkbox]){width:100%;border-radius:9px;border:1px solid #c8d9ed;padding:13px;font:inherit}.hp4-consent{display:flex!important;grid-template-columns:auto 1fr;flex-direction:row;align-items:flex-start;gap:10px!important;line-height:1.5}.hp4-consent input{margin:5px 0 0}.hp4-honeypot{position:absolute;left:-10000px}.hp4-public-message{border:1px solid #c9e3da;border-radius:10px;background:#f0f9f6;padding:12px}.hp4-public-footer{padding:28px;text-align:center;background:#0b142d;color:#aabed5;font-size:12px}.hp4-public-footer a{color:#aad2ff}
@media(max-width:1000px){.hp4-kpis{grid-template-columns:repeat(2,1fr)}.hp4-two{grid-template-columns:1fr}.hp4-public-grid{gap:25px}}@media(max-width:700px){.hp4-hero{padding:24px}.hp4-hero-accent{display:none}.hp4-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.hp4-tabs a{flex:none}.hp4-kpis{grid-template-columns:1fr 1fr;gap:9px}.hp4-kpi{padding:15px}.hp4-panel{padding:17px}.hp4-flex{grid-template-columns:1fr}.hp4-public-grid,.hp4-public-lower{grid-template-columns:1fr}.hp4-public-hero{padding:55px 0}.hp4-public-feature{min-height:280px}.hp4-public-hero p{font-size:16px}.hp4-public-wrap{padding-left:20px;padding-right:20px}}