.demos-hero{background:var(--ink);color:var(--tx-paper);padding:calc(var(--nav-h) + clamp(64px,10vw,120px)) 0 clamp(64px,10vw,120px);position:relative;overflow:hidden}.demos-hero .hero-grid{position:absolute;inset:0;opacity:.38;background-image:linear-gradient(var(--line-paper-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-paper-2) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(130% 100% at 50% 0%,#000 30%,transparent 75%)}.demos-hero .wrap{position:relative;z-index:2}.demos-hero h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:.98;letter-spacing:-.04em;max-width:20ch;margin-bottom:22px}.demos-hero .lead{color:var(--tx-paper-mut);max-width:50ch;margin-bottom:36px}.demos-hero .hero-actions{display:flex;flex-wrap:wrap;gap:14px}.demos-note{background:var(--paper-2);border-top:1px solid var(--line-ink)}.demos-note .note-inner{display:flex;align-items:flex-start;gap:20px;max-width:72ch;padding-block:clamp(36px,5vw,56px)}.demos-note .note-icon{width:40px;height:40px;flex-shrink:0;margin-top:2px;background:var(--ignite);border-radius:10px;display:flex;align-items:center;justify-content:center}.demos-note .note-icon svg{width:20px;height:20px;stroke:#fff;fill:none}.demos-note p{font-size:1.05rem;color:var(--tx-ink-mut);line-height:1.6}.demos-note p strong{color:var(--tx-ink);font-weight:600}.demos-grid-section{background:var(--paper)}.demos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:24px;margin-top:48px}.demo-card{background:var(--paper-pure);border:1px solid var(--line-ink);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s;position:relative}.demo-card:hover{transform:translateY(-4px);box-shadow:0 24px 56px -20px #16130f38;border-color:#16130f38}.demo-card.featured{grid-column:1 / -1;flex-direction:row;align-items:stretch}.demo-card-band{height:6px;background:var(--ignite);background:linear-gradient(90deg,var(--ignite),var(--ignite-2))}.demo-card.coming-soon .demo-card-band{background:var(--line-ink)}.demo-card-body{padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;flex:1}.demo-card .sector-tag{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ignite);margin-bottom:14px;display:flex;align-items:center;gap:.5em}.demo-card.coming-soon .sector-tag{color:var(--tx-ink-soft)}.demo-card .sector-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--ignite);animation:pulse-ig 2.6s infinite}.demo-card.coming-soon .sector-tag .dot{background:var(--tx-ink-soft);animation:none}.demo-card h2{font-size:clamp(1.6rem,2.8vw,2.2rem);letter-spacing:-.03em;margin-bottom:10px}.demo-card h2 span.ig{color:var(--ignite)}.demo-card p{color:var(--tx-ink-mut);font-size:1rem;line-height:1.55;margin-bottom:28px;flex:1}.demo-card .demo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.demo-card .demo-tags span{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.04em;color:var(--tx-ink-mut);border:1px solid var(--line-ink);border-radius:100px;padding:5px 11px}.demo-card .card-cta{margin-top:auto}.demo-card.coming-soon{opacity:1}.demo-card.coming-soon .demo-card-body{opacity:.6}.coming-badge{position:absolute;top:24px;right:24px;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;background:var(--paper-2);border:1px solid var(--line-ink);color:var(--tx-ink-mut);padding:5px 12px;border-radius:100px}@media(min-width:860px){.demo-card.featured{grid-column:1 / -1}.demo-card.featured .demo-card-body{padding:clamp(32px,4vw,56px)}.demo-card.featured h2{font-size:clamp(2rem,3.6vw,3rem)}.demo-card.featured p{font-size:1.06rem;max-width:52ch}}.demos-cta{background:var(--ink);color:var(--tx-paper);position:relative;overflow:hidden}.demos-cta .glow{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 40%,rgba(240,65,31,.2),transparent 70%)}.demos-cta .wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.demos-cta h2{font-size:clamp(2rem,5vw,4rem);line-height:.98;letter-spacing:-.04em;max-width:18ch;margin-bottom:18px}.demos-cta p{color:var(--tx-paper-mut);font-size:1.15rem;max-width:44ch;margin-bottom:36px}.demos-cta .cta-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}@media(max-width:680px){.demos-grid{grid-template-columns:1fr}.demo-card.featured{flex-direction:column}.demos-note .note-inner{flex-direction:column;gap:14px}}