/* V48 structured homepage sections */
.product-section{padding:88px 0}
.product-section.soft{background:linear-gradient(180deg,rgba(123,92,255,.045),rgba(123,92,255,0))}
.product-head{max-width:780px;margin:0 auto 42px;text-align:center}
.product-head .eyebrow{display:inline-block;margin-bottom:12px}
.product-head h2{margin:0 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.14}
.product-head p{margin:0 auto;max-width:720px;line-height:1.85;color:var(--muted,#697386)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-card{border:1px solid rgba(127,127,127,.18);border-radius:22px;padding:26px;background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(27,31,59,.05)}
.product-card .kicker{display:block;font-size:12px;letter-spacing:.12em;font-weight:700;opacity:.58;margin-bottom:12px}
.product-card h3{font-size:20px;line-height:1.4;margin:0 0 10px}
.product-card p{margin:0;line-height:1.75;color:var(--muted,#697386)}
.product-card.is-accent{background:linear-gradient(145deg,rgba(122,92,255,.09),rgba(255,255,255,.8));border-color:rgba(122,92,255,.2)}
.plugin-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.plugin-pill-card{border-radius:18px;padding:20px;border:1px solid rgba(127,127,127,.16);background:rgba(255,255,255,.62)}
.plugin-pill-card strong{display:block;margin-bottom:7px;font-size:16px}
.plugin-pill-card span{font-size:14px;line-height:1.6;color:var(--muted,#697386)}
.usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.usecase-item{padding:22px;border-radius:18px;background:rgba(127,127,127,.055);border:1px solid rgba(127,127,127,.12)}
.usecase-item strong{display:block;font-size:17px;margin-bottom:6px}
.usecase-item span{font-size:14px;line-height:1.65;color:var(--muted,#697386)}
.roadmap-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.roadmap-card{padding:24px;border-radius:20px;border:1px solid rgba(127,127,127,.16);background:rgba(255,255,255,.65)}
.roadmap-card .state{font-size:12px;font-weight:800;letter-spacing:.1em;opacity:.55}
.roadmap-card h3{margin:10px 0 8px;font-size:20px}
.roadmap-card p{margin:0;line-height:1.7;color:var(--muted,#697386)}
@media(max-width:900px){.product-grid{grid-template-columns:1fr 1fr}.plugin-strip{grid-template-columns:1fr 1fr}.usecase-grid{grid-template-columns:1fr 1fr}.roadmap-row{grid-template-columns:1fr}}
@media(max-width:620px){.product-section{padding:64px 0}.product-grid,.plugin-strip,.usecase-grid{grid-template-columns:1fr}.product-card{padding:22px}.product-head{margin-bottom:30px}}

/* V48.1 requested layout refinements */
.beauty-focus .product-head h2 > span{display:block}
.roadmap-community .roadmap-discord{margin-top:28px}
@media (max-width:720px){.beauty-focus .product-head h2 > span{display:block}.roadmap-community .roadmap-discord{margin-top:20px}}


/* V48.2 visual simplification: capabilities + community */
.beyond-streaming{padding-top:72px;padding-bottom:82px;background:linear-gradient(180deg,rgba(123,92,255,.025),rgba(123,92,255,0))}
.compact-head{margin-bottom:30px}
.compact-head p{max-width:660px}
.capability-flow{max-width:1000px;margin:0 auto;border-top:1px solid rgba(127,127,127,.14)}
.capability-band{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:22px;align-items:center;padding:26px 6px;border-bottom:1px solid rgba(127,127,127,.14)}
.capability-index{font-size:13px;font-weight:800;letter-spacing:.12em;opacity:.34}
.capability-label{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.52;margin-bottom:6px}
.capability-main h3{margin:0 0 5px;font-size:20px;line-height:1.35}
.capability-main p{margin:0;max-width:670px;color:var(--muted,#697386);font-size:14px;line-height:1.65}
.capability-tags{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;max-width:220px}
.capability-tags span{padding:6px 10px;border-radius:999px;background:rgba(127,127,127,.065);font-size:12px;white-space:nowrap;color:var(--muted,#697386)}
.roadmap-community{padding-top:78px;padding-bottom:78px}
.roadmap-community-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:48px;align-items:center;padding:38px 0;border-top:1px solid rgba(127,127,127,.14);border-bottom:1px solid rgba(127,127,127,.14)}
.roadmap-copy h2{margin:8px 0 12px;font-size:clamp(28px,3.5vw,42px);line-height:1.18}
.roadmap-copy>p{margin:0;max-width:720px;color:var(--muted,#697386);line-height:1.75}
.roadmap-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px}
.roadmap-step{padding:0 20px;border-left:1px solid rgba(127,127,127,.14)}
.roadmap-step:first-child{padding-left:0;border-left:0}
.roadmap-step span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.48;margin-bottom:7px}
.roadmap-step strong{display:block;font-size:15px;margin-bottom:5px}
.roadmap-step small{display:block;color:var(--muted,#697386);font-size:12px;line-height:1.55}
.community-cta{padding-left:36px;border-left:1px solid rgba(127,127,127,.14)}
.community-icon{width:38px;height:38px;margin-bottom:16px}
.community-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}
.community-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.5}
.community-cta h3{font-size:20px;line-height:1.4;margin:7px 0 8px}
.community-cta p{font-size:13px;line-height:1.65;color:var(--muted,#697386);margin:0 0 18px}
.community-cta .btn{width:auto;min-width:0;padding-left:20px;padding-right:20px}
@media(max-width:900px){.capability-band{grid-template-columns:42px minmax(0,1fr)}.capability-tags{grid-column:2;justify-content:flex-start;max-width:none}.roadmap-community-shell{grid-template-columns:1fr;gap:32px}.community-cta{padding-left:0;padding-top:28px;border-left:0;border-top:1px solid rgba(127,127,127,.14)}}
@media(max-width:620px){.beyond-streaming{padding-top:58px;padding-bottom:64px}.capability-band{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:22px 0}.capability-main h3{font-size:18px}.capability-tags{gap:6px}.roadmap-line{grid-template-columns:1fr;gap:16px}.roadmap-step,.roadmap-step:first-child{padding:0 0 0 14px;border-left:1px solid rgba(127,127,127,.14)}.roadmap-community-shell{padding:30px 0}.roadmap-community{padding-top:58px;padding-bottom:58px}}

/* V48.3 micro refinements */
.pre-workflow-cta{display:flex;justify-content:center;margin-top:28px;margin-bottom:18px}
.pre-workflow-cta .hero-preview-actions{margin:0}
.community-cta.community-cta-text{align-items:flex-start}
.community-cta.community-cta-text .community-kicker{letter-spacing:.12em}
@media(max-width:720px){.pre-workflow-cta{margin-top:22px;margin-bottom:12px}.community-cta.community-cta-text{align-items:stretch}}

/* V50: spacing after Beauty section before workflow comparison */
.beauty-focus + .hero-workflow-wrap{margin-top:34px}
@media(max-width:720px){.beauty-focus + .hero-workflow-wrap{margin-top:24px}}