:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--accent: #8b5cf6;--background: #f8fafc;--surface: rgba(255, 255, 255, .8);--text-main: #0f172a;--text-muted: #64748b;--border: rgba(226, 232, 240, .8);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-lg: 1rem;--radius-xl: 1.5rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Noto Sans SC,system-ui,-apple-system,sans-serif;background-color:var(--background);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);background:radial-gradient(circle at top left,#f0f9ff,#e0f2fe,#fdf4ff 60%,#fff);color:var(--text-main);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none;transition:color .2s}.app-root{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.page-container{max-width:1200px;margin:0 auto;padding:24px 20px 80px;width:100%}@media(min-width:768px){.page-container{padding:40px 32px 100px}}.glass-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,inset 0 0 0 1px #ffffff80}.section-title{font-size:1.875rem;font-weight:800;letter-spacing:-.025em;color:var(--text-main);margin-bottom:1rem;line-height:1.2}.section-subtitle{font-size:1.125rem;color:var(--text-muted);line-height:1.6;max-width:600px}@media(max-width:768px){.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:9999px;border:none;cursor:pointer;font-weight:600;font-size:1rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 10px 25px -5px #6366f166;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 35px -5px #6366f180}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-primary-secondary{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text-main)}.btn-primary-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.badge-pill{display:inline-flex;align-items:center;padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;background:#6366f11a;color:var(--primary-dark);border:1px solid rgba(99,102,241,.1)}.feature-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:20px;margin-top:32px}@media(min-width:640px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature-card{border-radius:var(--radius-lg);padding:24px;background:#fff9;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-sm);transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature-card:hover{background:#ffffffe6;transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#fff}.feature-icon-circle{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;transition:transform .3s}.feature-card:hover .feature-icon-circle{transform:scale(1.1) rotate(5deg)}.story-layout{display:flex;flex-direction:column;gap:40px}@media(min-width:1024px){.story-layout{flex-direction:row;align-items:flex-start;gap:64px}}.story-timeline{flex:1;display:flex;flex-direction:column;gap:24px;position:relative}.story-timeline:before{content:"";position:absolute;left:24px;top:24px;bottom:24px;width:2px;background:linear-gradient(to bottom,var(--primary),transparent);opacity:.2}.story-step{border-radius:var(--radius-lg);padding:24px 24px 24px 64px;position:relative;background:#ffffff80;border:1px solid rgba(255,255,255,.6);transition:all .3s}.story-step:hover{background:#ffffffe6;box-shadow:var(--shadow-lg)}.story-step:before{content:"";position:absolute;left:19px;top:24px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid white;box-shadow:0 0 0 4px #6366f133;z-index:2}.phone-shell{position:relative;width:280px;max-width:90vw;aspect-ratio:9 / 19.5;border-radius:40px;padding:12px;background:#1e293b;box-shadow:0 0 0 2px #334155,0 25px 50px -12px #00000080;margin:0 auto}.phone-inner{width:100%;height:100%;border-radius:30px;overflow:hidden;background:#fff;position:relative}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:24px;background:#1e293b;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:10}.phone-screen{width:100%;height:100%;overflow-y:auto;background:#f1f5f9}.hero-3d-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.hero-orbit{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6;z-index:-1;animation:pulse 4s ease-in-out infinite alternate}.hero-orbit-1{width:300px;height:300px;background:radial-gradient(circle,#6366f166,#6366f100 70%);top:-20%;left:-20%}.hero-orbit-2{width:250px;height:250px;background:radial-gradient(circle,#ec48994d,#ec489900 70%);bottom:-10%;right:-10%;animation-delay:1s}@keyframes pulse{0%{opacity:.4;transform:scale(1)}to{opacity:.7;transform:scale(1.1)}}.footer{border-top:1px solid var(--border);padding:48px 0;margin-top:auto;color:var(--text-muted)}.hero-layout{display:flex;flex-direction:column-reverse;gap:40px;align-items:center}@media(min-width:1024px){.hero-layout{flex-direction:row;align-items:center;justify-content:space-between;gap:80px;padding-top:40px}}.hero-content{flex:1;min-width:0;text-align:center}@media(min-width:1024px){.hero-content{text-align:left}}.hero-title{font-size:2.5rem;line-height:1.1;font-weight:800;letter-spacing:-.04em;margin:0;background:linear-gradient(135deg,var(--text-main) 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.hero-title{font-size:3.5rem}}.hero-description{margin-top:1.5rem;margin-bottom:2rem;font-size:1.125rem;color:var(--text-muted);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}@media(min-width:1024px){.hero-description{margin-left:0;margin-right:0;font-size:1.25rem}}.hero-visual{flex:0 0 auto;display:flex;justify-content:center;position:relative;z-index:1}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}@media(min-width:1024px){.hero-actions{justify-content:flex-start}}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px}@media(min-width:1024px){.hero-tags{justify-content:flex-start}}