/* Feature-page layout only; colors, typography and controls come from the public theme. */
.featurePage .featureBreadcrumb { display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;padding-top:24px; }
.featurePage .featureHero { display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-block:48px 72px; }
.featurePage h1 { font-size:clamp(36px,4vw,56px);letter-spacing:-2px; }
.featurePage h1 span { display:block;margin-top:14px; }
.featurePage h2 { font-size:clamp(24px,2.6vw,34px);line-height:1.25;letter-spacing:-.8px;margin:0 0 18px; }
.featurePage h3 { font-size:18px;line-height:1.4;margin:0 0 12px; }
.featureVisual { margin:0;min-width:0; }
.featureFrame { padding:14px;border:1px solid var(--border);border-radius:24px;background:var(--panel);box-shadow:0 24px 60px -36px var(--modal-shadow); }
.featureFrame img { display:block;width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:12px; }
.featureVisual figcaption { font-size:11px;color:var(--muted);padding:14px 8px;text-align:center; }
.featureBenefits { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:72px; }
.featureBenefits article { padding:26px;border:1px solid var(--border);border-radius:18px;background:var(--panel); }
.featureBenefits h2 { font-size:21px; }
.featureBenefits p,.featureSetup p,.featureGuides p { color:var(--muted);font-size:14px; }
.featureExample { display:grid;grid-template-columns:1fr 1.2fr;gap:48px;border-block:1px solid var(--border);padding-block:48px; }
.featureExample p { margin-top:0; }
.featureExample .featureNote { color:var(--muted);font-size:13px;margin-bottom:0; }
.featureSetup { padding-block:64px; }
.featureSetup ol { list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:30px 0 0;padding:0; }
.featureStepNumber { display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--brand-midnight);color:var(--brand-amber);font-size:12px;font-weight:800;margin-bottom:18px; }
.featurePlan { display:flex;gap:36px;align-items:center;justify-content:space-between;background:var(--surface-soft);border-radius:24px;padding:36px; }
.featurePlan p { font-size:14px;max-width:720px; }
.featurePlan .eyebrow { font-size:10px; }
.featurePlanActions { display:flex;flex-direction:column;gap:18px;flex-shrink:0; }
.featureQuestions { max-width:850px;padding-block:64px; }
.featureQuestions details { border-bottom:1px solid var(--border);padding-block:20px; }
.featureQuestions summary { cursor:pointer;font-weight:650; }
.featureQuestions p { color:var(--muted);font-size:14px; }
.featureGuides { padding-bottom:48px; }
.featureGuides>div { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.featureGuides>div>a { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:var(--panel);font-size:14px; }
.featureRelated { padding-bottom:64px; }
.featureRelated>div { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.featureRelated a { display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--border);border-radius:16px; }
.featureRelated a>i:first-child { color:var(--brand-amber-strong); }
.featureRelated a>i:last-child { margin-left:auto; }
.featureRelated strong { display:block;font-size:15px; }
.featureRelated span>span { display:block;color:var(--muted);font-size:13px;margin-top:6px; }
@media(max-width:950px){.featurePage .featureHero{gap:28px;}.featureBenefits{gap:14px;}.featureBenefits article{padding:20px;}.featurePlan{flex-direction:column;align-items:start;}}
@media(max-width:680px){.featurePage .featureHero,.featureBenefits,.featureExample,.featureSetup ol,.featureRelated>div,.featureGuides>div{grid-template-columns:minmax(0,1fr);}.featurePage .featureHero{padding-block:32px 40px;}.featurePage h1{letter-spacing:-1.5px;}.featureBenefits{padding-bottom:40px;}.featureExample{gap:16px;padding-block:32px;}.featureSetup,.featureQuestions{padding-block:40px;}.featureSetup ol{gap:22px;}.featurePlan{padding:24px;}.featureFrame img{max-height:430px;}.featurePlanActions{width:100%;}.featurePlanActions .button{width:100%;}}

.featureFrame-mobile { max-width:270px;margin-inline:auto; }
.featureDownloads { display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:20px; }

/* Illustrative heartbeat lifecycle; no private dashboard content or extra image download. */
.heartbeatIllustration { padding:24px;background:var(--surface-soft);border-radius:16px; }
.heartbeatIllustration ol { display:grid;gap:22px;list-style:none;margin:28px 0 0;padding:0; }
.heartbeatIllustration li { display:flex;align-items:start;gap:14px; }
.heartbeatIllustration li>i { display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:var(--brand-midnight);color:var(--brand-amber); }
.heartbeatIllustration li strong,.heartbeatIllustration li small { display:block; }
.heartbeatIllustration li small { margin-top:4px;color:var(--muted);line-height:1.6; }
.featureUseCases { padding-top:56px; }
.featureUseCases .featureBenefits { padding-bottom:0; }