:root{--bg:#000;--ink:#fff;--mute:rgba(255,255,255,.62);--dim:rgba(255,255,255,.38);--line:rgba(255,255,255,.12);--glass:rgba(255,255,255,.045);--r:22px;--pad:clamp(20px,5vw,72px);--ease:cubic-bezier(.2,.8,.2,1);--f1:'Manrope',system-ui,sans-serif;--f2:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:clip}
html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 clamp(15px,1.05vw,17px)/1.6 var(--f2);overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3{font-family:var(--f1);font-weight:800;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
p{text-wrap:pretty;max-width:60ch}
:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}
.progress{position:fixed;inset:0 auto auto 0;height:2px;width:100%;background:#fff;transform:scaleX(0);transform-origin:left;z-index:100}
.grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}

/* LOGO em CSS */
.mark{--s:clamp(7px,.7vw,9px);display:inline-grid;grid-template-columns:repeat(3,var(--s));grid-template-rows:repeat(3,var(--s));gap:0;flex:none}
.mark b{background:#fff;display:block}
.mark b:nth-child(1){grid-area:1/2}.mark b:nth-child(2){grid-area:1/3}.mark b:nth-child(3){grid-area:2/1}
.mark b:nth-child(4){grid-area:2/3;transform:scale(.55)}.mark b:nth-child(5){grid-area:3/1}.mark b:nth-child(6){grid-area:3/2}
.logo{display:inline-flex;align-items:center;gap:.7em;font:800 clamp(20px,1.7vw,26px)/1 var(--f1);letter-spacing:-.04em}
.logo.big{font-size:clamp(28px,4vw,46px)}.logo.big .mark{--s:clamp(11px,1.5vw,16px)}
.logo:hover .mark b{animation:blink .5s var(--ease) backwards}
.logo:hover .mark b:nth-child(odd){animation-delay:.08s}
@keyframes blink{50%{opacity:.2}}

/* TOPBAR */
.topbar{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(14px + env(safe-area-inset-top)) var(--pad) 14px;transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
.topbar.scrolled{background:rgba(0,0,0,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:var(--line)}
.desktop-nav{display:flex;gap:clamp(18px,2.6vw,40px);font-size:.82em;letter-spacing:.14em;text-transform:uppercase}
.desktop-nav a{position:relative;color:var(--mute);padding:6px 0;transition:color .3s}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a.active::after,.desktop-nav a:hover::after{transform:scaleX(1);transform-origin:left}
.nav-cta{background:#fff;color:#000;font-weight:600;font-size:.88em;padding:10px 18px;border-radius:99px;white-space:nowrap}

/* BOTÕES */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:99px;font-weight:600;border:1px solid transparent;position:relative;overflow:hidden;transition:transform .4s var(--ease),background .3s,color .3s;text-align:center}
.button span{transition:transform .4s var(--ease)}.button:hover span{transform:translate(3px,-3px)}
.button-light{background:#fff;color:#000}.button-light:hover{background:#e8e8e8}
.button-outline{border-color:rgba(255,255,255,.3);background:transparent}.button-outline:hover{background:#fff;color:#000}
.text-link{color:var(--mute);border-bottom:1px solid var(--line);padding-bottom:3px;transition:color .3s,border-color .3s}.text-link:hover{color:#fff;border-color:#fff}
.magnetic{transition:transform .25s var(--ease)}

/* BASE */
.section{padding:clamp(72px,10vw,150px) var(--pad);position:relative;max-width:1500px;margin:0 auto}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--mute);font-size:.82em;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}
.eyebrow i{width:30px;height:1px;background:#fff;display:block}
h2{font-size:clamp(32px,5vw,72px)}
.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(36px,5vw,72px)}
.section-heading p{color:var(--mute)}
.glass{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;overflow:hidden;transition:border-color .4s,transform .6s var(--ease)}
.glass::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.12),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.glass:hover::before{opacity:1}.glass:hover{border-color:rgba(255,255,255,.3)}

/* REVEAL */
.js .reveal{opacity:0;transform:translateY(34px);filter:blur(6px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:var(--rd,0s)}
.js .reveal.visible{opacity:1;transform:none;filter:none}

/* HERO */
.hero{overflow-x:clip;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,64px);padding-top:clamp(110px,14vw,160px)}
.hero h1{font-size:clamp(40px,6.6vw,104px);margin-bottom:28px}
.ln{display:block;overflow:hidden;padding-bottom:.08em}
.ln>span{display:block;transform:translateY(110%);animation:up 1.1s var(--ease) var(--d) forwards}
.load{opacity:0;transform:translateY(20px);animation:fade 1s var(--ease) var(--d) forwards}
@keyframes up{to{transform:none}}@keyframes fade{to{opacity:1;transform:none}}
.hero-copy p{color:var(--mute);font-size:clamp(16px,1.3vw,20px);margin-bottom:34px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.hero-proof{display:flex;align-items:center;gap:18px;margin-top:clamp(32px,5vw,64px);color:var(--mute);font-size:.88em}
.hero-proof b{color:#fff;font-weight:600}
.proof-line{flex:1;min-width:30px;max-width:140px;height:1px;background:linear-gradient(90deg,#fff,transparent)}
.proof-note{font-size:.78em;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}

.hero-art{position:relative;aspect-ratio:1/1;width:100%;max-width:620px;justify-self:center;--px:0;--py:0}
.art-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;inset:6%;animation:spin 40s linear infinite}
.orbit-two{inset:-4%;border-style:dashed;animation-duration:70s;animation-direction:reverse}
.orbit-one::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;background:#fff}
@keyframes spin{to{transform:rotate(360deg)}}
.pixel-scene{position:absolute;inset:0;display:grid;place-items:center;perspective:900px}
.pixel-mark{--c:clamp(54px,11vw,128px);display:grid;grid-template-columns:repeat(3,var(--c));grid-template-rows:repeat(3,var(--c));transform:rotateY(calc(var(--px)*14deg)) rotateX(calc(var(--py)*-14deg));transition:transform .3s ease-out;transform-style:preserve-3d}
.pixel-mark b{display:block;background:#fff;box-shadow:0 0 60px rgba(255,255,255,.25);opacity:0;transform:translate3d(var(--fx),var(--fy),200px) scale(.4);animation:snap 1.1s var(--ease) var(--t) forwards,bob 5s ease-in-out calc(var(--t) + 1.2s) infinite}
.pixel-mark b:nth-child(1){grid-area:1/2;--fx:60px;--fy:-160px;--t:.2s}.pixel-mark b:nth-child(2){grid-area:1/3;--fx:200px;--fy:-80px;--t:.35s}
.pixel-mark b:nth-child(3){grid-area:2/1;--fx:-200px;--fy:-20px;--t:.5s}.pixel-mark b:nth-child(4){grid-area:2/3;--fx:220px;--fy:60px;--t:.65s;scale:.55}
.pixel-mark b:nth-child(5){grid-area:3/1;--fx:-160px;--fy:180px;--t:.8s}.pixel-mark b:nth-child(6){grid-area:3/2;--fx:20px;--fy:200px;--t:.95s}
@keyframes snap{to{opacity:1;transform:none}}
@keyframes bob{50%{transform:translateZ(calc(var(--c)*.18))}}
.art-label{position:absolute;left:50%;transform:translateX(-50%);font-size:.74em;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.label-top{top:2%}.label-bottom{bottom:2%}
.float-card{position:absolute;right:-2%;bottom:16%;width:min(46%,230px);padding:14px;border-radius:16px;background:rgba(10,10,10,.6);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate(calc(var(--px)*-22px),calc(var(--py)*-22px));transition:transform .3s ease-out;animation:fade 1s var(--ease) 1.4s backwards}
.mini-top{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.mini-top i{width:6px;height:6px;border-radius:50%;background:var(--dim)}.mini-top span{margin-left:auto}
.mini-line{height:6px;border-radius:9px;background:var(--line);margin-bottom:8px;position:relative;overflow:hidden}
.mini-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff,transparent);transform:translateX(-100%);animation:sweep 3s ease-in-out infinite}
.mini-line.w70{width:70%}.mini-line.w45{width:45%}
.mini-button{height:22px;width:50%;border-radius:99px;background:#fff;margin-top:14px;animation:pulse 2.4s ease-in-out infinite}
@keyframes sweep{60%,100%{transform:translateX(100%)}}@keyframes pulse{50%{opacity:.55}}
.scroll-cue{position:absolute;left:var(--pad);bottom:28px;display:flex;align-items:center;gap:12px;font-size:.72em;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.scroll-cue span{width:1px;height:36px;background:var(--line);position:relative;overflow:hidden}
.scroll-cue span::after{content:"";position:absolute;left:0;width:1px;height:14px;background:#fff;animation:drop 2s var(--ease) infinite}
@keyframes drop{from{top:-14px}to{top:36px}}

/* TICKER */
.ticker{border-block:1px solid var(--line);overflow:hidden;padding:20px 0;background:#fff;color:#000}
.ticker-track{display:flex;gap:clamp(24px,3vw,48px);width:max-content;animation:marquee 32s linear infinite;font:800 clamp(16px,2vw,26px)/1 var(--f1);letter-spacing:-.02em;white-space:nowrap}
.ticker-track b{font-size:.5em;align-self:center}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

/* SOLUÇÕES */
.solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(14px,2vw,24px)}
.solution-card{padding:clamp(24px,2.6vw,38px);display:flex;flex-direction:column;gap:14px;min-height:340px}
.solution-card:hover{transform:translateY(-8px)}
.solution-number{font-size:.78em;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.solution-card h3{font-size:clamp(22px,2vw,30px)}.solution-card p{color:var(--mute);font-size:.95em}
.solution-card>a{margin-top:auto;align-self:flex-end;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background .3s,color .3s,transform .5s var(--ease)}
.solution-card:hover>a{background:#fff;color:#000;transform:rotate(45deg)}
.icon-wrap{height:78px;margin:10px 0 14px;position:relative;width:96px}
.icon-browser{border:1.5px solid #fff;border-radius:10px}
.icon-browser span{position:absolute;top:8px;width:5px;height:5px;border-radius:50%;background:#fff}
.icon-browser span:nth-child(1){left:9px}.icon-browser span:nth-child(2){left:20px;opacity:.6}.icon-browser span:nth-child(3){left:31px;opacity:.3}
.icon-browser i{position:absolute;left:12px;right:12px;bottom:12px;top:26px;background:repeating-linear-gradient(90deg,#fff 0 40%,transparent 40% 50%);opacity:.8;animation:pulse 3s infinite}
.icon-system{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:78px}
.icon-system i{background:#fff;border-radius:4px;animation:pulse 2.8s infinite}.icon-system i:nth-child(2){animation-delay:.4s;opacity:.5}.icon-system i:nth-child(3){animation-delay:.8s;opacity:.5}.icon-system i:nth-child(4){animation-delay:1.2s}
.icon-brand{display:grid;place-items:center start}.icon-brand .mark{--s:20px}
.solution-card:hover .icon-brand b{animation:blink .6s var(--ease) backwards}

/* MANIFESTO */
.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center}
.manifesto-art{position:relative;aspect-ratio:1/1.02;max-width:520px;width:100%}
.stack{position:absolute;inset:0 8% 14% 0;border:1px solid var(--line);border-radius:var(--r);transition:translate .2s linear}
.stack-back{background:#0a0a0a}.stack-mid{background:#121212}
.stack-front{background:#000;border-color:rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;box-shadow:0 30px 80px rgba(255,255,255,.06)}
.stack-front small{font-size:.74em;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.manifesto-caption{position:absolute;right:0;bottom:0;font-size:.74em;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);text-align:right}
.manifesto-copy h2{margin-bottom:26px}.manifesto-copy p{color:var(--mute);margin-bottom:18px}.manifesto-copy .text-link{display:inline-block;margin-top:10px}

/* PROCESSO */
.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,36px);position:relative}
.track-line{position:absolute;top:44px;left:0;right:0;height:1px;background:var(--line)}
.track-line::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(var(--tp,0));transform-origin:left}
.process-step{position:relative;padding-top:6px}
.process-step>span{font:800 clamp(28px,3vw,44px)/1 var(--f1);color:var(--dim)}
.step-dot{width:11px;height:11px;background:#fff;margin:22px 0 28px;box-shadow:0 0 0 6px #000}
.process-step h3{font-size:clamp(20px,1.8vw,26px);margin-bottom:10px}.process-step p{color:var(--mute);font-size:.94em}

/* PLANOS */
.pricing{overflow:hidden}
.pricing-bg{position:absolute;top:clamp(20px,4vw,60px);left:50%;transform:translate(-50%,calc(var(--bgy,0)*1px));font:800 clamp(110px,24vw,380px)/.9 var(--f1);letter-spacing:-.06em;color:#fff;opacity:.9;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(#000 25%,transparent 85%);mask-image:linear-gradient(#000 25%,transparent 85%)}
.pricing>*:not(.pricing-bg){position:relative;z-index:1}
.pricing-head{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:clamp(70px,16vw,240px);margin-bottom:34px}
.pricing-head p{color:var(--mute);margin-top:18px}.pricing-head h2{max-width:16ch}
.term-picker{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 auto 40px;width:fit-content;max-width:100%;padding:6px;border:1px solid var(--line);border-radius:99px;background:rgba(0,0,0,.5);backdrop-filter:blur(12px)}
.term-picker>span{padding:0 12px;color:var(--dim);font-size:.8em;letter-spacing:.12em;text-transform:uppercase}
.term-btn{background:transparent;border:0;border-radius:99px;padding:10px 18px;color:var(--mute);transition:background .35s var(--ease),color .3s;white-space:nowrap}
.term-btn small{font-size:.72em;margin-left:4px;opacity:.7}
.term-btn.active{background:#fff;color:#000}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(16px,2.4vw,28px);max-width:900px;margin:0 auto}
.plan-card{padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;gap:14px}
.plan-card:hover{transform:translateY(-8px)}
.plan-card.featured{border-color:rgba(255,255,255,.35);background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.03))}
.plan-tag,.popular{font-size:.74em;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.popular{position:absolute;top:18px;right:18px;background:#fff;color:#000;padding:5px 12px;border-radius:99px;font-weight:600}
.plan-card h3{font-size:clamp(28px,3vw,40px)}.plan-description{color:var(--mute);font-size:.94em}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price strong{font:800 clamp(34px,4vw,52px)/1 var(--f1);letter-spacing:-.04em}.price span{color:var(--dim)}
.setup{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--mute);font-size:.92em}.setup b{color:#fff;display:inline-block}
.setup b.flip{animation:flip .6s var(--ease)}
@keyframes flip{from{opacity:0;transform:translateY(-12px);filter:blur(4px)}}
.first-free{font-size:.84em;padding:9px 14px;border:1px dashed rgba(255,255,255,.3);border-radius:12px;color:#fff}
.plan-divider{height:1px;background:var(--line);margin:4px 0}
.plan-card ul{list-style:none;display:grid;gap:11px;margin-bottom:12px;flex:1}
.plan-card li{display:flex;gap:12px;color:var(--mute);font-size:.94em}
.plan-card li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2L9 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/70% no-repeat}
.plan-card .button{width:100%}
.plan-note{text-align:center;color:var(--dim);font-size:.86em;margin:30px auto 0}

/* CTA FINAL */
.final-cta{text-align:center;display:flex;flex-direction:column;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--r)*1.4);margin:0 var(--pad) clamp(60px,8vw,110px);padding:clamp(56px,9vw,130px) clamp(20px,5vw,60px);width:auto;max-width:calc(1500px - 2*var(--pad))}
@media(min-width:1500px){.final-cta{margin-inline:auto}}
.final-cta h2{max-width:16ch;margin-bottom:20px}.final-cta p{color:var(--mute);margin-bottom:32px}
.cta-glow{position:absolute;width:70%;aspect-ratio:1;left:50%;top:110%;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);animation:breathe 6s ease-in-out infinite;pointer-events:none}
@keyframes breathe{50%{transform:translateX(-50%) scale(1.2);opacity:.6}}
.final-cta>*:not(.cta-glow){position:relative}

/* FOOTER / DOCK */
.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:34px var(--pad) 40px;border-top:1px solid var(--line);color:var(--mute);font-size:.88em}
.footer small{width:100%;color:var(--dim)}.footer-tag{flex:1;min-width:200px}
.support-fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:55;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:99px;background:rgba(10,10,10,.7);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-weight:600;font-size:.9em;transition:transform .4s var(--ease),background .3s,color .3s}
.support-fab:hover{background:#fff;color:#000;transform:translateY(-3px)}
.support-fab span{animation:pulse 2s infinite}
.mobile-nav{display:none}

/* CHECKOUT */
.checkout{margin:auto;width:min(92vw,480px);max-height:92svh;overflow:auto;background:#0a0a0a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--r);padding:clamp(24px,5vw,40px);position:fixed}
.checkout[open]{animation:pop .5s var(--ease)}
.checkout::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}
@keyframes pop{from{opacity:0;transform:translateY(24px) scale(.96)}}
.checkout h2{font-size:clamp(26px,5vw,36px);margin-bottom:22px}
.close-dialog{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;font-size:20px;line-height:1}
.checkout-summary{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:16px;margin-bottom:20px;background:var(--glass)}
.checkout-summary>span,.checkout-summary small{color:var(--dim);font-size:.82em}.checkout-summary strong{font:800 28px/1 var(--f1)}
.checkout-summary div{display:flex;justify-content:space-between;gap:12px;color:var(--mute);font-size:.92em;border-top:1px solid var(--line);padding-top:10px}.checkout-summary div b{color:#fff;white-space:nowrap}
.checkout p{color:var(--mute);font-size:.94em;margin-bottom:20px}.checkout .button{width:100%}
.checkout-caption{display:block;margin-top:14px;color:var(--dim);text-align:center}

/* RESPONSIVO */
@media(max-width:1000px){
  .hero{grid-template-columns:1fr;text-align:left;padding-bottom:90px}
  .hero-art{max-width:460px;order:-1;margin-top:10px;aspect-ratio:1/.9}
  .section-heading,.manifesto{grid-template-columns:1fr}
  .manifesto-art{margin-inline:auto}
  .process-track{grid-template-columns:repeat(2,1fr)}.track-line{display:none}
  .scroll-cue{display:none}
}
@media(max-width:820px){
  .desktop-nav{display:none}
  .mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:58;padding:6px;border-radius:24px;background:rgba(10,10,10,.75);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-link{display:grid;justify-items:center;gap:1px;padding:8px 0;border-radius:18px;color:var(--dim);transition:background .3s,color .3s}
  .mobile-link small{font-size:10px}.mobile-link.active{background:#fff;color:#000}
  .support-fab{bottom:calc(86px + env(safe-area-inset-bottom));padding:11px 14px}
  body{padding-bottom:96px}
}
@media(max-width:560px){
  .process-track{grid-template-columns:1fr}
  .nav-cta{padding:9px 14px;font-size:.8em}
  .hero-actions .button{width:100%}
  .hero-proof{flex-wrap:wrap}.proof-line{display:none}
  .float-card{right:0;bottom:12%;width:50%}
  .art-label{font-size:.62em}
  .term-picker{border-radius:22px;width:100%}.term-picker>span{width:100%;text-align:center}
  .term-btn{flex:1;padding:10px 8px;font-size:.88em}.term-btn small{display:block;margin:0}
  .pricing-head h2,.final-cta h2{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .reveal,.load,.ln>span,.pixel-mark b{opacity:1!important;transform:none!important;filter:none!important}
}

/* AJUSTES MOBILE */
@media(max-width:1000px){
  .hero{min-height:auto;padding-top:96px;gap:8px}
  .hero-art{max-width:340px;aspect-ratio:1/1;margin:0 auto}
  .orbit-two{inset:0}
  .pixel-mark{--c:clamp(44px,15vw,78px)}
  .float-card{display:none}
  .label-top{top:-2%}.label-bottom{bottom:-2%}
  .hero h1{font-size:clamp(36px,10.5vw,64px)}
}
@media(max-width:820px){
  .topbar{padding-inline:16px}
  .logo{font-size:20px}
  .section{padding:64px 18px}
  .section-heading{gap:16px;margin-bottom:32px}
  h2{font-size:clamp(30px,8.4vw,44px)}
  .solution-card{min-height:0;gap:12px}
  .icon-wrap{height:64px}
  .manifesto-art{max-width:340px;aspect-ratio:1/1}
  .stack-front{gap:16px}
  .pricing-bg{font-size:clamp(90px,31vw,200px);top:40px}
  .pricing-head{margin-top:clamp(70px,24vw,130px)}
  .plan-card .popular{position:static;align-self:flex-start;margin-bottom:-4px}
  .final-cta{margin-inline:18px;padding:56px 20px}
  .footer{flex-direction:column;align-items:flex-start;padding-bottom:110px}
  .ticker-track{font-size:15px}
}
@media(max-width:380px){
  .nav-cta{display:none}
  .term-btn small{display:none}
}