/* HNZR Editorial System R2
   Ruhige Unterseiten: asymmetrische Einstiege, klare Inhaltsraster.
   Wird nicht von Admin, Kundenportal, Hub oder E-Mail-Templates geladen. */

body.hnzr-site {
  --editorial-ink:#10213c;
  --editorial-blue:#345cff;
  --editorial-line:#d7e1f0;
  --editorial-soft:#edf2fa;
  overflow-x:clip;
}

/* Gemeinsamer Rhythmus */
body.hnzr-site :is(.network-section-heading,.detail-section-head,.product-section-head,.extra-section-head,.answer-demo-section-head,.hnzr-work-section-head) {
  position:relative;
}

body.hnzr-site :is(.network-product,.detail-step,.map-card,.product-card-grid>article,.answer-demo-steps>article,.legal-card) {
  border-radius:22px;
}

/* Netzwerk-, Resolve-, System- und Preisseiten */
.network-page:not(.network-home) .network-page-hero>.container {
  width:min(1160px,calc(100% - 96px));
  margin-left:max(48px,calc((100% - 1280px)/2));
  margin-right:auto;
}

.network-page:not(.network-home) .network-page-hero h1 { max-width:920px; }
.network-page:not(.network-home) .network-page-hero .network-intro { max-width:720px; }
.network-page:not(.network-home) .network-hero-grid {
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:clamp(42px,6vw,86px);
  align-items:center;
}
.network-page:not(.network-home) .network-workspace { transform:none; }
.network-page:not(.network-home) .network-section-heading {
  grid-template-columns:minmax(0,7fr) minmax(260px,5fr);
  gap:clamp(42px,7vw,100px);
  align-items:end;
  margin-bottom:48px;
}
.network-page:not(.network-home) .network-products { grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start; }
.network-page:not(.network-home) .network-products>.network-product:nth-child(2) { transform:translateY(26px); }
.network-page:not(.network-home) .network-product { padding:clamp(28px,3vw,42px); }
.network-page:not(.network-home) .network-flow { grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start; }
.network-page:not(.network-home) .network-flow>article {
  min-height:260px;
  padding:28px 24px;
  border:1px solid var(--editorial-line);
  border-radius:20px;
  background:#fff;
}
.network-page:not(.network-home) .network-flow>article:nth-child(2) { transform:translateY(24px);box-shadow:0 18px 45px rgba(27,54,104,.08); }
.network-page:not(.network-home) .network-flow.network-prices>article { min-height:520px; }
.network-page:not(.network-home) .network-modules { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start; }
.network-page:not(.network-home) .network-modules>* { min-height:240px; }
.network-page:not(.network-home) .network-modules>*:nth-child(even) { transform:translateY(20px); }
.network-page:not(.network-home) .network-trust { grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(42px,7vw,100px); }

/* Answer, Inbox, Assistant und Autopilot */
.platform-detail .detail-hero .container { padding-left:clamp(0px,4vw,58px); }
.platform-detail .detail-hero h1 { max-width:980px; }
.platform-detail .detail-intro-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(46px,7vw,105px); }
.platform-detail .detail-intro-copy { padding-top:54px; }
.platform-detail .detail-section-head { width:min(100%,900px);margin-bottom:48px; }
.platform-detail .detail-demo { width:100%; }
.platform-detail .detail-steps { grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start; }
.platform-detail .detail-steps>.detail-step { min-height:250px; }
.platform-detail .detail-steps>.detail-step:nth-child(2) { transform:translateY(22px); }
.platform-detail .platform-map { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start; }
.platform-detail .platform-map>.map-card:nth-child(even) { transform:translateY(20px); }

/* Confirm, Review und weitere Produktseiten */
.product-detail .product-hero-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(46px,7vw,105px); }
.product-detail .product-preview { transform:none; }
.product-detail .product-section-head { width:min(100%,880px);margin-bottom:48px; }
.product-detail .product-card-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start; }
.product-detail .product-card-grid>article:nth-child(2) { transform:translateY(22px); }
.product-detail .product-flow-grid,.product-detail .integration-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(46px,7vw,105px); }

/* Studio, Leistungen, Prozess und Projekte */
.page-services .services-hero-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(46px,7vw,105px); }
.page-services .services-index { margin-top:46px; }
.page-services .service-editorial-row:nth-child(even) { margin-left:6%; }
.page-services .service-editorial-row:nth-child(odd) { margin-right:6%; }
.studio-hero-grid { grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(46px,7vw,105px); }
.studio-mark-big { margin-top:48px;transform:none; }
.studio-story-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(46px,7vw,105px); }
.studio-copy-columns { margin-top:44px; }
.principles { grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start; }
.principles>.principle:nth-child(2) { transform:translateY(22px); }
.process-hero-grid { grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(46px,7vw,105px); }
.process-map-line { margin-top:48px;transform:none; }
.process-steps .process-step { width:min(100%,980px); }
.process-steps .process-step:nth-child(even) { margin-left:auto; }
.hnzr-work-page .hnzr-work-section-head { grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(46px,7vw,105px); }
.hnzr-work-page .hnzr-work-product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start; }
.hnzr-work-page .hnzr-work-product-grid>.hnzr-work-product:nth-child(2) { transform:translateY(26px); }
.case-cover-inner { grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(46px,7vw,105px); }
.case-light-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(46px,7vw,105px); }
.case-result-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start; }
.case-result-grid>.case-result:nth-child(even) { transform:translateY(20px); }

/* Extra und Answer-Demo */
.extra-page .extra-hero-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(46px,7vw,105px); }
.extra-page .extra-hero-demo { transform:none; }
.extra-page .extra-case-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start; }
.extra-page .extra-case-grid>article:nth-child(even) { transform:translateY(20px); }
.extra-page .extra-calculator-grid,.extra-page .extra-install-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(46px,7vw,105px); }
.answer-demo-page .answer-demo-grid { grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(46px,7vw,105px); }
.answer-demo-page .answer-simulator { transform:none; }
.answer-demo-page .answer-demo-section-head { display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(46px,7vw,105px);max-width:none;align-items:end; }
.answer-demo-page .answer-demo-steps { grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start; }
.answer-demo-page .answer-demo-steps>article:nth-child(2) { transform:translateY(22px); }

/* FAQ */
.faq-page .faq-hero-grid { grid-template-columns:minmax(0,7fr) minmax(280px,5fr);gap:clamp(46px,7vw,105px); }
.faq-page .faq-principle { margin-top:54px;transform:none; }
.faq-page .faq-layout { grid-template-columns:minmax(250px,4fr) minmax(0,8fr);gap:clamp(46px,7vw,105px); }

/* Kontakt und Rechtliches: Lesbarkeit vor Inszenierung */
.contact-page .contact-layout { grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,68px);align-items:start; }
.contact-page .contact-invitation,.contact-page .enquiry-panel { transform:none; }
.legal-page-main .legal-hero-grid { grid-template-columns:minmax(0,7fr) minmax(260px,5fr);gap:clamp(46px,7vw,105px); }
.legal-page-main .legal-status { margin-top:54px;transform:none; }
.legal-page-main .legal-layout { grid-template-columns:minmax(190px,3fr) minmax(0,9fr);gap:clamp(38px,6vw,82px); }
.legal-page-main .legal-document>.legal-card { width:100%;margin-left:0;border-radius:22px; }

/* Funktionale Oberflächen bleiben geordnet */
.request-portal { width:min(1020px,calc(100% - 40px)); }
.request-portal .request-hero { grid-template-columns:minmax(0,7fr) minmax(260px,5fr);gap:clamp(32px,5vw,62px);border-radius:24px; }
.request-portal .progress-summary { transform:none; }
.request-portal :is(.upload-card,.requirements-card,.privacy-note) { width:100%;margin-left:0; }
.meet-app .meet-hero { width:100%;border-radius:26px; }
.meet-app .meet-hero>*:not(.meet-orbit) { position:relative;z-index:1;max-width:70%; }
.meet-app .meet-metrics { grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.meet-app .meet-metrics>.metric-card { transform:none; }
.meet-app .meet-section { width:100%;margin-left:0; }
.meet-app .meeting-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.meet-app .meeting-grid>* { grid-column:auto;transform:none; }

@media(max-width:900px) {
  .network-page:not(.network-home) .network-page-hero>.container { width:calc(100% - 64px);margin-inline:auto; }
  .network-page:not(.network-home) .network-hero-grid,.network-page:not(.network-home) .network-section-heading,
  .network-page:not(.network-home) .network-trust,.platform-detail .detail-intro-grid,.product-detail .product-hero-grid,
  .product-detail .product-flow-grid,.product-detail .integration-grid,.page-services .services-hero-grid,
  .studio-hero-grid,.studio-story-grid,.process-hero-grid,.case-cover-inner,.case-light-grid,
  .extra-page .extra-hero-grid,.extra-page .extra-calculator-grid,.extra-page .extra-install-grid,
  .answer-demo-page .answer-demo-grid,.answer-demo-page .answer-demo-section-head,.faq-page .faq-hero-grid,
  .faq-page .faq-layout,.contact-page .contact-layout,.legal-page-main .legal-hero-grid,.legal-page-main .legal-layout {
    grid-template-columns:1fr;
    gap:34px;
  }
  .network-page:not(.network-home) .network-products,.network-page:not(.network-home) .network-modules,
  .platform-detail .platform-map,.case-result-grid,.extra-page .extra-case-grid,.hnzr-work-page .hnzr-work-product-grid {
    grid-template-columns:1fr 1fr;
  }
  .network-page:not(.network-home) .network-flow,.platform-detail .detail-steps,.product-detail .product-card-grid,
  .principles,.answer-demo-page .answer-demo-steps { grid-template-columns:1fr; }
  .network-page:not(.network-home) :is(.network-products,.network-flow,.network-modules)>*,
  .platform-detail :is(.detail-steps,.platform-map)>*,.product-detail .product-card-grid>*,.principles>*,
  .case-result-grid>*,.extra-page .extra-case-grid>*,.answer-demo-page .answer-demo-steps>*,
  .hnzr-work-page .hnzr-work-product-grid>* { transform:none!important; }
  .platform-detail .detail-intro-copy { padding-top:0; }
  .page-services .service-editorial-row:nth-child(n) { margin-inline:0; }
  .studio-mark-big,.process-map-line,.faq-page .faq-principle,.legal-page-main .legal-status { margin-top:0; }
  .request-portal .request-hero { grid-template-columns:1fr; }
  .meet-app .meet-hero>*:not(.meet-orbit) { max-width:100%; }
  .meet-app .meeting-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:600px) {
  .network-page:not(.network-home) .network-page-hero>.container { width:calc(100% - 36px); }
  .network-page:not(.network-home) .network-products,.network-page:not(.network-home) .network-modules,
  .platform-detail .platform-map,.case-result-grid,.extra-page .extra-case-grid,.hnzr-work-page .hnzr-work-product-grid,
  .meet-app .meet-metrics,.meet-app .meeting-grid { grid-template-columns:1fr; }
  .platform-detail .detail-hero .container { padding-left:0; }
  .request-portal { width:min(100% - 22px,1020px); }
}

@media(prefers-reduced-motion:reduce) {
  .network-page:not(.network-home) :is(.network-product,.network-flow>article,.network-modules>*),
  .platform-detail :is(.detail-step,.map-card),.product-detail .product-card-grid>article,
  .principles>.principle,.case-result,.extra-case-grid>article,.answer-demo-steps>article,
  .hnzr-work-product { transform:none!important; }
}

/* R3: gezielte Signature-Momente – Wirkung im Einstieg, Ruhe im Inhalt. */
@keyframes editorial-hero-drift {
  0%,100% { background-position:0 0,100% 0,0 0; }
  50% { background-position:0 0,92% 8%,0 0; }
}

@keyframes editorial-panel-float {
  0%,100% { translate:0 0; }
  50% { translate:0 -8px; }
}

body.hnzr-site :is(.network-hero,.detail-hero,.product-hero,.services-hero,.studio-hero,.process-hero,.hnzr-work-hero,.extra-hero,.answer-demo-hero,.faq-hero,.legal-hero) {
  background-image:
    radial-gradient(circle at 84% 18%,rgba(82,110,255,.24),transparent 31%),
    radial-gradient(circle at 66% 72%,rgba(121,183,255,.14),transparent 27%),
    linear-gradient(180deg,rgba(255,255,255,.1),rgba(235,242,255,.18));
  background-size:auto,auto,auto;
  animation:editorial-hero-drift 18s ease-in-out infinite;
}

.platform-detail .detail-hero {
  background-color:#f5f8ff;
  background-image:
    radial-gradient(circle at 84% 18%,rgba(80,110,255,.2),transparent 31%),
    radial-gradient(circle at 65% 85%,rgba(63,154,255,.12),transparent 29%),
    linear-gradient(135deg,#fff,#eef3ff 72%);
}

body.hnzr-site :is(.network-hero,.detail-hero,.product-hero,.services-hero,.studio-hero,.process-hero,.hnzr-work-hero,.extra-hero,.answer-demo-hero,.faq-hero,.legal-hero)>.container {
  position:relative;
  z-index:1;
}

body.hnzr-site :is(.network-hero,.detail-hero,.product-hero,.services-hero,.studio-hero,.process-hero,.hnzr-work-hero,.extra-hero,.answer-demo-hero,.faq-hero,.legal-hero) h1 em,
body.hnzr-site :is(.network-section-heading,.detail-section-head,.product-section-head,.extra-section-head,.answer-demo-section-head,.hnzr-work-section-head,.faq-section-head) h2 em {
  color:var(--editorial-blue);
  background:linear-gradient(110deg,#345cff 8%,#6a82ff 56%,#298fcf 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.platform-detail .detail-hero h1 em { background-image:linear-gradient(110deg,#345cff,#6a82ff 56%,#298fcf); }

body.hnzr-site :is(.network-hero,.detail-hero,.product-hero,.services-hero,.studio-hero,.process-hero,.hnzr-work-hero,.extra-hero,.answer-demo-hero,.faq-hero,.legal-hero) :is(.platform-kicker,.overline,.detail-label,.extra-hero-kicker)>i,
body.hnzr-site :is(.network-hero,.detail-hero,.product-hero,.services-hero,.studio-hero,.process-hero,.hnzr-work-hero,.extra-hero,.answer-demo-hero,.faq-hero,.legal-hero) .platform-kicker::before {
  box-shadow:0 0 0 6px rgba(52,92,255,.1),0 0 24px rgba(52,92,255,.38);
}

body.hnzr-site .network-hero .platform-kicker::before,
body.hnzr-site .product-hero .platform-kicker::before,
body.hnzr-site .answer-demo-hero .platform-kicker::before {
  content:'';
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:11px;
  border-radius:50%;
  background:#345cff;
  vertical-align:1px;
}

body.hnzr-site :is(.network-workspace,.product-preview,.extra-hero-demo,.answer-simulator,.contact-art,.legal-status,.faq-principle) {
  border-color:rgba(109,135,214,.34);
  box-shadow:0 30px 80px rgba(29,56,110,.17),0 0 0 1px rgba(255,255,255,.78) inset;
}

.network-page:not(.network-home) .network-workspace,
.product-detail .product-preview,
.extra-page .extra-hero-demo,
.answer-demo-page .answer-simulator {
  animation:editorial-panel-float 8s ease-in-out infinite;
}

body.hnzr-site :is(.network-section-heading,.detail-section-head,.product-section-head,.extra-section-head,.answer-demo-section-head,.hnzr-work-section-head)::after {
  content:'';
  display:block;
  width:min(190px,30vw);
  height:3px;
  margin-top:24px;
  border-radius:99px;
  background:linear-gradient(90deg,#345cff,#8da3ff 58%,transparent);
}

body.hnzr-site :is(.network-soft,.detail-section:not(.white),.product-flow,.faq-tinted,.legal-content) {
  background-image:
    radial-gradient(circle at 8% 12%,rgba(74,104,255,.08),transparent 24%),
    radial-gradient(circle at 94% 78%,rgba(65,149,214,.07),transparent 25%);
}

body.hnzr-site :is(.network-product,.network-flow>article,.network-modules>a,.detail-step,.map-card,.product-card-grid>article,.answer-demo-steps>article,.case-result,.extra-case-grid>article,.legal-card) {
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

body.hnzr-site :is(.network-product,.network-flow>article,.network-modules>a,.detail-step,.map-card,.product-card-grid>article,.answer-demo-steps>article,.case-result,.extra-case-grid>article):hover {
  border-color:rgba(79,110,221,.42);
  box-shadow:0 22px 55px rgba(26,54,107,.12);
}

.network-page:not(.network-home) .network-products>.network-product:first-child:hover,
.platform-detail .detail-steps>.detail-step:first-child:hover,
.product-detail .product-card-grid>article:first-child:hover,
.answer-demo-page .answer-demo-steps>article:first-child:hover {
  transform:translateY(-7px);
}

.network-page:not(.network-home) .network-products>.network-product:nth-child(2):hover {
  transform:translateY(19px);
}

.network-page:not(.network-home) .network-flow>article:nth-child(2):hover,
.platform-detail .detail-steps>.detail-step:nth-child(2):hover,
.product-detail .product-card-grid>article:nth-child(2):hover,
.answer-demo-page .answer-demo-steps>article:nth-child(2):hover {
  transform:translateY(15px);
}

body.hnzr-site :is(.network-cta,.detail-final,.product-final,.faq-final-box,.home-cta-box) {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(9,28,64,.24);
}

body.hnzr-site :is(.network-cta,.detail-final,.product-final,.faq-final-box,.home-cta-box)::before {
  content:'';
  position:absolute;
  z-index:-1;
  width:520px;
  height:520px;
  right:-190px;
  top:-270px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(107,134,255,.35),transparent 66%);
  pointer-events:none;
}

.contact-page .contact-invitation {
  background:
    radial-gradient(circle at 12% 6%,rgba(118,145,255,.28),transparent 34%),
    linear-gradient(145deg,#10294d 0%,#173866 58%,#1d4c84 100%);
}

.contact-page .contact-art {
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

.contact-page .contact-person {
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

.contact-page .enquiry-panel:focus-within {
  border-color:rgba(52,92,255,.38);
  box-shadow:0 28px 75px rgba(25,51,99,.14),0 0 0 4px rgba(52,92,255,.06);
}

.legal-page-main .legal-card--accent {
  background-color:#102746;
  background-image:
    radial-gradient(circle at 88% 18%,rgba(96,132,255,.2),transparent 34%),
    linear-gradient(135deg,#102746,#173b72);
  border-color:#24497c;
  color:#fff;
  box-shadow:0 24px 65px rgba(27,54,104,.14);
}

.request-portal .request-hero {
  box-shadow:0 28px 75px color-mix(in srgb,var(--portal-primary) 22%,transparent);
}

.request-portal .upload-card:focus-within,
.request-portal .upload-card.dragging {
  box-shadow:0 22px 55px color-mix(in srgb,var(--portal-primary) 15%,transparent);
}

.meet-app .meet-hero {
  background-image:
    radial-gradient(circle at 84% 18%,rgba(113,137,255,.32),transparent 30%),
    linear-gradient(135deg,#142d55,#0b1e3a 72%);
  box-shadow:0 28px 80px rgba(15,39,79,.2);
}

.meet-app .metric-card {
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.meet-app .metric-card:hover {
  transform:translateY(-5px);
  border-color:rgba(74,105,220,.38);
  box-shadow:0 18px 42px rgba(25,51,99,.1);
}

@media(max-width:900px) {
  body.hnzr-site :is(.network-hero,.detail-hero,.product-hero,.services-hero,.studio-hero,.process-hero,.hnzr-work-hero,.extra-hero,.answer-demo-hero,.faq-hero,.legal-hero) {
    animation:none;
  }
  .network-page:not(.network-home) .network-workspace,
  .product-detail .product-preview,
  .extra-page .extra-hero-demo,
  .answer-demo-page .answer-simulator { animation:none; }
}

@media(prefers-reduced-motion:reduce) {
  body.hnzr-site :is(.network-hero,.detail-hero,.product-hero,.services-hero,.studio-hero,.process-hero,.hnzr-work-hero,.extra-hero,.answer-demo-hero,.faq-hero,.legal-hero),
  .network-page:not(.network-home) .network-workspace,
  .product-detail .product-preview,
  .extra-page .extra-hero-demo,
  .answer-demo-page .answer-simulator { animation:none!important; }
  body.hnzr-site :is(.network-product,.network-flow>article,.network-modules>a,.detail-step,.map-card,.product-card-grid>article,.answer-demo-steps>article,.case-result,.extra-case-grid>article,.metric-card) {
    transition:none!important;
  }
}