:root{--color-bg:#fff;--color-bg-alt:#f6f7fb;--color-text:#1a1c23;--color-text-muted:#5b5f6b;--color-primary:#4f46e5;--color-primary-dark:#4338ca;--color-border:#e5e7eb;--max-width:1080px;--radius:14px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.6}#app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}a{color:inherit}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background:#ffffffd9;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.logo span{color:var(--color-primary)}.nav-cta{background:var(--color-primary);color:#fff;border-radius:999px;align-items:center;padding:8px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.nav-cta:hover{background:var(--color-primary-dark)}.hero{text-align:center;background:radial-gradient(ellipse at top, #eef1ff 0%, var(--color-bg) 60%);padding:96px 0 80px}.hero h1{letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800}.hero h1 .highlight{color:var(--color-primary)}.hero p{max-width:560px;color:var(--color-text-muted);margin:0 auto 36px;font-size:1.1rem}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 32px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 10px 30px -10px #4f46e599}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.features{background:var(--color-bg-alt);padding:80px 0}.section-title{text-align:center;margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.section-subtitle{text-align:center;color:var(--color-text-muted);margin:0 0 48px;font-size:1.05rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;padding:32px 28px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px #11182726}.feature-icon{background:#eef1ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:1.5rem;display:flex}.feature-card h3{margin:0 0 10px;font-size:1.15rem;font-weight:700}.feature-card p{color:var(--color-text-muted);margin:0;font-size:.96rem}.contact{padding:80px 0}.contact-form{flex-direction:column;gap:18px;max-width:560px;margin:0 auto;display:flex}.form-row{flex-direction:column;gap:6px;display:flex}.form-row label{color:var(--color-text);font-size:.9rem;font-weight:600}.form-row input,.form-row textarea{border:1px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:1rem}.form-row input:focus,.form-row textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.form-row textarea{resize:vertical;min-height:100px}.form-note{color:var(--color-text-muted);text-align:center;font-size:.82rem}.form-success{text-align:center;color:#067647;background:#ecfdf3;border-radius:10px;padding:14px;font-size:.95rem;font-weight:600;display:none}.form-success.visible{display:block}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-alt);margin-top:auto;padding:32px 0}.site-footer .container{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:8px;font-size:.85rem;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--color-text-muted);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}@media (width<=768px){.feature-grid{grid-template-columns:1fr}.hero{padding:64px 0 56px}.features,.contact{padding:56px 0}.nav-cta{padding:7px 14px;font-size:.82rem}}