/* Shared HNZR art direction, extending the approved homepage across all routes. */
@import url('design-system.css');

:root {
  --color-brand:#345cff;
  --color-brand-hover:#2449df;
  --color-brand-soft:#edf2ff;
  --color-ink:#10213c;
  --color-text:#394e6b;
  --color-text-muted:#596c88;
  --color-surface-secondary:#f4f7fc;
  --color-border:#dce4f0;
  --radius-control:12px;
  --radius-card:20px;
  --radius-large:28px;
  --shadow-card:0 16px 42px #1939690d;
}

.hnzr-unified {font-family:var(--font-ui);color:var(--color-ink);background:var(--color-surface-secondary);-webkit-font-smoothing:antialiased}
.hnzr-unified :focus-visible {outline:3px solid #345cff;outline-offset:4px}
.hnzr-unified [hidden] {display:none!important}
.hnzr-unified :is(input,select,textarea) {font-size:1rem}
.hnzr-site {background:#fff;font-size:1rem;--max:1280px;--ink:#10213c;--muted:#596c88;--line:#dce4f0;--darkline:#dce4f0}
.hnzr-site .container {width:min(calc(100% - 64px),1280px)}
.hnzr-site .reveal {opacity:1;transform:none}
.hnzr-site :is(section,[id]) {scroll-margin-top:112px}
.hnzr-site .site-header {background:#ffffffed;border-bottom:1px solid #dce4f0;backdrop-filter:blur(18px)}
.hnzr-site .nav-inner {height:84px;gap:28px}
.hnzr-site .brand-wordmark {height:29px;width:auto;filter:none}
.hnzr-site .desktop-nav {gap:26px;margin-left:auto}
.hnzr-site .desktop-nav a {font-size:14px;color:#50617c;font-weight:600}
.hnzr-site .desktop-nav a:hover,.hnzr-site .desktop-nav a.active {color:#345cff}
.hnzr-site .nav-contact {min-height:46px;padding:0 19px;border:1px solid #345cff;border-radius:12px;background:#345cff;color:#fff;font-size:14px;font-weight:700;gap:16px}
.hnzr-site .nav-contact:hover {background:#2449df;border-color:#2449df;color:#fff}
.hnzr-site .nav-contact span {color:inherit}
.hnzr-site .menu-toggle {width:44px;height:44px;border-radius:10px}
.hnzr-site .menu-toggle i {background:#10213c;height:2px}
.hnzr-site .mobile-menu {background:#fff;color:#10213c;border:1px solid #dce4f0;box-shadow:var(--shadow-card);max-height:calc(100svh - 105px);overflow:auto}
.hnzr-site .mobile-menu a {font-size:16px;min-height:48px;padding:14px 10px;border-color:#edf1f7}
.hnzr-site .mobile-menu a.active {color:#345cff}
.hnzr-site .skip-link {position:fixed;top:12px;left:16px;z-index:1200;padding:12px 20px;background:#10213c;color:#fff;border-radius:10px;transform:translateY(-160%)}
.hnzr-site .skip-link:focus {transform:translateY(0)}

.hnzr-site .button {min-height:52px;padding:14px 22px;border-radius:12px;font-size:14px;line-height:1.4;font-weight:700;gap:14px}
.hnzr-site :is(.button-lime,.button-primary) {background:#345cff;border-color:#345cff;color:#fff;box-shadow:0 8px 20px #345cff20}
.hnzr-site :is(.button-lime,.button-primary):hover {background:#2449df;border-color:#2449df;color:#fff}
.hnzr-site .button-dark {background:#10213c;border-color:#10213c;color:#fff}
.hnzr-site .button-ghost {background:#fff;border-color:#cbd7eb;color:#10213c}
.hnzr-site :is(.platform-kicker,.detail-label,.overline,.product-kicker,.answer-demo-kicker) {font-size:12px;color:#45608a;font-weight:700;letter-spacing:.08em;line-height:1.6}
.hnzr-site :is(.platform-actions,.product-actions) {gap:20px;flex-wrap:wrap}
.hnzr-site :is(.platform-text-link,.product-actions>a:not(.button)) {font-size:14px;color:#345cff}

/* White, spacious entrances with a common type scale. */
.hnzr-site :is(.detail-hero,.product-hero,.services-hero,.studio-hero,.process-hero,.work-hero,.extra-hero,.answer-demo-hero) {position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fff 5%,#f5f8ff 88%,#fff);padding:152px 0 80px;min-height:0;color:#10213c}
.hnzr-site .detail-hero>.container {position:relative;z-index:1}
.hnzr-site .page-art {position:absolute;width:min(62vw,780px);max-width:none;right:-160px;top:24px;opacity:.22;z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 40%)}
.hnzr-site :is(.detail-hero,.product-copy,.services-hero,.studio-hero,.process-hero,.work-hero,.extra-hero-copy,.answer-demo-copy) h1 {font-family:var(--font-ui);font-weight:600;font-size:clamp(48px,6.1vw,88px);line-height:1.04;letter-spacing:-.065em;color:#10213c;max-width:1000px;margin:26px 0}
.hnzr-site :is(.detail-hero,.product-copy,.services-hero,.studio-hero,.process-hero,.work-hero,.extra-hero-copy,.answer-demo-copy) h1 em {font-family:var(--font-display);font-weight:400;font-style:italic;color:#345cff;letter-spacing:-.045em}
.hnzr-site :is(.detail-hero>div>p,.product-copy>p,.services-hero p,.studio-hero p,.process-hero p,.work-hero p,.extra-hero-copy>p,.answer-demo-copy>p) {font-size:17px;line-height:1.8;color:#596c88;max-width:660px}
.hnzr-site :is(.product-hero-grid,.extra-hero-grid,.answer-demo-grid) {grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.hnzr-site :is(.product-preview,.extra-demo-wrap,.answer-simulator) {min-width:0;width:100%}
.hnzr-site :is(.product-hero h1,.extra-hero h1,.answer-demo-hero h1) {font-size:clamp(44px,4.8vw,70px)}
.hnzr-site :is(.product-micro,.extra-hero-proof,.answer-demo-facts) {font-size:14px;color:#596c88;border-color:#dce4f0}

/* Reading rhythm and light surfaces shared by retained and newer pages. */
.hnzr-site :is(.detail-intro,.detail-section,.product-benefits,.product-flow,.product-integration,.services-editorial,.studio-story,.brand-system-section,.process-steps,.work-gallery,.case-light,.extra-light,.extra-cases,.extra-calculator-section,.extra-install,.extra-pricing,.answer-demo-explainer,.answer-demo-boundary) {padding:80px 0;background:#fff;color:#10213c}
.hnzr-site :is(.detail-section.white,.product-flow,.brand-system-section,.extra-cases,.extra-install,.answer-demo-boundary) {background:#f4f7fc}
.hnzr-site :is(.detail-intro-grid,.product-flow-grid,.integration-grid) {gap:56px}
.hnzr-site :is(.detail-section-head,.product-section-head,.extra-section-head,.answer-demo-section-head) {margin-bottom:36px;max-width:850px}
.hnzr-site :is(.detail-intro h2,.detail-section-head h2,.product-section-head h2,.integration-copy h2,.services-editorial h2,.studio-story h2,.brand-system-section h2,.extra-section-head h2,.extra-install h2,.extra-pricing h2,.answer-demo-section-head h2,.answer-demo-boundary h2) {font:600 clamp(34px,4.4vw,62px)/1.08 var(--font-ui);letter-spacing:-.055em;margin:16px 0 20px;color:#10213c}
.hnzr-site :is(.detail-intro h2,.detail-section-head h2,.product-section-head h2,.integration-copy h2,.services-editorial h2,.studio-story h2,.brand-system-section h2,.extra-section-head h2,.extra-install h2,.extra-pricing h2,.answer-demo-section-head h2,.answer-demo-boundary h2) em {font-family:var(--font-display);font-weight:400;color:#345cff}
.hnzr-site :is(.detail-intro-copy p,.detail-section-head p,.detail-step p,.map-card p,.capability-row p,.price-card p,.product-card-grid p,.flow-list p,.integration-copy p,.extra-section-head p,.extra-case-card p,.extra-install p,.extra-price-grid p,.answer-demo-steps p,.answer-demo-boundary p,.services-editorial p,.studio-story p,.brand-system-section p,.process-steps p) {font-size:16px;line-height:1.75;color:#596c88}
.hnzr-site :is(.detail-steps,.product-card-grid,.price-grid,.extra-price-grid,.answer-demo-steps) {gap:20px}
.hnzr-site :is(.detail-step,.map-card,.price-card,.product-card-grid>article,.extra-price-grid>article,.answer-demo-steps>article) {background:#fff;border:1px solid #dce4f0;border-radius:20px;padding:30px;box-shadow:none;color:#10213c;min-width:0}
.hnzr-site :is(.map-card,.price-card,.detail-step) h3 {font-size:27px;letter-spacing:-.035em;line-height:1.2;color:#10213c}
.hnzr-site :is(.detail-step>span,.map-card>span,.price-card>span,.product-card-grid>article>span,.answer-demo-steps>article>span) {font-size:12px;color:#45608a}
.hnzr-site .map-card:hover {border-color:#8ca5ff;box-shadow:0 14px 36px #1939690a}
.hnzr-site .price-card.featured,.hnzr-site .extra-price-grid>article.featured {background:#edf2ff;border-color:#91a8ff;color:#10213c}
.hnzr-site :is(.price-card.featured p,.price-card.featured li,.extra-price-grid>article.featured p,.extra-price-grid>article.featured li) {color:#425878}
.hnzr-site :is(.price-card strong,.extra-price-grid strong) {color:#10213c;font-size:24px}
.hnzr-site :is(.detail-points,.detail-point,.capability-row,.flow-list article,.process-step) {border-color:#dce4f0}
.hnzr-site :is(.detail-point,.capability-row b,.price-card li,.flow-list small,.integration-panel span) {font-size:14px}
.hnzr-site :is(.detail-demo,.preview-browser,.extra-demo-card) {border-radius:24px;box-shadow:0 24px 60px #16326a16}
.hnzr-site .product-preview .preview-browser {overflow:hidden}
.hnzr-site :is(.preview-body p,.preview-body button) {font-size:14px}
.hnzr-site .product-preview .preview-primary {background:#345cff;color:#fff;border-color:#345cff}
.hnzr-site .preview-label {font-size:12px;color:#596c88;text-align:center;margin:14px 0 0}
.hnzr-site .detail-section .related-route {margin:28px 0 0;font-size:16px;color:#596c88}
.hnzr-site .related-route a {color:#345cff;font-weight:700}

/* Short homepage overview: detailed product descriptions live on product pages. */
.hnzr-site .home-product-overview {padding:80px 0;background:#fff}
.hnzr-site .home-product-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.hnzr-site .home-product-grid a {padding:26px 0 0;border-top:1px solid #dce4f0;color:#10213c}
.hnzr-site .home-product-grid small {font-size:12px;font-weight:700;color:#596c88;letter-spacing:.07em}
.hnzr-site .home-product-grid h3 {margin:18px 0 12px;font-size:28px;letter-spacing:-.035em;line-height:1.15}
.hnzr-site .home-product-grid p {font-size:16px;line-height:1.65;color:#596c88;max-width:260px}
.hnzr-site .home-product-grid b {display:inline-block;margin-top:12px;color:#345cff;font-size:14px}
.hnzr-site .result-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hnzr-site .result-card {min-height:250px;border:1px solid #dce4f0;border-radius:20px;background:#fff;color:#10213c}
.hnzr-site .result-card h3 {font-size:34px;color:#10213c}
.hnzr-site .result-card p {color:#596c88;font-size:16px}
.hnzr-site .result-card b {color:#345cff}
.hnzr-site .public-numbers-head>p {font-size:16px;line-height:1.7}
.hnzr-site .connect-caption {font-size:14px}

/* One closing section per page; one consistent footer. */
.hnzr-site :is(.detail-final,.product-final,.extra-final,.services-dark,.home-cta) {padding:80px 0;background:radial-gradient(ellipse at 80% 120%,#2446a4,transparent 60%),#0d203e;color:#fff}
.hnzr-site :is(.detail-final h2,.product-final h2,.extra-final h2,.services-dark h2,.home-cta h2) {font:600 clamp(38px,5.4vw,72px)/1.06 var(--font-ui);letter-spacing:-.055em;color:#fff}
.hnzr-site :is(.detail-final h2,.product-final h2,.extra-final h2,.services-dark h2,.home-cta h2) em {font-family:var(--font-display);font-weight:400;color:#adc4ff}
.hnzr-site :is(.detail-final p,.product-final p,.extra-final p,.services-dark p,.home-cta p,.detail-final .platform-kicker) {color:#b9c9e3;font-size:16px}
.hnzr-site :is(.product-final-box,.extra-final-box) {padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.hnzr-site :is(.product-final,.extra-final,.home-cta) .button-dark {background:#345cff;border-color:#345cff;color:#fff}
.hnzr-site .site-footer {padding:62px 0 0;background:#0b1c34;color:#dce6f5;border-top:1px solid #ffffff14}
.hnzr-site .site-footer .footer-main {display:grid;grid-template-columns:minmax(200px,1fr) 2fr;gap:80px;padding-bottom:46px;align-items:start}
.hnzr-site .site-footer .footer-wordmark img {width:118px;height:auto;filter:brightness(0) invert(1)}
.hnzr-site .site-footer .footer-brand p {font-size:15px;color:#b4c4dc;max-width:260px;margin:20px 0}
.hnzr-site .site-footer .footer-brand>a:last-child {color:#adc4ff;font-size:14px}
.hnzr-site .site-footer .footer-columns {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.hnzr-site .site-footer .footer-columns small {display:block;margin-bottom:18px;color:#91a7c6;font-size:12px;letter-spacing:.08em}
.hnzr-site .site-footer .footer-columns a {display:block;font-size:14px;color:#e0e9f7;padding:6px 0}
.hnzr-site .site-footer .footer-columns a:hover,.hnzr-site .footer-bottom a:hover {color:#adc4ff}
.hnzr-site .site-footer .footer-bottom {display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid #ffffff1c;padding:22px 0;color:#a6b8d2;font-size:12px}
.hnzr-site .footer-bottom nav {display:flex;flex-wrap:wrap;gap:22px}

/* Contact and legal pages use the same reading surfaces, without decorative copy. */
.hnzr-site .contact-main {width:min(calc(100% - 64px),1280px);margin:auto;padding:146px 0 80px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:76px;background:#fff}
.hnzr-site .contact-intro,.hnzr-site .contact-form-side {padding:0;background:none;color:#10213c;min-width:0;border:0}
.hnzr-site .contact-intro {display:block}
.hnzr-site .contact-intro h1 {font:600 clamp(44px,5vw,72px)/1.06 var(--font-ui);letter-spacing:-.06em;margin:26px 0}
.hnzr-site .contact-intro h1 em {font-family:var(--font-display);font-weight:400;color:#345cff}
.hnzr-site .contact-intro p {font-size:17px;line-height:1.8;color:#596c88;max-width:470px}
.hnzr-site .contact-details {margin-top:32px}
.hnzr-site .contact-details a {font-size:17px;color:#345cff;display:block;margin:12px 0}
.hnzr-site .contact-form {max-width:none;padding:32px;border:1px solid #dce4f0;border-radius:24px;background:#f7f9ff;box-shadow:var(--shadow-card)}
.hnzr-site .contact-form-intro {margin-bottom:26px;border-color:#dce4f0}
.hnzr-site .contact-form-intro :is(span,b),.hnzr-site .contact-form label>span {font-size:14px;color:#435875}
.hnzr-site .contact-form :is(input,select,textarea) {background:#fff;color:#10213c;border-color:#d3deee;border-radius:12px;padding:13px 15px}
.hnzr-site .contact-form textarea {min-height:140px}
.hnzr-site .contact-form input[type=checkbox] {padding:0}
.hnzr-site .privacy-box {background:#fff;border-color:#dce4f0;border-radius:16px}
.hnzr-site .consent-copy :is(b,small) {font-size:14px;color:#435875}
.hnzr-site .consent-copy small {line-height:1.6}
.hnzr-site .privacy-meta,.hnzr-site .contact-small {font-size:12px;color:#596c88}
.hnzr-site .legal {padding:145px 0 84px;background:linear-gradient(#f7f9ff,#fff 380px);color:#10213c}
.hnzr-site .legal-wrap {max-width:850px}
.hnzr-site .legal h1 {font:600 clamp(46px,6vw,78px)/1.08 var(--font-ui);letter-spacing:-.06em;color:#10213c}
.hnzr-site .legal h2 {font-size:23px;line-height:1.35;margin-top:36px;color:#10213c;letter-spacing:-.025em}
.hnzr-site .legal :is(p,li) {font-size:16px;line-height:1.85;color:#435875}
.hnzr-site .legal a {color:#345cff;overflow-wrap:anywhere}
.hnzr-site :is(.process-map,.brand-system-card,.work-meta-strip,.process-note) {background:#f4f7fc;color:#10213c;border-color:#dce4f0;border-radius:20px}
.hnzr-site .process-step {padding-block:34px}
.hnzr-site .process-step h2 {font-size:34px;color:#10213c}
.hnzr-site .process-step .big-no {color:#345cff}
.hnzr-site .case-cover {padding-top:152px}
.hnzr-site .extra-calculator {border-color:#dce4f0;border-radius:24px}
.hnzr-site :is(.extra-install-step,.extra-case-card) {border-color:#dce4f0;border-radius:20px}
.hnzr-site .extra-pricing {scroll-margin-top:100px}
.hnzr-site .extra-pricing-note {font-size:14px;line-height:1.65;color:#596c88;margin-top:24px}
.hnzr-site .extra-pilot-summary {margin:0 0 32px;padding:22px 26px;border-radius:16px;background:#edf2ff;color:#435875;font-size:16px;line-height:1.7}
.hnzr-site .extra-pilot-summary a {color:#345cff;font-weight:700}
.hnzr-site .extra-hero-proof span {font-size:14px}
.hnzr-site .answer-demo-hero {min-height:0}
.hnzr-site .answer-demo-facts {grid-template-columns:1fr;gap:12px}
.hnzr-site .answer-demo-facts :is(span,b) {display:inline;font-size:14px}
.hnzr-site .answer-demo-facts b {margin-right:5px}
.hnzr-site .answer-demo-facts b::after {content:' '}
.hnzr-site .answer-demo-copy>p {margin-top:20px}
.hnzr-site .answer-simulator {background:#10243e;box-shadow:0 24px 64px #15397626;border-color:#294a78}
.hnzr-site .simulator-intro>p,.hnzr-site .simulator-message,.hnzr-site .simulator-response textarea {font-size:16px}
.hnzr-site :is(.simulator-bar span,.simulator-bar b,.simulator-privacy,.simulator-mic-note,.simulator-result-note,.simulator-footer button) {font-size:12px}

/* Workspaces keep their compact task layout and adopt the same light shell. */
.hnzr-app {background:#f4f7fc;font-size:15px;--ink:#10213c;--muted:#596c88;--paper:#f4f7fc;--card:#fff;--line:#dce4f0;--blue:#345cff;--blue-soft:#edf2ff;--lime:#345cff}
.hnzr-app :is(.login-story,.login-brand) {background:linear-gradient(155deg,#fff,#edf3ff);color:#10213c}
.hnzr-app :is(.login-story,.login-brand)::before,.hnzr-app :is(.login-story,.login-brand)::after {display:none}
.hnzr-app :is(.login-story,.login-brand) {background-image:linear-gradient(#ffffffda,#f1f5ffe8),url('assets/home-glass-ribbon.png');background-size:cover;background-position:center}
.hnzr-app .login-story .portal-mark {filter:none}
.hnzr-app :is(.login-story,.login-brand) h1 {font-weight:600;color:#10213c;line-height:1.04}
.hnzr-app :is(.login-story,.login-brand) h1 em {font-family:var(--font-display);font-weight:400;color:#345cff;font-style:italic}
.hnzr-app :is(.login-story p,.login-story-copy>span,.login-proof,.login-brand p) {color:#596c88}
.hnzr-app .login-panel {background:#fff}
.hnzr-app .login-panel form {border:1px solid #dce4f0;border-radius:24px;background:#fff;box-shadow:var(--shadow-card)}
.hnzr-app .login-panel :is(input,.password-control) {background:#f7f9ff}
.hnzr-app :is(.login-panel label span,.login-capabilities span,.access-help,.login-footer,.form-message) {font-size:14px}
.hnzr-app .sidebar {background:#fff;color:#10213c;border-right:1px solid #dce4f0;box-shadow:none}
.hnzr-app .portal-brand {filter:none;color:#10213c}
.hnzr-app :is(.sidebar .brand,.sidebar-brand,.sidebar-brand .brand,.sidebar .workspace) {color:#10213c}
.hnzr-app :is(.business-chip,.sidebar .workspace) {background:#f4f7fc;border-color:#dce4f0}
.hnzr-app .business-chip :is(small,span),.hnzr-app .nav-group>small {color:#596c88;font-size:12px}
.hnzr-app .sidebar nav button {color:#596c88;font-size:14px;min-height:46px}
.hnzr-app .sidebar nav button:hover,.hnzr-app .sidebar nav button.active {background:#edf2ff;color:#345cff}
.hnzr-app .sidebar nav button>b {background:#345cff;color:#fff}
.hnzr-app .sidebar-foot button {color:#596c88;font-size:14px}
.hnzr-app .sidebar-foot button:first-child {background:#f4f7fc;color:#435875}
.hnzr-app :is(.topbar,.workspace-header) {border-color:#dce4f0;background:transparent}
.hnzr-app .topbar h1 {font-family:var(--font-ui);font-weight:600;letter-spacing:-.04em}
.hnzr-app :is(.morning-card,.overview-hero) {background:linear-gradient(120deg,#fff,#f0f4ff);border-color:#dce4f0;border-radius:24px;box-shadow:var(--shadow-card)}
.hnzr-app .morning-card h2 {font-size:clamp(32px,3.2vw,42px);line-height:1.1;letter-spacing:-.045em}
.hnzr-app :is(.today-stat,.panel,.summary-card,.metric-card,.inbox-item,.attention-card) {border-color:#dce4f0;border-radius:20px;box-shadow:none}
.hnzr-app :is(.eyebrow,.topbar small,.workspace-state,.today-stat small,.today-stat span) {font-size:12px}
.hnzr-app :is(.primary,.primary-button) {background:#345cff;border-color:#345cff;color:#fff;border-radius:12px}
.hnzr-app :is(.secondary,.secondary-button) {background:#fff;border-color:#dce4f0;color:#10213c;border-radius:12px}

@media(max-width:1050px) {
  .hnzr-site :is(.product-hero-grid,.extra-hero-grid,.answer-demo-grid) {gap:32px}
  .hnzr-site .home-product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .hnzr-site .site-footer .footer-main {gap:40px}
  .hnzr-site .contact-main {gap:40px}
}
@media(max-width:980px) {
  .hnzr-site .desktop-nav {display:none}
  .hnzr-site .menu-toggle {display:block;margin-left:0}
  .hnzr-site .nav-contact {margin-left:auto}
  .hnzr-site .mobile-menu {top:84px;left:24px;right:24px}
  .hnzr-site :is(.product-hero-grid,.extra-hero-grid,.answer-demo-grid) {grid-template-columns:minmax(0,1fr)}
  .hnzr-site :is(.product-preview,.extra-demo-wrap,.answer-simulator) {max-width:610px;justify-self:center}
  .hnzr-site .price-grid,.hnzr-site .extra-price-grid {grid-template-columns:minmax(0,1fr)}
  .hnzr-site .contact-main {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px) {
  .hnzr-site .container,.hnzr-site .contact-main {width:calc(100% - 36px)}
  .hnzr-site .nav-inner {height:76px;gap:16px}
  .hnzr-site .brand-wordmark {height:26px}
  .hnzr-site .mobile-menu {top:76px;left:18px;right:18px}
  .hnzr-site :is(.detail-hero,.product-hero,.services-hero,.studio-hero,.process-hero,.work-hero,.extra-hero,.answer-demo-hero) {padding:118px 0 52px}
  .hnzr-site :is(.detail-hero,.product-copy,.services-hero,.studio-hero,.process-hero,.work-hero,.extra-hero-copy,.answer-demo-copy) h1 {font-size:clamp(40px,10vw,62px);line-height:1.06;overflow-wrap:break-word}
  .hnzr-site :is(.detail-hero,.product-copy,.extra-hero-copy,.answer-demo-copy) h1 em {white-space:normal}
  .hnzr-site .page-art {width:650px;right:-340px;opacity:.16}
  .hnzr-site :is(.detail-intro,.detail-section,.product-benefits,.product-flow,.product-integration,.services-editorial,.studio-story,.brand-system-section,.process-steps,.work-gallery,.case-light,.extra-light,.extra-cases,.extra-calculator-section,.extra-install,.extra-pricing,.answer-demo-explainer,.answer-demo-boundary,.home-product-overview) {padding:55px 0}
  .hnzr-site :is(.detail-intro-grid,.product-flow-grid,.integration-grid) {grid-template-columns:minmax(0,1fr);gap:28px}
  .hnzr-site :is(.detail-steps,.product-card-grid,.answer-demo-steps,.result-grid) {grid-template-columns:minmax(0,1fr)}
  .hnzr-site :is(.detail-step,.map-card,.price-card,.product-card-grid>article,.extra-price-grid>article,.answer-demo-steps>article) {padding:24px}
  .hnzr-site :is(.detail-final,.product-final,.extra-final,.services-dark,.home-cta) {padding:62px 0}
  .hnzr-site .site-footer .footer-main {grid-template-columns:minmax(0,1fr);gap:36px}
  .hnzr-site .site-footer .footer-columns {gap:18px}
  .hnzr-site .site-footer .footer-columns a {font-size:14px}
  .hnzr-site .site-footer .footer-bottom {gap:18px;font-size:12px}
  .hnzr-site .contact-main {padding:118px 0 55px;gap:30px}
  .hnzr-site .contact-form {padding:22px 18px}
  .hnzr-site .legal {padding:118px 0 60px}
  .hnzr-site .legal h1 {font-size:46px}
  .hnzr-site .simulator-intro {padding:40px 22px 28px}
  .hnzr-site .simulator-result {padding:28px 22px}
  .hnzr-app .login-story {padding:32px 24px}
  .hnzr-app .login-panel {padding:28px 18px}
  .hnzr-app .login-panel form {padding:26px 22px}
}
@media(max-width:480px) {
  .hnzr-site .nav-contact {display:none}
  .hnzr-site .menu-toggle {margin-left:auto}
  .hnzr-site .home-product-grid {grid-template-columns:minmax(0,1fr);gap:20px}
  .hnzr-site .home-product-grid a {padding-top:22px}
  .hnzr-site .home-product-grid p {max-width:none;margin:10px 0}
  .hnzr-site .home-product-grid b {margin-top:4px}
  .hnzr-site .site-footer .footer-columns {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}
}
@media(prefers-reduced-motion:reduce) {
  .hnzr-unified *, .hnzr-unified *::before, .hnzr-unified *::after {scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Retained studio panels and Control authentication share the same palette. */
.hnzr-site .brand-notes-panel {background:#fff;border-color:#dce4f0;color:#10213c}
.hnzr-site .brand-board-panel {background:#f4f7fc;border-color:#dce4f0}
.hnzr-site .brand-board-panel img {object-fit:contain;min-height:300px}
.hnzr-site .swatch:nth-child(1) {background:#10213c;color:#fff}
.hnzr-site .swatch:nth-child(2) {background:#f4f7fc;color:#10213c}
.hnzr-site .swatch:nth-child(3) {background:#596c88;color:#fff}
.hnzr-site .swatch:nth-child(4) {background:#345cff;color:#fff}
.hnzr-site .swatch span {font-size:10px;letter-spacing:0}
.hnzr-site .services-dark .price-card :is(p,li) {color:#435875}
.hnzr-site .services-dark .price-card .overline {color:#45608a}
.hnzr-site .legal-note {background:#edf2ff;border:1px solid #dce4f0;color:#435875;border-radius:16px;padding:20px}
.hnzr-app .auth-screen {background:linear-gradient(#ffffffc9,#edf3ffeb),url('assets/home-glass-ribbon.png') center/cover}
.hnzr-app .auth-ambient {display:none}
.hnzr-app .auth-card {background:#fff;border:1px solid #dce4f0;border-radius:28px;box-shadow:0 24px 70px #16326a14;color:#10213c}
.hnzr-app .auth-copy h1 {font-weight:600;letter-spacing:-.05em;color:#10213c}
.hnzr-app .auth-copy h1 em {font-family:var(--font-display);font-weight:400;color:#345cff}
.hnzr-app .auth-copy p,.hnzr-app .sidebar-foot a,.hnzr-app .sidebar-user small {color:#596c88}
.hnzr-app .portal-brand img,.hnzr-app .portal-mark img {filter:none}
.hnzr-app .sidebar .workspace small {color:#596c88}
.hnzr-app .sidebar .workspace strong,.hnzr-app .sidebar-user strong {color:#10213c}
.hnzr-site .extra-price-grid :is(small,li,strong i) {font-size:14px;color:#435875;line-height:1.6}
.hnzr-site .extra-price-grid :is(ul,li) {border-color:#dce4f0}
.hnzr-site .extra-pricing-head>span {font-size:12px;color:#45608a;letter-spacing:.08em}
.hnzr-site .extra-pricing-head>p {font-size:16px;line-height:1.75;color:#596c88}
.hnzr-site .service-bullets span {font-size:13px;color:#435875;border-color:#dce4f0}
.hnzr-site .case-cover h1 {font-family:var(--font-ui);font-weight:600;color:#10213c}
.hnzr-site .case-cover h1 em {font-family:var(--font-display);font-weight:400;color:#345cff}
