*{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:#0d2443;background:#fff;line-height:1.55}.container{width:min(1180px,calc(100% - 40px));margin:auto}svg{width:1em;height:1em}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #edf2f8}.nav{height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0d2443;font-weight:850;font-size:1.5rem}.logo-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#2e7cff,#08a7ff);display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px rgba(26,105,255,.22)}.navlinks{display:flex;gap:28px;margin-left:auto}.navlinks a{color:#263b57;text-decoration:none;font-weight:650;font-size:.94rem}.navlinks a:hover,.navlinks a.active{color:#0b73ff}.menu{display:none;margin-left:auto;border:0;background:transparent;font-size:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 21px;border-radius:10px;text-decoration:none;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#0b73ff,#0783ff);color:#fff;box-shadow:0 12px 28px rgba(9,111,255,.22)}.outline{border:1px solid #c9d8eb;color:#18334f;background:#fff}.navbtn{padding:11px 17px}.hero{background:linear-gradient(180deg,#f8fbff 0,#fff 100%);padding:82px 0 68px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:42px;align-items:center}.eyebrow{display:block;color:#0a73ff;font-size:.78rem;font-weight:900;letter-spacing:.09em;margin-bottom:14px}.hero h1{font-size:clamp(2.9rem,5.2vw,5.2rem);line-height:.98;letter-spacing:-.05em;margin:0 0 22px}.hero h1 em{font-style:normal;color:#1674ff}.hero p{font-size:1.07rem;color:#65748b;max-width:680px;margin:0 0 28px}.actions{display:flex;gap:14px;flex-wrap:wrap}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.benefits>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:start}.benefits span{grid-row:1/3;width:36px;height:36px;border-radius:11px;background:#eaf3ff;color:#0b73ff;display:grid;place-items:center}.benefits b,.benefits small{display:block}.benefits b{font-size:.88rem}.benefits small{color:#7b879a;font-size:.72rem;margin-top:2px}.hero-art img{width:100%;display:block;filter:drop-shadow(0 24px 45px rgba(31,71,130,.12))}.section{padding:92px 0}.soft{background:#f6faff}.section-head{margin-bottom:38px}.section-head.split{display:grid;grid-template-columns:1.1fr .72fr;gap:48px;align-items:end}.section h2{font-size:clamp(2.15rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.04em;margin:0}.section-head p,.about p{color:#68768d;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border:1px solid #dce7f4;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(26,64,113,.04)}.icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:1.35rem;margin-bottom:18px}.blue{background:#1c77ff}.purple{background:#8b54ff}.green{background:#29bf88}.coral{background:#ff5b61}.amber{background:#ffad2f}.card h3{margin:0 0 10px;font-size:1.07rem}.card p{color:#6a7890;font-size:.93rem;min-height:84px}.card a{display:inline-flex;align-items:center;gap:7px;color:#0b73ff;text-decoration:none;font-weight:800;font-size:.88rem}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{background:#fff;border:1px solid #dbe7f5;border-radius:18px;padding:10px;box-shadow:0 10px 30px rgba(24,61,110,.05)}.project img{display:block;width:100%;aspect-ratio:1.58/1;object-fit:cover;border-radius:12px;background:#f4f8fd}.project h3{margin:13px 5px 9px;font-size:1rem}.project>div{display:flex;gap:6px;flex-wrap:wrap;padding:0 5px 6px}.project span{font-size:.68rem;padding:5px 8px;border-radius:999px;background:#eef5ff;color:#2c6ec5}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{display:flex;gap:14px;position:relative}.steps article:not(:last-child):after{content:"→";position:absolute;right:-18px;top:8px;color:#76a6df}.steps article>span{width:39px;height:39px;flex:0 0 auto;border-radius:50%;background:#0b73ff;color:#fff;display:grid;place-items:center;font-weight:900}.steps h3{margin:3px 0 4px}.steps p{margin:0;color:#6d7a90;font-size:.89rem}.about{background:linear-gradient(180deg,#fbfdff,#f6faff)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.why-grid article{display:flex;gap:13px;border:1px solid #dbe7f5;background:#fff;border-radius:16px;padding:18px}.why-grid svg{font-size:1.35rem;color:#0b73ff;margin-top:2px}.why-grid b,.why-grid small{display:block}.why-grid small{color:#748199;margin-top:3px}.cta{padding:68px 0;background:radial-gradient(circle at 8% 0,#0b73ff 0,transparent 24%),linear-gradient(135deg,#061a36,#073f80);color:#fff}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center}.cta h2{font-size:clamp(2.2rem,4vw,3.2rem);margin:0 0 10px;letter-spacing:-.03em}.cta p{margin:0;color:#c9d9ef}.light{color:#a9d4ff}.cta-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.cta-buttons small{width:100%;text-align:right;color:#bed1e9}.white{background:#fff;color:#0b3769}.ghost{border:1px solid #9bc7ff;color:#fff}.ghost:hover{background:#ffffff12}footer{background:#071426;color:#c7d3e3;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px}.footer-brand{color:#fff}.footer-grid p{color:#91a2b9;max-width:300px}.footer-grid h4{color:#fff;margin:0 0 10px}.footer-grid a,.footer-grid span{display:block;text-decoration:none;color:#aebdd0;margin:7px 0;font-size:.9rem}.copyright{margin-top:34px;border-top:1px solid #1b304b;padding-top:18px;color:#8294aa;font-size:.83rem}
@media(max-width:980px){.navlinks,.navbtn{display:none}.menu{display:block}.nav.open .navlinks{display:flex;position:absolute;left:20px;right:20px;top:78px;flex-direction:column;background:#fff;padding:18px;border:1px solid #e1eaf6;border-radius:14px;box-shadow:0 20px 45px rgba(20,54,100,.14)}.hero-grid,.section-head.split,.about-grid{grid-template-columns:1fr}.hero-art{max-width:760px;margin:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.projects{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.steps article:after{display:none}.cta-grid{grid-template-columns:1fr}.cta-buttons{justify-content:flex-start}.cta-buttons small{text-align:left}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.hero{padding-top:52px}.hero h1{font-size:2.8rem}.benefits{grid-template-columns:1fr}.section{padding:68px 0}.service-grid,.projects,.steps,.why-grid,.footer-grid{grid-template-columns:1fr}.section-head.split{gap:18px}.card p{min-height:0}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons .btn{width:100%}.nav{height:68px}.nav.open .navlinks{top:68px}}
.brand-image{display:flex;align-items:center}
.brand-image img{display:block;width:160px;height:auto}
.footer-brand img{width:170px;filter:brightness(0) invert(1)}
.hero-art img{width:100%;max-width:760px;margin:auto;display:block}
.project{padding:12px}
.project img{aspect-ratio:1.58/1;object-fit:cover;border-radius:14px}
.project h3{font-size:1.06rem;margin-top:14px}
@media(max-width:980px){.projects{grid-template-columns:repeat(2,1fr)}.brand-image img{width:145px}}
@media(max-width:640px){.projects{grid-template-columns:1fr}.brand-image img{width:135px}}


/* V4.1 layout corrections */
.header .brand-image img{
  width:132px !important;
  height:auto !important;
  max-height:44px !important;
  object-fit:contain;
}

footer .footer-brand img{
  width:150px !important;
  height:auto !important;
  max-height:54px !important;
  object-fit:contain;
  filter:brightness(0) invert(1);
}

.projects{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}

.project img{
  width:100% !important;
  aspect-ratio:1.58/1 !important;
  object-fit:cover !important;
}

.hero-art img{
  width:100% !important;
  max-width:700px !important;
}

@media(max-width:980px){
  .projects{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .header .brand-image img{width:124px !important}
}

@media(max-width:640px){
  .projects{grid-template-columns:1fr !important}
  .header .brand-image img{width:116px !important}
  footer .footer-brand img{width:140px !important}
}

/* V4.2 footer logo correction */
footer .footer-brand img{
  width:150px !important;
  max-height:54px !important;
  height:auto !important;
  object-fit:contain;
  filter:none !important;
}