:root{--navy:#143A5C;--navy2:#1C4F7C;--cyan:#FFB031;--cyan-d:#1C4F7C;--green:#9FBF2A;--bg:#fff;--alt:#f3f7fa;--tx:#1b2438;--mut:#5a6478;--bd:#dfe6ee;--r:14px;--hf:Manrope,system-ui,sans-serif;--bf:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font:16px/1.65 var(--bf);color:var(--tx);background:var(--bg)}
img,svg{max-width:100%}h1,h2,h3{font-family:var(--hf);line-height:1.2;color:var(--navy);margin:0 0 .5em}h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-size:1.15rem}
a{color:var(--cyan-d)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--navy2);outline-offset:2px}.hero a:focus-visible,.cta a:focus-visible,.ftr a:focus-visible,.phero a:focus-visible{outline-color:var(--cyan)}
.wrap{width:min(1160px,92%);margin:auto}.narrow{width:min(780px,92%)}.sr,.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.hdr{position:sticky;top:0;z-index:50;background:#fff;color:var(--navy);box-shadow:0 1px 0 var(--bd)}.brand img,.logo-box img{display:block;height:auto}.hdr-in{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}
.logo-box{display:inline-block;background:#fff;border-radius:10px;padding:8px 12px;margin-bottom:8px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 1.05rem/1.1 var(--hf)}.brand small{display:block;font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--cyan);border-radius:8px;color:var(--cyan)}
nav{display:flex;align-items:center;gap:20px}nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}nav li>a{color:var(--navy);text-decoration:none;padding:10px 12px;display:block;border-bottom:2px solid transparent}nav li>a:hover,nav a[aria-current]{border-color:var(--cyan)}
.has-dd{position:relative;display:flex}.dd-toggle{background:none;border:0;width:24px;cursor:pointer}.dd-toggle::after{content:"";display:block;margin:auto;border:5px solid transparent;border-top-color:var(--navy);border-bottom:0}
.dd{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:var(--r);box-shadow:0 12px 32px #0003;padding:16px;gap:20px;grid-template-columns:repeat(4,max-content);z-index:60}
.has-dd:hover .dd,.has-dd:focus-within .dd,.has-dd.open .dd{display:grid}.dd a{display:block;color:var(--tx);text-decoration:none;padding:4px 0;font-size:.92rem}.dd a:hover{color:var(--cyan-d)}.dd .dd-h{font:800 .85rem var(--hf);color:var(--navy);text-transform:uppercase;letter-spacing:.05em}
.menu-btn{display:none;background:none;border:2px solid var(--bd);border-radius:8px;width:44px;height:44px;cursor:pointer}.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:20px;height:2px;background:var(--navy);margin:auto;position:relative}.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
.btn{display:inline-block;background:var(--cyan);color:var(--navy);font-weight:600;text-decoration:none;padding:12px 22px;border-radius:999px;border:2px solid var(--cyan);cursor:pointer;font-size:1rem;min-height:44px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#ffc467}.btn.ghost{background:transparent;color:#fff;border-color:#fff8}.btn.ghost:hover{background:#fff2}
.sec .btn.ghost{color:var(--navy);border-color:var(--navy)}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:72px 0}.hero h1{color:#fff}.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.eyebrow{color:var(--cyan);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.lead{font-size:1.15rem;color:#d4dcea}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.phero{background:var(--navy);color:#d4dcea;padding:56px 0}.phero h1{color:#fff;margin-bottom:.3em}.phero p{max-width:680px;font-size:1.1rem}
.sec{padding:72px 0}.alt{background:var(--alt)}.sub{color:var(--mut);max-width:640px}.grid{display:grid;gap:22px;margin:28px 0}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card,.proj{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:24px;transition:transform .25s,box-shadow .25s}.proj{padding:0;overflow:hidden}.card:hover,.proj:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0b163018}
.card ul{padding-left:18px;color:var(--mut)}.ic{width:34px;height:34px;fill:none;stroke:var(--cyan-d);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}.more{font-weight:600;margin-right:12px}
.ph{border-style:dashed;background:var(--alt)}.avatar{width:72px;height:72px;border-radius:50%;background:var(--bd);margin-bottom:12px}.small{font-size:.85rem;color:var(--mut)}
.thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--navy),var(--navy2) 65%,var(--green));display:grid;place-items:center;color:#fff;font:800 1.2rem var(--hf);width:100%}.pb{padding:20px}.tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan-d)}
.proj.hide{display:none}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.chip{border:1px solid var(--bd);background:#fff;border-radius:999px;padding:8px 16px;cursor:pointer;min-height:40px;font:inherit}.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;list-style:none;padding:0;margin:28px 0}.steps li{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:20px}.steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--cyan);margin-bottom:10px}
.cta{background:var(--navy);color:#d4dcea;text-align:center;padding:64px 0}.cta h2{color:#fff}.cta .row{justify-content:center}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-bottom:28px}.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}.clist{list-style:none;padding:0}.clist li{margin-bottom:14px}.clist strong{display:block}
.form{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:28px}.f{margin-bottom:16px}label{display:block;font-weight:600;margin-bottom:4px}.req{color:#b3261e}.opt{font-weight:400;color:var(--mut);font-size:.85rem}
input,select,textarea{width:100%;padding:12px;border:1px solid #9aa5b8;border-radius:10px;font:inherit;background:#fff;min-height:44px}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#b3261e}.err{color:#b3261e;font-size:.88rem;margin:4px 0 0}.err:not(:empty)::before{content:"⚠ "}.note{color:var(--mut);font-size:.9rem}.status{margin-top:12px;font-weight:600}
.ftr{background:var(--navy);color:#b9c3d6;padding:56px 0 0}.ftr a{color:#b9c3d6}.ftr h3{color:#fff;font-size:1rem}.ftr ul{list-style:none;padding:0;margin:0}.ftr li{margin-bottom:6px}.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:32px}.ftr address{font-style:normal}.slogan{color:var(--cyan);font-weight:600}.copy{border-top:1px solid #ffffff1f;margin-top:40px;padding:20px 0;font-size:.88rem}
@media(max-width:980px){.g4,.steps{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.ftr-grid{grid-template-columns:1fr 1fr}.hero-in,.feat,.two{grid-template-columns:1fr}.hero-art{max-width:360px}}
@media(max-width:860px){.menu-btn{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-top:1px solid var(--bd);flex-direction:column;align-items:stretch;padding:12px 4%;max-height:calc(100vh - 68px);overflow:auto}nav.open{display:flex}nav ul{flex-direction:column}.dd{position:static;grid-template-columns:1fr;box-shadow:none;background:var(--alt);margin:0 0 8px}.dd a{color:var(--tx)}.has-dd{flex-wrap:wrap}.has-dd>a{flex:1}.has-dd:hover .dd,.has-dd:focus-within .dd{display:none}.has-dd.open .dd{display:grid;flex-basis:100%}.dd-toggle{width:44px;height:44px}}
@media(max-width:600px){.g3,.g4,.steps,.ftr-grid{grid-template-columns:1fr}.sec{padding:48px 0}.row .btn{flex:1 1 auto;text-align:center}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.sec h2::after{content:"";display:block;width:56px;height:4px;border-radius:2px;margin-top:10px;background:linear-gradient(90deg,var(--cyan) 60%,var(--green) 60%)}.cta h2::after{margin-inline:auto}.card{border-top:3px solid var(--green)}.card.ph{border-top-color:var(--bd)}
