@import url('./panel/fonts.css');
/* Consumer-panel additions inherit the existing product layout and card tokens. */
.panel-page .feature-copy .feature-eyebrow{font-family:var(--font);font-size:14px;font-weight:700;line-height:1.5;color:var(--brand);margin:0 0 14px}
.panel-challenges .section-heading{max-width:1080px;text-wrap:pretty}
.panel-page .feature-copy h3{font-size:28px;text-wrap:pretty}
.panel-scene-grid{gap:var(--card-gap)}
.panel-scene-grid article{padding:var(--card-padding);border:1px solid var(--card-border-color);border-radius:var(--card-radius);background:#fff}
.panel-scene-grid h3{min-height:3.4em}
.panel-scene-grid ul{padding:0;margin:0;list-style:none;display:grid;gap:14px}
.panel-scene-grid li{position:relative;padding-left:14px;font-size:16px;line-height:1.9;color:var(--secondary)}
.panel-scene-grid li::before{content:'・';position:absolute;left:0;color:var(--brand)}
.panel-insights{background:#F7F8FA}
.panel-hero-chart{position:relative;width:100%;color:#1D3B53}
.panel-chart{display:block;width:100%;height:auto;font-family:var(--font)}
.panel-chart-mobile{display:none}
.panel-hero-chart.is-playing .panel-field{animation:panel-reveal 450ms ease-out both}
.panel-hero-chart.is-playing .panel-match{animation:panel-reveal 350ms var(--delay) ease-out both}
.panel-hero-chart.is-playing .panel-connector{stroke-dasharray:1;animation:panel-line 600ms 1150ms ease-out both}
.panel-hero-chart.is-playing .panel-summary{animation:panel-reveal 450ms var(--delay) ease-out both}
@keyframes panel-reveal{from{opacity:0}to{opacity:1}}
@keyframes panel-line{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(max-width:1199px){.panel-page .feature-copy h3{font-size:25px}.panel-scene-grid h3{min-height:0}}
@media(max-width:767px){.panel-page .feature-copy h3{font-size:24px}.panel-chart-desktop{display:none}.panel-chart-mobile{display:block}.panel-scene-grid .icon{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.panel-hero-chart *{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}

@media(min-width:1200px){.panel-challenges .panel-line{display:block}}
@media(min-width:900px){.panel-page .product-proof{display:flex}.panel-page .product-proof li+li::before{content:'｜'}}