:root{
  --black:#071b3a;
  --black2:#0d2347;
  --panel:#eef5ff;
  --orange:#1468e8;
  --orange2:#2d8cff;
  --white:#fff;
  --muted:#8d9aa6;
  --line:#dfe4e8;
  --light:#f4f6f7;
  --text:#17212b;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.65;background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:#06152e;color:#86929d;font-size:9px;letter-spacing:1.5px;font-weight:700}
.topbar-inner{height:34px;display:flex;justify-content:space-between;align-items:center}
.header{position:fixed;top:34px;left:0;right:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #dce7f5}
.nav{height:76px;display:flex;align-items:center}
.brand{display:flex;align-items:center;gap:11px;color:#fff}
.brand-text strong{font:700 18px "Space Grotesk";letter-spacing:1.2px;display:block}
.brand-text small{font-size:8px;letter-spacing:2.5px;color:#94a1ad;display:block}
.logo-mark{height:39px;width:39px;position:relative;border:1.5px solid var(--orange);display:grid;place-items:center;overflow:hidden}
.logo-mark b{font:700 21px "Space Grotesk";color:#fff;position:relative;z-index:2}
.logo-mark i{position:absolute;width:50px;height:2px;background:var(--orange);transform:rotate(-45deg);left:-5px;top:19px}
nav{display:flex;gap:31px;margin-left:auto;margin-right:34px}
nav a{font-size:12px;font-weight:600;color:#ccd4da}
nav a:hover{color:var(--orange)}
.nav-button{font-size:10px;font-weight:800;letter-spacing:1px;border:1px solid #44535f;color:#fff;padding:11px 17px}
.nav-button:hover{border-color:var(--orange);color:var(--orange)}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px;margin-left:auto}
.hero{height:850px;background:#fff;color:#071b3a;position:relative;overflow:hidden;padding-top:110px}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 76% 44%,rgba(20,104,232,.10),transparent 25%),linear-gradient(90deg,rgba(20,104,232,.045) 1px,transparent 1px),linear-gradient(rgba(20,104,232,.045) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px}
.hero-orbit{position:absolute;border:1px solid rgba(245,166,35,.17);border-radius:50%;right:-150px;top:135px}
.orbit1{width:650px;height:650px}.orbit2{width:430px;height:430px;right:-40px;top:245px;border-color:rgba(255,255,255,.07)}
.hero-circuit{position:absolute;right:12%;top:30%;width:330px;height:250px;opacity:.55}
.hero-circuit:before,.hero-circuit:after{content:"";position:absolute;background:var(--orange)}
.hero-circuit:before{width:1px;height:220px;left:30px;top:0}.hero-circuit:after{height:1px;width:280px;left:30px;top:95px}
.hero-circuit span{position:absolute;width:9px;height:9px;border:1px solid var(--orange);border-radius:50%;background:var(--black)}
.hero-circuit span:nth-child(1){left:26px;top:35px}.hero-circuit span:nth-child(2){left:170px;top:91px}.hero-circuit span:nth-child(3){left:300px;top:91px}.hero-circuit span:nth-child(4){left:170px;top:205px}
.hero-inner{height:100%;display:flex;align-items:center;position:relative;z-index:2}
.hero-copy{max-width:780px;padding-bottom:45px}
.eyebrow,.label{font-size:10px;letter-spacing:2.3px;font-weight:800;color:var(--orange)}
.eyebrow span{display:inline-block;width:25px;height:1px;background:var(--orange);vertical-align:middle;margin-right:10px}
.hero h1{font:700 clamp(52px,7vw,91px)/.96 "Space Grotesk";letter-spacing:-4px;margin:23px 0 26px}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero p{font-size:16px;line-height:1.8;color:#536477;max-width:620px}
.hero-buttons{display:flex;gap:12px;margin-top:35px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;cursor:pointer;padding:15px 20px;font-size:10px;letter-spacing:1.3px;font-weight:800}
.btn.primary{background:var(--orange);color:#111}
.btn.primary:hover{background:var(--orange2)}
.btn.ghost{border:1px solid #495965;color:#fff}
.btn.ghost:hover{border-color:var(--orange);color:var(--orange)}
.hero-meta{display:flex;margin-top:68px;gap:0}
.hero-meta div{display:flex;gap:12px;align-items:center;border-left:1px solid #34434f;padding:0 32px 0 18px}
.hero-meta div:first-child{padding-left:0;border:0}
.hero-meta b{color:var(--orange);font-size:10px}.hero-meta span{font-size:9px;line-height:1.4;letter-spacing:1px;color:#607080;font-weight:700}
.scroll-note{position:absolute;bottom:28px;left:4%;color:#536477;font-size:9px;letter-spacing:2px;font-weight:800}.scroll-note span{color:var(--orange);font-size:15px;margin-left:10px}
.trust-strip{background:var(--orange);color:#17120a}
.trust{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:1.5px;font-weight:800}
.trust i{font-size:6px}
.section{padding:115px 0}
.about{background:#fff}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
.about-visual{position:relative;min-height:520px}
.blueprint{height:475px;background:#071b3a;border:1px solid #1d4c83;position:relative;overflow:hidden;padding:27px}
.blueprint:before{content:"";position:absolute;inset:20px;border:1px solid rgba(245,166,35,.15)}
.bp-title{font:600 10px "Space Grotesk";color:#6e7d88;letter-spacing:2px;position:relative}
.bp-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(245,166,35,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(245,166,35,.07) 1px,transparent 1px);background-size:50px 50px}
.bp-box{position:absolute;border:1px solid var(--orange);padding:17px;color:var(--orange);font:700 10px "Space Grotesk";letter-spacing:2px}
.box-a{left:12%;top:36%}.box-b{left:51%;top:24%}.box-c{left:53%;top:64%}
.bp-line{position:absolute;background:#647784;height:1px;transform-origin:left}
.l1{width:150px;left:30%;top:43%;transform:rotate(-25deg)}.l2{width:135px;left:65%;top:35%;transform:rotate(90deg)}.l3{width:125px;left:64%;top:67%;transform:rotate(180deg)}
.bp-footer{position:absolute;bottom:25px;left:28px;color:#586873;font-size:8px;letter-spacing:2px}
.experience-card{position:absolute;right:-20px;bottom:0;background:var(--orange);width:185px;height:125px;padding:19px;display:flex;gap:12px;align-items:end}
.experience-card strong{font:700 45px "Space Grotesk";line-height:.8}.experience-card span{font-size:8px;line-height:1.5;font-weight:800;letter-spacing:1px}
.about-content h2,.section-top h2,.cap-head h2,.contact-copy h2{font:700 clamp(40px,5vw,58px)/1.05 "Space Grotesk";letter-spacing:-2px;margin:17px 0 25px}
.about-content h2 span,.section-top h2 span,.cap-head h2 span,.contact-copy h2 span{color:var(--orange)}
.about-content .lead{font-size:17px;color:#4e5b66;margin-bottom:17px}.about-content p{font-size:14px;color:#77838d;max-width:540px}
.principles{margin-top:32px;border-top:1px solid var(--line)}
.principles div{display:grid;grid-template-columns:40px 115px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}
.principles span{font-size:9px;color:var(--orange);font-weight:800}.principles b{font-size:12px}.principles small{font-size:11px;color:#84909a}
.services{background:var(--light)}
.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}
.section-top>p{max-width:390px;color:#7c8892;font-size:13px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.service{min-height:405px;background:#fff;padding:27px;position:relative;border-top:2px solid transparent;box-shadow:0 7px 25px rgba(9,22,34,.035)}
.service:hover{border-top-color:var(--orange);transform:translateY(-4px);transition:.25s}
.service.featured{background:#071b3a;color:#fff;border-top-color:var(--orange)}
.service-head{display:flex;justify-content:space-between;color:#9aa5ae;font-size:10px;font-weight:800}.service-icon{font-size:29px;color:var(--orange)}
.service h3{font:600 23px/1.12 "Space Grotesk";margin-top:55px;letter-spacing:-.5px}
.service p{font-size:12px;color:#82909b;margin-top:17px}
.service.featured p{color:#98a5af}
.service>a{position:absolute;bottom:27px;left:27px;font-size:9px;font-weight:800;letter-spacing:1px;color:#6f7c86}.service.featured>a{color:var(--orange)}
.service>a b{margin-left:8px}.featured-line{position:absolute;right:27px;bottom:33px;width:40px;height:1px;background:#33434f}
.capabilities{background:#071b3a;color:#fff}
.cap-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.cap-head p{max-width:390px;color:#8996a1;font-size:13px}
.cap-head h2{margin-bottom:0}
.cap-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px}
.cap-card{background:var(--panel);min-height:245px;padding:28px;position:relative;border:1px solid #1e303e}.cap-card.big{grid-row:span 2;min-height:502px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#101e2a,#09131c)}
.cap-number{position:absolute;right:22px;top:20px;color:#53616c;font-size:9px;font-weight:800}.cap-icon{font-size:31px;color:var(--orange);margin-bottom:30px}.cap-card small{font-size:9px;letter-spacing:1.8px;color:var(--orange);font-weight:800}.cap-card h3{font:600 22px/1.15 "Space Grotesk";margin:8px 0}.cap-card p{font-size:12px;color:#84919c}.cap-card.big h3{font-size:29px}
.statement{background:var(--orange);padding:85px 0;position:relative;overflow:hidden}.statement:after{content:"N";position:absolute;right:8%;top:-100px;font:700 450px "Space Grotesk";color:rgba(0,0,0,.07)}
.statement-inner{position:relative;z-index:2}.statement .label{color:#533600}.statement h2{font:700 clamp(42px,6vw,70px)/1 "Space Grotesk";letter-spacing:-2px;margin-top:13px}.statement h2 span{color:#fff}.circle-arrow{position:absolute;right:5%;bottom:10px;width:80px;height:80px;border:1px solid #543500;border-radius:50%;display:grid;place-items:center;font-size:25px}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:48px}.contact-copy h2{margin-top:15px}.contact-copy>p{font-size:14px;color:#77838d;max-width:500px}
.contact-items{margin-top:35px;border-top:1px solid var(--line)}.contact-items a,.contact-items div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-items span{font-size:9px;letter-spacing:1.7px;color:#8b969f;font-weight:800}.contact-items strong{font-size:12px;text-align:right}
.contact-form{background:var(--black);padding:32px;color:#fff}.form-title{font:600 18px "Space Grotesk";margin-bottom:27px}.form-title span{float:right;color:var(--orange)}
.contact-form label{display:block;font-size:8px;letter-spacing:1.4px;font-weight:800;color:#8896a1;margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;background:#f7fbff;border:1px solid #263845;color:#071b3a;padding:13px;font:inherit;font-size:12px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--orange)}.contact-form select{appearance:auto}.contact-form .btn{width:100%;margin-top:4px}.form-note{display:block;color:#63727d;font-size:9px;margin-top:12px;text-align:center}
footer{background:#06152e;color:#fff;padding:38px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-brand p{color:#677580;font-size:9px;letter-spacing:1.4px;margin-top:10px}.footer-links{display:flex;justify-content:center;gap:23px}.footer-links a{font-size:10px;color:#8d9aa4}.copyright{text-align:right;color:#5f6d78;font-size:9px;line-height:1.7}
@media(max-width:950px){
 .nav-button{display:none}nav{margin-right:0}.service-grid{grid-template-columns:repeat(2,1fr)}.cap-grid{grid-template-columns:1fr 1fr}.cap-card.big{grid-row:auto;grid-column:span 2;min-height:350px}.about-grid{gap:55px}
}
@media(max-width:700px){
 .topbar-inner span:last-child{display:none}.topbar-inner{justify-content:center}.header{top:34px}.nav{height:68px}
 nav{display:none;position:absolute;top:68px;left:0;right:0;background:#071019;padding:20px 5%;flex-direction:column;gap:18px;border-top:1px solid #1d2d39}
 nav.open{display:flex}.menu-toggle{display:block}
 .hero{height:760px;padding-top:100px}.hero h1{font-size:51px;letter-spacing:-2.5px}.hero p{font-size:14px}.hero-circuit{right:-30px;opacity:.3}.hero-meta{margin-top:45px}.hero-meta div{padding-right:15px;padding-left:12px}.hero-meta span{font-size:7px}.hero-meta b{font-size:8px}
 .trust{flex-wrap:wrap;justify-content:center;padding:13px 0;gap:8px}.trust span{font-size:7px}.trust i{display:none}
 .section{padding:80px 0}.about-grid,.contact-grid{grid-template-columns:1fr}.about-visual{min-height:430px}.blueprint{height:390px}.experience-card{right:-5px}
 .section-top,.cap-head{display:block}.section-top>p,.cap-head p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service{min-height:350px}.cap-grid{grid-template-columns:1fr}.cap-card.big{grid-column:auto}.statement{padding:70px 0}.circle-arrow{width:60px;height:60px;right:0;bottom:0}
 .footer-grid{grid-template-columns:1fr;gap:25px}.footer-links{justify-content:flex-start}.copyright{text-align:left}
}

/* Version 3 — official blue/white identity */
.brand-logo{width:190px;height:auto;display:block;object-fit:contain}
.footer-logo{width:210px;filter:none}
.hero-logo-panel{position:absolute;right:2%;top:50%;transform:translateY(-50%);width:min(410px,36vw);z-index:3}
.hero-logo-panel img{width:100%;display:block;filter:drop-shadow(0 24px 50px rgba(7,27,58,.16))}
@media(max-width:950px){.hero-logo-panel{width:330px;right:-4%}}
@media(max-width:700px){.brand-logo{width:155px}.hero-logo-panel{width:220px;right:-25px;top:auto;bottom:30px;transform:none;opacity:.16}.hero-copy{z-index:4}}


/* Professional palette refresh: graphite, champagne gold and warm ivory */
:root{
  --black:#202124;
  --black2:#2b2d30;
  --panel:#34363a;
  --orange:#b79a62;
  --orange2:#d1b77f;
  --white:#fffdf8;
  --muted:#9b968b;
  --line:#e5dfd3;
  --light:#f5f2eb;
  --text:#282824;
}
body{background:#fffdf8;color:var(--text)}
.topbar{background:#171819;color:#c5bda9}
.header{background:rgba(255,253,248,.96);border-bottom-color:#e7e0d4}
nav a{color:#45443f}
nav a:hover,.nav-button:hover{color:#9a7b42}
.nav-button{border-color:#c8c0b2;color:#282824}
.menu-toggle{color:#282824}
.hero{background:#f5f2eb;color:#242522}
.hero-bg{background:radial-gradient(circle at 76% 44%,rgba(183,154,98,.15),transparent 26%),linear-gradient(90deg,rgba(100,89,67,.055) 1px,transparent 1px),linear-gradient(rgba(100,89,67,.055) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px}
.hero-orbit{border-color:rgba(183,154,98,.22)}
.hero-orbit.orbit2{border-color:rgba(183,154,98,.15)}
.hero-circuit:before,.hero-circuit:after{background:var(--orange)}
.hero-circuit span{border-color:var(--orange);background:#f5f2eb}
.eyebrow,.label{color:#987943}
.hero h1 em{color:#987943}
.hero p{color:#66645d}
.btn.primary{background:#b79a62;color:#201e19}
.btn.primary:hover{background:#d1b77f}
.btn.ghost{border-color:#b9b0a0;color:#373630}
.btn.ghost:hover{border-color:#987943;color:#987943}
.hero-meta div{border-left-color:#d5cdbf}
.hero-meta b,.scroll-note span{color:#987943}
.hero-meta span,.scroll-note{color:#706d65}
.trust-strip{background:#262729;color:#e5d8b8}
.about{background:#fffdf8}
.blueprint{background:#26282b;border-color:#514735}
.blueprint:before{border-color:rgba(183,154,98,.2)}
.bp-lines{background-image:linear-gradient(rgba(183,154,98,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(183,154,98,.08) 1px,transparent 1px)}
.bp-box{border-color:var(--orange);color:#d1b77f}
.experience-card{background:#b79a62;color:#201e19}
.about-content h2 span,.section-top h2 span,.cap-head h2 span,.contact-copy h2 span{color:#987943}
.principles span{color:#987943}
.services{background:#f5f2eb}
.service{background:#fffdf8;box-shadow:0 8px 26px rgba(38,34,26,.06)}
.service:hover{border-top-color:#b79a62}
.service.featured{background:#292a2c;border-top-color:#b79a62;color:#fffdf8}
.service-icon{color:#b79a62}
.service>a{color:#6f6a5e}
.service.featured>a{color:#d1b77f}
.capabilities{background:#242527;color:#fffdf8}
.cap-card{background:#34363a;border-color:#484642}
.cap-card.big{background:linear-gradient(145deg,#393a3b,#202124)}
.cap-icon,.cap-card small{color:#d1b77f}
.cap-card p{color:#c0bcb3}
.cap-number{color:#b8b0a0}
.statement{background:#b79a62;color:#201e19}
.statement:after{color:rgba(30,28,23,.055)}
.statement .label{color:#5b492b}
.statement h2 span{color:#fffdf8}
.circle-arrow{border-color:#6f592f;color:#272116}
.contact{background:#fffdf8}
.contact-copy>p{color:#6e6a61}
.contact-items span{color:#8b8375}
.contact-form{background:#292a2c;color:#fffdf8}
.contact-form label{color:#c0b8a8}
.contact-form input,.contact-form select,.contact-form textarea{background:#fffdf8;border-color:#5a564e;color:#292a2c}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#b79a62}
.form-title span{color:#d1b77f}
.form-note{color:#aaa397}
footer{background:#171819;color:#fffdf8}
.footer-brand p,.footer-links a,.copyright{color:#aaa397}
nav{background:transparent}
@media(max-width:700px){nav{background:#fffdf8;border-top-color:#e7e0d4}nav a{color:#373630}}