
:root{--navy:#0B2D6B;--ice:#4CC9FF;--ink:#102548;--muted:#64748b;--line:#e4eaf2;--bg:#f8fafc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font-family:Inter,"Noto Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:white;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--ice);outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding:0 30px}.top{position:sticky;z-index:30;top:0;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.topinner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo img{display:block;width:174px;max-height:55px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:650;white-space:nowrap}.nav a:hover{color:var(--navy)}.languages{display:flex;align-items:center;gap:6px}.languages a{font-size:11px;letter-spacing:.01em;padding:8px 9px;color:#63748d;border-radius:10px;border:1px solid transparent}.languages a.active{border-color:#dce6f6;color:var(--navy);background:#f1f6fc;font-weight:750}.hero{overflow:hidden;padding:95px 0 70px;background:linear-gradient(118deg,#082553 0%,#0B2D6B 60%,#0d376f 100%);color:white}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;min-height:430px}.eyebrow,.kicker{font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase;color:var(--ice)}.hero h1{font-size:clamp(44px,5.3vw,75px);line-height:1.12;letter-spacing:-.048em;margin:29px 0 26px;max-width:730px}.hero p{color:#cbd9ec;font-size:17px;line-height:1.9;max-width:650px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 21px;border-radius:7px;font-weight:750;font-size:13px;transition:.2s}.btn-primary{background:white;color:var(--navy)}.btn-primary:hover{background:#dff6ff}.btn-outline{color:white;border:1px solid #6883aa}.btn-outline:hover{background:#ffffff16}.fine{font-size:11px;letter-spacing:.08em;color:#8eb8d3;margin-top:28px}.graphic{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center}.ring{position:absolute;width:min(375px,90%);aspect-ratio:1;border:32px solid #24528c;border-radius:50%;box-shadow:inset 0 0 0 1px #6483aa,0 0 0 1px #5577a7;transform:rotate(-18deg)}.ring:before{content:"";position:absolute;inset:27px;border:1px solid #6291c6;border-radius:50%}.ring:after{content:"";position:absolute;inset:93px;border:30px solid #1a497f;border-radius:50%;box-shadow:0 0 0 1px #6f93c0}.cross{position:absolute;width:130%;height:1px;background:#5b8bbc;opacity:.45;transform:rotate(-29deg)}.cross.second{transform:rotate(60deg)}.graphic-label{position:absolute;right:0;bottom:38px;background:#fff;color:var(--navy);padding:18px 23px;border-radius:8px;box-shadow:0 15px 32px #051b4040;min-width:235px}.graphic-label strong{font-size:19px;display:block;letter-spacing:.02em}.graphic-label span{font-size:10px;color:#7282a0;font-weight:750;letter-spacing:.16em}.focus-strip{background:#edf3f9;border-bottom:1px solid var(--line)}.focus-inner{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.focus-inner span{color:#315071;font-size:12px;font-weight:800;letter-spacing:.14em}.focus-inner span:before{content:"";display:inline-block;width:6px;height:6px;background:var(--ice);border-radius:100%;margin-right:11px;vertical-align:middle}.section{padding:100px 0}.heading{max-width:760px}.heading h2{margin:20px 0 18px;font-size:clamp(30px,3.6vw,47px);letter-spacing:-.035em;line-height:1.25}.heading p{color:var(--muted);font-size:16px;line-height:1.9;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:45px}.service{border:1px solid var(--line);border-radius:13px;padding:34px 30px 32px;min-height:300px;background:white;box-shadow:0 8px 18px #05204a06;transition:.2s}.service:hover{transform:translateY(-3px);box-shadow:0 22px 40px #05204a0f}.service .num{font-size:12px;color:#91a0b4;font-weight:750;letter-spacing:.15em}.service-icon{width:51px;height:51px;margin:29px 0;background:#eef6ff;border-radius:11px;position:relative}.service-icon:after{content:"";position:absolute;inset:11px;border:4px double var(--navy);border-radius:50%}.service:nth-child(2) .service-icon:after{border:6px solid var(--navy);inset:11px}.service:nth-child(3) .service-icon:after{border:2px dashed var(--navy);inset:12px}.service h3{font-size:20px;margin:0 0 14px}.service p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.light{background:var(--bg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.step{border-top:2px solid #c9d9ea;padding-top:20px}.step b{font-size:13px;color:#7b91aa}.step h3{font-size:22px;margin:20px 0 13px}.step p{font-size:14px;color:var(--muted);line-height:1.8}.half{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.dark-panel{background:var(--navy);color:#fff;padding:64px 0}.dark-panel h2{font-size:clamp(31px,3.5vw,46px);margin:17px 0;letter-spacing:-.035em}.dark-panel p{color:#c8d8ef;line-height:1.9;font-size:15px}.bullet{list-style:none;padding:0;margin:0;display:grid;gap:15px}.bullet li{border-bottom:1px solid #ffffff27;padding:12px 0;color:#e1e8f6;font-size:15px}.bullet li:before{content:"↗";margin-right:16px;color:var(--ice)}.company{position:relative}.company:before{content:"OCAR";position:absolute;right:0;bottom:-23px;font-weight:900;font-size:150px;color:#edf3fa;z-index:-1;letter-spacing:-.09em}.contact-area{background:#f0f6fc}.contact-band{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-band h2{font-size:clamp(30px,3.2vw,43px);line-height:1.3;margin:20px 0 16px}.contact-band p{line-height:1.9;color:var(--muted);max-width:780px}.city-tag{background:white;padding:25px 29px;border:1px solid var(--line);border-radius:10px;font-weight:750;white-space:nowrap;color:var(--navy)}.footer{border-top:1px solid var(--line);padding:31px 0 25px;background:#fff}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#67788c;font-size:12px;flex-wrap:wrap}.footer a{color:var(--navy)}.bottom{font-size:11px;color:#9aa8b8;padding-top:13px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;color:#000;z-index:100;padding:8px}@media(max-width:1000px){.nav{gap:14px}.hero-inner{gap:20px}.graphic{min-height:290px}.ring{width:270px;border-width:22px}.ring:after{inset:68px;border-width:22px}.half{gap:30px}}@media(max-width:780px){.topinner{height:auto;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.logo img{width:145px}.nav{order:3;overflow-x:auto;width:100%;padding-bottom:6px}.languages{gap:2px}.languages a{padding:6px 6px}.hero{padding:65px 0}.hero-inner{display:block}.graphic{display:none}.focus-inner{gap:14px}.focus-inner span{font-size:10px}.cards,.steps{grid-template-columns:1fr}.service{min-height:0}.half{grid-template-columns:1fr}.section{padding:70px 0}.contact-band{display:block}.city-tag{display:inline-block;margin-top:20px}}@media(max-width:450px){.wrap{padding:0 19px}.hero h1{font-size:40px}.languages{width:100%;justify-content:space-between}.hero p{font-size:15px}.footer-inner{align-items:start}}html[dir="rtl"] .graphic-label{right:auto;left:0}html[dir="rtl"] .bullet li:before{margin-left:16px;margin-right:0}html[dir="rtl"] .company:before{right:auto;left:0}

/* OCAR contact v1 */
.contact-details{margin-top:24px;display:grid;gap:12px;max-width:710px}
.contact-item{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;align-items:start;padding:12px 0;border-top:1px solid #d9e4f0;font-size:14px;line-height:1.65}
.contact-item span{font-size:12px;color:#7486a0;font-weight:750}
.contact-item a{color:#0B2D6B;font-weight:750;overflow-wrap:anywhere}
.contact-item a:hover{text-decoration:underline}
.contact-item address{font-size:14px;line-height:1.6;color:#284465;font-style:normal;overflow-wrap:anywhere}
.footer-contacts{display:flex;gap:17px;flex-wrap:wrap}
.footer-contacts a{color:#0B2D6B;font-weight:700}
@media(max-width:540px){.contact-item{grid-template-columns:1fr;gap:4px}.city-tag{white-space:normal;max-width:100%}}
