/* Sigo Plus / FACOPI. Adapted white-label layout; unused page rules removed. */
:root{--primary:#8fc5a0;--primary-dark:#2c5236;--primary-light:#b7d8bd;--primary-glow:#8fc5a04d;--black:#0d1117;--black-soft:#161b22;--black-card:#1c2333;--white:#fff;--gray-50:#161b22;--gray-100:#1c2333;--gray-200:#30363d;--gray-300:#484f58;--gray-400:#8b949e;--gray-500:#8b949e;--gray-600:#c9d1d9;--gray-700:#c9d1d9;--gray-800:#e6edf3;--gray-900:#e6edf3;--success:#3fb950;--error:#f85149;--radius:16px;--radius-sm:8px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 1px 3px #0003;--shadow:0 4px 24px #0000004d;--shadow-lg:0 12px 48px #0006;--shadow-xl:0 20px 60px #00000080;--shadow-glow:0 0 20px var(--primary-glow);--light-bg:#fafbfc;--light-bg-alt:#f0f2f5;--light-card:#fff;--light-border:#0000000f;--light-text:#1a1d23;--light-text-secondary:#5a6069;--light-shadow:0 4px 24px #0000000f;--light-shadow-lg:0 12px 40px #00000014;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease;--ease-snap:cubic-bezier(.16, 1, .3, 1);--max-width:1200px;--container-px:24px;--card-radius:14px;--section-py:140px}
.container{max-width:var(--max-width);padding:0 var(--container-px);margin:0 auto}
.highlight{color:var(--primary)}
.section-header{text-align:center;margin-bottom:72px}
.section-header h2{letter-spacing:-.02em;color:var(--white);text-wrap:balance;font-size:clamp(32px,4.5vw,48px);font-weight:600;line-height:1.15}
.section-header p{color:#ffffff80;max-width:640px;margin-top:16px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.6}
.btn{cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}
.btn-primary{background:var(--primary);color:var(--black);border-color:var(--primary);padding:14px 56px 14px 28px;font-size:15px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}
.btn-primary:after{content:"";background:var(--black);width:36px;height:36px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-family:"Font Awesome 6 Free";font-size:12px;font-weight:900;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}
.btn-primary:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 16px var(--primary-glow);padding-left:52px;padding-right:24px}
.btn-primary:hover:after{right:calc(100% - 40px);transform:translateY(-50%)rotate(45deg)}
.btn-primary .fa-arrow-right,.btn-primary i.fas,.btn-primary i.fa-solid{display:none}
.btn-lg.btn-primary{padding-left:28px;padding-right:56px}
.btn-lg.btn-primary:after{width:40px;height:40px;font-size:13px}
.btn-lg.btn-primary:hover{padding-left:56px;padding-right:28px}
.btn-lg.btn-primary:hover:after{right:calc(100% - 44px)}
.btn-outline{color:var(--white);background:0 0;border-color:#fff3}
.btn-outline:hover{background:#ffffff0d;border-color:#fff6}
.btn-ghost{color:var(--white);background:0 0;border-color:#0000}
.btn-ghost:hover{color:var(--primary)}
.btn-lg{padding:16px 36px;font-size:16px}
.header{z-index:1000;-webkit-backdrop-filter:blur(24px);background:#0d111799;border:1px solid #ffffff14;border-radius:16px;width:calc(100% - 32px);max-width:1340px;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:16px;left:50%;transform:translate(-50%)}
.header.scrolled{-webkit-backdrop-filter:blur(30px);background:#000000d9;border-color:#ffffff1a;top:8px;box-shadow:0 8px 32px #0006}
.header .container{justify-content:space-between;align-items:center;height:72px;display:flex}
.logo a{align-items:center;display:flex}
.logo img{height:36px}
.nav-menu{gap:10px;display:flex}
.nav-menu li{position:relative}
.nav-menu li>a{color:#fffc;transition:var(--transition-fast);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:flex}
.nav-menu li>a:hover{color:#fff;background:#ffffff14}
.dropdown-arrow{transition:var(--transition-fast);font-size:10px}
.dropdown{opacity:0;visibility:hidden;z-index:100;background:#fff;border:1px solid #0000000f;border-radius:16px;grid-template-columns:1fr 1fr;width:620px;padding:0;transition:opacity .25s,transform .25s,visibility .25s;display:grid;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)translateY(10px);box-shadow:0 20px 60px #0000001f,0 0 0 1px #0000000f}
.dropdown.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}
.dropdown--sm{grid-template-columns:1fr;width:300px}
.dropdown__links{flex-direction:column;gap:2px;padding:12px 8px;display:flex}
.dropdown__links a{color:var(--light-text-secondary);border-radius:10px;align-items:center;gap:14px;padding:12px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}
.dropdown__links a:hover{background:var(--light-bg-alt);color:var(--light-text)}
.dropdown__links a .dd-icon{width:38px;height:38px;color:var(--primary);background:#8fc5a01a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s;display:flex}
.dropdown__links a:hover .dd-icon{background:var(--primary);color:var(--black)}
.dropdown__links a .dd-text{flex-direction:column;display:flex}
.dropdown__links a .dd-text span{color:var(--light-text);font-size:.88rem;font-weight:600}
.dropdown__links a .dd-text small{color:var(--light-text-secondary);font-size:.7rem;font-weight:400}
.dropdown__links a:hover .dd-text small{color:var(--light-text)}
.dropdown__links a.dd-subitem{border-left:2px solid #8fc5a040;border-radius:0 10px 10px 0;margin-left:14px;padding-left:18px}
.dropdown__links a.dd-subitem .dd-icon{border-radius:8px;width:28px;height:28px;font-size:.72rem}
.dropdown__links a.dd-subitem .dd-text span{font-size:.8rem;font-weight:500}
.dropdown__links a.dd-subitem .dd-text small{font-size:.66rem}
.nav-actions{align-items:center;gap:12px;display:flex}
.nav-actions .btn{font-size:13px}
.nav-actions .btn-outline{color:#fff;border-color:#fff3;padding:8px 20px}
.nav-actions .btn-outline:hover{background:#ffffff0d;border-color:#fff}
.nav-actions .btn-primary{padding:8px 44px 8px 20px;font-size:13px}
.nav-actions .btn-primary:after{width:32px;height:32px;font-size:11px;right:4px}
.nav-actions .btn-primary:hover{padding-left:44px;padding-right:8px}
.nav-actions .btn-primary:hover:after{right:calc(100% - 36px)}
.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}
.menu-toggle span{width:24px;height:2px;transition:var(--transition);transform-origin:50%;background:#fff;border-radius:2px}
.menu-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.menu-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}
.nav-dot{vertical-align:middle;background:#f44;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;animation:1.5s ease-in-out infinite livePulse;display:inline-block}
.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;background:#0009;transition:opacity .3s,visibility .3s;position:fixed;inset:0}
.mobile-menu-overlay.active{opacity:1;visibility:visible}
.mobile-menu{z-index:2000;-webkit-overflow-scrolling:touch;background:linear-gradient(#0d1117 0%,#161b22 100%);border-left:1px solid #ffffff0f;flex-direction:column;width:min(320px,85vw);height:100dvh;padding:0;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}
.mobile-menu.active{visibility:visible;transform:translate(0)}
.mobile-menu:not(.active){visibility:hidden;pointer-events:none}
.mobile-menu__header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}
.mobile-menu__header-title{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}
.mobile-menu-close{color:#fff9;cursor:pointer;width:36px;height:36px;transition:var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;font-size:20px;display:flex}
.mobile-menu-close:hover{color:#fff;background:#ffffff1a}
.mobile-menu__body{flex:1;padding:16px;overflow-y:auto}
.mobile-menu__label{text-transform:uppercase;letter-spacing:1.4px;color:#ffffff73;padding:18px 12px 6px;font-size:.68rem;font-weight:800}
.mobile-menu__label:first-child{padding-top:4px}
.mobile-menu__label--accent{color:#8fc5a0}
.mobile-menu__dropdown{margin:4px 0}
.mobile-menu__dropdown-toggle{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:12px;font-family:inherit;font-size:.9rem;font-weight:500;display:flex}
.mobile-menu__dropdown-toggle span{align-items:center;gap:12px;display:flex}
.mobile-menu__dropdown-toggle span i{width:32px;height:32px;color:var(--primary);background:#8fc5a014;border-radius:10px;justify-content:center;align-items:center;font-size:.8rem;display:flex}
.mobile-menu__dropdown-arrow{color:#ffffff4d;font-size:.7rem;transition:transform .3s}
.mobile-menu__dropdown.open .mobile-menu__dropdown-arrow{transform:rotate(180deg)}
.mobile-menu__dropdown-items{padding:4px 0 4px 20px;display:none}
.mobile-menu__dropdown.open .mobile-menu__dropdown-items{display:block}
.mobile-menu__dropdown-items>span{color:#fff6;align-items:center;gap:10px;padding:8px 12px;font-size:.82rem;display:flex}
.mobile-menu__dropdown-items>span>i{width:24px;height:24px;color:var(--primary);opacity:.5;justify-content:center;align-items:center;font-size:.7rem;display:flex}
.mobile-menu .mm-txt{flex-direction:column;gap:1px;min-width:0;line-height:1.35;display:flex}
.mobile-menu .mm-txt small{color:#ffffff6b;font-size:.72rem;font-weight:400}
.mobile-menu a:not(.btn){color:#ffffffbf;transition:var(--transition-fast);border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:.9rem;font-weight:500;display:flex}
.mobile-menu a:not(.btn) i{width:32px;height:32px;color:var(--primary);background:#8fc5a014;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}
.mobile-menu a:not(.btn):hover,.mobile-menu a:not(.btn):active{color:#fff;background:#8fc5a00f}
.mobile-menu a:not(.btn):active i{background:#8fc5a026}
.mobile-menu__footer{border-top:1px solid #ffffff0f;flex-shrink:0;gap:12px;padding:16px;display:flex}
.mobile-menu__footer .btn{text-align:center;white-space:nowrap;justify-content:center;padding:12px 16px;font-size:.85rem}
.hero-zoom{background:var(--black);flex-direction:column;justify-content:center;min-height:80vh;padding:220px 0 160px;display:flex;position:relative;overflow:hidden}
.hero-zoom__bg-image{opacity:.35;pointer-events:none;background:url('../img/platform-preview.svg') 50%/cover no-repeat;position:absolute;inset:0}
.hero-zoom__bg-image:after{content:"";background:linear-gradient(#0d11174d 0%,#0d1117d9 100%);position:absolute;inset:0}
.solutions-carousel{background:var(--black);border-top:1px solid #ffffff0f;padding:140px 0;position:relative;overflow:hidden}
.solutions-carousel__header{text-align:center;margin-bottom:64px}
.solutions-carousel__header h2{color:var(--white);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(24px,4vw,40px);font-weight:600;line-height:1.2}
.solutions-carousel__header p{color:#ffffff80;max-width:500px;margin:0 auto;font-size:17px}
.hero-zoom__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}
.hero-zoom__glow{filter:blur(120px);opacity:.15;border-radius:50%;position:absolute}
.hero-zoom__glow--1{background:var(--primary);opacity:.18;width:800px;height:800px;top:-200px;right:-100px}
.hero-zoom__glow--2{background:var(--primary);opacity:.08;width:600px;height:600px;bottom:-100px;left:-100px}
.hero-zoom__header{text-align:center;max-width:800px;margin:0 auto}
.hero-zoom__title{-webkit-text-fill-color:transparent;letter-spacing:-.03em;text-wrap:balance;text-shadow:0 0 80px #ffffff14;background:linear-gradient(#fff 0%,#ffffff8c 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(36px,6vw,64px);font-weight:600;line-height:1.1}
.hero-zoom__title-highlight{background:linear-gradient(135deg, var(--primary), var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}
.hero-zoom__subtitle{color:#ffffff80;max-width:600px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px);line-height:1.6}
.hero-zoom__badge{color:var(--primary);letter-spacing:.3px;background:#8fc5a026;border:1px solid #8fc5a033;border-radius:50px;margin-bottom:24px;padding:6px 18px;font-size:13px;font-weight:600;display:inline-block}
.hero-zoom__ctas{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}
.hero-cta-glow{animation:2.5s ease-in-out infinite ctaGlow}
@keyframes ctaGlow{0%,to{box-shadow:0 0 10px var(--primary-glow)}
50%{box-shadow:0 0 25px var(--primary-glow), 0 0 50px #8fc5a026}
}
.hero-zoom__note{color:var(--gray-400);letter-spacing:.3px;margin-top:16px;font-size:13px}
.hero-zoom__credentials{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:40px;margin-top:64px;padding-top:32px;display:flex}
.hero-zoom__credential{text-align:center}
.hero-zoom__credential strong{color:var(--primary);font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1;display:block}
.hero-zoom__credential span{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px;font-weight:500;display:block}
.hero-zoom__credential-divider{background:#ffffff1a;width:1px;height:40px}
.one-platform{background:var(--black-soft);padding:140px 0}
.one-platform__header{text-align:center;margin-bottom:64px}
.one-platform__header h2{color:var(--white);text-wrap:balance;letter-spacing:-.01em;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.2}
.one-platform__header p{color:var(--gray-400);margin-top:12px;font-size:18px}
.platform-panels{position:relative}
.platform-panel{animation:.4s panelFadeIn;display:none}
.platform-panel.active{display:block}
@keyframes panelFadeIn{0%{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:translateY(0)}
}
.platform-panel__content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}
.platform-panel__badge{color:var(--primary);background:#8fc5a026;border-radius:50px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}
.platform-panel__text h3{color:var(--white);letter-spacing:-.02em;text-wrap:balance;margin-bottom:16px;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.25}
.platform-panel__text p{color:#ffffff80;margin-bottom:24px;font-size:16px;line-height:1.7}
.platform-panel__features{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}
.platform-panel__features li{color:var(--gray-400);align-items:center;gap:12px;font-size:15px;display:flex}
.platform-panel__features li i{color:var(--primary);flex-shrink:0;font-size:14px}
.platform-panel__image{min-height:400px;position:relative}
.platform-panel__mockup-main{z-index:1;border-radius:24px;flex-direction:column;width:100%;height:100%;min-height:400px;transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}
.platform-panel__mockup-main:has(img){-webkit-backdrop-filter:blur(15px);background:#ffffff0a}
.platform-panel.active .platform-panel__mockup-main{transform:translateY(20px)}
.platform-panel__mockup-main img{object-fit:cover;border-radius:24px;width:100%;height:100%}
.platform-panel__image:after{content:"";z-index:2;background:radial-gradient(50% 50%,#ffffff3d 0%,#0000 100%);width:100%;height:1px;position:absolute;bottom:0;left:0}
@keyframes marqueeScroll{0%{transform:translate(0)}
to{transform:translate(-50%)}
}
.stats-banner{background:var(--black);padding:80px 0}
.stats-banner__grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;display:grid}
.stats-banner__number{background:linear-gradient(135deg, var(--primary), #b7d8bd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1;display:block}
.stats-banner__label{color:#ffffff80;font-size:14px;font-weight:500}
.testi-section{background:#0d1117;padding:140px 0;overflow:hidden}
.testi-header{text-align:center;margin-bottom:48px}
.testi-badge{color:#ffffffb3;border:1px solid #ffffff1f;border-radius:8px;margin-bottom:20px;padding:4px 16px;font-size:.85rem;font-weight:600;display:inline-block}
.testi-header h2{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.75rem,4vw,3rem);font-weight:800}
.testi-header p{color:#8b949e;max-width:540px;margin:0 auto;font-size:1.125rem}
@keyframes testi-marquee{0%{transform:translateY(0)}
to{transform:translateY(-50%)}
}
@media (max-width:767px){
.testi-section{padding:80px 0}
.testi-header h2{font-size:1.75rem}
}
@keyframes orbitSpin{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@keyframes orbitSpinReverse{0%{transform:rotate(0)}
to{transform:rotate(-360deg)}
}
.section-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;background:#8fc5a00f;border:1px solid #8fc5a040;border-radius:9999px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}
.section-badge--gold{color:var(--primary);background:#8fc5a014;border-color:#8fc5a04d}
.reframe-section{background:var(--black);padding:140px 0;position:relative;overflow:hidden}
.reframe-journey{max-width:720px;margin:0 auto}
.reframe-phase{padding:0 0 0 40px;position:relative}
.reframe-phase:before{content:"";width:2px;position:absolute;top:0;bottom:0;left:14px}
.reframe-phase--win:before{background:linear-gradient(#8fc5a080,#8fc5a01a)}
.reframe-phase__tag{letter-spacing:.3px;border-radius:50px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 20px;font-size:13px;font-weight:700;display:inline-flex;position:relative}
.reframe-phase__tag:before{content:"";border:2px solid;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:-33px;transform:translateY(-50%)}
.reframe-phase__tag--win{color:#8fc5a0;background:#8fc5a014;border:1px solid #8fc5a033}
.reframe-phase__tag--win:before{background:#8fc5a04d;border-color:#8fc5a0}
.reframe-phase__steps{flex-direction:column;gap:0;display:flex}
.reframe-step__arrow{text-align:center;padding:6px 0;font-size:12px}
.reframe-step__arrow--win i{color:#8fc5a040}
.reframe-verdict{border-radius:14px;align-items:center;gap:16px;margin-top:16px;padding:20px 24px;display:flex}
.reframe-verdict strong{margin-bottom:4px;font-size:15px;display:block}
.reframe-verdict p{margin:0;font-size:13px;line-height:1.5}
.reframe-verdict--win{background:linear-gradient(135deg,#8fc5a014,#8fc5a005);border:1px solid #8fc5a033;box-shadow:0 0 40px #8fc5a00f}
.reframe-verdict--win strong{color:#8fc5a0}
.reframe-verdict--win p{color:#8fc5a0b3}
.reframe-transition{align-items:center;gap:20px;margin-left:40px;padding:40px 0;display:flex}
.reframe-transition__line{background:linear-gradient(90deg,#8fc5a00d,#8fc5a033,#8fc5a00d);flex:1;height:1px}
.reframe-transition__badge{white-space:nowrap;background:linear-gradient(135deg,#8fc5a01a,#8fc5a008);border:1px solid #8fc5a033;border-radius:50px;align-items:center;gap:10px;padding:10px 24px;animation:2.5s ease-in-out infinite reframe-pulse;display:flex}
.reframe-transition__badge i{color:#8fc5a0;font-size:14px}
.reframe-transition__badge span{color:#8fc5a0;font-size:14px;font-weight:700}
@keyframes reframe-pulse{0%,to{box-shadow:0 0 #8fc5a026}
50%{box-shadow:0 0 0 8px #8fc5a000}
}
.reframe-orbit-steps{flex-direction:column;gap:0;display:flex}
.reframe-orbit-card{background:linear-gradient(135deg,#1c233399,#0d1117cc);border:1px solid #8fc5a01f;border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:28px;transition:all .3s;display:grid}
.reframe-orbit-card:hover{border-color:#8fc5a040;box-shadow:0 8px 32px #8fc5a014}
.reframe-orbit-card__text h4{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700}
.reframe-orbit-card__text p{color:#ffffff80;font-size:14px;line-height:1.6}
.reframe-orbit-card__scene{justify-content:center;align-items:center;min-height:180px;display:flex}
.rfm-mini-hub{width:200px;height:200px;position:relative}
.rfm-mini-hub__center{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.rfm-mini-hub__center img{object-fit:cover;object-position:center 20%;border:2px solid #8fc5a0;border-radius:50%;width:44px;height:44px;display:block}
.rfm-mini-hub__pulse{border:2px solid #8fc5a04d;border-radius:50%;animation:2s ease-in-out infinite rfm-pulse;position:absolute;inset:-6px}
@keyframes rfm-pulse{0%,to{opacity:.6;transform:scale(1)}
50%{opacity:0;transform:scale(1.2)}
}
.rfm-mini-hub__ring{animation:30s linear infinite rfm-spin;position:absolute;inset:0}
@keyframes rfm-spin{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.rfm-mini-hub__ring span{color:#8fc5a0;width:28px;height:28px;transform:rotate(calc(var(--i) * 30deg)) translateX(78px) rotate(calc(var(--i) * -30deg));background:#1c2333f2;border:1.5px solid #8fc5a04d;border-radius:50%;justify-content:center;align-items:center;margin:-14px 0 0 -14px;font-size:10px;display:flex;position:absolute;top:50%;left:50%}
.rfm-mini-hub__ring span i{animation:30s linear infinite rfm-counter-spin}
@keyframes rfm-counter-spin{0%{transform:rotate(0)}
to{transform:rotate(-360deg)}
}
.rfm-mini-hub__svg{z-index:0;position:absolute;inset:0}
.rfm-orbit-trace{transform-origin:50%;animation:4s linear infinite rfm-trace-spin}
@keyframes rfm-trace-spin{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.rfm-validate{background:#0d111799;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:6px;width:100%;max-width:260px;padding:16px;display:flex;position:relative}
.rfm-validate:before{content:"Painel de Aprovação";letter-spacing:1px;text-transform:uppercase;color:#ffffff40;border-bottom:1px solid #ffffff0a;margin-bottom:8px;padding-bottom:8px;font-size:10px;font-weight:700;display:block}
.rfm-validate__item{opacity:0;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .3s;animation:.5s forwards rfm-val-in;display:flex}
.rfm-validate__item:hover{border-color:#ffffff1a}
.rfm-validate__item--1{animation-delay:0s}
.rfm-validate__item--2{animation-delay:1.2s}
.rfm-validate__item--3{animation-delay:2.4s}
.rfm-validate__item--4{animation-delay:3.6s}
@keyframes rfm-val-in{0%{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
.rfm-validate__check{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;display:flex}
.rfm-validate__check--edit{color:#8fc5a0;background:#8fc5a01a;border-color:#8fc5a033}
.rfm-validate__bar{background:#ffffff0a;border-radius:5px;flex:1;height:5px;position:relative;overflow:hidden}
.rfm-validate__bar:after{content:"";transform-origin:0;background:linear-gradient(90deg,#22c55e,#22c55e99);border-radius:5px;animation:.8s .3s forwards rfm-bar-fill;position:absolute;inset:0;transform:scaleX(0)}
.rfm-validate__item--2 .rfm-validate__bar:after{animation-delay:1.5s}
.rfm-validate__item--3 .rfm-validate__bar:after{background:linear-gradient(90deg,#8fc5a0,#8fc5a099);animation-delay:2.7s}
.rfm-validate__item--4 .rfm-validate__bar:after{animation-delay:3.9s}
@keyframes rfm-bar-fill{to{transform:scaleX(1)}
}
.rfm-validate__bar--edit:after{background:linear-gradient(90deg,#8fc5a0,#8fc5a099)}
.rfm-validate__badge{color:#22c55e;text-transform:uppercase;white-space:nowrap;letter-spacing:.5px;background:#22c55e14;border:1px solid #22c55e26;border-radius:6px;padding:3px 10px;font-size:9px;font-weight:700}
.rfm-validate__badge--edit{color:#8fc5a0;background:#8fc5a014;border-color:#8fc5a026}
.rfm-validate__cursor{color:#fff;opacity:.6;filter:drop-shadow(0 2px 4px #00000080);font-size:20px;animation:4.8s ease-in-out infinite rfm-cursor-move;position:absolute;bottom:30px;right:-4px}
@keyframes rfm-cursor-move{0%{opacity:0;transform:translate(0)}
5%{opacity:.7}
20%{transform:translate(-15px,-55px)}
40%{transform:translate(-8px,-25px)}
60%{transform:translate(-25px,-8px)}
80%{transform:translate(-5px,-45px)}
95%{opacity:.7}
to{opacity:0;transform:translate(0)}
}
.rfm-clock{align-items:center;gap:24px;display:flex}
.rfm-clock__face{background:radial-gradient(circle,#1a2030 40%,#0d1117 100%);border:2px solid #8fc5a033;border-radius:50%;flex-shrink:0;width:130px;height:130px;position:relative;box-shadow:0 0 30px #8fc5a014,0 0 60px #8fc5a00a,inset 0 0 20px #0000004d}
.rfm-clock__face:before{content:"";border:1px solid #8fc5a014;border-radius:50%;position:absolute;inset:-8px}
.rfm-clock__face:after{content:"";border:2px solid #8fc5a066;border-color:#8fc5a066 #8fc5a026 #0000 #0000;border-radius:50%;animation:4s linear infinite rfm-arc-spin;position:absolute;inset:-8px}
@keyframes rfm-arc-spin{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.rfm-clock__mark{transform-origin:50% 57px;width:2px;height:10px;transform:translateX(-50%) rotate(var(--r));background:#8fc5a040;border-radius:2px;position:absolute;top:8px;left:50%}
.rfm-clock__mark:first-child,.rfm-clock__mark:nth-child(4),.rfm-clock__mark:nth-child(7),.rfm-clock__mark:nth-child(10){background:#8fc5a080;width:2.5px;height:14px}
.rfm-clock__dot{z-index:3;background:#8fc5a0;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #8fc5a080}
.rfm-clock__hand--hour{transform-origin:bottom;z-index:2;background:linear-gradient(#8fc5a0,#8fc5a099);border-radius:3px;width:3px;height:32px;animation:12s linear infinite rfm-hour-spin;position:absolute;bottom:50%;left:50%;transform:translate(-50%)rotate(0)}
.rfm-clock__hand--min{transform-origin:bottom;z-index:2;background:linear-gradient(#fffc,#ffffff4d);border-radius:2px;width:2px;height:44px;animation:3s linear infinite rfm-min-spin;position:absolute;bottom:50%;left:50%;transform:translate(-50%)rotate(0)}
@keyframes rfm-hour-spin{0%{transform:translate(-50%)rotate(0)}
to{transform:translate(-50%)rotate(360deg)}
}
@keyframes rfm-min-spin{0%{transform:translate(-50%)rotate(0)}
to{transform:translate(-50%)rotate(360deg)}
}
.rfm-clock__label{flex-direction:column;gap:4px;display:flex;position:relative}
.rfm-clock__24{color:#8fc5a0;letter-spacing:-1px;font-size:38px;font-weight:900;line-height:1}
.rfm-clock__sub{color:#ffffff73;font-size:13px;font-weight:500}
.rfm-clock__live-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite rfm-live-blink;position:absolute;top:6px;right:-20px;box-shadow:0 0 8px #22c55e80}
@keyframes rfm-live-blink{0%,to{opacity:1}
50%{opacity:.4}
}
.reframe-verdict--animated{flex-wrap:wrap;align-items:center;gap:24px;display:flex}
.rfm-result-scene{flex-shrink:0;align-items:center;gap:16px;display:flex}
.rfm-rocket-launch{flex-direction:column;align-items:center;display:flex}
@keyframes rfm-rocket-float{0%,to{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.rfm-rocket-body{color:#000;z-index:2;background:linear-gradient(135deg,#8fc5a0,#b7d8bd);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;position:relative;box-shadow:0 0 20px #8fc5a066}
.rfm-rocket-body i{transform:rotate(-45deg)}
.rfm-rocket-flame{z-index:1;gap:2px;margin-top:-3px;display:flex}
.rfm-rocket-flame span{border-radius:0 0 50% 50%;width:4px}
.rfm-rocket-flame span:first-child{background:#f59e0b;height:14px;animation-delay:0s}
.rfm-rocket-flame span:nth-child(2){background:#ef4444;height:20px;animation-delay:.1s}
.rfm-rocket-flame span:nth-child(3){background:#f59e0b;height:14px;animation-delay:.2s}
@keyframes rfm-flame{0%{opacity:.5;height:10px}
to{opacity:1;height:22px}
}
.rfm-rocket-trail{background:linear-gradient(#8fc5a080,#0000);border-radius:2px;width:2px;height:24px;margin-top:-2px}
.rfm-result-metrics{flex-direction:column;gap:6px;display:flex}
.rfm-metric{align-items:baseline;gap:8px;animation:3s ease-in-out infinite rfm-metric-pulse;display:flex}
.rfm-metric:nth-child(2){animation-delay:1s}
.rfm-metric:nth-child(3){animation-delay:2s}
@keyframes rfm-metric-pulse{0%,to{opacity:.7}
50%{opacity:1}
}
.rfm-metric__val{color:#22c55e;font-size:18px;font-weight:800}
.rfm-metric:nth-child(2) .rfm-metric__val{color:#8fc5a0}
.rfm-metric:nth-child(3) .rfm-metric__val{color:#818cf8}
.rfm-metric__lbl{color:#fff6;font-size:12px}
@media (max-width:768px){
.reframe-orbit-card{grid-template-columns:1fr;gap:20px;padding:24px 20px}
.rfm-mini-hub{width:180px;height:180px;margin:0 auto}
.rfm-mini-hub__ring span{transform:rotate(calc(var(--i) * 30deg)) translateX(66px) rotate(calc(var(--i) * -30deg))}
.rfm-clock{justify-content:center}
.reframe-verdict--animated{text-align:center;flex-direction:column}
.rfm-result-scene{justify-content:center}
}
@media (max-width:480px){
.rfm-mini-hub{width:160px;height:160px}
.rfm-mini-hub__ring span{width:24px;height:24px;transform:rotate(calc(var(--i) * 30deg)) translateX(58px) rotate(calc(var(--i) * -30deg));margin:-12px 0 0 -12px;font-size:9px}
.rfm-mini-hub__center img{width:36px;height:36px}
.rfm-clock__face{width:80px;height:80px}
.rfm-clock__24{font-size:26px}
}
@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}
50%{opacity:.6;transform:scale(1.8)}
}
.how-it-works-section{background:var(--black);padding:140px 0}
.pq-section{background:#fafbfc;padding:120px 0}
.pq-section h2{color:#1a1d23!important}
.pq-section>.container>div:first-child p{color:#6b7280!important}
.pq-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}
.pq-card{border-radius:20px;height:520px;text-decoration:none;transition:all .5s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}
.pq-card:hover{transform:translateY(-8px);box-shadow:0 32px 64px #0000002e}
.pq-card>img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}
.pq-card:hover>img{transform:scale(1.05)}
.pq-card__content{z-index:1;background:linear-gradient(#0000 0%,#0009 45%,#000000eb 100%);flex-direction:column;gap:6px;padding:100px 28px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}
.pq-card__content .pq-card__icon{-webkit-backdrop-filter:blur(8px);background:#8fc5a033;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:4px;display:flex}
.pq-card__content .pq-card__icon i{color:#8fc5a0;font-size:.95rem}
.pq-card__content h3{color:#fff;margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}
.pq-card__content p{color:#ffffffb3;margin:4px 0 8px;font-size:.88rem;line-height:1.6}
.pq-card__link{color:#8fc5a0;align-items:center;gap:8px;margin-top:4px;font-size:.85rem;font-weight:700;display:flex}
.pq-card__link i{font-size:.7rem;transition:transform .3s}
.pq-card:hover .pq-card__link i{transform:translate(5px)}
@media (max-width:768px){
.pq-section{padding:80px 0}
.pq-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}
.pq-card{height:440px}
}
@keyframes guaranteeGlow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}
50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}
}
@keyframes contractFloat{0%,to{transform:translateY(0)rotate(-2deg)}
50%{transform:translateY(-10px)rotate(0)}
}
@keyframes sealStamp{0%{opacity:0;transform:scale(2.5)rotate(-20deg)}
to{opacity:1;transform:scale(1)rotate(0)}
}
@keyframes gPartFloat{0%,to{opacity:0;transform:translateY(0)}
30%{opacity:.7}
70%{opacity:.4}
to{opacity:0;transform:translateY(-30px)}
}
.faq-section{background:var(--black-soft);padding:140px 0}
.faq-list{flex-direction:column;gap:8px;max-width:760px;margin:0 auto;display:flex}
.faq-item{background:linear-gradient(135deg,#1c2333 0%,#13161d 100%);border:1px solid #ffffff0f;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}
.faq-item summary{color:var(--white);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;font-size:16px;font-weight:600;list-style:none;display:flex}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";color:var(--gray-600);width:28px;height:28px;transition:var(--transition);background:#8b949e0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:300;display:flex}
.faq-item[open] summary:after{content:"−";color:var(--primary);background:#8fc5a01a}
.faq-item summary:hover{color:var(--primary)}
.faq-item__answer{padding:0 28px 24px}
.faq-item__answer p{color:var(--gray-400);font-size:15px;line-height:1.7}
.knowledge-section{background:var(--black-soft);padding:140px 0}
.knowledge-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}
.knowledge-card{border-radius:var(--radius);border:1px solid var(--gray-200);transition:var(--transition);background:var(--black-card);overflow:hidden}
.knowledge-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 32px #8fc5a01a}
.knowledge-card__image{flex-direction:column;height:220px;display:flex;position:relative;overflow:hidden}
.knowledge-card__image .blog-cover{flex:1;width:100%;min-height:100%}
.knowledge-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}
.knowledge-card:hover .knowledge-card__image img{transform:scale(1.05)}
.knowledge-card__body{padding:24px}
.knowledge-card__body h4{color:var(--white);margin-bottom:16px;font-size:16px;font-weight:600;line-height:1.4}
.knowledge-card__link{color:var(--primary-dark);transition:var(--transition-fast);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}
.knowledge-card__link:hover{color:var(--black);gap:12px}
@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}
.footer{color:#fff9;background:#0d1117;padding:60px 0 0}
@media (max-width:768px){
.orbit-node-card{width:220px;padding:16px}
}
.footer-grid{border-bottom:1px solid #ffffff14;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;max-width:1100px;margin:0 auto;padding-bottom:40px;display:grid}
.footer-logo{margin-bottom:16px}
.footer-brand p{color:#ffffff80;margin-bottom:20px;font-size:14px;line-height:1.7}
.footer-column h5{color:var(--white);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:14px;font-weight:600}
.footer-column ul{flex-direction:column;gap:8px;display:flex}
.footer-column ul li a,.footer-column ul li{color:#ffffff80;transition:var(--transition-fast);font-size:14px}
.footer-column ul li a:hover{color:var(--primary)}
.footer-bottom{text-align:center;padding:24px 0}
.footer-bottom p{color:#ffffff4d;font-size:13px}
.footer-bottom .btn{margin-top:14px;padding:8px 18px;font-size:13px}
.back-to-top{background:var(--primary);width:48px;height:48px;color:var(--black);cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px);box-shadow:0 4px 16px #8fc5a04d}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8fc5a066}
@media (max-width:1024px){
.nav-menu,.nav-actions{display:none}
.menu-toggle{display:flex}
.header{border-radius:12px;max-width:96%;top:8px}
.header .container{height:60px}
.platform-panel__content{grid-template-columns:1fr;gap:40px}
.platform-panel__image{order:-1}
.stats-banner__grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
.header{width:calc(100% - 16px)}
.hero-zoom{min-height:auto;padding:160px 0 100px}
.hero-zoom__title{font-size:32px}
.hero-zoom__glow--1{opacity:.08;width:400px;height:400px}
.hero-zoom__glow--2{opacity:.04;width:300px;height:300px}
.hero-zoom__ctas{flex-direction:column;align-items:center}
.hero-zoom__ctas .btn{justify-content:center;width:100%;max-width:300px}
.hero-zoom__credentials{flex-wrap:wrap;gap:16px}
.hero-zoom__credential strong{font-size:24px}
.solutions-carousel{padding:60px 0 80px}
.stats-banner__grid{grid-template-columns:repeat(2,1fr);gap:24px}
.stats-banner{padding:40px 0}
.knowledge-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr;gap:32px}
.reframe-section{padding:80px 0}
.how-it-works-section{padding:80px 0}
.faq-section{padding:80px 0}
}
@media (max-width:480px){
.hero-zoom__title{font-size:28px}
.hero-zoom__glow--1{opacity:.05;filter:blur(80px);width:300px;height:300px}
.hero-zoom__glow--2{display:none}
}
@keyframes agentPulse{0%,to{opacity:1;transform:scale(1)}
50%{opacity:.5;transform:scale(.8)}
}
.section--light{overflow:hidden;background:var(--light-bg)!important}
.section--light .section-header h2{color:var(--light-text)}
.section--light .section-header p{color:var(--light-text-secondary)}
.section--light .highlight{color:var(--primary-dark)}
.section--light .section-badge{color:var(--light-text-secondary);background:#0000000a;border-color:#00000014}
.section--light .section-badge--gold{color:var(--primary-dark);background:#8fc5a014;border-color:#8fc5a033}
.solutions-carousel.section--light .solutions-carousel__header h2{color:var(--light-text)}
.solutions-carousel.section--light .solutions-carousel__header p{color:var(--light-text-secondary)}
.gallery3d__arrow{z-index:20;color:#8fc5a0;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #8fc5a04d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}
.gallery3d__arrow:hover{background:#8fc5a026;border-color:#8fc5a0}
.gallery3d__arrow--prev{left:16px}
.gallery3d__arrow--next{right:16px}
@media (max-width:640px){
.gallery3d__arrow{width:40px;height:40px;font-size:14px}
.gallery3d__arrow--prev{left:8px}
.gallery3d__arrow--next{right:8px}
}
.gallery3d{perspective:2000px;-webkit-user-select:none;user-select:none;cursor:grab;justify-content:center;align-items:center;width:100%;height:580px;display:flex;position:relative}
.gallery3d:active{cursor:grabbing}
.gallery3d__track{width:100%;height:100%;transform-style:preserve-3d;position:relative}
.gallery3d__card{border-radius:14px;width:300px;height:400px;margin-top:-200px;margin-left:-150px;transition:opacity .3s linear;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 20px 50px #0000004d}
.gallery3d__card a{color:#fff;width:100%;height:100%;text-decoration:none;display:block;position:relative}
.gallery3d__card img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}
.gallery3d__info{background:linear-gradient(#0000 0%,#00000073 45%,#000000e0 100%);padding:20px 18px;position:absolute;bottom:0;left:0;right:0}
.gallery3d__icon{width:38px;height:38px;color:var(--primary);background:#8fc5a033;border-radius:9px;justify-content:center;align-items:center;margin-bottom:8px;font-size:15px;display:flex}
.gallery3d__info h3{margin-bottom:3px;font-size:18px;font-weight:700}
.gallery3d__info p{color:#ffffffb3;margin-bottom:8px;font-size:13px;line-height:1.4}
.gallery3d__link{color:var(--primary);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}
.gallery3d__link i{font-size:10px;transition:transform .2s}
.gallery3d__card:hover .gallery3d__link i{transform:translate(4px)}
@media (max-width:768px){
.gallery3d{height:460px}
.gallery3d__card{width:240px;height:330px;margin-top:-165px;margin-left:-120px}
.gallery3d__info h3{font-size:16px}
.gallery3d__info p{font-size:12px}
}
@media (max-width:480px){
.gallery3d{height:380px}
.gallery3d__card{width:200px;height:280px;margin-top:-140px;margin-left:-100px}
}
.faq-section.section--light .faq-item{background:var(--light-card);border-color:var(--light-border);box-shadow:var(--light-shadow)}
.faq-section.section--light .faq-item[open]{background:var(--light-card);box-shadow:var(--light-shadow-lg);border-color:#8fc5a033}
.faq-section.section--light .faq-item summary{color:var(--light-text)}
.faq-section.section--light .faq-item__answer p{color:var(--light-text-secondary)}
.knowledge-section.section--light{background:var(--light-bg)!important}
.knowledge-section.section--light .section-header h2{color:var(--light-text)}
.knowledge-section.section--light .section-header p{color:var(--light-text-secondary)!important}
.knowledge-section.section--light .knowledge-card{background:var(--light-card);border-color:var(--light-border);box-shadow:var(--light-shadow)}
.knowledge-section.section--light .knowledge-card:hover{box-shadow:var(--light-shadow-lg)}
.knowledge-section.section--light .knowledge-card h4{color:var(--light-text)}
.knowledge-section.section--light .knowledge-card p{color:var(--light-text-secondary)}
.knowledge-section.section--light .btn-dark{background:var(--light-text);color:var(--light-card)}
[data-reveal=scale]{opacity:0;transform:scale(.92)}
[data-reveal=left]{opacity:0;transform:translate(-50px)}
[data-reveal=left].revealed{opacity:1;transform:translate(0)}
[data-reveal=right]{opacity:0;transform:translate(50px)}
[data-reveal=right].revealed{opacity:1;transform:translate(0)}
@keyframes float-gentle{0%,to{transform:translateY(0)}
50%{transform:translateY(-8px)}
}
@keyframes gradient-shift{0%{background-position:0%}
50%{background-position:100%}
to{background-position:0%}
}
@keyframes border-glow-rotate{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@keyframes pulse-subtle-anim{0%,to{opacity:1}
50%{opacity:.7}
}
.glow-divider{background:linear-gradient(90deg,#0000,#8fc5a04d,#0000);border:none;height:1px;margin:0}
.mkt-section{background:#0a0e14;padding:120px 0;position:relative;overflow:hidden}
.mkt-section:before{content:"";opacity:.5;z-index:0;pointer-events:none;background:url('../img/bg-market-data.jpg') 50%/cover no-repeat;position:absolute;inset:0}
.mkt-section:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0a0e1499 0%,#0a0e144d 50%,#0a0e14b3 100%);position:absolute;inset:0}
.mkt-header{text-align:center;margin-bottom:64px}
.mkt-header h2{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}
.mkt-header h2 span{color:#8fc5a0}
.mkt-card{-webkit-backdrop-filter:blur(20px);background:#000000d9;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:36px;transition:all .4s;display:flex;position:relative}
.mkt-card:hover{border-color:#8fc5a033;transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}
.mkt-card__number{color:#fff;letter-spacing:-.03em;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;line-height:1}
@keyframes mktPulse{0%,to{opacity:1;transform:scale(1)}
50%{opacity:.5;transform:scale(1.3)}
}
.mkt-card__footer{border-top:1px solid #ffffff0f;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}
@media (max-width:768px){
.mkt-section{padding:80px 0}
.mkt-header{margin-bottom:40px}
}
.roda{margin-bottom:56px}
.roda__scene{justify-content:center;padding:20px 0;display:flex;position:relative}
.roda__wheel{width:780px;height:780px;position:relative}
.roda__wheel:before{content:"";pointer-events:none;background:radial-gradient(circle,#8fc5a00a 0%,#0000 60%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.roda__ring{width:100%;height:100%;animation:24s linear infinite roda-ring-spin;position:absolute;inset:0}
@keyframes roda-ring-spin{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.roda__spinner{animation:22s linear infinite roda-spin;position:absolute;inset:0}
@keyframes roda-spin{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.roda__arm{width:0;height:0;position:absolute;top:50%;left:50%}
.roda__arm--1{transform:rotate(0)}
.roda__arm--2{transform:rotate(120deg)}
.roda__arm--3{transform:rotate(240deg)}
.roda__arm:before{content:"";background:linear-gradient(#8fc5a005,#8fc5a014);width:1px;height:260px;position:absolute;bottom:12px;left:0;transform:translate(-50%)}
.roda__card{-webkit-backdrop-filter:blur(20px);text-align:center;background:linear-gradient(160deg,#1c212af7,#10141cfc);border:1px solid #ffffff14;border-radius:22px;width:240px;padding:26px 22px 22px;transition:all .4s;position:absolute;top:-390px;left:-120px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0a}
.roda__arm--1 .roda__card{animation:22s linear infinite roda-c1}
.roda__arm--2 .roda__card{animation:22s linear infinite roda-c2}
.roda__arm--3 .roda__card{animation:22s linear infinite roda-c3}
@keyframes roda-c1{0%{transform:rotate(0)}
to{transform:rotate(-360deg)}
}
@keyframes roda-c2{0%{transform:rotate(-120deg)}
to{transform:rotate(-480deg)}
}
@keyframes roda-c3{0%{transform:rotate(-240deg)}
to{transform:rotate(-600deg)}
}
.roda__card:hover{border-color:#8fc5a033;box-shadow:0 16px 56px #0009,0 0 40px #8fc5a00f,inset 0 1px #ffffff0f}
.roda__card-num{letter-spacing:2px;color:#000;background:#8fc5a0;border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:.65rem;font-weight:800;display:inline-block}
.roda__card-icon{background:#8fc5a00f;border:1px solid #8fc5a01a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;display:flex}
.roda__card-icon i{color:#8fc5a0;opacity:.6;font-size:20px}
.roda__card strong{color:#fff;margin-bottom:8px;font-size:1rem;font-weight:800;line-height:1.3;display:block}
.roda__card p{color:#ffffff61;margin:0;font-size:.8rem;line-height:1.55}
.roda__hub{text-align:center;z-index:5;width:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.roda__hub-outer{border:1px solid #8fc5a01a;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 14px;animation:4s ease-in-out infinite roda-hub-breathe;display:flex;position:relative}
@keyframes roda-hub-breathe{0%,to{box-shadow:0 0 #8fc5a000,0 0 30px #8fc5a008}
50%{box-shadow:0 0 0 12px #8fc5a008,0 0 50px #8fc5a00f}
}
.roda__hub-inner{background:linear-gradient(135deg,#8fc5a01f,#8fc5a008);border:1.5px solid #8fc5a033;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex}
.roda__hub-inner i{color:#8fc5a0;font-size:26px}
.roda__hub strong{color:#fff;margin-bottom:6px;font-size:1.1rem;font-weight:800;display:block}
.roda__hub span{color:#ffffff80;font-size:.82rem;font-weight:500;line-height:1.5}
@media (max-width:850px){
.roda__wheel{width:520px;height:520px}
.roda__card{width:180px;padding:18px 14px 14px;top:-265px;left:-90px}
.roda__arm:before{height:170px}
.roda__card strong{font-size:.85rem}
.roda__card p{font-size:.72rem}
.roda__hub{width:160px}
.roda__hub-outer{width:72px;height:72px}
.roda__hub-inner{width:52px;height:52px}
.roda__hub-inner i{font-size:18px}
.roda__hub strong{font-size:.78rem}
.roda__hub span{font-size:.65rem}
}
@media (max-width:560px){
.roda__wheel{width:400px;height:400px}
.roda__card{width:155px;padding:14px 10px 10px;top:-205px;left:-77px}
.roda__arm:before{height:130px}
.roda__card-num{margin-bottom:8px;padding:2px 10px;font-size:.58rem}
.roda__card-icon{border-radius:10px;width:36px;height:36px}
.roda__card-icon i{font-size:14px}
.roda__card strong{font-size:.78rem}
.roda__card p{display:none}
.roda__hub{width:140px}
.roda__hub-outer{width:60px;height:60px}
.roda__hub-inner{width:44px;height:44px}
.roda__hub-inner i{font-size:14px}
.roda__hub strong{font-size:.7rem}
.roda__hub span{display:none}
}
.pp-mock{background:#0d1117f2;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}
.platform-panel__mockup-main:has(.pp-mock){background:0 0}
.platform-panel__mockup-main .pp-mock{border-radius:24px;flex:1}
.pp-mock__bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:10px 14px;display:flex}
.pp-mock__bar>span{border-radius:50%;width:10px;height:10px}
.pp-mock__bar>span:first-child{background:#ef4444}
.pp-mock__bar>span:nth-child(2){background:#8fc5a0}
.pp-mock__bar>span:nth-child(3){background:#22c55e}
.pp-mock__title{color:#ffffff59;margin-left:10px;font-size:11px;font-weight:600}
.pp-mock__body{flex:1;padding:20px 18px}
.pp-mock__label{letter-spacing:1.5px;color:#ffffff59;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:800}
.pp-mock__grid4{grid-template-columns:1fr 1fr;gap:6px;display:grid}
.pp-mock__cell{color:#fff;border-radius:10px;padding:14px 12px;font-size:13px;font-weight:700;line-height:1.4}
.pp-mock__cell small{opacity:.6;font-weight:500}
.pp-mock__cell--green{background:#22c55e1f}
.pp-mock__cell--yellow{background:#8fc5a01f}
.pp-mock__cell--blue{background:#3b82f61f}
.pp-mock__cell--red{background:#ef44441f}
.pp-mock__row{color:#ffffff8c;border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}
.pp-mock__row i{flex-shrink:0}
.pp-mock__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}
.pp-mock__dot--gold{background:#8fc5a0}
.pp-mock__dot--green{background:#22c55e}
.pp-mock__dot--red{background:#ef4444}
.pp-mock__dot--blue{background:#3b82f6}
.pp-mock__tag{white-space:nowrap;border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:9px;font-weight:700}
.pp-mock__tag--gold{color:#8fc5a0;background:#8fc5a026}
.pp-mock__tag--green{color:#22c55e;background:#22c55e26}
.pp-mock__tag--blue{color:#3b82f6;background:#3b82f626}
.pp-mock__flow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}
.pp-mock__flow-step{color:#ffffff4d;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:600;display:flex}
.pp-mock__flow-step--done{color:#22c55e;border-color:#22c55e33}
.pp-mock__flow-step--active{color:#8fc5a0;background:#8fc5a00f;border-color:#8fc5a04d}
.pp-mock__flow-step i{font-size:8px}
.pp-mock__flow-arrow{color:#ffffff26;font-size:10px}
.pp-mock__doc{flex-direction:column;gap:6px;display:flex}
.pp-mock__doc-line{background:#ffffff0f;border-radius:3px;height:5px}
.pp-mock__meter{align-items:center;gap:8px;margin-bottom:6px;display:flex}
.pp-mock__meter-label{color:#fff6;flex-shrink:0;width:90px;font-size:11px}
.pp-mock__meter-bar{background:#ffffff0f;border-radius:6px;flex:1;height:6px;overflow:hidden}
.pp-mock__meter-fill{border-radius:6px;height:100%}
.pp-mock__meter-fill--gold{background:#8fc5a0}
.pp-mock__meter-fill--green{background:#22c55e}
.pp-mock__meter-fill--blue{background:#3b82f6}
.pp-mock__meter-fill--red{background:#ef4444}
.pp-mock__meter span{color:#ffffff80;text-align:right;flex-shrink:0;width:32px;font-size:11px;font-weight:700}
.pp-mock__kpi-grid{gap:8px;margin-bottom:12px;display:flex}
.pp-mock__kpi{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex:1;padding:10px}
.pp-mock__kpi-val{margin-bottom:2px;font-size:16px;font-weight:800;display:block}
.pp-mock__kpi-val--green{color:#22c55e}
.pp-mock__kpi-val--red{color:#ef4444}
.pp-mock__kpi-val--gold{color:#8fc5a0}
.pp-mock__kpi-label{color:#ffffff59;font-size:9px}
.pp-mock__alert{color:#ffffff8c;background:#ef44440f;border:1px solid #ef44441f;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}
.pp-mock__chat-row{border-radius:8px;max-width:90%;margin-bottom:4px;padding:8px 10px;font-size:11px;line-height:1.5}
.pp-mock__chat-row--recv{color:#fff9;background:#ffffff0a;align-self:flex-start}
.pp-mock__chat-row--recv strong{color:#8fc5a0}
.pp-mock__chat-row--sent{color:#ffffffb3;text-align:right;background:#22c55e1f;margin-left:auto}
.pp-mock__risk-matrix{gap:6px;margin-bottom:8px;display:flex}
.pp-mock__risk-cell{text-align:center;border-radius:8px;flex:1;padding:12px 8px;font-size:10px;font-weight:700}
.pp-mock__risk-cell strong{margin-top:2px;font-size:20px;display:block}
.pp-mock__funnel{flex-direction:column;align-items:center;gap:4px;display:flex}
.pp-mock__funnel-row{color:#fff9;text-align:center;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:600}
.pp-mock__big-number{color:#8fc5a0;font-size:28px;font-weight:900;line-height:1}
.pp-mock__big-number small{color:#ffffff59;font-size:13px;font-weight:600}
.platform-panel .pp-mock__row,.platform-panel .pp-mock__cell,.platform-panel .pp-mock__kpi,.platform-panel .pp-mock__chat-row,.platform-panel .pp-mock__flow-step,.platform-panel .pp-mock__risk-cell,.platform-panel .pp-mock__funnel-row,.platform-panel .pp-mock__alert,.platform-panel .pp-mock__big-number,.platform-panel .pp-mock__doc-line{opacity:0;transform:translateY(8px)}
.platform-panel.active .pp-mock__row,.platform-panel.active .pp-mock__cell,.platform-panel.active .pp-mock__kpi,.platform-panel.active .pp-mock__chat-row,.platform-panel.active .pp-mock__flow-step,.platform-panel.active .pp-mock__risk-cell,.platform-panel.active .pp-mock__funnel-row,.platform-panel.active .pp-mock__alert,.platform-panel.active .pp-mock__big-number,.platform-panel.active .pp-mock__doc-line{animation:.5s forwards ppFadeUp}
.platform-panel.active .pp-mock__row:first-child,.platform-panel.active .pp-mock__cell:first-child,.platform-panel.active .pp-mock__kpi:first-child,.platform-panel.active .pp-mock__chat-row:first-child,.platform-panel.active .pp-mock__flow-step:first-child,.platform-panel.active .pp-mock__risk-cell:first-child,.platform-panel.active .pp-mock__funnel-row:first-child,.platform-panel.active .pp-mock__doc-line:first-child{animation-delay:.3s}
.platform-panel.active .pp-mock__row:nth-child(2),.platform-panel.active .pp-mock__cell:nth-child(2),.platform-panel.active .pp-mock__kpi:nth-child(2),.platform-panel.active .pp-mock__chat-row:nth-child(2),.platform-panel.active .pp-mock__flow-step:nth-child(2),.platform-panel.active .pp-mock__risk-cell:nth-child(2),.platform-panel.active .pp-mock__funnel-row:nth-child(2),.platform-panel.active .pp-mock__doc-line:nth-child(2){animation-delay:.5s}
.platform-panel.active .pp-mock__row:nth-child(3),.platform-panel.active .pp-mock__cell:nth-child(3),.platform-panel.active .pp-mock__kpi:nth-child(3),.platform-panel.active .pp-mock__chat-row:nth-child(3),.platform-panel.active .pp-mock__flow-step:nth-child(3),.platform-panel.active .pp-mock__risk-cell:nth-child(3),.platform-panel.active .pp-mock__funnel-row:nth-child(3),.platform-panel.active .pp-mock__doc-line:nth-child(3){animation-delay:.7s}
.platform-panel.active .pp-mock__row:nth-child(4),.platform-panel.active .pp-mock__cell:nth-child(4),.platform-panel.active .pp-mock__chat-row:nth-child(4),.platform-panel.active .pp-mock__flow-step:nth-child(4),.platform-panel.active .pp-mock__funnel-row:nth-child(4),.platform-panel.active .pp-mock__doc-line:nth-child(4){animation-delay:.9s}
.platform-panel.active .pp-mock__alert{animation-delay:1.1s}
.platform-panel.active .pp-mock__big-number{animation-delay:1s}
@keyframes ppFadeUp{0%{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
.platform-panel .pp-mock__meter-fill{transform-origin:0;transform:scaleX(0)}
.platform-panel.active .pp-mock__meter-fill{animation:1s forwards ppBarFill}
.platform-panel.active .pp-mock__meter:first-child .pp-mock__meter-fill{animation-delay:.4s}
.platform-panel.active .pp-mock__meter:nth-child(2) .pp-mock__meter-fill{animation-delay:.6s}
.platform-panel.active .pp-mock__meter:nth-child(3) .pp-mock__meter-fill{animation-delay:.8s}
.platform-panel.active .pp-mock__meter:nth-child(4) .pp-mock__meter-fill{animation-delay:1s}
@keyframes ppBarFill{0%{transform:scaleX(0)}
to{transform:scaleX(1)}
}
.platform-panel.active .pp-mock__flow-step--active i{animation:1.5s linear infinite ppSpin}
@keyframes ppSpin{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.platform-panel.active .pp-mock__dot{animation:2s ease-in-out infinite ppDotPulse}
@keyframes ppDotPulse{0%,to{opacity:1;transform:scale(1)}
50%{opacity:.5;transform:scale(1.3)}
}
.platform-panel.active .pp-mock__kpi-val{animation:.8s forwards ppCountUp}
.platform-panel.active .pp-mock__kpi:first-child .pp-mock__kpi-val{animation-delay:.4s}
.platform-panel.active .pp-mock__kpi:nth-child(2) .pp-mock__kpi-val{animation-delay:.6s}
.platform-panel.active .pp-mock__kpi:nth-child(3) .pp-mock__kpi-val{animation-delay:.8s}
@keyframes ppCountUp{0%{opacity:0;transform:translateY(10px)scale(.8)}
60%{transform:translateY(-2px)scale(1.05)}
to{opacity:1;transform:translateY(0)scale(1)}
}
.platform-panel.active .pp-mock__big-number{animation:.8s cubic-bezier(.16,1,.3,1) 1s forwards ppBigNum}
@keyframes ppBigNum{0%{opacity:0;transform:scale(.5)}
to{opacity:1;transform:scale(1)}
}
.platform-panel.active .pp-mock__chat-row:first-child{animation-delay:.3s}
.platform-panel.active .pp-mock__chat-row:nth-child(2){animation-delay:.8s}
.platform-panel.active .pp-mock__chat-row:nth-child(3){animation-delay:1.4s}
.platform-panel.active .pp-mock__funnel-row:first-child{animation-delay:.3s}
.platform-panel.active .pp-mock__funnel-row:nth-child(2){animation-delay:.6s}
.platform-panel.active .pp-mock__funnel-row:nth-child(3){animation-delay:.9s}
.platform-panel.active .pp-mock__funnel-row:nth-child(4){animation-delay:1.2s}
.platform-panel.active .pp-mock__alert{animation:.5s forwards ppFadeUp,2s ease-in-out 1.5s infinite ppAlertFlash}
@keyframes ppAlertFlash{0%,to{border-color:#ef44441f}
50%{border-color:#ef444459;box-shadow:0 0 12px #ef44441a}
}
.platform-panel .pp-mock__label{opacity:0}
.platform-panel.active .pp-mock__label{animation:.4s .1s forwards ppFadeUp}
.platform-panel.active .pp-mock__label:nth-of-type(2){animation-delay:.8s}
h1,h2,h3{text-wrap:balance}
.how-it-works-section:before,.faq-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#8fc5a00a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.how-it-works-section,.faq-section{position:relative;overflow:hidden}
.dock-container{justify-content:center;align-items:flex-end;height:100px;margin-bottom:40px;display:flex}
.dock{-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:flex-end;gap:4px;padding:10px 16px;display:flex}
.dock-item{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}
.dock-icon{color:#ffffffb3;background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #0003}
.dock-item:hover .dock-icon,.dock-item.active .dock-icon{color:#8fc5a0;background:linear-gradient(160deg,#8fc5a01f,#8fc5a00a);border-color:#8fc5a04d;box-shadow:0 4px 20px #8fc5a026}
.dock-item.active:after{content:"";background:#8fc5a0;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}
.dock-label{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000000e6;border:1px solid #ffffff1f;border-radius:6px;padding:3px 10px;font-size:.7rem;font-weight:600;transition:opacity .15s;position:absolute;top:-32px;left:50%;transform:translate(-50%)}
.dock-item:hover .dock-label{opacity:1}
@media (max-width:768px){
.dock-container{height:80px;margin-bottom:24px}
.dock{border-radius:16px;gap:2px;padding:8px 12px}
.dock-icon{border-radius:12px;width:40px;height:40px;font-size:.9rem}
.dock-label{display:none}
}
@media (max-width:480px){
.dock-icon{border-radius:10px;width:36px;height:36px;font-size:.8rem}
}
.cost-vs{justify-content:center;align-items:center;padding:0 12px;display:flex}
.cost-vs__circle{color:#8fc5a0;letter-spacing:1px;z-index:2;background:linear-gradient(135deg,#8fc5a026,#8fc5a00d);border:2px solid #8fc5a04d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.1rem;font-weight:800;display:flex}
@media (max-width:768px){
.cost-grid{grid-template-columns:1fr;gap:24px}
.cost-vs{margin:8px 0}
.cost-header h2{font-size:1.75rem}
.cost-savings__badge{text-align:center;flex-direction:column;padding:16px 24px}
.cost-savings__text{text-align:center}
}
.section-padded-lg{padding:140px 0}
.olivia-intro{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1000px;margin:0 auto;display:grid}
@media (max-width:1024px){
.olivia-intro{gap:32px}
}
@media (max-width:768px){
.section-padded-lg{padding:60px 0!important}
.olivia-intro{grid-template-columns:1fr;gap:24px;max-width:500px}
.olivia-intro>div:last-child{order:-1}
.olivia-intro img{width:140px!important;height:140px!important}
.olivia-intro h2{font-size:1.6rem!important}
#manifesto p{font-size:1.1rem!important}
}
@media (max-width:480px){
.section-padded-lg{padding:48px 0!important}
.olivia-intro img{width:120px!important;height:120px!important}
.olivia-intro h2{font-size:1.4rem!important}
#manifesto p{font-size:1rem!important}
.cost-section,.testi-section{padding:60px 0}
}
html[lang=en] .cost-card--orbit:before{content:"RECOMMENDED"!important}
@keyframes orbit-glow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}
50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}
}
@keyframes orbit-photo-breathe{0%,to{box-shadow:0 0 40px #8fc5a066,0 0 80px #8fc5a026}
50%{box-shadow:0 0 50px #8fc5a099,0 0 100px #8fc5a040}
}
@keyframes orbit-ring{0%,to{opacity:.3}
50%{opacity:1}
}
@keyframes orbit-node-in{to{opacity:1;scale:1}
}
@media (max-width:768px){
.orbit-node-card{width:220px;padding:16px}
}
@keyframes orbit-center-in{to{opacity:1;scale:1}
}
@keyframes orbit-lines-in{to{opacity:1}
}
.cost-card{border-radius:20px;padding:40px}
@keyframes floatLP{0%,to{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
[data-reveal=scale]{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:scale(.92)}
[data-reveal=scale].revealed{opacity:1;transform:scale(1)}
[data-reveal-stagger].revealed>:nth-child(7){transition-delay:.48s}
[data-reveal-stagger].revealed>*{opacity:0;opacity:1;transform:translateY(0)}
@media (max-width:768px){
.cost-grid{grid-template-columns:1fr}
}
@keyframes pain-glow-pulse-lp{0%,to{opacity:.5;transform:translate(-50%)scale(1)}
50%{opacity:1;transform:translate(-50%)scale(1.1)}
}
@keyframes pain-thought-in-lp{0%{opacity:0;transform:translateY(20px)scale(.95)}
60%{transform:translateY(-4px)scale(1.01)}
to{opacity:1;transform:translateY(0)scale(1)}
}
@keyframes pain-icon-ring-lp{0%{opacity:.5;transform:scale(1)}
to{opacity:0;transform:scale(1.6)}
}
@keyframes pain-typing-dot-lp{0%,to{opacity:.3;transform:scale(.8)}
50%{opacity:1;transform:scale(1)}
}
@keyframes pain-text-reveal-lp{0%{opacity:0;filter:blur(4px)}
to{opacity:1;filter:blur()}
}
@keyframes pain-answer-in-lp{0%{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes rfm-live-blink-lp{0%,to{opacity:1}
50%{opacity:.4}
}
.hiw-cinema{max-width:900px;margin:0 auto;padding:20px 0 0;position:relative}
.hiw-cinema__rail{z-index:0;background:#ffffff0f;border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:28px}
.hiw-cinema__rail-fill{background:linear-gradient(#8fc5a0,#b7d8bd,#22c55e);border-radius:3px;width:100%;height:0%;transition:height 2.5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #8fc5a066}
.hiw-cinema.hiw-active .hiw-cinema__rail-fill{height:100%}
.hiw-cinema__step{opacity:0;margin-bottom:48px;padding-left:80px;position:relative;transform:translateY(40px)}
.hiw-cinema__step:last-child{margin-bottom:0}
.hiw-cinema__step.hiw-step-visible{opacity:1;transition:opacity .7s,transform .7s;transform:translateY(0)}
.hiw-cinema__marker{z-index:2;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0}
.hiw-cinema__dot{color:#000;background:linear-gradient(135deg,#8fc5a0,#b7d8bd);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 20px #8fc5a04d}
.hiw-cinema__dot--final{background:linear-gradient(135deg,#22c55e,#16a34a);animation:2s ease-in-out infinite hiw-final-pulse;box-shadow:0 4px 20px #22c55e4d,0 0 0 8px #22c55e1a}
@keyframes hiw-final-pulse{0%,to{box-shadow:0 4px 20px #22c55e4d,0 0 0 8px #22c55e1a}
50%{box-shadow:0 4px 20px #22c55e80,0 0 0 14px #22c55e0d}
}
.hiw-cinema__time{color:#8fc5a0;white-space:nowrap;background:#8fc5a01a;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}
.hiw-cinema__time--live{color:#22c55e;background:#22c55e1a;animation:2s ease-in-out infinite hiw-live-blink}
@keyframes hiw-live-blink{0%,to{opacity:1}
50%{opacity:.6}
}
.hiw-cinema__card{background:linear-gradient(135deg,#1c2333 0%,#13161d 100%);border:1px solid #ffffff0f;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-top:8px;padding:36px;transition:all .3s;display:grid;overflow:hidden}
.hiw-cinema__card:hover{border-color:#8fc5a026;box-shadow:0 12px 48px #0006}
.hiw-cinema__card--final{background:linear-gradient(135deg,#1c2333 0%,#22c55e0d 100%);border-color:#22c55e33}
.hiw-cinema__text h3{color:#fff;margin-bottom:12px;font-size:22px;font-weight:800;line-height:1.3}
.hiw-cinema__text p{color:#ffffff8c;font-size:15px;line-height:1.7}
.hiw-cinema__scene{min-height:200px;position:relative}
.hiw-form-mockup{background:#0d1117;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}
.hiw-form-mockup__header{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 16px;display:flex}
.hiw-form-mockup__dots{gap:6px;display:flex}
.hiw-form-mockup__dots span{border-radius:50%;width:10px;height:10px}
.hiw-form-mockup__dots span:first-child{background:#ef4444}
.hiw-form-mockup__dots span:nth-child(2){background:#f59e0b}
.hiw-form-mockup__dots span:nth-child(3){background:#22c55e}
.hiw-form-mockup__title{color:#fff6;font-size:12px;font-weight:500}
.hiw-form-mockup__body{padding:20px 16px}
.hiw-form-field{opacity:0;margin-bottom:14px;transform:translate(20px)}
.hiw-form-field__label{color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}
.hiw-form-field__input{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:10px 12px;font-size:13px}
.hiw-typing{white-space:nowrap;border-right:2px solid #8fc5a0;width:0;display:inline-block;overflow:hidden}
.hiw-form-btn{color:#000;opacity:0;background:linear-gradient(135deg,#8fc5a0,#b7d8bd);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;display:flex;transform:scale(.9)}
.hiw-step-visible .hiw-form-field--1{animation:.5s .3s forwards hiw-field-in}
.hiw-step-visible .hiw-form-field--2{animation:.5s .8s forwards hiw-field-in}
.hiw-step-visible .hiw-form-field--3{animation:.5s 1.3s forwards hiw-field-in}
.hiw-step-visible .hiw-form-field--4{animation:.4s 1.8s forwards hiw-btn-in}
.hiw-step-visible .hiw-form-field--1 .hiw-typing{animation:.6s .5s forwards hiw-type}
.hiw-step-visible .hiw-form-field--2 .hiw-typing{animation:.5s 1s forwards hiw-type}
.hiw-step-visible .hiw-form-field--3 .hiw-typing{animation:.6s 1.5s forwards hiw-type}
@keyframes hiw-field-in{to{opacity:1;transform:translate(0)}
}
@keyframes hiw-type{to{border-right-color:#0000;width:100%}
}
@keyframes hiw-btn-in{to{opacity:1;transform:scale(1)}
}
.hiw-agents-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}
.hiw-agent{opacity:0;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative;transform:scale(.5)}
.hiw-step-visible .hiw-agent{animation:hiw-agent-pop .4s calc(var(--d) * .1s + .3s) forwards}
@keyframes hiw-agent-pop{0%{opacity:0;transform:scale(.5)}
70%{transform:scale(1.1)}
to{opacity:1;transform:scale(1)}
}
.hiw-agent__avatar{color:#8fc5a0;background:#8fc5a01a;border:1.5px solid #8fc5a040;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;display:flex;position:relative}
.hiw-agent span{color:#fff6;text-align:center;font-size:9px;line-height:1.2}
.hiw-agent__pulse{background:#22c55e;border:2px solid #1c2333;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}
.hiw-step-visible .hiw-agent__pulse{animation:hiw-agent-blink 1.5s calc(var(--d) * .15s + 1.5s) infinite}
@keyframes hiw-agent-blink{0%,to{opacity:1}
50%{opacity:.3}
}
.hiw-agents-output{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;padding:12px 14px;font-family:SF Mono,Fira Code,monospace}
.hiw-output-line{color:#ffffff80;opacity:0;align-items:center;gap:8px;padding:4px 0;font-size:11px;display:flex;transform:translate(10px)}
.hiw-output-line i{color:#22c55e;font-size:10px}
.hiw-output-line:last-child i{color:#8fc5a0}
.hiw-step-visible .hiw-output-line--1{animation:.4s 1.8s forwards hiw-field-in}
.hiw-step-visible .hiw-output-line--2{animation:.4s 2.2s forwards hiw-field-in}
.hiw-step-visible .hiw-output-line--3{animation:.4s 2.6s forwards hiw-field-in}
.hiw-step-visible .hiw-output-line--4{animation:.4s 3s forwards hiw-field-in}
.hiw-validate-screen{background:#0d1117;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}
.hiw-validate-screen__header{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 16px;display:flex}
.hiw-validate-list{padding:14px 16px}
.hiw-validate-item{opacity:0;border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:10px 0;display:flex;transform:translateY(10px)}
.hiw-validate-item:last-child{border-bottom:none}
.hiw-validate-item__check{color:#22c55e;background:#22c55e1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}
.hiw-validate-item__check--adjust{color:#8fc5a0;background:#8fc5a01a}
.hiw-validate-item span:nth-child(2){color:#ffffffb3;flex:1;font-size:13px}
.hiw-validate-item__badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}
.hiw-validate-item__badge--ok{color:#22c55e;background:#22c55e1a}
.hiw-validate-item__badge--adjust{color:#8fc5a0;background:#8fc5a01a}
.hiw-step-visible .hiw-validate-item--1{animation:.4s .3s forwards hiw-validate-in}
.hiw-step-visible .hiw-validate-item--2{animation:.4s .7s forwards hiw-validate-in}
.hiw-step-visible .hiw-validate-item--3{animation:.4s 1.1s forwards hiw-validate-in}
.hiw-step-visible .hiw-validate-item--4{animation:.4s 1.5s forwards hiw-validate-in}
@keyframes hiw-validate-in{to{opacity:1;transform:translateY(0)}
}
.hiw-validate-progress{background:#ffffff05;border-top:1px solid #ffffff0a;align-items:center;gap:12px;padding:12px 16px;display:flex}
.hiw-validate-progress__bar{background:#ffffff0f;border-radius:6px;flex:1;height:6px;position:relative;overflow:hidden}
.hiw-validate-progress__bar:after{content:"";background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:6px;width:0%;height:100%;transition:width 2s;position:absolute;top:0;left:0}
.hiw-step-visible .hiw-validate-progress__bar:after{width:87%}
.hiw-validate-progress span{color:#22c55e;white-space:nowrap;font-size:12px;font-weight:700}
.hiw-scene-launch{align-items:center;gap:24px;display:flex}
.hiw-rocket-container{flex-shrink:0;width:100px;height:200px;position:relative}
.hiw-rocket{opacity:0;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(60px)}
.hiw-step-visible .hiw-rocket{animation:1.5s .5s forwards hiw-rocket-launch}
@keyframes hiw-rocket-launch{0%{opacity:0;transform:translate(-50%)translateY(60px)}
30%{opacity:1;transform:translate(-50%)translateY(40px)}
to{opacity:1;transform:translate(-50%)translateY(-20px)}
}
.hiw-rocket__body{color:#fff;z-index:2;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;position:relative;box-shadow:0 0 30px #22c55e66}
.hiw-rocket__body i{transform:rotate(-45deg)}
.hiw-rocket__flame{z-index:1;gap:3px;margin-top:-4px;display:flex;position:relative}
.hiw-rocket__flame span{opacity:0;border-radius:0 0 50% 50%;width:6px}
.hiw-step-visible .hiw-rocket__flame span{animation:.6s 1s infinite alternate hiw-flame}
.hiw-rocket__flame span:first-child{background:#f59e0b;height:20px;animation-delay:1s}
.hiw-rocket__flame span:nth-child(2){background:#ef4444;height:28px;animation-delay:1.1s}
.hiw-rocket__flame span:nth-child(3){background:#f59e0b;height:20px;animation-delay:1.2s}
@keyframes hiw-flame{0%{opacity:.6;height:16px}
to{opacity:1;height:32px}
}
.hiw-rocket__trail{background:linear-gradient(#22c55e99,#0000);border-radius:3px;width:3px;height:0;margin-top:-2px}
.hiw-step-visible .hiw-rocket__trail{animation:1.5s .8s forwards hiw-trail}
@keyframes hiw-trail{to{height:80px}
}
.hiw-rocket__particles span{opacity:0;background:#8fc5a0;border-radius:50%;width:4px;height:4px;position:absolute;bottom:30px;left:50%}
.hiw-step-visible .hiw-rocket__particles span{animation:hiw-particle 1s calc(var(--delay) + 1s) infinite}
@keyframes hiw-particle{0%{opacity:1;transform:translate(0)scale(1)}
to{opacity:0;transform:translate(var(--x), 50px) scale(0)}
}
.hiw-results{flex-direction:column;flex:1;gap:10px;display:flex}
.hiw-result-card{opacity:0;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex;transform:translate(30px)}
.hiw-step-visible .hiw-result-card--2{animation:.5s 1.4s forwards hiw-result-in}
.hiw-step-visible .hiw-result-card--3{animation:.5s 1.8s forwards hiw-result-in}
@keyframes hiw-result-in{to{opacity:1;transform:translate(0)}
}
.hiw-result-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}
.hiw-result-card--2 .hiw-result-card__icon{color:#8fc5a0;background:#8fc5a01a}
.hiw-result-card--3 .hiw-result-card__icon{color:#818cf8;background:#6366f11a}
.hiw-result-card__value{color:#fff;font-size:20px;font-weight:800}
.hiw-result-card__label{color:#fff6;font-size:12px}
@media (max-width:768px){
.hiw-cinema__rail{left:20px}
.hiw-cinema__step{padding-left:64px}
.hiw-cinema__dot{width:42px;height:42px;font-size:18px}
.hiw-cinema__card{grid-template-columns:1fr;gap:24px;padding:24px 20px}
.hiw-cinema__text h3{font-size:18px}
.hiw-agents-grid{grid-template-columns:repeat(4,1fr);gap:8px}
.hiw-agent__avatar{width:34px;height:34px;font-size:12px}
.hiw-agent span{font-size:8px}
.hiw-scene-launch{flex-direction:column}
.hiw-rocket-container{width:80px;height:140px}
.hiw-results{flex-flow:wrap}
.hiw-result-card{flex:1;min-width:120px;padding:10px 12px}
.hiw-result-card__value{font-size:16px}
}
@media (max-width:480px){
.hiw-cinema__step{margin-bottom:36px;padding-left:56px}
.hiw-cinema__rail{left:16px}
.hiw-cinema__dot{width:36px;height:36px;font-size:16px}
.hiw-cinema__time{padding:4px 10px;font-size:11px}
.hiw-cinema__card{padding:16px 12px}
.hiw-agents-grid{grid-template-columns:repeat(3,1fr)}
.hiw-olivia-orbit{width:180px!important;height:180px!important}
.hiw-olivia-orbit__avatar{width:44px!important;height:44px!important}
}
.hiw-olivia-hub{opacity:0;margin-top:20px;transition:opacity .8s,transform .8s;transform:scale(.8)}
.hiw-step-visible .hiw-olivia-hub{animation:.8s 3.6s forwards hiw-olivia-appear}
@keyframes hiw-olivia-appear{0%{opacity:0;transform:scale(.8)}
to{opacity:1;transform:scale(1)}
}
.hiw-olivia-hub__label{text-align:center;color:#8fc5a0;background:#8fc5a014;border:1px solid #8fc5a026;border-radius:20px;align-items:center;gap:6px;width:fit-content;margin:0 auto 16px;padding:6px 16px;font-size:12px;font-weight:700;display:flex}
.hiw-olivia-orbit{width:280px;height:280px;margin:0 auto;position:relative}
.hiw-olivia-orbit__svg{z-index:0;position:absolute;inset:0}
.hiw-olivia-orbit__svg line{stroke:#8fc5a026;stroke-width:1px}
.hiw-olivia-orbit__center{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.hiw-olivia-orbit__avatar{z-index:2;border:2px solid #8fc5a0;border-radius:50%;width:56px;height:56px;display:block;position:relative;box-shadow:0 0 24px #8fc5a04d}
.hiw-olivia-orbit__pulse{border:2px solid #8fc5a033;border-radius:50%;animation:2s ease-in-out infinite hiw-orbit-pulse;position:absolute;inset:-8px}
@keyframes hiw-orbit-pulse{0%,to{opacity:.6;transform:scale(1)}
50%{opacity:0;transform:scale(1.15)}
}
@keyframes hiw-orbit-spin{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@keyframes hiw-orbit-counter-spin{0%{transform:rotate(0)}
to{transform:rotate(-360deg)}
}
@media (max-width:768px){
.hiw-olivia-orbit{width:240px;height:240px}
.hiw-olivia-orbit__avatar{width:48px;height:48px}
.cost-grid{grid-template-columns:1fr;gap:24px}
.cost-vs{margin:8px 0}
.cost-header h2{font-size:1.75rem}
.cost-savings__badge{text-align:center;flex-direction:column;padding:16px 24px}
.cost-savings__text{text-align:center}
}
@keyframes gtd-float{0%,to{transform:translateY(0)}
50%{transform:translateY(-8px)}
}
@keyframes gtd-line-draw{0%{transform:scaleX(0)}
to{transform:scaleX(1)}
}
@keyframes gtd-sign-draw{to{stroke-dashoffset:0}
}
@keyframes gtd-stamp-pop{0%{opacity:0;transform:scale(.8)}
60%{transform:scale(1.08)}
to{opacity:1;transform:scale(1)}
}
@keyframes gtd-seal-slam{0%{opacity:0;transform:scale(0)rotate(-20deg)}
50%{opacity:1;transform:scale(1.2)rotate(5deg)}
70%{transform:scale(.95)rotate(-2deg)}
to{opacity:1;transform:scale(1)rotate(0)}
}
@keyframes gtd-ring-spin{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.faq-list{gap:0;max-width:760px;margin:0 auto}
.faq-item{background:0 0;border:none;border-bottom:1px solid #e5e7eb;border-radius:0}
.faq-item[open]{background:0 0;border-color:#e5e7eb}
[data-reveal]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(32px)}
[data-reveal].revealed{opacity:1;transform:translateY(0)}
[data-reveal-stagger]>*{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(32px)}
[data-reveal-stagger].revealed>*{opacity:1;transform:translateY(0)}
[data-reveal-stagger].revealed>:first-child{transition-delay:0s}
[data-reveal-stagger].revealed>:nth-child(2){transition-delay:80ms}
[data-reveal-stagger].revealed>:nth-child(3){transition-delay:.16s}
[data-reveal-stagger].revealed>:nth-child(4){transition-delay:.24s}
[data-reveal-stagger].revealed>:nth-child(5){transition-delay:.32s}
[data-reveal-stagger].revealed>:nth-child(6){transition-delay:.4s}
.orbit-hub__center{z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.orbit-hub__photo img{object-fit:cover;object-position:center 20%;border-radius:50%;width:100%;height:100%}
.orbit-hub__center{opacity:0;scale:.3}
@media (max-width:768px){
.orbit-node-card{width:220px;padding:16px}
}
@keyframes pain-glow-pulse{0%,to{opacity:.5;transform:translate(-50%)scale(1)}
50%{opacity:1;transform:translate(-50%)scale(1.1)}
}
.section-badge--red{color:#dc2626;background:#f8514914;border:1px solid #f8514933}
@keyframes pain-thought-in{0%{opacity:0;transform:translateY(20px)scale(.95)}
60%{transform:translateY(-4px)scale(1.01)}
to{opacity:1;transform:translateY(0)scale(1)}
}
@keyframes pain-icon-ring{0%{opacity:.5;transform:scale(1)}
to{opacity:0;transform:scale(1.6)}
}
@keyframes pain-typing-dot{0%,to{opacity:.3;transform:scale(.8)}
50%{opacity:1;transform:scale(1)}
}
@keyframes pain-text-reveal{0%{opacity:0;filter:blur(4px)}
to{opacity:1;filter:blur()}
}
@keyframes pain-answer-in{0%{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes bm-green-pulse{0%,to{box-shadow:0 4px 16px #22c55e4d,0 0 #22c55e1a}
50%{box-shadow:0 4px 16px #22c55e80,0 0 0 10px #22c55e00}
}
@keyframes bm-line-draw{to{opacity:1}
}
@keyframes bm-x-appear{to{opacity:1}
}
@keyframes bm-bar-shrink{0%{transform-origin:bottom;transform:scaleY(0)}
to{transform-origin:bottom;transform:scaleY(1)}
}
@keyframes bm-spin{to{transform:rotate(360deg)}
}
@keyframes bm-agent-pop{0%{opacity:0;transform:scale(.5)}
70%{transform:scale(1.15)}
to{opacity:1;transform:scale(1)}
}
@keyframes bm-running-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}
50%{opacity:0;transform:translate(-50%,-50%)scale(1.4)}
}
@keyframes bm-gear-spin{to{transform:rotate(360deg)}
}
@keyframes bm-expand-in{to{opacity:1;transform:translate(0)}
}
@keyframes rm-dot-pulse{0%,to{box-shadow:0 4px 20px #8fc5a04d,0 0 #8fc5a01a}
50%{box-shadow:0 4px 20px #8fc5a080,0 0 0 12px #8fc5a000}
}
@keyframes rm-blink{0%,to{opacity:1}
50%{opacity:.3}
}
@keyframes rm-agent-pop{0%{opacity:0;transform:scale(.5)}
70%{transform:scale(1.15)}
to{opacity:1;transform:scale(1)}
}
@keyframes rm-field-in{to{opacity:1;transform:translate(0)}
}
@keyframes rm-btn-in{to{opacity:1;transform:scale(1)}
}
@keyframes rm-mp-in{to{opacity:1;transform:translate(0)}
}
.cost-section{background:#0d1117;padding:140px 0;position:relative;overflow:hidden}
.cost-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#8fc5a00a 0%,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:0;left:50%;transform:translate(-50%)}
.cost-header{text-align:center;margin-bottom:60px}
.cost-header h2{color:#fff;margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}
.cost-header h2 em{color:#ef4444;font-style:italic}
.cost-header p{color:#8b949e;max-width:600px;margin:0 auto;font-size:1.125rem}
.cost-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;max-width:1060px;margin:0 auto;display:grid}
.cost-vs{justify-content:center;align-items:center;display:flex}
.cost-vs__circle{color:#8fc5a0;letter-spacing:1px;background:linear-gradient(135deg,#8fc5a026,#8fc5a00d);border:2px solid #8fc5a04d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.1rem;font-weight:800;display:flex}
.cost-card{border-radius:16px;padding:40px 32px;position:relative}
.cost-card--manual{background:linear-gradient(135deg,#1c2333 0%,#13161d 100%);border:1px solid #ef444433}
.cost-card--orbit{background:linear-gradient(135deg,#8fc5a014,#8fc5a005);border:2px solid #8fc5a066;box-shadow:0 0 60px #8fc5a014}
.cost-card--orbit:before{content:"RECOMENDADO";color:#000;letter-spacing:1.5px;background:linear-gradient(135deg,#8fc5a0,#b7d8bd);border-radius:0 0 10px 10px;padding:5px 20px;font-size:.7rem;font-weight:800;position:absolute;top:-1px;left:50%;transform:translate(-50%)}
.cost-card__title{align-items:center;gap:12px;margin-bottom:24px;font-size:1.15rem;font-weight:700;display:flex}
.cost-card--manual .cost-card__title{color:#ef4444}
.cost-card--orbit .cost-card__title{color:#8fc5a0}
.cost-card__title i{font-size:1.1rem}
.cost-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 0;display:flex}
.cost-item__label{color:#c9d1d9;font-size:.9rem}
.cost-item__value{white-space:nowrap;font-size:.875rem;font-weight:600}
.cost-card--manual .cost-item__value{color:#ef4444b3}
.cost-card--orbit .cost-item__value{color:#22c55e;align-items:center;gap:6px;display:flex}
.cost-card--orbit .cost-item__value i{font-size:.75rem}
.cost-total{border-top:2px solid #ffffff14;margin-top:20px;padding-top:20px}
.cost-total__label{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}
.cost-total__value{font-weight:800;display:block}
.cost-card--manual .cost-total__value{color:#ef4444;font-size:1.75rem;text-decoration:line-through;text-decoration-thickness:2px}
.cost-card--orbit .cost-total__value{color:#22c55e;font-size:2rem}
.cost-cta{text-align:center;margin-top:20px}
.cost-savings{text-align:center;margin-top:48px}
.cost-savings__badge{background:linear-gradient(135deg,#22c55e1a,#22c55e08);border:1px solid #22c55e40;border-radius:14px;align-items:center;gap:12px;padding:18px 32px;display:inline-flex}
.cost-savings__badge i{color:#22c55e;font-size:1.5rem}
.cost-savings__text{text-align:left}
.cost-savings__text strong{color:#22c55e;font-size:1.25rem;font-weight:800;display:block}
.cost-savings__text span{color:#ffffff80;font-size:.85rem}
.cost-orbit-benefits{border-top:1px solid #8fc5a01a;margin-top:16px;padding-top:16px}
.cost-orbit-benefit{color:#fff9;align-items:center;gap:10px;padding:8px 0;font-size:.85rem;display:flex}
.cost-orbit-benefit i{color:#8fc5a0;text-align:center;width:16px;font-size:.75rem}
@media (max-width:768px){
.cost-grid{grid-template-columns:1fr;gap:24px}
.cost-vs{margin:8px 0}
.cost-header h2{font-size:1.75rem}
.cost-savings__badge{text-align:center;flex-direction:column;padding:16px 24px}
.cost-savings__text{text-align:center}
}
@media (max-width:1024px){
.cost-grid{grid-template-columns:1fr;gap:24px}
}
@keyframes price-save-pop{0%{transform:scale(.8)}
50%{transform:scale(1.15)}
to{transform:scale(1)}
}
.orbit-hub{width:100%;max-width:860px;height:860px;margin:0 auto;position:relative}
.orbit-hub__lines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}
.orbit-hub__center{z-index:3;opacity:0;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}
.orbit-visible .orbit-hub__center{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards orbit-center-in}
.orbit-hub__glow{pointer-events:none;background:radial-gradient(circle,#8fc5a033 0%,#8fc5a00d 50%,#0000 70%);border-radius:50%;width:260px;height:260px;animation:3.5s ease-in-out infinite orbit-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.orbit-hub__photo{z-index:2;border:4px solid #8fc5a099;border-radius:50%;width:140px;height:140px;animation:3.5s ease-in-out infinite orbit-photo-breathe;position:relative;overflow:hidden;box-shadow:0 0 40px #8fc5a066,0 0 80px #8fc5a026}
.orbit-hub__photo img{object-fit:cover;border-radius:50%;width:100%;height:100%}
.orbit-hub__name{color:#8fc5a0;letter-spacing:1px;text-transform:uppercase;margin-top:14px;font-size:20px;font-weight:800}
.orbit-hub__role{color:#ffffff80;margin-top:4px;font-size:13px}
.orbit-hub__ring{pointer-events:none;border:1.5px solid #8fc5a01f;border-radius:50%;animation:3.5s ease-in-out infinite orbit-ring;position:absolute;top:50%;left:50%}
.orbit-hub__ring--1{width:180px;height:180px;transform:translate(-50%,calc(-50% - 12px))}
.orbit-hub__ring--2{border-color:#8fc5a012;width:220px;height:220px;animation-delay:.5s;transform:translate(-50%,calc(-50% - 12px))}
.orbit-hub__ring--3{border-color:#8fc5a00a;width:264px;height:264px;animation-delay:1s;transform:translate(-50%,calc(-50% - 12px))}
.orbit-hub__node{z-index:2;cursor:default;opacity:0;flex-direction:column;align-items:center;gap:8px;transition:transform .3s;display:flex;position:absolute;transform:translate(-50%,-50%)scale(.5)}
.orbit-visible .orbit-hub__node{animation:.6s cubic-bezier(.16,1,.3,1) forwards orbit-node-in}
.orbit-visible .orbit-hub__node[data-idx="0"]{animation-delay:.1s}
.orbit-visible .orbit-hub__node[data-idx="1"]{animation-delay:.15s}
.orbit-visible .orbit-hub__node[data-idx="2"]{animation-delay:.2s}
.orbit-visible .orbit-hub__node[data-idx="3"]{animation-delay:.25s}
.orbit-visible .orbit-hub__node[data-idx="4"]{animation-delay:.3s}
.orbit-visible .orbit-hub__node[data-idx="5"]{animation-delay:.35s}
.orbit-visible .orbit-hub__node[data-idx="6"]{animation-delay:.4s}
.orbit-visible .orbit-hub__node[data-idx="7"]{animation-delay:.45s}
.orbit-visible .orbit-hub__node[data-idx="8"]{animation-delay:.5s}
.orbit-visible .orbit-hub__node[data-idx="9"]{animation-delay:.55s}
.orbit-visible .orbit-hub__node[data-idx="10"]{animation-delay:.6s}
.orbit-visible .orbit-hub__node[data-idx="11"]{animation-delay:.65s}
.orbit-hub__node:hover{transform:translate(-50%,-50%)scale(1.12)}
.orbit-hub__node:hover .orbit-hub__node-icon{background:linear-gradient(135deg,#8fc5a059,#8fc5a01a);border-color:#8fc5a0;box-shadow:0 0 24px #8fc5a080}
.orbit-hub__node-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#8fc5a026,#8fc5a00a);border:2px solid #8fc5a04d;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}
.orbit-hub__node-icon i{color:#8fc5a0;font-size:20px}
.orbit-hub__node-label{color:#fff;white-space:nowrap;text-shadow:0 2px 10px #000c;font-size:14px;font-weight:800}
.orbit-hub__node-desc{color:#ffffffb3;white-space:nowrap;text-shadow:0 2px 10px #000c;margin-top:-2px;font-size:12px;font-weight:500}
.orbit-hub__lines{opacity:0}
.orbit-visible .orbit-hub__lines{animation:.8s .3s forwards orbit-lines-in}
.orbit-hub__node{cursor:pointer}
.orbit-hub__node.orbit-node--active{z-index:100;transform:translate(-50%,-50%)scale(1.2)}
.orbit-hub__node.orbit-node--active .orbit-hub__node-icon{background:linear-gradient(135deg,#8fc5a066,#8fc5a026);border-color:#8fc5a0;box-shadow:0 0 30px #8fc5a099}
.orbit-hub__node.orbit-node--dimmed{opacity:.3!important}
.orbit-node-card{-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;z-index:200;background:#0d1117f2;border:1px solid #8fc5a040;border-radius:16px;width:260px;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)scale(.9);box-shadow:0 12px 40px #00000080,0 0 40px #8fc5a014}
.orbit-node--active .orbit-node-card{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}
.orbit-node-card:before{content:"";background:#0d1117f2;border-top:1px solid #8fc5a040;border-left:1px solid #8fc5a040;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}
.orbit-node-card__status{text-transform:uppercase;letter-spacing:1px;color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;align-items:center;gap:5px;margin-bottom:12px;padding:3px 10px;font-size:.65rem;font-weight:700;display:inline-flex}
.orbit-node-card__title{color:#fff;margin-bottom:8px;font-size:.95rem;font-weight:700}
.orbit-node-card__text{color:#fff9;margin-bottom:14px;font-size:.8rem;line-height:1.6}
.orbit-node-card__tags{flex-wrap:wrap;gap:6px;display:flex}
.orbit-node-card__tag{color:#ffffff80;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;padding:3px 8px;font-size:.65rem}
@media (max-width:768px){
.orbit-node-card{width:220px;padding:16px}
}
@keyframes oliviaIconPulse{0%,to{box-shadow:0 0 30px #8fc5a026}
50%{box-shadow:0 0 40px #8fc5a040}
}
@keyframes sparkPulse{0%,to{opacity:.7;transform:scale(1)}
50%{opacity:1;transform:scale(1.2)}
}
@keyframes oliviaGlow{0%,to{opacity:.5;transform:translate(-50%)scale(1)}
50%{opacity:1;transform:translate(-50%)scale(1.2)}
}
@keyframes lineGlide{0%,to{opacity:.3}
50%{opacity:1}
}
.faq-item{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:12px;transition:all .3s;overflow:hidden}
.faq-item:hover{border-color:#d0d3d8}
.faq-item.active{border-color:#8fc5a0;box-shadow:0 4px 20px #8fc5a014}
.faq-cta{text-align:center;background:#000;padding:100px 0;position:relative;overflow:hidden}
.faq-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#8fc5a01a 0%,#0000 70%);width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.faq-cta h2{color:#fff;margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800}
.faq-cta p{color:#ffffffb3;max-width:480px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.05rem}
@keyframes sobreOrbFloat{0%,to{transform:translateY(0)scale(1)}
50%{transform:translateY(-30px)scale(1.1)}
}
@keyframes histBlockPop{to{opacity:1;transform:scale(1)}
}
@keyframes histNodeAppear{to{opacity:1}
}
@keyframes histBarGrow{0%{opacity:0;width:0}
to{opacity:1}
}
@keyframes histOrbitSpin{to{transform:rotate(360deg)}
}
@keyframes hiwp-final-pulse{0%,to{box-shadow:0 4px 20px #22c55e4d,0 0 0 8px #22c55e1a}
50%{box-shadow:0 4px 20px #22c55e80,0 0 0 14px #22c55e0d}
}
@keyframes hiwp-live-blink{0%,to{opacity:1}
50%{opacity:.6}
}
@keyframes hiwp-field-in{to{opacity:1;transform:translate(0)}
}
@keyframes hiwp-type{to{border-right-color:#0000;width:100%}
}
@keyframes hiwp-btn-in{to{opacity:1;transform:scale(1)}
}
@keyframes hiwp-result-in{to{opacity:1;transform:translate(0)}
}
.blog-cover{color:#fff;isolation:isolate;background:#0d1117;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}
.blog-cover__glow{pointer-events:none;z-index:0;background:radial-gradient(70% 60% at 88% 8%,#8fc5a033,#0000 58%),radial-gradient(50% 40% at 0 100%,#8fc5a00f,#0000 55%);position:absolute;inset:0}
.blog-cover:before{content:"";z-index:0;pointer-events:none;opacity:.55;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}
.blog-cover__motif{z-index:1;pointer-events:none;opacity:.88;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute}
.blog-cover__motif svg{width:100%;height:100%;display:block}
.blog-cover__tag{z-index:2;letter-spacing:1.2px;text-transform:uppercase;color:#8fc5a0;background:#8fc5a01a;border:1px solid #8fc5a061;border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:.68rem;font-weight:800;position:relative}
.blog-cover__title{z-index:2;letter-spacing:-.03em;color:#fff;margin:0;font-weight:800;line-height:1.18;position:relative}
.blog-cover__title em{color:#8fc5a0;font-style:normal}
.blog-cover__foot{z-index:2;border-top:1px solid #8fc5a047;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex;position:relative}
.blog-cover__brand{color:#fff;letter-spacing:-.01em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}
.blog-cover__ring{background:#8fc5a0;border:2px solid #8fc5a0;border-radius:50%;flex-shrink:0;width:16px;height:16px;box-shadow:inset 0 0 0 3px #0d1117,inset 0 0 0 5px #8fc5a0}
.blog-cover--thumb{height:100%;min-height:168px;padding:16px 16px 14px}
.blog-cover--thumb .blog-cover__motif{opacity:.62;width:110px;height:110px;top:-10px;right:-12px}
.blog-cover--thumb .blog-cover__tag{margin-bottom:10px;font-size:.62rem}
.blog-cover--thumb .blog-cover__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.98rem;display:-webkit-box;overflow:hidden}
.blog-cover--thumb .blog-cover__foot{margin-top:12px}
.blog-cover--thumb .blog-cover__brand{font-size:11px}
.knowledge-card__image .blog-cover{height:100%;min-height:168px}
.knowledge-card:hover .blog-cover__motif{transform:scale(1.06)}
@keyframes blogCardIn{0%{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes skeletonPulse{0%{background-position:200% 0}
to{background-position:-200% 0}
}
@media (max-width:1024px){
.nav-menu,.nav-actions{display:none}
.menu-toggle{display:flex}
}
.orbit-hub{max-width:860px!important;height:860px!important}
.orbit-hub__photo{border:4px solid #8fc5a099!important;width:140px!important;height:140px!important}
.orbit-hub__node-icon{width:56px!important;height:56px!important}
.orbit-hub__node-icon i{font-size:20px!important}
.orbit-hub__node-label{font-size:14px!important;font-weight:800!important}
.orbit-hub__node-desc{font-size:12px!important}
.orbit-hub__name{font-size:20px!important;font-weight:800!important}
.orbit-hub__glow{width:260px!important;height:260px!important}
.orbit-hub__ring--1{width:180px!important;height:180px!important}
.orbit-hub__ring--2{width:220px!important;height:220px!important}
.orbit-hub__ring--3{width:264px!important;height:264px!important}
.section-padded-lg#olivia{background:#0d1117!important}
.footer{background:#000!important}
:root{--primary:#8fc5a0;--primary-dark:#e5a235;--primary-light:#b7d8bd;--black:#000;--black-soft:#111;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--error:#ef4444;--success:#22c55e;--warning:#f59e0b;--info:#3b82f6;--radius:16px;--radius-sm:8px;--radius-xs:4px;--shadow-sm:0 1px 3px #00000014;--shadow:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--sidebar-w:260px;--header-h:64px}
body{background:var(--gray-50);color:var(--gray-800);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
@keyframes notifPulse{0%,to{transform:scale(1)}
50%{transform:scale(1.15)}
}
.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}
.btn-primary{background:var(--primary);color:var(--black);padding:10px 20px;position:static;overflow:visible}
.btn-primary:after{display:none}
.btn-primary:hover{background:var(--primary-dark);padding:10px 20px}
.btn-outline{border:1px solid var(--gray-300);color:var(--gray-600);background:0 0}
.btn-outline:hover{border-color:var(--gray-400);background:var(--gray-50)}
table{border-collapse:collapse;width:100%}
thead th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200);padding:12px 16px;font-size:.75rem;font-weight:600}
tbody td{border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:14px 16px;font-size:.875rem}
tbody tr:hover{background:var(--gray-50)}
@keyframes slideIn{0%{opacity:0;transform:translate(100%)}
to{opacity:1;transform:translate(0)}
}
@media (max-width:768px){
table{font-size:.82rem}
table th,table td{padding:10px 12px}
}
@media (max-width:1024px){
.nav-menu,.nav-actions{display:none}
.menu-toggle{display:flex}
}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}
:root{--primary:#8fc5a0;--primary-dark:#e5a235;--black:#000;--black-soft:#111;--white:#fff;--gray-100:#f5f5f5;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--error:#ef4444;--success:#22c55e;--radius:16px;--radius-sm:8px;--shadow:0 4px 24px #0000001f}
body{background:var(--black);justify-content:center;align-items:center;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:relative;overflow:hidden}
@keyframes scaleIn{0%{opacity:0;transform:scale(0)}
to{opacity:1;transform:scale(1)}
}
@keyframes tyFloat{0%,to{transform:translate(0)scale(1)}
50%{transform:translate(30px,-20px)scale(1.1)}
}
@keyframes tyRise{0%{opacity:0;transform:translateY(0)scale(1)}
10%{opacity:1}
90%{opacity:1}
to{opacity:0;transform:translateY(-100vh)scale(0)}
}
@keyframes tyRing{0%{opacity:.8;transform:scale(.5)}
to{opacity:0;transform:scale(1.5)}
}
@keyframes tyBounce{0%{transform:scale(0)}
to{transform:scale(1)}
}
@keyframes tyDraw{to{stroke-dashoffset:0}
}
@keyframes tyConfettiBurst{0%{opacity:1;transform:translate(0)rotate(0)}
to{transform:translate(var(--x), var(--y)) rotate(var(--r));opacity:0}
}
@keyframes tyShimmer{0%,to{background-position:0%}
50%{background-position:100%}
}
@keyframes tyStepIn{0%{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes tyFadeUp{0%{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:translateY(0)}
}
.nav-menu>li:hover>.dropdown{opacity:1;visibility:visible;transform:translateY(0)}
@media (max-width:1024px){
.nav-menu,.nav-actions{display:none}
.menu-toggle{display:flex}
}
body{color:#1a1d23;background:#fff}
@keyframes successIn{0%{opacity:0;transform:scale(.9)translateY(20px)}
to{opacity:1;transform:scale(1)translateY(0)}
}
[data-reveal],[data-reveal-stagger]{opacity:1!important;transform:none!important}
.footer{background:#000!important;border-top:1px solid #ffffff0f!important}
hr.glow-divider{display:none!important}
@media (max-width:768px){
.platform-panel__mockup-main{min-height:auto!important}
.orbit-hub{width:340px!important;max-width:95vw!important;height:340px!important;margin:0 auto!important;overflow:visible!important}
.orbit-hub__glow{width:100px!important;height:100px!important}
.orbit-hub__photo{width:70px!important;height:70px!important}
.orbit-hub__ring{display:none!important}
.orbit-hub__node-icon{width:32px!important;height:32px!important}
.orbit-hub__node-icon i{font-size:12px!important}
.orbit-hub__node-label{font-size:9px!important}
.orbit-hub__node-desc{display:none!important}
.orbit-hub__name{font-size:12px!important}
.orbit-hub__role{font-size:9px!important}
.orbit-node-card{display:none!important}
[style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important;gap:32px!important}
}
@keyframes bannerPopIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}
to{opacity:1;transform:translate(-50%,-50%)scale(1)}
}
@keyframes bannerSlideIn{0%{opacity:0;transform:translate(30px)}
to{opacity:1;transform:translate(0)}
}
@keyframes fade-in{0%{opacity:0}
to{opacity:1}
}
@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}
30%{opacity:1;transform:translateY(-3px)}
}