.hp-demo-toolbar{position:sticky;top:0;z-index:110;background:#fffdf7f5;backdrop-filter:blur(14px);border-bottom:1px solid #cfded6;box-shadow:0 6px 24px #102d430a;color:#102d43;font-family:Inter,Arial,sans-serif}
.hp-demo-toolbar-inner{max-width:1280px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.hp-demo-toolbar-brand{display:flex;align-items:center;gap:18px;min-width:220px}.hp-demo-toolbar-brand img{width:150px;height:auto;display:block}.hp-demo-back{font-size:13px;font-weight:750;color:#244d44;text-decoration:none;white-space:nowrap}.hp-demo-back:hover{text-decoration:underline}
.hp-demo-modes{display:flex;gap:4px;background:#eaf1ed;padding:5px;border:1px solid #d6e2dc;border-radius:14px}.hp-demo-modes a{padding:9px 15px;border-radius:10px;color:#45655d;font-size:13px;font-weight:750;white-space:nowrap;text-decoration:none;transition:background .15s,color .15s}.hp-demo-modes a:hover{background:#ffffffa6}.hp-demo-modes a.active{background:#102d43;color:#fff;box-shadow:0 3px 8px #102d4320}
.hp-demo-readonly{max-width:1280px;margin:auto;padding:0 28px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#617a71}.hp-demo-readonly b{font-size:10px;letter-spacing:.08em;color:#24765f;border:1px solid #aed9ca;background:#e7f6ef;padding:5px 8px;border-radius:6px;white-space:nowrap}.hp-demo-readonly span{flex:1;line-height:1.5}.hp-demo-reset{border:0;background:none;color:#24765f;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.hp-demo-context{width:100%;display:none}
.hp-demo-page .site-footer{display:none}.hp-demo-page .pro-dashboard-shell{padding-top:38px}.hp-demo-page .pro-dashboard-actions [data-logout]{display:none}.hp-demo-page [data-dashboard-sign-out],.hp-demo-page [data-dashboard-sign-out-all]{opacity:.55}
.hp-demo-footer{max-width:1280px;margin:24px auto;padding:20px 28px;color:#6c817a;font-size:12px;line-height:1.7;border-top:1px solid #d8e5df}.hp-demo-footer a{color:#24765f}.hp-demo-footer strong{color:#385b50}
.hp-demo-notice{border:1px solid #d3e2db;border-radius:24px;box-shadow:0 26px 90px #102d4340;padding:32px;max-width:460px;width:calc(100% - 32px);color:#102d43;background:#fffdf8}.hp-demo-notice::backdrop{background:#102d4366;backdrop-filter:blur(3px)}.hp-demo-notice-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e4f4ed;color:#247d68;font-size:25px;margin-bottom:20px}.hp-demo-notice .eyebrow{font-size:10px;letter-spacing:.13em;color:#24765f}.hp-demo-notice h2{font-size:25px;line-height:1.25;margin:10px 0 12px}.hp-demo-notice p{font-size:14px;color:#607970;line-height:1.75;margin:0 0 24px}.hp-demo-notice .button{width:100%;justify-content:center}
.hp-demo-entry{padding:62px 0;background:linear-gradient(135deg,#f6faf6,#edf5f2 65%,#f9f2e4);border-block:1px solid #dce7df}.hp-demo-entry-heading{max-width:680px;margin-bottom:26px}.hp-demo-entry-heading .eyebrow{color:#24765f;font-size:11px;letter-spacing:.12em}.hp-demo-entry-heading h2{font-size:clamp(28px,3vw,39px);line-height:1.15;color:#102d43;margin:10px 0 14px;letter-spacing:-.035em}.hp-demo-entry-heading p{color:#5c746b;font-size:16px;line-height:1.7}.hp-demo-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.hp-demo-entry-card{background:#fffdf9;border:1px solid #d7e4dc;padding:28px;border-radius:22px;box-shadow:0 12px 34px #102d4307;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.hp-demo-entry-card:after{content:'';position:absolute;width:170px;height:170px;background:radial-gradient(circle,#c4e4d938,transparent 70%);right:-70px;top:-60px;pointer-events:none}.hp-demo-entry-card h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;color:#102d43;margin:17px 0 12px}.hp-demo-entry-card p{color:#61796f;font-size:14px;line-height:1.75;margin:0 0 22px}.hp-demo-entry-card .button{margin-top:auto}.hp-demo-entry-label{color:#24765f;font-size:10px;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.hp-demo-entry-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.hp-demo-entry-tags span{font-size:11px;padding:5px 9px;background:#edf5f0;color:#4b7062;border-radius:7px}.hp-demo-entry-note{font-size:12px!important;margin:18px 0 0!important;color:#6b8177!important}.aff-resources-panel .hp-demo-entry{padding:28px;border:1px solid #d8e7dd;border-radius:22px;margin:0 0 26px}.aff-resources-panel .hp-demo-entry .container{padding:0;width:100%;max-width:none}.aff-resources-panel .hp-demo-entry-heading h2{font-size:28px}.aff-resources-panel .hp-demo-entry-heading p{font-size:14px}.aff-resources-panel .hp-demo-entry-card{padding:22px}.aff-resources-panel .hp-demo-entry-card h3{font-size:21px}
/* Authenticated account link: a distinct card with an explicit session label. */
.site-header-v3 .nav-menu-link[data-professional-nav-link].is-signed-in{background:linear-gradient(120deg,#12364a,#174e40)!important;color:#fff!important;border:1px solid #164d41!important;box-shadow:0 5px 14px #102d4314!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;position:relative}
.site-header-v3 .nav-menu-link[data-professional-nav-link].is-signed-in strong{color:#fff!important}.site-header-v3 .nav-menu-link[data-professional-nav-link].is-signed-in small{color:#c6dfd5!important;grid-column:1/-1}.pro-nav-session-badge{font-size:10px;font-weight:750;color:#b7ecd6!important;background:#ffffff12;border:1px solid #a4d6c638;border-radius:6px;white-space:nowrap;padding:4px 7px}.site-header-v3 .nav-menu-link[data-professional-nav-link].is-signed-in:hover{background:linear-gradient(120deg,#17465b,#1a5a47)!important}.site-header-v3 .nav-professionals.is-pro-signed-in>summary::before{content:'';display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#247d68;box-shadow:0 0 0 3px #247d6815;margin-right:7px}
.hp-demo-entry .hp-demo-entry-heading .eyebrow{display:block;color:#24765f!important;letter-spacing:.12em;font-size:11px}.hp-demo-entry .hp-demo-entry-card a.button{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:9px;border:1px solid #102d43;background:#102d43;color:#fff;font-family:inherit;font-weight:800;font-size:14px;line-height:1.4;text-decoration:none}.hp-demo-entry .hp-demo-entry-card a.button.secondary{background:#fffdf9;color:#102d43}.hp-demo-entry .hp-demo-entry-card a.button:hover{box-shadow:0 6px 18px #102d4319}.hp-demo-entry .hp-demo-entry-card a.button:focus-visible{outline:3px solid #64cbb1;outline-offset:4px}
@media(max-width:760px){.hp-demo-toolbar-inner{padding:12px 16px;gap:12px}.hp-demo-toolbar-brand{gap:12px;min-width:0}.hp-demo-toolbar-brand img{width:125px}.hp-demo-modes{width:100%;order:3}.hp-demo-modes a{flex:1;text-align:center;padding:9px 5px;font-size:11px}.hp-demo-readonly{padding:0 16px 11px;gap:8px}.hp-demo-readonly span{font-size:11px}.hp-demo-readonly .hp-demo-context{display:none}.hp-demo-reset{display:none}.hp-demo-entry{padding:38px 0}.hp-demo-entry-grid{grid-template-columns:1fr;gap:16px}.hp-demo-entry-card{padding:24px}.aff-resources-panel .hp-demo-entry{padding:20px}.hp-demo-page .pro-dashboard-shell{padding-top:24px}.hp-demo-notice{padding:27px}.hp-demo-footer{padding-inline:18px}}
@media(max-width:480px){.hp-demo-page [data-pro-section]{font-size:11px;padding-inline:6px;min-width:0}}
@media(prefers-reduced-motion:reduce){.hp-demo-modes a{transition:none}}