:root { --navy:#041a3f; --blue:#0764d8; --cyan:#35b8ff; --ink:#112440; --muted:#5b6b82; --line:#dce6f2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Arial,"Helvetica Neue",sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:86px; max-width:1240px; margin:auto; padding:0 30px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10; }
.brand img { display:block; width:224px; height:auto; }
nav { display:flex; align-items:center; gap:34px; font-size:14px; font-weight:650; }
.nav-cta { color:white; background:var(--navy); padding:13px 20px; border-radius:10px; }
.hero { min-height:calc(100vh - 86px); max-width:1440px; margin:auto; padding:70px max(30px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:60px; position:relative; overflow:hidden; background:linear-gradient(135deg,#fff 45%,#f0f7ff); }
.hero-glow { position:absolute; width:520px; height:520px; right:-150px; top:-120px; border-radius:50%; background:radial-gradient(circle,#d7efff 0,rgba(215,239,255,0) 68%); }
.hero-content { position:relative; z-index:2; }
.eyebrow { margin:0 0 20px; color:var(--blue); font-size:13px; font-weight:750; text-transform:uppercase; letter-spacing:.13em; }
h1 { margin:0; color:var(--navy); font-size:clamp(54px,6vw,86px); line-height:.98; letter-spacing:-.055em; }
h1 span { color:var(--blue); }
.hero-copy { max-width:610px; margin:30px 0; color:var(--muted); font-size:19px; line-height:1.7; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; }
.button { min-height:52px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:18px; border-radius:10px; font-size:15px; font-weight:720; transition:.2s ease; }
.button:hover { transform:translateY(-2px); }
.primary { color:#fff; background:linear-gradient(135deg,var(--blue),#004da9); box-shadow:0 14px 30px rgba(7,100,216,.22); }
.secondary { border:1px solid var(--line); background:#fff; }
.trust-row { margin-top:44px; display:flex; align-items:center; gap:17px; color:#354966; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.trust-row i { width:5px; height:5px; border-radius:50%; background:var(--cyan); }
.hero-panel { min-height:520px; position:relative; display:grid; place-items:center; }
.orbit { position:absolute; border:1px solid rgba(7,100,216,.17); border-radius:50%; }
.orbit-one { width:430px; height:430px; }
.orbit-two { width:310px; height:310px; border-style:dashed; animation:spin 24s linear infinite; }
.core-mark { width:220px; height:220px; border-radius:44px; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(-8deg); color:white; background:linear-gradient(145deg,#0b6fe8,#031f4d); box-shadow:0 38px 80px rgba(2,38,85,.28); }
.core-mark span { font-size:74px; font-weight:850; letter-spacing:-.09em; }
.core-mark small { font-size:10px; font-weight:700; letter-spacing:.16em; }
.status-card { position:absolute; min-width:200px; padding:16px 18px; border:1px solid rgba(255,255,255,.9); border-radius:14px; background:rgba(255,255,255,.9); box-shadow:0 20px 50px rgba(14,54,105,.13); backdrop-filter:blur(10px); }
.status-card b,.status-card small { display:block; }
.status-card b { color:var(--navy); font-size:14px; }
.status-card small { margin-top:5px; color:var(--muted); }
.status-one { top:82px; left:0; }
.status-two { right:0; bottom:82px; }
@keyframes spin { to { transform:rotate(360deg); } }

.section { max-width:1240px; margin:auto; padding:120px 30px; }
.section-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:end; margin-bottom:55px; }
.section-heading h2,.about-copy h2,.contact h2 { margin:0; color:var(--navy); font-size:clamp(38px,4.5vw,62px); line-height:1.08; letter-spacing:-.045em; }
.section-heading>p { margin:0; color:var(--muted); font-size:17px; line-height:1.8; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.service-grid article { min-height:330px; padding:28px; border:1px solid var(--line); border-radius:18px; background:#fff; transition:.25s ease; }
.service-grid article:hover { transform:translateY(-6px); border-color:#9bc8f5; box-shadow:0 20px 55px rgba(21,65,112,.1); }
.service-grid article>span { color:#8ca0b9; font-size:12px; font-weight:750; }
.service-icon { width:55px; height:55px; margin:42px 0 26px; border-radius:14px; display:grid; place-items:center; color:white; background:linear-gradient(140deg,var(--blue),var(--navy)); font-size:27px; }
.service-grid h3,.process-row h3 { margin:0 0 14px; color:var(--navy); font-size:22px; }
.service-grid p,.process-row p { margin:0; color:var(--muted); line-height:1.7; }
.about { display:grid; grid-template-columns:1fr 1fr; min-height:680px; background:var(--navy); color:white; }
.about-visual { padding:80px max(40px,calc((100vw - 1240px)/2)); padding-right:70px; display:flex; flex-direction:column; justify-content:center; background:radial-gradient(circle at 20% 30%,#0d64c9,transparent 45%),linear-gradient(135deg,#052557,var(--navy)); }
.metric { display:flex; align-items:flex-end; gap:22px; }
.metric strong { font-size:150px; line-height:.85; letter-spacing:-.08em; }
.metric span { padding-bottom:10px; color:#b6d5f6; font-size:17px; line-height:1.4; }
.value-list { margin-top:65px; padding-top:30px; border-top:1px solid rgba(255,255,255,.2); display:grid; grid-template-columns:40px 1fr; gap:20px; }
.value-list span { color:#58b8ff; }
.value-list b { font-size:20px; }
.about-copy { padding:90px max(40px,calc((100vw - 1240px)/2)); padding-left:80px; display:flex; flex-direction:column; justify-content:center; }
.about-copy .eyebrow { color:#58b8ff; }
.about-copy h2 { color:#fff; }
.about-copy>p:not(.eyebrow) { margin:26px 0; color:#b9c8da; font-size:17px; line-height:1.8; }
.about-copy ul { padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:17px; list-style:none; }
.about-copy li { position:relative; padding-left:23px; }
.about-copy li:before { content:'✓'; position:absolute; left:0; color:#52bcff; }
.compact { grid-template-columns:1fr; }
.process { padding-bottom:135px; }
.process-row { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.process-row>div { padding:35px 35px 0 0; }
.process-row>div+div { padding-left:35px; border-left:1px solid var(--line); }
.process-row span { width:32px; height:32px; margin-bottom:28px; border-radius:50%; display:grid; place-items:center; color:var(--blue); background:#e8f3ff; font-weight:800; }
.contact { padding:90px max(30px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:60px; color:white; background:linear-gradient(120deg,#0568db,#032454); }
.contact h2 { color:#fff; }
.light { color:#a5d9ff; }
.contact-actions { display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.contact-button { margin-bottom:10px; color:var(--navy); background:#fff; }
.contact-actions>a:not(.button),.contact-actions span { color:#d2e7fb; }
footer { max-width:1240px; margin:auto; padding:35px 30px; display:flex; align-items:center; gap:30px; color:var(--muted); font-size:13px; }
footer img { width:170px; }
footer p { flex:1; }
footer small { text-align:right; }

@media(max-width:900px) {
  nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-panel{min-height:410px}.status-one{left:5%}.status-two{right:5%}
  .section-heading,.about,.contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:auto}.about-copy{padding:75px 40px}.section-heading{gap:25px}.contact{gap:35px}.process-row{grid-template-columns:1fr}.process-row>div,.process-row>div+div{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}footer{flex-wrap:wrap}footer p{order:3;flex-basis:100%}
}
@media(max-width:560px) {
  .site-header{height:74px;padding:0 18px}.brand img{width:176px}.nav-cta{padding:11px 14px}.hero{padding:42px 20px 55px;min-height:auto}.eyebrow{font-size:11px}h1{font-size:49px}.hero-copy{font-size:17px}.hero-actions{flex-direction:column}.button{width:100%}.trust-row{gap:10px;font-size:10px}.hero-panel{min-height:350px}.orbit-one{width:320px;height:320px}.orbit-two{width:250px;height:250px}.core-mark{width:175px;height:175px}.core-mark span{font-size:58px}.status-card{min-width:170px;padding:12px}.status-one{top:20px}.status-two{bottom:20px}
  .section{padding:80px 20px}.about-visual,.about-copy{padding:65px 24px}.metric strong{font-size:110px}.about-copy ul{grid-template-columns:1fr}.contact{padding:70px 20px}.contact-actions{align-items:stretch}.contact-actions .button{width:100%}footer{padding:30px 20px}footer small{text-align:left}
}