:root{--navy:#031a36;--blue:#005492;--gold:#d8a62a;--pale:#f6f3ec;--ink:#102239}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:8px 7%;background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 15px #00152b11}.brand img{width:166px;height:66px;object-fit:contain}nav{display:flex;align-items:center;gap:27px;font-size:.91rem;font-weight:bold}.nav-cta,.button{padding:12px 19px;border-radius:2px}.nav-cta{background:var(--navy);color:#fff}.menu-btn{display:none;border:0;background:none;font-size:25px}.hero{min-height:580px;background:radial-gradient(circle at 82% 30%,#0b639d 0,#063c6a 21%,var(--navy) 58%);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:space-between;padding:8% 10%;color:#fff}.hero-copy{max-width:720px}.eyebrow{font-size:.74rem;letter-spacing:2.2px;font-weight:bold;color:var(--gold);margin:0 0 15px}.hero h1,.blog-heading h1{font-size:clamp(2.9rem,6vw,5.5rem);line-height:1.04;margin:0 0 24px;max-width:750px}.hero-copy>p:not(.eyebrow){font-size:1.15rem;max-width:630px;color:#e6eef4}.buttons{display:flex;gap:14px;margin-top:34px}.button{font-weight:bold;display:inline-block}.gold{background:var(--gold);color:#112035}.outline{border:1px solid currentColor;color:inherit}.hero-mark{width:180px;border-left:1px solid #d8a62a66;padding-left:18px}.hero-mark span{color:var(--gold);font-size:1.4rem}.hero-mark i{height:1px;background:var(--gold);display:block;width:50px;margin:9px 0}.section{padding:88px 9%}.section>h2,.split h2,.contact h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:0 0 42px}.grid{display:grid;gap:18px}.services{grid-template-columns:repeat(3,1fr)}.services article{background:var(--pale);padding:29px;min-height:210px;border-bottom:3px solid transparent}.services article:hover{border-color:var(--gold)}.services span{color:var(--gold);font-size:1.7rem}.services h3{margin:12px 0 7px}.services p{font-size:.92rem;margin:0;color:#4d5b69}.split{display:grid;grid-template-columns:1fr 1fr}.gold-panel{background:linear-gradient(130deg,#e4bd50,#b98213);padding:80px 15%;color:#102239}.gold-panel .eyebrow{color:#0c3150}.stats{display:flex;gap:30px;margin-top:48px}.stats span{border-top:1px solid #ffffff99;padding-top:9px;font-size:.75rem}.stats b{display:block;font-size:1.75rem}.about-copy{padding:80px 15%;background:#082746;color:#fff}.about-copy p:not(.eyebrow){color:#d6e1e8}.text-link{color:var(--gold);font-weight:bold}.dark-band{background:var(--navy);color:#fff}.post-grid{grid-template-columns:repeat(3,1fr);margin-bottom:32px}.post-grid article{border-top:1px solid #ffffff44;padding-top:20px}.post-grid small,.blog-card small{color:var(--gold)}.post-grid h3{font-size:1.4rem}.post-grid p{color:#c5d1dc}.post-grid a{color:var(--gold);font-weight:bold}.contact{background:var(--pale);padding:85px 10%;display:grid;grid-template-columns:1.2fr .8fr;gap:70px}.contact-card{background:#fff;padding:33px;box-shadow:0 12px 40px #061c3022;display:flex;flex-direction:column;gap:15px}.contact-card b{display:block;font-size:.73rem;text-transform:uppercase;letter-spacing:1.5px;color:#637083}.contact-card .button{margin-top:12px;text-align:center}footer{background:#06172b;color:#d5e1eb;padding:50px 9%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;font-size:.9rem}footer img{width:180px;height:75px;object-fit:contain;background:#fff;border-radius:3px}footer p{max-width:300px}footer strong{color:#fff;display:block;margin-bottom:12px}footer a,footer span{display:block;margin:6px 0}.copyright{background:#06172b;border-top:1px solid #ffffff18;color:#91a1ad;padding:16px 9%;font-size:.8rem}.whatsapp{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;background:#26c46b;color:#fff;display:grid;place-items:center;font-size:1.8rem;z-index:6}.blog-page{background:var(--pale);min-height:70vh}.blog-heading{background:var(--navy);color:#fff;padding:95px 12% 75px}.blog-heading h1{font-size:clamp(2.7rem,5vw,4.7rem)}.blog-heading>p:last-child{color:#c3d2dc}.blog-list{padding:70px 12%;display:grid;gap:28px}.blog-card{background:#fff;display:grid;grid-template-columns:270px 1fr;box-shadow:0 5px 25px #10223912}.blog-card img{width:100%;height:100%;object-fit:cover}.blog-card>div{padding:30px}.blog-card h2{margin:7px 0;font-size:1.7rem}.blog-card details summary{color:var(--blue);font-weight:bold;cursor:pointer}@media(max-width:760px){.topbar{padding:8px 5%}.menu-btn{display:block}nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;padding:22px;box-shadow:0 8px 10px #0002;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{min-height:600px;padding:16% 8%}.hero-mark{display:none}.services,.post-grid,.split,.contact,footer{grid-template-columns:1fr}.section{padding:65px 8%}.gold-panel,.about-copy{padding:60px 10%}.contact{padding:65px 8%;gap:25px}.blog-heading,.blog-list{padding:65px 8%}.blog-card{grid-template-columns:1fr}.blog-card img{height:210px}}
/* Dedicated-page layout additions */
.topbar{height:108px;padding:8px 5%}.brand img{width:225px;height:90px}nav{gap:24px;font-size:.88rem}nav a{padding:11px 0;border-bottom:2px solid transparent}nav a.active,nav a:hover{color:var(--blue);border-color:var(--gold)}.navy-button{background:var(--navy);color:#fff;margin-top:28px}.page-hero{padding:95px 12%;background:linear-gradient(120deg,#031a36,#075b91);color:#fff}.page-hero h1{font-size:clamp(2.7rem,5.5vw,5rem);line-height:1.05;max-width:850px;margin:0 0 18px}.page-hero>p:last-child{max-width:650px;color:#d3e0ea;font-size:1.1rem}.page-split img{width:100%;height:100%;min-height:440px;object-fit:cover}.image-cards .services article{padding:0;overflow:hidden;background:#fff;box-shadow:0 5px 25px #10223918}.image-cards .services article img{display:block;width:100%;height:185px;object-fit:cover}.image-cards .services article div{padding:22px}.image-cards .services article a{display:inline-block;margin-top:14px;color:var(--blue);font-weight:bold}.center{text-align:center;margin-top:40px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-grid article{position:relative;min-height:430px;overflow:hidden;background:var(--navy);color:#fff}.project-grid img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.53}.project-grid div{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(transparent,#031a36)}.project-grid h2{line-height:1.1;margin:6px 0}.project-grid p{margin:0;color:#dce9f1}.project-grid small{letter-spacing:1.4px;color:var(--gold);font-weight:bold}.contact-page{min-height:520px}.contact-page label{display:flex;flex-direction:column;font-size:.8rem;font-weight:bold;gap:6px}.contact-page input,.contact-page textarea{padding:10px;border:1px solid #c7d2da;font:inherit}.contact-page textarea{min-height:95px}.contact-details b{display:block;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:#647181}.contact-details a{display:block;color:var(--blue)}
@media(max-width:980px){.topbar{height:92px}.brand img{width:180px;height:72px}nav{gap:12px;font-size:.76rem}}@media(max-width:760px){.topbar{height:84px}.brand img{width:155px;height:66px}nav{top:84px}.page-hero{padding:70px 8%}.project-grid{grid-template-columns:1fr}.page-split img{min-height:260px}}
.read-more{color:var(--blue);font-weight:bold}.detail-hero{min-height:420px;padding:110px 12%;background-color:var(--navy);background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;justify-content:center}.detail-hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1.05;max-width:800px;margin:0 0 15px}.detail-hero>p:last-child{font-size:1.1rem;color:#e1eaf0}.detail-content{max-width:900px;margin:0 auto;padding:75px 8%;font-size:1.12rem}.detail-content>p{white-space:normal}.detail-content h2{margin-top:48px;font-size:2rem}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.gallery img{width:100%;height:180px;object-fit:cover}@media(max-width:700px){.detail-hero{padding:75px 8%;min-height:330px}.gallery{grid-template-columns:1fr}.gallery img{height:240px}}
.contact-page{align-items:center;background:linear-gradient(135deg,#f7f4ed,#edf3f6);gap:90px}.contact-intro{max-width:540px}.contact-intro>p:not(.eyebrow){font-size:1.08rem;color:#526170}.contact-details{margin-top:34px;display:grid;gap:13px}.contact-details p{margin:0;background:#fff;padding:13px 16px;border-left:3px solid var(--gold);box-shadow:0 4px 16px #1022390d}.contact-form{padding:35px;gap:19px;border-radius:5px;border-top:4px solid var(--gold);min-width:min(100%,405px)}.form-title{display:flex;align-items:center;gap:13px;padding-bottom:16px;border-bottom:1px solid #e4e9ed}.form-title span{display:grid;place-items:center;width:36px;height:36px;background:#f6e6b6;color:#a8780b;border-radius:50%}.form-title b,.form-title small{display:block}.form-title b{font-size:1.18rem;color:var(--navy)}.form-title small{font-size:.8rem;color:#71808c;margin-top:2px}.notice{padding:10px 12px;border-radius:4px;font-size:.9rem;font-weight:600;margin:2px 0 8px;display:block}.notice.success{background:#eafaf1;color:#1b6d44;border:1px solid #9edbb3}.notice.error{background:#fce8e7;color:#a63d3d;border:1px solid #e7a3a3}.contact-form label{gap:8px;color:#223a53}.contact-form input,.contact-form textarea{padding:13px 14px;border:1px solid #c8d4dc;border-radius:3px;background:#fbfcfc;transition:.2s}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #0054921c;background:#fff}.contact-form textarea{min-height:125px}.contact-form .button{border:0;cursor:pointer;padding:15px;font-size:1rem;box-shadow:0 4px 0 #a87b12}.contact-form .button span{float:right;font-size:1.25rem;line-height:.8}
.rich-article{font-size:1.08rem;line-height:1.8}.rich-article h2{color:#062b4d;border-bottom:1px solid #dce4e9;padding-bottom:10px;margin-top:52px}.rich-article h3{color:#075a91;margin:30px 0 8px;font-size:1.4rem}.rich-article ul{padding-left:25px}.rich-article li{margin:10px 0}.rich-article blockquote{margin:38px 0 10px;padding:24px 28px;background:#fff7df;border-left:5px solid var(--gold);font-size:1.15rem;color:#25364a}.rich-article img{max-width:100%;height:auto;border-radius:6px;margin:18px 0}
.service-gallery{grid-template-columns:repeat(2,1fr)}.service-gallery figure{margin:0;background:#f6f8f9;border:1px solid #dce4e9}.service-gallery img{width:100%;height:220px;object-fit:cover;margin:0;border-radius:0}.service-gallery figcaption{padding:14px 16px}.service-gallery figcaption h3{margin:0 0 4px;font-size:1.05rem}.service-gallery figcaption p{margin:0;font-size:.9rem;color:#536273}@media(max-width:700px){.service-gallery{grid-template-columns:1fr}}
footer a[href="admin/index.php"]{display:none!important}
.hero-product{overflow:visible}.hero-slide{animation:none;pointer-events:none}.hero-slide-terminal{opacity:1;animation:terminal-showcase 12s linear infinite}.hero-slide-camera{opacity:0;animation:camera-showcase 12s linear infinite}.hero-slide-terminal img,.hero-slide-camera img{animation:none}@keyframes terminal-showcase{0%,27%{opacity:1;transform:rotateY(0)}43%{opacity:1;transform:rotateY(360deg)}50%,100%{opacity:0;transform:rotateY(360deg)}}@keyframes camera-showcase{0%,50%{opacity:0;transform:translateY(22px) scale(.94)}57%{opacity:1;transform:translateY(0) scale(1)}88%{opacity:1;transform:translateY(-4px) scale(1.01)}100%{opacity:0;transform:translateY(-14px) scale(1.03)}}
.hero-slide{display:none!important;opacity:0!important;animation:none!important}.hero-slide.is-active{display:flex!important;opacity:1!important}.hero-slide-terminal.is-active{animation:terminal-presentation 5.5s ease-in-out both!important}.hero-slide-camera.is-active{animation:camera-presentation 5.5s ease-in-out both!important}@keyframes terminal-presentation{0%{opacity:0;transform:rotateY(0) translateY(18px)}12%{opacity:1;transform:rotateY(0) translateY(0)}68%{opacity:1;transform:rotateY(360deg) translateY(0)}100%{opacity:0;transform:rotateY(360deg) translateY(-14px)}}@keyframes camera-presentation{0%{opacity:0;transform:translateY(18px) scale(.95)}18%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(-3px) scale(1.01)}100%{opacity:0;transform:translateY(-12px) scale(1.03)}}@media(prefers-reduced-motion:reduce){.hero-slide-terminal.is-active,.hero-slide-camera.is-active{animation:none!important}}
.detail-content>a.button{display:table;margin:30px 0 52px;clear:both}
.contact-socials{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.contact-socials a{padding:7px 10px;background:#e8f4f9;border-radius:4px;color:#075a91;font-size:.83rem;font-weight:bold}
.rich-article .inline-media{margin:32px auto;max-width:760px;background:#f5f7f8;border:1px solid #dce4e9}.rich-article .inline-media img{display:block;width:100%;max-width:none;margin:0;border-radius:0}.rich-article .inline-media figcaption{padding:10px 14px;color:#657586;font-size:.87rem;text-align:center;font-style:italic}
.detail-content{max-width:1400px;width:100%;margin:0;padding:70px 9%}.rich-article{max-width:none}.rich-article .inline-media{margin:32px 0;max-width:760px}.rich-article>p,.rich-article>ul,.rich-article>ol{max-width:1120px}.rich-article h2,.rich-article h3{max-width:1180px}.topbar{padding-left:3%;padding-right:5%}@media(max-width:700px){.detail-content{padding:48px 8%}.rich-article .inline-media{max-width:100%}}
.detail-hero{min-height:320px;padding:68px 12%}.detail-hero h1{font-size:clamp(2.25rem,4.3vw,4.15rem);max-width:900px}.detail-hero>p:last-child{font-size:1rem}@media(max-width:700px){.detail-hero{min-height:270px;padding:55px 8%}.detail-hero h1{font-size:2.35rem}}
@media(min-width:761px){.topbar{position:sticky}.topbar nav{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}}
.hero-product{align-self:flex-end;position:relative;width:360px;margin:0 35px 10px 20px;padding:26px 22px 0;text-align:center;isolation:isolate;animation:product-arrival .9s cubic-bezier(.2,.8,.2,1) both}.hero-product::before{content:"";position:absolute;z-index:-1;inset:14% 8% 12%;background:radial-gradient(ellipse at center,#1681bd66 0,#075b9133 42%,transparent 72%);filter:blur(16px);animation:product-glow 4s ease-in-out infinite}.hero-product::after{content:"";position:absolute;z-index:-1;left:17%;right:17%;bottom:49px;height:16px;border-radius:50%;background:#020d1a99;filter:blur(10px);animation:product-shadow 4s ease-in-out infinite}.hero-product img{display:block;width:100%;height:440px;object-fit:contain;filter:drop-shadow(0 22px 18px #0008);animation:product-float 4s ease-in-out 1s infinite;image-rendering:auto}.hero-product span{display:inline-block;position:relative;margin-top:8px;padding:8px 13px 8px 12px;background:#075b91cc;border-left:2px solid var(--gold);font-size:.78rem;font-weight:600;line-height:1.45;text-align:left;color:#f1f7fa;letter-spacing:.4px;box-shadow:0 8px 20px #0003}.hero-product span::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#d8a62a88}@keyframes product-arrival{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes product-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes product-glow{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes product-shadow{0%,100%{transform:scaleX(1);opacity:.75}50%{transform:scaleX(.82);opacity:.45}}@media(max-width:980px){.hero-product{width:270px;margin-right:10px;padding-left:12px;padding-right:12px}.hero-product img{height:350px}}@media(max-width:760px){.hero{padding-top:58px;padding-bottom:58px}.hero-product{display:block;width:min(230px,58vw);margin:32px auto 0;padding:10px 8px 0}.hero-product img{height:280px}.hero-product::after{bottom:43px}}
@media(prefers-reduced-motion:reduce){.hero-product,.hero-product img,.hero-product::before,.hero-product::after{animation:none}}
.hero-product{height:510px}.hero-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;opacity:0;animation:hero-slide-cycle 12s ease-in-out infinite}.hero-slide img{animation:none}.hero-slide-terminal{animation:hero-terminal-cycle 12s ease-in-out infinite}.hero-slide-camera{animation:hero-camera-cycle 12s ease-in-out infinite}.hero-slide-camera img{height:330px;object-fit:cover;clip-path:inset(0 round 4px);filter:drop-shadow(0 22px 18px #0008)}.hero-slide-camera span{margin-top:22px}@keyframes hero-terminal-cycle{0%,35%{opacity:1;transform:rotateY(0) translateY(0)}45%{opacity:1;transform:rotateY(360deg) translateY(-4px)}54%,100%{opacity:0;transform:rotateY(360deg) translateY(-4px)}}@keyframes hero-camera-cycle{0%,45%{opacity:0;transform:translateY(20px) scale(.96)}56%,88%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-10px) scale(1.02)}}@media(max-width:980px){.hero-product{height:410px}.hero-slide-camera img{height:260px}}@media(max-width:760px){.hero-product{height:330px}.hero-slide-camera img{height:210px}.hero-slide-camera span{margin-top:14px}}@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide-terminal,.hero-slide-camera{animation:none}.hero-slide-terminal{opacity:1}.hero-slide-camera{display:none}}
.page-split img{min-height:360px;max-height:440px}.page-split .about-copy{padding:54px 12%}@media(max-width:760px){.page-split img{min-height:260px;max-height:310px}.page-split .about-copy{padding:48px 10%}}