/* PIMP's homepage: an open hero, a 2 + 3 feature grid, and coin discovery. */
body.pimp-home-page { background:#0a0a0a; }
.pimp-home-page main { padding-top:0; }
.pimp-home-page .hp { max-width:1200px; margin:auto; }
.pimp-home-page main>.hp.pimp-reveal { opacity:1; translate:none; }
.pimp-home-page header { background:#0a0a0aed; border-color:#232323; }
.pimp-home-page footer { margin-top:32px; }
.hp-hero { text-align:center; padding:57px 16px 58px; position:relative; isolation:isolate; }
.hp-eyebrow,.hp-label { font-size:9px; line-height:1.6; letter-spacing:.12em; color:#787878; font-weight:500; }
.hp-eyebrow { display:flex; align-items:center; justify-content:center; gap:9px; letter-spacing:.17em; }
.hp-tiny-mark { font:italic 700 12px Georgia,serif; color:#d6d6d6; border:1px solid #444444; border-radius:50%; width:20px; height:20px; display:grid; place-items:center; }
.hp-hero h1 { font-size:clamp(43px,5.05vw,70px); font-weight:450; letter-spacing:-.058em; line-height:1.04; margin:21px auto 23px; color:#f4f4f4; }
.hp-chrome { color:#dddddd; background:linear-gradient(100deg,#f1f1f1 20%,#999999 44%,#fbfbfb 52%,#cccccc 73%); background-size:240% 100%; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:hp-chrome-pass 12s ease-in-out infinite; }
.hp-lead { color:#8a8a8a; font-size:14px; line-height:1.9; margin:auto; max-width:610px; }
.hp-platform-pill { display:inline-block; border:1px solid #2f2f2f; border-radius:999px; color:#c6c6c6; font-size:11px; line-height:1.5; padding:2px 9px; margin:0 2px; background:#161616; }
.hp-mobile-break { display:none; }
.hp-hero-actions { display:flex; justify-content:center; gap:10px; margin-top:28px; }
.hp-hero-actions .pimp-button { font-size:12px; padding:13px 20px; border-color:#292929; }
.hp-hero-actions .primary { background:#eeeeee; border-color:#eeeeee; }
.hp-launch-button { gap:20px; }
.hp-launch-button>span { transition:transform .3s; }
.hp-launch-button:hover>span { transform:translate(2px,-2px); }
.hp-hero-footnote { display:flex; justify-content:center; align-items:center; gap:13px; margin-top:19px; color:#656565; font-size:10px; }
.hp-cross { font:14px monospace; color:#aaaaaa; }
.hp-features { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.hp-feature { min-width:0; height:277px; grid-column:span 2; display:block; border:1px solid #2d2d2d; border-radius:16px; background:#161616; position:relative; overflow:hidden; isolation:isolate; transition:border-color .35s,box-shadow .35s; }
.hp-feature:before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(330px circle at var(--pointer-x,50%) var(--pointer-y,0%),#e4e4e40c,transparent 75%); z-index:3; opacity:0; transition:opacity .5s; }
.hp-feature:hover:before { opacity:1; }
.hp-feature:hover { border-color:#6a6a6a; box-shadow:0 10px 35px #00000044; }
.hp-feature:focus-visible { outline-offset:4px; }
.hp-feature-caption { position:absolute; inset:auto 0 0; z-index:4; display:flex; align-items:end; justify-content:space-between; gap:10px; padding:27px 19px 17px; background:linear-gradient(transparent,#151515 35%,#151515); color:#d9d9d9; font-size:12px; line-height:1.4; }
.hp-feature-caption small { display:block; font-size:10px; color:#6d6d6d; margin-top:4px; }
.hp-open { display:flex; align-items:center; gap:8px; font-size:10px; color:#7b7b7b; white-space:nowrap; }
.hp-open b { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; border:1px solid #393939; font-size:13px; font-weight:400; color:#cacaca; transition:transform .35s,background .35s; }
.hp-feature:hover .hp-open b { transform:rotate(45deg); background:#e4e4e4; color:#111111; }
.hp-explore,.hp-routing { grid-column:span 3; height:345px; }
.hp-explore { background:#131313; }
.hp-film { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; height:100%; padding:0 13px; transform:rotate(-6deg) scale(1.09); transform-origin:center; mask-image:linear-gradient(#000000 65%,transparent 97%); }
.hp-film-track { min-width:0; height:max-content; animation:hp-film-slide var(--film-duration,38s) linear infinite; animation-play-state:paused; }
.hp-film-track:nth-child(2) { animation-direction:reverse; --film-duration:44s; }
.hp-film-track:nth-child(3) { --film-duration:48s; }
.hp-mini-portrait { display:block; border:1px solid #373737; padding:4px; border-radius:10px; background:#1e1e1e; margin-bottom:9px; }
.hp-mini-portrait img { aspect-ratio:.96; width:100%; object-fit:cover; object-position:50% 25%; border-radius:6px; filter:saturate(.72); }
.hp-mini-portrait strong { display:block; font-size:10px; font-weight:500; padding:7px 4px 1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hp-mini-portrait small { display:block; font-size:8px; color:#7b7b7b; padding:0 4px 4px; }
.hp-routing { padding:21px; background:radial-gradient(ellipse at 100% 0,#292929 0,transparent 60%),#151515; }
.hp-routing-head { display:flex; justify-content:space-between; align-items:center; }
.hp-corner-mark { color:#6c6c6c; font-size:18px; }
.hp-routing-title { font-size:clamp(21px,2.1vw,30px); line-height:1.12; font-weight:450; letter-spacing:-.04em; margin:7px 0 22px; color:#e1e1e1; }
.hp-routes { display:grid; gap:8px; }
.hp-route { position:relative; display:flex; align-items:center; gap:10px; padding:9px 12px; background:#0b0b0b; border:1px solid #313131; border-radius:11px; min-width:0; }
.hp-route-coin { display:grid; place-items:center; width:29px; height:29px; border:1px solid #5a5a5a; background:linear-gradient(135deg,#424242,#1b1b1b); border-radius:50%; font:11px monospace; color:#c9c9c9; flex-shrink:0; }
.hp-route-wire { position:relative; height:1px; background:#393939; flex:1; min-width:20px; margin-right:3px; }
.hp-route-wire:before { content:""; position:absolute; left:0; top:-1px; width:14px; height:3px; border-radius:50%; background:#d2d2d2; box-shadow:0 0 8px #d2d2d255; animation:hp-travel 4s var(--route-delay,0s) ease-in-out infinite; animation-play-state:paused; }
.hp-route-wire:after { content:"›"; position:absolute; right:-5px; top:-11px; color:#afafaf; }
.hp-route img { width:30px; height:30px; border-radius:50%; object-fit:cover; }
.hp-route-person { width:108px; min-width:0; }
.hp-route-person strong { display:block; font-size:11px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-route-person small { display:block; color:#666666; font-size:8px; }
.hp-directory,.hp-launch,.hp-docs { padding:19px; }
.hp-directory-number { font-size:65px; line-height:1; font-weight:450; letter-spacing:-.07em; margin-top:18px; }
.hp-directory-number>span { font-size:24px; vertical-align:top; line-height:1.6; color:#777777; margin-left:10px; }
.hp-directory>p { color:#898989; font-size:11px; line-height:1.6; margin-top:10px; }
.hp-avatar-ribbon { display:flex; margin-top:19px; padding-left:3px; }
.hp-avatar-ribbon img { width:34px; height:34px; object-fit:cover; border:3px solid #161616; border-radius:50%; margin-left:-3px; transition:translate .35s; }
.hp-feature:hover .hp-avatar-ribbon img:nth-child(2n) { translate:0 -5px; }
.hp-coin-scene { position:relative; height:181px; perspective:700px; }
.hp-coin { position:absolute; width:125px; height:125px; top:24px; left:calc(50% - 63px); border:1px solid #979797; border-radius:50%; background:conic-gradient(from 30deg,#949494,#313131,#b7b7b7,#3e3e3e,#a1a1a1); box-shadow:3px 2px 0 #2a2a2a,6px 4px 0 #515151,7px 5px 0 #1d1d1d,15px 20px 30px #00000099; transform:rotateX(10deg) rotateY(-21deg) rotateZ(-16deg); animation:hp-coin-turn 9s ease-in-out infinite; animation-play-state:paused; }
.hp-coin-rim { position:absolute; inset:7px; border:1px solid #c7c7c75c; border-radius:50%; background:radial-gradient(ellipse at 20% 10%,#ededed33,transparent 60%),#212121; }
.hp-coin .pimp-brand-mark { position:absolute; width:63px; height:63px; left:30px; top:25px; background:transparent; mix-blend-mode:screen; }
.hp-coin-engraving { position:absolute; bottom:15px; width:100%; text-align:center; font-size:5px; color:#b2b2b2; }
.hp-coin-shadow { position:absolute; width:107px; height:12px; bottom:7px; left:calc(50% - 50px); border-radius:50%; background:#000000; filter:blur(9px); }
.hp-orbit-word { position:absolute; right:-3px; bottom:29px; font:7px/1.7 monospace; letter-spacing:.06em; color:#747474; }
.hp-doc-sheet { margin-top:22px; transform:rotate(-3deg); border:1px solid #484848; background:#1e1e1e; border-radius:4px; padding:13px 13px 24px; box-shadow:4px 4px 0 #151515; transition:transform .4s; }
.hp-feature:hover .hp-doc-sheet { transform:rotate(0) translateY(-6px); }
.hp-doc-header { display:flex; justify-content:space-between; font:7px monospace; color:#717171; border-bottom:1px solid #3a3a3a; padding-bottom:12px; margin-bottom:6px; }
.hp-doc-line { display:flex; gap:13px; padding:7px 0; align-items:center; }
.hp-doc-line>span { font:8px monospace; color:#717171; }
.hp-doc-line strong { font-size:12px; font-weight:400; color:#cfcfcf; }
.hp-doc-rule { height:1px; background:#3a3a3a; margin-top:4px; }
.hp-doc-sheet>p { font-size:8px; line-height:1.6; color:#787878; padding-top:9px; }
.hp-under-grid { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#5b5b5b; font-size:9px; padding:16px 2px 0; }
.hp-under-grid>p { display:flex; gap:7px; align-items:center; }
.hp-plus { color:#a0a0a0; }
.hp-motion-toggle { display:flex; align-items:center; gap:6px; color:#919191; font-size:9px; white-space:nowrap; }
.hp-motion-toggle:hover { color:#ebebeb; }
.hp-browse-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:32px; margin-top:64px; }
.hp-section-heading { display:flex; gap:10px; align-items:center; justify-content:space-between; margin-bottom:18px; }
.hp-section-heading h2 { font-size:20px; letter-spacing:-.04em; font-weight:450; }
.hp-section-heading>a { font-size:10px; color:#8a8a8a; }
.hp-section-heading>.hp-label { font-size:7px; }
.hp-filter-line { display:flex; align-items:center; gap:10px; font-size:9px; color:#686868; margin-bottom:17px; }
.hp-selected-filter { color:#c5c5c5; padding:4px 9px; border:1px solid #3a3a3a; border-radius:999px; background:#1e1e1e; }
.hp-index { font:9px monospace; margin-left:auto; color:#585858; }
.hp-compact-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px 10px; }
.hp-profile-card { display:block; min-width:0; }
.hp-profile-image { display:block; position:relative; border-radius:11px; overflow:hidden; background:#191919; border:1px solid #313131; }
.hp-profile-image img { width:100%; height:auto; aspect-ratio:.92; object-fit:cover; object-position:center 25%; filter:saturate(.77); transition:scale .65s cubic-bezier(.16,1,.3,1),filter .4s; }
.hp-profile-card:hover img { scale:1.06; filter:saturate(1); }
.hp-profile-image:after { content:"↗"; position:absolute; bottom:7px; right:7px; width:23px; height:23px; border-radius:50%; display:grid; place-items:center; font-size:11px; background:#111111bb; backdrop-filter:blur(5px); color:#dddddd; opacity:0; translate:0 5px; transition:opacity .3s,translate .3s; }
.hp-profile-card:hover .hp-profile-image:after,.hp-profile-card:focus-visible .hp-profile-image:after { opacity:1; translate:0 0; }
.hp-profile-card strong { display:block; font-size:12px; font-weight:500; margin:9px 1px 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-profile-card small { display:block; color:#979797; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-claim-list { border-top:1px solid #2d2d2d; }
.hp-claim-row { display:flex; align-items:center; gap:11px; padding:15px 0; border-bottom:1px solid #272727; transition:padding .3s; }
.hp-claim-row:hover { padding-left:5px; }
.hp-claim-row img { width:39px; height:39px; object-fit:cover; border-radius:50%; }
.hp-claim-row>span { min-width:0; }
.hp-claim-row strong { display:block; font-size:12px; font-weight:450; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hp-claim-row small { display:block; font-size:9px; color:#696969; margin-top:3px; }
.hp-claim-row>b { margin-left:auto; border:1px solid #383838; padding:4px 8px; border-radius:6px; font-size:8px; font-weight:400; color:#999999; }
.hp-find-profile { display:flex; align-items:center; justify-content:space-between; border:1px solid #383838; border-radius:11px; padding:15px; margin-top:18px; font-size:12px; background:#151515; }
.hp-find-profile small { display:block; font-size:9px; color:#7d7d7d; margin-top:5px; }
.hp-find-profile>b { font-size:20px; font-weight:400; color:#999999; }
.hp-note { position:relative; margin-top:26px; padding:0 0 0 22px; }
.hp-note-mark { position:absolute; left:0; top:-3px; color:#717171; font-size:18px; }
.hp-note p { color:#929292; font-size:11px; line-height:1.7; }
.hp-note a { display:block; color:#adadad; font-size:9px; margin-top:13px; }
.hp-bottom-line { border-top:1px solid #2e2e2e; padding:30px 0 0; margin-top:54px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.hp-bottom-line h2 { font-size:23px; font-weight:450; letter-spacing:-.04em; margin:9px 0; }
.hp-bottom-line p:last-child { font-size:12px; color:#7a7a7a; }
.hp-bottom-line .pimp-button { font-size:11px; border-color:#3c3c3c; }
.hp-animate .hp-film-track,.hp-animate .hp-route-wire:before,.hp-animate .hp-coin { animation-play-state:running; }
.hp-feature:hover .hp-film-track,.hp-feature:focus-visible .hp-film-track { animation-play-state:paused; }
.hp-motion-paused *, .hp-motion-paused *:before,.hp-motion-paused *:after { animation-play-state:paused!important; }
.hp-label,.hp-eyebrow,.hp-hero-footnote,.hp-feature-caption small,.hp-open,.hp-under-grid,.hp-filter-line,.hp-claim-row small,.hp-directory>p { color:#969696; }
@keyframes hp-film-slide { from { transform:translateY(0); } to { transform:translateY(-50%); } }
@keyframes hp-travel { 0%,10% { left:0; opacity:0; } 20% { opacity:1; } 75% { opacity:1; } 90%,100% { left:calc(100% - 14px); opacity:0; } }
@keyframes hp-coin-turn { 0%,100% { transform:rotateX(10deg) rotateY(-21deg) rotateZ(-16deg) translateY(0); } 50% { transform:rotateX(-4deg) rotateY(17deg) rotateZ(-10deg) translateY(-5px); } }
@keyframes hp-chrome-pass { 0%,65%,100% { background-position:100% 0; } 85% { background-position:0 0; } }
@media(min-width:768px) {
 .pimp-home-page>div.min-h-dvh { padding-left:195px; }
 .pimp-home-page aside.fixed { width:195px; padding:21px 15px; align-items:stretch; background:#0a0a0a; border-color:#272727; }
 .pimp-home-page aside.fixed>a[aria-label="PIMP home"] { display:flex; align-items:center; gap:11px; margin:0 10px 29px; }
 .pimp-home-page aside.fixed>a[aria-label="PIMP home"]:after { content:"PIMP"; font-size:18px; letter-spacing:.06em; font-weight:600; }
 .pimp-home-page aside.fixed nav { gap:5px; }
 .pimp-home-page aside.fixed nav>a { width:100%; height:43px; padding:0 12px; gap:12px; justify-content:start; border-radius:8px; }
 .pimp-home-page aside.fixed nav>a:after { content:attr(aria-label); font-size:13px; font-weight:400; }
 .pimp-home-page aside.fixed nav>a[aria-current=page] { background:#1e1e1e; }
 .pimp-home-page aside.fixed nav>a svg { width:18px; height:18px; }
 .pimp-home-page aside.fixed>a[aria-label="About PIMP"] { border-top:1px solid #2a2a2a; padding:20px 10px 4px; color:#929292; }
 .pimp-home-page aside.fixed>a[aria-label="About PIMP"]:after { content:" / CREATOR POWER"; font-size:8px; color:#616161; }
}
@media(min-width:1440px) { .pimp-home-page>div.min-h-dvh { padding-left:220px; } .pimp-home-page aside.fixed { width:220px; } .hp-hero { padding-top:65px; padding-bottom:66px; } }
@media(max-width:1100px) and (min-width:768px) { .pimp-home-page>div.min-h-dvh { padding-left:166px; } .pimp-home-page aside.fixed { width:166px; padding-inline:10px; } .pimp-home-page aside.fixed nav>a:after { font-size:12px; } .hp-hero h1 { font-size:54px; } .hp-feature { height:260px; } .hp-explore,.hp-routing { height:330px; } .hp-feature-caption { padding-inline:14px; } .hp-directory,.hp-launch,.hp-docs { padding:15px; } .hp-label { font-size:7px; } .hp-routing-title { font-size:25px; } .hp-browse-layout { gap:22px; grid-template-columns:1.5fr 1fr; } .hp-compact-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .hp-orbit-word { display:none; } .hp-section-heading h2 { font-size:18px; } .hp-claim-column .hp-section-heading>.hp-label { display:none; } }
@media(max-width:767px) { .hp-hero { padding:38px 2px 38px; } .hp-hero h1 { font-size:clamp(38px,7.4vw,57px); margin-top:18px; } .hp-eyebrow { font-size:7px; } .hp-lead { font-size:12px; line-height:1.9; } .hp-platform-pill { font-size:10px; } .hp-features { gap:10px; } .hp-explore,.hp-routing { height:290px; } .hp-feature:not(.hp-explore):not(.hp-routing) { height:245px; } .hp-routing { padding:16px; } .hp-routing-title { font-size:22px; margin-bottom:15px; } .hp-route { padding:8px; gap:8px; } .hp-route-person { width:87px; } .hp-route-coin { width:23px; height:23px; font-size:9px; } .hp-route img { width:26px; height:26px; } .hp-route-wire { min-width:8px; } .hp-feature-caption { padding:24px 13px 13px; font-size:11px; } .hp-feature-caption small { display:none; } .hp-label { font-size:7px; } .hp-directory,.hp-launch,.hp-docs { padding:13px; } .hp-directory-number { font-size:54px; } .hp-directory>p { font-size:10px; } .hp-avatar-ribbon img { width:28px; height:28px; } .hp-orbit-word { display:none; } .hp-browse-layout { grid-template-columns:1fr; margin-top:40px; } .hp-compact-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .hp-claim-column { margin-top:12px; } .hp-section-heading h2 { font-size:20px; } .hp-bottom-line { align-items:start; flex-direction:column; } .hp-bottom-line h2 { font-size:22px; } .hp-bottom-line p:last-child { font-size:11px; } .hp-doc-sheet { padding:10px; } .hp-doc-line { gap:8px; } .hp-doc-line strong { font-size:10px; } .hp-doc-header { font-size:6px; } .hp-coin { scale:.83; top:25px; } }
@media(max-width:540px) { .hp-features { grid-template-columns:repeat(2,minmax(0,1fr)); } .hp-explore,.hp-routing { grid-column:span 2; height:305px; } .hp-directory,.hp-launch { grid-column:span 1; } .hp-docs { grid-column:span 2; height:215px!important; } .hp-doc-sheet { max-width:72%; margin:16px auto 0; padding:13px; } .hp-doc-line { padding:5px 0; } .hp-doc-line strong { font-size:12px; } .hp-doc-sheet>p { display:none; } .hp-doc-header { font-size:7px; } .hp-hero h1 { font-size:43px; } .hp-mobile-break { display:block; } .hp-desktop-break { display:none; } .hp-lead { max-width:350px; } .hp-hero-actions .pimp-button { padding:12px 16px; font-size:11px; } .hp-hero-footnote { font-size:9px; } .hp-film { padding-inline:15px; } .hp-mini-portrait strong { font-size:10px; } .hp-routing-title { font-size:27px; margin-bottom:17px; } .hp-route-person { width:119px; } .hp-route-person strong { font-size:12px; } .hp-route-person small { font-size:9px; } .hp-routes { gap:7px; } .hp-route-wire { flex:1; } .hp-compact-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 11px; } .hp-profile-card strong { font-size:11px; } .hp-profile-card small { font-size:9px; } .hp-under-grid { font-size:8px; align-items:start; } .hp-under-grid>p { max-width:195px; line-height:1.7; } .hp-motion-toggle { font-size:8px; } }
@media(prefers-reduced-motion:reduce) { .hp *, .hp *:before,.hp *:after { animation:none!important; transition:none!important; } .hp-film-track:nth-child(2) { transform:translateY(-100px); } .hp-chrome { -webkit-text-fill-color:#e3e3e3; } }

/* Product previews: rolling fee totals, a pick-to-payout sequence, and drifting docs. */
.hp-analytics-teaser,.hp-payout-teaser,.hp-spec-teaser { height:280px; background:#1a1a1a; }
.hp-analytics-teaser .hp-feature-caption,.hp-payout-teaser .hp-feature-caption,.hp-spec-teaser .hp-feature-caption { padding:26px 16px 16px; font-size:14px; background:linear-gradient(transparent,#1a1a1a 90%); color:#bdbdbd; }
.hp-analytics-teaser .hp-open,.hp-payout-teaser .hp-open,.hp-spec-teaser .hp-open { font-size:13px; color:#8d8d8d; }
.hp-fee-display { position:absolute; inset:20px 20px auto; z-index:1; }
.hp-fee-label { display:flex; justify-content:space-between; color:#797979; font-size:11px; line-height:16px; }
.hp-range-window { height:16px; overflow:hidden; text-align:right; }
.hp-range-track { display:block; animation:hp-range-roll 20s infinite; }
.hp-range-track>span { display:block; height:16px; }
.hp-fee-window { font-size:34px; line-height:1; height:1em; margin-top:7px; overflow:hidden; font-weight:500; letter-spacing:-.035em; font-variant-numeric:tabular-nums; color:#f7f7f7; }
.hp-fee-track { animation:hp-range-roll 20s infinite; }
.hp-fee-amount { display:flex; height:1em; }
.hp-digit { display:inline-block; height:1em; width:.6em; overflow:hidden; }
.hp-digit-roll { display:flex; flex-direction:column; animation:hp-digit-roll 2.6s linear infinite; }
.hp-digit-roll>span { display:block; height:1em; line-height:1em; text-align:center; flex-shrink:0; }
.hp-digit-fast { animation-duration:.34s; }
.hp-fee-chart { position:absolute; left:0; right:0; bottom:28px; height:120px; overflow:hidden; mask-image:linear-gradient(transparent,#000 12%,#000 72%,transparent); }
.hp-fee-chart svg { position:relative; width:100%; height:100%; }
.hp-chart-grid { position:absolute; inset:0; background:repeating-linear-gradient(to bottom,#ffffff08 0 1px,transparent 1px 43px); }
.hp-chart-drift { animation:hp-chart-drift 24s linear infinite; }
.hp-pick-scene,.hp-send-scene { position:absolute; inset:20px 20px 48px; }
.hp-demo-label { display:block; color:#858585; font:10px/16px monospace; letter-spacing:.12em; margin-bottom:10px; }
.hp-profile-input { display:flex; align-items:center; background:#0b0b0b; border:1px solid #343434; border-radius:9px; height:36px; padding:0 10px; font:11px/1.5 monospace; color:#ddd; }
.hp-type-query { width:23ch; overflow:hidden; white-space:nowrap; animation:hp-type-query 12s steps(23,end) infinite; }
.hp-type-caret { height:13px; width:1px; background:#bfbfbf; animation:hp-type-caret 1.06s step-end infinite; }
.hp-pick-results { margin-top:8px; }
.hp-pick-person,.hp-payout-person { display:flex; align-items:center; gap:9px; min-width:0; }
.hp-pick-person { padding:6px; border-radius:8px; }
.hp-pick-person img,.hp-payout-person img { width:32px; height:32px; object-fit:cover; border-radius:50%; flex-shrink:0; }
.hp-pick-person>span,.hp-payout-person>span { min-width:0; }
.hp-pick-person strong,.hp-payout-person strong { display:block; color:#eee; font-size:13px; line-height:1.4; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hp-pick-person small,.hp-payout-person small { display:block; color:#808080; font-size:12px; line-height:1.4; }
.hp-pick-selected { animation:hp-pick-selected 12s infinite; }
.hp-pick-other { animation:hp-pick-other 12s infinite; }
.hp-pick-scene { animation:hp-pick-scene 12s infinite; }
.hp-send-scene { opacity:0; animation:hp-send-scene 12s infinite; }
.hp-payout-person { background:#0a0a0a; border:1px solid #262626; border-radius:12px; padding:9px 10px; }
.hp-payout-amount { font-size:26px; line-height:1.3; font-weight:650; letter-spacing:-.025em; margin-top:11px; color:#f8f8f8; }
.hp-payout-amount>span { font-weight:450; margin-right:1px; }
.hp-send-confirm { display:flex; gap:7px; align-items:center; margin-top:10px; font-size:12px; color:#d4d9df; opacity:0; animation:hp-send-confirm 12s infinite; }
.hp-send-confirm>span { font-size:15px; }
.hp-spec-window { position:absolute; inset:0 20px 25px; overflow:hidden; mask-image:linear-gradient(transparent,#000 12%,#000 78%,transparent); }
.hp-spec-scroll { animation:hp-spec-drift 34s linear infinite; }
.hp-spec-copy { padding:18px 0 28px; font-size:12px; line-height:1.45; color:#767676; }
.hp-spec-copy h3 { font-size:13px; color:#bdbdbd; font-weight:500; margin:7px 0; }
.hp-spec-copy .hp-spec-label { font:10px/1.5 monospace; letter-spacing:.08em; color:#777; margin:18px 0 7px; }
.hp-spec-copy .hp-spec-label:first-child { margin-top:0; }
.hp-spec-table { display:grid; grid-template-columns:82px 1fr; gap:7px 10px; margin:17px 0 20px; font:10px/1.5 monospace; color:#bababa; }
.hp-spec-table>span:nth-child(-n+2) { color:#676767; }
.hp-spec-table>span:nth-child(2n+3) { color:#858585; }
.hp-card-motion { animation-play-state:paused; }
.hp-animate .hp-card-motion { animation-play-state:running; }
@keyframes hp-range-roll { 0%,28% { transform:translateY(0); } 33%,61% { transform:translateY(-25%); } 66%,94% { transform:translateY(-50%); } 99%,100% { transform:translateY(-75%); } }
@keyframes hp-digit-roll { to { transform:translateY(-10em); } }
@keyframes hp-chart-drift { to { transform:translateX(-400px); } }
@keyframes hp-type-query { 0%,5% { width:0; } 25%,100% { width:23ch; } }
@keyframes hp-type-caret { 50% { opacity:0; } }
@keyframes hp-pick-selected { 0%,28% { background:transparent; } 35%,100% { background:#ffffff09; } }
@keyframes hp-pick-other { 0%,15% { opacity:0; transform:translateY(5px); } 22%,34% { opacity:.6; transform:translateY(0); } 42%,100% { opacity:0; transform:translateY(3px); } }
@keyframes hp-pick-scene { 0%,40% { opacity:1; transform:translateY(0); } 46%,94% { opacity:0; transform:translateY(-7px); } 97%,100% { opacity:1; transform:translateY(0); } }
@keyframes hp-send-scene { 0%,44% { opacity:0; transform:translateY(8px); } 50%,91% { opacity:1; transform:translateY(0); } 96%,100% { opacity:0; transform:translateY(-5px); } }
@keyframes hp-send-confirm { 0%,62% { opacity:0; transform:translateY(5px); } 68%,91% { opacity:1; transform:translateY(0); } 96%,100% { opacity:0; transform:translateY(0); } }
@keyframes hp-spec-drift { to { transform:translateY(-50%); } }
@media(max-width:1100px) and (min-width:768px) { .hp-fee-display { inset-inline:15px; } .hp-fee-window { font-size:30px; } .hp-pick-scene,.hp-send-scene { inset-inline:14px; } .hp-profile-input { font-size:9px; } .hp-spec-window { inset-inline:15px; } .hp-spec-table { grid-template-columns:65px 1fr; font-size:9px; gap:7px; } }
@media(max-width:767px) { .hp-analytics-teaser,.hp-payout-teaser { grid-column:span 3; } .hp-spec-teaser { grid-column:span 6; } .hp-features .hp-feature.hp-analytics-teaser,.hp-features .hp-feature.hp-payout-teaser,.hp-features .hp-feature.hp-spec-teaser { height:280px; } }
@media(max-width:540px) { .hp-analytics-teaser,.hp-payout-teaser,.hp-spec-teaser { grid-column:span 2; } }
@media(prefers-reduced-motion:reduce) { .hp-pick-scene { display:none; } .hp-send-scene,.hp-send-confirm { opacity:1; } }

/* Live creator search replaces the decorative launch sequence. */
.hp-search-content { position:absolute; inset:20px 20px 49px; }
.hp-search-controls { display:flex; gap:5px; }
.hp-search-controls input { width:100%; min-width:0; height:36px; padding:0 9px; background:#0b0b0b; color:#eee; border:1px solid #343434; border-radius:8px; font-size:11px; }
.hp-search-controls input::placeholder { color:#777; }
.hp-search-controls select { flex:0 0 82px; max-width:82px; min-width:0; background:#151515; color:#aaa; border:1px solid #343434; border-radius:8px; padding:0 4px; font-size:10px; }
.hp-search-controls select:focus-visible { outline:2px solid #ddd; }
.hp-creator-results { max-height:119px; overflow:auto; margin-top:8px; scrollbar-width:thin; }
.hp-creator-result { display:flex; align-items:center; gap:8px; padding:5px; border-radius:8px; }
.hp-creator-result:hover,.hp-creator-result:focus-visible { background:#ffffff09; }
.hp-creator-result img { width:28px; height:28px; border-radius:50%; object-fit:cover; }
.hp-creator-result>span { min-width:0; }
.hp-creator-result strong { display:block; font-size:12px; font-weight:500; color:#eee; line-height:1.3; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.hp-creator-result small { display:block; color:#777; font-size:10px; line-height:1.3; }
.hp-creator-result b { margin-left:auto; color:#999; font-size:12px; font-weight:400; }
.hp-search-status { color:#808080; font-size:10px; line-height:1.4; margin-top:6px; overflow-wrap:anywhere; }
.hp-add-creator { display:flex; align-items:center; gap:10px; border:1px solid #444; border-radius:10px; padding:13px 10px; color:#ddd; font-size:12px; line-height:1.5; }
.hp-add-creator:hover { background:#252525; border-color:#888; }
.hp-add-creator b { margin-left:auto; }
.hp-launch-search:before { pointer-events:none; }
.hp-launch-search .hp-feature-caption { pointer-events:none; }
.hp-launch-search .hp-feature-caption a { pointer-events:auto; }

/* The idle creator reel yields to searching, pointer selection, and keyboard browsing. */
.hp-creator-results.is-browsing { height:119px; overflow:hidden; mask-image:linear-gradient(transparent,#000 9%,#000 89%,transparent); }
.hp-creator-reel { animation:hp-creator-reel 30s linear infinite; animation-play-state:paused; }
.hp-creator-reel .hp-creator-result { height:38px; }
.hp-creator-results.is-browsing:hover .hp-creator-reel { animation-play-state:paused; }
.hp-creator-results.is-browsing:focus-within { overflow:auto; mask-image:none; }
.hp-creator-results.is-browsing:focus-within .hp-creator-reel { animation:none; transform:none; }
.hp-creator-results.is-browsing:focus-within .hp-reel-copy { display:none; }
.hp-creator-results:not(.is-browsing) .hp-creator-result,.hp-add-creator { animation:hp-search-arrive .28s cubic-bezier(.16,1,.3,1) both; }
.hp-creator-results:not(.is-browsing) .hp-creator-result:nth-child(2) { animation-delay:35ms; }
.hp-creator-results:not(.is-browsing) .hp-creator-result:nth-child(3) { animation-delay:70ms; }
.hp-creator-result { transition:background .2s,box-shadow .2s; }
.hp-creator-result img { transition:box-shadow .3s,filter .3s; }
.hp-creator-result:hover img,.hp-creator-result:focus-visible img { box-shadow:0 0 0 2px #d7d7d740; filter:brightness(1.12); }
.hp-creator-result b { transition:translate .25s,color .25s; }
.hp-creator-result:hover b { translate:2px -2px; color:#fff; }
.hp-search-controls { border-radius:10px; transition:box-shadow .3s; }
.hp-search-controls:focus-within { box-shadow:0 0 24px #ffffff08; }
.hp-search-controls input:focus-visible { outline:1px solid #b5b5b5; outline-offset:2px; box-shadow:none; }
.hp-feature:after { content:""; position:absolute; left:12%; right:12%; top:0; height:1px; pointer-events:none; background:linear-gradient(90deg,transparent,#ffffff75,transparent); opacity:.2; transform:scaleX(.45); transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1); }
.hp-feature:hover:after,.hp-feature:focus-within:after { opacity:.9; transform:scaleX(1); }
.hp-claim-row img { transition:box-shadow .35s,filter .35s; }
.hp-claim-row:hover img { box-shadow:0 0 0 3px #ffffff15; filter:brightness(1.1); }
.hp-claim-row>b { transition:border-color .3s,color .3s; }
.hp-claim-row:hover>b { color:#ddd; border-color:#696969; }
.hp-feature-caption .hp-open { transition:color .25s,translate .25s; }
.hp-feature:hover .hp-feature-caption .hp-open { color:#ddd; translate:2px 0; }
.hp-find-profile { transition:border-color .3s,box-shadow .3s; }
.hp-find-profile:hover { border-color:#666; box-shadow:inset 0 1px 0 #ffffff0d; }
@keyframes hp-creator-reel { to { transform:translateY(-50%); } }
@keyframes hp-search-arrive { from { opacity:0; translate:0 5px; } to { opacity:1; translate:0 0; } }
@media(prefers-reduced-motion:reduce) {
 .hp-creator-results.is-browsing { overflow:auto; mask-image:none; }
 .hp-reel-copy { display:none; }
 .hp-creator-reel { transform:none; }
 .hp-feature:after { transform:none; }
}
@media(hover:none) { .hp-creator-results.is-browsing { overflow:auto; mask-image:none; } .hp-creator-reel { animation:none; transform:none; } .hp-reel-copy { display:none; } }
/* Fresh search results remain visible even when the homepage motion is paused. */
.hp-motion-paused .hp-creator-results:not(.is-browsing) .hp-creator-result,.hp-motion-paused .hp-add-creator { animation:none; }