:root{--bg:#08080c;--panel:#101016;--text:#f7f5f2;--muted:#aaa8b2;--orange:#ff5b20;--orange2:#ff8a22;--purple:#6c38ff;--line:rgba(255,255,255,.1);--mouse-x:50%;--mouse-y:50%}
html{background:#08080c;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.cursor-glow{position:fixed;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(108,56,255,.1),transparent 67%);left:-220px;top:-220px;pointer-events:none;z-index:1;transition:transform .08s linear}.site-header{height:88px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:20;top:0;left:0;width:100%}.logo{display:flex;align-items:center}.logo img{display:block;width:185px;height:auto;object-fit:contain}nav{display:flex;align-items:center;gap:34px}nav a{color:#cbc9d0;font-size:13px;transition:.3s}nav a:hover{color:#fff}.header-cta{height:45px;padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:100px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;transition:.3s}.header-cta:hover{background:var(--text);color:#111}.header-cta svg,.button svg,.text-link svg,.service-card svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.menu-button{display:none;background:none;border:0;color:#fff;width:42px;height:42px}.menu-button i{display:block;height:1px;background:#fff;margin:7px}
.hero{min-height:790px;height:100vh;max-height:980px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:130px max(5vw,24px) 70px;position:relative;overflow:hidden;background:radial-gradient(circle at 73% 42%,rgba(108,56,255,.15),transparent 34%),radial-gradient(circle at 35% 90%,rgba(255,91,32,.08),transparent 27%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 600px at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.035),transparent 70%);pointer-events:none}.hero-grid,.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-copy{position:relative;z-index:2;max-width:720px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:700;color:#c9c6ce;display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:1px;background:var(--orange)}h1,h2{font-weight:700;letter-spacing:-.055em;line-height:.98;margin:23px 0}h1{font-size:clamp(55px,6.4vw,98px)}h1 em,h2 em{font-style:normal;background:linear-gradient(105deg,var(--orange),var(--orange2));-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:570px}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{height:54px;padding:0 24px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:13px;font-weight:700;transition:transform .3s,background .3s,border .3s}.button:hover{transform:translateY(-3px)}.primary{background:linear-gradient(110deg,var(--orange),#ff7724);box-shadow:0 15px 40px rgba(255,91,32,.22)}.ghost{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.025)}.ghost:hover{background:rgba(255,255,255,.08)}.trust-row{display:flex;align-items:center;gap:16px;margin-top:38px}.avatars{display:flex}.avatars i{font-style:normal;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;background:#222;border:2px solid var(--bg);margin-left:-7px}.avatars i:first-child{margin-left:0;background:var(--purple)}.trust-row p{margin:0}.trust-row b,.trust-row span{display:block;font-size:11px}.trust-row span{color:var(--muted);margin-top:5px}.scroll-hint{position:absolute;bottom:28px;left:max(5vw,24px);display:flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:2px;font-size:8px;color:#8c8994}.scroll-hint i{height:35px;width:20px;border:1px solid #444;border-radius:20px;position:relative}.scroll-hint i:after{content:"";width:2px;height:6px;background:var(--orange);position:absolute;left:8px;top:6px;border-radius:2px;animation:scroll 1.7s infinite}@keyframes scroll{to{transform:translateY(14px);opacity:0}}
.visual-wrap{height:610px;position:relative;z-index:2;perspective:1200px}.browser-card{position:absolute;width:min(42vw,620px);height:390px;right:-2vw;top:80px;background:#0e0e15;border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;box-shadow:0 60px 100px rgba(0,0,0,.5);transform:rotateY(-8deg) rotateX(3deg);animation:float 6s ease-in-out infinite}.browser-top{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 12px}.browser-top i{width:6px;height:6px;border-radius:50%;background:#494952}.browser-top i:first-child{background:var(--orange)}.browser-top span{margin-left:25%;font-size:7px;color:#6f6c78}.browser-content{padding:24px}.mini-nav{display:flex;gap:11px;align-items:center;font-size:10px}.mini-nav b{margin-right:auto}.mini-nav b span{color:var(--orange)}.mini-nav em{width:26px;height:3px;background:#3b3942}.mini-hero{height:210px;margin-top:20px;background:linear-gradient(120deg,#171626,#0d0d12);border-radius:9px;padding:31px;display:grid;grid-template-columns:1.2fr .8fr;position:relative;overflow:hidden}.mini-hero small{font-size:5px;color:var(--orange);letter-spacing:1px}.mini-hero strong{font-size:27px;line-height:1.05;display:block;margin-top:12px}.mini-hero strong span{color:var(--orange)}.mini-hero>div>i{display:block;width:65px;height:16px;background:var(--orange);border-radius:20px;margin-top:18px}.mini-art{position:relative}.mini-art span{position:absolute;border-radius:50%;border:1px solid #6d38ff}.mini-art span:nth-child(1){inset:10px}.mini-art span:nth-child(2){inset:35px;background:rgba(108,56,255,.2)}.mini-art span:nth-child(3){width:40px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--orange);border:0;box-shadow:0 0 50px var(--orange)}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.mini-cards i{height:55px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.02)}.phone-card{position:absolute;left:3%;bottom:30px;width:142px;height:282px;background:#111118;border:5px solid #23232c;border-radius:25px;z-index:4;padding:40px 16px 15px;box-shadow:0 35px 60px #000;animation:float 5s 1s ease-in-out infinite}.phone-notch{position:absolute;width:48px;height:10px;background:#26262e;border-radius:0 0 8px 8px;top:0;left:42px}.phone-logo{font-weight:900;font-size:10px}.phone-logo span{color:var(--orange)}.phone-card strong{font-size:16px;line-height:1.1;margin-top:38px;display:block}.phone-card>i{display:block;width:55px;height:13px;border-radius:20px;background:var(--orange);margin-top:16px}.phone-bars{position:absolute;bottom:17px;display:flex;gap:4px}.phone-bars b{width:29px;height:36px;background:#24232b;border-radius:4px}.float-badge{position:absolute;right:0;top:34px;padding:12px 16px;border:1px solid var(--line);background:rgba(20,19,28,.75);backdrop-filter:blur(12px);border-radius:12px;display:flex;gap:10px;align-items:center;z-index:4;animation:float 5s 2s ease-in-out infinite}.float-badge>span{color:#79e2a4;background:rgba(60,214,121,.1);width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.float-badge b,.float-badge small{display:block;font-size:9px}.float-badge small{color:var(--muted);margin-top:3px}.code-chip{position:absolute;z-index:4;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:#15141c;color:var(--orange);font-size:12px;font-weight:800}.chip-a{top:160px;left:0;transform:rotate(-12deg)}.chip-b{bottom:80px;right:4%;transform:rotate(9deg);color:#a985ff}.orbit{position:absolute;border:1px solid rgba(108,56,255,.2);border-radius:50%}.orbit-a{width:500px;height:500px;right:0;top:50px}.orbit-b{width:350px;height:350px;right:70px;top:120px}@keyframes float{50%{transform:translateY(-10px) rotateY(-8deg) rotateX(3deg)}}.phone-card{animation-name:floatphone}@keyframes floatphone{50%{transform:translateY(-12px)}}
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(5vw,24px)}.stats>div{height:145px;display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{font-size:38px;letter-spacing:-2px}.stats strong span{color:var(--orange)}.stats p{text-transform:uppercase;letter-spacing:1px;color:#85828c;font-size:8px;line-height:1.6}.section{padding:120px max(5vw,24px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head h2,.showcase h2,.faq-section h2,.contact h2{font-size:clamp(45px,5vw,74px)}.section-head>p{max-width:440px;color:var(--muted);line-height:1.7;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{min-height:390px;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));display:flex;flex-direction:column;transition:transform .4s,border .4s,background .4s}.service-card:hover{transform:translateY(-10px);border-color:rgba(255,91,32,.5);background:linear-gradient(145deg,rgba(255,91,32,.08),rgba(255,255,255,.01))}.service-card>span{color:#66636e;font-size:10px}.service-icon{font-size:35px;color:var(--orange);margin:50px 0 32px}.service-card h3{font-size:21px;margin:0 0 16px}.service-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.service-card a{display:flex;align-items:center;gap:9px;margin-top:auto;font-size:11px;font-weight:700}.centered{justify-content:center;text-align:center}.centered .kicker{justify-content:center}
.showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;background:#0c0c11}.showcase-art{height:570px;position:relative;perspective:900px}.glow-ring{position:absolute;width:390px;height:390px;background:radial-gradient(circle,var(--purple),transparent 68%);opacity:.24;filter:blur(15px);left:15%;top:15%}.screen-stack{position:absolute;width:82%;height:390px;top:85px;left:5%;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#14141c;transform:rotateY(12deg) rotateX(5deg);padding:22px;box-shadow:0 35px 60px rgba(0,0,0,.5)}.screen-stack.back{transform:translate(50px,-40px) rotateY(12deg);opacity:.35}.fake-nav{font-size:9px;font-weight:800;display:flex;gap:9px}.fake-nav span{color:var(--orange);margin-right:auto}.fake-nav i{width:28px;height:3px;background:#44414d}.fake-title{margin-top:35px;height:210px;border-radius:10px;background:linear-gradient(120deg,#1c1931,#111);padding:28px}.fake-title small{font-size:6px;color:var(--orange)}.fake-title b{font-size:31px;display:block;margin-top:14px;line-height:1}.fake-title b span{color:var(--orange)}.fake-title i{display:block;width:70px;height:16px;background:var(--orange);border-radius:20px;margin-top:25px}.fake-panels{display:flex;gap:7px;margin-top:10px}.fake-panels span{height:53px;flex:1;border-radius:6px;background:#20202a}.showcase-copy>p,.faq-intro>p{color:var(--muted);line-height:1.8;max-width:550px}.showcase-copy ul{list-style:none;padding:0;margin:30px 0}.showcase-copy li{margin:14px 0;font-size:13px}.showcase-copy li span{color:var(--orange);margin-right:12px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:700;border-bottom:1px solid #555;padding-bottom:8px}.benefits{background:radial-gradient(circle at 50% 30%,rgba(108,56,255,.08),transparent 35%)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefit{min-height:195px;padding:28px;display:flex;gap:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.35s}.benefit:hover{background:rgba(255,255,255,.035)}.benefit>span{color:var(--orange);font-size:9px}.benefit h3{margin:0 0 14px;font-size:18px}.benefit p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#0c0c11}.faq-intro .button{margin-top:25px}.faq{border-top:1px solid var(--line)}.faq:last-child{border-bottom:1px solid var(--line)}.faq button{width:100%;height:90px;background:none;color:#fff;border:0;display:grid;grid-template-columns:42px 1fr 30px;align-items:center;text-align:left;cursor:pointer}.faq button span{font-size:9px;color:var(--orange)}.faq button b{font-size:16px}.faq button i{font-style:normal;font-size:23px;font-weight:200;transition:.3s}.faq>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s}.faq>div p{overflow:hidden;margin:0;color:var(--muted);font-size:13px;line-height:1.7;padding:0 40px 0 42px}.faq.active>div{grid-template-rows:1fr}.faq.active>div p{padding-bottom:28px}.faq.active button i{transform:rotate(45deg);color:var(--orange)}.contact{margin:0 max(2vw,10px) 20px;border-radius:24px;min-height:440px;padding:80px max(6vw,30px);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(120deg,#e9470f,#ff6d20)}.contact>*{position:relative;z-index:2}.contact-grid{opacity:.4}.contact-orb{position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:10%;top:-60px;box-shadow:0 0 0 60px rgba(255,255,255,.04),0 0 0 120px rgba(255,255,255,.025)}.contact .kicker{color:#fff}.contact h2{margin-bottom:18px}.contact p{color:rgba(255,255,255,.8)}.light{background:#fff;color:#111;min-width:210px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}footer{padding:65px max(5vw,24px) 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:55px}.footer-top p{color:var(--muted);font-size:12px;line-height:1.7;max-width:300px}.footer-top>a:last-child{text-align:right;font-size:22px}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;color:#6d6a73;font-size:9px;text-transform:uppercase;letter-spacing:1px}.whatsapp{position:fixed;right:24px;bottom:24px;z-index:30;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#28c76f;box-shadow:0 15px 40px rgba(40,199,111,.25)}.whatsapp>svg{width:27px;height:27px;fill:#fff}.whatsapp span{position:absolute;right:60px;white-space:nowrap;background:#fff;color:#111;padding:9px 13px;border-radius:8px;font-size:10px;opacity:0;transform:translateX(10px);transition:.3s}.whatsapp:hover span{opacity:1;transform:none}
@media(max-width:1050px){nav{display:none}.header-cta{margin-left:auto;margin-right:15px}.menu-button{display:block}nav.open{display:flex;position:absolute;top:88px;left:0;width:100%;padding:28px;background:rgba(8,8,12,.97);flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;min-height:1050px;height:auto;max-height:none}.hero-copy{padding-top:55px}.visual-wrap{height:520px;margin-top:20px}.browser-card{width:78vw;right:0}.service-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{height:72px}.logo img{width:145px}.header-cta{display:none}nav.open{top:72px}.hero{padding-top:120px;min-height:930px}.hero h1{font-size:52px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.trust-row{margin-top:28px}.visual-wrap{height:390px;margin-top:10px}.browser-card{width:90vw;height:270px;top:50px;right:-13vw}.browser-content{padding:13px}.mini-hero{height:140px;padding:18px;margin-top:11px}.mini-hero strong{font-size:18px}.mini-cards i{height:30px}.phone-card{width:100px;height:200px;left:0;bottom:5px;border-width:3px;border-radius:18px;padding:28px 11px}.phone-notch{left:28px;width:36px}.phone-card strong{font-size:11px;margin-top:25px}.phone-bars b{width:18px;height:25px}.float-badge{right:-8px;top:10px}.chip-a{display:none}.orbit-a{width:330px;height:330px}.orbit-b{width:230px;height:230px}.scroll-hint{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stats>div{height:110px;border-bottom:1px solid var(--line)}.stats strong{font-size:29px}.section{padding:82px 22px}.section-head{display:block}.section-head>p{margin-top:30px}.section-head h2,.showcase h2,.faq-section h2,.contact h2{font-size:45px}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px}.service-icon{margin:35px 0 25px}.showcase{grid-template-columns:1fr}.showcase-art{height:370px;order:2}.screen-stack{height:280px;width:92%;top:45px}.fake-title{height:145px;padding:18px}.fake-title b{font-size:23px}.benefit-grid{grid-template-columns:1fr}.benefit{min-height:155px}.faq-section{grid-template-columns:1fr}.faq-intro .button{width:auto}.contact{display:block;padding:70px 25px}.contact .button{margin-top:35px;width:100%}.footer-top{grid-template-columns:1fr;gap:25px}.footer-top>a:last-child{text-align:left}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Correção do botão flutuante em smartphones na vertical */
@media (max-width:720px) and (orientation:portrait){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
  }
  main{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  .whatsapp{
    position:fixed!important;
    box-sizing:border-box!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    right:22px!important;
    left:auto!important;
    bottom:20px!important;
    margin:0!important;
    transform:none!important;
    z-index:9999;
  }
  .whatsapp span{
    display:none;
  }
}

/* Melhorias de leitura */
nav a{font-size:15px}
.hero-copy>p,.section-head>p,.showcase-copy>p,.faq-intro>p{font-size:17px}
.service-card p,.benefit p,.faq>div p{font-size:15px}
.footer-top p{font-size:14px}

/* Botão do WhatsApp com ondas pulsantes */
.whatsapp{width:60px;height:60px;right:34px;isolation:isolate}
.whatsapp>svg{width:31px;height:31px;position:relative;z-index:3}
.whatsapp::before,.whatsapp::after{
  content:"";
  position:absolute;
  inset:-1px;
  border:2px solid rgba(40,199,111,.8);
  border-radius:50%;
  z-index:-1;
  animation:whatsapp-wave 2.2s ease-out infinite;
}
.whatsapp::after{animation-delay:1.1s}
@keyframes whatsapp-wave{
  0%{transform:scale(.9);opacity:.9}
  80%,100%{transform:scale(1.85);opacity:0}
}

/* Mockups de sites mais realistas */
.realistic-browser{height:420px}
.realistic-browser .browser-content{padding:20px}
.desktop-menu{display:flex;gap:14px;align-items:center}
.desktop-menu em{width:auto;height:auto;background:none;color:#85818e;font-size:6px;font-style:normal}
.mini-nav u{font-size:6px;text-decoration:none;background:var(--orange);padding:6px 10px;border-radius:20px}
.realistic-browser .mini-hero{height:190px;padding:25px;margin-top:15px}
.mini-copy p{font-size:7px;line-height:1.5;color:#8f8b98;max-width:210px;margin:10px 0}
.mini-copy>i{display:inline-flex!important;width:auto!important;height:auto!important;padding:7px 12px;margin-top:5px!important;color:#fff;font-size:6px;font-style:normal}
.mini-art b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:6px;letter-spacing:1px;z-index:2;white-space:nowrap}
.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}
.mini-metrics span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#15151d}
.mini-metrics b{font-size:10px;color:var(--orange)}
.mini-metrics small{font-size:5px;color:#85818e}
.realistic-browser .mini-cards{margin-top:7px}
.realistic-browser .mini-cards i{height:42px;padding:9px;display:flex;flex-direction:column;gap:4px;font-style:normal}
.realistic-browser .mini-cards b{font-size:7px}
.realistic-browser .mini-cards small{font-size:5px;color:#77737f}
.realistic-phone{width:155px;height:315px;padding:28px 13px 13px;background:linear-gradient(160deg,#171720,#0d0d12)}
.phone-status{position:absolute;top:10px;left:13px;right:13px;display:flex;justify-content:space-between;font-size:5px;color:#9a96a2}
.phone-status i{font-style:normal;letter-spacing:1px}
.realistic-phone .phone-logo{display:flex;align-items:center;font-size:7px;letter-spacing:.5px}
.realistic-phone .phone-logo>i{width:13px;height:1px;background:#777;margin-left:auto}
.phone-site-hero{margin-top:25px;padding:16px 10px;background:linear-gradient(145deg,#211a37,#111118);border-radius:8px;position:relative;overflow:hidden}
.phone-site-hero::after{content:"";position:absolute;width:95px;height:95px;border:0;right:-30px;top:-6px;background:radial-gradient(circle,rgba(108,56,255,.52) 0,rgba(108,56,255,.22) 34%,transparent 70%);filter:blur(8px);pointer-events:none}
.phone-site-hero small{font-size:4px;letter-spacing:.7px;color:var(--orange)}
.phone-site-hero strong{font-size:13px!important;margin-top:8px!important;position:relative;z-index:2}
.phone-site-hero strong span{color:var(--orange)}
.phone-site-hero p{font-size:5px;line-height:1.5;color:#9995a2;margin:8px 0}
.phone-site-hero>i{display:inline-block!important;width:auto!important;height:auto!important;margin-top:2px!important;padding:5px 8px;background:var(--orange);border-radius:20px;color:#fff;font-size:4px;font-style:normal}
.phone-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px}
.phone-projects b{height:45px;border-radius:5px;background:linear-gradient(160deg,#272630,#15151c);border:1px solid rgba(255,255,255,.06)}

@media(max-width:720px){
  .site-header{height:66px}
  nav.open{top:66px}
  .hero{padding-top:88px;min-height:850px}
  .hero-copy{padding-top:12px}
  .hero-copy>p{font-size:16px}
  .visual-wrap{height:365px}
  .realistic-browser{height:285px}
  .realistic-phone{width:108px;height:220px;padding:22px 8px 8px}
  .phone-site-hero{margin-top:16px;padding:10px 6px}
  .phone-site-hero strong{font-size:9px!important}
  .phone-site-hero p{display:none}
  .phone-projects b{height:28px}
  .whatsapp{width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important}
  .whatsapp>svg{width:29px;height:29px}
}

/* Ícones e marcadores laranjados em maior destaque */
.service-icon{
  font-size:48px;
  line-height:1;
}
.benefit>span{
  font-size:14px;
  line-height:1;
  font-weight:700;
  letter-spacing:1px;
}
@media(max-width:720px){
  .service-icon{font-size:44px}
  .benefit>span{font-size:13px}
}

/* Contraste da chamada final */
.contact h2 em{
  background:none;
  color:#fff;
  -webkit-text-fill-color:#fff;
  text-shadow:none;
}

/* Hero 20px mais próximo do topo no desktop */
@media(min-width:1051px){
  .hero{padding-top:110px}
}

/* Menu mobile em formato de cápsula */
@media(max-width:1050px){
  .menu-button{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:116px;
    height:48px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(8,8,12,.72);
    backdrop-filter:blur(12px);
    color:#fff;
  }
  .menu-button i{
    position:absolute;
    left:18px;
    width:20px;
    height:2px;
    margin:0;
    border-radius:4px;
    background:#fff;
    transition:transform .3s,opacity .3s;
  }
  .menu-button i:nth-child(1){top:16px}
  .menu-button i:nth-child(2){top:23px}
  .menu-button i:nth-child(3){top:30px}
  .menu-button span{
    display:block;
    font-size:13px;
    line-height:1;
    font-weight:800;
    letter-spacing:1.5px;
  }
  .menu-button[aria-expanded="true"] i:nth-child(1){top:23px;transform:rotate(45deg)}
  .menu-button[aria-expanded="true"] i:nth-child(2){opacity:0}
  .menu-button[aria-expanded="true"] i:nth-child(3){top:23px;transform:rotate(-45deg)}
}
@media(max-width:720px){
  .menu-button{width:105px;height:44px;padding-right:15px}
  .menu-button i{left:15px;width:18px}
  .menu-button i:nth-child(1){top:14px}
  .menu-button i:nth-child(2){top:21px}
  .menu-button i:nth-child(3){top:28px}
  .menu-button[aria-expanded="true"] i:nth-child(1),
  .menu-button[aria-expanded="true"] i:nth-child(3){top:21px}
  .menu-button span{font-size:12px}
}

/* Palavra à esquerda e traços à direita no menu mobile */
@media(max-width:1050px){
  .menu-button{
    justify-content:flex-start;
    padding:0 18px;
  }
  .menu-button i{
    left:auto;
    right:18px;
  }
}
@media(max-width:720px){
  .menu-button{padding:0 15px}
  .menu-button i{
    left:auto;
    right:15px;
  }
}

/* Espaço extra abaixo dos botões somente no celular vertical */
@media(max-width:720px) and (orientation:portrait){
  .hero-copy{padding-bottom:40px}
}

/* Flutuação mais evidente dos elementos visuais do Hero */
.browser-card{animation:hero-float-desktop 5s ease-in-out infinite}
.phone-card{animation:hero-float-phone 4.2s .5s ease-in-out infinite}
.float-badge{animation:hero-float-badge 3.8s .8s ease-in-out infinite}
.code-chip{animation:hero-float-chip 4s ease-in-out infinite}
.chip-b{animation-delay:1.2s}
@keyframes hero-float-desktop{
  0%,100%{transform:translateY(0) rotateY(-8deg) rotateX(3deg)}
  50%{transform:translateY(-22px) rotateY(-8deg) rotateX(3deg)}
}
@keyframes hero-float-phone{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-24px)}
}
@keyframes hero-float-badge{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-18px)}
}
@keyframes hero-float-chip{
  0%,100%{transform:translateY(0) rotate(-10deg)}
  50%{transform:translateY(-16px) rotate(-5deg)}
}
/* Faixa de números sem linhas de grade */
.stats,
.stats>div,
.stats>div:last-child{
  border:none!important;
}

/* Ícones específicos dos serviços */
.service-icon{
  width:96px;
  height:96px;
  margin:0 0 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--orange);
}
.service-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 12px rgba(255,91,32,.22));
}
@media(max-width:720px){
  .service-icon{
    width:88px;
    height:88px;
    margin:0 0 25px;
  }
}

/* Gráfico progressivo animado no hero */
.mini-art.progressive-chart{
  min-height:140px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px 12px 13px;
  border:1px solid rgba(108,56,255,.26);
  border-radius:10px;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(155deg,rgba(108,56,255,.13),rgba(255,91,32,.04));
  background-size:100% 25%,20% 100%,100% 100%;
  overflow:hidden;
}
.mini-art.progressive-chart b{
  position:absolute;
  top:10px;
  left:12px;
  transform:none;
  color:#aaa6b3;
  font-size:5px;
  letter-spacing:1.4px;
}
.chart-bars{
  height:82px;
  display:flex;
  align-items:flex-end;
  gap:8px;
  padding:0 5px;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.chart-bars i{
  position:relative;
  flex:1;
  height:var(--bar-height);
  min-width:7px;
  border-radius:4px 4px 1px 1px;
  background:linear-gradient(180deg,var(--orange2),var(--orange) 55%,var(--purple));
  box-shadow:0 0 15px rgba(255,91,32,.25);
  transform-origin:bottom;
  animation:progressive-bars 2.8s ease-in-out var(--bar-delay) infinite;
}
.chart-bars i:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 35%);
}
.progressive-chart>small{
  margin-top:7px;
  color:var(--orange);
  font-size:5px;
  font-weight:700;
  letter-spacing:1px;
  text-align:right;
}
@keyframes progressive-bars{
  0%,100%{transform:scaleY(.35);filter:saturate(.8)}
  45%,70%{transform:scaleY(1);filter:saturate(1.25)}
}
@media(max-width:720px){
  .mini-art.progressive-chart{
    min-height:100px;
    padding:14px 8px 9px;
  }
  .chart-bars{
    height:58px;
    gap:5px;
  }
}

/* Ajuste discreto do título principal */
.hero h1{
  font-size:clamp(52px,6vw,92px);
}
@media(max-width:720px){
  .hero h1{
    font-size:48px;
  }
}

/* Ajustes de leitura dos botões no celular */
@media(max-width:720px){
  .button{
    font-size:15px;
  }
  .service-card a{
    font-size:15px;
  }
}

/* Menos espaço antes do link "Saiba mais" nos cards de serviços no desktop */
@media(min-width:1051px){
  .service-card{
    min-height:340px;
  }
  .service-card a{
    margin-top:24px;
  }
}

/* Diferenciais em cards, mantendo a identidade visual do site */
.benefit-grid{
  gap:20px;
  border:0;
}
.benefit{
  min-height:0;
  padding:30px 34px;
  display:block;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  transition:transform .35s,border-color .35s,background .35s;
}
.benefit:hover{
  transform:translateY(-7px);
  border-color:rgba(255,91,32,.48);
  background:linear-gradient(145deg,rgba(255,91,32,.09),rgba(108,56,255,.035));
}
.benefit-top{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  margin-bottom:28px;
}
.benefit-icon{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:var(--orange);
  background:rgba(255,91,32,.1);
}
.benefit-icon svg{
  width:40px;
  height:40px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 10px rgba(255,91,32,.25));
}
.benefit h3{
  font-size:20px;
  margin-bottom:14px;
}
.benefit p{
  font-size:15px;
  line-height:1.75;
}
.faq button span{
  font-size:14px;
  font-weight:800;
}
@media(min-width:1051px){
  .benefit-grid{
    width:100%;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
  }
}
@media(max-width:720px){
  .benefit-grid{
    gap:14px;
  }
  .benefit{
    min-height:0;
    padding:28px;
  }
  .benefit-icon{
    width:66px;
    height:66px;
  }
  .benefit-icon svg{
    width:36px;
    height:36px;
  }
  .faq button span{
    font-size:14px;
  }
}

/* Frase do rodapé em uma linha no computador */
@media(min-width:1051px){
  .footer-top p{
    max-width:none;
    white-space:nowrap;
    justify-self:center;
  }
}