:root{--blue:#0f4c97;--blue-dark:#082d5f;--navy:#071a33;--cyan:#1fb6d9;--text:#17202a;--muted:#64748b;--line:#e6ebf2;--soft:#f7f9fc;--white:#fff;--shadow:0 18px 50px rgba(7,26,51,.09)}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6}
img{max-width:100%;display:block} a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,235,242,.9)}
.nav-wrap{height:78px;display:flex;align-items:center;gap:24px;overflow:visible}
.brand{display:flex;align-items:center;flex:0 0 auto;overflow:visible;padding-right:8px}
.brand img{width:205px;height:auto;object-fit:contain;object-position:left center;overflow:visible}
.nav{display:flex;gap:27px;margin-left:auto}.nav a{font-size:.96rem;color:#263241;position:relative;padding:26px 0}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:2px;background:var(--blue);transition:.25s}
.nav a:hover::after,.nav a.active::after{right:0}.header-cta{margin-left:8px}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:9px;font-weight:700;transition:.22s;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff;box-shadow:0 10px 28px rgba(15,76,151,.2)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,76,151,.28)}.btn-ghost{border-color:#cfd9e7;color:var(--blue-dark);background:#fff}
.hero{min-height:620px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 22%,rgba(31,182,217,.13),transparent 30%),linear-gradient(90deg,#fff 0%,#fff 48%,#f5f8fc 48%,#eef4fb 100%);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:620px}.hero-copy{padding:96px 44px 76px 0;align-self:center}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--blue);font-weight:800}
.hero h1,.section h2,.contact h2{margin:14px 0 18px;line-height:1.06;letter-spacing:-.035em}.hero h1{font-size:clamp(3rem,5vw,5.25rem);max-width:760px}.hero h1 span{display:block;color:var(--blue)}
.hero p{font-size:1.08rem;color:#556273;max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-points{display:flex;flex-wrap:wrap;gap:26px;margin-top:34px;color:#455367;font-size:.92rem}.hero-points span{color:var(--cyan);font-weight:900;margin-right:6px}
.hero-visual{position:relative;display:grid;place-items:center;min-height:620px;isolation:isolate}
.hero-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(15,76,151,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,76,151,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to left,black,transparent 95%)}
.visual-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:rgba(31,182,217,.08);filter:blur(10px)}
.brand-panel{position:relative;z-index:3;width:min(470px,88%);padding:34px 42px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.58);backdrop-filter:blur(18px);border-radius:24px;box-shadow:var(--shadow);text-align:center}
.brand-panel img{width:100%;max-height:330px;object-fit:contain;margin:0 auto}
.node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(31,182,217,.12)}.n1{right:11%;top:25%}.n2{right:18%;bottom:24%}.n3{left:8%;bottom:18%}
.trace{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.55}.t1{width:220px;right:0;top:28%;transform:rotate(-12deg)}.t2{width:260px;right:-40px;bottom:28%;transform:rotate(8deg)}.t3{width:210px;left:-30px;bottom:22%;transform:rotate(-8deg)}
.section{padding:94px 0}.section-soft{background:var(--soft)}.section-head{text-align:center;max-width:720px;margin:0 auto 48px}.section-head h2,.about-grid h2{font-size:clamp(2.1rem,3.4vw,3.25rem)}.section-head p{color:var(--muted)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(7,26,51,.04);transition:.22s;position:relative;overflow:hidden}.card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:.22s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card:hover::after{transform:scaleX(1)}
.icon{width:48px;height:48px;border-radius:12px;background:#eef6ff;color:var(--blue);display:grid;place-items:center;font-size:1.35rem;font-weight:900}.card h3{margin:18px 0 10px;font-size:1.08rem}.card p{margin:0;color:var(--muted);font-size:.94rem}
.benefits{padding:46px 0;color:#fff;background:radial-gradient(circle at 20% 0%,rgba(31,182,217,.18),transparent 30%),linear-gradient(135deg,var(--navy),var(--blue-dark))}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit{display:flex;gap:16px;padding:8px 26px;border-right:1px solid rgba(255,255,255,.16)}.benefit:last-child{border-right:0}.benefit-icon{font-size:1.6rem;color:#7dd8eb}.benefit h3{margin:0 0 4px;font-size:1rem}.benefit p{margin:0;color:#c7d2e3;font-size:.88rem}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.about-grid p{font-size:1.05rem;color:#566476;margin-top:0}
.contact{padding:78px 0;background:linear-gradient(135deg,#0a2244,#0f4c97);color:#fff}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.contact h2{font-size:clamp(2.3rem,4vw,4rem)}.contact p{max-width:650px;color:#d4deeb}.eyebrow.light{color:#8ee0ef}
.contact-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px 26px;backdrop-filter:blur(8px)}.contact-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14)}.contact-row:last-child{border-bottom:0}.contact-row span{color:#c6d3e3}.contact-card a{color:#fff}
.footer{background:#111924;color:#d8e0ea}.footer-grid{display:grid;grid-template-columns:1.35fr .65fr .9fr 1fr;gap:46px;padding:58px 0}.footer-brand img{width:230px;height:auto;object-fit:contain;object-position:left center;background:#fff;border-radius:10px;padding:6px 10px}.footer-brand p{color:#98a6b8;max-width:360px}.footer h4{color:#fff;margin:0 0 16px}.footer a,.footer span{display:block;color:#aab6c5;margin:7px 0;font-size:.93rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;color:#7f8da1;font-size:.85rem;text-align:center}
@media(max-width:980px){.header-cta{display:none}.hero-grid{grid-template-columns:1fr}.hero{background:linear-gradient(#fff,#f5f8fc)}.hero-copy{padding:72px 0 30px}.hero-visual{min-height:420px}.services-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:24px}.benefit{border-right:0}.about-grid,.contact-grid{grid-template-columns:1fr}}
@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:70px}.menu-toggle{display:block;margin-left:auto}.nav{position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);display:none;flex-direction:column;gap:0;padding:10px 20px 18px}.nav.open{display:flex}.nav a{padding:12px 0}.nav a::after{display:none}.brand img{width:180px}.hero h1{font-size:2.65rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-points{flex-direction:column;gap:8px}.hero-visual{min-height:340px}.brand-panel{padding:24px 28px}.services-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr}.benefit{padding:6px 0}.footer-grid{grid-template-columns:1fr;gap:28px}}