/* APP12: static photographs of ClaimOne's original components.
 * The neutral handset uses Stageshow Phone's soft frame proportions
 * (393 × 829 screen, 12.5 edge, 42 screen radius), revision 802057409787.
 * No simulated OS status, video player or screenshot interaction.
 */
.brand-refresh .product-shot {
  --shot-radius: 18px;
  margin: 0;
  min-width: 0;
  text-align: left;
}
.brand-refresh .product-shot picture {display:block;min-width:0;}
.brand-refresh .product-shot img {display:block;width:100%;height:auto;max-width:100%;}
.brand-refresh .product-window {
  overflow:hidden;
  border:1px solid #22282c12;
  border-radius:var(--shot-radius);
  background:#f5f6f8;
  box-shadow:0 4px 12px #1d252708,0 24px 60px -34px #1b2b3547;
}
.brand-refresh .product-shot figcaption {
  display:flex;justify-content:space-between;gap:10px 28px;
  margin:17px 2px 0;padding:0;
  font-size:13px;line-height:1.6;color:#686b70;
}
.brand-refresh .product-shot figcaption strong {color:#383d42;font-weight:550;}
.brand-refresh .product-shot--hero {margin:46px auto 0;}
.brand-refresh .product-shot--hero .product-window {--shot-radius:20px;}
.brand-refresh .product-shot--wide {width:100%;max-width:1000px;margin-inline:auto;}
.brand-refresh .product-shot--inset {margin-top:44px;}
.brand-refresh .product-shot--answer .product-window {padding:24px 20px;}
.brand-refresh .product-shot--answer img {border-radius:8px;}
.brand-refresh .product-phone {
  --phone-width:244px;
  width:var(--phone-width);max-width:100%;flex:none;
  aspect-ratio:418 / 854;
  padding:calc(var(--phone-width) * 12.5 / 418);
  border-radius:calc(var(--phone-width) * 54.5 / 418);
  background:linear-gradient(145deg,#fff 8%,#e8ebed 62%,#d6dce0);
  border:1px solid #c9cfd4;
  box-shadow:0 2px 3px #14202b14,0 24px 44px -24px #20313e47;
}
.brand-refresh .product-phone__screen {
  overflow:hidden;isolation:isolate;
  border-radius:calc(var(--phone-width) * 42 / 418);
  background:#faf9f6;
}
.brand-refresh .product-phone img {width:100%;aspect-ratio:393 / 829;}
.brand-refresh .product-phones {
  display:flex;align-items:flex-start;justify-content:center;gap:22px;
  padding:4px 0 24px;min-width:0;
}
.brand-refresh .product-phones--pair .product-phone {--phone-width:238px;}
.brand-refresh .product-shot--phone figcaption {justify-content:center;text-align:center;}
.brand-refresh .product-story {
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:center;gap:56px;margin-top:52px;
}
.brand-refresh .product-story>* {min-width:0;}
.brand-refresh .product-story h3 {font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:0 0 18px;}
.brand-refresh .product-story p {font-size:16px;line-height:1.75;color:#666a70;}
.brand-refresh .product-extension-scene {
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);
  align-items:center;gap:36px;
}
.brand-refresh .product-extension-scene>* {min-width:0;}
.brand-refresh .product-extension-caption {font-size:13px;line-height:1.65;margin:18px 0 0;color:#747b79;}
.brand-refresh .product-shot--workflow-pair {display:grid;grid-template-columns:minmax(0,1fr) 224px;align-items:center;gap:32px;}
.brand-refresh .product-shot--workflow-pair .product-phone {--phone-width:224px;}
.brand-refresh .product-shot--workflow-pair figcaption {grid-column:1 / -1;margin-top:0;}
.brand-refresh .product-shot--support {margin:22px 0 4px;}
.brand-refresh .product-shot--support figcaption {font-size:12px;}
.brand-refresh .product-shot--demo {margin-top:36px;}
.brand-refresh .product-shot--demo .product-window {--shot-radius:12px;}

/* Keep the established page rhythm; the image carries the product detail. */
.brand-refresh.landing-page .platform-hero {padding-bottom:52px;}
.brand-refresh.landing-page .platform-promise {margin-top:28px;}
.brand-refresh.landing-page .journey-stage {border:0;background:#f5f5f7;}
.brand-refresh.landing-page .journey-top {padding:16px 30px;border-bottom-color:#dedfe4;}
.brand-refresh.landing-page .journey-panel {min-height:360px;align-items:center;}
.brand-refresh.landing-page .journey-visual {background:transparent;padding:28px 32px;}
.brand-refresh.landing-page .journey-visual .product-shot {width:100%;}
.brand-refresh.landing-page .journey-visual .product-phones {padding-bottom:0;}
.brand-refresh.landing-page .journey-visual .product-phone {--phone-width:220px;}
.brand-refresh.landing-page .journey-visual .product-window {--shot-radius:12px;}
.brand-refresh.landing-page .customer-feature .feature-grid {gap:56px;}
.brand-refresh.landing-page .assistant-feature .product-shot--answer {max-width:1000px;margin-inline:auto;}
.brand-refresh.landing-page .own-flows-feature .product-shot {margin-top:42px;}
.brand-refresh.landing-page .own-flows-feature .flow-explanation {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;max-width:1000px;margin:24px auto 0;}
.brand-refresh.landing-page .own-flows-feature .flow-explanation p {font-size:16px;line-height:1.6;max-width:none;margin:0;}
.brand-refresh.landing-page .own-flows-feature .flow-explanation .text-link {font-size:15px;margin:0;}
.brand-refresh.marketing-page .page-hero-art:has(.product-shot) {max-width:1100px;margin-top:44px;}
.brand-refresh.marketing-page .page-hero-art .product-shot {width:100%;}
.brand-refresh.page-how .how-explorer .case-panel-inner.product-original {
  padding:0;background:transparent;border:0;box-shadow:none;
}
.brand-refresh.page-how .case-panel-inner.product-original .product-phones {padding-bottom:0;}
.brand-refresh.page-how .case-panel-inner.product-original .product-phone {--phone-width:244px;}
.brand-refresh.page-how .how-explorer .case-panel {gap:56px;}
.brand-refresh.page-security .gate-visual.product-original {
  padding:0;border:0;background:transparent;box-shadow:none;
}
.brand-refresh.page-security .gate-visual.product-original .product-phone {--phone-width:236px;}
.brand-refresh.page-security .gate-visual.product-original .product-window {--shot-radius:14px;}
.brand-refresh.page-examples .practice-figure.product-shot {background:none;border:0;padding:0;}
.brand-refresh.page-examples :is(#antwort-mit-quelle,#portal-weiterarbeiten) .practice-layout {grid-template-columns:1fr;gap:36px;}
.brand-refresh.page-examples :is(#antwort-mit-quelle,#portal-weiterarbeiten) .feature-copy {max-width:760px;}
.brand-refresh.page-examples #antwort-mit-quelle .product-shot {max-width:1000px;width:100%;margin-inline:auto;}
.brand-refresh.landing-page .journey-visual .product-phones--conversation {height:320px;overflow:hidden;padding:0;mask-image:linear-gradient(#000 calc(100% - 24px),transparent);}
.brand-refresh .practice-dark .product-extension-caption,
.brand-refresh .practice-dark .product-shot figcaption {color:#c3c7ca;}
.brand-refresh .practice-dark .product-shot figcaption strong {color:#f5f5f7;}
.brand-refresh .practice-dark .product-window {border-color:#ffffff1a;box-shadow:none;}
.brand-refresh .product-image-context {font-size:13px;color:#6a6d72;margin-top:22px;text-align:center;}

@media(max-width:1180px) {
  .brand-refresh .product-phones--pair .product-phone--secondary {display:none;}
  .brand-refresh .product-phones--pair .product-phone {--phone-width:244px;}
  .brand-refresh .product-phones--pair {gap:14px;}
}
@media(max-width:1050px) {
  .brand-refresh .product-shot--workflow-pair {grid-template-columns:minmax(0,1fr) 200px;gap:24px;}
  .brand-refresh .product-shot--workflow-pair .product-phone {--phone-width:200px;}
}
@media(max-width:760px) {
  .brand-refresh .product-shot {--shot-radius:14px;}
  .brand-refresh .product-shot figcaption {flex-wrap:wrap;gap:4px 16px;margin-top:13px;font-size:12px;}
  .brand-refresh .product-shot--hero {margin-top:32px;}
  .brand-refresh .product-shot--hero .product-window {--shot-radius:16px;}
  .brand-refresh .product-shot--inset {margin-top:30px;}
  .brand-refresh .product-shot--answer .product-window {padding:16px 10px;}
  .brand-refresh .product-window:has(> picture > source[srcset*="ablauf-mobil"]),
  .brand-refresh .product-window:has(> picture > source[srcset*="ablauf-einstellungen-mobil"]),
  .brand-refresh .product-window:has(> picture > source[srcset*="einladung-mobil"]) {padding:20px 18px;background:#fff;}
  .brand-refresh .product-phones--pair .product-phone--secondary {display:none;}
  .brand-refresh .product-phones--pair .product-phone,
  .brand-refresh .product-phone {--phone-width:256px;}
  .brand-refresh .product-phones {padding:0 0 12px;}
  .brand-refresh .product-phones--conversation {height:360px;overflow:hidden;padding:0;mask-image:linear-gradient(#000 calc(100% - 24px),transparent);}
  .brand-refresh .product-phones--conversation.product-phones--upload {height:420px;}
  .brand-refresh .product-phones--conversation .product-phone,
  .brand-refresh .product-phones--pair.product-phones--conversation .product-phone {--phone-width:284px;}
  .brand-refresh .product-story {grid-template-columns:1fr;gap:24px;margin-top:36px;}
  .brand-refresh .product-story h3 {font-size:25px;}
  .brand-refresh .product-extension-scene {grid-template-columns:1fr;gap:24px;}
  .brand-refresh .product-extension-scene .product-shot {width:100%;max-width:560px;margin-inline:auto;}
  .brand-refresh .product-shot--workflow-pair {display:flex;flex-direction:column;gap:28px;}
  .brand-refresh .product-shot--workflow-pair .product-phone {--phone-width:284px;}
  .brand-refresh .product-shot--workflow-pair .product-phones {width:100%;}
  .brand-refresh .product-shot--workflow-pair .product-window {width:100%;}
  .brand-refresh .product-shot--workflow-pair figcaption {margin-top:0;}
  .brand-refresh.landing-page .journey-top {padding-inline:22px;}
  .brand-refresh.landing-page .journey-visual {padding:24px 8px;min-height:0;}
  .brand-refresh.landing-page .journey-visual .product-phone {--phone-width:284px;}
  .brand-refresh.landing-page .journey-visual .product-phones--conversation {height:360px;}
  .brand-refresh.marketing-page .page-hero-art:has(.product-shot) {margin-top:32px;}
  .brand-refresh.page-how .how-explorer .case-panel-inner.product-original {padding:0;margin-bottom:28px;}
  .brand-refresh.page-security .gate-visual.product-original {margin-top:26px;}
  .brand-refresh .product-shot--demo {margin-top:26px;}
}