/* NexBit 2.0 — direção visual inspirada em landing pages de alta conversão. */
:root{--bg:#030712;--bg2:#070d19;--panel:#091321;--line:rgba(125,194,255,.14);--text:#f7fbff;--muted:#91a2b8;--blue:#277bff;--cyan:#12d9ef;--grad:linear-gradient(105deg,#3979ff 0%,#12d9ef 100%);--radius:24px}
body{background:radial-gradient(circle at 50% -10%,rgba(29,113,255,.12),transparent 28%),var(--bg);letter-spacing:-.01em}
.container{width:min(1200px,calc(100% - 44px))}
.header{top:18px;left:50%;right:auto;width:min(1080px,calc(100% - 32px));transform:translateX(-50%);padding:8px 10px;border:1px solid rgba(155,207,255,.13);border-radius:18px;background:rgba(3,8,18,.68);backdrop-filter:blur(22px);box-shadow:0 18px 60px rgba(0,0,0,.3)}
.header.scrolled{padding:8px 10px;background:rgba(3,8,18,.9);border-color:rgba(48,194,238,.23)}
.header .container{width:100%;padding:0 5px}.brand{font-size:16px}.logo-symbol{width:35px;height:35px}.logo-symbol img{width:175px;left:-70px;top:-48px}.nav{gap:25px}.nav>a:not(.btn){font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.nav .btn{border-radius:11px;padding:10px 16px}
.hero{min-height:1050px;padding:165px 0 105px;align-items:flex-start;background:radial-gradient(circle at 50% 18%,rgba(16,197,237,.08),transparent 23%)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(80,178,255,.06) 50%,transparent 50.1%);pointer-events:none}.hero-grid{background-size:72px 72px;opacity:.5}.orb-one{width:620px;height:620px;right:-350px;top:-200px;opacity:.18}.orb-two{width:500px;height:500px;left:-330px;bottom:80px;opacity:.13}
.hero-layout{display:flex;flex-direction:column;gap:65px}.hero-copy{max-width:920px;margin:auto;text-align:center}.availability{width:max-content;margin:0 auto 21px;padding:7px 13px;border:1px solid rgba(64,211,235,.2);border-radius:30px;color:#bdebf4;background:rgba(11,34,50,.72);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.availability i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#44e69c;box-shadow:0 0 0 5px rgba(68,230,156,.1);margin-right:8px;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(68,230,156,0)}}
.hero .eyebrow{justify-content:center;margin-bottom:20px}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.99;letter-spacing:-5px;max-width:900px;margin:0 auto 29px}.hero-copy>p{font-size:18px;max-width:700px;margin-inline:auto}.hero-actions{justify-content:center;margin:34px 0 42px}.btn{border-radius:13px;padding:15px 23px;box-shadow:0 12px 38px rgba(18,156,239,.18)}.btn-ghost{background:rgba(8,20,34,.72)}.hero-proof{max-width:720px;justify-content:center;margin:auto;padding:23px 32px;border:1px solid var(--line);border-radius:16px;background:rgba(8,18,31,.55);gap:0}.hero-proof div{padding:0 27px;border-right:1px solid var(--line)}.hero-proof div:last-child{border:0}.hero-proof b{font-size:15px}.hero-visual{width:min(860px,100%);height:390px;margin:auto}.browser-mock{width:740px;height:390px;right:50%;top:0;transform:translateX(50%) perspective(1200px) rotateX(2deg);border-radius:20px;background:#0c1a2b}.browser-bar{height:34px}.mock-page{height:330px}.mock-card{width:210px;height:200px}.phone-mock{right:4%;bottom:-20px;width:130px;height:258px}.hero-logo-crop{left:5%;top:82px;width:165px;height:178px;opacity:.9}.hero-logo-crop img{width:790px;left:-237px;top:-212px}.tag-one{left:2%;top:12px}.tag-two{right:1%;bottom:-30px}
.section{padding:125px 0}.alt{background:linear-gradient(180deg,rgba(9,18,31,.86),rgba(5,11,21,.95));border-block:1px solid rgba(145,204,255,.06)}.eyebrow{font-size:10px;letter-spacing:2.4px}.section-head{align-items:flex-end}.section-head h2,.section-copy h2{font-size:clamp(42px,5vw,62px);letter-spacing:-3px;line-height:1.04}.section-head>p{font-size:14px}.about-grid{grid-template-columns:.9fr 1.1fr}.differentials{gap:14px}.differentials article{padding:28px;border-radius:18px;background:linear-gradient(145deg,rgba(18,39,62,.75),rgba(7,17,30,.9))}.differentials article>span{margin-bottom:32px}
.service-grid{grid-template-columns:repeat(4,1fr);gap:12px}.service-card{min-height:255px;border-radius:20px;padding:28px;background:linear-gradient(145deg,#0b1829,#07111e)}.service-card:nth-child(-n+3){min-height:290px;border-color:rgba(48,181,241,.24);background:linear-gradient(145deg,#0e2136,#081422)}.service-card>span{margin-bottom:47px}.service-card:nth-child(-n+3)>span{width:48px;height:48px;background:var(--grad);color:#03101c;box-shadow:0 10px 32px rgba(23,170,238,.18)}.service-card h3{font-size:17px}.service-card p{font-size:12px}
.benefits{position:relative;overflow:hidden}.benefits:after{content:"N";position:absolute;right:-30px;top:20px;font-size:520px;line-height:1;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(34,177,238,.05);pointer-events:none}.benefit-list{position:relative;z-index:1}.benefit-list div{font-size:16px;padding:22px 0}.benefit-list span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(40,197,239,.24);border-radius:50%}
.project-grid{gap:18px}.project-card{border-radius:22px;background:#081421;transition:.35s}.project-card:hover{transform:translateY(-7px);border-color:rgba(41,190,235,.34);box-shadow:0 25px 70px rgba(0,0,0,.28)}.project-visual{height:320px;background:linear-gradient(145deg,#10253a,#0a1726)}.project-info{padding:30px}.project-info h3{font-size:24px}
.timeline{gap:12px}.timeline:before{display:none}.timeline article{padding:26px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(8,19,32,.7);transition:.3s}.timeline article:hover{transform:translateY(-5px);border-color:rgba(34,201,239,.32)}.timeline b{width:42px;height:42px;background:linear-gradient(145deg,#10283d,#08131f);margin-bottom:28px}.timeline h3{font-size:15px}.timeline p{font-size:11px}
.pricing-grid{gap:14px}.price-card{padding:38px;border-radius:22px;background:linear-gradient(145deg,#0b192a,#07111e)}.price-card.featured{transform:translateY(-16px);border-color:rgba(24,203,238,.65);box-shadow:0 30px 90px rgba(18,157,232,.16)}.price-card h3{font-size:43px}.popular{right:50%;transform:translate(50%,-50%);padding:7px 15px}.testimonial-grid article{border-radius:20px;padding:34px}.accordion details{background:rgba(7,17,29,.5);padding:0 18px;margin:8px 0;border:1px solid var(--line);border-radius:14px}.accordion{border:0}.cta-section{padding:75px 0}.cta{padding:70px;border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(255,255,255,.35),transparent 25%),var(--grad);box-shadow:0 30px 100px rgba(18,157,232,.2)}.cta h2{font-size:46px;max-width:700px}.contact-form{padding:42px;border-radius:22px;background:linear-gradient(145deg,#0b192a,#07111e)}.footer{padding-top:80px}
@media(max-width:1000px){.header{width:calc(100% - 28px)}.hero{min-height:980px}.service-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}.browser-mock{width:680px}.hero h1{font-size:70px}.nav{gap:16px}}
@media(max-width:760px){.container{width:calc(100% - 28px)}.header{top:10px;border-radius:15px}.header .container{width:100%}.nav{inset:-11px -11px auto;padding:80px 20px 24px;border-radius:16px}.hero{min-height:auto;padding:135px 0 85px}.hero h1{font-size:50px;letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-proof{display:grid;grid-template-columns:1fr 1fr;padding:8px}.hero-proof div{padding:13px;border-right:0;border-bottom:1px solid var(--line)}.hero-proof div:nth-child(odd){border-right:1px solid var(--line)}.hero-proof div:nth-last-child(-n+2){border-bottom:0}.hero-visual{height:335px}.browser-mock{width:90%;height:310px}.mock-page{height:255px}.phone-mock{height:200px;width:100px}.hero-logo-crop{width:112px;height:122px;left:0;top:88px}.hero-logo-crop img{width:540px;left:-162px;top:-145px}.section{padding:88px 0}.section-head h2,.section-copy h2{font-size:42px;letter-spacing:-2px}.about-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service-card,.service-card:nth-child(-n+3){min-height:230px}.project-visual{height:270px}.timeline{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}.cta{padding:48px 28px}.cta h2{font-size:38px}}
@media(max-width:480px){.hero h1{font-size:40px;letter-spacing:-2px}.availability{font-size:8px}.hero-actions{flex-direction:column}.hero-visual{height:290px}.browser-mock{height:255px}.mock-page{height:207px}.hero-logo-crop{display:none}.tag-one{top:-3px}.section-head h2,.section-copy h2{font-size:36px}.service-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(-n+3){min-height:auto}.project-visual{height:225px}.timeline{grid-template-columns:1fr}.cta h2{font-size:32px}.contact-form{padding:25px}.footer-logo-crop{margin-left:-18px}}

/* Nova identidade oficial NexBit. */
.brand-banner{display:block;width:168px;height:46px;overflow:hidden;border-radius:8px}.brand-banner img{display:block;width:100%;height:100%;object-fit:cover}.hero-logo-crop{width:178px;height:178px;border-radius:24px;mix-blend-mode:screen}.hero-logo-crop img{position:static;width:100%;height:100%;object-fit:cover}.footer-logo-crop{width:185px;height:185px;margin:-30px 0 -18px;overflow:hidden;border-radius:18px}.footer-logo-crop img{position:static;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.brand-banner{width:145px;height:42px}.hero-logo-crop{width:122px;height:122px}}

.menu-brand{display:flex;width:48px;height:48px;align-items:center;justify-content:center}.menu-brand img{display:block;width:48px;height:48px;object-fit:contain;transform:scale(1.55)}
@media(max-width:760px){.menu-brand,.menu-brand img{width:43px;height:43px}}

.project-grid{grid-template-columns:repeat(3,1fr)}.project-grid .project-visual{height:260px}.project-grid .project-info>a{display:inline-flex;align-items:center;padding:9px 0}.project-grid .project-info>a:hover{color:#fff}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.project-grid{grid-template-columns:1fr}}

/* Carrossel de projetos: novos cards permanecem na mesma linha. */
.project-carousel{position:relative}.carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin:-22px 0 20px}.carousel-status{margin-right:8px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em}.carousel-btn{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(48,190,239,.28);border-radius:50%;background:#0b1b2d;color:#fff;font-size:18px;transition:.2s}.carousel-btn:hover:not(:disabled){background:var(--grad);color:#03101c;transform:translateY(-2px)}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.project-grid{display:flex!important;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;padding:4px 1px 18px}.project-grid::-webkit-scrollbar{display:none}.project-grid:focus-visible{outline:2px solid var(--cyan);outline-offset:7px;border-radius:20px}.project-grid .project-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}
@media(max-width:1000px){.project-grid .project-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:700px){.carousel-controls{margin:-5px 0 17px}.project-grid .project-card{flex-basis:100%}.carousel-btn{width:41px;height:41px}}

/* Setas sobre as laterais do primeiro e do último projeto visível. */
.carousel-controls{min-height:24px;margin:-12px 0 12px}.carousel-status{margin-left:auto;margin-right:0}.carousel-btn{position:absolute;top:54%;z-index:8;width:50px;height:50px;background:rgba(7,23,39,.94);border-color:rgba(29,199,239,.55);box-shadow:0 12px 35px rgba(0,0,0,.45);backdrop-filter:blur(12px);transform:translateY(-50%)}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-btn:hover:not(:disabled){transform:translateY(-50%) scale(1.06)}.carousel-btn:disabled{visibility:hidden;opacity:0}.project-grid{padding-inline:1px}
@media(max-width:700px){.carousel-controls{margin:0 0 10px}.carousel-btn{top:55%;width:46px;height:46px}.carousel-prev{left:8px}.carousel-next{right:8px}}