:root{--bg-primary:#F0F8FF;--bg-secondary:#FFFFFF;--accent-primary:#4A90E2;--accent-dark:#1E3A5F;--accent-light:#E8F4FF;--text-primary:#1E3A5F;--text-secondary:#5A7A9B;--text-muted:#8BA3BC;--surface-elevated:#FFFFFF;--surface-base:#F8FBFF;--border-subtle:rgba(74,144,226,.12);--border-medium:rgba(74,144,226,.2);--shadow-sm: 0 2px 8px rgba(30,58,95,.04);--shadow-md: 0 4px 16px rgba(30,58,95,.08);--shadow-lg: 0 8px 32px rgba(30,58,95,.12);--shadow-xl: 0 16px 48px rgba(30,58,95,.16);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}#app{min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.gradient-orb{position:fixed;inset:-20% auto auto -10%;width:1200px;height:1200px;border-radius:50%;pointer-events:none;mix-blend-mode:soft-light;opacity:.08;background:radial-gradient(circle,var(--accent-primary) 0%,var(--accent-light) 50%,transparent 100%);filter:blur(100px);animation:orbMove 20s ease-in-out infinite}@keyframes orbMove{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.05)}to{transform:translate(0) scale(1)}}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:1100px;max-width:100%;background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:32px;display:grid;grid-template-columns:1fr 420px;gap:32px;border:1px solid var(--border-subtle)}h1{font-family:Space Grotesk,Inter;font-size:48px;line-height:1.15;margin-bottom:12px;letter-spacing:-.03em;word-wrap:break-word;color:var(--text-primary);font-weight:700}p.lead{color:var(--text-secondary);margin-bottom:24px;font-size:17px;word-wrap:break-word;line-height:1.65}.cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.2,.9,.2,1);white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--accent-dark)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:after{content:"";position:absolute;left:-40%;top:0;bottom:0;width:40%;transform:skew(-20deg);background:linear-gradient(120deg,#fff6,#ffffff1a);opacity:.3;transition:all .8s}.btn:hover:after{left:120%}.muted{color:var(--text-muted);font-size:14px}.panel{background:var(--surface-base);padding:24px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.feature{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border-subtle);transition:all .3s cubic-bezier(.2,.9,.2,1);box-shadow:var(--shadow-sm)}.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.icon{width:52px;height:52px;aspect-ratio:1/1;border-radius:var(--radius-sm);display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-light),var(--accent-primary));color:var(--accent-dark);font-weight:700;flex-shrink:0;box-shadow:var(--shadow-sm)}.small{font-size:14px;color:var(--text-secondary);line-height:1.5}.mock{height:220px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-light),var(--surface-elevated));display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #4a90e214}.device{width:84%;height:78%;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-dark),var(--accent-primary));display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(0);animation:floaty 6s ease-in-out infinite;box-shadow:var(--shadow-lg)}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.grid-card{padding:14px;border-radius:var(--radius-sm);background:var(--surface-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.2,1)}.reveal.show{opacity:1;transform:translateY(0)}@media(max-width:980px){.card{grid-template-columns:1fr;padding:24px;gap:24px}.mock{height:180px}h1{font-size:36px}.panel{padding:20px}}@media(max-width:640px){body{overflow-y:auto}.wrap{min-height:auto;align-items:flex-start;padding:16px;padding-top:max(16px,env(safe-area-inset-top,16px));padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}.card{padding:20px;max-width:100%;border-radius:var(--radius-md)}h1{font-size:32px;line-height:1.2;margin-bottom:10px}p.lead{font-size:16px;margin-bottom:20px}.cta-row{flex-direction:column;align-items:stretch;gap:10px}.btn{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.panel{padding:18px}.feature{padding:14px;gap:12px}.icon{width:48px;height:48px}.mock{height:160px}.grid-card{padding:12px}.small{font-size:13px}}