@keyframes ambientFlow{0%,100%{transform:translate3d(-8%,-4%,0) scale(1)}50%{transform:translate3d(10%,7%,0) scale(1.18)}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(36,216,238,.08),0 20px 55px rgba(0,91,190,.22)}50%{box-shadow:0 0 0 8px rgba(36,216,238,0),0 24px 70px rgba(0,190,225,.3)}}
.hero:before{display:none}.hero{isolation:isolate;background:radial-gradient(circle at 82% 24%,rgba(0,164,255,.3),transparent 36%),radial-gradient(circle at 22% 78%,rgba(0,92,215,.2),transparent 42%),linear-gradient(135deg,#020b19 0%,#031a3c 52%,#052b55 100%)}.hero-glow{position:absolute;z-index:-1;width:65vw;height:65vw;right:-18vw;top:-22vw;border-radius:50%;filter:blur(80px);background:radial-gradient(circle,rgba(36,216,238,.14),rgba(12,99,230,.08) 40%,transparent 70%);animation:ambientFlow 15s ease-in-out infinite}.hero .kicker span{display:none}.screen{transform:none;padding:7px;background:rgba(16,86,151,.2);border-color:rgba(80,214,255,.38);box-shadow:0 28px 75px rgba(0,13,36,.32)}.screen img{opacity:1;filter:none}.orbit{opacity:.55}.mini-card{background:linear-gradient(135deg,rgba(4,33,71,.96),rgba(5,65,117,.9));box-shadow:0 18px 50px rgba(0,10,35,.25)}
.intro,.devices,.partners,.faq{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(31,179,235,.14),transparent 35%),radial-gradient(circle at 90% 85%,rgba(32,102,224,.12),transparent 38%),linear-gradient(145deg,#eaf8ff 0%,#dceffa 48%,#edf7ff 100%)}.intro:before,.devices:before,.partners:before,.faq:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(31,202,236,.09);filter:blur(70px);animation:ambientFlow 18s ease-in-out infinite;pointer-events:none}.experience-image{position:relative;margin-bottom:20px;padding:8px;border-radius:28px;background:linear-gradient(120deg,rgba(6,71,141,.25),rgba(31,209,234,.28));box-shadow:0 25px 70px rgba(7,55,105,.17)}.experience-image img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:21px;opacity:1;filter:none}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature{min-height:235px;background:linear-gradient(145deg,rgba(5,36,76,.96),rgba(7,80,130,.92));border-color:rgba(80,209,244,.22);color:#fff;box-shadow:0 18px 45px rgba(5,49,91,.15);transition:.25s}.feature.cyan{background:linear-gradient(135deg,#0779cf,#18bed7)}.feature p:not(.tag),.feature-large p:not(.tag),.cyan p:not(.tag){color:#c5dded}.feature .tag{color:#4de4f3}.number{display:none}.feature:hover,.tutorial-grid a:hover{transform:translateY(-5px);border-color:rgba(53,223,242,.65)}
.plans,.downloads{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(1,160,221,.15),transparent 32%),radial-gradient(circle at 12% 82%,rgba(2,83,190,.18),transparent 38%),linear-gradient(145deg,#020d20,#05234b)}.plans:before,.downloads:before{content:"";position:absolute;width:560px;height:560px;right:-180px;bottom:-250px;border-radius:50%;background:rgba(0,207,236,.08);filter:blur(65px);animation:ambientFlow 17s ease-in-out infinite;pointer-events:none}.pricing article{background:linear-gradient(150deg,rgba(8,41,83,.92),rgba(5,27,59,.88));border-color:rgba(84,178,233,.24)}.pricing article.recommended{background:linear-gradient(135deg,rgba(5,99,170,.94),rgba(5,46,93,.96));animation:softPulse 4s ease-in-out infinite}.bundle,.cta{background:linear-gradient(110deg,#075cd2,#0a91dd,#15c9d6,#075cd2);background-size:300% 300%;animation:gradientShift 12s ease infinite}.bundle{box-shadow:0 20px 55px rgba(0,89,180,.28)}
.device-list{border-top-color:rgba(6,76,135,.16)}.device-list article{display:block;padding:28px 24px;border:0;border-bottom:1px solid rgba(6,76,135,.14);border-radius:14px;transition:.25s}.device-list article:hover{background:linear-gradient(100deg,rgba(255,255,255,.4),rgba(34,189,225,.1));transform:translateX(5px)}.device-list article>b{display:none}
.app-main{display:grid;grid-template-rows:auto auto;min-height:0;background:linear-gradient(145deg,#092c5f,#061b3d)}.app-main>img{display:block;width:100%;height:auto;aspect-ratio:940/434;object-fit:cover;opacity:1;filter:none}.app-main>div.app-info{position:static;padding:28px 32px;background:linear-gradient(110deg,#092c5f,#074a78)}.app-main h3{font-size:34px}.app-main .app-info p{margin-bottom:18px}.codes{align-items:stretch}.codes p{background:linear-gradient(135deg,#082b5a,#07527e)}
.tutorials{position:relative;background:linear-gradient(145deg,#03152f,#041f43);overflow:hidden}.tutorials:before{content:"";position:absolute;inset:auto -15% -25% auto;width:650px;height:650px;border-radius:50%;background:rgba(23,207,232,.08);filter:blur(75px);animation:ambientFlow 19s ease-in-out infinite}.tutorial-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tutorial-grid a{padding:13px 13px 20px;border:1px solid rgba(77,175,230,.28);border-radius:18px;background:linear-gradient(145deg,rgba(5,33,70,.94),rgba(4,24,53,.94));transition:.25s;box-shadow:0 15px 40px rgba(0,9,28,.18)}.tutorial-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:11px}.tutorial-grid h3{margin:17px 2px 14px;font-size:17px}.tutorial-grid span{display:inline-block;margin-left:2px;padding:7px 13px;border:1px solid rgba(36,216,238,.7);border-radius:7px;color:var(--cyan);font-size:12px;font-weight:800}.partner-card{background:linear-gradient(120deg,#06479d,#0a8dd1,#15bfcf);background-size:220% 220%;animation:gradientShift 14s ease infinite}.faq .accordion,.faq .accordion details{border-color:rgba(6,76,135,.16)}
.whatsapp{width:78px;height:78px;padding:0;background:transparent;box-shadow:none}.whatsapp img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.28));transition:.25s}.whatsapp:hover img{transform:translateY(-4px) scale(1.04)}
@media(max-width:900px){.feature-grid,.tutorial-grid{grid-template-columns:repeat(2,1fr)}.experience-image img{max-height:none}.app-main>div.app-info{padding:24px}.whatsapp{width:68px;height:68px}}
@media(max-width:600px){.feature-grid,.tutorial-grid{grid-template-columns:1fr}.feature{min-height:210px}.app-main{min-height:0}.app-main>div.app-info{padding:22px}.tutorial-grid h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-glow,.intro:before,.devices:before,.partners:before,.faq:before,.plans:before,.downloads:before,.tutorials:before,.bundle,.cta,.partner-card,.pricing article.recommended{animation:none!important}}