:root{--color-bg:#f8f8f8;--color-surface:#fff;--color-surface-secondary:#f2f2f2;--color-text:#121212;--color-text-secondary:#4d4d4d;--color-text-tertiary:gray;--color-border:#d7d7d7;--color-accent:#1c9cff;--color-accent-light:#7ea9d5;--color-accent-dark:#003365;--color-muted-foreground:#8c8c8c;--color-bg-light:#f8f8f8;--color-bg-dark:#000;--color-success:#5da356;--color-success-light:#abd0a6;--color-error:#b93d46;--color-error-light:#e69494;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .92rem + .4vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .55vw, 1.375rem);--text-xl:clamp(1.375rem, 1.2rem + .875vw, 1.75rem);--text-2xl:clamp(1.75rem, 1.5rem + 1.25vw, 2.25rem);--text-3xl:clamp(2.25rem, 1.9rem + 1.75vw, 3rem);--text-4xl:clamp(3rem, 2.5rem + 2.5vw, 4rem);--text-display:clamp(2rem, 1.5rem + 3vw, 3.5rem);--text-hero:clamp(3rem, 1rem + 7vw, 5rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-normal:1.6;--line-height-relaxed:1.75;--space-2:.125rem;--space-4:.25rem;--space-6:.375rem;--space-8:.5rem;--space-12:.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-28:1.75rem;--space-32:2rem;--space-36:2.25rem;--space-40:2.5rem;--space-48:3rem;--space-56:3.5rem;--space-64:4rem;--space-80:5rem;--space-96:6rem;--space-128:8rem;--space-section:clamp(4rem, 3rem + 5vw, 10rem);--space-section-sm:clamp(2rem, 1.5rem + 2.5vw, 5rem);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-cubic:cubic-bezier(.4, 0, .2, 1);--ease-out-quad:cubic-bezier(.25, .46, .45, .94);--radius-none:0;--radius-2xs:2px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--backdrop-blur:blur(12px);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600}@supports (color:lab(0% 0 0)){:root{--color-bg:lab(97.68% -.0000298023 .0000119209);--color-surface:lab(100% 0 0);--color-surface-secondary:lab(95.36% 0 0);--color-text:lab(5.26802% 0 0);--color-text-secondary:lab(32.72% -.0000149012 0);--color-text-tertiary:lab(53.6% 0 0);--color-border:lab(86.08% -.0000298023 0);--color-accent:lab(61.6117% -1.68824 -70.1463);--color-accent-light:lab(67.3253% -6.26373 -27.5855);--color-accent-dark:lab(20.2306% 2.09889 -39.9155);--color-muted-foreground:lab(58.24% 0 0);--color-bg-light:lab(97.68% -.0000298023 .0000119209);--color-bg-dark:lab(.112911% 0 0);--color-success:lab(60.9493% -34.6488 32.3971);--color-success-light:lab(80.0023% -18.7425 16.6193);--color-error:lab(44.9509% 51.2805 23.8956);--color-error-light:lab(69.9752% 31.8792 13.8737)}}.text-hero{font-size:var(--text-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em}.text-4xl{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.015em}.text-3xl{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);letter-spacing:-.01em}.text-2xl{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.text-xl{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.text-lg{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.text-base{font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}.text-sm{font-size:var(--text-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}.text-xs{font-size:var(--text-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-snug)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-bg)}.bg-surface{background-color:var(--color-surface)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-accent-light{background-color:var(--color-accent-light)}.border-primary{border-color:var(--color-border)}.border-accent{border-color:var(--color-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(var(--space-32));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(calc(var(--space-32) * -1));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(var(--space-16))}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-in-out-cubic)}.animate-slide-in-up{animation:slideUp var(--duration-slow) var(--ease-out-expo)}.animate-slide-in-down{animation:slideInDown var(--duration-slow) var(--ease-out-expo)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out-quad)}.animate-shimmer{background-size:1000px 100%;animation:2s infinite shimmer}.animate-pulse{animation:pulse var(--duration-slow) cubic-bezier(.4, 0, .6, 1) infinite}.animate-float{animation:6s ease-in-out infinite float}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.container-landing{width:100%;max-width:1200px;padding-inline:var(--space-24);margin-inline:auto}@media (max-width:768px){.container-landing{padding-inline:var(--space-16)}}.section-padding{padding-block:var(--space-section)}.section-padding-sm{padding-block:var(--space-section-sm)}.grid-auto-fit{gap:var(--space-32);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (max-width:768px){.grid-auto-fit{gap:var(--space-24);grid-template-columns:1fr}}.grid-3-cols{gap:var(--space-32);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.grid-3-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-3-cols{grid-template-columns:1fr}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-4{gap:var(--space-16)}.gap-6{gap:var(--space-24)}.gap-8{gap:var(--space-32)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.hover-lift{transition:transform var(--duration-normal) var(--ease-in-out-cubic), box-shadow var(--duration-normal) var(--ease-in-out-cubic)}.hover-lift:hover{transform:translateY(calc(var(--space-16) * -1));box-shadow:var(--shadow-lg)}.hover-accent{transition:color var(--duration-fast) var(--ease-in-out-cubic)}.hover-accent:hover{color:var(--color-accent)}.transition-all{transition:all var(--duration-normal) var(--ease-in-out-cubic)}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}@media (max-width:768px){.text-hero{font-size:clamp(2rem,1rem + 5vw,3.5rem)}.text-4xl{font-size:clamp(1.75rem,1rem + 2.5vw,3rem)}.text-3xl{font-size:clamp(1.5rem,1rem + 2vw,2.25rem)}}@media print{.no-print{display:none!important}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root{--color-bg:#161616;--color-surface:#222;--color-surface-secondary:#292929;--color-text:#eee;--color-text-secondary:#aeaeae;--color-text-tertiary:#717171;--color-border:#3a3a3a;--color-accent-light:#793c9f}@supports (color:lab(0% 0 0)){:root{--color-bg:lab(7.22637% -.0000149012 0);--color-surface:lab(13% 0 0);--color-surface-secondary:lab(16.48% 0 0);--color-text:lab(94.2% 0 0);--color-text-secondary:lab(71% 0 0);--color-text-tertiary:lab(47.8% 0 .0000119209);--color-border:lab(24.6% 0 0);--color-accent-light:lab(37.0906% 40.3321 -43.8169)}}}.hero-section{min-height:90vh;padding-block:var(--space-80);background-color:var(--color-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-container{justify-content:space-between;align-items:center;gap:var(--space-64);width:100%;display:flex}.hero-content{gap:var(--space-64);grid-template-columns:1fr 1fr;align-items:center;width:100%;display:grid}.hero-text{gap:var(--space-32);flex-direction:column;flex:1;display:flex}.hero-text h1{white-space:pre-wrap;word-break:break-word;margin:0}.hero-subheading{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);white-space:pre-wrap;margin:0}.hero-ctas{gap:var(--space-16);margin-top:var(--space-16);flex-wrap:wrap;display:flex}.btn{padding:var(--space-12) var(--space-24);font-size:var(--text-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-in-out-cubic);white-space:nowrap;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background-color:var(--color-accent);color:var(--color-bg-dark)}.btn-primary:hover:not(.btn-disabled){background-color:var(--color-accent-dark);transform:translateY(calc(var(--space-16) * -1));box-shadow:var(--shadow-lg)}.btn-secondary{color:var(--color-accent);border:2px solid var(--color-accent);background-color:#0000}.btn-secondary:hover:not(.btn-disabled){background-color:var(--color-accent-light);color:var(--color-bg-dark);transform:translateY(calc(var(--space-16) * -1));box-shadow:var(--shadow-lg)}.btn-outline{color:var(--color-text);border:2px solid var(--color-border);background-color:#0000}.btn-outline:hover:not(.btn-disabled){border-color:var(--color-accent);color:var(--color-accent);transform:translateY(calc(var(--space-16) * -1))}.btn-sm{padding:var(--space-8) var(--space-16);font-size:var(--text-sm)}.btn-md{padding:var(--space-12) var(--space-24);font-size:var(--text-base)}.btn-lg{padding:var(--space-16) var(--space-32);font-size:var(--text-lg)}.btn-full-width{width:100%}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hero-visual{flex:1;justify-content:center;align-items:center;height:100%;min-height:500px;display:flex;position:relative}.hero-visual-gradient{border-radius:var(--radius-xl);width:100%;height:100%;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1c9cff 0%,#5554b6 50%,#2d143e 100%);background:linear-gradient(135deg,lab(61.6117% -1.68824 -70.1463) 0%,lab(40.0008% 21.9394 -52.5894) 50%,lab(11.7205% 20.0583 -21.9275) 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-visual-content{width:100%;height:100%;padding:var(--space-32);text-align:center;justify-content:center;align-items:center;display:flex}.hero-visual-text{font-size:var(--text-lg);color:#fff9;font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin:0}.hero-badge{top:var(--space-24);right:var(--space-24);align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);border:1px solid var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-accent);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background-color:#0891b21a;display:flex;position:absolute}.hero-badge-icon{font-weight:var(--font-weight-bold);font-size:var(--text-sm)}.hero-badge-text{white-space:nowrap}@media (max-width:1023px){.hero-section{min-height:85vh;padding-block:var(--space-56)}.hero-container{gap:var(--space-48)}.hero-content{gap:var(--space-48);grid-template-columns:1fr}.hero-visual{min-height:400px}.hero-ctas{gap:var(--space-12)}.btn{padding:var(--space-12) var(--space-20);font-size:var(--text-sm)}}@media (max-width:767px){.hero-section{min-height:80vh;padding-block:var(--space-48)}.hero-container{gap:var(--space-32);padding-inline:var(--space-16)}.hero-content{gap:var(--space-32);grid-template-columns:1fr}.hero-text{gap:var(--space-24)}.hero-text h1{font-size:clamp(2rem,1rem + 5vw,3.5rem)}.hero-subheading{font-size:var(--text-base)}.hero-visual{min-height:350px}.hero-visual-gradient{border-radius:var(--radius-lg)}.hero-ctas{gap:var(--space-12);flex-direction:column}.btn{width:100%;padding:var(--space-12) var(--space-16);font-size:var(--text-sm)}.hero-badge{top:var(--space-16);right:var(--space-16);padding:var(--space-8) var(--space-12);font-size:var(--text-xs)}.hero-badge-text{font-size:clamp(.65rem,.6rem + .25vw,.75rem)}}@media (max-width:479px){.hero-section{min-height:70vh;padding-block:var(--space-40)}.hero-container{gap:var(--space-24);padding-inline:var(--space-12)}.hero-ctas{gap:var(--space-8)}.hero-visual{min-height:300px}.hero-badge{align-items:flex-start;gap:var(--space-4);flex-direction:column;width:auto}.hero-badge-text{display:none}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}.act-section{padding-block:var(--space-96);background-color:var(--color-bg);position:relative;overflow:hidden}.act-section--alt{background-color:var(--color-surface-secondary)}.act-container{align-items:center;gap:var(--space-64);width:100%;max-width:1200px;padding-inline:var(--space-24);grid-template-columns:1fr 1fr;margin-inline:auto;display:grid}.act-container--reverse .act-text{order:2}.act-container--reverse .act-visual{order:1}.act-text{gap:var(--space-32);flex-direction:column;display:flex}.act-eyebrow{align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-16);border-radius:var(--radius-full);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;background-color:#1c9cff14;background-color:lab(61.6117% -1.68824 -70.1463/.08);align-self:flex-start;display:inline-flex}.act-eyebrow-dot{border-radius:var(--radius-full);background-color:var(--color-accent);width:6px;height:6px}.act-headline{font-size:var(--text-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-accent);white-space:pre-wrap;margin:0}.act-description{font-size:var(--text-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);white-space:pre-wrap;margin:0}.act-features{gap:var(--space-16);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.act-feature{align-items:flex-start;gap:var(--space-16);padding-block:var(--space-4);display:flex}.act-feature-check{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-success);font-weight:var(--font-weight-bold);font-size:var(--text-sm);background-color:#5da3561f;background-color:lab(60.9493% -34.6488 32.3971/.12);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.act-feature-icon{color:var(--color-success);flex-shrink:0}.act-feature-text{font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text);font-weight:var(--font-weight-medium);padding-top:var(--space-2)}.act-visual{justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.act-visual-mockup{aspect-ratio:4/3;border-radius:var(--radius-xl);background-color:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:520px;transition:transform var(--duration-slow) var(--ease-out-expo), box-shadow var(--duration-slow) var(--ease-out-expo);position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 24px 48px -16px #0000002e,0 8px 16px -8px #00000014}.act-visual-mockup:hover{transform:rotate(0)translateY(-4px);box-shadow:0 32px 64px -20px #00000038,0 12px 24px -10px #0000001a}.act-mockup-chrome{align-items:center;gap:var(--space-6);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-secondary);display:flex}.act-mockup-dot{border-radius:var(--radius-full);background-color:var(--color-border);width:10px;height:10px}.act-mockup-dot:first-child{background-color:#f97770;background-color:lab(65.9538% 50.1356 28.6987)}.act-mockup-dot:nth-child(2){background-color:#f0bb3b;background-color:lab(79.3236% 11.1274 68.2268)}.act-mockup-dot:nth-child(3){background-color:#5bbe62;background-color:lab(69.4608% -44.8835 37.1852)}.act-mockup-title{margin-left:var(--space-12);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:.02em}.act-mockup-body{gap:var(--space-12);padding:var(--space-24);flex-direction:column;display:flex}.act-mockup-step{align-items:center;gap:var(--space-16);padding:var(--space-16);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);transition:border-color var(--duration-normal) var(--ease-in-out-cubic), transform var(--duration-normal) var(--ease-in-out-cubic);display:flex}.act-mockup-step--active{border-color:var(--color-accent);background-color:#1c9cff0a;background-color:lab(61.6117% -1.68824 -70.1463/.04)}.act-mockup-step-index{border-radius:var(--radius-full);background-color:var(--color-surface-secondary);width:32px;height:32px;color:var(--color-text-secondary);font-weight:var(--font-weight-bold);font-size:var(--text-sm);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.act-mockup-step--active .act-mockup-step-index{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.act-mockup-step-content{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.act-mockup-step-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.act-mockup-step-meta{font-size:var(--text-xs);color:var(--color-text-tertiary)}@media (max-width:1023px){.act-section{padding-block:var(--space-80)}.act-container{gap:var(--space-48)}.act-headline{font-size:clamp(1.75rem,1.2rem + 2.5vw,2.75rem)}.act-visual{min-height:420px}}@media (max-width:767px){.act-section{padding-block:var(--space-48)}.act-container{gap:var(--space-48);padding-inline:var(--space-16);grid-template-columns:1fr}.act-container--reverse .act-text,.act-container--reverse .act-visual{order:initial}.act-text{gap:var(--space-24)}.act-headline{font-size:clamp(1.5rem,1rem + 4vw,2.25rem)}.act-description{font-size:var(--text-base)}.act-visual{min-height:320px}.act-visual-mockup{max-width:100%;transform:rotate(1deg)}.act-mockup-body{padding:var(--space-16)}.act-mockup-step{padding:var(--space-12);gap:var(--space-12)}}@media (max-width:479px){.act-section{padding-block:var(--space-40)}.act-mockup-step-meta{display:none}}@media (prefers-reduced-motion:reduce){.act-visual-mockup,.act-visual-mockup:hover,.act-mockup-step{transition:none;transform:none}}.act-section--reverse .act-eyebrow{color:var(--color-success);background-color:#5da3561a;background-color:lab(60.9493% -34.6488 32.3971/.1)}.act-section--reverse .act-eyebrow-dot{background-color:var(--color-success)}.act-section--reverse .act-headline{color:var(--color-accent)}.act-visual-mockup--control{background:linear-gradient(180deg, var(--color-surface) 0%, #eff2f5 100%);transform:rotate(-3deg)}@supports (color:lab(0% 0 0)){.act-visual-mockup--control{background:linear-gradient(180deg, var(--color-surface) 0%, lab(95.3562% -.55331 -1.78927) 100%)}}.act-visual-mockup--control:hover{transform:rotate(0)translateY(-4px)}.act-mockup-body--control{gap:var(--space-16);padding:var(--space-20);flex-direction:column;display:flex}.act-kpi-grid{gap:var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}.act-kpi-card{gap:var(--space-6);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);transition:border-color var(--duration-normal) var(--ease-in-out-cubic), transform var(--duration-normal) var(--ease-in-out-cubic);flex-direction:column;display:flex}.act-kpi-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.act-kpi-card-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:.04em;text-transform:uppercase}.act-kpi-card-value{font-size:clamp(2rem,1rem + 2vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text);font-variant-numeric:tabular-nums}.act-kpi-card-trend{align-items:center;gap:var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);display:inline-flex}.act-kpi-card-trend--up{color:var(--color-success)}.act-kpi-card-trend--down{color:var(--color-error)}.act-kpi-card-trend-arrow{font-size:var(--text-sm);line-height:1}.act-chart-placeholder{height:120px;padding:var(--space-16);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;display:flex;position:relative;overflow:hidden}.act-chart-placeholder:before{content:"";clip-path:polygon(0% 70%,12% 60%,25% 65%,38% 45%,52% 50%,68% 30%,82% 35%,100% 18%,100% 100%,0% 100%);pointer-events:none;background:linear-gradient(#1c9cff2e 0%,#1c9cff05 70%,#0000 100%);background:linear-gradient(lab(61.6117% -1.68824 -70.1463/.18) 0%,lab(61.6117% -1.68824 -70.1463/.02) 70%,#0000 100%);position:absolute;inset:0}.act-chart-placeholder:after{content:"";background:linear-gradient(90deg, var(--color-accent) 0%, #615ed6 100%);clip-path:polygon(0% 69%,12% 59%,25% 64%,38% 44%,52% 49%,68% 29%,82% 34%,100% 17%,100% 19%,82% 36%,68% 31%,52% 51%,38% 46%,25% 66%,12% 61%,0% 71%);pointer-events:none;opacity:.9;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.act-chart-placeholder:after{background:linear-gradient(90deg, var(--color-accent) 0%, lab(45.2841% 27.7799 -63.0038) 100%)}}.act-chart-placeholder-label{z-index:1;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;align-self:flex-start;position:relative}.act-chart-placeholder-axis{z-index:1;align-items:flex-end;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;flex-direction:column;display:flex;position:relative}.act-supplier-card{bottom:var(--space-24);left:calc(var(--space-24) * -1);gap:var(--space-6);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);max-width:240px;transition:transform var(--duration-slow) var(--ease-out-expo);flex-direction:column;display:flex;position:absolute;transform:rotate(3deg);box-shadow:0 16px 32px -12px #00000038,0 4px 8px -4px #00000014}.act-visual:hover .act-supplier-card{transform:rotate(0)}.act-supplier-card-header{align-items:center;gap:var(--space-8);display:flex}.act-supplier-card-status{border-radius:var(--radius-full);background-color:#f18500;background-color:lab(66.6985% 39.0226 82.0946);flex-shrink:0;width:8px;height:8px}.act-supplier-card-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.act-supplier-card-amount{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-accent);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.act-supplier-card-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}@media (max-width:1023px){.act-supplier-card{left:calc(var(--space-12) * -1);max-width:200px}.act-chart-placeholder{height:100px}}@media (max-width:767px){.act-visual-mockup--control{transform:rotate(-1deg)}.act-mockup-body--control{padding:var(--space-16);gap:var(--space-12)}.act-kpi-card{padding:var(--space-12)}.act-supplier-card{margin-top:var(--space-16);max-width:100%;position:relative;bottom:auto;left:auto;transform:rotate(0)}.act-chart-placeholder{height:90px;padding:var(--space-12)}}@media (max-width:479px){.act-kpi-grid{gap:var(--space-8)}.act-kpi-card-value{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){.act-visual-mockup--control,.act-visual-mockup--control:hover,.act-supplier-card,.act-visual:hover .act-supplier-card,.act-kpi-card,.act-kpi-card:hover{transition:none;transform:none}}