/* Original demonstrations remain interactive and keep their existing routes. */
body[data-classic="crm"]{background:#f3eff8;color:#30243e}body[data-classic="projects"]{background:#edf3fb;color:#163650}body[data-classic="inventory"]{background:#eef3eb;color:#264735}body[data-classic="security"]{background:#111d2b;color:#e9edf4}body[data-classic="workflow"]{background:#f0eff8;color:#383258}
body[data-classic="security"] .metric,body[data-classic="security"] table,body[data-classic="security"] .simulation{background:#1e2e42;color:#eff3fa}body[data-classic="security"] th,body[data-classic="security"] td{color:#eff3fa}
.classic-context{border-left:3px solid #a33248;padding:12px 20px;margin:0 0 24px}.classic-chart{display:flex;gap:8px;height:65px;align-items:end;margin:12px 0}.classic-chart i{background:currentColor;opacity:.55;flex:1;border-radius:4px 4px 0 0}body[data-concept="company"] .hero .visual{background:linear-gradient(0deg,#15332733,#15332733),url(concept-architecture.webp) center/cover}body[data-concept="professional"] .hero .visual{background:url(concept-architecture.webp) 30% center/cover;border-radius:180px 180px 8px 8px}body[data-concept="shop"] .hero .visual{background:url(concept-products.webp) center/cover}.hero .visual span{background:#ffffffcc;color:#22302b;padding:12px}.product-art{background:url(concept-products.webp) center/cover!important}.product-art>*{visibility:hidden}button:focus-visible,a:focus-visible{outline:3px solid #a33248;outline-offset:4px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}body[data-classic="security"] header{color:#203244}body[data-classic="security"] .fine,body[data-classic="security"] .metric span{color:#c2ccd9}body[data-classic="security"] .node{background:#1e2e42;color:#eff3fa}body[data-classic="security"] .node p,body[data-classic="security"] .node span{color:#c2ccd9}body[data-classic="security"] dialog{color:#203244}body[data-classic="security"] .log{background:#1e2e42;color:#eff3fa}

body[data-concept="company"]{background:#f7f7f1;color:#16392e}.northline-title{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:60px}.northline-title h1{font-size:clamp(46px,7.5vw,92px)}.panorama{display:block;width:100%;height:240px;object-fit:cover;object-position:50% 35%;margin-top:45px}.northline-note{display:flex;justify-content:space-between;border-bottom:1px solid #769787;padding:18px 0;font-size:12px;letter-spacing:.1em}
body[data-concept="professional"]{background:#102a38;color:#f3f0e8}body[data-concept="professional"] header{background:#102a38;border-color:#48616c}body[data-concept="professional"] .disclosure{background:#173744}body[data-concept="professional"] .copy,body[data-concept="professional"] .item p{color:#c1d0d5}body[data-concept="professional"] .cta{background:#d9c49a;color:#172d38}.meridian-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:75px}.meridian-copy{padding-top:60px}.meridian-intro h1{font-size:clamp(45px,7vw,86px)}.meridian-intro aside{border-left:1px solid #64818b;padding-left:35px}.meridian-intro img{width:100%;height:230px;object-fit:cover}.meridian-intro aside h2{font-size:26px}.meridian-intro aside p{font-size:14px}.meridian-services .grid{display:block}.meridian-services .item{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:25px 0;border-color:#64818b}body[data-concept="professional"] dialog{color:#173744}
body[data-concept="shop"]{background:#f6ede2;color:#5b2925;font-family:system-ui,sans-serif}body[data-concept="shop"] header{background:#f6ede2}body[data-concept="shop"] .disclosure{background:#783c35}.field-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:0;max-width:none;padding:0}.field-image img{display:block;width:100%;height:560px;object-fit:cover}.field-copy{background:#873d32;color:#fff6e9;padding:70px 12%}.field-copy h1{font-size:clamp(40px,6vw,78px);font-weight:800}.field-copy .copy{color:#fff2e2}.field-copy .cta{background:#f6ede2;color:#5b2925}.field-copy .fine{font-size:12px}.shop .product-art{height:270px}.shop .item{border:0}.shop .grid{gap:35px}header{flex-wrap:wrap}header>a:last-child:not(:first-child){font-size:12px;letter-spacing:0;font-weight:500}
@media(max-width:720px){.northline-title,.meridian-intro,.meridian-services .item,.field-intro{grid-template-columns:1fr;gap:24px}.northline-title h1{margin-top:12px}.meridian-copy{padding-top:0}.meridian-intro aside{padding:25px 0 0;border-left:0;border-top:1px solid #64818b}.field-image img{height:300px}.field-copy{padding:38px 7%}.panorama{height:180px}.northline-note{font-size:10px}.meridian-services .item{gap:0}}
header a.demo-quote{font-size:12px;font-weight:600;letter-spacing:0;text-decoration:underline;text-underline-offset:4px}header>button{border:1px solid currentColor;background:transparent;color:inherit;padding:9px 14px;border-radius:3px}