:root {
  --hpc-bg: #090b0e;
  --hpc-bg-soft: #12151a;
  --hpc-card: #181c22;
  --hpc-card-hover: #1e232a;
  --hpc-gold: #c8a24d;
  --hpc-gold-light: #e2c77b;
  --hpc-gold-dark: #a67c2e;
  --hpc-ivory: #f4f1e9;
  --hpc-white: #ffffff;
  --hpc-muted: #a9afb8;
  --hpc-border: #2b3038;
  --hpc-success: #557a66;
  --hpc-error: #b45a5a;
  --hpc-shell: min(1240px, calc(100% - 40px));
  --hpc-radius: 16px;
  --hpc-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
  --hpc-header: 78px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.hpc-page {
  margin: 0;
  background: var(--hpc-bg);
  color: var(--hpc-ivory);
  font-family: "Inter", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.hpc-page.admin-bar .hpc-header { top: 32px; }
body.hpc-page.menu-open { overflow: hidden; }

.hpc-landing { overflow: clip; background: var(--hpc-bg); }
.hpc-landing a { color: inherit; text-decoration: none; }
.hpc-landing img { max-width: 100%; height: auto; display: block; }
.hpc-shell { width: var(--hpc-shell); margin-inline: auto; }
.hpc-skip-link {
  position: fixed; left: 16px; top: 16px; z-index: 99999; transform: translateY(-150%);
  background: var(--hpc-gold); color: var(--hpc-bg); padding: 12px 16px; border-radius: 8px;
}
.hpc-skip-link:focus { transform: translateY(0); }

.hpc-header {
  position: fixed; z-index: 1000; inset: 0 0 auto; height: var(--hpc-header);
  background: rgba(9, 11, 14, 0.72); backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255,255,255,.06); transition: background .25s ease, box-shadow .25s ease;
}
.hpc-header.is-scrolled { background: rgba(9, 11, 14, .94); box-shadow: 0 12px 40px rgba(0,0,0,.28); }
.hpc-header__inner { height: 100%; display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 28px; }
.hpc-brand { display: inline-flex; align-items: center; min-width: 210px; }
.hpc-brand img { width: 220px; max-height: 58px; object-fit: contain; object-position: left center; }
.hpc-brand .custom-logo-link { display: inline-flex; }
.hpc-nav { justify-self: center; display: flex; align-items: center; gap: 28px; }
.hpc-nav a { color: var(--hpc-muted); font-size: 14px; font-weight: 600; transition: color .2s ease; }
.hpc-nav a:hover, .hpc-nav a:focus-visible { color: var(--hpc-ivory); }
.hpc-menu-toggle { display: none; width: 46px; height: 46px; padding: 0; border: 1px solid var(--hpc-border); background: transparent; border-radius: 10px; }
.hpc-menu-toggle span { width: 21px; height: 2px; margin: 4px auto; display: block; background: var(--hpc-ivory); transition: .25s ease; }
.hpc-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.hpc-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.hpc-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.hpc-mobile-menu { position: fixed; inset: var(--hpc-header) 0 auto; background: rgba(9,11,14,.98); padding: 22px 20px 30px; border-bottom: 1px solid var(--hpc-border); }
.hpc-mobile-menu a { display: block; padding: 16px 0; color: var(--hpc-ivory); border-bottom: 1px solid rgba(255,255,255,.07); font-weight: 600; }

.hpc-button {
  min-height: 52px; padding: 0 28px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center;
  gap: 12px; border: 1px solid transparent; font-size: 15px; font-weight: 700; transition: transform .2s ease, background .2s ease, border-color .2s ease;
  cursor: pointer;
}
.hpc-button:hover { transform: translateY(-2px); }
.hpc-button:focus-visible, .hpc-menu-toggle:focus-visible, .hpc-faq button:focus-visible, .hpc-landing input:focus-visible, .hpc-landing select:focus-visible { outline: 3px solid rgba(226,199,123,.45); outline-offset: 2px; }
.hpc-button--primary { background: linear-gradient(135deg, var(--hpc-gold-dark), var(--hpc-gold-light) 50%, #b58a36); color: #0c0d0f !important; box-shadow: 0 12px 32px rgba(200,162,77,.16); }
.hpc-button--primary:hover { filter: brightness(1.07); }
.hpc-button--secondary { border-color: #3a414b; background: rgba(255,255,255,.025); color: var(--hpc-ivory); }
.hpc-button--secondary:hover { background: var(--hpc-card); border-color: #555d68; }
.hpc-button--small { min-height: 44px; padding-inline: 20px; font-size: 14px; }
.hpc-button--full { width: 100%; }

.hpc-hero {
  position: relative; min-height: 900px; padding: calc(var(--hpc-header) + 72px) 0 84px;
  background-image: linear-gradient(90deg, rgba(9,11,14,.97) 0%, rgba(9,11,14,.89) 47%, rgba(9,11,14,.46) 100%), var(--hpc-hero-image, url('../images/hero-architecture.svg'));
  background-size: cover; background-position: center; isolation: isolate;
}
.hpc-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 190px; background: linear-gradient(transparent, var(--hpc-bg)); z-index: -1; }
.hpc-hero__glow { position: absolute; right: -160px; top: 80px; width: 620px; height: 620px; border-radius: 50%; background: rgba(200,162,77,.07); filter: blur(120px); z-index: -1; }
.hpc-hero__grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(390px, .82fr); gap: 72px; align-items: center; }
.hpc-hero__content { padding-top: 18px; }
.hpc-kicker { display: inline-flex; align-items: center; gap: 12px; color: var(--hpc-gold-light); font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.hpc-kicker::before { content: ""; width: 34px; height: 1px; background: var(--hpc-gold); }
.hpc-hero h1, .hpc-section h2, .hpc-final-cta h2 { font-family: "Manrope", Arial, sans-serif; letter-spacing: -.035em; }
.hpc-hero h1 { max-width: 780px; margin: 22px 0 24px; font-size: clamp(48px, 5.2vw, 78px); line-height: 1.04; font-weight: 600; text-wrap: balance; }
.hpc-hero h1::first-line { color: var(--hpc-ivory); }
.hpc-hero__lead { max-width: 680px; margin: 0; color: #c0c5cc; font-size: clamp(18px, 1.5vw, 21px); line-height: 1.65; }
.hpc-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.hpc-hero__meta { margin: 20px 0 0; color: #8e959e; font-size: 13px; }
.hpc-mini-trust { display: flex; flex-wrap: wrap; gap: 18px 28px; margin-top: 30px; color: var(--hpc-muted); font-size: 13px; }
.hpc-mini-trust span::first-letter { color: var(--hpc-gold); }

.hpc-form-card { background: rgba(18,21,26,.92); border: 1px solid rgba(226,199,123,.18); border-radius: 18px; padding: 30px; box-shadow: var(--hpc-shadow); backdrop-filter: blur(18px); }
.hpc-form-card__heading h2 { margin: 12px 0 8px; font-size: 26px; line-height: 1.15; }
.hpc-form-card__heading p { color: var(--hpc-muted); line-height: 1.55; margin: 0 0 22px; }
.hpc-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hpc-field { margin-bottom: 14px; }
.hpc-field label { display: block; margin-bottom: 7px; font-size: 13px; color: #d7d9dc; font-weight: 600; }
.hpc-field input, .hpc-field select {
  width: 100%; height: 50px; border: 1px solid var(--hpc-border); border-radius: 9px; background: #0d1014; color: var(--hpc-ivory); padding: 0 14px; font: inherit; font-size: 16px;
}
.hpc-field input::placeholder { color: #6d737b; }
.hpc-field input[aria-invalid="true"], .hpc-field select[aria-invalid="true"] { border-color: var(--hpc-error); }
.hpc-field__error { display: block; min-height: 16px; margin-top: 5px; color: #df8f8f; font-size: 12px; }
.hpc-check { display: flex; align-items: flex-start; gap: 9px; margin: 4px 0 16px; color: var(--hpc-muted); font-size: 12px; line-height: 1.45; }
.hpc-check input { margin-top: 3px; accent-color: var(--hpc-gold); }
.hpc-check a { color: var(--hpc-gold-light); text-decoration: underline; }
.hpc-form-note { margin: 12px 0 0; color: #7e858d; font-size: 11px; line-height: 1.45; text-align: center; }
.hpc-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.hpc-alert { margin: 0 0 18px; padding: 13px 14px; border-radius: 9px; display: grid; gap: 4px; font-size: 13px; }
.hpc-alert--success { background: rgba(85,122,102,.16); border: 1px solid rgba(85,122,102,.5); }
.hpc-alert--error { background: rgba(180,90,90,.14); border: 1px solid rgba(180,90,90,.45); }

.hpc-trust-bar { background: #0e1115; border-block: 1px solid rgba(255,255,255,.06); }
.hpc-trust-bar__grid { min-height: 132px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; }
.hpc-trust-bar__grid > div { padding: 28px 26px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255,255,255,.07); }
.hpc-trust-bar__grid > div:first-child { border-left: 1px solid rgba(255,255,255,.07); }
.hpc-trust-bar strong { color: var(--hpc-gold-light); font-family: "Manrope", Arial, sans-serif; font-size: 22px; }
.hpc-trust-bar span { margin-top: 7px; color: var(--hpc-muted); font-size: 13px; line-height: 1.45; }

.hpc-section { position: relative; padding: 108px 0; background: var(--hpc-bg); }
.hpc-section--light { background: var(--hpc-bg-soft); }
.hpc-section--gold-lines::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg, transparent, var(--hpc-gold), transparent); opacity: .45; }
.hpc-section-heading { max-width: 780px; margin-bottom: 46px; }
.hpc-section-heading h2 { margin: 18px 0 20px; font-size: clamp(38px, 4vw, 56px); line-height: 1.08; font-weight: 600; text-wrap: balance; }
.hpc-section-heading p { max-width: 740px; color: var(--hpc-muted); font-size: 18px; line-height: 1.7; }
.hpc-card-grid { display: grid; gap: 22px; }
.hpc-card-grid--three { grid-template-columns: repeat(3, 1fr); }
.hpc-card { min-height: 290px; padding: 32px; border: 1px solid var(--hpc-border); border-radius: var(--hpc-radius); background: var(--hpc-card); transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.hpc-card:hover { transform: translateY(-4px); background: var(--hpc-card-hover); border-color: rgba(226,199,123,.3); }
.hpc-card__number { display: inline-flex; color: var(--hpc-gold); font-family: "Manrope", Arial, sans-serif; font-size: 14px; letter-spacing: .15em; }
.hpc-card h3, .hpc-strategy-card h3, .hpc-process h3, .hpc-trust-panel h3 { margin: 28px 0 14px; font-family: "Manrope", Arial, sans-serif; font-size: 24px; line-height: 1.2; }
.hpc-card p, .hpc-strategy-card p, .hpc-process p, .hpc-trust-panel p { margin: 0; color: var(--hpc-muted); line-height: 1.65; }

.hpc-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; counter-reset: process; }
.hpc-process__item { position: relative; padding: 0 26px 0 0; }
.hpc-process__item:not(:last-child)::after { content: ""; position: absolute; left: 54px; right: 0; top: 22px; height: 1px; background: linear-gradient(90deg, rgba(200,162,77,.7), rgba(200,162,77,.08)); }
.hpc-process__item > span { position: relative; z-index: 2; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--hpc-gold); border-radius: 50%; color: var(--hpc-gold-light); background: var(--hpc-bg); font-weight: 700; }
.hpc-process__item h3 { font-size: 20px; margin-top: 24px; }
.hpc-process__item p { font-size: 14px; }

.hpc-strategy-card { position: relative; min-height: 430px; padding: 34px; border-radius: var(--hpc-radius); border: 1px solid rgba(226,199,123,.16); background: linear-gradient(180deg, rgba(24,28,34,.96), rgba(12,14,18,.96)); overflow: hidden; }
.hpc-strategy-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: -90px; bottom: -90px; border: 1px solid rgba(200,162,77,.16); transform: rotate(45deg); }
.hpc-strategy-card__icon { width: 54px; height: 54px; border: 1px solid rgba(226,199,123,.3); border-radius: 12px; display: grid; place-items: center; color: var(--hpc-gold-light); font-size: 26px; }
.hpc-strategy-card ul { margin: 24px 0 28px; padding: 0; list-style: none; display: grid; gap: 10px; }
.hpc-strategy-card li { color: #c5c9cf; font-size: 13px; }
.hpc-strategy-card li::before { content: "•"; margin-right: 10px; color: var(--hpc-gold); }
.hpc-strategy-card a { position: relative; z-index: 2; color: var(--hpc-gold-light); font-weight: 700; font-size: 14px; }

.hpc-trust-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: start; }
.hpc-trust-panel { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--hpc-border); border-radius: var(--hpc-radius); overflow: hidden; }
.hpc-trust-panel > div { padding: 30px; min-height: 250px; background: var(--hpc-card); border-right: 1px solid var(--hpc-border); border-bottom: 1px solid var(--hpc-border); }
.hpc-trust-panel > div:nth-child(even) { border-right: 0; }
.hpc-trust-panel > div:nth-last-child(-n+2) { border-bottom: 0; }
.hpc-trust-panel span { color: var(--hpc-gold); font-size: 12px; letter-spacing: .14em; }
.hpc-trust-panel h3 { font-size: 20px; }
.hpc-trust-panel p { font-size: 14px; }

.hpc-testimonial { margin: 0; min-height: 260px; padding: 32px; border: 1px solid var(--hpc-border); border-radius: var(--hpc-radius); background: var(--hpc-card); display: flex; flex-direction: column; justify-content: space-between; }
.hpc-testimonial > p { margin: 0; font-family: Georgia, serif; font-size: 20px; line-height: 1.55; color: #e8e1d3; }
.hpc-testimonial footer { margin-top: 26px; display: grid; gap: 5px; }
.hpc-testimonial strong { color: var(--hpc-gold-light); font-size: 13px; }
.hpc-testimonial span { color: var(--hpc-muted); font-size: 12px; }

.hpc-faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.hpc-faq__item { border-bottom: 1px solid var(--hpc-border); }
.hpc-faq__item:first-child { border-top: 1px solid var(--hpc-border); }
.hpc-faq button { width: 100%; padding: 23px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 0; background: transparent; color: var(--hpc-ivory); text-align: left; font: 600 17px/1.4 "Manrope", Arial, sans-serif; cursor: pointer; }
.hpc-faq button span:last-child { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--hpc-border); border-radius: 50%; color: var(--hpc-gold-light); transition: transform .2s ease; }
.hpc-faq button[aria-expanded="true"] span:last-child { transform: rotate(45deg); }
.hpc-faq__panel p { margin: 0; padding: 0 50px 22px 0; color: var(--hpc-muted); line-height: 1.7; }

.hpc-final-cta { position: relative; padding: 110px 0; background: linear-gradient(120deg, rgba(9,11,14,.97), rgba(9,11,14,.82)), url('../images/hero-architecture.svg') center/cover; }
.hpc-final-cta::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 40%, rgba(200,162,77,.12), transparent 36%); }
.hpc-final-cta__grid { position: relative; display: grid; grid-template-columns: 1fr .82fr; gap: 72px; align-items: center; }
.hpc-final-cta h2 { margin: 20px 0; max-width: 680px; font-size: clamp(40px, 4vw, 58px); line-height: 1.08; }
.hpc-final-cta__copy > p { max-width: 640px; color: var(--hpc-muted); font-size: 18px; line-height: 1.7; }
.hpc-editorial-quote { margin: 36px 0 !important; padding-left: 22px; border-left: 2px solid var(--hpc-gold); font-family: Georgia, serif; color: #e2d8c4 !important; font-size: 20px !important; }

.hpc-footer { padding: 74px 0 28px; background: #07090b; border-top: 1px solid rgba(255,255,255,.06); }
.hpc-footer__grid { display: grid; grid-template-columns: 1.4fr .7fr .8fr .8fr; gap: 48px; }
.hpc-footer__logo { width: 230px; margin-bottom: 18px; }
.hpc-footer p, .hpc-footer span, .hpc-footer a { color: #858c95; font-size: 13px; line-height: 1.65; }
.hpc-footer__grid > div:not(:first-child) { display: flex; flex-direction: column; gap: 10px; }
.hpc-footer h2 { margin: 0 0 8px; color: var(--hpc-ivory); font: 600 14px/1.2 "Manrope", Arial, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.hpc-footer a:hover { color: var(--hpc-gold-light); }
.hpc-footer__bottom { margin-top: 46px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.06); display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; }
.hpc-footer__bottom p { max-width: 900px; margin: 0; font-size: 11px; }

.hpc-whatsapp-float { position: fixed; z-index: 900; right: 22px; bottom: 22px; min-height: 48px; padding: 0 18px; border: 1px solid rgba(85,122,102,.55); border-radius: 999px; background: rgba(13,18,16,.94); color: #dce9e0 !important; display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 700; box-shadow: 0 14px 35px rgba(0,0,0,.28); transform: translateY(90px); opacity: 0; transition: .3s ease; }
.hpc-whatsapp-float.is-visible { transform: translateY(0); opacity: 1; }
.hpc-whatsapp-float span:first-child { color: #72a887; font-size: 20px; }
.hpc-mobile-bar { display: none; }

.hpc-reveal { opacity: 0; transform: translateY(16px); transition: opacity .55s ease, transform .55s ease; }
.hpc-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1120px) {
  .hpc-header__inner { grid-template-columns: auto 1fr auto; }
  .hpc-nav { display: none; }
  .hpc-menu-toggle { display: block; }
  .hpc-hero__grid { grid-template-columns: 1fr .9fr; gap: 42px; }
  .hpc-trust-section, .hpc-faq-layout { gap: 44px; }
}

@media (max-width: 900px) {
  :root { --hpc-header: 70px; --hpc-shell: min(100% - 32px, 760px); }
  body.hpc-page.admin-bar .hpc-header { top: 46px; }
  .hpc-header__cta { display: none; }
  .hpc-header__inner { grid-template-columns: 1fr auto; }
  .hpc-brand img { width: 200px; }
  .hpc-hero { min-height: 0; padding-top: calc(var(--hpc-header) + 62px); }
  .hpc-hero__grid { grid-template-columns: 1fr; }
  .hpc-hero__content { max-width: 760px; }
  .hpc-hero__form { max-width: 620px; width: 100%; }
  .hpc-trust-bar__grid { grid-template-columns: 1fr 1fr; }
  .hpc-trust-bar__grid > div { border-bottom: 1px solid rgba(255,255,255,.07); }
  .hpc-trust-bar__grid > div:nth-child(2) { border-right: 0; }
  .hpc-card-grid--three { grid-template-columns: 1fr 1fr; }
  .hpc-card-grid--three > :last-child { grid-column: 1 / -1; }
  .hpc-process { grid-template-columns: 1fr 1fr; gap: 38px 20px; }
  .hpc-process__item:not(:last-child)::after { display: none; }
  .hpc-trust-section, .hpc-faq-layout, .hpc-final-cta__grid { grid-template-columns: 1fr; }
  .hpc-footer__grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .hpc-footer__grid > div:last-child { grid-column: 2 / -1; }
}

@media (max-width: 640px) {
  :root { --hpc-shell: calc(100% - 28px); }
  .hpc-brand img { width: 168px; }
  .hpc-mobile-menu { top: var(--hpc-header); }
  body.admin-bar .hpc-mobile-menu { top: calc(var(--hpc-header) + 46px); }
  .hpc-hero { padding-bottom: 60px; background-position: 64% center; }
  .hpc-hero h1 { font-size: clamp(40px, 12vw, 52px); }
  .hpc-hero__lead { font-size: 17px; }
  .hpc-actions { flex-direction: column; }
  .hpc-actions .hpc-button { width: 100%; }
  .hpc-mini-trust { display: grid; gap: 11px; }
  .hpc-form-card { padding: 22px; }
  .hpc-form-grid { grid-template-columns: 1fr; gap: 0; }
  .hpc-trust-bar__grid { grid-template-columns: 1fr 1fr; }
  .hpc-trust-bar__grid > div { min-height: 118px; padding: 22px 16px; }
  .hpc-trust-bar strong { font-size: 18px; }
  .hpc-section { padding: 76px 0; }
  .hpc-section-heading { margin-bottom: 34px; }
  .hpc-section-heading h2 { font-size: 36px; }
  .hpc-section-heading p { font-size: 16px; }
  .hpc-card-grid--three, .hpc-process, .hpc-trust-panel { grid-template-columns: 1fr; }
  .hpc-card-grid--three > :last-child { grid-column: auto; }
  .hpc-card, .hpc-strategy-card { min-height: 0; }
  .hpc-process { gap: 28px; }
  .hpc-process__item { padding: 0 0 0 62px; }
  .hpc-process__item > span { position: absolute; left: 0; top: 0; }
  .hpc-process__item h3 { margin-top: 0; }
  .hpc-trust-panel > div { border-right: 0; min-height: 0; }
  .hpc-trust-panel > div:nth-last-child(-n+2) { border-bottom: 1px solid var(--hpc-border); }
  .hpc-trust-panel > div:last-child { border-bottom: 0; }
  .hpc-final-cta { padding: 78px 0 110px; }
  .hpc-final-cta h2 { font-size: 38px; }
  .hpc-footer__grid { grid-template-columns: 1fr 1fr; }
  .hpc-footer__grid > div:first-child { grid-column: 1 / -1; }
  .hpc-footer__grid > div:last-child { grid-column: auto; }
  .hpc-footer__bottom { grid-template-columns: 1fr; }
  .hpc-whatsapp-float { display: none; }
  .hpc-mobile-bar { position: fixed; z-index: 950; inset: auto 0 0; display: grid; grid-template-columns: 1fr 1fr; background: rgba(9,11,14,.96); border-top: 1px solid var(--hpc-border); padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); backdrop-filter: blur(14px); }
  .hpc-mobile-bar a { min-height: 48px; display: grid; place-items: center; font-size: 14px; font-weight: 700; }
  .hpc-mobile-bar a:first-child { background: linear-gradient(135deg, var(--hpc-gold-dark), var(--hpc-gold-light)); color: var(--hpc-bg); border-radius: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .hpc-reveal { opacity: 1; transform: none; }
}