*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--color-background:#ffffff;--color-surface:#f5f5f7;--color-accent:#000000;--color-text-primary:#000000;--color-text-secondary:#86868b;--color-border:#d2d2d7;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:48px;--space-5xl:64px;--space-6xl:96px;--font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.12)}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-display{font-size:clamp(48px,8vw,80px);font-weight:700;line-height:1.05;letter-spacing:-.02em}.text-title{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.01em}.text-headline{font-size:clamp(20px,3vw,28px);font-weight:600;line-height:1.3}.text-body{font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.6}.text-secondary{color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-3xl);font-size:17px;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-accent);color:var(--color-background)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-surface);color:var(--color-accent);border:2px solid var(--color-accent)}.btn-secondary:hover{background:var(--color-accent);color:var(--color-background)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-3xl)}.section{padding:var(--space-6xl) 0}.text-center{text-align:center}.fade-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.phone-mockup{position:relative;width:100%;max-width:320px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--color-surface)}.phone-mockup img{width:100%;height:auto;display:block}