:root { --ink:#071a3b; --navy:#08152f; --blue:#1677e8; --green:#7a2be2; --paper:#f7f8fd; }

body { background:#fff; }
.site-header { height:92px; background:rgba(255,255,255,.94); box-shadow:0 1px 0 rgba(6,40,74,.08); }
.brand img { width:148px; height:64px; object-fit:contain; mix-blend-mode:normal; }
.site-header nav a { color:#354d62; position:relative; }
.site-header nav a:after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:2px; background:var(--blue); transition:.2s; }
.site-header nav a:hover:after { right:0; }
.button { border-radius:7px; background:linear-gradient(135deg,#1677e8,#6c2bd9); box-shadow:0 14px 32px rgba(53,83,210,.22); }
.hero { min-height:720px; padding:72px 5vw 72px 7vw; grid-template-columns:.88fr 1.12fr; gap:4vw; background:linear-gradient(145deg,#fbfcff 0%,#eef1fb 100%); }
.hero h1 { font-size:clamp(50px,5.6vw,82px); color:var(--ink); }
.hero h1 em { color:var(--blue); }
.hero-copy>p { max-width:620px; color:#4f6679; }
.hero-photo { margin:0; height:590px; border-radius:10px; overflow:hidden; position:relative; box-shadow:0 35px 80px rgba(6,40,74,.17); }
.hero-photo>img { width:100%; height:100%; object-fit:cover; object-position:58% center; display:block; }
.hero-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,40,74,.05),transparent 45%); pointer-events:none; }
.hero-photo figcaption { position:absolute; z-index:2; left:25px; bottom:25px; background:rgba(255,255,255,.95); backdrop-filter:blur(12px); border-radius:8px; padding:13px 18px 13px 11px; display:flex; gap:12px; align-items:center; box-shadow:0 16px 40px rgba(6,40,74,.2); }
.hero-photo figcaption img { width:49px; height:49px; object-fit:contain; }
.hero-photo figcaption span { display:flex; flex-direction:column; line-height:1.3; }
.hero-photo figcaption strong { color:var(--ink); font:800 11px "Manrope"; letter-spacing:1.3px; }
.hero-photo figcaption small { color:#6d7f8e; }
.trust-strip { height:auto; min-height:92px; justify-content:center; gap:6vw; padding:20px 7vw; }
.trust-strip div { display:flex; flex-direction:column; min-width:190px; }
.trust-strip strong { font:800 13px "Manrope"; letter-spacing:2px; color:white; }
.trust-strip span { font-size:13px; letter-spacing:0; color:#9eb8c9; margin-top:5px; }
.trust-strip i { width:1px; height:40px; border-radius:0; background:#24465d; }
.service { border-radius:8px; }
.service.featured { background:linear-gradient(145deg,#1677e8,#5227bf); }
.process { background:linear-gradient(145deg,#08152f,#14295a); }
.about-card { border-radius:10px; box-shadow:0 24px 70px rgba(6,40,74,.07); }
.about-mark.real-mark { object-fit:contain; background:transparent; }
.contact { background:linear-gradient(135deg,#126fd6,#5427bb); }
.contact form { border-radius:10px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
select { display:block; width:100%; margin-top:7px; padding:13px 14px; border:1px solid #d7e0e8; background:#f8fafc; font:inherit; font-size:15px; border-radius:3px; color:var(--ink); }
.footer-brand img { padding:5px; object-fit:contain; }
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-photo{height:500px}.trust-strip{gap:30px}}
@media(max-width:600px){.site-header{height:76px}.brand img{width:126px;height:55px}.hero{padding:55px 6vw}.hero h1{font-size:47px}.hero-photo{height:410px}.hero-photo>img{object-position:64% center}.trust-strip{align-items:flex-start;flex-direction:column;gap:12px;padding:25px 7vw}.trust-strip i{width:100%;height:1px}.form-row{grid-template-columns:1fr}.contact form{padding:24px}}

.brand-lockup { gap:10px; }
.brand-lockup img.brand-symbol { width:52px; height:54px; object-fit:contain; mix-blend-mode:normal; }
.brand-lockup>span { display:flex; flex-direction:column; align-items:flex-start; }
.brand-lockup strong { color:#082653; font:800 22px/1 "Manrope"; letter-spacing:-.9px; }
.brand-lockup strong em { color:#246fd8; font-style:normal; }
.brand-lockup small { color:#082653; font:700 8px/1.5 "Manrope"; letter-spacing:3.4px; margin-left:2px; }
.footer-brand { background:rgba(255,255,255,.98); padding:8px 13px 8px 9px; border-radius:7px; }
.footer-brand img.brand-symbol { padding:0; background:transparent; }
@media(max-width:600px){.brand-lockup img.brand-symbol{width:42px;height:46px}.brand-lockup strong{font-size:20px}}

.footer-brand{background:transparent;padding:0;border-radius:0}
footer{background:#07111f;color:#91a0ae;border-top:1px solid #18283d}
.footer-brand strong,.footer-brand small{color:#fff}

/* Version 3: expanded data-security section */
.site-header nav{gap:26px}
.security{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;background:#fff}
.security h2{max-width:690px}
.security-lead{color:#5d7182;font-size:18px;max-width:680px}
.security-checks{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:30px 0}
.security-checks span{font-weight:700;color:#244359}
.security-checks span::first-letter{color:var(--blue)}
.security-note{font-size:13px;color:#718392;border-left:3px solid var(--green);padding-left:16px;max-width:690px}
.security-panel{height:455px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#061f38,#093b56);box-shadow:0 30px 70px rgba(6,40,74,.18)}
.security-ring{position:absolute;border:1px solid rgba(53,194,198,.28);border-radius:50%}
.ring-one{width:340px;height:340px}
.ring-two{width:245px;height:245px;border-style:dashed}
.security-shield{position:relative;z-index:2;width:120px;height:138px;clip-path:polygon(50% 0,95% 17%,85% 75%,50% 100%,15% 75%,5% 17%);background:linear-gradient(145deg,#079aaa,#1b75ff);color:#fff;display:grid;place-items:center;font-size:44px;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.security-chip{position:absolute;z-index:3;background:#fff;border:1px solid #dbe6eb;box-shadow:0 12px 30px rgba(0,0,0,.2);border-radius:5px;padding:10px 13px;color:#163a52;font-size:10px;font-weight:800;letter-spacing:.8px}
.chip-one{top:56px;left:28px}
.chip-two{right:24px;top:175px}
.chip-three{bottom:48px;left:38px}
@media(max-width:900px){.security{grid-template-columns:1fr;gap:45px}.security-panel{height:410px}}
@media(max-width:600px){.security-checks{grid-template-columns:1fr}.security-panel{height:360px}.security-ring.ring-one{width:290px;height:290px}.security-ring.ring-two{width:210px;height:210px}.security-chip{font-size:9px}.chip-one{top:36px;left:15px}.chip-two{right:12px;top:158px}.chip-three{bottom:30px;left:20px}}