:root{--blue: #005090;--blue-dark: #00315d;--blue-deep: #071f3e;--blue-mid: #0b3b70;--blue-2: #004080;--gold: #F1BA42;--ink: #0f2544;--muted: #4f6485;--line: #d8e4fb;--line-soft: #e8efff;--bg: #f5f8ff;--paper: #ffffff;--paper-soft: #f7faff;--success: #10b981;--danger: #ef4444;--whatsapp: #0F7A33;--r-xl: 22px;--r-lg: 18px;--r-md: 14px;--r-sm: 12px;--pill: 999px;--sh-card: 0 8px 24px rgba(3,32,71,.05);--sh-card-hover: 0 18px 30px rgba(3,32,71,.09);--sh-panel: 0 18px 55px rgba(4,33,74,.10);--sh-cta: 0 12px 28px rgba(0,80,144,.28);--sh-gold: 0 8px 22px rgba(241,186,66,.35);--t-fast: .18s ease;--t-base: .24s ease;--t-slow: .6s cubic-bezier(.16,1,.3,1)}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth}body{font-family: 'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color: var(--ink);background: radial-gradient(900px 600px at 90% -10%,rgba(0,80,144,.10),transparent 60%),radial-gradient(700px 500px at -10% 0%,rgba(241,186,66,.12),transparent 65%),var(--bg);line-height: 1.6;font-size: 16px;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img{max-width: 100%;display: block}a{color: inherit;text-decoration: none}button{font: inherit;cursor: pointer;border: 0;background: none;color: inherit}:focus-visible{outline: 3px solid rgba(0,80,144,.4);outline-offset: 2px;border-radius: 6px}h1,h2,h3,h4,h5{font-family: 'Manrope','Inter',sans-serif;letter-spacing: -.01em;line-height: 1.15;color: var(--ink)}h1{font-weight: 800}h2,h3{font-weight: 800}.container{width: min(1120px,92vw);margin: 0 auto}.section{padding: clamp(48px,7vw,96px) 0}.section-tight{padding: clamp(32px,5vw,60px) 0}.eyebrow{display: inline-block;font-family: 'Manrope',sans-serif;font-size: .78rem;font-weight: 700;letter-spacing: 1.6px;text-transform: uppercase;color: var(--blue);margin-bottom: 12px}.title{font-size: clamp(1.75rem,3.6vw,2.4rem);margin: 0 0 14px}.title-lg{font-size: clamp(2rem,5.2vw,3.7rem);line-height: 1.05;margin: .55rem 0 1rem}.subtitle{color: var(--muted);font-size: 1.05rem;max-width: 62ch;margin: 0 0 28px}.site-header{position: sticky;top: 0;z-index: 50;background: rgba(245,248,255,.82);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid transparent;transition: border-color var(--t-base),background var(--t-base)}.site-header.scrolled{border-bottom-color: rgba(216,228,251,.9);background: rgba(245,248,255,.94)}.nav{display: flex;justify-content: space-between;align-items: center;padding: 14px 0;gap: 16px}.brand{display: inline-block;font-family: 'Manrope',sans-serif;font-weight: 800;font-size: 2.16rem;letter-spacing: -.04em;color: var(--blue-dark);white-space: nowrap;line-height: 1;vertical-align: middle}.brand-tagline{display: block;font-family: 'Manrope',sans-serif;font-weight: 700;font-size: .58rem;letter-spacing: 1.4px;text-transform: uppercase;color: var(--muted);white-space: nowrap;margin-top: 4px}@media (max-width: 720px){.brand{font-size: 1.7rem}.brand-tagline{display: none}}.brand-accent{color: var(--gold)}.brand-product{color: var(--muted);font-weight: 600;margin-left: 6px;font-size: .92rem}.nav-links{display: flex;gap: 22px;align-items: center}.nav-links a{color: var(--muted);font-size: .92rem;font-weight: 500;transition: color var(--t-fast)}.nav-links a:hover{color: var(--blue-dark)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;font-family: 'Inter',sans-serif;font-weight: 700;font-size: .95rem;padding: 12px 22px;border-radius: var(--r-sm);transition: transform var(--t-base),box-shadow var(--t-base),background var(--t-base);white-space: nowrap;text-decoration: none}.btn-primary{background: linear-gradient(135deg,var(--blue),#0d5ea5);color: #fff;box-shadow: var(--sh-cta)}.btn-primary:hover{translate: 0 -2px;box-shadow: 0 18px 32px rgba(0,80,144,.32)}.btn-gold{background: var(--gold);color: #1f1a0d;box-shadow: var(--sh-gold)}.btn-gold:hover{translate: 0 -2px}.btn-ghost{background: var(--paper);color: var(--blue-dark);border: 1px solid #cfe0fb}.btn-ghost:hover{background: var(--paper-soft);border-color: var(--blue)}.btn-ghost-dark{background: rgba(255,255,255,.12);color: #fff;border: 1px solid rgba(255,255,255,.35);backdrop-filter: blur(6px)}.btn-ghost-dark:hover{background: rgba(255,255,255,.18)}.btn-lg{padding: 16px 30px;font-size: 1rem}.badge{display: inline-flex;align-items: center;gap: 8px;padding: 6px 13px;background: #edf4ff;border: 1px solid #c9dbfa;border-radius: var(--pill);font-size: .82rem;font-weight: 700;color: var(--blue-dark)}.badge-dot{width: 7px;height: 7px;border-radius: 50%;background: var(--blue);animation: pulse 2s ease-in-out infinite}.badge-light{background: rgba(255,255,255,.14);border: 1px solid rgba(255,255,255,.28);color: #fff}.badge-gold{background: rgba(241,186,66,.15);border: 1px solid rgba(241,186,66,.4);color: #8a6000}.tag-new{display: inline-block;background: var(--gold);color: #1f1a0d;font-size: .7rem;font-weight: 800;letter-spacing: .8px;text-transform: uppercase;padding: 3px 9px;border-radius: 6px}.hero{position: relative;background: linear-gradient(135deg,var(--blue-deep) 0%,var(--blue-mid) 55%,var(--blue) 100%);color: #fff;overflow: hidden;isolation: isolate}.hero::before{content: "";position: absolute;inset: -25% -15% auto auto;width: 620px;height: 620px;background: radial-gradient(circle,rgba(241,186,66,.55),transparent 65%);pointer-events: none;animation: heroDriftA 12s ease-in-out infinite alternate;z-index: 0}.hero::after{content: "";position: absolute;inset: auto auto -40% -15%;width: 620px;height: 620px;background: radial-gradient(circle,rgba(80,160,240,.55),transparent 70%);pointer-events: none;animation: heroDriftB 16s ease-in-out infinite alternate;z-index: 0}@keyframes heroDriftA{0%{translate: 0 0;scale: 1}100%{translate: -90px 50px;scale: 1.18}}@keyframes heroDriftB{0%{translate: 0 0;scale: 1}100%{translate: 100px -70px;scale: 1.15}}.hero .container{position: relative;z-index: 1}.hero-grid{display: grid;grid-template-columns: 1.15fr .85fr;gap: 28px;align-items: center;padding: clamp(48px,7vw,84px) 0 clamp(56px,8vw,96px)}.hero-grid-single{grid-template-columns: 1fr;max-width: 800px}.hero h1{color: #fff;font-size: clamp(2rem,5.4vw,3.7rem);line-height: 1.04;margin: 14px 0 16px;letter-spacing: -.02em}.hero h1 em{font-style: normal;background: linear-gradient(135deg,#ffe09e,var(--gold));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.hero-sub{font-size: 1.08rem;color: #d9e8ff;max-width: 56ch;margin: 0 0 28px}.hero-ctas{display: flex;gap: 12px;flex-wrap: wrap}.hero-card{background: rgba(255,255,255,.96);color: var(--ink);border-radius: var(--r-xl);padding: 24px;box-shadow: 0 22px 55px rgba(0,0,0,.25)}.hero-card h3,.hero-card .card-title{color: var(--blue-dark);font-family: 'Manrope','Inter',sans-serif;font-weight: 800;font-size: 1.08rem;line-height: 1.2;margin: 0 0 6px}.hero-card p{color: var(--muted);margin: 0;font-size: .98rem}.hero-card .metrics{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-top: 14px}.hero-card .metric{background: var(--paper-soft);border: 1px solid var(--line-soft);border-radius: var(--r-md);padding: 12px 14px}.hero-card .metric b{display: block;font-family: 'Manrope',sans-serif;font-weight: 800;font-size: 1.3rem;color: var(--blue-dark);line-height: 1;margin-bottom: 2px}.hero-card .metric span{font-size: .8rem;color: var(--muted)}.cards{display: grid;gap: 18px}.cards-3{grid-template-columns: repeat(3,1fr)}.cards-4{grid-template-columns: repeat(4,1fr)}.cards-2{grid-template-columns: repeat(2,1fr)}.card{background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 22px;box-shadow: var(--sh-card);transition: transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}.card:hover{translate: 0 -4px;box-shadow: var(--sh-card-hover);border-color: rgba(0,80,144,.25)}.card h3{font-size: 1.08rem;color: var(--blue-dark);margin-bottom: 8px}.card p{color: var(--muted);margin: 0}.card-em{border-top: 4px solid var(--gold)}.card-icon{width: 44px;height: 44px;border-radius: 12px;display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(0,80,144,.12),rgba(241,186,66,.12));margin-bottom: 14px;color: var(--blue)}.card-step{width: 32px;height: 32px;border-radius: 50%;background: var(--blue-dark);color: #fff;display: inline-grid;place-items: center;font-family: 'Manrope',sans-serif;font-weight: 800;margin-bottom: 10px}.compare{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.compare .card ul{list-style: none;margin: 0;padding: 0}.compare .card li{padding: 8px 0;color: var(--muted);display: flex;gap: 10px;align-items: flex-start;font-size: .96rem}.compare .card li::before{content: "";flex-shrink: 0;width: 18px;height: 18px;border-radius: 50%;margin-top: 2px;background: var(--success) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M6.7 11.3 3.4 8l1.4-1.4 1.9 1.9 4.5-4.5 1.4 1.4z'/></svg>") center/14px no-repeat}.compare .card.is-no li::before{background: var(--danger) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='m9.4 8 3.3-3.3-1.4-1.4L8 6.6 4.7 3.3 3.3 4.7 6.6 8l-3.3 3.3 1.4 1.4L8 9.4l3.3 3.3 1.4-1.4z'/></svg>") center/14px no-repeat}.compare .card.is-no{border-top-color: var(--danger)}.final-cta{background: linear-gradient(135deg,var(--blue-dark),var(--blue) 70%);color: #fff;border-radius: var(--r-xl);padding: clamp(24px,4vw,36px);display: grid;grid-template-columns: 1fr auto;gap: 20px;align-items: center;position: relative;overflow: hidden}.final-cta::before{content: "";position: absolute;inset: auto -40px -50px auto;width: 220px;height: 220px;background: radial-gradient(circle,rgba(241,186,66,.35),transparent 70%)}.final-cta h2{color: #fff;font-size: clamp(1.5rem,3vw,2.1rem);margin: 0 0 6px}.final-cta p{margin: 0;color: #dbe8ff}.faq{max-width: 760px;margin: 0 auto}.faq-item{background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-md);margin-bottom: 10px;overflow: hidden;transition: border-color var(--t-base)}.faq-item[open]{border-color: var(--blue)}.faq-item summary{padding: 18px 22px;font-weight: 700;color: var(--blue-dark);cursor: pointer;list-style: none;display: flex;justify-content: space-between;align-items: center;gap: 14px}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary::after{content: "+";font-size: 1.4rem;font-weight: 600;color: var(--blue);transition: transform var(--t-base);flex-shrink: 0}.faq-item[open] summary::after{transform: rotate(45deg)}.faq-item p{padding: 0 22px 20px;color: var(--muted);margin: 0;line-height: 1.65}.site-footer{border-top: 1px solid var(--line);padding: 36px 0 48px;margin-top: 32px;color: var(--muted);font-size: .92rem}.site-footer .container{display: grid;grid-template-columns: 1fr auto;gap: 16px;align-items: center}.site-footer .links{display: flex;gap: 18px;flex-wrap: wrap}.site-footer a:hover{color: var(--blue-dark)}.wa-float{position: fixed;bottom: 24px;right: 24px;z-index: 99;display: inline-flex;align-items: center;gap: 10px;background: var(--whatsapp);color: #fff;font-weight: 700;font-size: .92rem;padding: 13px 18px;border-radius: var(--pill);box-shadow: 0 14px 30px rgba(37,211,102,.35);text-decoration: none;transition: transform var(--t-base)}.wa-float::before{content: "";position: absolute;inset: 0;border-radius: var(--pill);box-shadow: 0 0 0 0 rgba(37,211,102,.55);animation: wa-pulse 2.4s ease-out infinite;pointer-events: none}.wa-float:hover{translate: 0 -2px;scale: 1.02}.wa-float svg{width: 22px;height: 22px;flex-shrink: 0;fill: currentColor}@keyframes wa-pulse{0%{box-shadow: 0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow: 0 0 0 16px rgba(37,211,102,0)}100%{box-shadow: 0 0 0 0 rgba(37,211,102,0)}}.product-hero{padding: clamp(80px,12vw,130px) 0 clamp(40px,6vw,60px);position: relative}.product-meta{display: flex;gap: 12px;flex-wrap: wrap;align-items: center;margin-bottom: 16px}.steps{display: grid;grid-template-columns: repeat(3,1fr);gap: 18px;counter-reset: step}.step{background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 26px 22px;position: relative;box-shadow: var(--sh-card);transition: transform var(--t-base),box-shadow var(--t-base)}.step:hover{translate: 0 -4px;box-shadow: var(--sh-card-hover)}.step h3{color: var(--blue-dark);font-size: 1.1rem;margin-bottom: 8px}.step p{color: var(--muted);margin: 0;font-size: .96rem}.step::before{counter-increment: step;content: counter(step,decimal-leading-zero);position: absolute;top: -14px;left: 22px;background: linear-gradient(135deg,var(--blue),var(--blue-dark));color: #fff;font-family: 'Manrope',sans-serif;font-weight: 800;font-size: .8rem;padding: 6px 12px;border-radius: var(--pill);letter-spacing: 1px}.step-meta{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 14px;padding-top: 12px;border-top: 1px dashed var(--line)}.step-chip{display: inline-flex;align-items: center;gap: 5px;font-size: .76rem;font-weight: 600;color: var(--blue-dark);background: var(--paper-soft);border: 1px solid var(--line-soft);padding: 4px 9px;border-radius: var(--pill);white-space: nowrap}.step-chip .icon{color: var(--blue);width: 13px;height: 13px}.step-chip:has(+ *)[data-todo],.step-chip[data-todo]{background: #ffefef;border-color: #f5b5b5;color: var(--danger)}.step-chip[data-todo] .icon{color: var(--danger)}.check-list{list-style: none;margin: 0;padding: 0}.check-list li{display: flex;gap: 10px;align-items: flex-start;padding: 8px 0;color: var(--muted)}.check-list li::before{content: "";flex-shrink: 0;width: 22px;height: 22px;border-radius: 50%;margin-top: 1px;background: rgba(16,185,129,.12) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/13px no-repeat}.blog-list{display: grid;grid-template-columns: repeat(2,1fr);gap: 18px}.blog-card{background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 24px;box-shadow: var(--sh-card);transition: transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}.blog-card:hover{translate: 0 -4px;box-shadow: var(--sh-card-hover);border-color: rgba(0,80,144,.25)}.blog-card h2{font-size: 1.18rem;color: var(--blue-dark);margin-bottom: 8px;line-height: 1.3}.blog-card h2 a{color: inherit}.blog-card h2 a:hover{color: var(--blue)}.blog-card .meta{font-family: 'Manrope',sans-serif;font-size: .76rem;letter-spacing: 1.2px;text-transform: uppercase;color: var(--blue);margin-bottom: 8px;font-weight: 700}.blog-card .read-more{display: inline-flex;gap: 6px;color: var(--blue);font-weight: 600;font-size: .88rem;margin-top: 12px;align-items: center}.blog-card .read-more::after{content: "→";transition: transform var(--t-fast)}.blog-card:hover .read-more::after{transform: translateX(4px)}.reveal{opacity: 0;translate: 0 24px;transition: opacity var(--t-slow),translate var(--t-slow)}.reveal.visible{opacity: 1;translate: 0 0}.reveal-delay-1{transition-delay: .08s}.reveal-delay-2{transition-delay: .16s}.reveal-delay-3{transition-delay: .24s}.reveal-delay-4{transition-delay: .32s}@keyframes pulse{0%,100%{opacity: 1;transform: scale(1)}50%{opacity: .5;transform: scale(.85)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;transition-duration: .01ms !important}.reveal{opacity: 1;transform: none}}@media (max-width: 980px){.hero-grid{grid-template-columns: 1fr;gap: 32px}.cards-4{grid-template-columns: repeat(2,1fr)}.steps{grid-template-columns: 1fr}.final-cta{grid-template-columns: 1fr}.site-footer .container{grid-template-columns: 1fr;text-align: center}.site-footer .links{justify-content: center}}@media (max-width: 720px){.nav-links{display: none}.nav-links.open{display: flex;position: absolute;top: 100%;left: 0;right: 0;background: rgba(255,255,255,.98);backdrop-filter: blur(10px);padding: 18px 22px;flex-direction: column;gap: 14px;border-bottom: 1px solid var(--line)}.nav-toggle{display: inline-flex !important}.cards-3,.cards-2{grid-template-columns: 1fr}.compare{grid-template-columns: 1fr}.blog-list{grid-template-columns: 1fr}.wa-float .wa-text{display: none}.wa-float{padding: 14px}}.nav-toggle{display: none;background: transparent;border: 1px solid var(--line);border-radius: 8px;padding: 6px 10px;color: var(--blue-dark);font-size: 1.1rem}.icon{display: inline-block;width: 1em;height: 1em;vertical-align: -0.125em;fill: none;stroke: currentColor;flex-shrink: 0}.icon-sm{width: 16px;height: 16px}.icon-md{width: 20px;height: 20px}.icon-lg{width: 28px;height: 28px}.icon-xl{width: 36px;height: 36px}.icon-text{display: inline-flex;align-items: center;gap: 6px}.icon-star{color: var(--gold);width: 14px;height: 14px;vertical-align: -0.18em}.stars{display: inline-flex;align-items: center;gap: 1px;vertical-align: middle}.band-icon{width: 56px;height: 56px;border-radius: 14px;display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(241,186,66,.22),rgba(0,80,144,.14));color: var(--blue-dark);flex-shrink: 0}.band-row{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;align-items: center}@media (max-width: 720px){.band-row{grid-template-columns: 1fr;gap: 18px}.band-icon{width: 48px;height: 48px}}.products-strip{display: grid;grid-template-columns: repeat(3,1fr);gap: 12px}.product-mini{display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 14px;padding: 14px 18px;background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-md);color: var(--ink);text-decoration: none;transition: border-color var(--t-base),box-shadow var(--t-base),translate var(--t-base)}.product-mini:hover{border-color: var(--blue);box-shadow: var(--sh-card);translate: 0 -2px}.product-mini-icon{width: 38px;height: 38px;border-radius: 10px;display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(0,80,144,.10),rgba(241,186,66,.10));color: var(--blue);flex-shrink: 0}.product-mini-text{min-width: 0}.product-mini-text strong{display: block;font-family: 'Manrope',sans-serif;font-weight: 800;font-size: 1rem;color: var(--blue-dark);line-height: 1.2;margin-bottom: 2px}.product-mini-text span{display: block;color: var(--muted);font-size: .85rem;line-height: 1.35}.product-mini-arrow{color: var(--blue);transition: translate var(--t-fast)}.product-mini:hover .product-mini-arrow{translate: 3px 0}@media (max-width: 980px){.products-strip{grid-template-columns: 1fr;gap: 10px}}.tech-list{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px;justify-content: center}.tech-list li{background: var(--paper);border: 1px solid var(--line);color: var(--blue-dark);font-family: 'Manrope',sans-serif;font-weight: 700;font-size: .85rem;padding: 7px 14px;border-radius: var(--pill);transition: border-color var(--t-fast),translate var(--t-fast)}.tech-list li:hover{border-color: var(--blue);translate: 0 -1px}.text-center{text-align: center}.mt-0{margin-top: 0}.mt-2{margin-top: 16px}.mt-4{margin-top: 28px}.mb-0{margin-bottom: 0}.muted{color: var(--muted)}.center-narrow{max-width: 720px;margin: 0 auto;text-align: center}.pill{display: inline-block;font-size: .72rem;letter-spacing: 1px;text-transform: uppercase;font-weight: 800;color: var(--blue);background: #eef7ff;padding: 4px 9px;border-radius: var(--pill)}#scroll-progress{position: fixed;top: 0;left: 0;height: 3px;width: 0;background: linear-gradient(90deg,var(--blue),var(--gold));z-index: 100;pointer-events: none;box-shadow: 0 0 10px rgba(0,80,144,.4);transition: width .08s linear}.site-header{position: sticky;top: 0;z-index: 50}.site-header>.container{position: relative}.hero .reveal{transition: opacity .85s cubic-bezier(.16,1,.3,1),translate .85s cubic-bezier(.16,1,.3,1),scale .85s cubic-bezier(.16,1,.3,1)}.hero .reveal:not(.visible){translate: 0 28px;scale: .985}.hero .reveal.visible{scale: 1}.hero-card{animation: floatCard 5s ease-in-out infinite alternate;animation-delay: 1s;will-change: translate}@keyframes floatCard{0%{translate: 0 0}100%{translate: 0 -10px}}.btn-gold{position: relative;overflow: hidden;isolation: isolate}.btn-gold::after{content: "";position: absolute;inset: 0;background: linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform: translateX(-110%);animation: shimmer 3.6s ease-in-out infinite;pointer-events: none;mix-blend-mode: overlay}@keyframes shimmer{0%{transform: translateX(-110%)}60%{transform: translateX(110%)}100%{transform: translateX(110%)}}.btn-primary{position: relative;overflow: hidden}.btn-primary::before{content: "";position: absolute;inset: -2px;background: radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 50%);opacity: 0;transition: opacity .25s ease;pointer-events: none}.btn-primary:hover::before{opacity: 1}.card{transition: transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}.card::before{content: "";position: absolute;inset: 0;border-radius: inherit;padding: 1px;background: linear-gradient(135deg,rgba(0,80,144,.3),rgba(241,186,66,.4));-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0;transition: opacity .35s ease;pointer-events: none}.card{position: relative}.card:hover::before{opacity: 1}.tilt{transform: perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition: transform .18s ease-out,box-shadow var(--t-base),border-color var(--t-base);will-change: transform}.steps{position: relative}@media (min-width: 981px){.steps::before{content: "";position: absolute;top: 24px;left: 8%;right: 8%;height: 2px;background: repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 14px);z-index: 0}.step{position: relative;z-index: 1}}.final-cta{background-size: 200% 200%;animation: gradShift 14s ease infinite}@keyframes gradShift{0%{background-position: 0% 50%}50%{background-position: 100% 50%}100%{background-position: 0% 50%}}.wa-float{animation: waEntry .6s cubic-bezier(.16,1,.3,1) .6s both,waBounce 3.6s ease-in-out 1.6s infinite}@keyframes waEntry{from{opacity: 0;translate: 0 20px;scale: .7}to{opacity: 1;translate: 0 0;scale: 1}}@keyframes waBounce{0%,100%{translate: 0 0}50%{translate: 0 -6px}}.eyebrow{position: relative;padding-bottom: 4px}.eyebrow::after{content: "";position: absolute;left: 0;bottom: 0;height: 2px;width: 0;background: linear-gradient(90deg,var(--blue),var(--gold));transition: width .9s cubic-bezier(.16,1,.3,1) .15s}.reveal.visible .eyebrow::after,.reveal.visible.eyebrow::after{width: 36px}.eyebrow.visible::after{width: 36px}.tag-new{animation: tagPulse 2.4s ease-in-out infinite}@keyframes tagPulse{0%,100%{box-shadow: 0 0 0 0 rgba(241,186,66,.5)}60%{box-shadow: 0 0 0 10px rgba(241,186,66,0)}}.blog-card{transition: transform .55s cubic-bezier(.16,1,.3,1),box-shadow var(--t-base),border-color var(--t-base)}body{padding-bottom: env(safe-area-inset-bottom,0)}@media (max-width: 980px){.hero-grid{padding: 56px 0 64px;gap: 28px}.hero-grid>.reveal:first-child{order: 1}.hero-grid>.hero-card{order: 2}.hero h1{font-size: clamp(2rem,8vw,3rem);line-height: 1.05}.hero-sub{font-size: 1rem}.hero-ctas .btn{flex: 1 1 auto;min-width: 160px}.hero-card .metrics{grid-template-columns: 1fr 1fr}.final-cta{padding: 26px;text-align: center}.final-cta>div:last-child{width: 100%}.final-cta .btn{width: 100%}}@media (max-width: 720px){.container{width: min(1120px,94vw)}.nav{padding: 12px 0;gap: 10px}.brand-product{display: none}.nav-toggle{display: inline-flex}.nav-links{background: rgba(255,255,255,.98);border-radius: 0 0 var(--r-md) var(--r-md);box-shadow: 0 10px 30px rgba(3,32,71,.12);z-index: 60}.nav-links a{font-size: 1rem;padding: 6px 0}.nav-links .btn{width: 100%;justify-content: center}.hero{padding-bottom: 0}.hero-grid{padding: 40px 0 56px}.hero h1{font-size: clamp(1.85rem,9vw,2.4rem)}.hero-sub{font-size: .98rem;max-width: 100%}.hero-ctas{gap: 10px}.hero-ctas .btn{width: 100%}.hero-card{padding: 18px}.hero-card h3{font-size: 1rem}.hero-card .metrics{gap: 8px}.hero-card .metric{padding: 10px 12px}.hero-card .metric b{font-size: 1.1rem}.section{padding: 48px 0}.title{font-size: clamp(1.5rem,6.5vw,2rem)}.title-lg{font-size: clamp(1.85rem,8vw,2.6rem)}.subtitle{font-size: 1rem}.card{padding: 18px}.card-icon{width: 38px;height: 38px;margin-bottom: 10px}.step{padding: 28px 18px}.step::before{left: 14px;padding: 5px 10px;font-size: .72rem}.compare .card li::before{width: 16px;height: 16px;background-size: 12px}.faq-item summary{padding: 14px 16px;font-size: .98rem}.faq-item p{padding: 0 16px 16px;font-size: .94rem}.final-cta::before{width: 160px;height: 160px;inset: auto -30px -50px auto}.final-cta h2{font-size: 1.5rem}.final-cta p{font-size: .96rem}.site-footer{padding: 28px 0 36px;font-size: .88rem}.wa-float{bottom: 16px;right: 16px;padding: 13px 14px;font-size: 0}.wa-float svg{width: 24px;height: 24px}body{padding-bottom: 80px}table th,table td{padding: 10px 12px !important;font-size: .85rem}.hero::before,.hero::after{animation-duration: 24s;opacity: .85}}@media (max-width: 420px){.hero h1{font-size: clamp(1.7rem,9vw,2.2rem)}.nav .btn-ghost{padding: 9px 14px;font-size: .85rem}.badge{font-size: .76rem;padding: 5px 11px}.tag-new{font-size: .65rem;padding: 3px 7px}}.avatar{display: inline-block;border-radius: 50%;object-fit: cover;border: 2px solid var(--paper);box-shadow: 0 4px 14px rgba(3,32,71,.15);flex-shrink: 0;background: var(--paper-soft)}.avatar-xs{width: 36px;height: 36px;border-width: 1.5px}.avatar-sm{width: 48px;height: 48px}.avatar-lg{width: 160px;height: 160px;border-width: 3px;border-radius: var(--r-lg)}.hero-card-meet{display: flex;align-items: center;gap: 12px;padding-bottom: 14px;margin-bottom: 14px;border-bottom: 1px solid var(--line-soft)}.hero-card-meet small{display: block;font-size: .72rem;color: var(--muted);text-transform: uppercase;letter-spacing: 1.4px;margin-bottom: 2px;font-family: 'Manrope',sans-serif;font-weight: 700}.hero-card-meet strong{display: block;color: var(--blue-dark);font-family: 'Manrope',sans-serif;font-weight: 800;font-size: 1rem}.about-mini{display: grid;grid-template-columns: auto 1fr;gap: 32px;align-items: center;background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-xl);padding: clamp(24px,4vw,36px);box-shadow: var(--sh-card);position: relative;overflow: hidden}.about-mini::before{content: "";position: absolute;inset: auto -40px -50px auto;width: 200px;height: 200px;background: radial-gradient(circle,rgba(241,186,66,.18),transparent 70%);pointer-events: none}.about-mini>*{position: relative;z-index: 1}.about-mini h2{color: var(--blue-dark);margin-bottom: 8px;font-size: clamp(1.4rem,3vw,1.8rem)}.about-mini .role{color: var(--blue);font-family: 'Manrope',sans-serif;font-weight: 700;font-size: .92rem;margin-bottom: 12px}.about-mini p{color: var(--muted);margin-bottom: 8px;max-width: 62ch}.about-mini p:last-child{margin-bottom: 0}.about-mini .signature{font-size: .85rem;color: var(--muted);margin-top: 12px;display: flex;gap: 14px;flex-wrap: wrap}.footer-brand{display: flex;align-items: center;gap: 12px}@media (max-width: 720px){.about-mini{grid-template-columns: 1fr;gap: 18px;text-align: center}.about-mini>img{margin: 0 auto;width: 130px;height: 130px}.about-mini p{margin-left: auto;margin-right: auto}.about-mini .signature{justify-content: center}.footer-brand{justify-content: center}.hero-card-meet small{font-size: .68rem}}.system-card{padding: 0;overflow: hidden;display: flex;flex-direction: column}.system-card-shot{aspect-ratio: 16 / 9;background: var(--paper-soft);overflow: hidden;border-bottom: 1px solid var(--line-soft);position: relative}.system-card-shot img{width: 100%;height: 100%;object-fit: cover;object-position: top center;transition: transform var(--t-slow)}.system-card:hover .system-card-shot img{transform: scale(1.03)}.system-card-shot-tall{aspect-ratio: 4 / 3}.system-card-body{padding: 18px 20px 22px;display: flex;flex-direction: column;gap: 6px;flex: 1}.system-card-body h3{font-size: 1.05rem;color: var(--blue-dark);margin: 4px 0 2px}.system-card-body p{font-size: .92rem;line-height: 1.55;color: var(--muted);margin: 0}.system-card-body .pill{align-self: flex-start;font-size: .68rem;margin-bottom: 2px}.system-thumbs{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;margin-top: 12px}.system-thumbs a{aspect-ratio: 16 / 10;overflow: hidden;border-radius: 8px;border: 1px solid var(--line-soft);display: block;background: var(--paper-soft)}.system-thumbs img{width: 100%;height: 100%;object-fit: cover;object-position: top center;transition: transform var(--t-base)}.system-thumbs a:hover img{transform: scale(1.05)}.system-card-tv{background: transparent;border: none;box-shadow: none;padding: 12px 0 0;overflow: visible;display: flex;flex-direction: column;transition: translate var(--t-base)}.system-card-tv:hover{translate: 0 -4px}.system-card-tv .system-card-body{background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-md);margin-top: 18px;box-shadow: var(--sh-card);padding: 18px 20px 22px;display: flex;flex-direction: column;gap: 6px;flex: 1}.system-card-tv .system-card-body h3{font-size: 1.05rem;color: var(--blue-dark);margin: 4px 0 2px}.system-card-tv .system-card-body p{font-size: .92rem;line-height: 1.55;color: var(--muted);margin: 0}.system-card-tv .system-card-body .pill{align-self: flex-start;font-size: .68rem;margin-bottom: 2px}.tv-frame{background: linear-gradient(180deg,#1f1f1f 0%,#0d0d0d 100%);padding: 10px 10px 14px;border-radius: 10px;box-shadow: 0 18px 36px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.08) inset,0 2px 0 0 rgba(255,255,255,.06) inset;position: relative}.tv-frame::after{content: '';position: absolute;bottom: 6px;left: 50%;transform: translateX(-50%);width: 4px;height: 4px;border-radius: 50%;background: #10b981;box-shadow: 0 0 5px #10b981,0 0 10px rgba(16,185,129,.35)}.tv-frame-screen{border-radius: 3px;overflow: hidden;background: #000;aspect-ratio: 16 / 9;position: relative}.tv-frame-screen img{width: 100%;height: 100%;object-fit: cover;object-position: top center;display: block;transition: transform var(--t-slow)}.system-card-tv:hover .tv-frame-screen img{transform: scale(1.02)}.tv-stand{width: 60%;max-width: 140px;margin: 0 auto}.tv-stand-neck{height: 14px;background: linear-gradient(180deg,#2a2a2a,#1a1a1a);margin: -2px auto 0;width: 38px;border-radius: 0 0 3px 3px}.tv-stand-base{height: 4px;background: #181818;border-radius: 50% / 100%;margin: 0 auto;width: 140px;box-shadow: 0 10px 16px rgba(0,0,0,.12)}.showcase{padding: clamp(56px,8vw,110px) 0;position: relative}.showcase+.showcase{border-top: 1px solid var(--line-soft)}.showcase-header{display: flex;gap: 24px;align-items: flex-start;max-width: 880px;margin: 0 auto 52px}.showcase-number{font-family: 'Manrope',sans-serif;font-size: clamp(2.4rem,4vw,3.4rem);font-weight: 800;color: var(--gold);line-height: 1;flex-shrink: 0;opacity: 0.85;letter-spacing: -.04em}.showcase-header>div{flex: 1}.showcase-header .pill{margin-bottom: 8px;font-size: .7rem}.showcase-header h3{font-size: clamp(1.35rem,2.6vw,1.85rem);color: var(--blue-dark);margin: 4px 0 10px}.showcase-header p{color: var(--muted);margin: 0;max-width: 62ch}.showcase-stage{display: flex;justify-content: center;align-items: center;margin: 0 auto;padding: 30px 0 10px}.showcase-caption{text-align: center;font-size: .8rem;color: var(--muted);margin: 36px auto 0;font-style: italic;max-width: 50ch}.showcase-caption strong{color: var(--blue-dark);font-style: normal;font-weight: 600}.fx-iso{max-width: 550px;width: 100%;perspective: 2000px;transform-style: preserve-3d}.fx-iso-inner{transform: rotateY(-22deg) rotateX(8deg) rotateZ(-2deg);transition: transform 0.6s cubic-bezier(0.4,0,0.2,1);border-radius: 12px;overflow: hidden;border: 1px solid rgba(255,255,255,0.1);box-shadow: -22px 32px 60px rgba(8,22,50,.25),-10px 18px 30px rgba(0,80,144,.18),0 0 0 1px rgba(0,0,0,.05),0 0 60px rgba(120,100,220,.10);position: relative;transform-style: preserve-3d}.fx-iso:hover .fx-iso-inner{transform: rotateY(-10deg) rotateX(4deg) scale(1.02)}.fx-iso-inner img{width: 100%;height: auto;display: block}.fx-iso-inner::after{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,rgba(255,255,255,0.15) 0%,transparent 40%);pointer-events: none}.fx-fan{position: relative;width: 100%;max-width: 700px;height: 360px;perspective: 1500px;transform-style: preserve-3d}.fx-fan-card{position: absolute;top: 0;left: 50%;width: 350px;margin-left: -175px;border-radius: 12px;overflow: hidden;border: 1px solid rgba(255,255,255,0.1);box-shadow: 0 22px 44px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.05);transition: transform 0.5s cubic-bezier(0.4,0,0.2,1),filter 0.5s cubic-bezier(0.4,0,0.2,1);background: var(--paper)}.fx-fan-card img{width: 100%;height: auto;display: block}.fx-fan-card--left{transform: translateX(-90px) translateY(10px) rotate(-8deg) scale(0.92);filter: brightness(0.72);z-index: 1}.fx-fan-card--center{z-index: 3}.fx-fan-card--right{transform: translateX(90px) translateY(10px) rotate(8deg) scale(0.92);filter: brightness(0.72);z-index: 2}.fx-fan:hover .fx-fan-card--left{transform: translateX(-130px) translateY(10px) rotate(-12deg) scale(0.92);filter: brightness(0.88)}.fx-fan:hover .fx-fan-card--right{transform: translateX(130px) translateY(10px) rotate(12deg) scale(0.92);filter: brightness(0.88)}.fx-fan-lg{height: 440px}.fx-fan-lg .fx-fan-card{width: 440px;margin-left: -220px}.fx-fan-lg .fx-fan-card--left{transform: translateX(-120px) translateY(14px) rotate(-8deg) scale(0.92)}.fx-fan-lg .fx-fan-card--right{transform: translateX(120px) translateY(14px) rotate(8deg) scale(0.92)}.fx-fan-lg:hover .fx-fan-card--left{transform: translateX(-170px) translateY(14px) rotate(-12deg) scale(0.92)}.fx-fan-lg:hover .fx-fan-card--right{transform: translateX(170px) translateY(14px) rotate(12deg) scale(0.92)}.fx-fan-xl{height: 520px}.fx-fan-xl .fx-fan-card{width: 520px;margin-left: -260px}.fx-fan-xl .fx-fan-card--left{transform: translateX(-150px) translateY(18px) rotate(-8deg) scale(0.92)}.fx-fan-xl .fx-fan-card--right{transform: translateX(150px) translateY(18px) rotate(8deg) scale(0.92)}.fx-fan-xl:hover .fx-fan-card--left{transform: translateX(-210px) translateY(18px) rotate(-12deg) scale(0.92)}.fx-fan-xl:hover .fx-fan-card--right{transform: translateX(210px) translateY(18px) rotate(12deg) scale(0.92)}.fx-monitor-wrap{max-width: 580px;width: 100%;perspective: 2400px;transform-style: preserve-3d}.fx-monitor{background: linear-gradient(135deg,#1f1f2e 0%,#0f0f1a 100%);border-radius: 12px 12px 4px 4px;padding: 12px 12px 16px;transform: rotateX(8deg) rotateY(-12deg);transform-style: preserve-3d;transition: transform 0.6s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 32px 60px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.08) inset,-20px 30px 50px rgba(0,80,144,.14);position: relative}.fx-monitor-wrap:hover .fx-monitor{transform: rotateX(4deg) rotateY(-6deg)}.fx-monitor-bar{display: flex;gap: 6px;align-items: center;padding: 4px 6px 10px}.fx-monitor-dot{width: 10px;height: 10px;border-radius: 50%}.fx-monitor-dot:nth-child(1){background: #ff5f57}.fx-monitor-dot:nth-child(2){background: #febc2e}.fx-monitor-dot:nth-child(3){background: #28c840}.fx-monitor-urlbar{flex: 1;height: 16px;background: #2a2a35;border-radius: 4px;margin-left: 12px}.fx-monitor-screen{border-radius: 6px;overflow: hidden;background: #000;aspect-ratio: 16 / 9}.fx-monitor-screen img{width: 100%;height: 100%;object-fit: cover;object-position: top center;display: block}.fx-monitor-stand-neck{width: 14%;height: 18px;background: linear-gradient(180deg,#2a2a35,#1a1a25);margin: 0 auto;border-radius: 0 0 3px 3px}.fx-monitor-stand-base{width: 30%;height: 6px;background: #1a1a25;border-radius: 50% / 100%;margin: 0 auto;box-shadow: 0 10px 18px rgba(0,0,0,.15)}.fx-duo{display: flex;gap: 30px;max-width: 640px;width: 100%;perspective: 2000px;transform-style: preserve-3d;justify-content: center}.fx-duo-card{flex: 1;max-width: 290px;border-radius: 12px;overflow: hidden;border: 1px solid rgba(255,255,255,0.1);box-shadow: 0 22px 44px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.05),0 0 50px rgba(0,80,144,.10);transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);background: var(--paper)}.fx-duo-card img{width: 100%;height: auto;display: block}.fx-duo-card:first-child{transform: rotateY(15deg) rotateX(3deg)}.fx-duo-card:last-child{transform: rotateY(-15deg) rotateX(3deg)}.fx-duo-card:hover{transform: rotateY(0) rotateX(0) translateZ(40px)}.fx-duo-lg{gap: 40px}.fx-duo-lg .fx-duo-card{max-width: 380px}.fx-duo-xl{gap: 44px}.fx-duo-xl .fx-duo-card{max-width: 460px}.fx-phones{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;width: 100%;max-width: 920px;justify-items: center}.fx-phone{position: relative;background: linear-gradient(160deg,#fbe2a3 0%,#f1ba42 50%,#b8861c 100%);border-radius: 34px;padding: 9px;width: 100%;max-width: 210px;aspect-ratio: 9 / 19;box-shadow: 0 22px 44px rgba(80,50,10,.30),0 0 0 1px rgba(255,232,168,.55) inset,0 2px 0 0 rgba(255,240,200,.70) inset,inset 0 -1px 0 rgba(110,70,14,.55),inset 0 0 0 2px rgba(200,150,50,.40);transition: transform .4s cubic-bezier(.16,1,.3,1)}.fx-phone:hover{transform: translateY(-6px) scale(1.03);z-index: 2}.fx-phone::before,.fx-phone::after{content: '';position: absolute;background: linear-gradient(180deg,#d9a52e 0%,#9a7218 100%);border-radius: 2px;box-shadow: 0 0 0 .5px rgba(60,40,10,.25)}.fx-phone::before{width: 2px;height: 34px;left: -2px;top: 28%;box-shadow: 0 50px 0 #b8861c,0 96px 0 #b8861c,0 0 0 .5px rgba(60,40,10,.25)}.fx-phone::after{width: 2px;height: 52px;right: -2px;top: 32%}.fx-phone-notch{position: absolute;top: 13px;left: 50%;transform: translateX(-50%);width: 78px;height: 18px;background: #000;border-radius: 12px;z-index: 3}.fx-phone-screen{width: 100%;height: 100%;border-radius: 25px;overflow: hidden;background: #000;position: relative}.fx-phone-screen img{width: 100%;height: 100%;object-fit: cover;object-position: top center;display: block}@media (max-width: 900px){.fx-phones{grid-template-columns: repeat(2,1fr);gap: 22px}}@media (max-width: 520px){.fx-phones{grid-template-columns: 1fr}}.fx-phones-card{max-width: none;gap: 8px;padding: 18px 14px 4px;grid-template-columns: repeat(4,1fr)}.fx-phones-card .fx-phone{max-width: 120px;padding: 5px;border-radius: 22px}.fx-phones-card .fx-phone-notch{top: 7px;width: 46px;height: 11px;border-radius: 7px}.fx-phones-card .fx-phone-screen{border-radius: 17px}.fx-phones-card .fx-phone:hover{transform: translateY(-3px) scale(1.02)}@media (max-width: 540px){.fx-phones-card{grid-template-columns: repeat(2,1fr);gap: 12px}.fx-phones-card .fx-phone{max-width: 150px}}.fx-quad{display: grid;grid-template-columns: repeat(4,1fr);gap: 16px;width: 100%;max-width: 1100px}.fx-quad-card{border-radius: 10px;overflow: hidden;border: 1px solid rgba(255,255,255,0.1);box-shadow: 0 14px 28px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04);background: var(--paper);transition: transform .4s cubic-bezier(.16,1,.3,1),box-shadow var(--t-base);aspect-ratio: 4 / 3}.fx-quad-card:hover{transform: translateY(-6px) scale(1.03);box-shadow: 0 22px 44px rgba(0,0,0,.24),0 0 0 1px rgba(0,0,0,.04);z-index: 2}.fx-quad-card img{width: 100%;height: 100%;object-fit: cover;object-position: top center;display: block}@media (max-width: 768px){.showcase-header{flex-direction: column;gap: 12px}.showcase-number{font-size: 2.4rem}.fx-iso-inner{transform: rotateY(-10deg) rotateX(4deg) rotateZ(0)}.fx-fan,.fx-fan-lg,.fx-fan-xl{height: auto;display: flex;flex-direction: column;gap: 14px;align-items: center}.fx-fan-card{position: static;transform: none;filter: none;margin-left: 0;width: 100%;max-width: 360px}.fx-fan:hover .fx-fan-card--left,.fx-fan:hover .fx-fan-card--right,.fx-fan-lg:hover .fx-fan-card--left,.fx-fan-lg:hover .fx-fan-card--right,.fx-fan-xl:hover .fx-fan-card--left,.fx-fan-xl:hover .fx-fan-card--right{transform: none;filter: none}.fx-monitor{transform: none}.fx-monitor-wrap:hover .fx-monitor{transform: none}.fx-duo{flex-direction: column;gap: 16px;align-items: center}.fx-duo-card,.fx-duo-card:first-child,.fx-duo-card:last-child{transform: none;max-width: 100%}.fx-quad{grid-template-columns: repeat(2,1fr);gap: 12px}}@media (max-width: 520px){.fx-quad{grid-template-columns: 1fr}}.system-card-text{padding: 22px 22px 24px;background: var(--paper);border-radius: var(--r-md);border: 1px solid var(--line);box-shadow: var(--sh-card);display: flex;flex-direction: column;gap: 8px}.system-card-text .system-card-icon{width: 38px;height: 38px;display: inline-flex;align-items: center;justify-content: center;border-radius: 10px;background: linear-gradient(135deg,rgba(0,80,144,.08),rgba(241,186,66,.12));color: var(--blue-dark);margin-bottom: 6px}.system-card-text h3{font-size: 1rem;color: var(--blue-dark);margin: 0}.system-card-text p{font-size: .92rem;color: var(--muted);margin: 0;line-height: 1.55}.system-card-text code{font-family: ui-monospace,'JetBrains Mono',Consolas,monospace;font-size: .82rem;color: var(--blue);background: var(--paper-soft);padding: 2px 6px;border-radius: 6px}.systems-disclaimer{background: linear-gradient(135deg,rgba(241,186,66,.10),rgba(0,80,144,.04));border: 1px solid var(--line);border-radius: var(--r-md);padding: 14px 20px;font-size: .92rem;color: var(--ink);margin-bottom: 26px;display: flex;gap: 12px;align-items: flex-start}.systems-disclaimer strong{color: var(--blue-dark)}@media (max-width: 720px){.system-card-shot{aspect-ratio: 16 / 10}}.lightbox{position: fixed;inset: 0;background: rgba(6,12,24,0.92);display: flex;align-items: center;justify-content: center;z-index: 1000;opacity: 0;pointer-events: none;transition: opacity 0.32s ease;cursor: zoom-out;padding: 40px;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px)}.lightbox-open{opacity: 1;pointer-events: auto}.lightbox-img{max-width: 95vw;max-height: 92vh;width: auto;height: auto;object-fit: contain;border-radius: 10px;box-shadow: 0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);transform: scale(0.96);transition: transform 0.42s cubic-bezier(0.16,1,0.3,1);display: block}.lightbox-open .lightbox-img{transform: scale(1)}.lightbox-close{position: absolute;top: 18px;right: 22px;color: #fff;font-size: 1.8rem;font-family: 'Manrope',sans-serif;font-weight: 600;background: rgba(255,255,255,.10);border: 1px solid rgba(255,255,255,.15);width: 44px;height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background var(--t-fast),transform var(--t-fast);line-height: 1;padding: 0 0 4px}.lightbox-close:hover{background: rgba(255,255,255,.20);transform: scale(1.05)}.showcase-stage img,.tv-frame-screen img,.system-card-shot img,.system-thumbs a,.system-thumbs img,.fx-phone-screen img{cursor: zoom-in}@media (max-width: 720px){.lightbox{padding: 16px}.lightbox-close{top: 12px;right: 14px}}@media (prefers-reduced-motion: reduce){.hero::before,.hero::after,.hero-card,.btn-gold::after,.wa-float,.final-cta,.tag-new{animation: none !important}.tilt{transform: none !important}}