*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#1a2940;font:13px/1.65 Inter,Arial,sans-serif;background:#fff}.container{width:min(1200px,92%);margin:auto}.topbar{height:34px;background:#081b38;color:#eaf2ff;font-size:10px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar span{margin-right:22px}.topbar a{color:#16335a;background:#fff;padding:5px 19px;border-radius:3px;font-weight:700;text-decoration:none}header{height:65px;background:#fff;position:sticky;top:0;z-index:50;transition:.25s;border-bottom:1px solid #edf0f4}header.scrolled{height:56px;box-shadow:0 5px 22px #0c244414}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:#18283f;min-width:115px}.logo b{font-size:21px;letter-spacing:-1px}.logo b span{color:#1668d9}.logo small{font-size:5px;letter-spacing:4px;margin-top:4px;color:#566274}.desktop-nav{display:flex;gap:23px;align-items:center;margin-left:auto;margin-right:35px}.desktop-nav>a,.drop>a{font-size:10px;text-decoration:none;color:#26364c;font-weight:600}.desktop-nav .active{color:#1668d9}.drop{position:relative;padding:22px 0}.dropdown{display:none;position:absolute;top:58px;left:-15px;background:#fff;min-width:175px;box-shadow:0 12px 35px #12254b1f;border-radius:5px;padding:8px}.drop:hover .dropdown{display:grid}.dropdown a{padding:7px 8px;text-decoration:none;color:#39465a;font-size:9px}.dropdown a:hover{color:#1766d3;background:#f4f8ff}.btn{background:#1768d8;color:#fff;border:1px solid #1768d8;border-radius:4px;padding:10px 22px;font-size:10px;font-weight:700;text-decoration:none;display:inline-block;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px #1768d83b}.btn-small{padding:9px 25px}.btn-outline{background:transparent;border-color:#fff;color:#fff}.hamburger,.mobile-nav{display:none}.hero{height:370px;position:relative;overflow:hidden}.slides,.slide{height:100%}.slide{position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.03);transition:opacity .8s,transform 5s}.slide.active{opacity:1;transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07182eeF 0%,#07182ecb 38%,#07182e22 75%)}.hero-content{height:100%;position:relative;display:flex;align-items:center}.hero-copy{color:#fff;width:510px}.hero h1{font:800 31px/1.15 Manrope,sans-serif;margin:0 0 12px;letter-spacing:-1.4px}.hero h1 em{color:#2583ff;font-style:normal}.hero p{font-size:13px;max-width:390px;color:#e0e7f1;margin-bottom:18px}.hero-buttons{display:flex;gap:10px}.float-stack{position:absolute;right:30px;top:55px;display:grid;gap:10px}.float-stack div{width:60px;height:60px;border:1px solid #2d86ff;border-radius:10px;background:#071b3bb8;color:#75b6ff;font-size:22px;display:grid;place-items:center;box-shadow:0 0 20px #187cff42}.float-stack small{display:block;font-size:7px;color:#fff}.hero-arrow{position:absolute;top:50%;border:0;background:transparent;color:#fff;font-size:35px;cursor:pointer}.hero-arrow.left{left:20px}.hero-arrow.right{right:20px}.hero-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.hero-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#9eb0c6}.hero-dots button.active{background:#1975e7}.trust{padding:14px 0;background:#fafbfc;border-bottom:1px solid #edf0f4}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.trust-grid>div{display:flex;align-items:center;gap:11px}.trust i,.card i{font-style:normal;color:#1768d8;font-size:23px}.trust b,.trust small{display:block}.trust b{font-size:9px}.trust small{font-size:8px;color:#6c7786}.section{padding:50px 0}.compact{padding:38px 0}label{color:#1768d8;font-size:8px;font-weight:800;letter-spacing:.8px}h2{font:800 22px/1.22 Manrope,sans-serif;letter-spacing:-.8px;margin:6px 0 14px;color:#26354a}.center{text-align:center}.two-col{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center}.about-image{position:relative}.about-image img{width:100%;height:300px;object-fit:cover;border-radius:7px}.growth{position:absolute;left:0;bottom:0;background:#0f63ce;color:#fff;padding:13px 19px;border-radius:0 7px 0 7px;display:flex;gap:10px;align-items:center}.growth span,.growth small{display:block}.growth b{font-size:9px}.growth small{font-size:8px}.two-col p{font-size:11px;color:#607084}.check-list{padding:0;list-style:none;margin:16px 0}.check-list li{padding-left:19px;position:relative;margin:8px 0}.check-list li:before{content:"●";color:#1768d8;position:absolute;left:0;top:1px;font-size:8px}.check-list b,.check-list span{display:block}.check-list b{font-size:9px}.check-list span{font-size:8px;color:#718093}.solution-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:22px}.card{min-height:155px;border:1px solid #e3e8ee;border-radius:8px;padding:17px 14px;text-align:center;box-shadow:0 4px 15px #193a6209;transition:.25s;background:#fff}.card:hover,.pos-card:hover,.why-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #183a6417;border-color:#bfd7f7}.card h3{font-size:9px;margin:7px 0}.card p{font-size:10px;color:#68788c;margin:0 0 9px}.card a{font-size:8px;color:#1768d8;font-weight:700}.pos-section{background:#fbfcfd}.pos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.pos-card{background:#fff;border:1px solid #e3e8ee;border-radius:7px;overflow:hidden;text-align:center;transition:.25s}.pos-card img{width:100%;height:118px;object-fit:cover;transition:.4s}.pos-card:hover img{transform:scale(1.06)}.pos-card>div{padding:9px}.pos-card h3{font-size:10px;margin:0 0 4px}.pos-card p{font-size:10px;color:#718093;margin:0 0 8px}.outline-btn{display:inline-block;border:1px solid #d7e1ed;color:#1768d8;padding:3px 11px;border-radius:2px;font-size:7px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:900px;margin:20px auto 0}.industry-grid a{border:1px solid #e1e7ee;border-radius:5px;padding:11px 16px;color:#1768d8;font-size:20px;display:flex;align-items:center;gap:13px;transition:.2s}.industry-grid a span{font-size:9px;color:#415067;font-weight:700}.industry-grid a:hover{background:#f6faff;transform:translateY(-2px)}.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.why-card{border:1px solid #e3e8ee;border-radius:7px;padding:12px;text-align:center;color:#1768d8;font-size:20px;transition:.25s}.why-card b{display:block;font-size:8px;color:#3d4c60;margin-top:4px}.why-card p{font-size:10px;color:#78869a;margin:4px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:25px}.steps:before{content:"";position:absolute;left:12%;right:12%;top:21px;border-top:2px dashed #4a90e7}.steps>div{position:relative;padding:0 20px;text-align:center;background:#fff}.steps strong{position:relative;z-index:1;background:#1768d8;color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:13px}.steps h3{font-size:10px;line-height:1.3}.steps p{font-size:10px;color:#748297}.tech-row{display:flex;gap:12px;overflow:auto;padding:15px 0}.tech-row>div{min-width:190px;border:1px solid #e2e8ef;border-radius:6px;padding:7px;text-align:center;background:#fff}.tech-row img{width:100%;height:80px;object-fit:contain}.tech-row span{font-size:8px;font-weight:700}.security{background:#071b38;color:#fff;padding:42px 0}.security h2{color:#fff;font-size:23px}.security p{color:#b8c5d8;font-size:11px;max-width:280px}.security-inner{display:grid;grid-template-columns:1.05fr 1.4fr;gap:40px}.security-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.security-cards>div{border:1px solid #557099;border-radius:7px;padding:18px;color:#6ea8ff;font-size:22px}.security-cards b,.security-cards span{display:block}.security-cards b{color:#fff;font-size:12px;margin:8px 0 4px}.security-cards span{font-size:12px;color:#bdc9d8}.light{background:#fff;color:#174f9c;border-color:#fff}.testimonial-grid{display:grid;grid-template-columns:.9fr 1.7fr;gap:55px}.testimonial{border:1px solid #e1e7ee;border-radius:8px;padding:18px;margin-top:15px}.testimonial>b{color:#1768d8;font-size:25px}.testimonial p{font-size:11px;color:#536276}.person{display:flex;gap:8px;align-items:center}.person>span{display:grid}.person b{font-size:8px}.person small{font-size:7px;color:#748297}.testimonial em{float:right;font-size:6px;color:#a4afbd}.faq button{width:100%;display:flex;justify-content:space-between;background:#fff;border:1px solid #e4e9ef;border-radius:4px;padding:8px 12px;margin-top:6px;text-align:left;font-size:8px;color:#506074;cursor:pointer}.faq div{display:none;padding:8px 12px;color:#6d7b8e;font-size:8px}.faq button.open+div{display:block}.cta{padding:0 0 30px}.cta-inner{background:linear-gradient(100deg,#1251a7eF,#0d74dcdf),url('https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1800&q=85') center/cover;border-radius:12px;color:#fff;padding:35px 55px}.cta h2{color:#fff;margin:0;font-size:20px}.cta p{font-size:11px;margin:7px 0 14px}.light-outline{color:#fff;border-color:#fff;margin-left:8px}.contact-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:70px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}input,select,textarea{width:100%;border:1px solid #e0e6ed;border-radius:3px;padding:8px;font:8px Inter;color:#4d5d72;background:#fff}textarea{height:50px}.contact-info>div:not(.map){display:grid;grid-template-columns:100px 1fr;margin:12px 0}.contact-info b{font-size:9px;color:#1768d8}.contact-info span{font-size:8px;color:#647287}.map{height:180px;background:#edf3f8;border-radius:9px;margin-top:15px;color:#1768d8;font-size:22px;padding:45px 60px;position:relative}.map small{display:block;font-size:8px;color:#5f6e80;margin-top:25px}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}footer{background:#071a37;color:#bdc9d7;padding:34px 0 10px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:35px}.white{color:#fff}.footer-grid p{font-size:7px}.footer-grid h4{color:#fff;font-size:9px;margin:0 0 10px}.footer-grid>a,.footer-grid>div>a{display:block;color:#aebdce;text-decoration:none;font-size:7px;margin:5px 0}.social{font-size:10px;word-spacing:6px;color:#fff}.newsletter{display:flex}.newsletter input{min-width:0;border:0}.newsletter button{border:0;background:#1768d8;color:#fff;font-size:7px;padding:0 8px}.copyright{border-top:1px solid #213551;margin-top:25px;padding-top:10px;font-size:7px;display:flex;justify-content:space-between}.copyright span{color:#9aaabc}
@media(max-width:850px){.desktop-nav,.topbar{display:none}.hamburger{display:block;border:0;background:transparent;font-size:22px;color:#18314f}.mobile-nav{position:absolute;top:65px;left:0;right:0;background:#fff;padding:12px 4%;box-shadow:0 12px 30px #00102b18}.mobile-nav.show{display:grid}.mobile-nav a{padding:10px;border-bottom:1px solid #eef1f5;text-decoration:none;color:#24344b}.hero{height:480px}.float-stack{display:none}.trust-grid{grid-template-columns:1fr 1fr}.two-col,.security-inner,.testimonial-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.solution-grid{grid-template-columns:repeat(3,1fr)}.pos-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(3,1fr)}.security-cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.topbar-inner{justify-content:center}}
@media(max-width:560px){.container{width:90%}.nav .btn-small{display:none}.hero-copy{width:100%}.hero h1{font-size:28px}.hero-arrow{display:none}.trust-grid{grid-template-columns:1fr}.section{padding:35px 0}.solution-grid,.pos-grid,.why-grid,.industry-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr;text-align:left;gap:20px}.steps:before{left:20px;top:20px;bottom:20px;right:auto;border-top:0;border-left:2px dashed #4a90e7}.steps>div{display:grid;grid-template-columns:55px 1fr;text-align:left;padding:0}.steps strong{margin:0}.steps p{grid-column:2}.steps h3{margin:0}.cta-inner{padding:28px}.form-grid{grid-template-columns:1fr}.contact-info>div:not(.map){grid-template-columns:90px 1fr}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:5px}.industry-grid{max-width:none}.security-cards{grid-template-columns:1fr 1fr}}
/* ===== HIGH CLARITY / CORRECT VISUAL SCALE OVERRIDES ===== */
html { font-size: 16px; }
body {
font-size: 16px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.container { width: min(1280px, 94%); }
.topbar { height: 40px; font-size: 12px; }
.topbar a { padding: 7px 20px; font-size: 11px; }
header { height: 78px; }
header.scrolled { height: 68px; }
.logo b { font-size: 27px; }
.logo small { font-size: 7px; letter-spacing: 5px; }
.desktop-nav > a, .drop > a { font-size: 13px; }
.desktop-nav { gap: 30px; }
.btn { padding: 13px 27px; font-size: 13px; border-radius: 5px; }
.btn-small { padding: 12px 29px; }
.hero { height: 580px; }
.hero-copy { width: 620px; }
.hero h1 { font-size: clamp(43px, 4vw, 64px); line-height: 1.08; letter-spacing: -2px; }
.hero p { font-size: 16px; line-height: 1.65; max-width: 530px; }
.float-stack div { width: 88px; height: 88px; font-size: 30px; }
.float-stack small { font-size: 10px; }
.hero-arrow { font-size: 52px; }
.hero-dots button { width: 11px; height: 11px; }
.trust { padding: 22px 0; }
.trust b { font-size: 15px; }
.trust small { font-size: 13px; }
.trust i, .card i { font-size: 32px; }
.section { padding: 80px 0; }
.compact { padding: 62px 0; }
label { font-size: 10px; }
h2 { font-size: clamp(30px, 2.8vw, 43px); line-height: 1.18; margin: 9px 0 20px; }
.two-col { gap: 75px; }
.about-image img { height: 460px; }
.growth { padding: 19px 27px; }
.growth b { font-size: 13px; }
.growth small { font-size: 11px; }
.two-col p { font-size: 14px; line-height: 1.8; }
.check-list li { margin: 13px 0; padding-left: 24px; }
.check-list li:before { font-size: 14px; }
.check-list b { font-size: 13px; }
.check-list span { font-size: 14px; }
.solution-grid { gap: 18px; margin-top: 34px; }
.card { min-height: 230px; padding: 28px 20px; }
.card h3 { font-size: 17px; margin: 13px 0; }
.card p { font-size: 14px; line-height: 1.7; margin-bottom: 15px; }
.card a { font-size: 14px; }
.pos-grid { gap: 20px; margin-top: 34px; }
.pos-card img { height: 190px; }
.pos-card>div { padding: 17px; }
.pos-card h3 { font-size: 18px; }
.pos-card p { font-size: 15px; line-height: 1.65; }
.outline-btn { font-size: 13px; padding: 6px 15px; }
.industry-grid { gap: 14px; max-width: 1080px; }
.industry-grid a { padding: 17px 21px; font-size: 27px; }
.industry-grid a span { font-size: 12px; }
.why-grid { gap: 15px; }
.why-card { padding: 20px 13px; font-size: 38px; }
.why-card b { font-size: 15px; margin-top: 7px; }
.why-card p { font-size: 13px; line-height: 1.55; }
.steps { margin-top: 40px; }
.steps:before { top: 27px; }
.steps strong { width: 55px; height: 55px; font-size: 16px; }
.steps h3 { font-size: 14px; }
.steps p { font-size: 11px; line-height: 1.6; }
.tech-row { gap: 18px; padding: 20px 0; }
.tech-row>div { min-width: 250px; padding: 12px; }
.tech-row img { height: 130px; }
.tech-row span { font-size: 11px; }
.security { padding: 70px 0; }
.security h2 { font-size: 42px; }
.security p { font-size: 13px; line-height: 1.8; max-width: 400px; }
.security-cards { gap: 15px; }
.security-cards>div { padding: 25px 18px; font-size: 30px; }
.security-cards b { font-size: 15px; margin: 11px 0 6px; }
.security-cards span { font-size: 12px; line-height: 1.6; }
.testimonial-grid { gap: 75px; }
.testimonial { padding: 28px; }
.testimonial>b { font-size: 38px; }
.testimonial p { font-size: 13px; line-height: 1.8; }
.person b { font-size: 11px; }
.person small { font-size: 9px; }
.faq button { padding: 14px 18px; font-size: 15px; }
.faq div { padding: 12px 18px; font-size: 15px; }
.cta { padding-bottom: 55px; }
.cta-inner { padding: 55px 70px; }
.cta h2 { font-size: 38px; }
.cta p { font-size: 13px; }
.contact-grid { gap: 85px; }
.form-grid { gap: 13px; margin: 25px 0; }
input, select, textarea { padding: 13px; font-size: 11px; }
textarea { height: 85px; }
.contact-info>div:not(.map) { grid-template-columns: 130px 1fr; margin: 18px 0; }
.contact-info b { font-size: 16px; }
.contact-info span { font-size: 14px; }
.map { height: 230px; font-size: 28px; padding: 55px 70px; }
footer { padding: 55px 0 15px; }
.footer-grid { gap: 45px; }
.footer-grid p, .footer-grid>a, .footer-grid>div>a { font-size: 14px; line-height: 1.8; }
.footer-grid h4 { font-size: 12px; margin-bottom: 14px; }
.newsletter button { font-size: 10px; padding: 0 12px; }
.copyright { font-size: 9px; padding-top: 15px; }
/* Prevent low quality visual rendering */
img {
display: block;
max-width: 100%;
image-rendering: auto;
backface-visibility: hidden;
}
.pos-card img, .about-image img, .tech-row img {
image-rendering: auto;
transform: translateZ(0);
}
@media (max-width: 850px) {
header { height: 68px; }
.hero { height: 520px; }
.hero h1 { font-size: 45px; }
.section { padding: 60px 0; }
.solution-grid { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 560px) {
body { font-size: 15px; }
.hero { height: 560px; }
.hero h1 { font-size: 37px; }
.hero p { font-size: 14px; }
h2 { font-size: 30px; }
.section { padding: 48px 0; }
.solution-grid, .pos-grid, .why-grid, .industry-grid { grid-template-columns: 1fr; }
.card { min-height: auto; padding: 24px 20px; }
.pos-card img { height: 220px; }
.trust-grid { gap: 18px; }
.security h2 { font-size: 34px; }
.security-cards { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr; }
}