*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,sans-serif;background:#061a31;color:#fff}
.topbar{position:sticky;top:0;z-index:10;background:#04101f;display:flex;justify-content:space-between;align-items:center;padding:16px 6vw;border-bottom:1px solid rgba(255,255,255,.12)}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:48px;height:48px;border:1px solid #00b7d9;border-radius:14px;display:grid;place-items:center;color:#00b7d9;font-weight:900}
.brand small{display:block;color:#a9b7c6}
nav a{color:#fff;text-decoration:none;margin-left:18px;font-size:14px}
.hero{min-height:88vh;padding:90px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:radial-gradient(circle at 80% 20%,rgba(0,183,217,.3),transparent 30%),linear-gradient(135deg,#061a31,#0b2746)}
.eyebrow{color:#00b7d9;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}
.eyebrow.dark{color:#008fb0}
h1{font-size:72px;line-height:.95;margin:10px 0 24px;letter-spacing:-3px}
h2{font-size:44px;line-height:1.05;margin:0 0 22px}
h3{margin:0 0 10px;color:#008fb0}
p{line-height:1.7;font-size:17px}
.lead{font-size:21px;color:#d2e4f2}
.buttons{display:flex;gap:14px;margin-top:28px}
.btn{padding:15px 22px;border-radius:10px;text-decoration:none;font-weight:900}
.primary{background:#00b7d9;color:#04101f}
.secondary{border:1px solid rgba(255,255,255,.35);color:#fff}
.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(0,183,217,.35);border-radius:28px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.df-visual{font-size:100px;color:#00b7d9;text-align:center;text-shadow:0 0 30px rgba(0,183,217,.6)}
.df-visual span{display:inline-block;width:38px;height:38px;background:#00b7d9;border-radius:50%;box-shadow:0 0 40px #00b7d9}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.metrics div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px}
.metrics strong{display:block;color:#3be7ff;font-size:28px}
.metrics small{color:#a9b7c6}
.section{padding:90px 6vw}
.light{background:#f7fbff;color:#0c1b2c}
.light p{color:#526272}
.dark{background:#061a31;color:#fff}
.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:58px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid article,.four article{background:#fff;color:#0c1b2c;border:1px solid #dce6ef;border-radius:18px;padding:26px;box-shadow:0 18px 50px rgba(4,16,31,.08)}
.dark .grid article,.dark .four article,.dark .process div{background:#0c2948;color:#fff;border:1px solid rgba(0,183,217,.28)}
.dark .grid p,.dark .four p,.dark .process p{color:#a9b7c6}
.check-list{list-style:none;padding:0}
.check-list li{margin:12px 0}
.check-list li:before{content:'✓';color:#00b7d9;font-weight:900;margin-right:9px}
.center{text-align:center;max-width:950px;margin:0 auto 40px}
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.process div{border-radius:18px;padding:24px}
.process strong{color:#00b7d9}
.expert{background:linear-gradient(135deg,#061a31,#0b2746)}
.profile{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:center;max-width:1180px;margin:0 auto}
.profile img{width:280px;height:280px;object-fit:cover;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tags span{padding:10px 14px;border-radius:999px;border:1px solid rgba(0,183,217,.4);background:rgba(0,183,217,.09)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:44px auto 0;max-width:1180px}
.stats div{background:#0c2948;border:1px solid rgba(0,183,217,.28);border-radius:18px;padding:26px}
.stats strong{display:block;font-size:40px;color:#00b7d9}
.stats span{color:#a9b7c6}
.contact{background:radial-gradient(circle at right,rgba(0,183,217,.25),transparent 35%),#061a31}
.contact-box{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:42px;background:rgba(255,255,255,.07);border:1px solid rgba(0,183,217,.28);border-radius:26px;padding:44px}
input,textarea{width:100%;padding:16px;margin-bottom:14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#071a2f;color:#fff;font-size:15px}
textarea{min-height:130px}
button{width:100%;padding:16px;border:0;border-radius:10px;background:#00b7d9;color:#04101f;font-weight:900}
#formMessage{display:block;margin-top:12px;color:#3be7ff}
footer{padding:28px 6vw;display:flex;justify-content:space-between;background:#04101f;color:#a9b7c6}
@media(max-width:1000px){nav{display:none}.hero,.two-col,.profile,.contact-box{grid-template-columns:1fr}.four,.process,.stats{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.section,.hero{padding:70px 24px}.grid,.four,.process,.stats,.metrics{grid-template-columns:1fr}h1{font-size:44px}.df-visual{font-size:70px}footer{flex-direction:column;gap:10px}}