html,body{height:100%}
body{min-height:100vh;overflow-x:hidden;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
.background-rows{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.background-row{display:flex;gap:1rem;flex-wrap:nowrap;width:max-content;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0);animation:scroll-left 80s linear infinite;opacity:.22}
.background-row .bg-img{height:5.5rem;border-radius:.5rem;border:1px solid hsl(var(--border))}
.background-row.alt{opacity:.18;filter:blur(.5px);animation-duration:55s}
.background-row.alt2{opacity:.16;animation-duration:70s}
@media(min-width:1024px){.background-row .bg_img{height:6.5rem}.background-row{animation-duration:80s}.background-rows{height:300px}}
@keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.social-btn{width:40px;height:40px;border-radius:10px;background:linear-gradient(180deg,#0e1014,#171a1f);border:1px solid rgba(255,255,255,.15);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease, box-shadow .2s ease}
.social-btn:hover{transform:translateY(-1px);box-shadow:0 0 18px rgba(255,138,0,.25)}
.social-icon{color:#cbd5e1;width:22px;height:22px}
.stat-number{font-weight:800;font-size:1.5rem}
.stat-green{color:#22c55e}
.stat-blue{color:#60a5fa}
.stat-purple{color:#a78bfa}
.badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;font-weight:600}
.badge-green{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:#22c55e}
.badge-blue{background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.4);color:#60a5fa}

.depo-view{position:relative;overflow:hidden;width:100%;max-width:500px;height:380px;margin:0 auto}
.depo-item{position:absolute;inset:0;display:none;align-items:center;justify-content:center}
.depo-item.active{display:flex}
.depo-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:.5rem}
.depo-controls{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;display:flex;justify-content:space-between;padding:0 14px;z-index:2}
.depo-control{background:transparent;color:#e5e7eb;border:none;font-weight:700;font-size:26px;line-height:1;cursor:pointer}

.text-gradient-orange{background:linear-gradient(135deg,#ff8a00,#ff5f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.client-card{position:relative;border:2px solid #ff8a00;border-radius:.75rem;box-shadow:0 0 24px rgba(255,138,0,.25);background:hsla(0,0%,10%,.65);height:100%;width:100%;box-sizing:border-box}
.client-badge{position:absolute;top:.35rem;right:.35rem;background:#ff8a00;color:#1a1a1a;font-weight:700;border-radius:9999px;padding:.2rem .5rem;box-shadow:0 0 8px rgba(255,138,0,.5);display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem}
.client-inner-border{position:absolute;inset:.5rem;border:2px solid #ff8a00;border-radius:.6rem;pointer-events:none}

.btn-glow{transition:box-shadow .25s ease, transform .25s ease}
.btn-glow:hover{box-shadow:0 0 28px rgba(255,138,0,.6), 0 0 12px rgba(255,138,0,.45) inset;transform:translateY(-1px)}
.cortes-view{position:relative;overflow:hidden;width:100%;max-width:360px;height:230px;margin:0 auto}
.cortes-track{position:relative;height:100%}
.cortes-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(20%);animation:cortesSlide 64s infinite;will-change:transform,opacity}
.cortes-item:nth-child(1){animation-delay:0s}
.cortes-item:nth-child(2){animation-delay:4s}
.cortes-item:nth-child(3){animation-delay:8s}
.cortes-item:nth-child(4){animation-delay:12s}
.cortes-item:nth-child(5){animation-delay:16s}
.cortes-item:nth-child(6){animation-delay:20s}
.cortes-item:nth-child(7){animation-delay:24s}
.cortes-item:nth-child(8){animation-delay:28s}
.cortes-item:nth-child(9){animation-delay:32s}
.cortes-item:nth-child(10){animation-delay:36s}
.cortes-item:nth-child(11){animation-delay:40s}
.cortes-item:nth-child(12){animation-delay:44s}
.cortes-item:nth-child(13){animation-delay:48s}
.cortes-item:nth-child(14){animation-delay:52s}
.cortes-item:nth-child(15){animation-delay:56s}
.cortes-item:nth-child(16){animation-delay:60s}
@keyframes cortesSlide{0%{opacity:0;transform:translateX(100%)}2%{opacity:1;transform:translateX(0)}4.5%{opacity:1;transform:translateX(0)}6.25%{opacity:0;transform:translateX(-20%)}100%{opacity:0;transform:translateX(-20%)}}

.price-ambient-section{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(255,138,0,.18), rgba(255,138,0,.1) 55%, rgba(255,138,0,0) 100%);border-radius:.75rem;pointer-events:none;z-index:0}
/* Gray ambient for Basic package */
.price-ambient-gray{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(180,190,200,.18), rgba(180,190,200,.10) 55%, rgba(180,190,200,0) 100%);border-radius:.75rem;pointer-events:none;z-index:0}
.shadow-gray{box-shadow:0 0 24px rgba(180,190,200,.25)}
.clients-img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;border-radius:.5rem}
.clients-view{position:relative;overflow:hidden;width:100%;max-width:303px;height:230px;margin:0 auto;padding-right:8px}
@media(min-width:768px){.clients-view{max-width:303px}}
.clients-track{position:relative;height:100%;}
.clients-item{position:absolute;inset:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;opacity:0;animation:clientSlide 40s infinite;will-change:transform,opacity}
.clients-item:nth-child(1){animation-delay:0s}
.clients-item:nth-child(2){animation-delay:8s}
.clients-item:nth-child(3){animation-delay:16s}
.clients-item:nth-child(4){animation-delay:24s}
.clients-item:nth-child(5){animation-delay:32s}
@keyframes clientSlide{0%{opacity:0;transform:translateX(100%)}2%{opacity:1;transform:translateX(0)}18%{opacity:1;transform:translateX(0)}20%{opacity:0;transform:translateX(-20%)}100%{opacity:0;transform:translateX(-20%)}}

.pulse-orange{animation:pulseOrange 1.8s ease-in-out infinite}
.pulse-gray{animation:pulseGray 2s ease-in-out infinite}
@keyframes pulseOrange{0%,100%{box-shadow:0 0 0 rgba(255,138,0,0)}50%{box-shadow:0 0 24px rgba(255,138,0,.55)}}
@keyframes pulseGray{0%,100%{box-shadow:0 0 0 rgba(200,200,200,0)}50%{box-shadow:0 0 18px rgba(200,200,200,.35)}}
.text-orange{color:#ff8a00}
.text-gradient-orange{background:linear-gradient(90deg,#ff8a00,#ffb300);-webkit-background-clip:text;background-clip:text;color:transparent}
.orange-soft{background:linear-gradient(145deg, rgba(255,138,0,.18), rgba(255,179,0,.08));border:1px solid rgba(255,138,0,.35)}
.icon-pulse-orange{animation:pulseOrange 2s ease-in-out infinite}
.icon-size{width:32px;height:32px}
.icon-orange{fill:#ff8a00}
.icon-outline{stroke:#0a0a0a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.icon-stroke-orange{stroke:#ff8a00;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.check-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:9999px;background:rgba(255,138,0,.18);border:1px solid rgba(255,138,0,.35);color:#ff8a00;font-size:14px;line-height:1}
@media(max-width:420px){.check-icon{width:22px;height:22px;font-size:13px}}
.glass-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border-radius:999px;background:rgba(255,179,0,.18);border:1px solid rgba(255,179,0,.45);font-weight:700;backdrop-filter:blur(6px)}
.glass-card{background:rgba(17,17,17,.35);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px;backdrop-filter:blur(6px)}
.glass-small{background:rgba(17,17,17,.28);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;backdrop-filter:blur(6px)}
.trust-icon{width:18px;height:18px}
.star-icon{width:16px;height:16px;color:#f59e0b}
.badges-row{display:flex;justify-content:center;gap:.9rem;margin-top:20px}
.glass-mini{background:rgba(17,17,17,.18);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 10px;backdrop-filter:blur(4px)}
.text-rgb{background:linear-gradient(90deg,#ff0047,#ffd200,#00e0ff,#ff0047);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;animation:rgbShift 6s linear infinite}
@keyframes rgbShift{0%{background-position:0% 50%}100%{background-position:100% 50%}}
.text-outline{-webkit-text-stroke:.6px #000;text-shadow:-0.6px -0.6px 0 #000, 0.6px -0.6px 0 #000, -0.6px 0.6px 0 #000, 0.6px 0.6px 0 #000}

/* Price row responsiveness */
.price-row{display:flex;align-items:flex-end;gap:.5rem;justify-content:center;flex-wrap:nowrap}
.price-value{display:inline-block;white-space:nowrap;line-height:1;font-weight:800;background:linear-gradient(90deg,#ff8a00,#ffb300);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.01em;font-size:clamp(2.25rem,8vw,3.25rem)}
.price-note{font-size:.85rem;color:#cbd5e1}
@media(max-width:400px){.price-value{font-size:clamp(2rem,7.2vw,3rem)}.price-row{gap:.4rem}}
@media(max-width:340px){.price-value{font-size:clamp(1.8rem,6.8vw,2.6rem)}}

.glass-gray{background:rgba(17,17,17,.25);border:1px solid rgba(255,255,255,.1)}
.price-value-gray{display:inline-block;white-space:nowrap;line-height:1;font-weight:800;color:#e5e7eb;letter-spacing:-.01em;font-size:clamp(2.25rem,8vw,3.25rem)}
.price-note-gray{font-size:.85rem;color:#9ca3af}
@media(max-width:400px){.price-value-gray{font-size:clamp(2rem,7.2vw,3rem)}}
@media(max-width:340px){.price-value-gray{font-size:clamp(1.8rem,6.8vw,2.6rem)}}