*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--white:#fff;--gray:#6b7280;--light:#f5f5f5;--accent:#2563eb;--accent-dim:#2563eb1f;--accent-border:#2563eb40;--border:#e5e7eb;--card-bg:#0d0d0d;--card-preview:#0a0a0a;--ease:cubic-bezier(.25, .46, .45, .94);--ease-out:cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:50;transition:box-shadow .3s var(--ease);background:#ffffffeb;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:sticky;top:0}nav.scrolled{box-shadow:0 1px 24px #0000000f}.logo{letter-spacing:-.5px;font-size:18px;font-weight:700}.logo span{color:var(--accent)}.nav-btn{cursor:pointer;color:var(--black);border:1px solid var(--black);transition:background .25s var(--ease), color .25s var(--ease), transform .2s var(--ease);background:0 0;border-radius:6px;min-height:44px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600}.nav-btn:hover{background:var(--black);color:var(--white);transform:translateY(-1px)}.hero{text-align:center;max-width:860px;margin:0 auto;padding:90px 48px 80px}.hero-tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);opacity:0;animation:fadeUp .6s var(--ease-out) .1s forwards;margin-bottom:24px;font-size:12px;font-weight:600;display:inline-block;transform:translateY(12px)}.hero h1{letter-spacing:-2px;opacity:0;animation:fadeUp .7s var(--ease-out) .2s forwards;margin-bottom:24px;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.08;transform:translateY(16px)}.hero p{color:var(--gray);opacity:0;max-width:540px;animation:fadeUp .7s var(--ease-out) .35s forwards;margin:0 auto 40px;font-size:18px;transform:translateY(16px)}.hero-cta{background:var(--black);color:var(--white);transition:opacity .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);cursor:pointer;opacity:0;min-height:52px;animation:fadeUp .7s var(--ease-out) .5s forwards;border:none;border-radius:8px;align-items:center;gap:8px;padding:15px 30px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex;transform:translateY(16px)}.hero-cta:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.metrics{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;display:flex}.metric{text-align:center;border-right:1px solid var(--border);min-width:140px;max-width:240px;transition:background .3s var(--ease);flex:1;padding:32px 24px}.metric:hover{background:#fafafa}.metric:last-child{border-right:none}.metric-value{letter-spacing:-1.5px;font-size:30px;font-weight:800}.metric-label{color:var(--gray);margin-top:4px;font-size:12px}section{padding:80px 48px}.section-inner{max-width:960px;margin:0 auto}.section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:12px;font-weight:600}.section-title{letter-spacing:-1.5px;margin-bottom:14px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.1}.section-sub{color:var(--gray);max-width:520px;margin-bottom:48px;font-size:16px;line-height:1.7}.reveal{opacity:0;transition:opacity .65s var(--ease-out), transform .65s var(--ease-out);transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.services-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.service-card{background:var(--card-bg);transition:border-color .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);border:1px solid #1a1a1a;border-radius:16px;overflow:hidden}.service-card:hover{border-color:var(--accent-border);transform:translateY(-4px);box-shadow:0 16px 48px #0000004d,0 0 0 1px #2563eb1a}.card-visual{background:var(--card-preview);justify-content:center;align-items:center;height:180px;display:flex;overflow:hidden}.card-body{padding:22px}.card-body h3{letter-spacing:-.3px;color:#f0f0f0;margin-bottom:8px;font-size:17px;font-weight:700}.card-body p{color:#888;margin-bottom:14px;font-size:13px;line-height:1.65}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);white-space:nowrap;transition:background .2s var(--ease), color .2s var(--ease);border-radius:100px;padding:4px 10px;font-size:11px;font-weight:500}.service-card:hover .tag{background:#2563eb2e}.process{background:var(--black)}.process .section-label{color:#60a5fa}.process .section-title{color:var(--white)}.process .section-sub{color:#9ca3af}.process-steps{background:#1f2937;border:1px solid #1f2937;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}.step{transition:background .3s var(--ease);background:#111827;padding:32px}.step:hover{background:#131e2e}.step-num{color:var(--accent);letter-spacing:-2px;opacity:.5;transition:opacity .3s var(--ease);margin-bottom:14px;font-size:36px;font-weight:800}.step:hover .step-num{opacity:.8}.step h3{color:var(--white);margin-bottom:8px;font-size:19px;font-weight:700}.step p{color:#9ca3af;font-size:14px;line-height:1.65}.why{background:var(--light)}.why-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.why-item{transition:background .3s var(--ease), transform .3s var(--ease);border-radius:12px;padding:24px}.why-item:hover{background:#ececec;transform:translateY(-2px)}.why-item h3{margin-bottom:8px;font-size:15px;font-weight:700}.why-item p{color:var(--gray);font-size:14px;line-height:1.65}.cta-section{text-align:center;border-top:1px solid var(--border)}.cta-section .section-title{max-width:600px;margin:0 auto 14px}.cta-section .section-sub{margin:0 auto 36px}.cta-btn{background:var(--black);color:var(--white);transition:opacity .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;min-height:52px;padding:15px 30px;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex}.cta-btn:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}footer{border-top:1px solid var(--border);color:var(--gray);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:28px 48px;font-size:13px;display:flex}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (width<=768px){nav{padding:16px 20px}.hero{padding:60px 20px 56px}.hero h1{letter-spacing:-1.5px}.hero p{font-size:16px}section{padding:56px 20px}.metrics{flex-wrap:wrap}.metric{border-right:none;border-bottom:1px solid var(--border);flex:50%;max-width:50%}.metric:nth-child(odd){border-right:1px solid var(--border)}.metric:nth-last-child(-n+2){border-bottom:none}.services-grid{grid-template-columns:1fr}.card-visual{height:160px}.card-visual svg{transform-origin:50%;transform:scale(.85)}.process-steps{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr;gap:8px}footer{text-align:center;flex-direction:column;padding:24px 20px}}@media (width<=480px){.hero h1{letter-spacing:-1px;font-size:32px}.metric{border-right:none;flex:100%;max-width:100%}.metric:nth-child(odd){border-right:none}.metric:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.metric:last-child{border-bottom:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-tag,.hero h1,.hero p,.hero-cta{opacity:1;animation:none;transform:none}}