*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#06101d;--bg-dark-2:#0b1728;--bg-dark-3:#10243a;--bg-light:#f8fbff;--surface:#ffffff0f;--surface-strong:#fff;--text-main:#0f172a;--text-soft:#5b6b80;--text-light:#d9e9ff;--text-muted:#9fb4d1;--border-soft:#0f172a14;--border-light:#ffffff1f;--accent:#3cc7ff;--accent-2:#7dd3fc;--accent-dark:#0284c7;--white:#fff;--shadow-soft:0 10px 30px #02081714;--shadow-medium:0 20px 60px #02081729;--shadow-dark:0 24px 70px #00000047;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--max-width:1200px}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%}body{background:var(--white);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.section-container{width:100%;max-width:var(--max-width);margin:0 auto}.section-eyebrow{letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:800}.section-eyebrow.light{color:var(--accent-2)}.section-eyebrow.dark{color:var(--accent-dark)}.section-title{letter-spacing:-1.2px;margin-bottom:18px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}.section-text{color:var(--text-soft);font-size:1.05rem;line-height:1.85}.primary-btn,.secondary-btn{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:700;transition:all .25s;display:inline-flex}.primary-btn{color:#062033;background:linear-gradient(135deg,#54d3ff 0%,#2cb8f7 100%);border:none;box-shadow:0 12px 30px #3cc7ff47}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #3cc7ff57}.secondary-btn{color:var(--white);background:#ffffff0a;border:1px solid #fff3}.secondary-btn:hover{background:#ffffff14;transform:translateY(-2px)}.dark-section{background:linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-dark-2) 55%, var(--bg-dark-3) 100%);color:var(--white)}.light-section{background:var(--white);color:var(--text-main)}.soft-section{background:var(--bg-light)}.card{border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)}.card-soft{border-radius:var(--radius-lg);background:#f8fbff;border:1px solid #e7eef7}.card-dark{border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-dark);background:#ffffff0d}.navbar-desktop{align-items:center;gap:24px;display:flex}.mobile-menu-btn{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;width:46px;height:46px;display:none}.mobile-menu-panel{display:none}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:42px;display:grid}.services-grid,.tech-grid,.why-grid,.why-points-grid,.contact-grid{gap:24px;display:grid}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.why-points-grid{grid-template-columns:1fr;gap:18px}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:32px}.hero-title{letter-spacing:-2px;margin-bottom:24px;font-size:clamp(3rem,6vw,6rem);font-weight:800;line-height:.98}.hero-text{color:var(--text-light);max-width:670px;margin-bottom:34px;font-size:clamp(1rem,2vw,1.16rem);line-height:1.9}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-panel{padding:30px}.hero-panel-item{border-bottom:1px solid #ffffff14;padding:18px 0}.hero-panel-item:last-child{border-bottom:none}.hero-panel-title{color:var(--white);margin-bottom:8px;font-size:1.05rem}.hero-panel-text{color:var(--text-light);font-size:.97rem;line-height:1.7}.service-card,.why-card,.tech-badge,.contact-card,.contact-form{transition:transform .22s,box-shadow .22s,border-color .22s}.service-card:hover,.why-card:hover,.tech-badge:hover,.contact-card:hover,.contact-form:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.service-card{padding:30px}.service-icon{color:#0369a1;background:linear-gradient(135deg,#e0f4ff 0%,#c4ebff 100%);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:22px;display:inline-flex}.service-card h3,.why-card h3{margin-bottom:14px;font-size:1.18rem}.service-card p,.why-card p{color:var(--text-soft);line-height:1.8}.tech-badge{text-align:center;background:var(--white);box-shadow:var(--shadow-soft);border:1px solid #e2e8f0;border-radius:18px;padding:20px;font-weight:700}.stack-mini{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.stack-mini span{color:var(--text-light);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:600}.cta-box{text-align:center;max-width:880px}.contact-card,.contact-form{border-radius:24px;padding:30px}.contact-label{color:var(--text-main);margin-bottom:8px;font-weight:700;display:block}.contact-input,.contact-textarea{background:#fff;border:1px solid #dbe7f3;border-radius:14px;outline:none;width:100%;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.contact-input:focus,.contact-textarea:focus{border-color:#7dd3fc;box-shadow:0 0 0 4px #7dd3fc2e}.contact-textarea{resize:vertical;min-height:140px}.contact-form-grid{gap:18px;display:grid}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.fade-in-up{animation:.7s both fadeInUp}.fade-in-up.delay-1{animation-delay:.1s}.fade-in-up.delay-2{animation-delay:.2s}.fade-in-up.delay-3{animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.hero-grid,.why-grid,.services-grid,.contact-grid{grid-template-columns:1fr}.navbar-desktop{display:none}.mobile-menu-btn{justify-content:center;align-items:center;display:inline-flex}.mobile-menu-panel{padding:0 24px 18px;display:block}.mobile-menu-panel-inner{max-width:var(--max-width);background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;gap:14px;margin:0 auto;padding:18px;display:grid}.mobile-menu-link{color:#e5eef9;padding:6px 0;font-weight:600}.hero-title{letter-spacing:-1.5px}}@media (width<=640px){.section-title{margin-bottom:16px}.hero-actions{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn{width:100%}.contact-card,.contact-form,.service-card,.hero-panel{padding:24px}}