:root{ --bg-color:#000000;--text-primary:#f5f5f7;--text-secondary:#86868b;--accent-primary:#2997ff;--accent-secondary:#bf5af2;--accent-tertiary:#ff375f;--glass-bg:rgba(30, 30, 30, 0.4);--glass-border:rgba(255, 255, 255, 0.1);--glass-highlight:rgba(255, 255, 255, 0.05);--glass-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.3);--font-main:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--card-radius:24px;--btn-radius:980px;}*{ margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{ font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);line-height:1.4;overflow-x:hidden;font-size:17px;}body::before{ content:'';position:fixed;top:-30%;left:-10%;width:80%;height:80%;background:radial-gradient(circle at center, rgba(41, 151, 255, 0.15), transparent 60%);filter:blur(120px);z-index:-1;animation:float 20s ease-in-out infinite alternate;}body::after{ content:'';position:fixed;bottom:-30%;right:-10%;width:80%;height:80%;background:radial-gradient(circle at center, rgba(191, 90, 242, 0.15), transparent 60%);filter:blur(120px);z-index:-1;animation:float 25s ease-in-out infinite alternate-reverse;}@keyframes float{ 0%{ transform:translate(0, 0);}100%{ transform:translate(50px, 50px);}}.container{ max-width:1080px;margin:0 auto;padding:0 22px;}h1, h2, h3{ font-weight:600;letter-spacing:-0.02em;color:var(--text-primary);}h1{ font-size:56px;line-height:1.07143;font-weight:700;}h2{ font-size:48px;line-height:1.08349;}h3{ font-size:24px;line-height:1.16667;}p{ color:var(--text-secondary);}.gradient-text{ background:linear-gradient(135deg, #fff 30%, #6e6e73 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.vibrant-text{ background:linear-gradient(90deg, #2997ff, #bf5af2, #ff375f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:shine 5s linear infinite;}@keyframes shine{ to{ background-position:200% center;}}.hero{ padding:140px 0 100px;text-align:center;display:flex;flex-direction:column;align-items:center;}.app-icon{ width:128px;height:128px;border-radius:28px;margin-bottom:40px;box-shadow:0 0 0 1px rgba(255, 255, 255, 0.1), 0 20px 40px rgba(0, 0, 0, 0.4);transition:transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);object-fit:cover;pointer-events:none;}.hero h1{ margin-bottom:24px;}.hero .subtitle{ font-size:24px;line-height:1.2;font-weight:400;max-width:600px;margin-bottom:48px;}.app-store-badge{ display:inline-block;transition:transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);margin-top:16px;}.app-store-badge:hover{ transform:scale(1.05);}.app-store-badge img{ height:54px;width:auto;display:block;}.features{ padding:100px 0;}.features-grid{ display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:24px;}.feature-card{ background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);padding:32px;transition:all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;}.feature-card::before{ content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);opacity:0.5;}.feature-card:hover{ background:rgba(40, 40, 40, 0.5);transform:scale(1.02);box-shadow:var(--glass-shadow);border-color:rgba(255, 255, 255, 0.2);}.feature-icon{ font-size:48px;margin-bottom:24px;background:linear-gradient(135deg, #fff, #888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;}.feature-card h3{ font-size:28px;margin-bottom:12px;}.feature-card p{ font-size:17px;line-height:1.5;font-weight:400;}.showcase{ padding:120px 0;text-align:center;position:relative;}.showcase h2{ margin-bottom:80px;}.screenshots-container{ display:flex;justify-content:center;gap:60px;perspective:2000px;}.screenshot-wrapper{ width:300px;border-radius:46px;overflow:hidden;box-shadow:0 30px 60px -12px rgba(0, 0, 0, 0.6), 0 0 0 8px #1d1d1f;transition:transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);background:#000;}.screenshot-wrapper:nth-child(1){ transform:translateY(40px) rotateY(15deg) rotateZ(-2deg);}.screenshot-wrapper:nth-child(2){ z-index:10;transform:scale(1.1);}.screenshot-wrapper:nth-child(3){ transform:translateY(40px) rotateY(-15deg) rotateZ(2deg);}.screenshot-wrapper:hover{ transform:translateY(-20px) scale(1.15) !important;z-index:20;box-shadow:0 50px 80px -20px rgba(0, 0, 0, 0.7), 0 0 0 8px #2a2a35;}.screenshot-wrapper img{ width:100%;height:auto;display:block;}.privacy-highlight{ padding:160px 0;text-align:center;background:radial-gradient(circle at center, rgba(41, 151, 255, 0.05) 0%, transparent 70%);}.privacy-badge{ display:inline-block;padding:6px 14px;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);border-radius:980px;color:#fff;font-size:12px;font-weight:600;margin-bottom:32px;text-transform:uppercase;letter-spacing:0.1em;backdrop-filter:blur(10px);}footer{ padding:80px 0 40px;text-align:center;color:var(--text-secondary);border-top:1px solid var(--glass-border);font-size:12px;}.footer-links{ margin-bottom:32px;}.footer-links a{ color:var(--text-secondary);text-decoration:none;margin:0 16px;transition:color 0.2s;}.footer-links a:hover{ color:var(--text-primary);text-decoration:underline;}@media (max-width:960px){ .features-grid{ grid-template-columns:repeat(2, 1fr);}.feature-wide{ grid-column:span 2;}}@media (max-width:768px){ .hero h1{ font-size:40px;}.hero .subtitle{ font-size:20px;}.features-grid{ grid-template-columns:1fr;}.feature-wide, .feature-tall{ grid-column:span 1;grid-row:span 1;}.screenshots-container{ flex-direction:column;align-items:center;gap:40px;}.screenshot-wrapper:nth-child(1), .screenshot-wrapper:nth-child(2), .screenshot-wrapper:nth-child(3){ transform:none;}.screenshot-wrapper:hover{ transform:scale(1.05) !important;}}