.eyebrow{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:var(--red-light);color:var(--red-dark);font-size:.875rem;font-weight:700;margin-bottom:1rem}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:.875rem;color:var(--muted);margin-bottom:1.25rem}.breadcrumbs a{color:var(--muted-dark);text-decoration:none;font-weight:600}.breadcrumbs a:hover{color:var(--red-dark)}.breadcrumbs [aria-current=page]{color:var(--text);font-weight:600}.breadcrumbs__sep{opacity:.45;user-select:none}.feature-hero .breadcrumbs{margin-bottom:1rem}.feature-hero .hero-copy h1{max-width:none}.feature-hero .hero-tagline{height:auto;overflow:visible;display:block;-webkit-line-clamp:unset;line-clamp:unset;max-width:38rem}.feature-hero .hero-actions{height:auto;overflow:visible;flex-wrap:wrap}.feature-hero .hero-actions .btn{max-height:none;flex:0 1 auto}.feature-hero .hero-media{display:flex;justify-content:center;align-items:center}.feature-hero__composite{margin:0;width:100%;max-width:36rem}.feature-hero__composite picture{display:block;width:100%}.feature-hero__composite img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border:0;box-shadow:none;background:transparent}@media (min-width: 960px){.feature-hero__composite{max-width:none}}.feature-preview-section .role-preview{margin-top:0}.feature-preview__title{font-size:clamp(1.35rem,2.5vw,1.65rem);margin:0 0 .35rem;line-height:1.25;font-weight:800}.feature-preview__subtitle{font-size:1.05rem;margin:1.25rem 0 .75rem;font-weight:800}.feature-preview__more{margin:0}.feature-preview__more a{font-weight:700;color:var(--red-dark);text-decoration:none}.feature-preview__more a:hover{text-decoration:underline}@media (min-width: 900px){.role-preview--reverse .role-preview__media{order:-1}.role-preview--reverse .role-preview__content{order:1}}.eco-grid--3{grid-template-columns:1fr}@media (min-width: 768px){.eco-grid--3{grid-template-columns:repeat(3,1fr)}}.workflow--8{display:flex;flex-direction:column;gap:.75rem}.workflow--8 .workflow-step__line{display:none!important}.workflow--8__phase-label{margin:.25rem 0 0;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center}.workflow-phase{display:grid;gap:1.15rem;grid-template-columns:1fr}@media (min-width: 640px){.workflow-phase{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.workflow-phase{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.workflow-phase-bridge{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.35rem 0 .5rem}.workflow-phase-bridge__line{flex:1;max-width:5.5rem;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--red-border),transparent)}.workflow-phase-bridge__badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--red-border);background:var(--red-light);color:var(--red-dark);font-size:.78rem;font-weight:800;white-space:nowrap}.workflow-phase-bridge__badge:before{content:"↓";font-size:.9rem;line-height:1;opacity:.85}.workflow--8 .workflow-step__link{display:none}@media (min-width: 1024px){.workflow--8 .workflow-phase .workflow-step:not(:last-child) .workflow-step__link{display:block;position:absolute;top:50%;right:-.72rem;width:1.35rem;height:2px;margin-top:-1px;background:color-mix(in srgb,var(--red) 55%,var(--border));border-radius:2px;pointer-events:none;z-index:2}.workflow--8 .workflow-phase .workflow-step:not(:last-child) .workflow-step__link:after{content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid color-mix(in srgb,var(--red) 55%,var(--border));border-right:2px solid color-mix(in srgb,var(--red) 55%,var(--border));transform:rotate(45deg);box-sizing:border-box}}.role-preview--benefits{margin-top:0}.card-grid{display:grid;gap:1.25rem}.card-grid--3{grid-template-columns:1fr}@media (min-width: 768px){.card-grid--3{grid-template-columns:repeat(3,1fr)}}.card-grid--2{grid-template-columns:1fr}@media (min-width: 768px){.card-grid--2{grid-template-columns:repeat(2,1fr)}}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem 1.25rem;box-shadow:var(--shadow);height:100%}.feature-card h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--text)}.feature-card p{margin:0;font-size:.98rem;line-height:1.55;color:var(--muted-dark)}.feature-card__num{width:2rem;height:2rem;border-radius:999px;background:var(--red-light);color:var(--red-dark);font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.feature-card ul{margin:.75rem 0 0;padding-left:1.15rem;color:var(--muted-dark);font-size:.95rem;line-height:1.5}.process-timeline{display:grid;gap:1rem}@media (min-width: 1024px){.process-timeline{grid-template-columns:repeat(4,1fr);gap:1rem}.process-timeline .feature-card:nth-child(n+5){grid-column:span 2}}.process-timeline .feature-card{position:relative}.process-step__index{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin-bottom:.35rem}.feature-split{display:grid;gap:2rem;align-items:center}@media (min-width: 1024px){.feature-split{grid-template-columns:1fr 1fr;gap:3rem}.feature-split--reverse .feature-split__media{order:2}.feature-split--reverse .feature-split__copy{order:1}}.feature-split__copy h2{font-size:clamp(1.35rem,2.5vw,1.65rem);margin:0 0 .75rem;line-height:1.25}.feature-split__copy p{margin:0 0 1rem;color:var(--muted-dark);line-height:1.6}.feature-split__copy ul{margin:0 0 1rem;padding-left:1.15rem;color:var(--muted-dark);line-height:1.55}.feature-split__link{font-weight:700;color:var(--red-dark);text-decoration:none}.feature-split__link:hover{text-decoration:underline}.shot-frame{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-muted);overflow:hidden;box-shadow:var(--shadow)}.shot-frame img{display:block;width:100%;height:auto;object-fit:contain;background:#f8fafc}.shot-frame--phone{max-width:280px;margin-inline:auto}@media (min-width: 1024px){.shot-frame--phone{margin-inline:auto;max-width:320px}}.shot-frame--scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.benefit-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.benefit-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.benefit-grid{grid-template-columns:repeat(4,1fr)}}.benefit-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.15rem}.benefit-card:before{content:"✓";display:block;color:var(--red);font-weight:800;margin-bottom:.35rem}.benefit-card p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-body)}.feature-faq .faq-list{display:grid;gap:0;max-width:48rem;margin:0 auto;border-top:1px solid var(--border)}.feature-faq .faq-item{border-bottom:1px solid var(--border);background:transparent}.feature-faq .faq-item summary{padding:1.05rem .15rem;font-weight:700;cursor:pointer;list-style:none;min-height:var(--touch-min);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.feature-faq .faq-item summary::-webkit-details-marker{display:none}.feature-faq .faq-item summary:after{content:"+";color:var(--red);font-size:1.25rem;font-weight:700}.feature-faq .faq-item[open] summary:after{content:"−"}.feature-faq .faq-item__body{padding:0 .15rem 1.1rem;color:var(--muted-dark)}.feature-faq .faq-item__body p{margin:0;font-size:.98rem;line-height:1.55}.final-cta{border-radius:var(--radius);border:1px solid var(--red-border);background:linear-gradient(135deg,var(--red-light) 0%,#fff 55%);padding:2rem 1.5rem;text-align:center}.final-cta h2{margin:0 0 .75rem;font-size:clamp(1.35rem,3vw,1.75rem)}.final-cta p{margin:0 auto 1.25rem;max-width:36rem;color:var(--muted-dark)}.final-cta__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media (max-width: 480px){.final-cta__actions .btn,.feature-hero__actions .btn{width:100%}}.see-also{border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;background:var(--bg)}.see-also h2{margin:0 0 .5rem;font-size:1.25rem}.see-also p{margin:0 0 1rem;color:var(--muted);font-size:.95rem}.see-also__links{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.see-also__links a{font-weight:600;color:var(--red-dark);text-decoration:none}.see-also__links a:hover{text-decoration:underline}
