*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}img{max-width:100%;display:block}
:root{--bg:#0c1118;--surface:#101826;--muted:#9aa8b7;--text:#e9eef5;--text-2:#c9d3df;--line:#182335;--primary:#2e7bf6;--primary-600:#1f67db;--accent:#0dd2a5;--radius:14px;--container:1120px}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
.container{max-width:var(--container);padding:0 20px;margin:0 auto}
.site-header{position:sticky;top:0;z-index:60;background:rgba(12,17,24,.7);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.brand{display:inline-flex;align-items:center;font-weight:800;font-size:1.2rem;letter-spacing:.2px;color:var(--text);text-decoration:none}
.brand .logo{width:32px;height:32px;border-radius:0;margin-right:10px;display:inline-block;flex-shrink:0;object-fit:contain}
.brand:hover{opacity:.9}
.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:14px;align-items:center}
.nav-links a{color:var(--text);text-decoration:none;padding:10px 14px;border-radius:10px;border:1px solid transparent}
.nav-links a:hover{background:#121b29;border-color:#1a2638}
.nav-links .active{border-color:#243752}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:0;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;background:#d7deea;border-radius:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,var(--primary),var(--primary-600));color:#fff;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:600;border:0;box-shadow:0 10px 18px rgba(46,123,246,.2)}
.btn:hover{filter:brightness(1.03)}
.btn-ghost{background:transparent;border:1px solid #203149;color:#d7deea}
.btn-sm{padding:10px 14px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:48px 0}
.hero h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.1;margin:0 0 14px;color:#f4f7fb}
.hero p{color:var(--text-2);max-width:640px;margin:0 0 18px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.hero-art{position:relative;min-height:360px;border-radius:var(--radius);background:radial-gradient(1200px 800px at 70% 30%,rgba(46,123,246,.35),transparent 60%),linear-gradient(180deg,#0f1623,#0c1118);overflow:hidden;border:1px solid var(--line)}
.glow{position:absolute;width:480px;height:480px;background:radial-gradient(closest-side,rgba(13,210,165,.5),transparent);filter:blur(20px);top:20%;left:10%}
.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.9}
.orb-1{width:140px;height:140px;background:#2e7bf6;top:20%;left:65%}
.orb-2{width:90px;height:90px;background:#0dd2a5;top:58%;left:30%}
.orb-3{width:70px;height:70px;background:#ffbc5b;top:72%;left:78%}
.trust{margin-top:26px}
.trust span{display:block;color:#7f8b99;font-size:.9rem;margin-bottom:10px}
.logo-row{display:flex;gap:10px;flex-wrap:wrap}
.logo-badge{padding:10px 12px;border-radius:10px;background:#0f1725;border:1px solid #1a2536;color:#a9b5c4;font-size:.85rem}
.section{padding:36px 0}
.section-header{text-align:center;margin-bottom:18px}
.section-header h2{margin:0 0 10px;font-size:1.7rem;color:#eaf0f8}
.section-header p{margin:0;color:#9aa4b2}
.grid{display:grid;gap:14px}
.cards{grid-template-columns:repeat(3,1fr)}
.card{display:block;padding:18px;border-radius:14px;background:linear-gradient(180deg,#101826,#0c1118);border:1px solid #1a2536;text-decoration:none;color:#d7deea;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.card:hover{transform:translateY(-2px);border-color:#24334a;box-shadow:0 14px 28px rgba(14,17,22,.25)}
.card .icon{font-size:1.3rem;line-height:1;margin-bottom:8px}
.card h3{margin:0 0 6px;font-size:1.1rem;color:#fff}
.card p{margin:0;color:#9aa4b2}
.cases{grid-template-columns:repeat(3,1fr)}
.case{padding:18px;border-radius:14px;background:#101826;border:1px solid #1a2536}
.case-stat{font-size:1.8rem;font-weight:800;background:linear-gradient(180deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:4px}
.page-header{padding:38px 0;background:linear-gradient(180deg,#132038,#0c1118);border-bottom:1px solid #142033}
.page-header h1{margin:0 0 8px;color:#f3f7fc}
.page-header p{margin:0;color:#9aa4b2}
.content{padding:28px 0}
.prose{display:grid;gap:12px;max-width:820px}
.prose h2{margin:16px 0 4px;color:#eaf0f8}
.prose p{margin:0;color:#c2ccd8}
.service-list{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
.service-item{padding:16px;border-radius:14px;background:#101826;border:1px solid #1a2536}
.service-item h3{margin:0 0 6px;color:#fff}
.blog-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
.post-card{display:grid;gap:8px;padding:16px;border-radius:14px;background:#101826;border:1px solid #1a2536;text-decoration:none;color:#d7deea}
.post-card h3{margin:0;color:#fff}
.post-card p{margin:0;color:#9aa4b2}
.form{display:grid;gap:10px;max-width:640px}
.form .row{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.input{width:100%;padding:12px 14px;border-radius:12px;background:#101826;border:1px solid #1a2536;color:#e6ebf2}
.input:focus{outline:none;border-color:#294061;box-shadow:0 0 0 3px rgba(46,123,246,.15)}
.textarea{min-height:120px;resize:vertical}
.notice{padding:12px;border-radius:12px;background:#101826;border:1px solid #1a2536;color:#9aa4b2}
.cta{padding:10px 0 48px}
.cta-card{padding:24px;border-radius:16px;background:linear-gradient(180deg,#152033,#0c121a);border:1px solid #1a2432;text-align:center}
.cta-card h2{margin:0 0 10px;color:#f4f7fb}
.site-footer{border-top:1px solid var(--line);background:#0b0f14}
.footer-grid{display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr;padding:28px 0}
.footer-grid h4{margin:0 0 10px;color:#dfe6ef}
.footer-grid p,.footer-grid a,.legal p{color:#98a5b5;text-decoration:none}
.footer-grid address{color:#98a5b5;font-style:normal;line-height:1.5}
.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.legal{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #152130;padding:16px 0;color:#7e8b99}
@media (max-width:960px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.cases{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.nav-toggle{display:flex}.nav-links{position:absolute;top:72px;right:20px;left:20px;flex-direction:column;background:#101826;border:1px solid #1a2536;border-radius:14px;padding:12px;display:none}.nav-links.show{display:flex}.cards{grid-template-columns:1fr}.cases{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.form .row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero{padding:28px 0}}