@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--color-bg: #0a0f1a;--color-bg-alt: #0e1525;--color-surface: rgba(15, 23, 42, .7);--color-surface-hover: rgba(20, 30, 55, .85);--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--color-text-primary: #f0f0f5;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-accent: #007AFF;--color-accent-hover: #2d8fff;--color-accent-subtle: rgba(0, 122, 255, .1);--color-accent-glow: rgba(0, 122, 255, .3);--color-gradient-start: #007AFF;--color-gradient-mid: #5ac8fa;--color-gradient-end: #34c759;--color-success: #34c759;--color-warning: #ff9f0a;--color-error: #ff453a;--color-score-excellent: #34c759;--color-score-good: #30d158;--color-score-poor: #ff9f0a;--color-score-harmful: #ff453a;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: clamp(.7rem, .65rem + .25vw, .8rem);--font-size-sm: clamp(.8rem, .75rem + .25vw, .9rem);--font-size-base: clamp(.9rem, .85rem + .25vw, 1rem);--font-size-md: clamp(1rem, .9rem + .5vw, 1.15rem);--font-size-lg: clamp(1.15rem, 1rem + .75vw, 1.35rem);--font-size-xl: clamp(1.35rem, 1.1rem + 1.25vw, 1.75rem);--font-size-2xl: clamp(1.75rem, 1.35rem + 2vw, 2.5rem);--font-size-3xl: clamp(2.25rem, 1.6rem + 3.25vw, 3.5rem);--font-size-4xl: clamp(2.75rem, 1.8rem + 4.75vw, 4.5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--container-max: 1200px;--container-wide: 1400px;--container-narrow: 800px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px var(--color-accent-glow);--shadow-blue: 0 8px 32px rgba(0, 122, 255, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.15;font-weight:700;letter-spacing:-.02em}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-lg)}.container--wide{max-width:var(--container-wide)}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-4xl);position:relative}.section--lg{padding-block:var(--space-5xl)}.text-gradient{background:linear-gradient(135deg,var(--color-accent),var(--color-gradient-mid));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient--blue{background:linear-gradient(135deg,#007aff,#5ac8fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-balance{text-wrap:balance}.section-label{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-md)}.section-title{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-lg)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;line-height:1.7}.glass-card{background:var(--color-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn--primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md),0 0 20px var(--color-accent-glow)}.btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 40px var(--color-accent-glow)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-surface);border-color:var(--color-border-hover)}.btn--lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-md)}.phone-mockup{position:relative;width:280px;border-radius:40px;overflow:hidden;box-shadow:0 0 0 2px #ffffff1a,0 20px 60px #00000080,0 0 60px #007aff26;flex-shrink:0}.phone-mockup img{width:100%;height:auto;display:block;border-radius:40px}.phone-mockup--lg{width:320px}.score-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.score-badge--excellent{background:#34c75926;color:var(--color-score-excellent)}.score-badge--good{background:#30d15826;color:var(--color-score-good)}.score-badge--poor{background:#ff9f0a26;color:var(--color-score-poor)}.score-badge--harmful{background:#ff453a26;color:var(--color-score-harmful)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.app-store-badge{display:inline-flex;align-items:center;gap:var(--space-md);padding:14px 28px;background:#000;color:#fff;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.15);font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-base);text-decoration:none}.app-store-badge:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.app-store-badge svg{width:28px;height:28px;flex-shrink:0}.app-store-badge__text{display:flex;flex-direction:column;line-height:1.2}.app-store-badge__text small{font-size:11px;font-weight:400;opacity:.8}.app-store-badge__text span{font-size:20px;font-weight:600;letter-spacing:-.01em}.ambient-glow{position:fixed;pointer-events:none;z-index:-1;inset:0;overflow:hidden;background:var(--color-bg)}.ambient-glow__orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25}.ambient-glow__orb--teal{width:500px;height:500px;background:#1a5c4c;top:-100px;right:-50px;animation:orb-drift-1 22s ease-in-out infinite}.ambient-glow__orb--blue{width:600px;height:600px;background:#1a3a5c;top:30%;left:-150px;animation:orb-drift-2 28s ease-in-out infinite}.ambient-glow__orb--purple{width:400px;height:400px;background:#2a1a5c;bottom:-100px;right:20%;animation:orb-drift-3 25s ease-in-out infinite}@keyframes orb-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,50px) scale(1.1)}66%{transform:translate(30px,-30px) scale(.9)}}@keyframes orb-drift-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-40px) scale(1.05)}66%{transform:translate(-30px,60px) scale(.95)}}@keyframes orb-drift-3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,-30px) scale(1.08)}66%{transform:translate(40px,40px) scale(.92)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .7s ease-out,transform .7s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll.animate-delay-1{transition-delay:.1s}.animate-on-scroll.animate-delay-2{transition-delay:.2s}.animate-on-scroll.animate-delay-3{transition-delay:.3s}.animate-on-scroll.animate-delay-4{transition-delay:.4s}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;transition:all var(--transition-base)}.nav.nav--scrolled{background:#0a0f1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:var(--space-sm) 0}.nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-lg)}.nav__brand{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--font-size-lg)}.nav__brand img{width:36px;height:36px;border-radius:var(--radius-sm)}.nav__links{display:flex;align-items:center;gap:var(--space-2xl)}.nav__link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav__link:hover{color:var(--color-text-primary)}.nav__cta{padding:10px 24px;font-size:var(--font-size-sm)}.nav__hamburger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer}.nav__hamburger span{width:22px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all var(--transition-fast)}.mobile-nav{display:none;position:fixed;inset:0;z-index:999;background:#0a0f1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xl)}.mobile-nav.is-open{display:flex}.mobile-nav__link{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.mobile-nav__close{position:absolute;top:var(--space-lg);right:var(--space-lg);font-size:32px;color:var(--color-text-primary);cursor:pointer;background:none;border:none}.footer{border-top:1px solid var(--color-border);padding:var(--space-3xl) 0 var(--space-xl);background:#0a0f1a80}.footer__inner{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3xl);flex-wrap:wrap}.footer__brand{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.footer__brand img{width:32px;height:32px;border-radius:var(--radius-sm)}.footer__desc{color:var(--color-text-muted);font-size:var(--font-size-sm);max-width:300px;line-height:1.7}.footer__links{display:flex;gap:var(--space-3xl)}.footer__col h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary)}.footer__col a{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm);transition:color var(--transition-fast)}.footer__col a:hover{color:var(--color-accent)}.footer__bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:1024px){.feature-grid{grid-template-columns:1fr}}@media(max-width:768px){.container{padding-inline:var(--space-md)}.section{padding-block:var(--space-3xl)}.nav__links{display:none}.nav__hamburger{display:flex}.phone-mockup{width:220px}.phone-mockup--lg{width:260px}.footer__inner{flex-direction:column}.footer__links{flex-direction:column;gap:var(--space-xl)}.footer__bottom{flex-direction:column;gap:var(--space-sm);text-align:center}}@media(max-width:480px){.phone-mockup{width:200px}}
