:root{--navy:#06111f;--navy2:#0d1b2a;--blue:#006fe6;--blue2:#00a3ff;--silver:#cfd6dd;--text:#142033;--muted:#5d6a7c;--bg:#f6f9fc;--white:#fff;--border:#dce6f0}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.navbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;justify-content:space-between;align-items:center;padding:16px clamp(20px,5vw,80px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark,.panel-logo{color:#fff;background:radial-gradient(circle at 30% 30%, var(--blue2), var(--blue), var(--navy));border-radius:50%;place-items:center;width:46px;height:46px;font-size:28px;font-weight:900;display:grid;box-shadow:0 10px 25px #006fe640}.brand strong{letter-spacing:2px;color:var(--navy);font-size:20px;display:block}.brand span{color:var(--blue);letter-spacing:3px;font-size:12px;font-weight:700;display:block}.nav-links{color:var(--navy2);align-items:center;gap:24px;font-weight:700;display:flex}.nav-links a.active,.nav-links a:hover{color:var(--blue)}.menu-btn{color:var(--navy);background:0 0;border:0;display:none}.hero{background:radial-gradient(circle at 75% 20%, #00a3ff38, transparent 30%), linear-gradient(135deg, var(--navy), #02070e);color:#fff;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;min-height:680px;padding:70px clamp(20px,5vw,90px);display:grid;overflow:hidden}.hero-content h1{max-width:980px;margin:18px 0 22px;font-size:clamp(42px,7vw,82px);line-height:.95}.hero-content p{color:#dce8f6;max-width:760px;font-size:clamp(18px,2vw,24px);line-height:1.65}.pill{color:#bfe7ff;letter-spacing:.5px;border:1px solid #ffffff40;border-radius:999px;padding:10px 16px;font-weight:800;display:inline-block}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:14px 22px;font-weight:800;display:inline-flex}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{color:#fff;background:0 0;border-color:#ffffff40}.hero-panel{text-align:center;background:linear-gradient(160deg,#ffffff1f,#ffffff08);border:1px solid #fff3;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:40px;display:flex;box-shadow:0 30px 80px #00000059}.hero-panel .panel-logo{width:130px;height:130px;margin-bottom:26px;font-size:82px}.hero-panel h3{letter-spacing:4px;margin:0;font-size:34px}.hero-panel p{color:#bfe7ff;letter-spacing:3px}.section{padding:80px clamp(20px,5vw,90px)}.page{min-height:65vh}.section-title{max-width:900px;margin-bottom:42px}.section-title span{color:var(--blue);letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:900}.section-title h2{color:var(--navy);margin:10px 0 14px;font-size:clamp(32px,4vw,58px);line-height:1.05}.section-title p{color:var(--muted);font-size:19px;line-height:1.7}.grid{gap:24px;display:grid}.grid.three{grid-template-columns:repeat(3,1fr)}.card,.case-card,.quote-box,.contact-card,.contact-form{border:1px solid var(--border);background:#fff;border-radius:20px;padding:28px;box-shadow:0 12px 30px #0d1b2a0f}.card-icon{color:var(--blue);margin-bottom:20px}.card-icon svg{width:38px;height:38px}.card h3,.case-card h3,.quote-box h3{color:var(--navy);margin:0 0 12px;font-size:22px}.card p,.case-card p,.quote-box p{color:var(--muted);margin:0;line-height:1.65}.dark-section{background:var(--navy);color:#fff;padding:80px clamp(20px,5vw,90px)}.dark-section .section-title h2,.dark-section .card h3{color:#fff}.dark-section .section-title p,.dark-section .card p{color:#c8d6e6}.dark-section .card{background:#ffffff0f;border-color:#ffffff1f}.content-split{grid-template-columns:1.2fr .8fr;align-items:start;gap:28px;display:grid}.content-split p{color:var(--muted);font-size:18px;line-height:1.75}.solution-list{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.solution-list div{border-left:5px solid var(--blue);background:#fff;border-radius:16px;padding:22px;font-weight:800;box-shadow:0 10px 25px #0d1b2a0d}.case-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.contact-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:26px;display:grid}.contact-card{align-items:center;gap:16px;display:flex}.contact-card svg{color:var(--blue);min-width:26px}.contact-card strong,.contact-card span{display:block}.contact-card span{color:var(--muted);margin-top:4px}.contact-form{gap:14px;max-width:760px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:12px;width:100%;padding:15px 16px;font-family:inherit;font-size:16px}.footer{color:#fff;background:#02070e;grid-template-columns:.8fr 1.2fr;gap:30px;padding:42px clamp(20px,5vw,90px);display:grid}.footer h3{letter-spacing:2px;margin:0 0 6px}.footer p{color:#9db6d2;margin:0}.footer-grid{color:#dce8f6;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.footer-grid span{align-items:center;gap:8px;display:flex}@media (width<=900px){.menu-btn{display:block}.nav-links{border-bottom:1px solid var(--border);background:#fff;flex-direction:column;padding:20px;display:none;position:absolute;top:78px;left:0;right:0}.nav-links.open{display:flex}.hero,.content-split,.footer,.grid.three,.solution-list,.case-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:auto}}.brand-logo-img{object-fit:contain;border-radius:50%;width:54px;height:54px}.hero-logo-img{object-fit:contain;background:#fff;border-radius:18px;width:min(100%,520px);max-height:240px;padding:12px;box-shadow:0 20px 55px #00000038}.footer-brand{align-items:center;gap:14px;display:flex}.footer-logo-img{object-fit:contain;background:#fff;border-radius:50%;width:64px;height:64px;padding:3px}@media (width<=900px){.hero-logo-img{max-height:190px}}.inquiry-table-wrap{background:#fff;border-radius:18px;overflow-x:auto;box-shadow:0 12px 35px #00000014}.inquiry-table{border-collapse:collapse;width:100%;min-width:900px}.inquiry-table th{color:#fff;text-align:left;background:#06111f;padding:14px}.inquiry-table td{border-bottom:1px solid #e5e7eb;padding:14px}.inquiry-table tr:hover{background:#f8fbff}
