@import "tailwindcss";

:root{--navy:#0a1f44;--deep:#071a38;--blue:#4a6fa5;--mist:#aeb7c5;--ink:#0b2346;--paper:#f7f9fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(1.45rem,2.2vw,2.35rem);line-height:1.08;letter-spacing:-.035em}.section{padding:clamp(3rem,5vw,5rem) max(5vw,calc((100vw - 1240px)/2))}
.site-header{height:64px;padding:0 max(4vw,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e7ebf1}.brand{font-weight:800;letter-spacing:.42em;font-size:1.25rem;color:var(--navy)}.site-header nav{display:flex;gap:clamp(1rem,2.5vw,2.8rem);font-size:.78rem}.site-header nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;gap:.65rem;background:var(--navy);color:#fff;padding:.75rem 1rem;font-weight:700;font-size:.75rem;border:1px solid var(--navy)}.button.compact{padding:.62rem 1.1rem}.button.white{background:#fff;color:var(--navy);border-color:#fff}
.hero{height:min(570px,72vh);min-height:480px;position:relative;overflow:hidden}.hero>img{object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,45,.48),rgba(5,20,45,.02) 56%,transparent)}.hero-copy{position:absolute;left:max(5vw,calc((100vw - 1240px)/2));bottom:9%;color:#fff;max-width:410px}.hero-copy h1{font-size:clamp(2.7rem,4.8vw,4.6rem);line-height:.92;letter-spacing:-.055em;margin:.55rem 0 1rem}.hero-copy>p:not(.eyebrow){font-size:.88rem;line-height:1.55;max-width:360px}.eyebrow{font-size:.62rem;letter-spacing:.16em;font-weight:800;margin-bottom:.7rem}.eyebrow.blue{color:var(--blue)}
.metrics{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:1.5rem;align-items:center;padding-top:1.8rem;padding-bottom:1.8rem}.metrics h2{font-size:1.5rem;margin-bottom:0}.metric{border-left:1px solid #dbe1ea;padding-left:1.5rem}.metric strong{font-size:1.3rem;display:block}.metric span{font-size:.67rem;color:#687993}
.process{background:var(--navy);color:#fff;padding:2.8rem max(5vw,calc((100vw - 1240px)/2))}.section-heading{text-align:center;max-width:660px;margin:0 auto 2.2rem}.section-heading.left{text-align:left;margin-left:0}.section-heading>p:last-child{color:#64738b;font-size:.8rem;line-height:1.55}.section-heading.light p{color:var(--mist)}.process .section-heading{margin-bottom:1.6rem}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.process-grid article{padding:0 1.6rem;border-left:1px solid rgba(174,183,197,.25)}.process-grid article:first-child{border-left:0}.process-grid article>div{display:flex;align-items:center;justify-content:space-between;color:#84a4ce}.process-grid article span{font-size:3.1rem;font-weight:200;color:transparent;-webkit-text-stroke:1px #6f91bd}.process-grid h3{font-size:.95rem;margin:.55rem 0}.process-grid p{font-size:.72rem;line-height:1.5;color:var(--mist);margin-bottom:0}
.solutions{background:#fff}.solutions .section-heading{margin-bottom:1.5rem}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dfe5ed;border-left:1px solid #dfe5ed}.solution-grid article{padding:1.6rem;min-height:205px;border-right:1px solid #dfe5ed;border-bottom:1px solid #dfe5ed;display:flex;flex-direction:column;text-align:center;align-items:center}.solution-grid svg{color:var(--blue);width:30px;height:30px}.solution-grid h3{margin:1rem 0 .55rem;font-size:.9rem}.solution-grid p{font-size:.7rem;line-height:1.5;color:#64738b}.solution-grid a{margin-top:auto;color:var(--blue)}
.editorial{padding-top:0;padding-bottom:2.5rem}.editorial article{display:grid;grid-template-columns:1fr 1.7fr;align-items:stretch;background:var(--paper);min-height:285px}.editorial article.reverse{grid-template-columns:1.7fr 1fr}.editorial article.reverse img{order:-1}.editorial article>div{padding:clamp(1.8rem,3.5vw,3.5rem);align-self:center}.editorial h2{font-size:1.7rem}.editorial img{width:100%;height:300px;object-fit:cover}.editorial p{color:#64738b;font-size:.78rem;line-height:1.6}
.projects{padding-top:1.5rem;text-align:center}.project-title{margin-bottom:1.5rem}.project-showcase{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:1rem;text-align:left}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:2px}.before-after>div{position:relative;min-height:210px;overflow:hidden}.before-after img,.project-image img{object-fit:cover}.before-after span{position:absolute;z-index:2;top:.7rem;left:.7rem;background:rgba(7,26,56,.88);color:#fff;padding:.4rem .55rem;font-size:.58rem}.project-image{position:relative;height:155px;overflow:hidden}.project-card h3{font-size:.82rem;margin:.7rem 0 .25rem}.project-card p{color:#64738b;font-size:.65rem}.project-button{margin-top:1.5rem}
.clients{background:#f2f6fb}.clients .section-heading{max-width:520px;margin-bottom:1.5rem}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8e0eb;border-left:1px solid #d8e0eb}.client-grid article{height:110px;border-right:1px solid #d8e0eb;border-bottom:1px solid #d8e0eb;display:flex;align-items:center;justify-content:center;gap:.7rem;color:#8493a8}.client-grid span{font-size:.62rem}.client-grid strong{font-size:.75rem}.client-grid img{max-width:70%;height:auto;object-fit:contain;filter:grayscale(1);opacity:.65}
.production{padding:3rem max(5vw,calc((100vw - 1240px)/2));background:var(--navy);color:#fff;display:grid;grid-template-columns:.9fr 1.6fr;gap:3rem;align-items:center}.production h2{font-size:1.75rem}.production p{color:var(--mist);font-size:.75rem;line-height:1.55}.production-stats{display:grid;grid-template-columns:repeat(4,1fr)}.production-stats span{border-left:1px solid rgba(255,255,255,.2);padding:.7rem 1.2rem;font-size:1rem;font-weight:700}.production-stats svg{width:22px;height:22px;display:block;margin-bottom:.65rem;color:#87a7d2}.production-stats small{display:block;font-size:.62rem;color:var(--mist);margin-top:.35rem;font-weight:400}
.trust{padding:1.6rem max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1.25fr repeat(5,1fr);align-items:center;background:#fff}.trust h2{font-size:1.45rem;margin:0}.trust>span{border-left:1px solid #dfe5ed;text-align:center;color:#89a0bf;font-size:.65rem;padding:.5rem}.trust small{display:block;color:var(--ink);font-size:.65rem;margin-top:.4rem}
.contact{background:var(--blue);color:#fff;padding:1.8rem max(5vw,calc((100vw - 1240px)/2));display:flex;gap:2rem;align-items:center;justify-content:space-between;font-size:.78rem}.contact h2{font-size:1.55rem;margin-bottom:.2rem}.contact p{margin-bottom:0}.contact>a:not(.button){white-space:nowrap}
footer{background:var(--deep);color:#fff;padding:2.8rem max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.8fr 1.5fr 1fr;gap:2rem;align-items:start}footer p,footer small{color:var(--mist);font-size:.7rem;line-height:1.6}footer nav{display:flex;flex-direction:column;gap:.65rem;font-size:.72rem}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:1.2rem}.foot-brand{color:#fff}
.admin-shell{min-height:100vh;background:#eef2f7;padding:4rem max(4vw,calc((100vw - 1100px)/2))}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-head span{font-weight:800;letter-spacing:.35em}.admin-card{background:#fff;border:1px solid #dce3ec;padding:1.5rem;margin-bottom:1rem}.admin-form{display:grid;grid-template-columns:1fr 2fr 3fr 1fr;gap:1rem;align-items:end}.admin-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.75rem;font-weight:700}.admin-form input,.admin-form textarea,.admin-form select{border:1px solid #ccd5e1;padding:.75rem;background:#fff}.admin-form textarea{min-height:44px;resize:vertical}.admin-form button,.admin-card button{background:var(--navy);color:#fff;border:0;padding:.8rem 1rem;font-weight:700}.admin-form .check{flex-direction:row;align-items:center}.admin-card .danger{background:#8f1831;margin-top:1rem}
@media(max-width:900px){.site-header nav{display:none}.hero{height:560px}.hero>img{object-position:62% center}.metrics{grid-template-columns:1fr 1fr}.metrics>div:first-child{grid-column:1/-1}.process-grid,.solution-grid,.client-grid{grid-template-columns:1fr 1fr}.editorial article,.editorial article.reverse,.production{grid-template-columns:1fr}.editorial article.reverse img{order:initial}.project-showcase{grid-template-columns:1fr 1fr}.before-after{grid-column:1/-1}.trust{grid-template-columns:1fr 1fr 1fr}.trust>div{grid-column:1/-1}.production-stats{grid-template-columns:1fr 1fr}.contact{align-items:flex-start;flex-direction:column}.admin-form{grid-template-columns:1fr}}
@media(max-width:560px){.site-header{height:60px}.brand{font-size:1rem}.hero{min-height:520px}.hero-copy{right:1.25rem;left:1.25rem}.hero-copy h1{font-size:3rem}.section{padding:3rem 1.2rem}.metrics{grid-template-columns:1fr 1fr;gap:1.2rem}.metric{padding-left:.8rem}.process{padding:3rem 1.2rem}.process-grid,.solution-grid,.client-grid,.project-showcase{grid-template-columns:1fr}.process-grid article{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:1rem 0}.editorial{padding:0 1.2rem 3rem}.editorial img{height:250px}.before-after{grid-column:auto}.project-image{height:230px}.production{padding:3rem 1.2rem;gap:2rem}.production-stats{grid-template-columns:1fr 1fr}.trust{padding:2rem 1.2rem;grid-template-columns:1fr 1fr}.trust>div{grid-column:1/-1}.contact{padding:2.5rem 1.2rem}footer{grid-template-columns:1fr;padding:3rem 1.2rem}footer small{grid-column:1}.admin-shell{padding:2rem 1rem}}