:root { --blue:#1f3479; --red:#db1017; --paper:#f2f2f2; --ink:#0c276d; --text:#050b1e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; color:var(--text); font-family:"DM Sans",Arial,sans-serif; font-size:14px; line-height:1.55; }
.wrap { width:min(698px, calc(100% - 40px)); margin-inline:auto; }
.site-header { height:90px; display:flex; align-items:center; justify-content:space-between; width:min(860px, calc(100% - 40px)); margin:auto; }
.brand { width:48px; height:54px; display:grid; place-items:center; text-decoration:none; }.brand img { display:block; width:100%; height:100%; object-fit:contain; }
.site-nav { display:flex; width:650px; justify-content:space-between; }
.site-nav a { color:#001e62; font-weight:700; text-decoration:none; font-size:12px; }.site-nav .active,.site-nav a:hover,.site-nav a:focus { color:var(--red); }
.menu-toggle { display:none; }
.hero { position:relative; padding-bottom:310px; overflow:visible; }.hero-image,.why-image { background-position:center; background-size:cover; }
.hero-image { height:412px; border-bottom:10px solid var(--blue); background-image:linear-gradient(100deg,rgba(26,52,115,.48),rgba(255,255,255,.06)),url("assets/hero-office.jpg"); }
.image-placeholder { background-color:#dfe5eb; }
.hero-panel,.consultation-panel,.why-title { background:var(--paper); }.hero-panel { position:absolute; z-index:1; width:515px; min-height:388px; top:255px; left:calc(50% - 159px); padding:33px 39px; animation:hero-panel-arrival 1.2s cubic-bezier(.16,.84,.28,1) both; will-change:transform,opacity; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { color:var(--ink); font-family:"Montserrat",Arial,sans-serif; font-weight:400; line-height:1.08; }
h1 { font-size:48px; letter-spacing:-1.7px; margin-bottom:29px; }.panel-copy { display:flex; align-items:flex-start; gap:25px; }.panel-copy .rule { width:85px; height:2px; margin-top:10px; flex:none; background:var(--blue); }.panel-copy p { font-size:12px; line-height:1.75; max-width:300px; }
.action { position:absolute; bottom:-39px; right:0; height:39px; display:flex; align-items:center; color:white; text-decoration:none; font-size:12px; }.action span { align-self:stretch; width:39px; display:grid; place-items:center; background:var(--blue); font-size:20px; font-weight:300; }.action-red { padding-right:17px; gap:17px; background:var(--red); }.action-blue { padding-right:10px; gap:10px; background:var(--blue); }
@keyframes hero-panel-arrival { from { opacity:0; transform:translateX(-110vw); } to { opacity:1; transform:translateX(0); } }
.reveal { opacity:0; transform:translateY(32px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity:1; transform:translateY(0); }.service-card.reveal:nth-child(2) { transition-delay:.1s; }.service-card.reveal:nth-child(3) { transition-delay:.2s; }.service-card.reveal:nth-child(5) { transition-delay:.1s; }.service-card.reveal:nth-child(6) { transition-delay:.2s; }.why-list article.reveal:nth-child(2) { transition-delay:.08s; }.why-list article.reveal:nth-child(3) { transition-delay:.16s; }.why-list article.reveal:nth-child(4) { transition-delay:.24s; }.why-list article.reveal:nth-child(5) { transition-delay:.32s; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.hero-panel { animation:none; }.reveal { opacity:1; transform:none; transition:none; } }
.services { height:289px; padding-top:42px; background:var(--blue); color:white; }.service-head h2 { margin-bottom:8px; color:white; font-size:42px; }.service-head p { width:330px; font-size:12px; font-weight:500; line-height:1.75; }
.service-cards { display:grid; grid-template-columns:repeat(3, 1fr); gap:46px 39px; margin-top:-110px; margin-bottom:126px; }.service-card { position:relative; min-height:280px; padding:24px 25px; background:var(--paper); box-shadow:9px 10px 0 #f7f7f7, 10px 11px 0 #e9e9e9; }.service-card h3 { font-size:22px; margin-bottom:13px; }.service-card p { font-size:12px; line-height:1.7; margin-bottom:5px; }.service-card a { color:var(--red); text-decoration:none; font-size:12px; }
.credentials { display:grid; grid-template-columns:1fr 1.15fr; gap:54px; margin-bottom:115px; padding:43px 46px; background:var(--paper); }.eyebrow { margin-bottom:10px; color:var(--red); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.credentials h2,.page-hero h1,.mission h2,.advantages h2,.partners h2,.product-intro h2,.product-categories h2,.sectors h2 { font-size:33px; margin-bottom:17px; }.credentials-intro > p:last-child,.page-hero .wrap > p:last-child,.mission article > p:last-child,.product-intro > p { font-size:13px; line-height:1.75; }.credential-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#d9d9d9; }.credential-grid article { min-height:111px; padding:19px; background:white; }.credential-grid strong { display:block; color:var(--blue); font:400 25px/1.1 "Montserrat",sans-serif; }.credential-grid span { display:block; margin-top:8px; font-size:11px; line-height:1.45; }
.consultation { margin-bottom:101px; }.consultation-panel { position:relative; min-height:275px; padding:46px 104px; }.consultation-panel h2 { font-size:40px; margin-bottom:42px; }.consultation-panel .panel-copy p { max-width:380px; }.consultation-panel .action { bottom:-39px; }
.page-hero { padding:78px 0 88px; background:var(--blue); color:white; }.page-hero h1 { max-width:650px; color:white; font-size:50px; }.page-hero .eyebrow { color:#fff; }.page-hero .wrap > p:last-child { max-width:540px; margin-bottom:0; }.mission { display:grid; grid-template-columns:1fr 1fr; gap:45px; padding:100px 0; }.mission article { padding-right:20px; }.advantages,.sectors { padding:78px 0 85px; background:var(--paper); }.advantages h2,.sectors h2 { max-width:600px; }.advantages-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px 38px; margin-top:38px; }.advantages-grid p { padding-top:14px; margin:0; border-top:2px solid var(--blue); font-size:13px; line-height:1.6; }.partners,.product-categories { padding:100px 0; }.partner-list,.sector-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:35px; }.partner-list span,.sector-list span { padding:11px 15px; border:1px solid #d7d7d7; color:var(--ink); font-size:12px; }.product-hero { background:linear-gradient(105deg,#17295f,#23408c); }.product-intro { padding:78px 0 26px; }.product-intro > p { max-width:550px; }.category-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:39px; }.category-grid article { min-height:170px; padding:27px; background:var(--paper); }.category-grid h3 { font-size:21px; margin-bottom:12px; }.category-grid p { margin:0; font-size:12px; line-height:1.7; }
.why { padding-bottom:90px; }.why-image { height:412px; width:calc(50% + 455px); max-width:100%; border-bottom:10px solid var(--blue); background-image:linear-gradient(90deg,rgba(31,52,121,.55),rgba(31,52,121,.18)),url("assets/why-naleye.jpg"); }.why-title { width:547px; padding:38px 49px; margin-top:-94px; margin-left:calc(50% - 306px); position:relative; }.why-title h1,.why-title h2 { font-size:48px; letter-spacing:-1px; margin:0; }.why-list { padding-top:96px; }.why-list article { margin-bottom:55px; }.why-list h2,.why-list h3 { font-size:22px; margin-bottom:10px; }.why-list p { margin:0; font-size:12px; line-height:1.75; }
.contact { position:relative; min-height:528px; padding:43px 0 40px; background:var(--blue); color:white; }.contact h2 { color:white; text-align:center; font-size:28px; margin-bottom:17px; }.contact-form { display:grid; grid-template-columns:1fr 1fr; column-gap:18px; }.contact-form label { font-size:12px; font-weight:700; }.contact-form input,.contact-form textarea { display:block; width:100%; border:0; border-bottom:1px solid white; border-radius:0; background:transparent; color:white; font:inherit; outline:none; margin:25px 0 17px; }.contact-form textarea { resize:vertical; margin-bottom:14px; }.contact-form .full { grid-column:1 / -1; }.contact-form button { grid-column:1 / -1; border:0; margin:8px auto 32px; background:transparent; color:#fff; font:400 18px "Montserrat",sans-serif; cursor:pointer; }.contact-meta { display:flex; justify-content:space-between; font-size:12px; }.copyright { font-size:11px; font-weight:500; margin-top:36px; }.back-top { position:absolute; right:calc(50% - 348px); bottom:38px; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid transparent; border-radius:50%; background:transparent; color:#fff; cursor:pointer; transition:background .2s ease,border-color .2s ease,transform .2s ease; }.back-top svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.2; }.back-top:hover { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.6); transform:translateY(-3px); }.back-top:focus-visible { outline:2px solid #fff; outline-offset:3px; }.chat-button { position:fixed; z-index:10; right:14px; bottom:12px; width:49px; height:49px; border:0; background:var(--blue); color:#fff; box-shadow:0 0 0 1px rgba(255,255,255,.2); font-size:23px; cursor:pointer; }
@media (max-width: 720px) { .site-header { height:76px; }.site-nav { display:none; position:absolute; z-index:20; top:76px; left:0; width:100%; padding:18px 30px; background:white; flex-direction:column; gap:15px; }.site-nav.open { display:flex; }.menu-toggle { display:grid; gap:5px; border:0; background:transparent; padding:8px; }.menu-toggle span { width:24px; height:2px; background:var(--blue); }.hero { padding-bottom:250px; }.hero-image { height:310px; }.hero-panel { width:calc(100% - 32px); min-height:0; top:210px; left:16px; padding:28px 26px 44px; } h1 { font-size:35px; }.panel-copy { gap:17px; }.panel-copy .rule { width:50px; }.panel-copy p { font-size:13px; }.services { height:260px; padding-top:32px; }.service-head h2 { font-size:35px; }.service-cards { grid-template-columns:1fr; gap:32px; margin-top:-80px; margin-bottom:85px; }.service-card { min-height:0; }.consultation { margin-bottom:70px; }.consultation-panel { padding:34px 28px 50px; }.consultation-panel h2 { font-size:31px; margin-bottom:28px; }.why-image { height:300px; }.why-title { width:calc(100% - 32px); margin:-70px 16px 0; padding:30px 28px; }.why-title h1,.why-title h2 { font-size:35px; }.why-list { padding-top:60px; }.why-list article { margin-bottom:40px; }.contact { padding-top:38px; }.contact-form { grid-template-columns:1fr; }.contact-form .full { grid-column:auto; }.contact-meta { display:block; }.back-top { right:20px; bottom:22px; }.contact-inner { padding-bottom:30px; } }
@media (max-width: 720px) { .credentials { grid-template-columns:1fr; gap:28px; padding:31px 27px; margin-bottom:78px; }.credentials h2,.page-hero h1,.mission h2,.advantages h2,.partners h2,.product-intro h2,.product-categories h2,.sectors h2 { font-size:29px; }.credential-grid,.advantages-grid,.category-grid { grid-template-columns:1fr; }.page-hero { padding:58px 0 64px; }.page-hero h1 { font-size:37px; }.mission { grid-template-columns:1fr; gap:34px; padding:70px 0; }.advantages,.sectors { padding:58px 0 64px; }.advantages-grid { gap:20px; margin-top:30px; }.partners,.product-categories { padding:70px 0; }.product-intro { padding:60px 0 5px; }.category-grid { margin-top:30px; }.category-grid article { min-height:0; } }