.mockup-container{perspective:2000px;width:100%;max-width:1000px;margin:0 auto;position:relative}.mockup-window{background:var(--background);border:1px solid var(--border);aspect-ratio:16/10;border-radius:12px;flex-direction:column;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden;transform:rotateX(10deg)rotateY(-5deg)rotate(2deg);box-shadow:0 40px 100px -20px #00000080}.mockup-window:hover{transform:rotateX(5deg)rotateY(-2deg)rotate(1deg)}.mockup-header{background:var(--secondary);border-bottom:1px solid var(--border);align-items:center;gap:16px;height:48px;padding:0 16px;display:flex}.mockup-dots{gap:8px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.mockup-search{background:var(--background);border:1px solid var(--border);height:28px;color:var(--muted-foreground);border-radius:6px;flex:1;align-items:center;padding:0 12px;font-family:monospace;font-size:11px;display:flex}.mockup-body{flex:1;min-height:0;display:flex}.mockup-sidebar{background:var(--secondary);border-right:1px solid var(--border);flex-direction:column;gap:12px;width:60px;padding:16px;display:flex}.mockup-nav-item{background:var(--muted);opacity:.3;border-radius:6px;width:28px;height:28px}.mockup-nav-item.active{background:var(--primary);opacity:1}.mockup-content{background:var(--background);flex:1;display:flex}.mockup-inbox{border-right:1px solid var(--border);flex-direction:column;width:35%;display:flex}.mockup-inbox-header{border-bottom:1px solid var(--border);padding:16px}.mockup-badge{text-transform:uppercase;color:#ff5f56;margin-bottom:8px;font-size:10px;font-weight:700}.mockup-inbox-items{flex-direction:column;gap:8px;padding:8px;display:flex}.mockup-inbox-item{background:var(--secondary);opacity:.5;border-radius:8px;padding:12px}.mockup-inbox-item.active{background:var(--primary);border:1px solid var(--primary);opacity:.15}.mockup-text-line{background:var(--foreground);opacity:.1;border-radius:3px;height:6px;margin-bottom:8px}.mockup-text-line.full{width:100%}.mockup-text-line.wide{width:80%}.mockup-text-line.medium{width:60%}.mockup-text-line.short{width:30%}.mockup-atlas-pill{color:var(--primary-foreground);background:var(--primary);border-radius:99px;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.mockup-preview{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex}.mockup-ai-box{background:var(--secondary);border:1px solid var(--primary);border-radius:12px;margin-top:24px;padding:20px;position:relative;overflow:hidden}.mockup-ai-box:before{content:"";background:linear-gradient(90deg,transparent,var(--primary),transparent);height:2px;animation:2s linear infinite scanning;position:absolute;top:0;left:0;right:0}@keyframes scanning{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}.mockup-ai-header{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:11px;font-weight:700}.mockup-ai-actions{gap:8px;margin-top:16px;display:flex}.mockup-ai-btn{background:var(--primary);border-radius:4px;width:60px;height:24px}.mockup-ai-btn.ghost{border:1px solid var(--border);background:0 0}.mockup-glow{background:radial-gradient(circle,var(--primary),transparent 70%);opacity:.15;pointer-events:none;z-index:-1;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.atlas{background-color:var(--background);color:var(--foreground);font-family:var(--font-main),sans-serif;overflow:hidden}.atlas__container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.section-title{letter-spacing:-.03em;margin-bottom:48px;font-size:clamp(32px,5vw,48px);font-weight:800}.atlas__hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 0;display:flex;position:relative}.atlas__hero:before{content:"";background:radial-gradient(circle at top,var(--primary),transparent 70%);opacity:.15;pointer-events:none;width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-content{text-align:center;z-index:1;flex-direction:column;align-items:center;max-width:800px;margin:0 auto 80px;display:flex}.hero-badge{text-transform:uppercase;letter-spacing:.2em;color:var(--primary-foreground);background:var(--primary);border-radius:99px;align-items:center;margin-bottom:24px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(48px,8vw,88px);font-weight:800;line-height:1.05}.text-gradient{background:linear-gradient(135deg,var(--foreground),var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:var(--muted-foreground);max-width:600px;margin-bottom:48px;font-size:clamp(18px,2.5vw,24px);line-height:1.5}.hero-actions{width:100%;max-width:400px}.hero-mockup{z-index:2;width:100%;max-width:1000px;margin:0 auto;position:relative}.atlas__features{padding:120px 0}.features-grid{grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto;display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:32px;flex-direction:column;padding:48px;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex}.feature-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 40px 80px -20px #0003}.feature-icon{background:var(--primary);width:48px;height:48px;color:var(--primary-foreground);border-radius:12px;justify-content:center;align-items:center;margin-bottom:32px;display:flex}.feature-card h3{letter-spacing:-.02em;margin-bottom:16px;font-size:28px;font-weight:800}.feature-card p{color:var(--muted-foreground);font-size:18px;line-height:1.6}.atlas__cta{padding:100px 0}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:800}.cta-description{color:var(--muted-foreground);margin-bottom:40px;font-size:18px}.cta-actions{justify-content:center;display:flex}