@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap');
:root{
  --navy:#071a33;--navy-2:#0b2648;--blue:#0b6cf2;--blue-2:#3a8cff;--ink:#10203a;
  --muted:#5f6f86;--line:#dbe5f0;--surface:#f6f9fc;--white:#fff;--success:#1f9d62;
  --shadow:0 18px 50px rgba(8,31,63,.12);--radius:18px;--max:1440px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f5a623;outline-offset:3px} img{max-width:100%;display:block} button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--blue)}
.section{padding:82px 0}.section.alt{background:var(--surface)}.section-title{font-size:clamp(2rem,4vw,3.7rem);line-height:1.03;margin:.25rem 0 1rem;letter-spacing:-.035em}.section-copy{max-width:780px;color:var(--muted);font-size:1.06rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:10px;padding:.86rem 1.15rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--blue);color:white;box-shadow:0 10px 24px rgba(11,108,242,.22)}.btn.outline{border-color:#91a5bd;background:transparent}.btn.light{background:#fff;color:var(--navy)}
.grid{display:grid;gap:22px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.card-body{padding:22px}.icon{width:45px;height:45px;border-radius:12px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-weight:800;border:1px solid #cfe3ff}.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-top:5px solid var(--navy);border-bottom:1px solid rgba(219,229,240,.8)}
.nav-wrap{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-logo{display:flex;align-items:center;gap:10px;min-width:265px}.brand-logo__symbol{width:58px;height:42px;object-fit:contain;flex:0 0 auto}.brand-logo__text{display:flex;flex-direction:column;line-height:1}.brand-logo__name{font-family:"Sora","Poppins","Segoe UI",sans-serif;font-size:1.55rem;font-weight:600;letter-spacing:-.03em;color:#0F2D6B}.brand-logo__systems{font-family:"Inter","Segoe UI",sans-serif;font-size:.66rem;font-weight:500;letter-spacing:.2em;color:#5B6474;margin-top:5px}.brand-logo__tagline{font-family:"Inter","Segoe UI",sans-serif;font-size:.46rem;font-weight:500;letter-spacing:.08em;color:#7A8394;margin-top:5px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:34px;font-size:.94rem}.nav-links a{padding:8px 0;position:relative}.nav-links a.active:after,.nav-links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue)}.nav-links .mobile-portal-link{display:none}.nav-actions{display:flex;align-items:center;gap:10px}.mobile-toggle{display:none;border:0;background:none;font-size:1.6rem}
.hero{background:linear-gradient(115deg,#061a32 0%,#08264b 54%,#a8d2ff 145%);color:#fff;overflow:hidden}.hero-grid{min-height:560px;display:grid;grid-template-columns:.95fr 1.25fr;align-items:center;gap:46px}.hero h1{font-size:clamp(2.8rem,5.2vw,5rem);line-height:.98;letter-spacing:-.045em;margin:.55rem 0 1.35rem;max-width:760px}.hero p{color:#e0e9f4;max-width:670px;font-size:1.06rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-visual{position:relative}.hero-visual img{border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18)}
.value-strip{background:#fff;border-bottom:1px solid var(--line)}.value-grid{display:grid;grid-template-columns:repeat(5,1fr)}.value{padding:26px 20px;display:flex;gap:14px;align-items:flex-start}.value + .value{border-left:1px solid #edf2f7}.value strong{display:block;font-size:.95rem}.value span{display:block;font-size:.82rem;color:var(--muted)}
.industry-grid{grid-template-columns:repeat(3,1fr);margin-top:30px}.industry-card img{height:180px;width:100%;object-fit:cover}.industry-card__icon{height:180px;background:linear-gradient(135deg,#edf4fc,#dceafa);color:var(--navy);display:grid;place-items:center;font-size:3.3rem;font-weight:700}.industry-card h3{margin:.3rem 0}.industry-card p{margin:.35rem 0 0;color:var(--muted);font-size:.93rem}
.solution-grid{grid-template-columns:repeat(4,1fr);margin-top:28px}.solution-card{padding:23px}.solution-card h3{margin:.9rem 0 .4rem;font-size:1.05rem}.solution-card p{margin:0;color:var(--muted);font-size:.9rem}
.develop{background:radial-gradient(circle at 50% 0,#123d6f 0,#082142 55%,#06162d 100%);color:#fff;padding:70px 0}.develop-head{text-align:center}.develop-head p{color:#c8d5e6}.develop-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;margin-top:40px;position:relative}.develop-grid:before{content:"";position:absolute;left:5%;right:5%;top:31px;border-top:1px dashed #82a6ce}.step{position:relative;text-align:center;z-index:1}.letter{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#0a5cc4;border:3px solid #fff;box-shadow:0 0 0 6px rgba(65,144,255,.12);font-size:1.45rem;font-weight:800}.step h3{margin:.2rem 0 .3rem;font-size:1rem}.step p{font-size:.82rem;color:#c9d6e8;margin:0}
.cta{background:linear-gradient(110deg,#082247,#0d5ec6);color:#fff;border-radius:24px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 10px}.cta p{color:#d7e6fa;margin:0;max-width:690px}
.footer{background:#06162d;color:#d6e0eb;padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer h4{color:#fff;margin:0 0 14px}.footer a{display:block;color:#c0ccda;margin:.45rem 0}.footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;color:#93a6bb;font-size:.86rem}
.footer .brand-logo__name{color:#fff}.footer .brand-logo__systems{color:#c8d2df}.footer .brand-logo__tagline{color:#a8b8ca}
.page-hero{background:linear-gradient(120deg,#061a33,#0b3768);color:white;padding:90px 0}.page-hero h1{font-size:clamp(3rem,6vw,5rem);line-height:1;margin:.5rem 0 1rem;letter-spacing:-.045em}.page-hero p{max-width:790px;color:#d9e6f3;font-size:1.08rem}
.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.stat strong{display:block;font-size:2rem;color:var(--navy)}
.process-list{display:grid;gap:18px}.process-item{display:grid;grid-template-columns:76px 1fr;gap:22px;align-items:start;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.process-item .letter{margin:0;width:56px;height:56px}.process-item h3{margin:0 0 .35rem}.process-item p{margin:0;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-weight:700;margin:0 0 7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdbe8;border-radius:11px;padding:13px 14px;background:#fff}.field textarea{min-height:150px;resize:vertical}.full{grid-column:1/-1}.notice{border:1px solid #cfe0f2;background:#f1f7ff;border-radius:12px;padding:14px 16px;color:#294765}.login-shell{max-width:510px;margin:0 auto;border:1px solid var(--line);border-radius:22px;padding:34px;background:white;box-shadow:var(--shadow)}.login-shell h2{margin-top:0}.portal-mark{text-align:center;margin-bottom:22px}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;min-height:auto;padding:70px 0}.hero-visual{max-width:900px}.value-grid{grid-template-columns:repeat(2,1fr)}.value + .value{border-left:0}.industry-grid{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:repeat(2,1fr)}.develop-grid{grid-template-columns:repeat(2,1fr)}.develop-grid:before{display:none}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{gap:20px}}
@media(max-width:820px){.nav-wrap{min-height:82px}.mobile-toggle{display:block}.nav-links,.nav-actions{display:none}.nav-links.open{display:flex;position:absolute;top:82px;left:0;right:0;background:white;flex-direction:column;align-items:flex-start;padding:24px 20px;border-bottom:1px solid var(--line);gap:14px}.nav-links.open .mobile-portal-link{display:inline-flex;width:100%;padding:.86rem 1.15rem;color:#fff}.industry-grid,.solution-grid,.feature-split,.form-grid,.footer-grid{grid-template-columns:1fr}.full{grid-column:auto}.value-grid{grid-template-columns:1fr}.develop-grid{grid-template-columns:1fr}.step{display:grid;grid-template-columns:62px 1fr;text-align:left;gap:18px}.letter{margin:0}.cta{flex-direction:column;align-items:flex-start}.section{padding:62px 0}.hero h1{font-size:3.1rem}.footer-bottom{flex-direction:column}}
@media(max-width:520px){.container{width:min(calc(100% - 24px),var(--max))}.brand-logo{min-width:0;gap:7px}.brand-logo__symbol{width:45px;height:34px}.brand-logo__name{font-size:1.25rem}.brand-logo__systems{font-size:.56rem;margin-top:4px}.brand-logo__tagline{display:none}.hero h1{font-size:2.45rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.page-hero{padding:68px 0}.page-hero h1{font-size:2.8rem}.cta{padding:32px 24px}}