:root{--navy:#0a1b31;--navy2:#102b47;--gold:#caa36b;--ink:#152338;--muted:#647186;--paper:#f4f6f8;--line:#dce3eb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:white}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 44px));margin:auto}.eyebrow{color:var(--gold);font-weight:750;letter-spacing:.18em;font-size:.76rem;text-transform:uppercase}.topline{height:4px;background:linear-gradient(90deg,var(--gold),#f0cf98 48%,var(--gold))}.header{position:sticky;top:0;z-index:30;background:rgba(9,27,48,.97);box-shadow:0 6px 30px #0616291a}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;color:white}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid var(--gold);border-radius:10px;color:#f0c98d;font-size:27px;font-weight:850;letter-spacing:-.13em;padding-right:4px}.brand strong{font-size:21px;letter-spacing:.16em;display:block;line-height:1.15}.brand small{font-size:9px;letter-spacing:.16em;color:#c2cddd;display:block}.navlinks{display:flex;align-items:center;gap:26px}.navlinks a{font-weight:600;font-size:14px;color:#cfdae8;transition:color .2s}.navlinks a:hover,.navlinks a.active{color:#f1ca8a}.navlinks .nav-cta{border:1px solid var(--gold);color:#f1ca8a;border-radius:6px;padding:10px 17px}.menu-toggle{display:none;border:1px solid #52647b;border-radius:8px;background:transparent;color:#fff;padding:6px 12px;font-size:23px;cursor:pointer}.hero{background:radial-gradient(circle at 74% 35%,#224868 0,transparent 34%),linear-gradient(110deg,#071728,#102a46 90%);color:white;overflow:hidden}.hero-grid{min-height:570px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:46px;padding-top:66px;padding-bottom:78px}.hero h1{font-size:clamp(37px,4.6vw,66px);line-height:1.12;letter-spacing:-.04em;margin:13px 0 22px}.hero h1 em{font-style:normal;color:#e7be7b}.hero p{max-width:590px;color:#c7d4e3;font-size:17px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.btn{border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:750;padding:13px 21px;transition:.2s}.btn-gold{background:#d4ab71;color:#0c223a}.btn-gold:hover{background:#edc58c}.btn-outline{border:1px solid #72849b;color:#fff}.btn-outline:hover{border-color:white;background:#ffffff12}.btn-navy{background:var(--navy);color:white}.hero-visual{position:relative;min-height:340px;display:grid;place-items:center}.visual-frame{position:relative;width:92%;aspect-ratio:1.12;border:1px solid #7590ac4e;transform:rotate(-4deg);border-radius:18px;background:linear-gradient(145deg,#1f4162,#0e233d);box-shadow:35px 40px 60px #01081555;overflow:hidden}.visual-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061527bd,transparent 65%)}.visual-frame img{height:100%;width:100%;object-fit:cover;opacity:.84;transform:scale(1.10) rotate(4deg)}.hero-tag{position:absolute;bottom:12px;left:5px;background:#fff;color:#102740;border-radius:9px;padding:15px 22px;box-shadow:0 15px 34px #0004;font-weight:800}.hero-tag small{display:block;color:#64748b;font-size:11px;font-weight:600}.section{padding:84px 0}.soft{background:var(--paper)}.section-head{max-width:760px;margin-bottom:34px}.section h2,.page-title h1{font-size:clamp(28px,3.5vw,45px);letter-spacing:-.03em;line-height:1.2;margin:9px 0 15px}.section-head p,.lead{color:var(--muted);font-size:16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border-radius:12px;background:white;border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #0b264014}.card-image{height:212px;background:#e9eef3;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:23px}.card h3{font-size:19px;margin:0 0 9px;line-height:1.3}.card p{font-size:14px;color:var(--muted);margin:0 0 13px}.text-link{color:#90683f;font-weight:800;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.picture-stack{position:relative;padding-bottom:24px;padding-right:24px}.picture-stack:before{content:'';position:absolute;inset:22px 0 0 22px;border:2px solid var(--gold);border-radius:10px}.picture-stack img{position:relative;border-radius:10px;box-shadow:0 12px 40px #0f283a24;width:100%;height:380px;object-fit:cover}.ticks{padding:0;list-style:none;margin:20px 0}.ticks li{padding:8px 0 8px 28px;position:relative}.ticks li:before{content:'✓';position:absolute;left:0;color:#ab7c40;font-weight:900}.stat-band{background:#132f4b;color:white;padding:34px 0}.stat-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.stat-row span{color:#d3dce7;font-size:14px}.stat-row strong{color:#e4bb7e}.cta{padding:58px 0;background:linear-gradient(120deg,#102d49,#0a1b30);color:white}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:22px}.cta h2{font-size:30px;margin:0}.cta p{color:#ced9e5;margin:8px 0 0}.footer{background:#081626;color:#bdcad8;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1.15fr;gap:45px}.footer h4{color:white;margin:2px 0 18px}.footer a{display:block;margin:7px 0;color:#c9d4e0}.footer a:hover{color:#e4bb7e}.footer p{font-size:13px}.footer-bottom{border-top:1px solid #34475a;margin-top:32px;padding-top:20px;font-size:12px;display:flex;justify-content:space-between;gap:16px}.page-title{padding:78px 0 82px;background:linear-gradient(110deg,#091b2e,#173954);color:white}.page-title p{color:#d0dce9;max-width:720px}.breadcrumbs{font-size:12px;color:#d4b582}.panel{padding:30px;border:1px solid var(--line);border-radius:12px;background:white}.panel h3{margin-top:0}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-section{padding:55px 0;border-bottom:1px solid var(--line)}.product-section:nth-child(even){background:#f7f9fb}.product-head{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}.product-head h2{margin:0;font-size:29px}.number{font-weight:850;color:var(--gold);font-size:20px}.product-content{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.product-photo{height:315px;border-radius:12px;object-fit:cover;width:100%;background:#edf1f5}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.chip{background:#ecf2f6;border:1px solid #d5e1e8;padding:7px 12px;border-radius:100px;font-size:13px;color:#2e455d}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:17px}.gallery img{width:100%;height:145px;object-fit:cover;border-radius:9px;background:#e9eef3}.customer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.customer-item{border:1px solid var(--line);padding:21px 24px;border-radius:9px;background:white;font-weight:700}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:32px}.contact-line{padding:16px 0;border-bottom:1px solid var(--line)}.contact-line span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.contact-line strong{display:block;margin-top:5px;font-size:16px;overflow-wrap:anywhere}.field{display:block;margin-bottom:16px;font-weight:700;font-size:13px}.field input,.field textarea{display:block;width:100%;border:1px solid #cdd7e0;border-radius:7px;padding:12px 14px;margin-top:6px;color:var(--ink);background:white}.field textarea{min-height:130px;resize:vertical}.note{font-size:12px;color:var(--muted)}.anchor-links{display:flex;gap:11px;flex-wrap:wrap}.anchor-links a{padding:9px 15px;border:1px solid #cbd6e1;border-radius:20px;color:#27425c;font-size:13px;font-weight:700}.anchor-links a:hover{background:#0d2944;color:#fff}.sitemap{text-align:center;padding-top:14px;font-size:12px;color:#647186}
@media(max-width:850px){.nav{min-height:68px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#102840;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 25px;box-shadow:0 20px 35px #06101b55}.navlinks.open{display:flex}.navlinks a{padding:11px 0}.navlinks .nav-cta{margin-top:8px;text-align:center}.hero-grid,.split,.product-content,.contact-grid{grid-template-columns:1fr}.hero-grid{padding-top:60px}.hero-visual{min-height:290px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.cta .container{align-items:start;flex-direction:column}}@media(max-width:560px){.container{width:min(100% - 32px,1180px)}.section{padding:58px 0}.hero-grid{gap:8px;padding-bottom:52px}.hero h1{font-size:41px}.hero-visual{min-height:220px}.visual-frame{max-height:250px}.grid,.two-cards,.footer-grid,.customer-grid{grid-template-columns:1fr}.card-image{height:200px}.picture-stack img{height:250px}.product-photo{height:245px}.gallery img{height:95px}.page-title{padding:54px 0}.footer-bottom{flex-direction:column}}

/* GARVA WhatsApp contact (all pages) */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:70;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;border-radius:999px;box-shadow:0 8px 24px rgba(18,59,43,.28);transition:transform .2s,box-shadow .2s}
.wa-float svg{width:26px;height:26px}.wa-float:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(18,59,43,.38)}.wa-float:focus-visible,.inline-wa:focus-visible{outline:3px solid #e4bb7e;outline-offset:3px}
.footer a.footer-whatsapp{color:#7be0a0;display:block}.footer-whatsapp svg,.inline-wa svg{width:16px;height:16px;flex-shrink:0}.inline-wa{color:#138b47;display:inline-flex;gap:6px;align-items:center;font-size:14px;font-weight:700}
@media(max-width:560px){.wa-float{width:50px;height:50px;bottom:14px;right:14px}.wa-float svg{width:24px;height:24px}.footer{padding-bottom:78px}}
/* Official GARVA brand logo: header and footer */
.brand-logo{width:58px;height:58px;object-fit:contain;flex-shrink:0;display:block}.footer .brand-logo{width:66px;height:66px}@media(max-width:560px){.brand-logo{width:48px;height:48px}.footer .brand-logo{width:60px;height:60px}.brand{gap:9px}.brand strong{font-size:19px}.brand small{font-size:8px}}