:root{--navy:#071b33;--navy-2:#0c2949;--ink:#152130;--muted:#667281;--orange:#f59e0b;--orange-2:#ffb21c;--green:#25d366;--paper:#f5f7f8;--white:#fff;--line:#dde3e8;--radius:18px;--shadow:0 18px 50px rgba(7,27,51,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1160px,calc(100% - 36px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;background:var(--orange);padding:10px 16px;z-index:999;color:var(--navy);font-weight:800}.skip-link:focus{top:12px}.site-header{height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(7,27,51,.08)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{width:190px;margin-right:auto}.brand img{width:100%;height:62px;object-fit:contain}.main-nav{display:flex;gap:29px}.main-nav a{font-size:.92rem;font-weight:700;color:#344050}.main-nav a:hover,.main-nav a:focus{color:#d77f00}.btn{min-height:46px;padding:12px 20px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.91rem;font-weight:800;line-height:1.2;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-whatsapp{background:#128c4a;color:white}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}
.hero{min-height:670px;background:var(--navy);color:white;position:relative;overflow:hidden;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,black,transparent)}.hero-glow{position:absolute;width:580px;height:580px;right:-130px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.25),transparent 68%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:50px;padding-block:90px}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.17em;font-size:.73rem;font-weight:900;color:var(--orange-2)}.eyebrow.dark{color:#c66f00}.hero h1{margin:0;max-width:720px;font-size:clamp(2.65rem,5vw,4.65rem);line-height:1.02;letter-spacing:-.045em}.hero-lead{font-size:1.12rem;color:#c5d0dc;max-width:590px;margin:25px 0 31px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-primary{background:var(--orange);color:var(--navy)}.btn-primary:hover{background:var(--orange-2)}.btn-outline{border:1px solid #61748a;color:white}.btn-outline:hover{border-color:white}.hero-note{margin-top:27px;color:#c5d0dc;font-size:.88rem;display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;background:#38d575;border-radius:50%;box-shadow:0 0 0 5px rgba(56,213,117,.14)}.hero-visual{height:430px;position:relative;display:grid;place-items:center}.energy-ring{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.ring-one{width:330px;height:330px}.ring-two{width:230px;height:230px;border-color:rgba(245,158,11,.35)}.bolt{font-size:11rem;line-height:1;color:var(--orange);filter:drop-shadow(0 14px 28px rgba(245,158,11,.25));transform:skew(-5deg)}.visual-card{position:absolute;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:12px;padding:12px 16px;font-size:.78rem;font-weight:750;box-shadow:0 14px 30px rgba(0,0,0,.16)}.visual-card span{color:var(--orange);margin-right:8px}.card-a{top:42px;right:1px}.card-b{left:1px;top:220px}.card-c{right:14px;bottom:25px}
.feature-strip{background:white;box-shadow:0 12px 30px rgba(0,0,0,.07);position:relative;z-index:3}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:25px}.feature-grid article{display:flex;align-items:center;gap:13px;padding:5px 22px;border-right:1px solid var(--line)}.feature-grid article:last-child{border:0}.feature-icon{width:38px;height:38px;flex:0 0 38px;border-radius:9px;background:#fff3d8;color:#c97200;display:grid;place-items:center;font-weight:900}.feature-grid strong,.feature-grid span{display:block}.feature-grid strong{font-size:.87rem}.feature-grid span{font-size:.75rem;color:var(--muted)}
.section{padding:105px 0}.products{background:var(--paper)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:43px}.section-heading h2,.about-copy h2,.contact-panel h2{font-size:clamp(2rem,3.7vw,3rem);line-height:1.08;letter-spacing:-.035em;margin:0}.section-heading>p{max-width:465px;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{background:white;min-height:196px;border:1px solid transparent;border-radius:var(--radius);padding:27px;display:flex;flex-direction:column;box-shadow:0 3px 14px rgba(7,27,51,.04);transition:.25s}.product-card:hover,.product-card:focus-visible{transform:translateY(-5px);border-color:#ffc95e;box-shadow:var(--shadow)}.product-icon{width:47px;height:47px;border-radius:12px;background:#fff4dc;color:#ba6900;display:grid;place-items:center;font-size:1.35rem}.product-card h3{font-size:1rem;margin:24px 0 0}.card-link{margin-top:auto;color:#bd6c00;font-size:.78rem;font-weight:850;opacity:0;transform:translateX(-5px);transition:.2s}.product-card:hover .card-link,.product-card:focus-visible .card-link{opacity:1;transform:none}
.about{background:white}.about-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:85px;align-items:center}.about-mark{min-height:470px;background:linear-gradient(145deg,#f1f4f6,#fff);border-radius:28px;position:relative;display:grid;place-items:center;overflow:hidden}.about-mark:before{content:"";position:absolute;width:380px;height:380px;border:1px solid #dfe5e9;border-radius:50%}.about-mark img{width:58%;position:relative;border-radius:50%;box-shadow:0 20px 50px rgba(7,27,51,.15)}.about-mark div{position:absolute;left:28px;bottom:26px;background:var(--navy);color:white;padding:16px 25px;border-radius:12px}.about-mark strong,.about-mark span{display:block}.about-mark strong{font-size:1.2rem}.about-mark span{font-size:.75rem;color:#9faebb}.about-copy p:not(.eyebrow){color:var(--muted);font-size:1.03rem}.about-copy h2{margin-bottom:24px}.text-link{font-weight:850;color:#b96500;display:inline-block;margin-top:9px}.text-link span{margin-left:9px}
.why{background:var(--navy);color:white}.section-heading.light>p{color:#aebdca}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16)}.why-grid article{padding:36px 26px 10px;border-right:1px solid rgba(255,255,255,.13)}.why-grid article:last-child{border:0}.why-grid span{color:var(--orange);font-size:.76rem;font-weight:900}.why-grid h3{font-size:1.05rem;margin:35px 0 11px}.why-grid p{font-size:.86rem;color:#aebdca;margin:0}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px}.contact-panel{padding:34px 42px 34px 0}.contact-intro{color:var(--muted);max-width:530px}.contact-list{display:grid;gap:8px;margin:28px 0}.contact-list>a,.contact-list>div{display:flex;align-items:center;gap:15px;padding:12px 0}.contact-list>*>span{width:39px;height:39px;border-radius:10px;background:#fff1d3;color:#b46400;display:grid;place-items:center;font-weight:900}.contact-list small,.contact-list strong{display:block}.contact-list small{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#84909c}.contact-list strong{font-size:.92rem}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-dark-outline{border:1px solid #b7c0c8;color:var(--navy)}.map-wrap{min-height:530px;position:relative;background:#e8ecef;border-radius:24px;overflow:hidden}.map-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0;filter:saturate(.75) contrast(.95)}.map-label{position:absolute;left:22px;right:22px;bottom:22px;background:white;padding:17px 20px;border-radius:12px;box-shadow:0 8px 30px rgba(7,27,51,.2);display:flex;justify-content:space-between;align-items:center;gap:15px}.map-label span{color:#b96500;font-size:.78rem;font-weight:800}
footer{background:#041426;color:#aeb9c4;padding:68px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:70px;padding-bottom:48px}.footer-grid img{width:190px;background:white;border-radius:6px;padding:4px}.footer-grid p{font-size:.85rem}.footer-grid h3{color:white;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px}.footer-grid a,.footer-grid span{display:block;font-size:.82rem;margin:7px 0}.footer-grid a:hover{color:var(--orange)}.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;font-size:.72rem}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:90;background:#16a853;color:white;height:54px;min-width:54px;padding:0 18px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;box-shadow:0 12px 30px rgba(18,140,74,.35)}.floating-wa span{font-size:.8rem}
@media(max-width:900px){.header-cta{display:none}.main-nav{position:absolute;left:0;right:0;top:76px;background:white;display:none;flex-direction:column;gap:0;padding:10px 18px 18px;box-shadow:0 16px 30px rgba(0,0,0,.1)}.main-nav.open{display:flex}.main-nav a{padding:13px}.menu-toggle{display:block}.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.hero{min-height:610px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article:nth-child(2){border:0}.feature-grid article{margin:7px 0}.product-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr}.about-grid{gap:45px}.about-mark{min-height:390px}.contact-panel{padding-right:0}.why-grid{grid-template-columns:repeat(2,1fr)}.why-grid article:nth-child(2){border-right:0}.map-wrap{min-height:420px}}
@media(max-width:600px){.container{width:min(100% - 28px,1160px)}.site-header{height:68px}.brand{width:157px}.brand img{height:55px}.main-nav{top:68px}.hero{min-height:590px}.hero-inner{padding-block:70px}.hero h1{font-size:2.55rem}.hero-lead{font-size:1rem}.hero-actions .btn{width:100%}.feature-grid{grid-template-columns:1fr;padding-block:13px}.feature-grid article,.feature-grid article:nth-child(2){border:0;border-bottom:1px solid var(--line);padding:10px 4px}.feature-grid article:last-child{border:0}.section{padding:76px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:17px}.product-grid{grid-template-columns:1fr}.product-card{min-height:148px}.card-link{opacity:1;transform:none}.about-mark{min-height:320px}.about-mark:before{width:270px;height:270px}.about-mark div{left:16px;bottom:16px}.about-copy h2{font-size:2.2rem}.why-grid{grid-template-columns:1fr}.why-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding-inline:5px}.why-grid h3{margin-top:18px}.contact-panel{padding-top:0}.contact-panel h2{font-size:2.2rem}.contact-actions .btn{width:100%}.map-wrap{min-height:360px}.map-label{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:30px}.copyright{gap:10px;flex-direction:column}.floating-wa{right:14px;bottom:14px;padding:0;width:54px}.floating-wa span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Product photography */
.hero-photo{width:94%;aspect-ratio:7/4.5;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 28px 60px rgba(0,0,0,.35);transform:rotate(1.5deg)}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.hero-visual .visual-card{background:rgba(7,27,51,.88)}
.hero-visual .card-a{top:28px;right:-4px}.hero-visual .card-b{left:-8px;top:auto;bottom:35px}
.product-card{min-height:300px;padding:0 22px 22px;overflow:hidden}
.product-card>img{width:calc(100% + 44px);height:205px;margin-left:-22px;object-fit:contain;background:#fff;border-bottom:1px solid #edf0f2;padding:10px}
.product-card h3{margin:20px 0 8px}
@media(max-width:600px){.product-card{min-height:290px}}

/* Supplied hero artwork */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-banner{position:relative;background:var(--navy);overflow:hidden}
.hero-banner>img{display:block;width:100%;height:auto;aspect-ratio:1708/365;object-fit:cover;object-position:top center}
.hero-hotspots{position:absolute;inset:0}
.hero-hotspots a{position:absolute;top:63.3%;height:15%;border-radius:8px}
.hero-wa-hotspot{left:9.45%;width:13.9%}.hero-call-hotspot{left:24.6%;width:10.3%}
.hero-hotspots a:focus-visible{outline:4px solid #fff;outline-offset:3px}
.hero-mobile-actions{display:none;padding:15px 14px 19px;gap:10px;background:var(--navy)}
@media(max-width:700px){.hero-banner{height:440px}.hero-banner>img{width:auto;max-width:none;height:900px;aspect-ratio:auto;transform:translateX(clamp(-90px,-14vw,-52px))}.hero-hotspots{display:block}.hero-hotspots a{top:63%;height:18%}.hero-wa-hotspot{left:13%;width:41%}.hero-call-hotspot{left:58%;width:31%}}

.floating-wa{width:56px;min-width:56px;height:56px;padding:0;border-radius:50%}
.floating-wa img{width:32px;height:32px;display:block}

.footer-grid>div:first-child>img{width:190px;height:auto!important;max-height:64px;object-fit:contain;object-position:left center}

/* Show the complete supplied hero artwork without cropping */
.hero-banner{height:auto}
.hero-banner>img{width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;transform:none}
.hero-hotspots a{top:34.3%;height:8.8%}
.hero-wa-hotspot{left:9.45%;width:13.9%}.hero-call-hotspot{left:24.6%;width:10.3%}
@media(max-width:700px){.hero-banner{height:auto}.hero-banner>img{width:100%;height:auto;max-width:100%;aspect-ratio:auto;transform:none}.hero-hotspots a{top:34.3%;height:8.8%}.hero-wa-hotspot{left:9.45%;width:13.9%}.hero-call-hotspot{left:24.6%;width:10.3%}}

.about-mark>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;box-shadow:none}
.section.about{padding-top:5px;padding-bottom:5px}
.section.products{padding-top:45px;padding-bottom:45px}
@media(max-width:600px){.section.products{padding-top:16px;padding-bottom:16px}}
.feature-icon img{width:22px;height:22px;filter:invert(42%) sepia(92%) saturate(1427%) hue-rotate(9deg) brightness(91%) contrast(101%)}
.why-icon{width:46px;height:46px;border-radius:12px;background:rgba(245,158,11,.12);display:grid;place-items:center}
.why-icon img{width:25px;height:25px;filter:invert(68%) sepia(89%) saturate(1615%) hue-rotate(350deg) brightness(100%) contrast(93%)}
.why-grid h3{margin-top:22px}
.contact-list>*>span img{width:22px;height:22px;object-fit:contain}
.contact-list>*>span img:not([src*="whatsapp"]){filter:invert(42%) sepia(92%) saturate(1427%) hue-rotate(9deg) brightness(91%) contrast(101%)}