:root{--ink: #f7fbfe;--muted: #9ca3af;--bg: #050a1d;--bg-soft: #0a1022;--panel: #0b1123;--card: #0c1735;--line: #1f283c;--cyan: #38bdf8;--purple: #6d5df6;--shadow: 0 24px 70px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);letter-spacing:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 22% 0%,rgba(56,189,248,.13),transparent 34%),radial-gradient(circle at 92% 12%,rgba(109,93,246,.13),transparent 32%),linear-gradient(180deg,#050a1d,#060b1f 52%,#050a1d)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(56,189,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.045) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.cursor-glow{position:fixed;left:0;top:0;z-index:-1;width:360px;height:360px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(56,189,248,.1),transparent 64%);transform:translate3d(-50%,-50%,0);opacity:0;transition:opacity .2s ease}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:14px clamp(18px,4vw,56px);background:#050a1db8;border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .18s ease,background .18s ease}.site-header.is-scrolled{background:#050a1df2;border-bottom-color:var(--line)}.brand{display:inline-flex;align-items:center;min-width:0}.brand img{width:auto;height:clamp(34px,4vw,46px);object-fit:contain}.nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-weight:700;font-size:.92rem}.nav a:not(.nav-cta):hover{color:var(--ink)}.nav-cta{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid rgba(56,189,248,.45);border-radius:8px;color:var(--ink);background:#38bdf814}.nav-toggle{display:none;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#ffffff0a}.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,.98fr) minmax(320px,.88fr);gap:clamp(28px,5vw,72px);align-items:center;overflow:hidden;padding:112px clamp(20px,6vw,84px) 66px}.hero-image,.hero-shade,.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-image{object-fit:cover;object-position:center;opacity:.58;filter:saturate(1.15) hue-rotate(28deg) brightness(.72)}.hero-shade{background:radial-gradient(circle at 73% 42%,rgba(109,93,246,.2),transparent 32%),radial-gradient(circle at 60% 58%,rgba(56,189,248,.14),transparent 34%),linear-gradient(90deg,#050a1dfc,#050a1ddb 42%,#050a1d9e),linear-gradient(0deg,var(--bg) 0%,rgba(5,10,29,0) 32%)}.hero-grid{opacity:.42;background-image:linear-gradient(rgba(56,189,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.06) 1px,transparent 1px);background-size:72px 72px;animation:gridDrift 24s linear infinite}.hero-content,.hero-stage{position:relative;z-index:1}.hero-logo{width:min(330px,74vw);margin:0 0 22px;filter:drop-shadow(0 18px 34px rgba(56,189,248,.12))}.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:.8rem;font-weight:900;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:20px;font-size:clamp(2.75rem,5vw,5.4rem);line-height:.96;font-weight:900}h2{margin-bottom:18px;font-size:clamp(2rem,4vw,4.15rem);line-height:1;font-weight:900}h3{margin-bottom:10px;font-size:1.08rem}.hero-copy{width:min(680px,100%);color:#dbe7f3;font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-weight:900;font-size:.94rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-2px)}.button svg{width:19px;height:19px}.button.primary{color:#04101f;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 18px 44px #38bdf838}.button.secondary{color:var(--ink);background:#ffffff0e;border-color:var(--line)}.authority-line{margin:18px 0 0;color:var(--muted);font-size:.95rem;font-weight:700}.hero-stage{min-height:520px;perspective:1100px}.hero-demo-stack{display:grid;gap:14px;width:min(560px,100%);margin-left:auto}.hero-demo-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;overflow:hidden;min-height:154px;padding:18px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 86% 18%,rgba(56,189,248,.13),transparent 30%),linear-gradient(180deg,#0c1735f0,#0b1123f0);box-shadow:inset 0 1px #ffffff0d,var(--shadow)}.hero-demo-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(56,189,248,.14),transparent 34%);transition:opacity .16s ease}.hero-demo-card:hover:before{opacity:1}.hero-demo-card>*{position:relative}.hero-demo-card strong,.hero-demo-card small{display:block}.hero-demo-card strong{margin-top:12px;font-size:1.2rem}.hero-demo-card small{margin-top:4px;color:var(--muted);font-weight:700}.hero-demo-card ul{display:grid;gap:8px;margin:0;padding:0;color:#dbe7f3;font-size:.9rem;font-weight:800;list-style:none}.hero-demo-card li:before{content:"•";margin-right:7px;color:var(--cyan)}.hero-demo-card .small-button{grid-column:1 / -1;width:fit-content}.system-mockup,.phone-mockup,.demo-card,.pain-card,.solution-card,.process-card,.final-panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#0c1735eb,#0b1123eb);box-shadow:inset 0 1px #ffffff0d,var(--shadow)}.system-mockup{position:absolute;top:54px;right:4%;width:min(560px,96%);overflow:hidden;animation:floatWindow 6s ease-in-out infinite;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.system-mockup:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(56,189,248,.1) 44%,transparent 62%);transform:translate(-120%);animation:scanWindow 5.2s ease-in-out infinite}.mockup-top{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--muted)}.mockup-top span{width:9px;height:9px;border-radius:50%;background:var(--cyan)}.mockup-top span:nth-child(2){background:var(--purple)}.mockup-top span:nth-child(3){background:#f3c86b}.mockup-top strong{margin-left:auto;font-size:.78rem;text-transform:uppercase}.mockup-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.mockup-kpis div,.mockup-chart,.mockup-list{border:1px solid var(--line);border-radius:8px;background:#ffffff09}.mockup-kpis div{padding:14px}.mockup-kpis small{display:block;color:var(--muted);font-size:.76rem}.mockup-kpis strong{display:block;margin-top:8px;font-size:1.7rem}.mockup-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px}.mockup-chart{display:flex;align-items:end;gap:10px;height:160px;padding:16px}.mockup-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--cyan),var(--purple));animation:barDance 3s ease-in-out infinite}.mockup-chart i:nth-child(2){animation-delay:.14s}.mockup-chart i:nth-child(3){animation-delay:.26s}.mockup-chart i:nth-child(4){animation-delay:.38s}.mockup-chart i:nth-child(5){animation-delay:.52s}.mockup-list{display:grid;align-content:center;gap:12px;padding:16px}.mockup-list p{display:flex;align-items:center;gap:8px;margin:0;color:#dce7f2;font-weight:700}.mockup-list span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #38bdf8a6}.phone-mockup{position:absolute;right:0;bottom:52px;width:172px;padding:12px;animation:floatWindow 5.5s ease-in-out infinite reverse}.phone-notch{width:56px;height:5px;margin:0 auto 12px;border-radius:999px;background:#ffffff2e}.phone-screen{display:grid;align-content:end;min-height:250px;padding:16px;border-radius:8px;background:radial-gradient(circle at 50% 28%,rgba(56,189,248,.3),transparent 24%),linear-gradient(160deg,#38bdf824,#6d5df638),var(--panel)}.app-symbol{width:62px;height:86px;margin:0 auto 32px;border-radius:18px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#fff3,#38bdf81f)}.phone-screen small{color:var(--muted)}.phone-screen button{margin-top:12px;border:0;border-radius:8px;padding:10px;color:#04101f;background:var(--cyan);font-weight:900}.section{padding:clamp(72px,10vw,118px) clamp(20px,6vw,84px)}.section-heading{width:min(900px,100%);margin-bottom:38px}.section-heading p:not(.eyebrow),.authority-copy p,.final-panel p{color:var(--muted);font-size:1.02rem;line-height:1.75}.demo-grid{display:grid;grid-template-columns:1.22fr .88fr .88fr;gap:16px}.demo-card{position:relative;overflow:hidden;min-height:430px;padding:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.demo-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(56,189,248,.16),transparent 36%);transition:opacity .18s ease}.demo-card:hover{border-color:#38bdf885;transform:translateY(-6px)}.demo-card:hover:before{opacity:1}.demo-card>*{position:relative}.demo-card.featured{grid-row:span 2}.work-preview{position:relative;min-height:210px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 24%,rgba(56,189,248,.2),transparent 26%),linear-gradient(145deg,#38bdf814,#6d5df614),var(--panel)}.demo-card.featured .work-preview{min-height:340px}.work-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,189,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.06) 1px,transparent 1px);background-size:34px 34px}.work-preview.law{background:radial-gradient(circle at 68% 18%,rgba(109,93,246,.22),transparent 26%),linear-gradient(145deg,#f7fbfe14,#38bdf80f),var(--panel)}.work-preview.barber{background:radial-gradient(circle at 70% 20%,rgba(56,189,248,.18),transparent 24%),linear-gradient(145deg,#38bdf80f,#6d5df61f),var(--panel)}.preview-toolbar{position:relative;display:flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border-bottom:1px solid rgba(31,40,60,.86);color:var(--muted)}.preview-toolbar span{width:8px;height:8px;border-radius:50%;background:var(--cyan)}.preview-toolbar span:nth-child(2){background:var(--purple)}.preview-toolbar span:nth-child(3){background:#f3c86b}.preview-toolbar strong{margin-left:auto;font-size:.76rem;text-transform:uppercase}.preview-content{position:relative;display:grid;grid-template-columns:1fr .82fr;gap:14px;padding:18px}.demo-card.featured .preview-content{align-items:end;min-height:296px}.preview-main,.preview-lines{border:1px solid rgba(31,40,60,.86);border-radius:8px;background:#ffffff0a}.preview-main{min-height:150px;padding:18px}.demo-card.featured .preview-main{min-height:210px}.preview-main small{display:block;color:var(--muted);margin-bottom:14px}.preview-main strong{display:block;max-width:280px;font-size:clamp(1.45rem,2.6vw,2.35rem);line-height:1.05}.preview-lines{display:grid;align-content:center;gap:12px;padding:18px}.preview-lines i{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),rgba(109,93,246,.25));animation:loadLine 3s ease-in-out infinite}.preview-lines i:nth-child(2){width:74%;animation-delay:.16s}.preview-lines i:nth-child(3){width:52%;animation-delay:.32s}.demo-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:22px 22px 26px}.demo-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(56,189,248,.35);border-radius:8px;color:var(--cyan);background:#38bdf812}.demo-tag{display:inline-flex;min-height:30px;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:800}.demo-card h3{margin-inline:22px;font-size:1.45rem}.demo-card p{margin-inline:22px;color:var(--muted);line-height:1.65}.feature-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 22px 0;padding:0;list-style:none}.feature-list li{display:inline-flex;min-height:30px;align-items:center;padding:0 10px;border:1px solid rgba(56,189,248,.2);border-radius:999px;color:#dbe7f3;background:#38bdf80e;font-size:.78rem;font-weight:800}.demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 22px 22px}.small-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:900;font-size:.9rem;background:#ffffff0b}.small-button.primary{color:#04101f;border-color:transparent;background:linear-gradient(135deg,var(--cyan),var(--purple))}.published-work{margin-top:16px}.extra-work-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:8px;background:#ffffff09}.extra-work-card small{display:block;margin-bottom:6px;color:var(--cyan);font-size:.76rem;font-weight:900;text-transform:uppercase}.extra-work-card h3,.extra-work-card p{margin-inline:0}.extra-work-card p{margin-bottom:0;color:var(--muted);line-height:1.55}.pain-section{background:var(--bg-soft)}.pain-grid,.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pain-card{display:flex;align-items:flex-start;gap:12px;min-height:142px;padding:18px;box-shadow:none}.pain-card svg,.solution-card svg{color:var(--cyan)}.pain-card h3{margin-bottom:8px}.pain-card p{margin:0;color:var(--muted);line-height:1.55}.pain-conclusion{width:min(880px,100%);margin:28px 0 0;color:#dbe7f3;font-size:1.1rem;font-weight:800;line-height:1.65}.solution-card{min-height:210px;padding:24px;box-shadow:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.solution-card:hover{transform:translateY(-5px);border-color:#38bdf87a;box-shadow:0 18px 52px #38bdf817}.solution-card svg{width:32px;height:32px;margin-bottom:24px}.solution-card p,.process-card p{color:var(--muted);line-height:1.65}.process{background:var(--bg-soft)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{padding:24px;box-shadow:none}.process-card span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:22px;border-radius:50%;color:#04101f;background:linear-gradient(135deg,var(--cyan),var(--purple));font-weight:900}.authority{display:grid;grid-template-columns:1fr .85fr;gap:clamp(28px,6vw,84px);align-items:center}.authority-tags{display:flex;flex-wrap:wrap;gap:12px}.authority-tags span{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:#dbe7f3;background:#ffffff0a;font-weight:800}.final-cta{padding-top:40px}.final-panel{padding:clamp(28px,6vw,56px);background:radial-gradient(circle at 90% 10%,rgba(109,93,246,.16),transparent 34%),linear-gradient(180deg,#0c1735f5,#0b1123f5)}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:12;display:inline-flex;align-items:center;gap:10px;min-height:50px;max-width:calc(100vw - 40px);width:52px;padding:0;justify-content:center;border:1px solid rgba(56,189,248,.42);border-radius:999px;color:#04101f;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 14px 40px #38bdf838;font-weight:900;transition:width .18s ease,padding .18s ease,transform .18s ease}.floating-whatsapp svg{flex:0 0 auto;width:20px;height:20px}.floating-whatsapp span{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .18s ease,opacity .18s ease}.floating-whatsapp:hover{width:206px;padding:0 16px;transform:translateY(-2px)}.floating-whatsapp:hover span{max-width:160px;opacity:1}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(20px,6vw,84px);border-top:1px solid var(--line);color:var(--muted)}.footer p{margin:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .62s ease,transform .62s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes gridDrift{0%{background-position:0 0}to{background-position:72px 72px}}@keyframes floatWindow{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}@keyframes scanWindow{0%,42%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@keyframes barDance{0%,to{transform:scaleY(.86)}50%{transform:scaleY(1.06)}}@keyframes loadLine{0%,to{opacity:.62;transform:scaleX(.86);transform-origin:left}50%{opacity:1;transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1120px){.hero{grid-template-columns:1fr}.hero-stage{min-height:470px}.system-mockup{left:0;right:auto}.hero-demo-stack{margin-left:0}.demo-grid,.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-card.featured{grid-row:auto}}@media(max-width:920px){.nav-toggle{display:grid}.nav{position:absolute;top:72px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#050a1dfa}.nav.is-open{display:flex}.nav a{width:100%;padding:14px}.nav-cta{justify-content:center;margin-top:6px}.pain-grid,.process-grid,.authority{grid-template-columns:1fr}}@media(max-width:720px){.hero{padding-top:96px}.demo-grid,.solution-grid{grid-template-columns:1fr}.demo-card,.demo-card.featured{min-height:auto}.demo-card.featured .work-preview{min-height:240px}.preview-content{grid-template-columns:1fr}.hero-stage{min-height:420px}.system-mockup{top:10px;width:100%}.phone-mockup{right:0;bottom:0;width:146px}.hero-demo-card,.extra-work-card,.mockup-kpis,.mockup-body{grid-template-columns:1fr}.mockup-chart{height:86px}.mockup-list{display:none}}@media(max-width:620px){.site-header{min-height:66px}h1{font-size:clamp(2.45rem,12vw,4.1rem)}.hero-actions,.footer{align-items:stretch;flex-direction:column}.button{width:100%}.floating-whatsapp{width:54px;padding:0;justify-content:center}.floating-whatsapp:hover{width:54px;padding:0}}