.demo-intro{background:linear-gradient(110deg,#061c42,#074aa2);color:white;padding:50px 0 70px}.demo-intro h1{font-size:clamp(38px,5.4vw,76px);line-height:1.08;letter-spacing:-2px;max-width:950px;margin:28px 0}.demo-intro>.wrap>p:not(.eyebrow){font-size:20px;line-height:1.7;max-width:740px;color:#d5e8ff}.demo-intro .eyebrow{color:#57e4e0;margin-top:42px}.demo-intro .button{margin:18px 0}.demo-principles{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:20px;font-size:14px;color:#d5e8ff}.demo-principles span:before{content:'✓';color:#58e5d9;margin-right:10px}.demo-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.demo-product{border:1px solid #dce5ef;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:140px;background:#fff}.demo-product-image{position:relative}.demo-product-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.demo-state{position:absolute;left:16px;bottom:16px;border-radius:4px;padding:8px 10px;background:#f2f5fa;color:#34475d;font-size:10px;font-weight:700;letter-spacing:1px}.demo-state.available{background:#dcfff1;color:#075b40}.demo-product-body{padding:26px;display:flex;flex-direction:column;flex:1}.demo-product h3{font-size:24px;line-height:1.3;margin:8px 0 12px}.demo-product p{line-height:1.7;color:#52677d}.demo-product .eyebrow{font-size:10px}.demo-product ul{padding-left:18px;line-height:1.9;margin-bottom:26px}.demo-product-actions{margin-top:auto;display:grid;gap:18px}.demo-product .demo-pending{margin:0;padding:14px;background:#f3f6fa;border-radius:6px;font-size:14px;color:#52677d}.demo-product-actions a{font-weight:650}.demo-product-actions .button{text-align:center}.demo-product-actions a:not(.button){color:#065eb9}@media(max-width:1050px){.demo-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.demo-product-grid{grid-template-columns:1fr}.demo-intro{padding:24px 0 42px}.demo-intro h1{letter-spacing:-1px}.demo-intro>.wrap>p:not(.eyebrow){font-size:17px}}
