/* Community Connect launch presentation; shared legal and guide styles stay unchanged. */
.hero{padding:74px 0}
.hero-grid{gap:48px;grid-template-columns:1.1fr .9fr}
.hero h1{font-size:clamp(3.1rem,5.9vw,5.65rem);line-height:1.01}
.hero .eyebrow{color:var(--blue-mid)}
.launch-modules{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.launch-modules span{border:1px solid #ccdadf;padding:7px 14px;border-radius:99px;color:var(--teal);font-size:.9rem;font-weight:750;background:#fff}
.launch-notice{font-size:.86rem;color:#5d6675;border-left:3px solid var(--gold);padding-left:14px;margin:24px 0 0;max-width:510px}
.launch-app-card{padding:24px;transform:none;background:linear-gradient(145deg,#fff,#eaf3ff);overflow:hidden}
.launch-app-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px}
.launch-app-brand img{width:66px;height:66px;border-radius:16px}
.launch-app-brand strong{display:block;color:var(--blue-dark);font-size:1.2rem;line-height:1.2}
.launch-app-brand span{display:block;letter-spacing:.2em;font-size:.75rem;text-transform:uppercase;color:var(--teal);margin-top:5px}
.launch-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
.launch-preview-pair img{width:100%;height:auto;border-radius:14px;box-shadow:0 10px 20px #061d4b18}
.launch-preview-pair img:last-child{margin-top:30px}
.launch-app-caption{text-align:center;color:var(--blue-dark);font-weight:750;margin:22px 0 0;font-size:.9rem}
.product-live{grid-template-columns:1.25fr .75fr}
.launch-business-card{grid-template-columns:.75fr 1.25fr}
.launch-screen-media{display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(150deg,#eaf4ff,#f1f9f7)}
.launch-screen-media img{width:auto;max-width:100%;max-height:700px;height:auto;object-fit:contain;border-radius:20px;box-shadow:0 18px 45px #061d4b18}
.launch-fine-print{font-size:.83rem;line-height:1.6;color:var(--muted)}
.showcase-media{display:flex;justify-content:center;background:#edf6ff;border-radius:28px;padding:24px}
.showcase-media img{max-height:700px;width:auto;object-fit:contain}
.hero-note{font-size:.85rem}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:980px){.hero-grid,.product-live,.launch-business-card{grid-template-columns:1fr}.launch-app-card{width:100%;max-width:560px;justify-self:center}.launch-screen-media img{max-height:610px}.hero-grid{gap:36px}.launch-screen-media{order:0}.intro-grid{gap:24px}.intro-grid p{margin-top:0}}
@media(max-width:650px){.hero{padding:44px 0 52px}.hero h1{font-size:clamp(2.85rem,11vw,3.7rem)}.hero-lead{font-size:1.1rem}.launch-app-card{padding:18px}.launch-app-brand strong{font-size:1.05rem}.launch-app-brand img{width:52px;height:52px}.launch-preview-pair{gap:8px}.launch-screen-media{padding:20px}.launch-screen-media img{max-height:560px}.showcase-media{padding:18px}.hero .eyebrow{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.btn{transition:none}.btn:hover{transform:none}}

/* Public roadmap: planned features and clearly labelled illustrative screens. */
#roadmap{scroll-margin-top:92px}
.site-nav{gap:20px}
.roadmap-priorities{grid-template-columns:1fr;gap:28px}
.roadmap-priorities .roadmap-step{padding:0;min-width:0;min-height:0;overflow:hidden}
.roadmap-copy{padding:32px}
.roadmap-with-concept{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.roadmap-priorities h3{font-size:1.45rem;line-height:1.2;margin-bottom:18px}
.roadmap-priorities .roadmap-description{font-weight:400;font-size:.96rem;color:#526078;line-height:1.65}
.roadmap-domain{overflow-wrap:anywhere;font-weight:650;color:var(--blue)}
.roadmap-priorities small{display:block;line-height:1.65}
.roadmap-concept{margin:0;background:#fff;border:0;border-left:1px solid var(--line);border-radius:0;overflow:hidden;box-shadow:none}
.roadmap-concept>a{display:block}
.roadmap-concept img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f7f6ef}
.roadmap-concept figcaption{padding:26px}
.concept-status{display:inline-block;color:#77540d;background:#fff5df;border:1px solid #e8d6ab;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.roadmap-concept h4{font-size:1.3rem;line-height:1.2;margin:16px 0 12px;color:var(--blue-dark)}
.roadmap-concept p{font-size:.96rem;font-weight:400;color:#526078;margin:0 0 14px}
.concept-detail{display:block;font-size:.83rem;color:#647083;border-top:1px solid var(--line);padding-top:14px}
.roadmap-disclaimer{max-width:960px;margin:24px 0 0;font-size:.84rem;color:#647083}
@media(max-width:1050px){.roadmap-priorities{grid-template-columns:1fr}.roadmap-priorities .roadmap-step{min-height:auto}.roadmap-priorities .step-no{font-size:1.9rem}.roadmap-priorities .step-status{margin:8px 0 14px}}
@media(max-width:700px){.roadmap-with-concept{grid-template-columns:1fr}.roadmap-concept{border-left:0;border-top:1px solid var(--line)}.roadmap-concept figcaption{padding:22px}.roadmap-copy{padding:24px}}
