*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111;background:#fafafa;font-family:DM Sans,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none}#navbar{z-index:500;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd1;border-bottom:1px solid #fff9;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(20px,5vw,64px);transition:box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 16px #0000000f}#navbar.scrolled{box-shadow:0 2px 24px #0000001a}.nav-logo{width:auto;height:26px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:#111;letter-spacing:.01em;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:color .2s}.nav-links a:hover{color:#2b4ee6}.btn-glass{text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:#2b4ee6;border:1px solid #2b4ee600;box-shadow:0 2px 20px #2b4ee64d,inset 0 1px #ffffff1f}.btn-primary:hover{background:#1f3fcc;transform:translateY(-2px);box-shadow:0 6px 32px #2b4ee66b,inset 0 1px #ffffff1f}.btn-secondary{-webkit-backdrop-filter:blur(12px);color:#2b4ee6;background:#2b4ee614;border:1px solid #2b4ee661}.btn-secondary:hover{background:#2b4ee629;transform:translateY(-2px)}.btn-lg{border-radius:8px;padding:15px 32px;font-size:14px}.btn-xl{border-radius:8px;padding:19px 48px;font-size:15px}#hero{height:360vh;position:relative}#hero-sticky{z-index:3;background-color:#fafafa;background-image:radial-gradient(60% 50% at 85% 20%,#2b4ee612 0%,#0000 65%),radial-gradient(50% 60% at 10% 80%,#2b4ee60d 0%,#0000 60%),radial-gradient(40% 40% at 50% 100%,#2b4ee608 0%,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:100vh;position:fixed;inset:0;overflow:hidden}.hero-state{justify-content:center;align-items:center;padding-top:64px;display:flex;position:absolute;inset:0}.hero-cols{grid-template-columns:auto minmax(280px,460px) auto;align-items:center;gap:clamp(22px,4.5vw,58px);width:100%;max-width:1280px;height:100%;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:grid}.col-statue{align-items:flex-end;height:100%;display:flex}.col-statue img{-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:min(88vh,820px);display:block}@media (max-width:900px){.col-statue img{height:min(84vh,680px)}.hero-cols{gap:clamp(8px,2vw,22px)}}.cta-text-mobile,.sub-mobile{display:none}.hint-desktop{display:inline}.hint-mobile{display:none}@media (max-width:700px){.hero-cols{grid-template-columns:36vw 1fr 36vw;gap:0;padding:0}.col-statue{overflow:hidden}.col-statue img{height:min(68vh,440px)}#happy-col-right{margin-left:0!important}.stressed-q{font-size:clamp(38px,9.5vw,52px)}.hero-h1{font-size:clamp(32px,8.5vw,48px)}.hero-cta{white-space:normal;text-align:center;padding:11px 20px;font-size:11px;line-height:1.3}.hero-badges{gap:4px 8px;font-size:10px}.hint-desktop{display:none}.hint-mobile{display:inline}.cta-text-desktop{display:none}.cta-text-mobile{display:inline}.sub-desktop{display:none}.sub-mobile{display:block}}#hero-center{z-index:2;pointer-events:none;justify-content:center;align-items:center;padding-top:64px;display:flex;position:absolute;inset:0}.col-center{text-align:center;flex-direction:column;align-items:center;width:min(460px,36vw);min-width:280px;display:flex;position:relative}.text-swap{width:100%;position:relative}.stressed-overlay{text-align:center;position:absolute;top:0;left:0;right:0}#hint-stressed{text-align:center;margin-top:0;position:absolute;left:0;right:0}.stressed-q{text-transform:uppercase;color:#111;letter-spacing:-.01em;font-family:Barlow Condensed,sans-serif;font-size:clamp(52px,7vw,100px);font-weight:900;line-height:.95}.stressed-hint{color:#999;letter-spacing:.01em;font-family:DM Sans,sans-serif;font-size:clamp(14px,1.4vw,18px);font-weight:600}.hero-cta{pointer-events:all;margin-bottom:20px}#hero-sticky .hero-sub{margin-bottom:40px;font-size:clamp(15px,1.5vw,18px)}#hero-sticky .hero-badges{pointer-events:all}#scroll-hint-anim{z-index:10;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}#scroll-hint-anim span{text-transform:uppercase;letter-spacing:.15em;color:#ccc;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600}#scroll-hint-line{background:linear-gradient(#ccc3,#ccccccb3);width:1px;height:36px}.hero-badges{color:#999;letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin-top:16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:flex}.badge-sep{color:#ccc}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#999;margin-bottom:22px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.hero-h1{text-transform:uppercase;color:#111;letter-spacing:-.01em;margin-bottom:24px;font-family:Barlow Condensed,sans-serif;font-size:clamp(48px,5.8vw,80px);font-weight:900;line-height:1}.blue{color:#2b4ee6}.hero-sub{color:#666;max-width:480px;margin-bottom:44px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:500;line-height:1.7}#kompi-contratacion{background:#2b4ee6 radial-gradient(65% 65%,#ffffff1a 0%,#0000 70%);padding:clamp(80px,10vw,130px) 0;overflow:hidden}.kc-inner{justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,64px);display:flex}.kc-right{flex-direction:column;align-items:center;gap:clamp(16px,2vw,28px);width:100%;display:flex}#logo-canvas-section{will-change:transform;flex-shrink:0;width:clamp(120px,13vw,190px);height:auto;display:block}@keyframes floatCanvas{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.logo-float{animation:4.5s cubic-bezier(.45,0,.55,1) infinite floatCanvas}.kc-carousel{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex;overflow:hidden}#carousel-phrase{text-transform:uppercase;letter-spacing:-.01em;color:#f5f5f7e6;text-align:center;will-change:transform,opacity;width:100%;height:2em;font-family:Barlow Condensed,sans-serif;font-size:clamp(28px,3.8vw,54px);font-weight:900;line-height:1;overflow:hidden}.carousel-dots{justify-content:center;gap:8px;display:flex}.carousel-dot{background:#ffffff2e;border-radius:50%;width:5px;height:5px;transition:background .35s,transform .35s cubic-bezier(.16,1,.3,1)}.carousel-dot.active{background:#2b4ee6;transform:scale(1.5)}.servicios-preview{z-index:4;pointer-events:none;will-change:transform,opacity;background:0 0;justify-content:center;align-items:flex-start;padding:clamp(72px,9vw,128px) clamp(20px,5vw,64px) 0;display:flex;position:absolute;inset:0}.servicios-preview-inner{text-align:center;width:100%;max-width:1280px}.servicios-preview .section-sub{color:#666;margin-top:20px}.section{padding:clamp(72px,9vw,128px) 0;position:relative}.section-white{background:#fff}.section-cream{background:#f7f5f2}#servicios{background:#fafafa}#kompi-contratacion,#problema,#como-funciona,#transformacion,.cta-section{position:relative}#kompi-contratacion:before,#problema:before,#como-funciona:before,#transformacion:before,.cta-section:before{content:"";z-index:1;pointer-events:none;border-radius:0 0 50% 50%;width:100%;height:48px;position:absolute;top:0;left:0}#kompi-contratacion:before{background:#fafafa}#problema:before{background:#2b4ee6}#como-funciona:before{background:#fff}#transformacion:before{background:#f7f5f2}.cta-section:before{background:#fff}.container{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}.section-header{text-align:center;margin-bottom:64px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#999;margin-bottom:16px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;display:block}.section-title{text-transform:uppercase;color:#111;font-family:Barlow Condensed,sans-serif;font-size:clamp(36px,4.5vw,58px);font-weight:900;line-height:.94}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal.in{opacity:1;transform:translateY(0)}.d1{transition-delay:0s!important}.d2{transition-delay:80ms!important}.d3{transition-delay:.16s!important}.d4{transition-delay:.24s!important}.card-glass{-webkit-backdrop-filter:blur(16px)saturate(170%);background:#fff9;border:1px solid #ffffffb8;border-radius:16px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;box-shadow:0 2px 8px #0000000a,0 12px 40px #00000012,inset 0 1px #fffffff2}.card-glass:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000017,0 28px 64px #0000001c,inset 0 1px #fffffff2}.card-title{text-transform:uppercase;color:#111;font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:900;line-height:1}.card-body{color:gray;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;line-height:1.6}.problem-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.problem-card{flex-direction:column;min-height:250px;padding:28px 24px 0;display:flex;overflow:hidden}.problem-card .pain{color:gray;flex-grow:1;margin-top:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.6}.problem-card .statue-foot{align-self:flex-end;margin-top:8px}.problem-card .statue-foot img{opacity:.4;filter:drop-shadow(-5px 0 10px #0000000f);width:auto;height:96px}.process-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.process-card{padding:32px 26px;position:relative;overflow:hidden}.process-num{color:#2b4ee60d;-webkit-user-select:none;user-select:none;font-family:Barlow Condensed,sans-serif;font-size:96px;font-weight:900;line-height:1;position:absolute;top:10px;right:14px}.process-statue{filter:drop-shadow(-8px 0 16px #00000012);width:auto;height:130px;margin:0 auto 20px;display:block}.process-step{text-transform:uppercase;letter-spacing:.13em;color:#999;margin-bottom:10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700}.services-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card{padding:22px 20px}.service-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.service-statue{filter:drop-shadow(-5px 0 10px #00000012);flex-shrink:0;width:auto;height:60px;margin-left:8px}.service-pain{color:gray;margin-bottom:10px;font-family:DM Sans,sans-serif;font-size:12px;font-style:italic;font-weight:600;line-height:1.4}.service-bullets{flex-direction:column;gap:5px;display:flex}.service-bullets li{color:gray;align-items:flex-start;gap:7px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;line-height:1.4;list-style:none;display:flex}.service-bullets li:before{content:"→";color:#2b4ee6;flex-shrink:0;font-size:13px;font-weight:700;line-height:18px}.aha-grid{border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:0 8px 40px #0000001a}.aha-before{background:#f7f5f2;padding:44px 36px}.aha-after{background:#111827;padding:44px 36px}.aha-badge{text-transform:uppercase;letter-spacing:.13em;margin-bottom:6px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700}.aha-before .aha-badge{color:#aaa}.aha-after .aha-badge{color:#3a4a6b}.aha-label{text-transform:uppercase;margin-bottom:24px;font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:900;line-height:1}.aha-before .aha-label{color:#111}.aha-after .aha-label{color:#2b4ee6}.aha-head{align-items:center;gap:18px;margin-bottom:24px;display:flex}.aha-head img{width:auto;height:72px}.aha-row{align-items:center;gap:10px;margin-bottom:11px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;display:flex}.aha-before .aha-row{color:gray}.aha-after .aha-row{color:#ffffffb8}.aha-x{color:#ccc;flex-shrink:0;font-size:17px;line-height:1}.aha-check{color:#2b4ee6;flex-shrink:0;font-size:17px;line-height:1}.arch-wrap{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffa6;border:1px solid #ffffffb8;border-radius:20px;padding:44px 32px;box-shadow:0 4px 24px #0000000f,inset 0 1px #ffffffe6}.arch-caption{color:gray;text-align:center;margin-top:24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.6}.cta-section{background:#f7f5f2;padding:clamp(80px,10vw,140px) 0 clamp(48px,6vw,80px);position:relative}.cta-split{grid-template-columns:1fr 1.7fr;align-items:start;gap:72px;max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,64px);display:grid}.cta-text-side{text-align:left;padding-top:32px}.cta-calendar-side{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 32px #00000014}.cta-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#aaa;margin-bottom:18px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700}.cta-h2{text-transform:uppercase;color:#111;margin-bottom:24px;font-family:Barlow Condensed,sans-serif;font-size:clamp(46px,6vw,80px);font-weight:900;line-height:.92}.cta-sub{color:gray;margin-bottom:28px;font-family:DM Sans,sans-serif;font-size:17px;font-weight:600;line-height:1.65}.cta-trust{color:gray;flex-direction:column;gap:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:flex}.cta-trust span{align-items:center;gap:8px;display:flex}.cta-trust span:before{content:"✓";color:#2b4ee6;font-weight:700}@media (max-width:900px){.cta-split{grid-template-columns:1fr;gap:40px}.cta-text-side{text-align:center;padding-top:0}.cta-trust{align-items:center}}footer{background:#111;border-top:1px solid #ffffff0f;padding:52px 0 28px}.footer-inner{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}.footer-logo{justify-content:center;margin-bottom:32px;display:flex}.footer-logo img{width:auto;height:26px}.footer-links{flex-wrap:wrap;justify-content:center;gap:36px;margin-bottom:32px;display:flex}.footer-links a{color:gray;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{color:#3a3a3a;border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:20px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:flex}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;gap:32px}.h-statue-wrap img{height:220px}.kc-inner{text-align:center;grid-template-columns:1fr;gap:40px}.kc-right{align-items:center}.problem-grid,.process-grid,.services-grid{grid-template-columns:1fr 1fr}.aha-grid{grid-template-columns:1fr}}@media (max-width:600px){.problem-grid,.process-grid,.services-grid,.services-grid-3{grid-template-columns:1fr}.nav-links{display:none}}.section-sub{color:gray;text-align:center;max-width:560px;margin:16px auto 0;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;line-height:1.6}.service-family{margin-bottom:52px}.family-label{border-bottom:1px solid #00000012;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex}.family-num{color:#ccc;letter-spacing:.1em;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:900}.family-name{text-transform:uppercase;letter-spacing:.1em;color:#888;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700}.service-card-link{cursor:pointer;text-decoration:none;display:block;position:relative}.service-card-link:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000017,0 28px 64px #0000001c,inset 0 1px #fffffff2}.service-demo-link{text-transform:uppercase;letter-spacing:.1em;color:#2b4ee6;margin-top:14px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;transition:opacity .2s;display:block}.service-card-link:hover .service-demo-link{opacity:.7}.service-badge-new{color:#2b4ee6;text-transform:uppercase;letter-spacing:.1em;background:#2b4ee61a;border:1px solid #2b4ee640;border-radius:4px;margin-top:10px;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;display:inline-block}.service-badge-premium{color:#b45309;text-transform:uppercase;letter-spacing:.1em;background:#eab3081a;border:1px solid #eab3084d;border-radius:4px;margin-top:10px;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;display:inline-block}.services-grid-3{grid-template-columns:repeat(3,1fr)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}