:root{--navy:#071c38;--navy2:#0e315c;--gold:#c99a45;--cream:#faf8f2;--ink:#17263c;--muted:#6b7686;--line:#e5e7e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}.top{background:var(--navy);color:white;padding:9px 5%;font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between}header{height:80px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:20}.logo img{width:190px;height:auto;display:block}.nav{display:flex;gap:24px;font-size:12px;font-weight:700}.nav a:hover{color:var(--gold)}.actions{display:flex;gap:8px;align-items:center}.actions button{border:0;background:transparent;font-size:21px;cursor:pointer}.actions .cart{background:var(--navy);color:white;border-radius:5px;padding:11px 14px;font-size:12px}.cart b{background:var(--gold);color:#111;border-radius:12px;padding:2px 6px;margin-left:4px}.menu{display:none}.hero{min-height:600px;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(110deg,#fff,#f0ece2)}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:800}.hero h1,h2{font-family:Georgia,serif;color:var(--navy)}.hero h1{font-size:62px;line-height:1;margin:12px 0}.hero em{font-style:normal;color:var(--gold)}.hero p:not(.eyebrow),.section p{color:var(--muted);line-height:1.8}.buttons{display:flex;gap:12px;margin:28px 0}.btn{border:0;border-radius:5px;padding:14px 24px;font-weight:800;font-size:12px;cursor:pointer}.dark{background:var(--navy);color:#fff}.outline{background:#fff;border:1px solid var(--gold);color:var(--navy)}.gold{background:var(--gold);color:white}.trust{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;color:#566274}.heroVisual img{width:min(620px,100%);filter:drop-shadow(0 25px 25px #071c3830)}.section{padding:75px 7%;max-width:1400px;margin:auto}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section h2{font-size:39px;margin:8px 0}.tools{display:flex;gap:8px}.tools input,.tools select,.form input,.form textarea,.form select,.modal input,.modal textarea,.modal select{padding:12px;border:1px solid var(--line);background:#fff;border-radius:5px;outline:0}.tools input{width:220px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.product{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;padding-bottom:15px;transition:.2s}.product:hover{transform:translateY(-4px);box-shadow:0 20px 35px #071c3814}.product img{width:100%;display:block}.product .pad{padding:0 14px}.product h3{font-size:14px;margin:13px 0 5px}.product small{color:var(--muted);font-size:10px}.product .price{color:var(--navy);font-weight:800;margin:10px 0}.product button{width:100%;border:0;background:var(--navy);color:white;padding:10px;border-radius:4px;font-weight:800;font-size:10px;cursor:pointer}.banner{margin:0 7% 70px;background:var(--navy);color:white;border-radius:9px;padding:45px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.banner h2{color:white;font-size:37px;margin:7px 0}.banner p{color:#c9d4e2}.light{color:#e4ebf4}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:30px 7%;background:white;border-block:1px solid var(--line);color:var(--gold);font-size:24px}.features b{color:var(--navy);font-size:12px}.features small{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:400}.split,.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.customGallery{background:#ebe6d9;border-radius:10px;padding:20px}.customGallery img{width:100%;display:block}.wide{max-width:800px}.contact p{margin:12px 0}.contact a{font-weight:700;color:var(--navy)}.form{background:white;border:1px solid var(--line);padding:25px;border-radius:8px;display:grid;gap:12px}.form textarea{min-height:130px}.dashboard{background:#f0f2f5;max-width:none}.badge{background:white;border:1px solid var(--line);padding:7px 12px;border-radius:20px;font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats div{background:white;border:1px solid var(--line);border-radius:8px;padding:20px}.stats small,.stats strong,.stats em{display:block}.stats small{color:var(--muted);font-size:10px}.stats strong{font-size:25px;margin:8px 0}.stats em{color:var(--muted);font-size:10px;font-style:normal}footer{background:var(--navy);color:white}.foot{padding:55px 7%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.foot img{width:190px}.foot p,.foot a{display:block;color:#b9c5d4;font-size:11px;margin:9px 0}.copy{text-align:center;background:#06162d;color:#8f9db0;padding:15px;font-size:10px}.overlay{display:none;position:fixed;inset:0;background:#0008;z-index:40}.overlay.show{display:block}.drawer{position:fixed;right:-430px;top:0;width:420px;max-width:92vw;height:100vh;background:white;z-index:50;padding:25px;box-shadow:-20px 0 50px #0003;transition:.3s;overflow:auto}.drawer.open{right:0}.drawerHead,.modalHead{display:flex;justify-content:space-between;align-items:center}.drawerHead button,.modalHead button{border:0;background:transparent;font-size:28px}.line{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.thumb{width:60px;height:60px;background:var(--navy);border-radius:5px}.total{display:flex;justify-content:space-between;padding:20px 0;font-size:18px}.full{width:100%}.modal{display:none;position:fixed;z-index:60;left:50%;top:50%;transform:translate(-50%,-50%);background:white;width:500px;max-width:92vw;padding:25px;border-radius:8px}.modal.show{display:block}.modal form{display:grid;gap:12px}.modal textarea{min-height:100px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,80px);background:var(--navy);color:white;padding:12px 18px;border-radius:5px;opacity:0;transition:.3s;z-index:100;font-size:11px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr}.heroVisual{margin-top:30px}.grid{grid-template-columns:repeat(3,1fr)}.features{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.top span{display:none}header{height:70px}.logo img{width:145px}.hero{padding:50px 6%}.hero h1{font-size:44px}.section{padding:55px 6%}.head{flex-direction:column;align-items:start}.tools{width:100%;flex-direction:column}.tools input{width:100%}.grid{grid-template-columns:repeat(2,1fr)}.product img{height:auto}.banner{margin-inline:6%;flex-direction:column;align-items:start}.features{grid-template-columns:1fr;padding-inline:6%}.split,.contact{grid-template-columns:1fr;gap:25px}.foot{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}
