:root{--navy:#0e1b2c;--navy-2:#16273c;--gold:#d9a84e;--gold-dark:#c2913c;--cream:#f7f5f1;--ink:#1b1f27;--muted:#6b7280;--muted-light:#9aa3b2;--border:#e7e3da;--radius:10px;--maxw:1180px;--shadow:0 10px 30px #0e1b2c14;font-size:16px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Jost,Poppins,Arial,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}h1,h2,h3,h4{color:var(--navy);letter-spacing:.2px;margin:0 0 .5em;font-family:Playfair Display,Georgia,Times New Roman,serif;font-weight:600}p{color:var(--muted);margin:0 0 1em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}ul{margin:0;padding:0;list-style:none}.ph{color:#4b5563;text-align:center;isolation:isolate;background:linear-gradient(135deg,#cfd6de 0%,#aab3bf 50%,#cfd6de 100%);justify-content:center;align-items:center;font-size:.78rem;display:flex;position:relative;overflow:hidden}.ph:before{content:"";z-index:0;background-image:repeating-linear-gradient(45deg,#ffffff26 0 12px,#0000 12px 24px);position:absolute;inset:0}.ph span{z-index:1;letter-spacing:.4px;background:#ffffff8c;border-radius:4px;padding:6px 10px;font-family:Arial,sans-serif;position:relative}.btn{background:var(--gold);color:var(--navy);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.btn:hover{background:var(--gold-dark);transform:translateY(-1px)}.btn-sm{justify-content:center;width:100%;padding:10px 18px;font-size:.85rem}.btn-outline{border:1px solid var(--gold);color:var(--gold);background:0 0}.btn-outline:hover{background:var(--gold);color:var(--navy)}.site-header{z-index:100;background:#111;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:76px;display:flex}.logo{align-items:center;display:flex}.logo-img{object-fit:contain;width:auto;height:52px;display:block}.footer-logo-img{object-fit:contain;width:auto;height:48px;margin-bottom:14px;display:block}.main-nav{align-items:center;gap:40px;display:flex}.main-nav ul{gap:36px;display:flex}.main-nav a{color:#cfd5df;padding:6px 2px;font-size:.95rem;font-weight:500;position:relative}.main-nav a:hover{color:#fff}.main-nav a.active{color:var(--gold)}.main-nav a.active:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:-22px;left:0;right:0}.nav-cta{flex-shrink:0}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.menu-toggle span{background:#fff;width:24px;height:2px;display:block}.page-hero{background:linear-gradient(#0a121ec7,#0a121ed1), var(--navy);color:#fff;text-align:center;padding:70px 24px 56px}.page-hero h1{color:#fff;margin-bottom:.4em;font-size:2.6rem}.page-hero .crumb{color:#b9c1cd;font-size:.9rem}.page-hero .crumb a{color:#b9c1cd}.page-hero .crumb a:hover{color:var(--gold)}.page-hero .crumb .sep{color:var(--gold);margin:0 8px}.hero{background:var(--navy);color:#fff;align-items:center;min-height:620px;display:flex;position:relative;overflow:hidden}.hero-bg{background-image:linear-gradient(#080f1a40,#080f1a59),url(/image.png);background-position:50%;background-size:cover}.hero-overlay{display:none}.hero-content{max-width:600px;padding:80px 0}.hero-tag{color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;background:#d9a84e2e;border:1px solid #d9a84e66;border-radius:20px;margin-bottom:18px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-block}.hero-content h1{color:#fff;margin-bottom:.5em;font-size:3.2rem;line-height:1.15}.hero-sub{color:#ffffffd1;max-width:480px;margin-bottom:2em;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.btn-outline-white{color:#fff;background:0 0;border:2px solid #fff9}.btn-outline-white:hover{color:#fff;background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.usp-strip{border-bottom:1px solid var(--border);background:#fff;padding:0;box-shadow:0 2px 12px #0e1b2c0f}.usp-grid{grid-template-columns:repeat(4,1fr);display:grid}.usp-item{border-right:1px solid var(--border);align-items:center;gap:16px;padding:28px 24px;transition:background .2s;display:flex}.usp-item:last-child{border-right:none}.usp-item:hover{background:var(--cream)}.usp-item .feat-icon{border:1px solid var(--gold);width:50px;height:50px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.usp-item strong{color:var(--navy);margin-bottom:2px;font-size:.95rem;font-weight:600;display:block}.usp-item p{color:var(--muted);margin:0;font-size:.82rem}.section-header{text-align:center;margin-bottom:40px}.section-title{text-align:center;justify-content:center;align-items:center;gap:14px;margin:60px 0 12px;display:flex}.section-title:before,.section-title:after{content:"";background:var(--gold);width:46px;height:1px}.section-title h2{margin:0;font-size:1.9rem}.section-sub{color:var(--muted);margin:0;font-size:.95rem}.categories{background:#fff;padding:10px 0 60px}.cat-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.cat-card{text-align:center}.cat-img-wrap{border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:1;margin-bottom:14px;position:relative;overflow:hidden}.cat-img-wrap .cat-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.cat-card:hover .cat-img{transform:scale(1.06)}.cat-overlay{opacity:0;background:#0e1b2c73;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.cat-card:hover .cat-overlay{opacity:1}.cat-btn{background:var(--gold);color:var(--navy);border-radius:4px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:transform .3s;transform:translateY(8px)}.cat-card:hover .cat-btn{transform:translateY(0)}.cat-card .ph,.cat-card .cat-img{aspect-ratio:1;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px}.cat-card .cat-img{object-fit:cover;width:100%;display:block}.cat-card h4{color:var(--navy);margin:0;font-size:1.02rem}.cat-more{text-align:center;margin-top:36px}.cta-section{background:#fff;padding:0 0 56px}.cta-band{border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;padding:60px;display:flex;position:relative;overflow:hidden}.cta-tag{color:var(--gold);letter-spacing:1.2px;text-transform:uppercase;background:#d9a84e33;border:1px solid #d9a84e66;border-radius:20px;margin-bottom:12px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-block}.cta-band h3{color:#fff;margin-bottom:.4em;font-size:2rem}.cta-band p{color:#ffffffb8;max-width:440px;margin:0}.cta-text{max-width:520px}.cta-actions{flex-wrap:wrap;gap:14px;display:flex}.trust-strip{background:var(--navy-2);padding:22px 0}.trust-strip ul{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.trust-strip li{color:#cfd5df;align-items:center;gap:10px;font-size:.85rem;display:flex}.trust-strip svg{color:var(--gold);flex-shrink:0}.products-section{padding:50px 0 60px}.product-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.product-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;display:flex;overflow:hidden}.product-card .ph{aspect-ratio:4/3}.product-img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.product-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 20px;display:flex}.product-body h4{min-height:2.6em;margin:0;font-size:1.05rem}.price{color:var(--gold-dark);margin-bottom:6px;font-size:1.05rem;font-weight:700}.wa-enquiry-btn{color:#fff;background:#25d366;gap:8px}.wa-enquiry-btn:hover{color:#fff;background:#1ebe5e}.no-products-note{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:20px;padding:40px 24px;font-size:.95rem;display:flex}.no-products-note p{max-width:500px;margin:0}.custom-cta{background:var(--navy);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.custom-cta .ic{width:54px;height:54px;color:var(--gold);background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.custom-cta-left{align-items:center;gap:18px;display:flex}.custom-cta h4{color:#fff;margin:0 0 4px;font-size:1.1rem}.custom-cta p{color:#b9c1cd;margin:0;font-size:.92rem}.about-intro{background:#fff;padding:60px 0}.about-grid{border-radius:var(--radius);box-shadow:var(--shadow);z-index:5;background:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin-top:-90px;padding:8px;display:grid;position:relative}.about-text{padding:34px}.about-text h2{font-size:1.9rem}.about-grid .ph{aspect-ratio:4/3;border-radius:8px;margin:8px}.why-section{background:#fff;padding:50px 0 10px}.why-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.why-card{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);text-align:left;padding:26px 22px}.why-card .feat-icon{margin-bottom:14px}.why-card h4{margin-bottom:4px;font-size:.98rem}.why-card p{margin:0;font-size:.85rem}.products-include{background:#fff;padding:50px 0 60px}.include-grid{grid-template-columns:1fr 1fr;gap:14px 50px;max-width:760px;margin:0 auto;display:grid}.include-grid li{color:var(--ink);border-bottom:1px dashed var(--border);align-items:center;gap:10px;padding:6px 0;font-size:.95rem;display:flex}.include-grid svg{color:var(--gold-dark);flex-shrink:0}.build-band{background:var(--navy);grid-template-columns:1.1fr .9fr;align-items:center;display:grid;position:relative;overflow:hidden}.build-band .text{color:#fff;padding:56px 50px}.build-band h3{color:#fff;font-size:1.8rem}.build-band p{color:#b9c1cd;max-width:420px}.build-band .ph,.build-band .build-band-img{height:100%;min-height:260px}.build-band .build-band-img{object-fit:cover;width:100%;display:block}.site-footer{color:#cfd5df;background:#111;padding-top:50px}.footer-grid{border-bottom:1px solid #ffffff14;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:36px;display:grid}.footer-grid h4{color:#fff;margin-bottom:12px;font-size:1.3rem}.footer-grid h5{color:#fff;margin:0 0 16px;font-size:1rem;font-weight:600}.footer-grid p{color:#9aa3b2;font-size:.9rem}.footer-grid li{margin-bottom:10px;font-size:.9rem}.footer-grid a:hover{color:var(--gold)}.footer-contact li{color:#9aa3b2;align-items:center;gap:10px;display:flex}.footer-contact svg{color:var(--gold);flex-shrink:0}.social-row{gap:10px;margin-top:18px;display:flex}.social-row a{color:#fff;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.social-row a:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}.copyright{text-align:center;color:#8b93a3;margin:0;padding:18px 0;font-size:.82rem}@media (width<=980px){.cat-grid,.why-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;margin-top:-40px}.footer-grid{grid-template-columns:1fr 1fr}.build-band{grid-template-columns:1fr}.build-band .ph{min-height:200px}.usp-grid{grid-template-columns:repeat(2,1fr)}.usp-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.usp-item:nth-child(2n){border-right:none}.usp-item:nth-child(3),.usp-item:nth-child(4){border-bottom:none}}@media (width<=760px){.main-nav{background:#111;flex-direction:column;align-items:stretch;gap:24px;padding:24px;transition:transform .25s;position:fixed;inset:76px 0 0;overflow-y:auto;transform:translate(100%)}.main-nav.open{transform:translate(0)}.main-nav ul{flex-direction:column;gap:18px}.main-nav a.active:after{display:none}.menu-toggle{display:flex}.nav-cta{display:none}.main-nav .nav-cta{display:flex}.hero-bg{background-position:75%}.hero-content h1{font-size:2.2rem}.hero-sub{font-size:.95rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.usp-grid{grid-template-columns:1fr}.usp-item{border-right:none;border-bottom:1px solid var(--border);padding:18px 16px}.usp-item:last-child{border-bottom:none}.usp-item .feat-icon{width:42px;height:42px}.cta-band{text-align:center;flex-direction:column;padding:40px 30px}.cta-text{max-width:none}.cta-actions{justify-content:center}.page-hero h1{font-size:2rem}.cat-grid,.product-grid,.why-grid{grid-template-columns:1fr 1fr}.include-grid,.footer-grid{grid-template-columns:1fr}.trust-strip ul{text-align:center;justify-content:center}.custom-cta{text-align:center;flex-direction:column}.custom-cta-left{flex-direction:column}}@media (width<=480px){.cat-grid,.product-grid,.why-grid{grid-template-columns:1fr}.container{padding:0 18px}.page-hero{padding:50px 18px 40px}.about-text{padding:22px}}.floating-buttons{z-index:999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.float-btn{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000026}.float-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 6px 16px #0003}.wa-btn{background:#25d366}.call-btn{background:var(--navy)}.float-btn svg{fill:currentColor}.call-btn svg{fill:none}