*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Arial,sans-serif;background:#f8fafc;color:#0f172a;line-height:1.6}h1,h2,h3{margin-top:0;line-height:1.15}h1{font-size:56px;letter-spacing:-.02em}h2{font-size:34px;margin-bottom:32px}h3{font-size:20px;margin-bottom:8px}p{color:#475569;margin-bottom:16px}.container{max-width:1100px;margin:0 auto;padding:96px 24px}.header{position:sticky;top:0;z-index:100;background:#f8fafcd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}.header-inner{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:22px;letter-spacing:.3px}.logo span{color:#2563eb}.btn{background:#2563eb;color:#fff;padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:600;transition:all .2s ease}.btn:hover{background:#1d4ed8}.hero{background:radial-gradient(900px 500px at 15% 10%,rgba(37,99,235,.15),transparent 60%),radial-gradient(700px 400px at 85% 0%,rgba(56,189,248,.18),transparent 60%),linear-gradient(180deg,#fff,#f8fafc)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}.hero-content h1 span{color:#2563eb}.hero p{font-size:18px;max-width:640px}.hero-mockup{background:linear-gradient(180deg,#fff,#f1f5f9);border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 30px 60px #0f172a1f,inset 0 0 0 1px #fff9;height:360px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px}.hero-mockup img{width:100%}.section{background:#fff;border-top:1px solid #e2e8f0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-bottom:120px}.feature h3{color:#0f172a}.feature li{color:#475569;margin-bottom:8px}.mock{background:linear-gradient(180deg,#fff,#f1f5f9);border-radius:20px;border:1px solid #e2e8f0;height:320px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px;box-shadow:0 20px 40px #0f172a14}.mock img{width:100%}.footer{text-align:center;color:#64748b;font-size:14px;padding:48px 0;border-top:1px solid #e2e8f0;background:#f8fafc}@media(max-width:960px){h1{font-size:42px}.hero-grid,.feature{grid-template-columns:1fr}.hero-mockup,.mock{height:260px}.container{padding:72px 20px}}