.design-preview{--ink:#10263c;--blue:#285ab4;--muted:#657486;background:#fafbfd;font-size:16px}
.design-preview header{padding:22px 5%;border-bottom:1px solid #e6ebf1;background:#fffffff5;backdrop-filter:blur(14px)}
.design-preview .brand{color:#285ab4;letter-spacing:2px}.design-preview .brand span{letter-spacing:1px;color:#64788b}
.design-preview h1,.design-preview h2{letter-spacing:-1.5px}.design-preview section:not(.hero){padding:90px max(6%,calc((100vw - 1300px)/2))}
.design-preview .hero{min-height:650px;grid-template-columns:1.1fr 1fr;background:#10263c;position:relative}
.design-preview .hero-copy{padding:80px 10%;z-index:1}.design-preview .hero h1{font-size:clamp(38px,4vw,64px);line-height:1.2}.design-preview .hero img{max-height:none;min-height:650px;filter:brightness(.8);object-fit:cover}
.design-preview .button{border-radius:4px;background:#3171d8;color:white;padding:16px 25px}.design-preview .button.secondary{background:transparent;border:1px solid #ffffff66;margin-left:10px}
.design-preview .proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:28px 6%!important;background:#fff;border-bottom:1px solid #e1e8f0}.proof-strip strong{font-size:24px;display:block}.proof-strip span{font-size:13px;color:#657486}
.design-preview .products article,.design-preview .applications article{background:#fff;border:1px solid #e3e9ef;border-radius:10px;overflow:hidden;padding-bottom:26px;transition:transform .2s}.design-preview .products article:hover,.design-preview .applications article:hover{transform:translateY(-4px)}
.design-preview .products article h3,.design-preview .products article p,.design-preview .applications article h3,.design-preview .applications article p{margin-left:25px;margin-right:25px}.design-preview .products img{height:320px}.design-preview .applications img{height:250px}
.design-preview .three{gap:24px}.design-preview .dark{background:#10263c}.design-preview .dark a{color:#fff}.design-preview .dark .three article{padding:25px 0}.design-preview .steps article{background:white;border-radius:6px;padding:24px;border-top:3px solid #285ab4}.design-preview .number{font-size:15px;font-weight:bold;letter-spacing:2px}.design-preview .request{background:#eaf0f9}.design-preview .request .button{margin-top:15px}
.design-preview .detail{max-width:1300px}.design-preview .detail>h1{max-width:850px;font-size:clamp(36px,4vw,60px)}.design-preview .detail>p.lead{font-size:20px;color:#657486;max-width:780px}
.design-preview .detail-image{background:#eaf0f5;border-radius:10px;max-height:490px;object-fit:contain}.design-preview .detail-section{padding:45px 0}.design-preview .detail-section h2{font-size:32px}.design-preview .three article{padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.design-preview .dark .three article{background:transparent;border:0}.design-preview table{background:white}.design-preview th{background:#eaf0f9}.design-preview footer{background:#fff;border-top:1px solid #e2e8ef;padding:40px 6%}
.preview-jump{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 40px}.preview-jump a{padding:8px 16px;border:1px solid #ccd9e8;border-radius:30px;color:#285ab4;text-decoration:none;font-size:14px}
@media(max-width:1000px){.design-preview .hero-copy{padding:55px 8%}.design-preview .hero img{min-height:540px}.design-preview .hero{min-height:540px}}
@media(max-width:640px){.design-preview section:not(.hero){padding:55px 6%}.design-preview .hero{grid-template-columns:1fr}.design-preview .hero img{min-height:0;height:300px}.design-preview .hero-copy{padding:55px 6%}.design-preview .hero h1{font-size:40px}.design-preview .proof-strip{gap:12px}.proof-strip strong{font-size:19px}.proof-strip span{font-size:11px}.design-preview .button.secondary{margin-left:0;margin-right:10px}.design-preview .detail-section h2{font-size:27px}}