:root{--navy:#061225;--navy-2:#0a1e38;--ink:#10233d;--muted:#5c6b7d;--line:#dce6ee;--cyan:#08c7c9;--cyan-2:#00a8bd;--paper:#f5f8fb;--white:#fff;--radius:24px;--shadow:0 24px 70px rgba(5,25,48,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}img{display:block;max-width:100%}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;padding:12px 18px;border-radius:10px}.skip-link:focus{top:16px}.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}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(6,18,37,.72);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);transition:.25s}.site-header.scrolled{background:rgba(6,18,37,.94)}.header-inner{height:84px;display:flex;align-items:center;gap:36px}.brand img{width:178px;height:auto}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.main-nav a{color:#dceaf7;text-decoration:none;font-weight:600;font-size:.92rem}.main-nav a:hover{color:#fff}.header-cta{color:#051c31;background:var(--cyan);text-decoration:none;font-weight:800;padding:12px 18px;border-radius:12px;white-space:nowrap}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle>span:not(.sr-only){display:block;width:23px;height:2px;background:#fff;margin:5px}
.hero{position:relative;isolation:isolate;min-height:760px;display:grid;align-items:center;overflow:hidden;background:var(--navy)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061225 0%,rgba(6,18,37,.95) 35%,rgba(6,18,37,.48) 64%,rgba(6,18,37,.08) 100%)}.hero-visual{position:absolute;z-index:-2;inset:0 0 0 29%;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-grid{padding-top:84px}.hero-copy{max-width:670px;color:#fff}.eyebrow{margin:0 0 20px;color:#46e3e0;font-size:.78rem;font-weight:800;letter-spacing:.18em}.hero h1{max-width:650px;margin:0;font-size:clamp(3rem,6.4vw,5.8rem);line-height:.98;letter-spacing:-.055em}.hero-text{max-width:610px;margin:28px 0 0;color:#c8d7e6;font-size:1.15rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;border-radius:13px;text-decoration:none;font-weight:800}.button-primary{background:var(--cyan);color:#041827}.button-primary:hover{background:#45e4df}.button-ghost{border:1px solid rgba(255,255,255,.26);color:#fff;background:rgba(255,255,255,.06)}.hero-points{display:flex;flex-wrap:wrap;gap:22px;margin:32px 0 0;padding:0;list-style:none;color:#d7e5f2;font-size:.9rem}.hero-points li::before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--cyan)}
.section{padding:110px 0}.section-heading{max-width:720px;margin-bottom:46px}.eyebrow-dark{color:#008b9d}.section-heading h2,.approach h2,.contact h2{margin:0;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.04em}.section-heading>p:last-child{max-width:650px;margin:18px 0 0;color:var(--muted);font-size:1.06rem}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{position:relative;min-height:330px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;transition:.25s}.service-card::after{content:"";position:absolute;right:-50px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:#e6fbfb;transition:.25s}.service-card:hover{transform:translateY(-4px);border-color:#a9e7e7;box-shadow:var(--shadow)}.service-card:hover::after{transform:scale(1.3)}.service-no{color:#00a4ae;font-weight:800;font-size:.8rem;letter-spacing:.16em}.service-card h3{margin:44px 0 12px;font-size:1.45rem}.service-card p{max-width:470px;margin:0;color:var(--muted)}.service-card ul{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}.service-card li{padding:7px 11px;border-radius:999px;background:var(--paper);font-size:.78rem;font-weight:700;color:#41536a}.service-card-keyagent{grid-column:1/-1;min-height:0;color:#fff;border-color:#123c59;background:linear-gradient(135deg,#07182d,#0c3b55);box-shadow:0 24px 70px rgba(5,25,48,.16)}.service-card-keyagent::after{right:-90px;bottom:-130px;width:300px;height:300px;background:rgba(8,199,201,.13)}.service-card-keyagent:hover{border-color:#28cfd1}.keyagent-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px}.service-card-keyagent .service-no{color:#56e1df}.keyagent-badge{padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#b9d5e2;font-size:.7rem;font-weight:800;letter-spacing:.1em}.keyagent-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:end;margin-top:30px}.service-card-keyagent h3{margin:0 0 12px;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.04em}.service-card-keyagent p{max-width:560px;color:#c1d4e1}.service-card-keyagent ul{margin:0}.service-card-keyagent li{color:#d8ebf2;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}.keyagent-link{position:relative;z-index:1;display:inline-flex;gap:12px;margin-top:28px;color:#52dfdd;text-decoration:none;font-weight:800}.keyagent-link:hover{color:#fff}
.approach{color:#fff;background:var(--navy)}.approach-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.approach-copy{position:sticky;top:130px}.approach-copy>p:not(.eyebrow){color:#b8cadb}.text-link{display:inline-flex;gap:14px;margin-top:20px;color:#51dfdd;font-weight:800;text-decoration:none}.process-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.14)}.process-list li{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.14)}.process-list>li>span{color:#4ce3e0;font-size:.75rem;font-weight:800;letter-spacing:.16em}.process-list h3{margin:0 0 7px;font-size:1.3rem}.process-list p{margin:0;color:#aebfd0}
.heading-row{display:flex;justify-content:space-between;align-items:end;max-width:none}.heading-row>p{max-width:390px!important}.work{background:var(--paper)}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.work-card{min-height:430px;padding:34px;border-radius:var(--radius);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.work-card-featured{color:#fff;background:linear-gradient(150deg,#092846,#07516b)}.work-card-featured::after{content:"BSF";align-self:flex-end;color:rgba(255,255,255,.08);font-size:9rem;font-weight:800;line-height:.7;letter-spacing:-.08em}.work-card-panel{color:#fff;background:#08192e}.work-labels{display:flex;gap:8px;flex-wrap:wrap}.work-labels span{padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:.72rem;font-weight:700}.work-content{position:relative;z-index:2}.work-content p{margin:0 0 6px;color:#76dedd;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.work-content h3{margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1}.work-link{color:#d4e4ef;font-size:.88rem;font-weight:600}.panel-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-2px 0 50px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0d2744}.panel-preview span{height:7px;border-radius:4px;background:#22c9c9}.panel-preview div{height:70px;border-radius:10px;background:#173756}.panel-preview div:nth-of-type(2){background:#10445a}
.contact{background:#fff}.contact-box{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;padding:64px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#07182d,#0b3551)}.contact-box>div>p:last-child{max-width:580px;color:#bcd0df}.contact-links{display:grid;gap:12px}.contact-card{position:relative;display:flex;flex-direction:column;padding:22px 60px 22px 24px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.07);text-decoration:none}.contact-card span{color:#8fa9bd;font-size:.8rem;font-weight:700}.contact-card strong{margin-top:5px;word-break:break-word}.contact-card b{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:#4ce3e0}.contact-card:hover{border-color:#4ce3e0;background:rgba(255,255,255,.11)}
.site-footer{padding:34px 0;background:#04101f;color:#aebfd0}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:44px;align-items:center}.footer-brand img{width:150px;filter:brightness(0) invert(1)}.footer-contact{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px}.footer-contact a{color:#d9e8f2;text-decoration:none;font-size:.86rem;font-weight:700}.footer-contact a:hover{color:#4ce3e0}.footer-inner p{margin:0;font-size:.84rem}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header-inner{height:72px}.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav{position:absolute;left:20px;right:20px;top:72px;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#07182d}.main-nav.open{display:flex}.main-nav a{padding:12px}.hero{min-height:720px}.hero-visual{inset:0;opacity:.48}.hero::after{background:linear-gradient(90deg,#061225 0%,rgba(6,18,37,.9) 70%,rgba(6,18,37,.55))}.service-grid,.approach-grid,.work-grid,.contact-box,.keyagent-grid{grid-template-columns:1fr}.keyagent-grid{gap:26px}.approach-grid{gap:44px}.approach-copy{position:static}.heading-row{display:block}.contact-box{gap:34px;padding:40px}.footer-inner{grid-template-columns:1fr;text-align:center;justify-items:center;gap:12px}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.brand img{width:145px}.hero{min-height:690px}.hero-grid{padding-top:72px}.hero h1{font-size:clamp(2.7rem,13vw,4rem)}.hero-text{font-size:1rem}.hero-actions .button{width:100%}.hero-points{gap:9px 16px}.section{padding:76px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:26px}.service-card h3{margin-top:28px}.work-card{min-height:360px;padding:26px}.contact-box{width:calc(100% - 20px);padding:28px 22px}.contact-card{padding:20px}.contact-card b{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}