:root{--charcoal:#1c1f23;--charcoal-2:#2a2e33;--brass:#c9a227;--oak:#b8926a;--greige:#a99e8f;--porcelain:#f7f5f1;--white:#fafaf8;--danger:#d9534f;--ok:#7dc383}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Archivo,Inter,-apple-system,Segoe UI,sans-serif;color:var(--charcoal);background:var(--porcelain);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1180px;margin:0 auto;padding:0 24px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(28,31,35,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--porcelain)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{font-weight:800;letter-spacing:3px;font-size:15px}.logo .amp{color:var(--brass)}.nav{display:flex;gap:28px;font-size:13px;letter-spacing:1.5px}.nav a:hover{color:var(--brass)}.btn{display:inline-block;padding:13px 28px;font-weight:700;font-size:14px;letter-spacing:1px;cursor:pointer;border:none;transition:all .18s}.btn-brass{background:var(--brass);color:var(--charcoal)}.btn-brass:hover{background:#dbb537;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--porcelain);border:1px solid var(--greige)}.btn-ghost:hover{border-color:var(--brass);color:var(--brass)}.btn-dark{background:var(--charcoal);color:var(--porcelain)}.btn[disabled]{opacity:.5;cursor:not-allowed}.hero{min-height:88vh;display:flex;align-items:center;background:radial-gradient(1200px 500px at 75% 20%,rgba(201,162,39,.14),transparent 60%),linear-gradient(160deg,#16181b,#1c1f23 55%,#24282d);color:var(--porcelain);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(169,158,143,.07) 1px,transparent 0),linear-gradient(90deg,rgba(169,158,143,.07) 1px,transparent 0);background-size:48px 48px}.hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:1px;line-height:1.05}.hero .sub{max-width:560px;margin:22px 0 34px;color:var(--greige);font-size:18px}.hero .ctas{display:flex;gap:16px;flex-wrap:wrap}.kicker{color:var(--brass);letter-spacing:4px;font-size:12px;font-weight:700}.section{padding:88px 0}.section h2{font-size:clamp(28px,4vw,44px);letter-spacing:.5px;margin-bottom:10px}.section .lead{color:#6b6459;max-width:640px;margin-bottom:44px}.section-dark{background:var(--charcoal);color:var(--porcelain)}.section-dark .lead{color:var(--greige)}.trustbar{background:var(--white);border-bottom:1px solid #e8e4dc;display:flex;justify-content:center;gap:42px;flex-wrap:wrap;padding:18px 24px;font-size:13px;letter-spacing:1px;color:#6b6459}.trustbar b{color:var(--charcoal)}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:22px}.grid-2,.grid-3{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));grid-gap:22px}.card{position:relative;min-height:300px;display:flex;align-items:flex-end;padding:26px;color:var(--porcelain);overflow:hidden;cursor:pointer;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card h3{font-size:22px;letter-spacing:1px}.card .from{color:var(--brass);font-size:13px;letter-spacing:1px}.card p{font-size:13px;color:#d8d2c7;margin-top:6px}.swatch-row{display:flex;gap:14px;flex-wrap:wrap}.swatch{width:150px;padding-bottom:12px;background:var(--white);border:1px solid #e8e4dc;transition:transform .15s}.swatch:hover{transform:translateY(-3px)}.swatch .chip{height:110px}.swatch .meta{padding:10px 12px 0;font-size:12px}.swatch .meta b{display:block;font-size:13px}.swatch .meta span{color:#8a8375}.process{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:18px;gap:18px}.step .num{color:var(--brass);font-size:34px;font-weight:800}.step b{letter-spacing:1px}.site-footer,.step p{font-size:13px;color:var(--greige)}.site-footer{background:#121417;padding:54px 0 34px}.site-footer .cols{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:30px}.site-footer a:hover{color:var(--brass)}.form{display:grid;grid-gap:14px;gap:14px;max-width:520px}.form input,.form select,.form textarea{padding:13px 14px;border:1px solid #d8d2c7;background:var(--white);font:inherit;font-size:14px;width:100%}.form label{font-size:12px;letter-spacing:1px;font-weight:700;color:#6b6459}.notice{padding:12px 16px;background:#eef6ee;border:1px solid var(--ok);font-size:14px}.notice.err{background:#fbeeee;border-color:var(--danger)}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(18,20,23,.72);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--white);padding:34px;max-width:440px;width:100%}.modal h3{letter-spacing:1px;margin-bottom:8px}.modal p{font-size:14px;color:#6b6459;margin-bottom:16px}.fine{font-size:11px;color:#8a8375;line-height:1.5}.designer-wrap{display:flex;height:calc(100vh - 68px)}.palette{width:240px;padding:18px;background:var(--charcoal);color:var(--porcelain);overflow-y:auto}.palette h3{font-size:12px;letter-spacing:2px;color:var(--greige);margin:18px 0 8px}.palette h3:first-child{margin-top:0}.palette .mod-btn{display:flex;justify-content:space-between;width:100%;margin:5px 0;padding:11px 12px;background:var(--charcoal-2);color:var(--porcelain);border:1px solid #3a3f45;cursor:pointer;font-size:13px}.palette .mod-btn:hover{border-color:var(--brass)}.palette .mod-btn small{color:var(--brass)}.finish-chips{display:flex;flex-wrap:wrap;gap:7px}.finish-chips button{width:36px;height:36px;cursor:pointer;border:1px solid #555}.finish-chips button.active{border:2px solid var(--brass)}.price-hud{position:absolute;top:16px;right:16px;z-index:10;background:rgba(28,31,35,.94);color:var(--porcelain);padding:16px 20px;min-width:230px}.price-hud .label{font-size:11px;letter-spacing:2px;color:var(--greige)}.price-hud .price{font-size:25px;color:var(--brass);font-weight:800}.price-hud .sub{font-size:12px;color:var(--greige)}.gate{height:100%;flex-direction:column;justify-content:center;gap:14px;background:var(--charcoal);color:var(--porcelain);text-align:center;padding:24px}.gate,.google-btn{display:flex;align-items:center}.google-btn{gap:10px;padding:13px 26px;background:var(--white);color:var(--charcoal);font-weight:700;font-size:15px;border:none;cursor:pointer}.google-btn:hover{background:#eee}@media (max-width:800px){.nav{display:none}.designer-wrap{flex-direction:column}.palette{width:100%;order:2}}