*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;background:#000;color:#fff}
.hero{position:relative;min-height:100vh;padding:120px 8%;background:url('../update-images/crownsy91.jpg') center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45));pointer-events:none}
.hero-content{position:relative;z-index:2;max-width:1200px;margin:auto;text-align:center}
.subtitle{letter-spacing:6px;font-size:12px;color:#ccc;margin-bottom:20px}
.title{font-family:'Prata',serif;font-size:48px;font-weight:200;margin-bottom:20px}
.desc{font-size:13px;letter-spacing:3px;color:#aaa;margin-bottom:70px}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:35px}
.service-box{background:#111;border:1px solid rgba(255,255,255,.15);overflow:hidden;transition:.4s ease}
.service-box:hover{transform:translateY(-6px);border-color:#fff}
.service-box img{width:100%;height:220px;object-fit:cover}
.service-content{padding:25px;text-align:left}
.service-content h3{font-size:16px;margin-bottom:10px}
.service-content p{font-size:13px;color:#bbb;margin-bottom:20px;line-height:1.6}
.btn{display:inline-block;padding:8px 18px;border:1px solid #fff;font-size:11px;letter-spacing:2px;color:#fff;text-decoration:none;transition:.3s;margin:4px}
.btn:hover{background:#fff;color:#000}
.breadcrumb{padding:20px 8%;font-size:14px}
.breadcrumb a{color:#aaa;text-decoration:none}
.floating-wa{position:fixed;bottom:20px;right:20px;background:#fff;color:#000;padding:12px 18px;border-radius:30px;cursor:pointer;z-index:999}
.wa-popup{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;justify-content:center;align-items:center}
.wa-box{background:#fff;padding:25px;border-radius:10px;text-align:center;color:#000}
.wa-box button{display:block;width:100%;margin:10px 0;padding:10px;border:none;background:#000;color:#fff;cursor:pointer}
.close{display:block;margin-top:20px;cursor:pointer}
@media(max-width:768px){.title{font-size:32px}.services{grid-template-columns:1fr 1fr;gap:16px}.service-box img{height:180px}}
@media(max-width:600px){.services{grid-template-columns:1fr}.hero{padding:90px 5%}}
.cs-builder-section{position:relative;padding:120px 6%;background:#050505;overflow:hidden;font-family:'Poppins',sans-serif}
.cs-builder-bg{position:absolute;inset:0;background:url('../update-images/crownsy90.jpg') center/cover no-repeat;opacity:.60;transform:scale(1.1)}
.cs-builder-container{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:start}
.cs-builder-label{display:inline-block;padding:10px 18px;border:1px solid rgba(255,255,255,0.35);color:#ffffff;font-size:.72rem;letter-spacing:3px;margin-bottom:24px;text-transform:uppercase;background:rgba(255,255,255,.03);backdrop-filter:blur(10px)}
.cs-builder-left h2{font-size:4rem;line-height:1.1;font-family:"Prata",serif;font-weight:200;margin-bottom:24px;color:#fff}
.cs-builder-left h2 span{color:#ffffff}
.cs-builder-desc{max-width:700px;line-height:1.9;color:#b7b7b7;margin-bottom:40px}
.cs-steps{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:45px}
.cs-step{padding:12px 18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#cfcfcf;font-size:.82rem;letter-spacing:1px}
.cs-step.active{border-color:#ffffff;color:#fff;background:rgba(255,255,255,0.12)}
.cs-form-wrap{padding:40px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.cs-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.cs-field{display:flex;flex-direction:column;gap:10px}
.cs-field label{font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:#ffffff}
.cs-field input,.cs-field select{height:58px;background:#0d0d0d;border:1px solid rgba(255,255,255,.08);padding:0 18px;color:#fff;outline:none;transition:.35s}
.cs-field input:focus,.cs-field select:focus{border-color:#010242}
.cs-production-box{margin-top:35px;padding:30px;background:#0b0b0b;border:1px solid rgba(255,255,255,0.15)}
.cs-production-title{font-size:.85rem;letter-spacing:3px;text-transform:uppercase;color:#ffffff;margin-bottom:20px}
.cs-production-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;color:#d7d7d7;font-size:.95rem}
.cs-summary-card{position:sticky;top:120px;padding:40px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.cs-summary-head{font-size:.9rem;letter-spacing:4px;text-transform:uppercase;color:#ffffff;margin-bottom:35px}
.cs-summary-body{display:flex;flex-direction:column;gap:18px}
.cs-summary-item{display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}
.cs-summary-item span{color:#9f9f9f;font-size:.92rem}
.cs-summary-item strong{color:#fff;font-size:.95rem;text-align:right}
.cs-wa-btn{width:100%;height:60px;margin-top:35px;background:transparent;border:1px solid #ffffff;color:#fff;letter-spacing:2px;font-size:.8rem;cursor:pointer;transition:.4s}
.cs-wa-btn:hover{background:#ffffff;color:#000}
@media(max-width:1100px){.cs-builder-container{grid-template-columns:1fr}.cs-summary-card{position:relative;top:auto}}
@media(max-width:768px){.cs-builder-section{padding:90px 5%}.cs-builder-left h2{font-size:2.5rem}.cs-form-wrap{padding:25px}.cs-form-grid{grid-template-columns:1fr}.cs-production-grid{grid-template-columns:1fr}.cs-summary-card{padding:25px}}
@media(max-width:480px){.cs-builder-left h2{font-size:2rem}.cs-step{width:100%;text-align:center}.cs-summary-item{flex-direction:column;align-items:flex-start}.cs-summary-item strong{text-align:left}.cs-wa-btn{font-size:.72rem}}