:root{--yellow: #ffe900;--graphite: #0a0a0c;--graphite-2: #06060a;--mist: #f3f2ee;--steel: #8c8b85;--surface: rgba(35, 35, 33, .55);--surface-2: rgba(42, 42, 39, .7);--border: rgba(243, 242, 238, .12);--border-strong: rgba(243, 242, 238, .28);--gradient-color: #ffe900;--sparkles-color: #ffffff;--maxw: 1240px;--gutter: clamp(20px, 5vw, 64px);--font: Helvetica, "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font);background:var(--graphite);color:var(--mist);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}.bg-stack{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--graphite)}.bg-gradient{display:none}.bg-sparkles{position:absolute;inset:0;mask-image:radial-gradient(80% 60% at 50% 50%,#000 40%,transparent 90%);-webkit-mask-image:radial-gradient(80% 60% at 50% 50%,#000 40%,transparent 90%)}.bg-sparkles canvas{display:block}.bg-vignette{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}.header,main,.footer{position:relative;z-index:1}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:4px}.accent{color:var(--yellow)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;letter-spacing:.2px;padding:14px 26px;border-radius:999px;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s,color .2s}.btn span{transition:transform .25s var(--ease)}.btn:hover span{transform:translate(5px)}.btn-primary{background:var(--yellow);color:var(--graphite);font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #ffe9004d}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--mist)}.btn-outline:hover{border-color:var(--yellow);color:var(--yellow)}.btn-lg{padding:17px 34px;font-size:16px}.btn-ghost{color:var(--steel);font-weight:600;font-size:15px;padding:14px 6px;transition:color .2s}.btn-ghost:hover{color:var(--mist)}.header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.header.scrolled{background:#06060aa6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--border)}.header-inner{display:flex;justify-content:space-between;align-items:center;height:80px;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{height:24px;width:auto;display:block}.brand-name{font-weight:700;font-size:18px;letter-spacing:.5px;color:var(--mist);text-transform:uppercase}.brand-divider{width:1px;height:28px;background:var(--border-strong)}.brand-tag{font-weight:400;font-size:12px;letter-spacing:2px;color:var(--steel);text-transform:uppercase;line-height:1.2}.nav-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{width:26px;height:2px;background:var(--mist);transition:.3s var(--ease)}.nav-toggle.open span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle.open span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{position:relative;padding:clamp(104px,12vh,140px) 0 clamp(60px,9vh,100px);overflow:hidden}.hero-grid{display:none}.hero .container{max-width:none;padding-left:clamp(60px,9vw,200px);padding-right:clamp(60px,9vw,200px)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:auto auto;justify-content:space-between;gap:clamp(40px,6vw,80px);align-items:center;min-height:calc(100vh - 200px)}.hero-copy{text-align:left;order:1;max-width:440px;justify-self:start}.hero-stage{justify-self:end;max-width:580px}.eyebrow{display:inline-flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:400;color:var(--steel);margin-bottom:26px}.eyebrow-name{font-weight:700;color:var(--mist)}.eyebrow-divider{width:1px;height:13px;background:var(--border-strong)}.hero-title{font-size:clamp(32px,4.6vw,62px);line-height:1.06;font-weight:700;letter-spacing:-2px;margin:0 0 30px}.hero-title .line{display:block;overflow:hidden}.hero-title .word{display:inline-block}.hero-sub{max-width:440px;font-size:clamp(15px,1.6vw,18px);color:var(--steel);margin:0 0 38px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-stage{position:relative;width:100%;max-width:580px;order:2}.hero-laptop{width:100%;display:block;position:relative;z-index:2;filter:drop-shadow(0 40px 80px rgba(0,0,0,.55))}.fcard{position:absolute;z-index:3;background:#1f1f1d80;color:var(--mist);border:1px solid rgba(243,242,238,.12);border-radius:13px;padding:12px 14px;text-align:left;box-shadow:0 16px 40px #00000052;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);will-change:transform}.fcard header{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:400;margin-bottom:7px;color:var(--mist)}.fc-logo{width:18px;height:18px;object-fit:contain;flex:0 0 auto}.fcard p{font-size:11.5px;color:var(--steel);line-height:1.45}.fcard-instagram{top:44%;left:-8%;width:180px}.fcard-chat{top:4%;right:2%;width:184px}.fcard-ia,.fcard-trafego{display:flex;align-items:center;gap:9px}.fcard-ia{top:52%;right:2%}.fcard-trafego{bottom:6%;left:32%}.fcard-ia strong,.fcard-trafego strong{font-size:12px;font-weight:400}.fc-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);flex:0 0 auto}.fcard-automations{top:-2%;left:4%;width:184px;z-index:1}.fcard-automations ul{display:flex;flex-direction:column;gap:7px}.fcard-automations li{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--mist);background:#f3f2ee0f;border:1px solid rgba(243,242,238,.1);border-radius:8px;padding:6px 9px}.fc-ic{width:17px;height:17px;display:grid;place-items:center;background:var(--yellow);color:var(--graphite);border-radius:5px;font-size:10px;flex:0 0 auto}section{position:relative}.services{padding:clamp(80px,13vh,150px) 0}.section-tag{display:inline-flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:400;color:var(--steel);margin-bottom:26px}.section-tag i{font-style:normal;color:var(--yellow);border:1px solid var(--border-strong);border-radius:999px;padding:4px 10px;font-size:11px}.section-title{font-size:clamp(26px,3.8vw,46px);font-weight:700;letter-spacing:-1.5px;line-height:1.08}.section-head{margin-bottom:clamp(40px,6vh,70px)}.cat-stack{display:flex;flex-direction:column;gap:clamp(16px,2.4vh,28px)}.cat{background:#0a0a0c8c;border:1px solid var(--border);border-radius:22px;padding:clamp(28px,3.2vw,44px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .3s var(--ease),transform .3s var(--ease)}.cat:hover{border-color:var(--border-strong);transform:translateY(-3px)}.cat-head{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,2.2vw,30px);align-items:start;margin-bottom:36px}.cat-num{font-size:clamp(28px,3vw,38px);font-weight:700;color:var(--yellow);letter-spacing:-1px;line-height:1}.cat-title{font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:-.8px;margin-bottom:10px;line-height:1.15}.cat-desc{font-size:clamp(14px,1.3vw,16px);color:var(--steel);max-width:720px}.hcards{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}.hcard{flex:1 1 calc(25% - 22px);min-width:220px;max-width:calc(25% - 22px)}@media (max-width: 1180px){.hcard{flex-basis:calc(33.333% - 22px);max-width:calc(33.333% - 22px)}}@media (max-width: 900px){.hcard{flex-basis:calc(50% - 22px);max-width:calc(50% - 22px)}}@media (max-width: 600px){.hcard{flex-basis:100%;max-width:100%}}.hcard{position:relative;border-radius:18px;border:1px solid rgba(255,233,0,.12);background:linear-gradient(145deg,#010101,#090909,#010101);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:transform .5s var(--ease),border-color .5s var(--ease),box-shadow .5s var(--ease);cursor:default}.hcard:hover{transform:translateY(-4px) scale(1.015);border-color:#ffe90073;box-shadow:0 30px 60px #ffe90014,0 0 0 1px #ffe9001a}.hc-fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hc-fx:before{content:"";position:absolute;inset:0;background:linear-gradient(to top right,#ffe9000a,#ffe90014);opacity:.4;transition:opacity .5s var(--ease)}.hcard:hover .hc-fx:before{opacity:.7}.hc-fx:after{content:"";position:absolute;bottom:-80px;left:-80px;width:190px;height:190px;border-radius:50%;background:linear-gradient(to top right,rgba(255,233,0,.16),transparent);filter:blur(40px);opacity:.25;transition:opacity .7s var(--ease),transform .7s var(--ease)}.hcard:hover .hc-fx:after{opacity:.7;transform:scale(1.15)}.hc-body{position:relative;z-index:1;padding:32px 28px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}.hc-icon{position:relative;margin-bottom:22px}.hc-icon-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,233,0,.22);opacity:0;transition:opacity .4s var(--ease),transform .4s var(--ease)}.hc-icon-ring-2{inset:-6px;border-color:#ffe9001f}.hcard:hover .hc-icon-ring{opacity:1;animation:hcPing 1.8s cubic-bezier(0,0,.2,1) infinite}.hcard:hover .hc-icon-ring-2{animation-delay:.4s}@keyframes hcPing{0%{transform:scale(1);opacity:1}75%,to{transform:scale(1.5);opacity:0}}.hc-icon-inner{position:relative;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#000000d9,#0009);border:1px solid rgba(255,233,0,.3);box-shadow:0 18px 40px #0006;color:#fff;transition:transform .5s var(--ease),box-shadow .5s var(--ease),color .5s var(--ease)}.hcard:hover .hc-icon-inner{transform:rotate(12deg) scale(1.1);box-shadow:0 18px 40px #ffe90047}.hc-icon-inner svg{width:28px;height:28px;transition:transform .7s var(--ease)}.hcard:hover .hc-icon-inner svg{transform:rotate(180deg)}.hc-title{margin-bottom:14px;font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--mist);transition:color .3s var(--ease)}.hcard:hover .hc-title{color:var(--yellow)}.hc-desc{display:flex;flex-direction:column;gap:2px;max-width:280px}.hc-desc p{font-size:13.5px;color:#d1d5db;line-height:1.55;transition:color .3s var(--ease)}.hcard:hover .hc-desc p{color:#e5e7eb}.hc-divider{margin-top:22px;width:28%;height:1px;border-radius:999px;background:linear-gradient(to right,transparent,rgba(255,233,0,.6),transparent);transition:width .5s var(--ease),height .5s var(--ease)}.hcard:hover .hc-divider{width:50%;height:2px}.hc-dots{display:flex;gap:8px;margin-top:16px;opacity:0;transition:opacity .4s var(--ease)}.hcard:hover .hc-dots{opacity:.85}.hc-dots span{width:6px;height:6px;border-radius:50%;background:var(--yellow)}.hcard:hover .hc-dots span{animation:hcDotBounce 1s ease-in-out infinite}.hcard:hover .hc-dots span:nth-child(2){animation-delay:.1s}.hcard:hover .hc-dots span:nth-child(3){animation-delay:.2s}@keyframes hcDotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width: 760px){.hcards,.cat-head{grid-template-columns:1fr}}.footer{background:#06060a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:clamp(60px,9vh,90px) 0 40px}.footer-top{display:flex;flex-direction:column;gap:18px;max-width:580px;margin-bottom:60px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand .brand-symbol{height:42px}.footer-brand .brand-name{font-size:30px}.footer-tag{color:var(--steel);font-size:16px}.footer-bottom{display:flex;justify-content:space-between;margin-top:30px}.footer-bottom small{color:var(--steel);font-size:13px}.reveal{opacity:0;transform:translateY(30px)}.is-ready .reveal{will-change:opacity,transform}.reveal-item{opacity:0;transform:translateY(24px)}.is-ready .reveal-item{will-change:opacity,transform}body:not(.is-ready) .hero-title .word{transform:translateY(110%)}body:not(.is-ready) .hero-stage,body:not(.is-ready) .fcard{opacity:0}@media (max-width: 1100px){.fcard{padding:11px 13px}.fcard header{font-size:12px}.fcard-automations{left:-2%;width:168px}.fcard-automations li{font-size:11px;padding:6px 8px}.fcard-instagram{left:-13%;width:162px}.fcard-chat{right:-3%;width:168px}.fcard-ia{right:-4%}.fcard-trafego{left:18%}.fcard-ia strong,.fcard-trafego strong,.fcard p{font-size:11px}}@media (max-width: 960px){.hero-inner{grid-template-columns:1fr;gap:clamp(50px,8vh,80px)}.hero-copy{text-align:center;order:2;padding-top:0}.hero-stage{order:1;max-width:480px;margin:0 auto}.hero-sub{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}}@media (max-width: 760px){.fcard{display:none}.hero-stage{max-width:580px}}@media (max-width: 560px){.header-cta{padding:11px 18px;font-size:13px}}@media (max-width: 560px){.brand-divider,.brand-tag{display:none}.services .section-title{font-size:clamp(30px,8.5vw,40px)}.footer-bottom{flex-direction:column;gap:8px}.hero-actions{gap:14px}}