
:root{--primary:#1667c7;--dark:#102a43;--ink:#182230;--soft:#f4f8fc;--accent:#21a179}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.7}
.brand-logo{width:245px;max-height:70px;object-fit:contain}
.navbar .nav-link{font-weight:600;color:#263746;padding:.75rem .7rem}.navbar .nav-link:hover{color:var(--primary)}
.hero{background:radial-gradient(circle at 85% 15%,#dff0ff,transparent 35%),linear-gradient(135deg,#f8fbff,#eef6ff);padding:55px 0 70px}
.hero h1{font-size:clamp(2.4rem,5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-2px}.hero h1 span{color:var(--primary)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:1.2px;font-size:.8rem}.eyebrow.dark{color:var(--accent)}
.hero-mini{font-size:.9rem;font-weight:700;color:#456}.hero-mini i{color:var(--accent)}
.hero-card{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 25px 60px rgba(17,53,84,.18);background:#fff}.hero-card img{width:100%;display:block;min-height:300px;object-fit:cover}.hero-overlay{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.94);border-radius:16px;padding:14px 18px}.hero-overlay strong,.hero-overlay small{display:block}
.stat{padding:18px}.stat i{font-size:2rem;color:var(--primary)}.stat h3{margin:.3rem 0 0;font-weight:800}.stat p{margin:0;color:#64748b}
.section-soft{background:var(--soft)}.section-title{text-align:center;max-width:720px;margin:auto}.section-title span{color:var(--primary);font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:1.2px}.section-title h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin:.3rem 0}.section-title p{color:#617286}
.feature-card,.product-card{height:100%;background:#fff;border:1px solid #e7edf4;border-radius:20px;padding:28px;transition:.25s;box-shadow:0 8px 25px rgba(24,34,48,.04)}.feature-card:hover,.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(24,34,48,.1)}
.feature-card>i,.service-card>i{font-size:2.3rem;color:var(--primary);display:inline-block;margin-bottom:16px}.feature-card h4,.product-card h4{font-weight:800}.feature-card p,.product-card p{color:#66788a}.feature-card a,.product-card a{color:var(--primary);font-weight:700;text-decoration:none}
.product-icon{width:58px;height:58px;border-radius:16px;background:#eaf3ff;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.7rem;margin-bottom:18px}
.about-img{min-height:300px;object-fit:cover}.check-list p{font-weight:600}.check-list i{color:var(--accent);margin-right:8px}
.cta-section{background:linear-gradient(135deg,#102a43,#1667c7);color:#fff;padding:80px 0}.cta-section .eyebrow{color:#d5ecff}.cta-section h2{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800}
.inner-hero{background:linear-gradient(135deg,#102a43,#1667c7);color:#fff;padding:85px 0}.inner-hero .eyebrow{color:#bfe1ff}.inner-hero h1{font-size:clamp(2.3rem,5vw,4rem);font-weight:800;max-width:850px}.inner-hero p{font-size:1.1rem;max-width:750px;color:#dceeff}
.footer{background:#0c1824;color:#b8c6d4;padding:55px 0 25px}.footer-logo{width:240px;max-height:65px;object-fit:contain;background:#fff;border-radius:5px;padding:4px}.footer h6{color:#fff;font-weight:800}.footer a{display:block;color:#b8c6d4;text-decoration:none;margin:7px 0}.footer a:hover{color:#fff}.footer hr{border-color:#263747}.contact-item{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid #e8eef4}.contact-item>i{font-size:1.4rem;color:var(--primary)}.form-box,.career-box{background:#f6f9fc;border-radius:22px;padding:28px;border:1px solid #e3eaf2}.form-control,.form-select{padding:.8rem 1rem;border-radius:12px;border-color:#d7e0e8}.form-box label{font-weight:700;margin-bottom:5px}.notice{display:flex;gap:16px;background:#eef6ff;border:1px solid #cfe4fb;border-radius:18px;padding:22px}.notice>i{font-size:1.5rem;color:var(--primary)}.client-placeholder{background:#fff;border:1px dashed #b7c7d7;border-radius:16px;padding:35px;text-align:center;font-weight:800;color:#6b7d90}.career-box{text-align:center}.career-box>i{font-size:3rem;color:var(--primary)}.result-page{min-height:70vh;display:flex;align-items:center;padding:80px 0}.result-icon{width:75px;height:75px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:#eaf7f1;color:var(--accent);font-size:2rem}
@media(max-width:991px){.brand-logo{width:205px}.navbar .nav-link{padding:.55rem 0}.hero{padding-top:35px}.hero-card{margin-top:10px}}
@media(max-width:575px){.brand-logo{width:185px}.hero h1{letter-spacing:-1px}.inner-hero{padding:60px 0}.feature-card,.product-card{padding:22px}}
