@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap";:root{--background: #f6f8fb;--surface: #ffffff;--surface-soft: #f9fbff;--border: #e3e8f0;--muted: #657086;--text: #1f2a3d;--primary: #4f6bff;--primary-strong: #4258d7;--accent: #eef2ff;--shadow-soft: 0 16px 32px rgba(31, 42, 61, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.landing-page{min-height:100vh}.container{width:min(1240px,100% - 48px);margin:0 auto}.navbar{position:fixed;inset:0 0 auto;z-index:40;border-bottom:1px solid var(--border);background:#ffffffd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-logo{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--primary),#22a7f2)}.brand-text{font-size:18px;font-weight:700;letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{border-radius:10px;padding:9px 12px;font-size:14px;font-weight:600;color:var(--muted);transition:color .16s ease,background-color .16s ease}.nav-links a:hover{color:var(--text);background:var(--accent)}.nav-actions{display:flex;align-items:center;gap:10px}.lang-switch{position:relative;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px;border-radius:999px;border:1px solid #d8dfeb;background:#f2f5fb}.lang-switch button{border:0;min-width:44px;height:30px;border-radius:999px;font-size:12px;font-weight:700;color:#5d677c;background:transparent;cursor:pointer;transition:all .16s ease}.lang-switch button.active{color:#fff;box-shadow:0 6px 12px #4258d74d;background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid transparent;padding:11px 16px;font-size:14px;font-weight:700;transition:all .16s ease}.btn-icon-svg{width:18px;height:18px;flex-shrink:0}.btn:hover{transform:translateY(-1px)}.btn-sm{height:34px;padding:0 12px;font-size:12px}.btn-primary{color:#fff;box-shadow:0 10px 20px #4258d73d;background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.btn-ghost{border-color:#d7deea;background:#fff;color:#465068}.btn-outline{border-color:#cad4eb;color:#3c4f89;background:#f8faff}.btn-light{border-color:#d6dff2;color:#3c4f89;background:#f2f6ff}.btn-white{color:#334987;border-color:#fff;background:#fff}.btn-outline-white{color:#fff;border-color:#fff6;background:#ffffff24}.section{padding:84px 0}.hero-section{padding-top:124px;padding-bottom:86px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-content h1{margin:0;font-size:clamp(42px,6vw,64px);line-height:1.06;letter-spacing:-.03em}.hero-content h1 span{display:block;margin-top:6px;color:var(--primary)}.hero-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 12px;border-radius:999px;border:1px solid #d8def7;color:#459;font-size:12px;font-weight:600;background:#f4f7ff}.pulse{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse 1.8s infinite}.hero-subtitle{margin:18px 0 0;max-width:640px;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-stats{display:flex;flex-wrap:wrap;gap:26px;margin-top:34px;padding-top:28px;border-top:1px solid var(--border)}.hero-stats strong{display:block;font-size:34px;letter-spacing:-.02em}.hero-stats span{color:var(--muted);font-size:13px;font-weight:600}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:24px;filter:blur(44px);background:radial-gradient(circle at 40% 40%,#4f6bff2e,#4f6bff00)}.flow-card{position:relative;border-radius:24px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-soft);padding:28px}.flow-card h3{margin:0;font-size:24px;letter-spacing:-.02em}.flow-card ol{margin:16px 0 0;padding-left:18px;display:grid;gap:12px}.flow-card li{color:#4c5872;line-height:1.5}.white-section{background:var(--surface)}.soft-section{background:var(--surface-soft);border-block:1px solid var(--border)}.section-header{text-align:center;max-width:760px;margin:0 auto 42px}.section-header h2{margin:0;font-size:clamp(34px,4.5vw,46px);letter-spacing:-.03em}.section-header p{margin:12px 0 0;color:var(--muted);font-size:18px;line-height:1.6}.section-pill{display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;padding:8px 14px;border-radius:999px;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.02em;background:#4f6bff1a}.service-group+.service-group{margin-top:38px}.service-group h3{margin:0 0 14px;font-size:20px;letter-spacing:-.01em}.card-grid{display:grid;gap:14px}.card-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.info-card{border-radius:16px;border:1px solid var(--border);background:#fff;padding:18px;transition:transform .2s ease,border-color .2s ease}.info-card:hover{transform:translateY(-2px);border-color:#c7d3f2}.service-icon-wrap{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #dbe3f2;background:#f3f7ff}.service-icon{width:20px;height:20px;color:#4567cf}.info-card h4{margin:14px 0 8px;font-size:16px;font-weight:700}.info-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.projects-section{background:var(--surface)}.projects-wrap{max-width:1152px}.projects-header{max-width:576px;margin-bottom:64px}.projects-header .section-pill{font-weight:500}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{display:block;height:100%;border-radius:16px;border:1px solid var(--border);background:#fff;padding:24px;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.project-card:hover{transform:translateY(-2px);border-color:#4f6bff38;box-shadow:0 18px 42px #1f2a3d1f}.project-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.project-icon-wrap{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#4f6bff1a;transition:background-color .2s ease}.project-card:hover .project-icon-wrap{background:#4f6bff29}.project-icon{width:20px;height:20px;color:var(--primary)}.project-link-icon{width:16px;height:16px;color:#7b879d;transition:color .2s ease}.project-card:hover .project-link-icon{color:var(--primary)}.project-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid transparent;color:#4b5563;font-size:12px;font-weight:600;background:#eef2ff}.project-status-icon{width:12px;height:12px}.project-card h3{margin:0 0 6px;font-size:14px;font-weight:600;font-family:ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.project-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.timeline-card{border-radius:16px;border:1px solid #d8e0ef;background:#fff;padding:20px}.timeline-card h4{margin:0;font-size:18px}.timeline-card p{margin:10px 0 0;color:var(--muted);line-height:1.58}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{border-radius:18px;border:1px solid var(--border);background:#fff;padding:20px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.tool-card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--tool-color),#cfd9ec 60%);box-shadow:var(--shadow-soft)}.tool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tool-icon-wrap{width:48px;height:48px;border-radius:12px;border:1px solid color-mix(in oklab,var(--tool-color),#dce4f1 68%);display:inline-flex;align-items:center;justify-content:center;background:#fff}.tool-logo{width:24px;height:24px}.tool-external{color:#7b879d;font-size:18px}.tool-card h4{margin:0;font-size:20px;letter-spacing:-.02em}.tool-card p{margin:6px 0 0;color:var(--muted);line-height:1.5}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-card{border-radius:16px;border:1px solid var(--border);background:#fff;padding:20px}.detail-card h4{margin:0;font-size:20px}.detail-card p{margin:8px 0 0;color:var(--muted);line-height:1.58}.cta-panel{margin-top:34px;border-radius:24px;padding:26px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#fff;background:linear-gradient(90deg,#3653e2,#3653e2cc)}.cta-panel h3{margin:0;font-size:30px;letter-spacing:-.02em}.cta-panel p{margin:8px 0 0;color:#ffffffdb}.cta-panel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;justify-items:stretch}.cta-panel-actions .btn{width:100%}.footer{padding:24px 0 18px;border-top:1px solid var(--border);background:#fff}.footer-inner{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.footer-brand p{margin:8px 0 0;color:var(--muted);font-size:14px}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-links a{border-radius:10px;border:1px solid #d4dce9;padding:8px 12px;font-size:14px;color:#4c5872;background:#f8fbff}.footer-links a:hover{border-color:#c5d2ec}.footer-copy{margin:14px 0 0;text-align:center;color:#7b879d;font-size:13px}.fade-in{animation:fadeInUp .42s ease both}.fade-in-delay{animation:fadeInUp .42s ease .08s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.2)}}@media(max-width:1180px){.container{width:min(1240px,100% - 32px)}.nav-links{display:none}.hero-grid{gap:28px;grid-template-columns:1fr}.card-grid-4,.projects-grid,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.nav-inner{min-height:66px;gap:10px}.brand-text{font-size:16px}.btn-sm{padding:0 10px}.hero-section{padding-top:104px;padding-bottom:64px}.hero-content h1{font-size:clamp(34px,9vw,48px)}.hero-subtitle{font-size:16px}.hero-stats{gap:16px}.section{padding:68px 0}.section-header{margin-bottom:30px}.section-header h2{font-size:clamp(28px,8vw,36px)}.section-header p{font-size:16px}.card-grid-4,.projects-grid,.timeline-grid,.tools-grid,.details-grid{grid-template-columns:1fr}.cta-panel{align-items:flex-start;flex-direction:column}.cta-panel-actions{width:100%}.footer{padding-top:16px}}