:root{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--card-bg: #FFFFFF;--card-hover: #FAFAFC;--text-main: #0F172A;--text-muted: #475569;--text-light: #64748B;--brand-blue: #0284C7;--brand-blue-hover: #0369A1;--brand-blue-light: #F0F9FF;--brand-blue-border: #BAE6FD;--emerald-main: #059669;--emerald-light: #ECFDF5;--emerald-border: #A7F3D0;--amber-main: #D97706;--amber-light: #FFFBEB;--amber-border: #FDE68A;--border-light: #E2E8F0;--border-subtle: #F1F5F9;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .06), 0 2px 4px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 30px -5px rgba(15, 23, 42, .08), 0 4px 10px -2px rgba(15, 23, 42, .03);--shadow-xl: 0 20px 40px -10px rgba(15, 23, 42, .12), 0 8px 16px -4px rgba(15, 23, 42, .04);--font-heading: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s var(--ease-out);--transition-normal: .25s var(--ease-out);--transition-slow: .4s var(--ease-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700;line-height:1.2;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.heading-xl{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em}.heading-lg{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;letter-spacing:-.025em}.heading-md{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;letter-spacing:-.02em}.heading-sm{font-size:1.125rem;font-weight:600}.body-lg{font-size:1.125rem;color:var(--text-muted);line-height:1.6}.body-md{font-size:1rem;color:var(--text-muted);line-height:1.5}.body-sm{font-size:.875rem;color:var(--text-light)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--brand-blue);color:#fff;font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);box-shadow:0 4px 14px #0284c740;transition:all var(--transition-normal)}.btn-primary:hover{background-color:var(--brand-blue-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0284c759}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#fff;color:var(--text-main);border:1px solid var(--border-light);font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:#cbd5e1;transform:translateY(-1px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:5rem 0}@media (max-width: 768px){.section-padding{padding:3.5rem 0}}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.825rem;font-weight:600}.badge-blue{background-color:var(--brand-blue-light);color:var(--brand-blue);border:1px solid var(--brand-blue-border)}.badge-emerald{background-color:var(--emerald-light);color:var(--emerald-main);border:1px solid var(--emerald-border)}.badge-amber{background-color:var(--amber-light);color:var(--amber-main);border:1px solid var(--amber-border)}.card-base{background-color:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.card-base:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1}.section-header{text-align:center;max-width:720px;margin:0 auto 3.5rem}.section-header .subtitle{margin-top:1rem}.phone-mockup-wrapper{position:relative;width:100%;max-width:340px;margin:0 auto}.phone-mockup-frame{position:relative;width:100%;aspect-ratio:9 / 19.5;background-color:#0f172a;border-radius:44px;padding:10px;box-shadow:0 0 0 2px #e2e8f0,0 25px 50px -12px #0f172a40,0 10px 20px -5px #0f172a1a}.phone-mockup-screen{position:relative;width:100%;height:100%;background-color:#fff;border-radius:36px;overflow:hidden;display:flex;flex-direction:column}.phone-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:90px;height:20px;background-color:#0f172a;border-radius:12px;z-index:20}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}