:root{--color-bg: #0a0a0f;--color-surface: #12121a;--color-surface-elevated: #1a1a25;--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-accent: #8b5cf6;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-border: rgba(148, 163, 184, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.ambient-glow{position:fixed;inset:0;pointer-events:none;z-index:0;transition:background .3s ease}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform-origin:left;z-index:1000}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2rem;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.header__content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.75rem}.logo__icon{position:relative;width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.logo__pulse{position:absolute;inset:-4px;background:inherit;border-radius:inherit;opacity:.4;animation:pulse 2s ease-in-out infinite;z-index:-1}.logo__text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.logo--small .logo__icon{width:32px;height:32px;font-size:1rem}.logo--small .logo__text{font-size:1.25rem}.nav{display:flex;align-items:center;gap:2rem}.nav__link{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.nav__link:hover{color:var(--color-text)}.nav__link--cta{padding:.5rem 1rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text)}.nav__link--cta:hover{background:var(--color-surface);border-color:var(--color-primary)}.hero-section{position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:8rem 4rem 4rem;max-width:1400px;margin:0 auto}.hero-section__content{z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;font-size:.875rem;color:var(--color-text-muted);margin-bottom:2rem}.hero-badge__dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem}.hero-title__accent{background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);max-width:500px;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.magnetic-button{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;transition:transform .3s var(--ease-spring);overflow:hidden}.magnetic-button--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 4px 20px #3b82f64d}.magnetic-button--secondary{background:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border)}.magnetic-button__glow{position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s}.magnetic-button:hover .magnetic-button__glow{opacity:1}.store-icon{width:24px;height:24px}.store-button__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.store-button__small{font-size:.625rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.store-button__large{font-size:1rem;font-weight:700}.text-reveal{overflow:hidden}.text-reveal__content{display:block;transform:translateY(100%);opacity:0;transition:transform .8s var(--ease-out-expo),opacity .8s}.text-reveal__content.is-visible{transform:translateY(0);opacity:1}.floating-element{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(var(--float-amplitude, 10px))}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.hero-visual{display:flex;justify-content:center;align-items:center}.phone-mockup{width:280px;height:560px;background:var(--color-surface);border-radius:40px;padding:12px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px var(--color-border);position:relative}.phone-mockup__screen{width:100%;height:100%;background:var(--color-bg);border-radius:32px;overflow:hidden;position:relative}.phone-mockup__notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:28px;background:var(--color-surface);border-radius:0 0 20px 20px;z-index:10}.app-preview{padding:3rem 1.5rem 1.5rem;height:100%;display:flex;flex-direction:column;gap:1rem}.app-preview__header{display:flex;flex-direction:column;gap:.75rem}.app-preview__header span{font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.app-preview__search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface-elevated);border-radius:12px;color:var(--color-text-muted);font-size:.875rem}.app-preview__search svg{width:16px;height:16px}.app-preview__files{display:flex;flex-direction:column;gap:.75rem}.app-preview__file{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--color-surface-elevated);border-radius:12px;animation:slideIn .5s var(--ease-out-expo) backwards}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}}.file-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.file-info{display:flex;flex-direction:column;gap:.25rem}.file-name{font-size:.875rem;font-weight:500}.file-meta{font-size:.75rem;color:var(--color-text-muted)}.stats-section{padding:4rem 2rem;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-item__number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-item__label{font-size:.875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.features-section{padding:8rem 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-eyebrow{display:inline-block;font-size:.875rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.feature-card{position:relative;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-primary)}.feature-card__glow{position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none}.feature-card__border{position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent,var(--color-primary),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.feature-card:hover .feature-card__border{opacity:1}.feature-card__icon{margin-bottom:1.5rem}.feature-card__icon-bg{width:56px;height:56px;background:var(--color-surface-elevated);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.feature-card__icon-bg svg{width:28px;height:28px}.feature-card__title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-card__description{font-size:.9375rem;color:var(--color-text-muted);line-height:1.7}.file-types{padding:6rem 2rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.file-types__title{text-align:center;margin-bottom:3rem}.file-types__title h2{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}.file-types__grid{max-width:800px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.file-type-card{width:100px;height:120px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;transition:transform .3s,border-color .3s,box-shadow .3s}.file-type-card:hover{transform:translateY(-8px) scale(1.05);border-color:var(--file-color);box-shadow:0 10px 30px -10px var(--file-color)}.file-type-card__icon{font-size:2rem}.file-type-card__ext{font-size:.875rem;font-weight:700;color:var(--file-color)}.testimonials{padding:6rem 2rem;max-width:1200px;margin:0 auto}.testimonials__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.testimonial-card{padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;transition:transform .3s}.testimonial-card:hover{transform:translateY(-4px)}.testimonial-card__stars{color:#fbbf24;font-size:1.25rem;margin-bottom:1rem}.testimonial-card__quote{font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem;color:var(--color-text)}.testimonial-card__footer{display:flex;flex-direction:column;gap:.25rem}.testimonial-card__footer strong{font-weight:600}.testimonial-card__footer span{font-size:.875rem;color:var(--color-text-muted)}.final-cta{padding:8rem 2rem;text-align:center;background:linear-gradient(180deg,transparent,var(--color-surface))}.final-cta__content h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.final-cta__content p{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2.5rem}.final-cta__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{padding:4rem 2rem 2rem;border-top:1px solid var(--color-border)}.footer__content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem}.footer__brand p{color:var(--color-text-muted);margin-top:.5rem;font-size:.875rem}.footer__links{display:flex;gap:2rem}.footer__links a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;transition:color .2s}.footer__links a:hover{color:var(--color-text)}.footer__bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:.875rem}@media(max-width:968px){.hero-section{grid-template-columns:1fr;text-align:center;padding-top:6rem}.hero-section__content{order:1}.hero-visual{order:0}.phone-mockup{width:240px;height:480px}.stats-grid{grid-template-columns:1fr;gap:3rem}.footer__content{flex-direction:column;gap:2rem;text-align:center}.footer__links{justify-content:center}}@media(max-width:640px){.header{padding:1rem}.nav{display:none}.hero-section{padding:6rem 1.5rem 3rem}.hero-cta{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}}