@layer components{.hp{--color-ground:#0b0b0f;--color-panel:#141419;--color-panel-2:#1c1c23;--color-field:#17171d;--color-line:#27272f;--color-line-strong:#40404a;--color-fg:#f5f5f3;--color-muted:#9e9ea8;--color-accent:#ff4000;--color-accent-ink:#ffffff;--color-accent-text:initial;--color-ok:#2fbf71;--color-warn:#f5a524;--color-alert:#ff4d57;position:relative;isolation:isolate;overflow-x:clip;color:var(--color-fg);color-scheme:dark;font-size:16px}.hp,.hp-light{background:var(--color-ground)}.hp-light{--color-ground:#f5f5f3;--color-panel:#ffffff;--color-panel-2:#ebebe7;--color-field:#ffffff;--color-line:#e3e3df;--color-line-strong:#c7c7c1;--color-fg:#0b0b0f;--color-muted:#5e5e68;--color-accent-text:#c23000;--color-ok:#10804a;--color-warn:#9a5800;--color-alert:#d0182a;color-scheme:light;color:var(--color-fg)}.hp-dark{--color-ground:#0b0b0f;--color-panel:#141419;--color-panel-2:#1c1c23;--color-field:#17171d;--color-line:#27272f;--color-line-strong:#40404a;--color-fg:#f5f5f3;--color-muted:#9e9ea8;--color-accent-text:initial;--color-ok:#2fbf71;--color-warn:#f5a524;--color-alert:#ff4d57;color-scheme:dark;color:var(--color-fg)}.hp-h2{font-family:var(--font-display);font-size:clamp(30px,3.4vw,46px);font-weight:700;line-height:1.07;letter-spacing:-.025em;text-wrap:balance}.hp .btn{border-radius:12px}.hp .btn-lg{height:auto;min-height:48px;padding-block:11px;border-radius:14px;font-size:16px;font-weight:700;line-height:1.25;text-align:center;white-space:normal}.hp .btn-primary:focus-visible{outline-color:var(--color-fg)}.hp-btn-ink{border-color:#0b0b0f;background:#0b0b0f;color:#ffffff;font-weight:700}.hp-btn-ink:hover{border-color:#2a2a33;background:#2a2a33}@media (prefers-reduced-motion:no-preference){.hp-hero [data-intro]{visibility:hidden}}.hp-ring{border:1px solid var(--color-line);border-radius:50%}.hp-ping,.hp-ring{position:absolute;top:50%;left:50%;pointer-events:none}.hp-ping{border:2px solid var(--color-accent);border-radius:50%;opacity:0}.hp-phone{position:relative;width:var(--hp-phone-w,290px);aspect-ratio:9/19.3;flex:none;border-radius:calc(var(--hp-phone-w, 290px) * .16);padding:calc(var(--hp-phone-w, 290px) * .035);background:#050507;box-shadow:0 0 0 1px #2c2c35,inset 0 0 0 1px rgb(255 255 255/.05),0 44px 80px -32px rgb(0 0 0/.75)}.hp-phone-screen{position:relative;height:100%;overflow:hidden;border-radius:calc(var(--hp-phone-w, 290px) * .125);background:#0b0b0f;isolation:isolate}.hp-phone-notch{position:absolute;z-index:30;top:3%;left:50%;width:30%;height:3.6%;translate:-50% 0;border-radius:99px;background:#000}.hp-shade{pointer-events:none;background:linear-gradient(180deg,rgb(0 0 0/.55),rgb(0 0 0/0) 26%,rgb(0 0 0/0) 48%,rgb(0 0 0/.85) 88%)}.hp-shade,.hp-splash{position:absolute;inset:0}.hp-splash{z-index:0;display:grid;place-items:center;background:#0b0b0f;visibility:hidden}.hp-splash-mark{width:54%;height:auto;overflow:visible}.hp-order{position:relative;border-radius:16px;background:#ffffff;color:#0b0b0f;padding:14px 16px 16px;font-size:12px;line-height:1.4;box-shadow:0 0 0 1px rgb(11 11 15/.06),0 32px 64px -26px rgb(0 0 0/.75)}.hp-order-rule{margin:10px 0;border:0;border-top:1px dashed #d4d4cf}.hp-order-ring{position:absolute;inset:-6px;border:2px solid var(--color-accent);border-radius:22px;pointer-events:none;opacity:0}.hp-plaque{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 16px 16px;border-radius:18px;background:#0b0b0f;color:#f5f5f3;box-shadow:inset 0 0 0 1px #2c2c35,0 30px 60px -30px rgb(0 0 0/.55)}.hp-plaque-ribbon{padding:9px 18px 11px;border-radius:0 0 12px 12px;background:#ff4000;color:#ffffff;font-size:19px;font-weight:700;line-height:1;white-space:nowrap}.hp-qr{padding:6px;border-radius:10px;background:#ffffff}.hp-qr svg{display:block;width:100%;height:auto}.hp-range{appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(to right,var(--color-accent) 0,var(--color-accent) var(--fill,0),var(--color-line-strong) var(--fill,0))}.hp-range::-webkit-slider-thumb{appearance:none;width:26px;height:26px;border:4px solid var(--color-accent);border-radius:50%;background:#ffffff;cursor:grab}.hp-range::-moz-range-thumb{width:18px;height:18px;border:4px solid var(--color-accent);border-radius:50%;background:#ffffff;cursor:grab}.hp-faq summary{list-style:none}.hp-faq summary::-webkit-details-marker{display:none}.hp-faq details[open] .hp-faq-plus{rotate:45deg}.hp-faq-plus{transition:rotate .25s ease}}html:has(.hp) body{background:#0b0b0f}