.demo-library .page-header{background:linear-gradient(115deg,rgba(70,38,120,.18),transparent 55%)}
.demo-jump-nav{position:sticky;top:64px;z-index:20;background:rgba(9,9,16,.96);border-bottom:1px solid var(--border)}
.demo-jump-nav .container{display:flex;gap:.4rem;overflow-x:auto;padding-block:.7rem}
.demo-jump-nav a{flex:0 0 auto;padding:.45rem .75rem;color:var(--muted);text-decoration:none;border:1px solid transparent;font-size:.85rem}
.demo-jump-nav a:hover,.demo-jump-nav a:focus{color:var(--text);border-color:var(--border);background:var(--surface)}
.demo-library-list{padding-block:2rem 5rem}.unified-demo{padding:2.5rem 0;scroll-margin-top:125px;border-bottom:1px solid var(--border)}
.unified-demo-heading{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:1rem}.unified-demo-heading h2{margin:0}.unified-demo-heading>p{color:var(--muted);margin:0}
.demo-canvas{background:#11111b;border:1px solid #3b3749;color:var(--text);overflow:hidden;box-shadow:0 18px 55px #0005}
.demo-canvas button{border:1px solid #a78bfa;background:#7651aa;color:#fff;padding:.62rem .9rem;font-weight:750}.demo-canvas button.outline{background:transparent;color:#e9ddff}.demo-canvas small{color:#c4b5fd;font-weight:800;letter-spacing:.12em}
.demo-index-card{display:grid;grid-template-columns:42% 1fr;gap:1.4rem;align-items:center;padding:1rem;border:1px solid var(--border);background:var(--surface);text-decoration:none}.demo-index-card:hover{color:inherit;text-decoration:none;border-color:#7663a9}.demo-index-card p{color:var(--muted)}
.demo-index-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;min-height:190px;padding:1rem;background:#0c0c14}.demo-index-preview span{background:linear-gradient(145deg,#332744,#7651aa)}.demo-index-preview span:nth-child(2n){background:#292633}
.home-canvas>nav,.campaign-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem;border-bottom:1px solid var(--border)}
.home-demo-hero,.campaign-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;padding:3.5rem 2rem;align-items:center}.home-demo-hero h3,.campaign-hero h3{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em}
.home-demo-hero p,.home-demo-services p,.about-canvas p,.contact-canvas p,.unified-profile-grid p,.unified-profile-grid li,.campaign-hero p,.campaign-priorities p,.campaign-action p{color:var(--muted)}
.home-demo-hero>div:first-child>div,.campaign-hero>div:first-child>div{display:flex;gap:.7rem}.abstract-art{position:relative;min-height:320px;background:linear-gradient(145deg,#20192d,#3c2a56);overflow:hidden}
.abstract-art i{position:absolute;border:1px solid #a78bfa;background:#6e50a055}.abstract-art i:nth-child(1){inset:12% 20% 35% 10%}.abstract-art i:nth-child(2){inset:35% 8% 12% 35%}.abstract-art i:nth-child(3){width:90px;height:90px;border-radius:50%;right:15%;top:12%;background:#a78bfa}
.home-demo-services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}.home-demo-services article{padding:1.2rem;border-right:1px solid var(--border)}.home-demo-services b,.values b{color:#a78bfa}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:3rem 2rem}.about-intro h3,.contact-canvas h3{font-size:clamp(1.8rem,4vw,3rem)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:0 2rem 2rem}.about-photo{min-height:330px;display:flex;align-items:end;padding:1rem;background:linear-gradient(145deg,#4d3c60,#17131f)}.about-photo span{background:#0d0d15;padding:.6rem}
.values article{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid var(--border)}.values h4{margin-bottom:.25rem}
.contact-canvas{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;padding:3rem 2rem}.contact-canvas dl>div{display:grid;grid-template-columns:90px 1fr;padding:.7rem 0;border-top:1px solid var(--border)}.contact-canvas dd{margin:0;color:var(--muted)}
.contact-canvas form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-canvas label{color:var(--text)}.contact-canvas input,.contact-canvas select,.contact-canvas textarea{display:block;width:100%;margin-top:.3rem;padding:.7rem;background:#0b0b12;color:#fff;border:1px solid var(--border)}.contact-canvas label:last-of-type,.contact-canvas form button{grid-column:1/-1}
.store-demo-bar,.gallery-filter{display:flex;justify-content:space-between;gap:.5rem;padding:1rem 1.4rem;border-bottom:1px solid var(--border)}.store-demo-bar>div,.gallery-filter{display:flex;gap:.5rem}.store-demo-bar button,.gallery-filter button{background:transparent;border-color:var(--border);color:var(--muted)}.store-demo-bar button.active,.gallery-filter button.active{background:#7651aa;color:#fff}
.unified-products{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem}.unified-products article{padding:1rem;border:1px solid var(--border);background:#171624}.unified-product-art{height:220px;margin-bottom:1rem;background:linear-gradient(145deg,#4b3c56,#9f88b1)}.unified-product-art.art-1{background:linear-gradient(145deg,#24202c,#70627d)}.unified-product-art.art-2{background:linear-gradient(145deg,#574d68,#b5a6c4)}.unified-products article>div:nth-child(2){display:flex;justify-content:space-between}.unified-products button{width:100%;margin-top:.8rem}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem}.gallery-grid figure{margin:0}.gallery-grid figure.wide{grid-column:span 2}.gallery-grid figure div{height:230px;background:linear-gradient(145deg,#31263f,#8063a3)}.gallery-grid figure:nth-child(2) div{background:linear-gradient(145deg,#53505d,#aaa2b5)}.gallery-grid figure:nth-child(3) div{background:linear-gradient(145deg,#171722,#4c4160)}.gallery-grid figure:nth-child(4) div{background:linear-gradient(145deg,#39294e,#9b80b3)}.gallery-grid figcaption{display:flex;justify-content:space-between;padding:.65rem 0;color:var(--muted)}
.profile-banner{height:160px;background:linear-gradient(120deg,#382448,#8c6aae)}.unified-profile-head{display:flex;align-items:center;gap:1rem;padding:0 2rem 1rem}.unified-avatar{display:grid;place-items:center;width:100px;height:100px;margin-top:-38px;border:6px solid #11111b;background:#7651aa;font-size:1.8rem;font-weight:800}.unified-profile-head p{color:var(--muted);margin:0}.unified-profile-head button{margin-left:auto}
.unified-profile-grid{display:grid;grid-template-columns:1.2fr 1fr .65fr;gap:1rem;padding:1.5rem 2rem 2rem}.unified-profile-grid article,.unified-profile-grid aside{border:1px solid var(--border);padding:1.2rem}.profile-tags{display:flex;flex-wrap:wrap;gap:.4rem}.profile-tags span{padding:.25rem .5rem;border:1px solid var(--border);color:#d8d2e5}.unified-profile-grid aside span{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--border);color:var(--muted)}.unified-profile-grid aside strong{color:#fff}
.campaign-nav strong span{display:block;font-size:.6rem;letter-spacing:.13em;color:#c4b5fd}.campaign-hero{background:linear-gradient(135deg,#171624,#241b31)}.candidate-art{min-height:360px;background:linear-gradient(145deg,#4c3d58,#a492b4);display:flex;align-items:end;padding:1rem}.candidate-art span{background:#0d0d15;padding:.6rem}
.campaign-priorities{padding:3rem 2rem}.campaign-priorities>h3{font-size:clamp(1.7rem,3vw,2.6rem);max-width:680px}.campaign-priorities>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.campaign-priorities article{padding:1.2rem;border:1px solid var(--border)}.campaign-priorities b{color:#c4b5fd}
.campaign-action{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:2.5rem 2rem;background:#21192c}.campaign-action form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.campaign-action label{color:#fff}.campaign-action input{display:block;width:100%;margin-top:.3rem;padding:.65rem;background:#0d0d15;border:1px solid var(--border);color:#fff}.campaign-action button{grid-column:1/-1}
.campaign-footer{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:1rem;padding:1.2rem 2rem;background:#08080d;font-size:.72rem;color:var(--muted)}.campaign-footer strong{color:#fff}.paid-for{border:1px solid #777185;padding:.35rem;text-align:center}
@media(max-width:850px){.unified-demo-heading,.home-demo-hero,.campaign-hero,.about-intro,.about-grid,.contact-canvas,.unified-profile-grid,.campaign-action{grid-template-columns:1fr}.home-canvas>nav span,.campaign-nav>div{display:none}.home-demo-services,.unified-products,.campaign-priorities>div{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid figure.wide{grid-column:span 1}.campaign-footer{grid-template-columns:1fr}.demo-index-card{grid-template-columns:1fr}}
@media(max-width:560px){.demo-jump-nav{top:57px}.unified-demo{scroll-margin-top:115px}.home-canvas>nav button,.campaign-nav button{display:none}.home-demo-hero,.campaign-hero,.about-intro,.about-grid,.contact-canvas,.campaign-priorities,.campaign-action{padding:2rem 1rem}.contact-canvas form,.campaign-action form{grid-template-columns:1fr}.contact-canvas label:last-of-type,.contact-canvas form button,.campaign-action button{grid-column:auto}.gallery-grid{grid-template-columns:1fr}.unified-profile-head{align-items:flex-start;flex-wrap:wrap}.unified-profile-head button{margin-left:0}.unified-profile-grid{padding:1rem}.store-demo-bar{align-items:flex-start;flex-direction:column}.gallery-filter{overflow-x:auto}.home-demo-hero>div:first-child>div,.campaign-hero>div:first-child>div{flex-wrap:wrap}}
