.DemoPage{color:var(--ink)}.DemoPage .demo-shell{width:min(1200px,100% - 3rem);margin-inline:auto}.DemoPage .demo-section{padding-block:clamp(3rem,6vw,6rem)}.DemoPage .demo-hero{background:var(--surface-soft);padding-block:4rem;position:relative}.DemoPage .hero-layout,.DemoPage .introduction-grid,.DemoPage .section-intro,.DemoPage .tools-grid,.DemoPage .maker-intro,.DemoPage .scanner-gallery-heading{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.DemoPage h1{font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:1.08}.DemoPage h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15}.DemoPage h3{font-size:1.25rem;line-height:1.3}.DemoPage p{margin-block:1rem;line-height:1.7}.DemoPage .demo-eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:block}.DemoPage .hero-lead{font-size:1.3rem}.DemoPage .demo-actions,.DemoPage .introduction-links,.DemoPage .scanner-gallery-actions,.DemoPage .final-actions,.DemoPage .cta-tags{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.DemoPage .demo-button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:.6rem;justify-content:center;align-items:center;min-height:48px;padding:.8rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.DemoPage .demo-button.secondary{color:var(--blue);background:#fff}.DemoPage .hero-product{padding:1rem 6rem 1rem 1rem;position:relative}.DemoPage img{width:100%;height:auto;display:block}.DemoPage .hero-passport-card{max-width:350px;margin-inline:auto}.DemoPage .hero-passport-card img{box-shadow:var(--shadow);border-radius:1rem}.DemoPage .hero-phone{border:6px solid var(--ink);width:30%;box-shadow:var(--shadow);border-radius:1.5rem;position:absolute;bottom:2rem;right:0;overflow:hidden}.DemoPage .hero-passport-status,.DemoPage .hero-connection{margin-top:1rem;font-size:.8rem;font-weight:600}.DemoPage .hero-scroll,.DemoPage .workflow-icon,.DemoPage .ecosystem-icon,.DemoPage .tool-icon,.DemoPage .verification-icon,.DemoPage .cta-icon{display:none}.DemoPage .workflow-grid,.DemoPage .ecosystem-grid,.DemoPage .benefits-grid,.DemoPage .passport-grid,.DemoPage .violin-grid,.DemoPage .scanner-screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem;display:grid}.DemoPage .workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.DemoPage .workflow-card,.DemoPage .ecosystem-grid article,.DemoPage .benefits-grid article,.DemoPage .tool-panel,.DemoPage .passport-product-card,.DemoPage .violin-grid article{background:var(--surface);border:1px solid var(--line-strong);border-radius:1rem;padding:1.5rem}.DemoPage .workflow-card-top{color:var(--blue);margin-bottom:1rem;font-weight:700}.DemoPage .workflow-section,.DemoPage .tools-section,.DemoPage .scanner-gallery-section,.DemoPage .final-cta{background:var(--surface-soft)}.DemoPage .tool-panel ul{margin-block:1.5rem;padding-left:1.25rem}.DemoPage .tool-panel li{padding-block:.3rem}.DemoPage .passport-product-visual{grid-template-columns:minmax(0,1fr) 90px;align-items:end;gap:.75rem;display:grid}.DemoPage .qr-overlay{text-align:center;font-size:.75rem}.DemoPage .passport-product-copy{margin-top:1.5rem}.DemoPage .passport-product-copy>span,.DemoPage .violin-grid article span{color:var(--ink-soft);font-size:.8rem}.DemoPage .scanner-screen{text-align:center;margin:0}.DemoPage .scanner-screen>div{border:6px solid var(--ink);border-radius:1.5rem;max-width:220px;margin-inline:auto;overflow:hidden}.DemoPage figcaption{margin-top:1rem}.DemoPage .verification-panel,.DemoPage .final-cta-panel{border:1px solid var(--line-strong);border-radius:1rem;padding:2rem}.DemoPage .violin-grid article>div{margin-top:1.5rem}.DemoPage .violin-grid article a{margin-top:.75rem;display:inline-block}@media (max-width:900px){.DemoPage .hero-layout,.DemoPage .introduction-grid,.DemoPage .section-intro,.DemoPage .tools-grid,.DemoPage .maker-intro,.DemoPage .scanner-gallery-heading{grid-template-columns:1fr;gap:2rem}.DemoPage .workflow-grid,.DemoPage .ecosystem-grid,.DemoPage .benefits-grid,.DemoPage .passport-grid,.DemoPage .violin-grid,.DemoPage .scanner-screens{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.DemoPage .demo-shell{width:calc(100% - 2rem)}.DemoPage .workflow-grid,.DemoPage .ecosystem-grid,.DemoPage .benefits-grid,.DemoPage .passport-grid,.DemoPage .violin-grid{grid-template-columns:1fr}.DemoPage .hero-product{padding-right:4rem}.DemoPage .scanner-screens{gap:1rem}}