:root{--navy:#003a70;--deep:#002b57;--blue:#007bff;--cyan:#17a8ff;--white:#fff;--ink:#0d3157;--light:#f5f9fd;--line:#d9e8f6;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.dark{background:var(--deep);color:#fff}.light{background:#fff}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid #e7eef5;backdrop-filter:blur(10px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:220px;height:auto;display:block}.nav nav{display:flex;gap:28px;align-items:center}.nav nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.nav nav .cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:8px}.menu{display:none;border:0;background:transparent;font-weight:700}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.eyebrow.blue{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,7vw,104px);line-height:.88;letter-spacing:-.045em;margin-bottom:26px}h1 strong,h2 strong{color:var(--blue)}h2{font-size:clamp(36px,4.4vw,64px);line-height:1;letter-spacing:-.035em;margin:16px 0 20px}p{font-size:18px;line-height:1.6}.hero{padding:78px 0 92px}.hero-layout{display:grid;grid-template-columns:.78fr 1.5fr;gap:52px;align-items:center}.hero-copy p{max-width:520px;color:#d7e5f2}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;text-decoration:none;padding:14px 20px;border-radius:8px;font-weight:800}.primary{background:var(--blue);color:#fff}.ghost{border:1px solid #5c7ea0;color:#fff}.hero-image{margin:0}.hero-image img,.card img,.feature-image img,.project figure img{width:100%;height:auto;display:block;object-fit:contain}.hero-image img{border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.35)}.intro,.projects,.documents{padding:92px 0}.heading-grid,.section-head,.docs-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:end}.heading-grid>p,.section-head>p{color:#526f8a}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:54px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(0,54,104,.06)}.card picture{display:block;background:#eaf4ff}.card>div{padding:22px 24px 26px}.card span{color:var(--blue);font-weight:900}.card h3{font-size:28px;margin:8px 0 8px}.card p{font-size:15px;margin:0;color:#59748d}.feature{padding:86px 0}.feature-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:50px;align-items:center}.feature-image{margin:0}.feature-image img{border-radius:16px}.feature-copy p{color:#d6e6f4}.clean-list{list-style:none;padding:0;margin:28px 0 0}.clean-list li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.13);font-weight:700}.project-stack{margin-top:52px;display:grid;gap:64px}.project{display:grid;grid-template-columns:1.3fr .7fr;gap:44px;align-items:center}.project.reverse{grid-template-columns:.7fr 1.3fr}.project.reverse figure{order:2}.project.reverse>div{order:1}.project figure{margin:0}.project figure img{border-radius:16px}.project h3{font-size:36px;margin:8px 0 12px}.project p{font-size:17px;color:#5a748c}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:900}.clients{padding:70px 0}.client-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:50px;align-items:center}.names{display:flex;flex-wrap:wrap;gap:12px}.names span{border:1px solid rgba(255,255,255,.2);padding:12px 14px;border-radius:8px}.doc-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.doc-links a{display:grid;gap:8px;border:1px solid var(--line);padding:24px;border-radius:12px;text-decoration:none;color:var(--ink)}.doc-links small{color:var(--blue);font-weight:800}.doc-links strong{font-size:22px}.contact{padding:80px 0}.contact-grid{display:grid;grid-template-columns:1fr .72fr;gap:54px}.contact-box{display:grid;gap:10px;padding:30px;border:1px solid rgba(255,255,255,.18);border-radius:14px}.contact-box strong{font-size:28px}.contact-box a{color:#fff;text-decoration:none}.contact-box .button{margin-top:12px;text-align:center}.footer{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer img{width:180px}.footer a{color:var(--ink);text-decoration:none;font-weight:700}footer{border-top:1px solid var(--line)}
@media(max-width:900px){.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.menu{display:block}.hero-layout,.heading-grid,.section-head,.feature-grid,.client-grid,.docs-grid,.contact-grid,.project,.project.reverse{grid-template-columns:1fr}.project.reverse figure,.project.reverse>div{order:initial}.hero{padding-top:50px}.cards{grid-template-columns:1fr}.hero-copy{max-width:700px}.hero-image{margin-top:8px}.project-stack{gap:42px}.nav{height:70px}.brand img{width:190px}.footer{height:auto;padding:24px 0;flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.shell{width:min(100% - 28px,var(--max))}.intro,.projects,.documents{padding:68px 0}.feature,.contact{padding:64px 0}.hero{padding-bottom:68px}.actions{flex-direction:column}.button{text-align:center}.doc-links{grid-template-columns:1fr}h1{font-size:56px}.project h3{font-size:30px}.card h3{font-size:24px}}