:root{--bg-dark:#0a0a0c;--bg-card:#141416;--accent-pink:#ea6b7e;--accent-glow:#ea6b7e66;--text-main:#fff;--text-muted:#8b8b93}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}.glow-blob{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 60%);filter:blur(80px);z-index:-1;border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite alternate float;position:absolute}.blob-1{animation-delay:0s;top:-200px;right:-100px}.blob-2{background:radial-gradient(circle,#a25cff4d 0%,#0000 60%);animation-delay:-5s;bottom:-300px;left:-200px}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(100px)scale(1.1)}}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Outfit,sans-serif}.gradient-text{background:linear-gradient(135deg,#fff 0%,#a4a4af 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.accent-text{color:var(--accent-pink)}.container{z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}nav{justify-content:space-between;align-items:center;padding:2rem 0;display:flex}.logo{align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.logo-icon{object-fit:cover;border-radius:8px;width:28px;height:28px;box-shadow:0 0 14px #ea6b7e59}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;padding-bottom:4rem;display:flex}.hero h1{margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:3rem;font-size:clamp(1.1rem,2vw,1.4rem)}.cta-button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffffff26}.cta-icon{color:#fff;background:#000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}.showcase{perspective:1200px;justify-content:center;margin-top:-3rem;padding:0 1rem;display:flex;overflow:visible}.mockup-frame{aspect-ratio:9/19.5;width:100%;max-width:356px;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;transform:rotateX(8deg)translateY(-20px)}.mockup{background:linear-gradient(#222327 0%,#17181b 100%);border:6px solid #1a1a1a;border-radius:46px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px #0009,0 0 120px #ea6b7e33}.mockup-screen{background:#000;border:1px solid #ffffff0d;border-radius:38px;position:absolute;inset:6px;overflow:hidden}.screen-cutout{z-index:4;background:#070709;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:112px;height:30px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px #ffffff0f}.cutout-speaker{background:#fff3;border-radius:999px;width:42px;height:5px}.cutout-camera{background:radial-gradient(circle at 30% 30%,#89b9ff 0%,#22314f 45%,#080c14 100%);border-radius:50%;width:8px;height:8px}.side-button{z-index:6;background:linear-gradient(#777c88 0%,#4a4e59 42%,#2d3038 100%);border-radius:3px;width:6px;position:absolute;box-shadow:inset -1px 0 #ffffff59,inset 1px 0 #0000004d,0 2px 6px #00000059}.side-button-action{height:32px;top:78px;left:-8px}.side-button-volume-up{height:46px;top:122px;left:-8px}.side-button-volume-down{height:58px;top:182px;left:-8px}.side-button-power{height:86px;top:158px;right:-8px}.antenna-line{z-index:3;opacity:.85;background:#3a3c43;border-radius:2px;width:3px;height:22px;position:absolute}.antenna-line-top-left{top:54px;left:-8px}.antenna-line-top-right{top:66px;right:-8px}.antenna-line-bottom-left{bottom:78px;left:-8px}.antenna-line-bottom-right{bottom:66px;right:-8px}.mockup:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff14 0%,#fff0 100%);border-radius:38px 38px 20px 20px;height:20%;position:absolute;top:8px;left:8px;right:8px}.mockup:after{content:"";pointer-events:none;z-index:2;border-radius:46px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a}.mockup-frame:hover{transform:rotateX(0)translateY(0)}.mockup-frame:hover .mockup{box-shadow:0 0 0 1px #fff3,0 40px 100px #000c,0 0 150px #ea6b7e4d}.mockup-img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.mockup-frame:hover .mockup-img{transform:scale(1.02)}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:8rem 0;display:grid}.feature-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem;transition:all .3s}.feature-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-5px)}.feature-icon{width:50px;height:50px;color:var(--accent-pink);background:#ea6b7e1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.feature-card h3{margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:var(--text-muted)}footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;padding:3rem 0;font-size:.9rem}