#hero{background:var(--hero-bg);min-height:calc(100vh - 64px);padding:72px 24px}.hero-container{max-width:var(--max-width);grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin:0 auto;display:grid}.hero-text{flex-direction:column;gap:32px;display:flex}.hero-badge{background:var(--color-amber-light);text-transform:uppercase;letter-spacing:.04em;width:fit-content;color:var(--color-navy);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.78rem;font-weight:700;display:inline-flex}.hero-badge:before{content:"";background:var(--color-amber);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}.hero-headline{letter-spacing:-.045em;color:var(--text);font-size:clamp(2.6rem,5.5vw,3.8rem);font-weight:900;line-height:1.1}.hero-headline strong{color:var(--color-amber)}.hero-sub{color:var(--text-muted);max-width:440px;font-size:1.08rem;line-height:1.72}.hero-cta{flex-direction:column;gap:16px;width:fit-content;display:flex}.btn-login-primary{color:#fff;background:var(--color-amber);text-align:center;border-radius:10px;min-width:180px;padding:14px 28px;font-size:.95rem;font-weight:700;transition:background-color .2s,transform .2s;display:inline-block}.btn-login-primary:hover{background-color:var(--color-amber-dark);transform:translateY(-2px)}.play-badge{width:56px;height:56px;display:block}.hero-visuals{justify-content:center;align-items:flex-end;min-height:600px;display:flex;position:relative}.hero-glow{z-index:0;background:radial-gradient(circle,#f5a62333 0%,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;bottom:50px;right:-50px}.hero-phones-pair{z-index:10;align-items:flex-end;gap:24px;display:flex;position:relative}.pixel-frame{border:1.5px solid var(--frame-border);width:240px;height:524px;box-shadow:var(--frame-shadow);background:0 0;border-radius:32px;position:relative;overflow:hidden}.pixel-frame img{object-fit:cover;width:100%;height:100%;transition:opacity .3s}.pixel-frame-sm{border:1.5px solid var(--frame-border);width:200px;height:436px;box-shadow:var(--frame-shadow);opacity:.82;filter:saturate(.85);background:0 0;border-radius:28px;margin-top:52px;overflow:hidden;transform:rotate(4deg)}.pixel-frame-sm img{object-fit:cover;width:100%;height:100%}.hero-app-icon{width:88px;height:88px;box-shadow:var(--shadow-lg);z-index:20;border-radius:24px;animation:3.5s ease-in-out infinite float;position:absolute;top:-44px;left:50%;transform:translate(-50%)}.floating-badges{flex-direction:column;gap:20px;width:100%;height:100%;display:flex;position:absolute}.badge-float{background:var(--badge-float-bg);border:1px solid var(--badge-float-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 32px #0000001a}.badge-dot{border-radius:50%;width:10px;height:10px}.badge-tasks{background:#22c55e33;border-color:#22c55e4d;bottom:80px;left:-20px}.badge-tasks .badge-dot{background:var(--color-green)}.badge-sync{background:#4a90d926;border-color:#4a90d94d;top:120px;right:-20px}.badge-sync .badge-dot{background:var(--color-blue)}.badge-float{animation:4s ease-in-out infinite float}.badge-tasks{animation-delay:.5s}.badge-sync{animation-delay:1.2s}@media (max-width:960px){.hero-container{grid-template-columns:1fr;gap:48px}#hero{padding:48px 24px}.hero-visuals{justify-content:center;min-height:auto}.floating-badges,.pixel-frame-sm{display:none}.hero-phones-pair{justify-content:center}.hero-app-icon{top:-44px;left:50%}}@media (max-width:480px){.hero-headline{font-size:2rem}.hero-sub{font-size:.95rem}.hero-visuals{min-height:450px}.pixel-frame{width:200px;height:436px}.hero-app-icon{width:72px;height:72px}.hero-glow{width:300px;height:300px}}
#features{background:var(--bg-features);padding:80px 24px}.features-container{max-width:var(--max-width);margin:0 auto}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;list-style:none;display:grid}.feature-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:16px;padding:28px 24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--card-hover-border);transform:translateY(-5px)}.feature-icon-box{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.feature-card h3{letter-spacing:-.01em;color:var(--text);font-size:1rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.88rem;line-height:1.65}.fi-amber{background:linear-gradient(135deg,#f5a623,#d4870a);box-shadow:0 8px 24px #f5a6234d}.fi-navy{background:linear-gradient(135deg,#2d2d4a,#1a1a2e);box-shadow:0 8px 24px #1a1a2e40}.fi-sage{background:linear-gradient(135deg,#6b806b,#4a5e4a);box-shadow:0 8px 24px #6b806b42}.fi-blue{background:linear-gradient(135deg,#4a90d9,#2e6fa8);box-shadow:0 8px 24px #4a90d942}.fi-red{background:linear-gradient(135deg,#de5151,#b23232);box-shadow:0 8px 24px #de515147}.fi-focus{background:linear-gradient(135deg, var(--color-primary), #41c4aa);box-shadow:0 8px 24px var(--color-primary-glow)}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.features-grid{grid-template-columns:1fr;gap:16px}#features{padding:60px 24px}.feature-card{padding:20px 16px}.feature-card h3{font-size:.95rem}.feature-card p{font-size:.82rem}}
#download{text-align:center;color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#2d2d4a 50%,#3d2b0a 100%);padding:90px 24px;position:relative;overflow:hidden}#download:before{content:"";z-index:0;background:radial-gradient(circle,#f5a62326 0%,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:-100px;right:-100px}#download:after{content:"";z-index:0;background:radial-gradient(circle,#6b806b1a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-50px;left:-100px}.cta-container{max-width:var(--max-width);z-index:1;flex-direction:column;align-items:center;gap:32px;margin:0 auto;display:flex;position:relative}.cta-icon{width:80px;height:80px;box-shadow:var(--shadow-lg);border-radius:24px;animation:2.5s ease-in-out infinite pulse-ring}.cta-eyebrow{text-transform:uppercase;letter-spacing:.04em;color:var(--color-amber);background:#f5a62333;border-radius:20px;padding:8px 16px;font-size:.78rem;font-weight:700;display:inline-block}.cta-headline{letter-spacing:-.04em;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.1}.cta-buttons{flex-direction:column;align-items:center;gap:16px;display:flex}.play-badge-cta{width:60px;height:60px;display:block}.btn-cta-login{color:#fff;background:var(--color-amber);text-align:center;border-radius:10px;min-width:200px;padding:14px 28px;font-size:.95rem;font-weight:700;transition:background-color .2s,transform .2s;display:inline-block}.btn-cta-login:hover{background-color:var(--color-amber-dark);transform:translateY(-2px)}@media (max-width:480px){#download{padding:60px 24px}.cta-icon{width:64px;height:64px}.cta-headline{font-size:1.8rem}.play-badge-cta{width:48px;height:48px}.btn-cta-login{width:100%;max-width:280px}}