body{background:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif;margin:0;padding:0}
.home-section{width:100%;padding:80px 40px;box-sizing:border-box;opacity:0;transform:translateY(12px);transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1)}
.home-section.visible{opacity:1;transform:translateY(0)}
.center{max-width:1280px;margin:0 auto}
.hero-section{background:linear-gradient(135deg,#6a00ff 0%,#3b00a6 100%);color:#fff;text-align:center;padding:150px 40px;border-bottom:1px solid rgba(255,255,255,.1)}
.hero-title{font-size:52px;font-weight:900;line-height:1.2;margin-bottom:16px}
.hero-subtitle{max-width:700px;margin:0 auto 32px;font-size:18px;line-height:1.7;color:rgba(255,255,255,.87)}
.hero-actions{display:flex;justify-content:center;gap:16px}
.btn{padding:12px 26px;font-size:15px;font-weight:600;text-decoration:none;border-radius:12px;cursor:pointer;transition:.25s ease}
.btn-primary{background:#fff;color:#6a00ff;box-shadow:0 4px 16px rgba(255,255,255,.3)}
.btn-primary:hover{background:#f1f1ff}
.btn-secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}
.btn-secondary:hover{background:rgba(255,255,255,.22)}
.section-title{font-size:36px;font-weight:800;color:#1e1e2f;text-align:center;margin-bottom:18px}
.section-subtitle{text-align:center;max-width:780px;margin:0 auto 70px;font-size:17px;color:#6b6b7a;line-height:1.7}
.tricore-section{background:#fff;padding:120px 0}
.tricore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}
.card{padding:34px;border-radius:20px;border:1px solid #eee;box-shadow:0 8px 20px rgba(0,0,0,.04);background:#fff;transition:.3s ease}
.card:hover{transform:translateY(-8px)}
.card-title{font-size:22px;font-weight:700;margin-bottom:10px}
.card-text{font-size:14px;color:#6b6b7a;line-height:1.65}
.card-ai .card-title{color:#6a00ff}
.card-psy .card-title{color:#ff006a}
.card-hive .card-title{color:#00b26a}
.how-section{background:#f9f9fb;padding:120px 0}
.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}
.process-card{background:#fff;padding:34px;border-radius:20px;border:1px solid #eee;transition:.3s ease}
.process-card:hover{transform:translateY(-8px)}
.process-number{font-size:28px;font-weight:800;margin-bottom:12px}
.process-ai{color:#6a00ff}
.process-psy{color:#ff006a}
.process-hive{color:#00b26a}
.process-text{color:#6b6b7a;font-size:14px;line-height:1.7}
.modules-section{background:#fff;padding:120px 0}
.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}
.module-card{padding:32px;border-radius:18px;border:1px solid #eee;box-shadow:0 6px 18px rgba(0,0,0,.04);transition:.3s ease;background:#fff}
.module-card:hover{transform:translateY(-10px)}
.module-title{font-size:28px;font-weight:800;margin-bottom:8px}
.module-text{font-size:14px;color:#6b6b7a;line-height:1.6}
.module-ai .module-title{color:#6a00ff}
.module-psy .module-title{color:#ff006a}
.module-hive .module-title{color:#00b26a}
.module-nexus .module-title{color:#4d44ff}
.status-section{background:#fff;padding:120px 0}
.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.status-card{padding:28px;border-radius:18px;background:#fff;border:1px solid #eee;box-shadow:0 8px 18px rgba(0,0,0,.04)}
.status-title{font-size:16px;font-weight:700;margin-bottom:8px}
.status-api .status-title{color:#6a00ff}
.status-projects .status-title{color:#00b26a}
.status-ai .status-title{color:#ff006a}
.status-version .status-title{color:#0084ff}
.footer-section{padding:40px;text-align:center;font-size:14px;color:#6b6b7a}
