/*
Theme Name: Nuvem Play
Theme URI: https://nuvemplay.com
Author: Nuvem Play
Description: Landing page de alta conversão para apresentar a Nuvem Play a provedores de internet.
Version: 0.1.0
Text Domain: nuvem-play
*/

:root{--np-bg:#06080d;--np-panel:#0d1119;--np-panel-2:#121725;--np-text:#f7f8fb;--np-muted:#9aa3b5;--np-lime:#c4ff4f;--np-pink:#fa00e9;--np-blue:#645cff;--np-line:rgba(255,255,255,.11);--np-shadow:0 28px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--np-bg);color:var(--np-text);font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.025;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 4px)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.np-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.np-kicker{font:700 11px/1.3 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--np-lime)}.np-kicker:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;background:var(--np-lime);box-shadow:0 0 14px var(--np-lime)}
.np-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(6,8,13,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--np-line)}.np-nav{height:86px;display:flex;align-items:center;justify-content:space-between}.np-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.05em}.np-brand-logo{display:block;width:62px;height:72px;object-fit:contain}.np-brand-logo--footer{width:70px;height:80px}.np-menu{display:flex;gap:30px;font-size:13px;color:#c4c9d3}.np-menu a:hover{color:var(--np-lime)}
.np-button{border:0;cursor:pointer;display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:20px;padding:0 24px;background:var(--np-lime);color:#090c07;font-weight:900;font-size:13px;box-shadow:5px 5px 0 #80207b;transition:.22s transform,.22s box-shadow}.np-button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #80207b}.np-button--small{min-height:42px}.np-link{font-size:13px;font-weight:800;border-bottom:1px solid var(--np-lime);padding-bottom:5px}
.np-hero{position:relative;min-height:820px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:50px;padding-top:130px}.np-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:120px;background:var(--np-pink);filter:blur(170px);opacity:.11;pointer-events:none}.np-hero h1{font-size:clamp(55px,6.6vw,92px);line-height:.89;letter-spacing:-.065em;text-transform:uppercase;margin:25px 0 28px;max-width:750px}.np-hero h1 em{font-style:normal;color:var(--np-lime)}.np-hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px #aab2c3}.np-hero-copy>p{max-width:620px;color:#b1b8c5;font-size:18px;line-height:1.7}.np-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.np-trust{display:flex;gap:28px;margin-top:42px;color:var(--np-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.np-trust strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}
.np-console-wrap{position:relative;min-height:650px;display:grid;place-items:center;isolation:isolate}.np-webgl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.65}.np-arcade-glow{position:absolute;z-index:-1;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(250,0,233,.34),rgba(100,92,255,.15) 38%,transparent 70%);filter:blur(28px);animation:np-arcade-pulse 3.8s ease-in-out infinite}.np-arcade-image{position:relative;z-index:2;display:block;width:min(470px,92%);height:650px;object-fit:contain;filter:drop-shadow(26px 34px 28px rgba(0,0,0,.72));transform:rotate(1deg);animation:np-arcade-float 5s ease-in-out infinite}.np-arcade-status{position:absolute;z-index:3;padding:10px 13px;background:rgba(7,10,15,.86);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);font:800 9px/1 "IBM Plex Mono",monospace;letter-spacing:.11em;box-shadow:0 10px 30px rgba(0,0,0,.35)}.np-arcade-status--online{top:19%;left:2%;color:#fff}.np-arcade-status--online i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--np-lime);box-shadow:0 0 12px var(--np-lime)}.np-arcade-status--cloud{right:0;bottom:20%;color:var(--np-lime);border-color:rgba(196,255,79,.4)}@keyframes np-arcade-float{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-13px) rotate(-.5deg)}}@keyframes np-arcade-pulse{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.06);opacity:1}}
.np-proof{border-block:1px solid var(--np-line);background:#090c13}.np-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.np-proof-item{padding:0 24px;border-right:1px solid var(--np-line)}.np-proof-item:last-child{border:0}.np-proof-item strong{display:block;font-size:15px;color:#fff}.np-proof-item span{display:block;color:var(--np-muted);font-size:11px;line-height:1.5;margin-top:5px}
.np-section{padding-block:120px}.np-section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:54px}.np-section h2{font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-.055em;text-transform:uppercase;margin:15px 0 0}.np-section h2 em{font-style:normal;color:var(--np-lime)}.np-section-head>p{max-width:420px;color:var(--np-muted);line-height:1.7}.np-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.np-card{min-height:340px;padding:28px;position:relative;background:var(--np-panel);border:1px solid var(--np-line);transition:.3s}.np-card:hover{transform:translateY(-8px);border-color:var(--np-lime)}.np-card-no{position:absolute;right:23px;top:19px;color:#657084;font:10px "IBM Plex Mono",monospace}.np-card-icon{width:64px;height:64px;display:grid;place-items:center;margin:35px 0 42px;border:1px solid #465066;transform:rotate(45deg)}.np-card-icon i{width:28px;height:28px;border:3px solid var(--np-lime);transform:rotate(-45deg);box-shadow:0 0 15px rgba(196,255,79,.25)}.np-card:nth-child(2) .np-card-icon i{border-radius:50%}.np-card:nth-child(3) .np-card-icon i{border-color:var(--np-pink)}.np-card:nth-child(4) .np-card-icon i{background:var(--np-lime);clip-path:polygon(50% 0,100% 100%,0 100%);border:0}.np-card h3{text-transform:uppercase;font-size:18px}.np-card p{color:var(--np-muted);font-size:13px;line-height:1.7}
.np-activation{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;padding:75px;background:radial-gradient(circle at 20% 50%,rgba(196,255,79,.1),transparent 35%),var(--np-panel);border:1px solid var(--np-line)}.np-flow{display:grid;gap:10px}.np-flow-step{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;padding:18px;background:#090d14;border:1px solid #283043}.np-flow-step>span{width:44px;height:44px;display:grid;place-items:center;background:var(--np-lime);color:#080b08;font-weight:950}.np-flow-step strong{display:block;text-transform:uppercase}.np-flow-step small{color:var(--np-muted)}.np-flow-step b{color:var(--np-lime);font:10px "IBM Plex Mono",monospace}
.np-devices{overflow:hidden;background:linear-gradient(110deg,#0e1320,#080b11);border-block:1px solid var(--np-line)}.np-device-track{display:flex;gap:14px;width:max-content;padding:25px 0;animation:np-marquee 24s linear infinite}.np-device-track span{display:flex;align-items:center;gap:14px;padding:15px 22px;border:1px solid var(--np-line);background:#101622;font:700 11px "IBM Plex Mono",monospace;text-transform:uppercase}.np-device-track i{width:8px;height:8px;background:var(--np-pink);box-shadow:0 0 12px var(--np-pink)}
.np-quote{text-align:center;max-width:920px;margin:auto;padding:110px 20px}.np-quote-mark{height:60px;font:90px Georgia,serif;color:var(--np-lime)}.np-quote blockquote{font-size:clamp(27px,3.4vw,45px);line-height:1.3;letter-spacing:-.03em;margin:20px 0}.np-quote blockquote em{color:var(--np-lime);font-style:normal}.np-quote p{color:var(--np-muted)}
.np-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.np-faq-list details{border-bottom:1px solid var(--np-line);padding:22px 0}.np-faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:800}.np-faq-list summary span{color:var(--np-lime);font-size:24px}.np-faq-list details[open] summary span{transform:rotate(45deg)}.np-faq-list p{color:var(--np-muted);line-height:1.7;padding-right:45px}
.np-cta{padding:110px 0;text-align:center;background:radial-gradient(circle at 50% 0,rgba(250,0,233,.16),transparent 35%),repeating-linear-gradient(90deg,transparent 0 49px,rgba(196,255,79,.045) 50px);border-top:1px solid var(--np-line)}.np-cta h2{font-size:clamp(48px,7vw,90px);margin:18px 0;line-height:.9}.np-cta>div>p{color:#adb5c3}.np-form{max-width:1100px;margin:42px auto 18px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;text-align:left}.np-field{background:#0d121c;border:1px solid #30384a;padding:11px 15px}.np-field span{display:block;color:var(--np-lime);font:8px "IBM Plex Mono",monospace;text-transform:uppercase;margin-bottom:6px}.np-field input,.np-field select{width:100%;border:0;outline:0;background:none;color:#fff}.np-field select option{color:#111}.np-form-note{color:#7f899b;font-size:10px}.np-alert{max-width:700px;margin:25px auto;padding:13px;border:1px solid var(--np-lime);color:var(--np-lime)}
.np-footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;color:#778194;font-size:11px;border-top:1px solid var(--np-line)}.np-footer .np-brand{color:#fff}
.np-reveal{opacity:0;transform:translateY(28px)}.np-reveal.is-visible{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}@keyframes np-marquee{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.np-reveal{opacity:1;transform:none}}
@media(max-width:960px){.np-menu{display:none}.np-hero{grid-template-columns:1fr;padding-top:150px}.np-hero-copy{text-align:center}.np-hero-copy>p{margin-inline:auto}.np-actions,.np-trust{justify-content:center}.np-console-wrap{min-height:560px}.np-proof-grid,.np-cards{grid-template-columns:1fr 1fr}.np-section-head,.np-activation{display:block}.np-section-head>p{margin-top:28px}.np-activation-copy{margin-bottom:45px}.np-faq{grid-template-columns:1fr;gap:45px}.np-form{grid-template-columns:1fr 1fr}.np-form .np-button{grid-column:1/-1}.np-footer>p{display:none}}
@media(max-width:600px){.np-shell{width:min(100% - 24px,1180px)}.np-nav{height:74px}.np-brand-logo{width:52px;height:62px}.np-nav>.np-button{display:none}.np-hero{padding-top:120px;min-height:auto}.np-hero h1{font-size:50px}.np-actions{flex-direction:column}.np-trust{display:grid;grid-template-columns:1fr 1fr}.np-console-wrap{min-height:520px;margin:10px -20px}.np-arcade-image{height:520px;width:min(410px,100%)}.np-arcade-status--online{left:4%;top:15%}.np-arcade-status--cloud{right:3%;bottom:15%}.np-proof-grid,.np-cards{grid-template-columns:1fr}.np-proof-item{padding:20px;border-right:0;border-bottom:1px solid var(--np-line)}.np-section{padding-block:80px}.np-section h2{font-size:39px}.np-activation{padding:36px 22px}.np-flow-step{grid-template-columns:50px 1fr}.np-flow-step b{display:none}.np-form{grid-template-columns:1fr}.np-footer{flex-wrap:wrap;gap:18px;padding:28px 0}}