@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--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;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing)*1)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-14{height:calc(var(--spacing)*14)}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-transparent{background-color:#0000}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-white{color:var(--color-white)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}}.stripe-animation-wrapper{width:var(--canvas-width,540px);height:var(--canvas-height,480px);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.product-visual-column .stripe-animation-wrapper{width:var(--canvas-width,540px);height:var(--canvas-height,480px)}.stripe-lines-layer{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.stripe-icons-layer{pointer-events:none;z-index:20;position:absolute;inset:0}.stripe-peripheral-icon{pointer-events:auto;background:#fffffff2;border:1px solid #e2e8f099;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:40px;height:40px;padding:6px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000000a}.stripe-peripheral-icon .icon-container{color:#94a3b8;justify-content:center;align-items:center;width:20px;height:20px;transition:all .25s;display:flex}.stripe-peripheral-icon .icon-container svg{width:16px;height:16px}.stripe-peripheral-icon .icon-label{color:var(--accent-color,#0070ff);white-space:nowrap;text-align:center;text-overflow:ellipsis;opacity:0;max-width:60px;font-size:9px;font-weight:500;transition:all .3s;overflow:hidden;transform:translateY(-4px)}.stripe-peripheral-icon:hover{background:#fff;border-color:#cbd5e1cc;transform:translate(-50%,-50%)translateY(-1px);box-shadow:0 3px 10px #00000014}.stripe-peripheral-icon:hover .icon-container{color:var(--accent-color,#0070ff)}.stripe-peripheral-icon.active{background:#fff;border-width:1px;border-color:#e2e8f0cc;width:52px;height:52px;transform:translate(-50%,-50%)translateY(-2px);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.stripe-peripheral-icon.active .icon-container{width:28px;height:28px;color:var(--accent-color,#0070ff)}.stripe-peripheral-icon.active .icon-container svg{width:22px;height:22px}.stripe-peripheral-icon.active .icon-label{opacity:1;font-size:8px;font-weight:500;transform:translateY(0)}.stripe-peripheral-icon.fading{opacity:.4;box-shadow:none}.stripe-peripheral-icon.fading .icon-container{color:#cbd5e1}.stripe-central-container{z-index:5;background:#fff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 8px 24px #00000014}.central-frame{pointer-events:none;z-index:1;position:absolute;inset:0}.central-frame .frame-corner{border-color:var(--accent-color,#0070ff);opacity:.3;border-style:solid;border-width:0;width:24px;height:24px;transition:opacity .3s;position:absolute}.stripe-central-container:hover .central-frame .frame-corner{opacity:.5}.central-frame .frame-corner.top-left{border-top-width:2px;border-left-width:2px;border-top-left-radius:8px;top:14px;left:14px}.central-frame .frame-corner.top-right{border-top-width:2px;border-right-width:2px;border-top-right-radius:8px;top:14px;right:14px}.central-frame .frame-corner.bottom-left{border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:8px;bottom:14px;left:14px}.central-frame .frame-corner.bottom-right{border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:8px;bottom:14px;right:14px}.central-content-wrapper{z-index:2;flex-direction:column;height:100%;padding:28px;display:flex;position:relative}.content-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.content-badge{color:#fff;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600}.live-dot{color:#10b981;font-size:12px;animation:3s ease-in-out infinite gentleBlink}@keyframes gentleBlink{0%,to{opacity:1}50%{opacity:.5}}.content-modular-ai{flex-direction:column;flex:1;display:flex;position:relative}.modular-grid-2x2{flex:1;grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.modular-card{background:#f8fafc;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 14px;transition:all .5s;display:flex}.modular-card.highlighted{border-color:var(--card-color,#0070ff);box-shadow:0 4px 20px var(--card-color,#0070ff);background:#fff}@supports (color:color-mix(in lab, red, red)){.modular-card.highlighted{box-shadow:0 4px 20px color-mix(in srgb,var(--card-color,#0070ff)15%,transparent)}}.modular-card .card-icon{color:#94a3b8;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .5s;display:flex}.modular-card .card-icon svg{width:24px;height:24px}.modular-card.highlighted .card-icon{background:var(--card-color,#0070ff);color:#fff}.modular-card .card-name{color:#334155;font-size:14px;font-weight:600}.modular-card .card-desc{color:#94a3b8;text-align:center;font-size:11px}.ai-center-hub{color:#fff;z-index:10;background:linear-gradient(135deg,#0070ff,#00c6ff);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:15px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0070ff66,0 0 40px #0070ff33}.content-service-design{flex-direction:column;flex:1;display:flex}.content-service-design .flow-steps-row{flex:1;justify-content:center;align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.flow-step-group{align-items:center;gap:10px;display:flex}.flow-step-item{opacity:.4;flex-direction:column;align-items:center;gap:8px;transition:all .5s;display:flex}.flow-step-item.active{opacity:1}.flow-step-item .step-icon-box{color:#94a3b8;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .5s;display:flex}.flow-step-item .step-icon-box svg{width:26px;height:26px}.flow-step-item.active .step-icon-box{background:var(--accent-color,#0070ff);color:#fff;box-shadow:0 4px 16px var(--accent-color,#0070ff)}@supports (color:color-mix(in lab, red, red)){.flow-step-item.active .step-icon-box{box-shadow:0 4px 16px color-mix(in srgb,var(--accent-color,#0070ff)30%,transparent)}}.flow-step-item .step-title{color:#334155;font-size:12px;font-weight:600}.flow-step-item .step-desc{color:#94a3b8;font-size:10px}.flow-arrow{color:#cbd5e1;opacity:.4;transition:all .5s}.flow-arrow svg{width:18px;height:18px}.flow-arrow.active{opacity:1;color:var(--accent-color,#0070ff)}.flow-results{background:#f8fafc;border-radius:12px;justify-content:space-around;padding:16px;display:flex}.result-item{flex-direction:column;align-items:center;gap:4px;display:flex}.result-item .result-label{color:#64748b;font-size:11px}.result-item .result-value{color:#334155;font-size:15px;font-weight:700}.content-operations{flex-direction:column;flex:1;display:flex}.content-operations .ops-main-layout{flex:1;align-items:flex-start;gap:20px;display:flex}.content-operations.horizontal .ops-main-layout{flex-direction:row;align-items:stretch}.ops-task-list{flex-direction:column;flex:1;gap:8px;display:flex}.ops-task-item{background:#f8fafc;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:all .4s;display:flex}.ops-task-item.highlight{background:#fff;box-shadow:0 2px 12px #0000000f}.ops-task-item .task-status-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px}.ops-task-item.done .task-status-dot{background:#10b981}.ops-task-item.active .task-status-dot{background:#f59e0b;animation:2s ease-in-out infinite gentlePulse}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.ops-task-item .task-name{color:#475569;flex:1;font-size:12px}.ops-task-item .task-time{color:#94a3b8;font-size:11px}.ops-task-item.active .task-time{color:#f59e0b;font-weight:600}.ops-progress-ring{flex-shrink:0;width:100px;height:100px;position:relative}.ops-progress-ring svg{width:100%;height:100%}.ops-progress-ring .ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ops-progress-ring .ring-value{color:#1e293b;font-size:22px;font-weight:700}.ops-progress-ring .ring-label{color:#64748b;font-size:10px}.content-quality{flex-direction:column;flex:1;display:flex}.content-quality .quality-flow-row{justify-content:center;align-items:center;gap:14px;margin-bottom:28px;display:flex}.quality-stage{opacity:.4;flex-direction:column;align-items:center;gap:8px;transition:all .5s;display:flex}.quality-stage.active{opacity:1}.quality-stage .stage-icon-box{color:#94a3b8;background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .5s;display:flex}.quality-stage .stage-icon-box svg{width:28px;height:28px}.quality-stage.active .stage-icon-box{color:#fff;background:#8b5cf6;box-shadow:0 4px 16px #8b5cf64d}.quality-stage.active .stage-icon-box.ai{animation:2.5s ease-in-out infinite gentleScale}@keyframes gentleScale{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.quality-stage span{color:#64748b;font-size:11px}.quality-arrow{color:#cbd5e1;opacity:.4;font-size:22px;transition:all .5s}.quality-arrow.active{opacity:1;color:#8b5cf6}.quality-stage.result .score-box{align-items:baseline;gap:2px;display:flex}.quality-stage .score-num{color:#8b5cf6;font-size:40px;font-weight:700}.quality-stage .score-unit{color:#94a3b8;font-size:16px}.quality-metrics{flex-direction:column;gap:12px;display:flex}.quality-metrics .metric-row{align-items:center;gap:12px;transition:all .4s;display:flex}.quality-metrics .metric-row.highlight{transform:translate(4px)}.quality-metrics .metric-name{color:#64748b;width:56px;font-size:12px}.quality-metrics .metric-bar-bg{background:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.quality-metrics .metric-bar-fill{border-radius:4px;height:100%;transition:width .8s}.quality-metrics .metric-value{color:#334155;text-align:right;width:40px;font-size:13px;font-weight:600}.content-review{flex-direction:column;flex:1;display:flex}.content-review .review-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;display:grid}.review-stat-card{background:#f8fafc;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:20px 14px;transition:all .5s;display:flex;position:relative}.review-stat-card.highlight{background:#fff;border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b26}.review-stat-card .stat-value{color:#334155;font-size:26px;font-weight:700}.review-stat-card.highlight .stat-value{color:#f59e0b}.review-stat-card .stat-label{color:#64748b;margin-top:4px;font-size:11px}.review-stat-card .stat-trend{font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.review-stat-card .stat-trend.up{color:#10b981}.review-stat-card .stat-trend.down{color:#f59e0b}.review-chart-placeholder{background:#f8fafc;border-radius:12px;flex:1;padding:16px}.review-chart-placeholder .chart-bars{justify-content:space-around;align-items:flex-end;gap:6px;height:100%;min-height:70px;display:flex}.review-chart-placeholder .chart-bar{border-radius:4px 4px 0 0;width:24px;transition:all .6s}@media (max-width:1200px){.stripe-animation-wrapper{width:100%;max-width:720px;height:auto;min-height:560px}.stripe-central-container{width:320px!important;height:400px!important}}@media (max-width:1024px){.stripe-animation-wrapper{min-height:480px}.stripe-central-container{width:300px!important;height:380px!important}.stripe-peripheral-icon{width:48px;height:48px}.stripe-peripheral-icon.active{width:64px;height:64px}}:root{--vi-blue:#0070ff;--vi-green:#12b98a;--vi-gold:#f59e0b;--vi-purple:#9333ea;--vi-pink:#ec4899;--vi-blue-dark:#0052cc;--vi-blue-light:#3385ff;--vi-green-dark:#0d8566;--vi-green-light:#1ab88a;--vi-gold-dark:#d97706;--vi-gold-light:#fbbf24;--vi-purple-light:#a855f7;--vi-pink-light:#f472b6;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gradient-blue-green:linear-gradient(135deg,#0070ff,#12b98a);--gradient-blue-gold:linear-gradient(135deg,#0070ff,#f59e0b);--gradient-green-gold:linear-gradient(135deg,#12b98a,#f59e0b);--gradient-blue-purple:linear-gradient(135deg,#0070ff,#9333ea);--gradient-purple-pink:linear-gradient(135deg,#9333ea,#ec4899);--gradient-pink-gold:linear-gradient(135deg,#ec4899,#f59e0b);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--shadow-2xl:0 25px 50px -12px #00000026;--glow-blue:0 0 30px #0070ff33;--glow-green:0 0 30px #12b98a33;--glow-purple:0 0 30px #9333ea33;--glow-multi:0 0 30px #0070ff26,0 0 60px #12b98a1a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--layout-max-width:1080px;--layout-column-count:4;--layout-column-padding:16px;--layout-width:min(var(--layout-max-width),calc(100vw - var(--layout-column-padding)*2));--layout-side-margin:calc((100vw - var(--layout-width))/2);--layout-column-width:calc(var(--layout-width)/var(--layout-column-count));--guide-1:var(--layout-side-margin);--guide-2:calc(var(--layout-side-margin) + var(--layout-column-width));--guide-3:calc(var(--layout-side-margin) + var(--layout-column-width)*2);--guide-4:calc(var(--layout-side-margin) + var(--layout-column-width)*3);--guide-5:calc(var(--layout-side-margin) + var(--layout-width))}@media (max-width:1080px){:root{--layout-width:calc(100vw - var(--layout-column-padding)*2)}}@media (max-width:768px){:root{--layout-column-count:2}}@media (max-width:480px){:root{--layout-column-count:1}}.agents-app,.agents-app *,.agents-app :before,.agents-app :after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.agents-app{background:var(--white);color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}button{font-family:inherit}.navbar{z-index:1000;-webkit-backdrop-filter:none;background:0 0;border-bottom:none;padding:0 32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #0000000f;position:fixed;box-shadow:0 1px 3px #00000014}.nav-container{max-width:var(--layout-max-width);width:var(--layout-width);height:64px;padding:0 var(--layout-column-padding);justify-content:space-between;align-items:center;gap:40px;margin:0 auto;display:flex}.nav-logo{z-index:10;flex-shrink:0;align-items:center;display:flex}.logo-image{object-fit:contain;width:auto;height:36px;transition:opacity .3s;position:absolute}.logo-image.logo-white{opacity:1;filter:drop-shadow(0 1px 3px #0003)}.logo-image.logo-color{opacity:0}.logo-image.hidden{opacity:0;pointer-events:none}.logo-image.logo-color:not(.hidden){opacity:1}.nav-logo{width:160px;height:40px;position:relative}.logo-icon{width:36px;height:36px}.logo-icon svg{width:100%;height:100%}.nav-logo span{color:var(--gray-900);font-size:18px;font-weight:700}.nav-menu{flex:1;align-items:center;gap:4px;display:flex}.nav-link{color:#fffffff2;text-shadow:0 1px 2px #00000026;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 14px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff26}.navbar.scrolled .nav-link{color:#425466;text-shadow:none}.navbar.scrolled .nav-link:hover{color:var(--vi-blue);background:#0070ff0f}.dropdown-arrow{border:1.5px solid;border-width:0 1.5px 1.5px 0;width:8px;height:8px;margin-top:-3px;margin-left:2px;transition:transform .2s,border-color .2s;display:inline-block;transform:rotate(45deg)}.nav-dropdown:hover .dropdown-arrow{margin-top:2px;transform:rotate(-135deg)}.navbar.scrolled .dropdown-arrow{border-color:#425466}.navbar.scrolled .nav-dropdown:hover .dropdown-arrow{border-color:var(--vi-blue)}.nav-link svg{transition:transform var(--transition-fast)}.nav-dropdown{position:relative}.nav-dropdown:hover .nav-link svg{transform:rotate(180deg)}.dropdown-panel{opacity:0;visibility:hidden;pointer-events:none;z-index:100;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(8px)}.nav-dropdown:hover .dropdown-panel,.dropdown-panel.active{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%)translateY(0)}.dropdown-content{background:var(--white);border-radius:12px;min-width:280px;padding:24px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,0 0 0 1px #0000000d}.dropdown-panel-products{left:0;transform:translateY(8px)}.nav-dropdown:hover .dropdown-panel-products,.dropdown-panel-products.active{transform:translateY(0)}.dropdown-panel-products .dropdown-content{min-width:820px;padding:20px}.dropdown-stripe-layout{gap:0;display:flex}.products-main{border-right:1px solid var(--gray-100);flex:0 0 280px;padding-right:24px}.products-middle{border-right:1px solid var(--gray-100);flex-direction:column;flex:0 0 320px;gap:20px;padding:0 24px;display:flex}.products-more{flex:0 0 140px;padding-left:24px}.products-section{margin-bottom:20px}.products-section:last-child{margin-bottom:0}.products-section-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600}.products-section-core{background:linear-gradient(135deg,#0070ff05,#12b98a05);border-radius:0;margin:-20px -24px 20px -20px;padding:20px 24px 20px 20px}.product-primary-item{border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:12px;margin:4px -14px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex;position:relative}.product-primary-item:hover{background:#fff;border-color:#0070ff1a;box-shadow:0 2px 8px #0070ff14}.product-primary-item.hovered{background:#fff;border-color:#0070ff26;box-shadow:0 4px 12px #0070ff1f}.product-primary-icon{background:linear-gradient(135deg,#ffffffe6,#ffffff80);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000f}.product-primary-icon svg{width:22px;height:22px}.product-primary-item:hover .product-primary-icon{transform:scale(1.05);box-shadow:0 3px 10px #0000001a}.product-icon-emoji{line-height:1}.product-icon-img{object-fit:contain;width:100%;height:100%}.product-primary-info{flex:1;min-width:0}.product-primary-name{color:var(--gray-900);align-items:center;gap:4px;font-size:14px;font-weight:600;transition:color .15s;display:flex}.product-primary-item:hover .product-primary-name{color:var(--vi-blue)}.product-arrow{opacity:0;color:var(--vi-blue);transition:all .15s;transform:translate(-4px)}.product-primary-item:hover .product-arrow{opacity:1;transform:translate(0)}.product-primary-desc{color:var(--gray-500);margin-top:2px;font-size:12px;display:block}.product-sub-items{margin-top:8px;padding-left:40px;display:none}.product-primary-item:hover .product-sub-items{display:block}.product-sub-item{border-bottom:1px solid var(--gray-100);padding:6px 0;text-decoration:none;display:block}.product-sub-item:last-child{border-bottom:none}.sub-item-name{color:var(--gray-700);font-size:13px;transition:color .15s;display:block}.product-sub-item:hover .sub-item-name{color:var(--vi-blue)}.sub-item-desc{color:var(--gray-400);font-size:11px}.product-simple-item{border-radius:6px;align-items:center;gap:10px;margin:0 -10px;padding:8px 10px;text-decoration:none;transition:all .15s;display:flex}.product-simple-item:hover{background:var(--gray-50)}.product-simple-icon{width:20px;height:20px;color:var(--gray-500);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.product-simple-icon svg{width:18px;height:18px}.product-simple-item:hover .product-simple-icon{color:var(--vi-blue);transform:scale(1.1)}.product-simple-name{color:var(--gray-800);flex-shrink:0;font-size:14px;font-weight:500;transition:color .15s}.product-simple-item:hover .product-simple-name{color:var(--vi-blue)}.product-simple-desc{color:var(--gray-400);margin-left:auto;font-size:12px}.product-more-item{border-radius:6px;align-items:center;gap:8px;margin:0 -8px;padding:6px 8px;text-decoration:none;transition:all .15s;display:flex}.product-more-item:hover{background:var(--gray-50)}.product-more-icon{width:18px;height:18px;color:var(--gray-400);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.product-more-icon svg{width:16px;height:16px}.product-more-item:hover .product-more-icon{color:var(--vi-blue)}.product-more-name{color:var(--gray-600);font-size:13px;transition:color .15s}.product-more-item:hover .product-more-name{color:var(--vi-blue)}.dropdown-panel-solutions{left:0;transform:translateY(8px)}.nav-dropdown:hover .dropdown-panel-solutions,.dropdown-panel-solutions.active{transform:translateY(0)}.dropdown-panel-solutions .dropdown-content{min-width:720px;padding:20px}.dropdown-panel-company .dropdown-content{min-width:400px;padding:20px}.dropdown-divider{background:var(--gray-200);height:1px;margin:16px 0}.dropdown-agents-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.dropdown-agent-card{background:linear-gradient(135deg,#0070ff0a,#12b98a0a);border:1px solid #0070ff14;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.dropdown-agent-card:hover{background:linear-gradient(135deg,#0070ff14,#12b98a14);border-color:#0070ff26;transform:translateY(-2px);box-shadow:0 4px 12px #0070ff1a}.dropdown-agent-icon{flex-shrink:0;font-size:24px;line-height:1}.dropdown-agent-info{flex-direction:column;gap:2px;min-width:0;display:flex}.dropdown-agent-info strong{color:var(--gray-900);white-space:nowrap;font-size:13px;font-weight:600}.dropdown-agent-info span{color:var(--gray-500);white-space:nowrap;font-size:11px}.dropdown-saas-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600}.dropdown-header{background:linear-gradient(135deg,#0070ff0f,#12b98a0f);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.dropdown-header:hover{background:linear-gradient(135deg,#0070ff1a,#12b98a1a)}.dropdown-header-icon{font-size:28px;line-height:1}.dropdown-header-text{flex:1}.dropdown-header-text strong{color:var(--gray-900);margin-bottom:2px;font-size:15px;font-weight:600;display:block}.dropdown-header-text span{color:var(--gray-500);font-size:13px}.dropdown-header-arrow{color:var(--gray-400);transition:transform .2s,color .2s}.dropdown-header:hover .dropdown-header-arrow{color:var(--vi-blue);transform:translate(3px)}.dropdown-products-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.dropdown-col{flex-direction:column;gap:4px;display:flex}.dropdown-col-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-100);margin-bottom:4px;padding:0 8px 8px;font-size:11px;font-weight:600}.dropdown-product-item{border-radius:8px;align-items:flex-start;gap:10px;padding:8px;text-decoration:none;transition:all .15s;display:flex}.dropdown-product-item:hover{background:var(--gray-50)}.dropdown-product-icon{flex-shrink:0;margin-top:2px;font-size:16px;line-height:1}.dropdown-product-info{flex-direction:column;gap:1px;min-width:0;display:flex}.dropdown-product-name{color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;transition:color .15s;overflow:hidden}.dropdown-product-item:hover .dropdown-product-name{color:var(--vi-blue)}.dropdown-product-desc{color:var(--gray-400);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dropdown-solutions-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.solutions-core{margin-bottom:8px}.solutions-core-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600}.solutions-core-cards{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.solution-big-card{border-radius:14px;align-items:flex-start;gap:14px;padding:20px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.solution-big-card.solution-blue{background:linear-gradient(135deg,#0070ff0f,#0070ff05);border:1px solid #0070ff1f}.solution-big-card.solution-blue:hover{background:linear-gradient(135deg,#0070ff1f,#0070ff0f);border-color:#0070ff40;transform:translateY(-2px);box-shadow:0 8px 24px #0070ff26}.solution-big-card.solution-green{background:linear-gradient(135deg,#12b98a0f,#12b98a05);border:1px solid #12b98a1f}.solution-big-card.solution-green:hover{background:linear-gradient(135deg,#12b98a1f,#12b98a0f);border-color:#12b98a40;transform:translateY(-2px);box-shadow:0 8px 24px #12b98a26}.solution-big-icon{width:40px;height:40px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.solution-big-icon svg{width:28px;height:28px}.solution-big-card.solution-blue .solution-big-icon{color:var(--vi-blue)}.solution-big-card.solution-green .solution-big-icon{color:var(--vi-green)}.solution-big-content{flex-direction:column;gap:4px;min-width:0;display:flex}.solution-big-name{color:var(--gray-900);font-size:16px;font-weight:700}.solution-big-card.solution-blue:hover .solution-big-name{color:var(--vi-blue)}.solution-big-card.solution-green:hover .solution-big-name{color:var(--vi-green)}.solution-big-desc{color:var(--gray-600);font-size:13px;line-height:1.4}.solution-big-highlight{border-radius:4px;width:fit-content;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.solution-big-card.solution-blue .solution-big-highlight{color:var(--vi-blue);background:#0070ff1a}.solution-big-card.solution-green .solution-big-highlight{color:var(--vi-green);background:#12b98a1a}.solutions-secondary-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.solutions-col{flex-direction:column;gap:8px;display:flex}.solutions-col-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-100);margin-bottom:4px;padding-bottom:8px;font-size:11px;font-weight:600}.solutions-list{flex-direction:column;gap:2px;display:flex}.solution-item-icon{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:all .15s;display:flex}.solution-item-icon:hover{background:var(--gray-50)}.solution-icon{width:18px;height:18px;color:var(--gray-400);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.solution-icon svg{width:16px;height:16px}.solution-item-icon:hover .solution-icon{color:var(--vi-blue);transform:scale(1.1)}.solution-name{color:var(--gray-700);font-size:14px;transition:color .15s}.solution-item-icon:hover .solution-name{color:var(--vi-blue)}.solution-row{border-bottom:1px solid var(--gray-100);padding:16px 0}.solution-row:last-child{border-bottom:none;padding-bottom:0}.solution-row:first-child{padding-top:0}.solution-row-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.solution-row-label{color:var(--gray-800);font-size:13px;font-weight:600}.solution-row-desc{color:var(--gray-400);font-size:12px}.solution-row-items{flex-wrap:wrap;gap:8px;display:flex}.solution-card{background:var(--gray-50);border:1px solid #0000;border-radius:8px;flex-direction:column;min-width:100px;padding:10px 14px;text-decoration:none;transition:all .15s;display:flex}.solution-card:hover{border-color:var(--vi-blue);background:#fff;box-shadow:0 2px 8px #0070ff1a}.solution-card-name{color:var(--gray-800);margin-bottom:2px;font-size:13px;font-weight:500;transition:color .15s}.solution-card:hover .solution-card-name{color:var(--vi-blue)}.solution-card-desc{color:var(--gray-400);font-size:11px}.dropdown-company-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.dropdown-solution-item{color:var(--gray-700);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.dropdown-solution-item:hover{background:var(--gray-50);color:var(--vi-blue)}.dropdown-solution-item svg{opacity:0;color:var(--vi-blue);transition:all .15s;transform:translate(-4px)}.dropdown-solution-item:hover svg{opacity:1;transform:translate(0)}.dropdown-footer{text-align:center;padding-top:16px}.dropdown-footer-link{color:var(--vi-blue);align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.dropdown-footer-link:hover{gap:10px}.dropdown-footer-link svg{transition:transform .15s}.dropdown-footer-link:hover svg{transform:translate(2px)}.dropdown-section{flex-direction:column;gap:8px;display:flex}.dropdown-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding:0 12px;font-size:12px;font-weight:600}.dropdown-item{border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:flex-start;gap:12px;padding:12px;display:flex}.dropdown-item:hover{background:var(--gray-50)}.dropdown-icon{font-size:20px;line-height:1}.dropdown-item strong{color:var(--gray-900);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.dropdown-item p{color:var(--gray-500);font-size:13px;line-height:1.4}.dropdown-item-simple{color:var(--gray-700);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.dropdown-item-simple:hover{background:var(--gray-50);color:var(--vi-blue)}.dropdown-item-simple svg{opacity:0;transition:all var(--transition-fast);transform:translate(-4px)}.dropdown-item-simple:hover svg{opacity:1;transform:translate(0)}.nav-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.nav-link-login{color:#fffffff2;text-shadow:0 1px 2px #00000026}.nav-link-login:hover{color:#fff;background:#ffffff26}.navbar.scrolled .nav-link-login{color:#425466;text-shadow:none}.navbar.scrolled .nav-link-login:hover{color:var(--vi-blue);background:#0070ff0f}.btn-cta{color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff6;border-radius:24px;align-items:center;gap:6px;padding:8px 18px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000001a}.btn-cta:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.navbar.scrolled .btn-cta{color:var(--white);background:var(--vi-blue);-webkit-backdrop-filter:none;border:none;box-shadow:0 1px 3px #0070ff4d}.navbar.scrolled .btn-cta:hover{background:#005ed8;transform:translateY(-1px);box-shadow:0 4px 12px #0070ff66}.btn-arrow{transition:transform .2s;display:inline-block}.btn-cta:hover .btn-arrow{transform:translate(2px)}.agents-app .btn-primary{color:var(--white);background:var(--gradient-blue-green);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:none;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #0070ff40}.agents-app .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0070ff59}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--gray-700);width:22px;height:2px;transition:all var(--transition-base)}.hero{background:#fff;align-items:center;min-height:100vh;padding:80px 24px;display:flex;position:relative;overflow:hidden}.hero-gradient{z-index:2;clip-path:polygon(0% 0%,100% 0%,100% 10%,92% 14%,82% 19%,72% 24%,62% 29%,52% 33%,42% 38%,32% 42%,22% 45%,12% 48%,0% 50%);background:linear-gradient(155deg,#0052cc 0%,#0060e0 5%,#0070ff 10%,#1088ff 15%,#20a0ff 20%,#18c0e8 25%,#12d8c0 30%,#12e8a0 33%,#12b98a 38%,#20c880 42%,#40d060 46%,#80d830 50%,#b8d010 54%,#e8b008 57%,#f59e0b 62%,#f88808 66%,#e86040 70%,#d04888 74%,#b040c0 77%,#9333ea 82%,#a048e8 86%,#c840c0 89%,#e048a0 92%,#ec4899 95%,#f05888 98%,#f86090 100%) 0 0/300% 300%;animation:20s ease-in-out infinite gradientFlow;position:absolute;inset:0}.wave-layer{pointer-events:none;position:absolute;inset:0}.wave-1{clip-path:polygon(0% 0%,100% 0%,100% 8%,90% 12%,78% 18%,66% 24%,54% 30%,42% 35%,30% 40%,18% 44%,8% 47%,0% 48%);filter:blur(60px);background:linear-gradient(155deg,#0070ff80 0%,#00b4dc73 20%,#12b98a80 35%,#78c85073 48%,#f59e0b80 60%,#c8508c73 72%,#9333ea80 82%,#ec489973 92%,#f864a066 100%) 0 0/300% 300%;animation:18s ease-in-out -6s infinite gradientFlow;position:absolute;inset:0}.wave-2{clip-path:polygon(0% 0%,100% 0%,100% 9%,94% 12%,85% 17%,74% 23%,63% 28%,52% 33%,40% 38%,28% 43%,16% 47%,0% 49%);mix-blend-mode:overlay;background:linear-gradient(118deg,#ffffff59 0%,#fff3 12%,#fff6 24%,#ffffff26 36%,#ffffff59 48%,#fff3 60%,#ffffff4d 72%,#ffffff26 84%,#ffffff40 100%) 0 0/300% 300%;animation:10s ease-in-out infinite shimmerWave;position:absolute;inset:0}.wave-3{clip-path:polygon(0% 0%,100% 0%,100% 10%,92% 14%,82% 19%,72% 24%,62% 29%,52% 33%,42% 38%,32% 42%,22% 45%,12% 48%,0% 50%);opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes gradientFlow{0%,to{background-position:0 0}25%{background-position:50% 25%}50%{background-position:100%}75%{background-position:50% 75%}}@keyframes shimmerWave{0%,to{opacity:.5;background-position:0 0}33%{opacity:.8;background-position:50%}66%{opacity:.6;background-position:100% 100%}}.gradient-blob,.hero-grid{display:none}.hero-container{z-index:10;max-width:var(--layout-max-width);width:var(--layout-width);grid-template-columns:repeat(var(--layout-column-count),1fr);gap:var(--layout-column-padding);padding:0 var(--layout-column-padding);align-items:center;margin:0 auto;display:grid;position:relative}.hero-content{grid-column:1/3;animation:.8s forwards fadeInUp}.hero-badge{border-radius:var(--radius-full);color:var(--vi-blue);background:#0070ff1a;border:1px solid #0070ff33;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px 6px 8px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 2px 10px #0070ff1a}.badge-pulse{background:var(--vi-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.hero h1{color:var(--gray-900);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(40px,5vw,56px);font-weight:700;line-height:1.15}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0070ff 0%,#08e 15%,#00a0dd 30%,#10b98a 50%,#20c070 65%,#12b98a 80%,#0070ff 100%) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite textShimmer}@keyframes textShimmer{0%,to{background-position:0%}50%{background-position:100%}}.hero-desc{color:var(--gray-600);max-width:520px;margin-bottom:36px;font-size:18px;line-height:1.7}.hero-actions{gap:16px;margin-bottom:48px;display:flex}.btn-hero-primary{color:var(--white);background:var(--gradient-blue-green);border-radius:var(--radius-full);transition:all var(--transition-base);align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0070ff4d}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0070ff66}.btn-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-hero-primary:hover .btn-shine{left:100%}.btn-text{z-index:1;position:relative}.btn-hero-secondary{color:var(--gray-700);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);transition:all var(--transition-base);align-items:center;gap:8px;padding:16px 28px;font-size:16px;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #00000014}.btn-hero-secondary:hover{border-color:var(--vi-blue);color:var(--vi-blue);background:var(--white);box-shadow:0 4px 12px #0070ff26}.hero-stats{align-items:center;gap:32px;display:flex}.stat-item{text-align:left}.stat-number{color:var(--gray-900);font-size:32px;font-weight:700}.stat-plus,.stat-suffix{background:var(--gradient-blue-green);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.stat-label{color:var(--gray-500);margin-top:4px;font-size:14px;display:block}.stat-divider{background:var(--gray-200);width:1px;height:40px}.hero-visual{opacity:0;grid-column:3/5;animation:.8s .2s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-visual-stripe{align-items:flex-start;gap:20px;display:flex;position:relative}.hero-visual-dashboard{padding-left:calc(var(--layout-column-width) - 150px);justify-content:flex-start;display:flex;position:relative}.dashboard-wrapper{position:relative}.dashboard-outer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:28px;padding:20px;box-shadow:0 40px 80px -20px #0000001f,0 0 0 1px #00000005,inset 0 1px 2px #ffffffe6}.dashboard-header-bar{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 8px 16px;display:flex}.dashboard-title-row{align-items:center;gap:10px;display:flex}.dashboard-icon{font-size:20px}.dashboard-title{color:#1e293b;font-size:15px;font-weight:600}.dashboard-status{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.dashboard-status .status-dot{background:#12b98a;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.dashboard-content{align-items:stretch;gap:20px;display:flex}.phone-mockup.phone-large .phone-frame{border-radius:44px;width:260px;height:520px;padding:14px}.phone-mockup.phone-large .phone-notch{width:90px;height:26px;top:14px}.phone-mockup.phone-large .phone-screen{border-radius:34px;gap:10px;padding:44px 14px 14px}.phone-mockup.phone-large .phone-home-indicator{width:110px;bottom:10px}.phone-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.phone-title{color:#0f172a;font-size:14px;font-weight:700}.phone-date{color:#64748b;font-size:11px}.phone-card-main{background:linear-gradient(135deg,#12b98a14,#0070ff0d);border:1px solid #12b98a26;border-radius:14px;padding:14px;position:relative;overflow:hidden}.main-score{align-items:baseline;gap:8px;display:flex}.main-score-value{color:#0f172a;font-size:44px;font-weight:800;line-height:1}.main-score-label{color:#64748b;font-size:11px;font-weight:500}.main-score-chart{height:36px;margin:6px 0}.main-score-chart svg{width:100%;height:100%}.main-score-trend{text-align:right}.trend-up{color:#12b98a;font-size:11px;font-weight:600}.phone-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.phone-stat{text-align:center;background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 8px #0000000a}.stat-value{color:#0f172a;font-size:18px;font-weight:700;display:block}.phone-card-tasks{background:#fff;border-radius:12px;flex:1;min-height:0;padding:10px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.tasks-header{color:#334155;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.tasks-badge{color:#fff;background:linear-gradient(135deg,#12b98a,#0070ff);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.task-item{color:#475569;background:#f8fafc;border-radius:5px;align-items:center;gap:6px;padding:5px 6px;font-size:10px;display:flex}.task-dot.done{background:#12b98a}.task-dot.warning{background:#f59e0b}.task-dot.alert{background:#ef4444}.trends-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #fff9;border-radius:20px;flex-direction:column;gap:12px;width:260px;padding:20px;display:flex}.trends-header{margin-bottom:4px}.trends-title{color:#1e293b;font-size:14px;font-weight:600}.trend-card{border-bottom:1px solid #0000000a;align-items:center;gap:16px;padding:12px 0;display:flex}.trend-card:last-of-type{border-bottom:none}.trend-info{flex:0 0 90px}.trend-label{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.trend-value-row{align-items:baseline;gap:2px;display:flex}.trend-value{color:#0f172a;font-size:24px;font-weight:700}.trend-value.cost{color:#12b98a}.trend-unit{color:#64748b;font-size:12px}.trend-arrow{margin-left:4px;font-size:14px;font-weight:600}.trend-arrow.up,.trend-arrow.down{color:#12b98a}.trend-chart{flex:1;height:36px}.trend-chart svg{width:100%;height:100%}.trends-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.footer-label{color:#64748b;font-size:11px}.footer-value{color:#12b98a;font-size:16px;font-weight:700}.phone-mockup{z-index:2;flex-shrink:0}.phone-mockup.phone-silver .phone-frame{background:linear-gradient(145deg,#f5f5f7 0%,#e8e8ed 50%,#d2d2d7 100%);box-shadow:0 50px 100px -20px #00000026,0 30px 60px -30px #0003,inset 0 2px 4px #ffffffe6,inset 0 -1px 2px #0000000d,0 0 0 1px #ffffff80}.phone-mockup.phone-silver .phone-notch{background:linear-gradient(145deg,#e8e8ed 0%,#d2d2d7 100%)}.phone-mockup.phone-silver .phone-home-indicator{background:#00000026}.phone-frame{background:#1a1a1a;border-radius:36px;width:220px;height:460px;padding:12px;position:relative;box-shadow:0 50px 100px -20px #00000040,0 30px 60px -30px #0000004d,inset 0 0 0 2px #ffffff1a}.phone-notch{z-index:10;background:#1a1a1a;border-radius:0 0 16px 16px;width:80px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:linear-gradient(#f8fafc 0%,#fff 100%);border-radius:28px;flex-direction:column;gap:10px;width:100%;height:100%;padding:36px 12px 12px;display:flex;overflow:hidden}.phone-home-indicator{background:#0003;border-radius:2px;width:100px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.phone-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.phone-card-score{padding:0}.score-image{position:relative}.score-photo{background:linear-gradient(135deg,#e2e8f0 0%,#f1f5f9 100%);flex-direction:column;justify-content:center;align-items:center;gap:4px;height:80px;display:flex}.photo-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:4px;display:flex}.photo-placeholder svg{opacity:.5}.photo-placeholder span{font-size:10px}.score-badge{background:#fff;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;bottom:-20px;right:12px;box-shadow:0 4px 12px #0000001a}.score-value{color:#0f172a;font-size:24px;font-weight:700}.score-check{margin-left:2px}.phone-card-data{margin-top:12px;padding:12px}.data-title{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.data-period{color:#94a3b8;font-size:9px;font-weight:400}.data-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.data-grid-weekly{flex-direction:column;gap:10px;display:flex}.data-item{text-align:center}.data-item-chart{flex-direction:column;gap:2px;display:flex}.data-item-header{align-items:baseline;gap:6px;display:flex}.data-value{color:#0f172a;font-size:16px;font-weight:700;display:block}.data-trend{font-size:10px;font-weight:600}.data-trend.up{color:#12b98a}.data-trend.down{color:#ef4444}.data-label{color:#94a3b8;font-size:9px}.mini-chart{height:16px;margin-top:2px}.mini-chart svg{width:100%;height:100%}.phone-card-tasks{flex:1;padding:12px}.tasks-title{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.tasks-count{color:#fff;background:#0070ff;border-radius:8px;padding:2px 6px;font-size:10px}.tasks-progress{color:#fff;background:linear-gradient(135deg,#12b98a 0%,#0070ff 100%);border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600}.phone-tasks-list{flex-direction:column;gap:6px;display:flex}.phone-task{color:#334155;background:#f8fafc;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:10px;display:flex}.task-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.task-icon.done{color:#fff;background:#12b98a}.task-icon.warning{color:#fff;background:#f59e0b}.task-icon.alert{color:#fff;background:#ef4444}.task-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metrics-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#ffffffbf;border:1px solid #ffffff80;border-radius:20px;width:260px;margin-top:40px;padding:20px;box-shadow:0 25px 50px -12px #00000014,0 0 0 1px #00000008}.metrics-panel.metrics-panel-wide{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb3;border:1px solid #fff9;border-radius:24px;width:320px;margin-top:20px;padding:24px;box-shadow:0 30px 60px -15px #0000001a,0 0 0 1px #00000005,inset 0 1px 1px #fffc}.metrics-header{color:#334155;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;font-weight:600;display:flex}.metrics-dot{background:#12b98a;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.metrics-time{color:#94a3b8;margin-left:auto;font-size:11px;font-weight:400}.metric-block{border-bottom:1px solid #0000000f;padding:16px 0}.metric-block:last-child{border-bottom:none;padding-bottom:0}.metric-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.metric-name{color:#64748b;font-size:12px}.metric-trend{font-size:11px;font-weight:600}.metric-trend.positive,.metric-trend.negative{color:#12b98a}.metric-main{align-items:baseline;gap:2px;display:flex}.metric-main.cost-down{align-items:center;gap:4px}.metric-big-value{color:#0f172a;font-size:28px;font-weight:700}.metric-unit{color:#64748b;font-size:14px}.metric-chart-mini{height:24px;margin-top:8px}.metric-chart-mini svg{width:100%;height:100%}.metric-progress{margin-top:8px}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0070ff,#12b98a);border-radius:3px;height:100%;transition:width 1s}.metric-sub{color:#94a3b8;margin-top:6px;font-size:11px}.metric-block.metric-with-chart{align-items:flex-start;gap:16px;padding:14px 0;display:flex}.metric-block.metric-with-chart .metric-content{flex:none;min-width:100px}.metric-block.metric-with-chart .metric-header{margin-bottom:4px}.metric-block.metric-with-chart .metric-main{margin-bottom:0}.metric-block.metric-with-chart .metric-big-value{font-size:24px}.metric-chart-monthly{flex:1;min-width:0}.metric-chart-monthly svg{width:100%;height:50px;display:block}.chart-labels{color:#94a3b8;justify-content:space-between;margin-top:4px;padding:0 2px;font-size:9px;display:flex}.dashboard{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-base);background:#fffffff2;border:1px solid #fffc;overflow:hidden;box-shadow:0 25px 50px -12px #0000001a,0 0 0 1px #0070ff1a}.dashboard:hover{box-shadow:0 30px 60px -15px #00000026,0 0 0 1px #0070ff33,0 0 40px #0070ff1a}.dashboard-header{background:#f8fafccc;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dashboard-title{color:var(--gray-900);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.status-dot{background:var(--vi-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.dashboard-time{color:var(--gray-500);font-size:12px}.dashboard-grid{gap:16px;padding:20px;display:grid}.metric-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0070ff14,#12b98a0d);border:1px solid #0070ff1a;padding:20px}.metric-label{color:var(--gray-500);margin-bottom:8px;font-size:13px}.metric-value{color:var(--gray-900);align-items:baseline;gap:2px;margin-bottom:12px;font-size:28px;font-weight:700;display:flex}.currency{color:var(--gray-500);font-size:18px;font-weight:500}.metric-chart{height:30px;margin-bottom:8px}.metric-chart svg{width:100%;height:100%}.metric-change{align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.metric-change.positive{color:var(--vi-green)}.agents-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.agent-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-base);padding:16px 12px}.agent-card:hover,.agent-card.active{background:linear-gradient(var(--white),var(--white))padding-box,var(--gradient-blue-green)border-box;border-color:#0000;box-shadow:0 0 20px #0070ff26}.agent-icon{margin-bottom:8px;font-size:24px}.agent-name{color:var(--gray-700);margin-bottom:6px;font-size:12px;font-weight:500}.agent-status{color:var(--gray-500);justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.status-indicator{border-radius:50%;width:6px;height:6px}.status-indicator.running{background:var(--vi-green);animation:1.5s ease-in-out infinite pulse}.status-indicator.ready{background:var(--gray-300)}.tasks-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:16px}.tasks-header{color:var(--gray-700);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.tasks-progress{background:var(--gradient-blue-green);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.tasks-bar{background:var(--gray-100);border-radius:var(--radius-full);height:6px;margin-bottom:16px;overflow:hidden}.tasks-fill{background:var(--gradient-blue-green);border-radius:var(--radius-full);height:100%;transition:width 1s}.tasks-list{flex-direction:column;gap:8px;display:flex}.task-item{color:var(--gray-600);align-items:center;gap:10px;font-size:13px;display:flex}.task-check{background:var(--vi-green);width:16px;height:16px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.task-loading{border:2px solid #0070ff33;border-top-color:var(--vi-blue);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.task-item.done{color:var(--gray-400)}.task-item.active{color:var(--gray-900)}.agents-app .clients{background:var(--white);border-top:1px solid var(--gray-100);padding:80px 24px}.agents-app .clients.clients-compact{border-top:none;margin-top:-20px;padding:20px 24px 40px}.section-container{max-width:1280px;margin:0 auto}.clients-label{text-align:center;color:var(--gray-500);margin-bottom:40px;font-size:14px}.clients-grid{grid-template-columns:repeat(5,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.client-logo-card{aspect-ratio:16/9;background:var(--gray-50);border:2px dashed var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.client-logo-card:hover{border-color:var(--vi-blue);background:var(--white);box-shadow:var(--shadow-md);border-style:solid;transform:translateY(-2px)}.client-logo-card.has-logo{border-style:solid;border-color:var(--gray-200);background:var(--white)}.client-logo-card.has-logo:hover{border-color:var(--vi-blue)}.client-logo-card img{object-fit:contain;filter:grayscale();opacity:.7;max-width:100%;max-height:100%;transition:all var(--transition-base)}.client-logo-card:hover img{filter:grayscale(0%);opacity:1}.client-logo-placeholder{color:var(--gray-400);flex-direction:column;align-items:center;gap:8px;display:flex}.client-logo-placeholder svg{opacity:.5;width:32px;height:32px}.client-logo-placeholder span{font-size:12px;font-weight:500}.client-logo-number{width:20px;height:20px;color:var(--gray-400);background:var(--gray-100);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex;position:absolute;top:8px;left:8px}@media (max-width:1024px){.clients-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media (max-width:768px){.clients-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:480px){.clients-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.clients-stripe{background:var(--gray-50);border-top:none;padding:32px 24px 48px}.clients-container{max-width:var(--layout-max-width);width:var(--layout-width);margin:0 auto;padding:0}.clients-grid-stripe{grid-template-columns:repeat(4,1fr);gap:24px 0;display:grid}.client-logo-stripe{aspect-ratio:2.5;background:var(--white);border-radius:var(--radius-md);transition:all var(--transition-base);justify-content:center;align-items:center;padding:16px 24px;display:flex}.client-logo-stripe:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.client-logo-img-stripe{object-fit:contain;width:auto;max-width:100%;height:clamp(26px,3.4vw,36px);transition:transform var(--transition-base)}.client-logo-stripe:hover .client-logo-img-stripe{transform:scale(1.04)}.client-logo-stripe.is-lg{padding:10px 14px}.client-logo-stripe.is-lg .client-logo-img-stripe{height:clamp(48px,6vw,66px)}.client-logo-placeholder-stripe{color:var(--gray-300);flex-direction:column;align-items:center;gap:6px;display:flex}.client-logo-placeholder-stripe svg{opacity:.4;width:28px;height:28px}.client-logo-placeholder-stripe span{font-size:11px;font-weight:500}.client-logo-text-stripe{letter-spacing:.01em;color:#5b6573;opacity:.7;text-align:center;transition:all var(--transition-base);font-size:clamp(14px,1.5vw,18px);font-weight:600;line-height:1.25}.client-logo-stripe:hover .client-logo-text-stripe{color:#1f2733;opacity:1}@media (max-width:1024px){.clients-grid-stripe{grid-template-columns:repeat(4,1fr);gap:16px 24px}}@media (max-width:768px){.clients-grid-stripe{grid-template-columns:repeat(2,1fr);gap:16px}.client-logo-stripe{aspect-ratio:2}}@media (max-width:480px){.clients-grid-stripe{grid-template-columns:repeat(2,1fr);gap:12px}}.products{background:var(--white);padding:120px 24px}.section-header{text-align:center;max-width:680px;margin:0 auto 64px}.section-eyebrow{color:var(--vi-blue);border-radius:var(--radius-full);background:#0070ff14;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.section-title{color:var(--gray-900);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(32px,4vw,44px);font-weight:700;line-height:1.2}.section-desc{color:var(--gray-600);font-size:18px;line-height:1.7}.products-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.product-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:32px 24px;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-xl);border-color:#0000;transform:translateY(-8px)}.card-glow{border-radius:var(--radius-lg);opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:0;position:absolute;inset:-2px}.card-glow.blue-purple{background:var(--gradient-blue-purple)}.card-glow.green-gold{background:var(--gradient-green-gold)}.card-glow.blue-green{background:var(--gradient-blue-green)}.card-glow.pink-gold{background:var(--gradient-pink-gold)}.product-card:hover .card-glow{opacity:1}.product-card:before{content:"";background:var(--white);border-radius:calc(var(--radius-lg) - 2px);z-index:1;position:absolute;inset:2px}.product-card>*{z-index:2;position:relative}.card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;font-size:28px;display:flex}.product-card:first-child .card-icon{background:linear-gradient(135deg,#0070ff1a,#9333ea1a)}.product-card:nth-child(2) .card-icon{background:linear-gradient(135deg,#12b98a1a,#f59e0b1a)}.product-card:nth-child(3) .card-icon{background:linear-gradient(135deg,#0070ff1a,#12b98a1a)}.product-card:nth-child(4) .card-icon{background:linear-gradient(135deg,#ec48991a,#f59e0b1a)}.product-card h3{color:var(--gray-900);margin-bottom:10px;font-size:18px;font-weight:600}.product-card p{color:var(--gray-500);margin-bottom:20px;font-size:14px;line-height:1.6}.card-arrow{background:var(--gray-100);width:40px;height:40px;color:var(--gray-400);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.product-card:hover .card-arrow{background:var(--gradient-blue-green);color:var(--white);transform:translate(4px)}.feature-section{padding:120px 24px}.feature-section.alt{background:var(--gray-50)}.feature-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.feature-layout.reverse{direction:rtl}.feature-layout.reverse>*{direction:ltr}.feature-badge{border-radius:var(--radius-full);align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.feature-badge.blue-purple{color:var(--vi-blue);background:#0070ff1a}.feature-badge.green-gold{color:var(--vi-green);background:#12b98a1a}.feature-badge.blue-green{color:var(--vi-blue);background:#0070ff1a}.feature-badge.pink-gold{color:var(--vi-pink);background:#ec48991a}.feature-title{color:var(--gray-900);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.2}.feature-desc{color:var(--gray-600);margin-bottom:32px;font-size:17px;line-height:1.7}.feature-list{flex-direction:column;gap:20px;margin-bottom:32px;list-style:none;display:flex}.feature-list li{gap:16px;display:flex}.feature-list svg{width:20px;height:20px;color:var(--vi-blue);flex-shrink:0;margin-top:2px}.feature-list strong{color:var(--gray-900);margin-bottom:2px;font-size:15px;font-weight:600;display:block}.feature-list span{color:var(--gray-500);font-size:14px}.btn-feature{color:var(--vi-blue);border-radius:var(--radius-full);transition:all var(--transition-base);background:#0070ff14;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-feature:hover{background:var(--gradient-blue-green);color:var(--white)}.feature-visual{justify-content:center;display:flex}.visual-window{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;transition:all var(--transition-base);overflow:hidden}.visual-window:hover{box-shadow:var(--shadow-xl),0 0 30px #0070ff1a;border-color:#0070ff4d}.window-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200);align-items:center;gap:12px;padding:12px 16px;display:flex}.window-title{color:var(--gray-500);font-size:13px}.window-content{padding:24px}.config-metric{background:var(--gray-50);border-radius:var(--radius-md);padding:16px}.metric-num{background:var(--gradient-blue-green);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;display:block}.config-metric .metric-label{color:var(--gray-500);margin-top:4px;font-size:12px}.visual-dashboard{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;transition:all var(--transition-base);overflow:hidden}.visual-dashboard:hover{box-shadow:var(--shadow-xl),0 0 30px #12b98a1a;border-color:#12b98a4d}.dashboard-mini-header{border-bottom:1px solid var(--gray-200);color:var(--gray-900);justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.live-indicator{color:var(--vi-green);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.dashboard-mini-content{grid-template-columns:1fr auto;align-items:center;gap:24px;padding:20px;display:grid}.mini-tasks{flex-direction:column;gap:10px;display:flex}.mini-task{background:var(--gray-50);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.mini-status{background:var(--gray-300);border-radius:50%;width:8px;height:8px}.mini-task.completed .mini-status{background:var(--vi-green)}.mini-task.active .mini-status{background:var(--vi-blue);animation:1.5s ease-in-out infinite pulse}.mini-task span:nth-child(2){color:var(--gray-700);flex:1}.mini-task.completed span:nth-child(2){color:var(--gray-400)}.mini-time{color:var(--gray-400);font-size:12px}.mini-ring{width:100px;height:100px;position:relative}.mini-ring svg{width:100%;height:100%}.ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.quality-demo{align-items:center;gap:20px;display:flex}.demo-phone{background:var(--white);border:1px solid var(--gray-200);width:160px;box-shadow:var(--shadow-lg);border-radius:24px;padding:8px}.phone-notch{background:var(--gray-100);border-radius:0 0 12px 12px;width:50px;height:16px;margin:0 auto 8px}.phone-screen{padding:12px}.phone-header{color:var(--gray-900);text-align:center;margin-bottom:16px;font-size:12px;font-weight:600}.phone-upload{background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.phone-upload span{color:var(--gray-500);font-size:11px}.demo-arrow{flex-shrink:0}.demo-result{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:220px;overflow:hidden}.result-header{color:var(--gray-900);border-bottom:1px solid var(--gray-200);padding:12px 16px;font-size:13px;font-weight:600}.result-body{gap:16px;padding:16px;display:flex}.score-ring{flex-shrink:0;width:60px;height:60px;position:relative}.score-ring svg{width:100%;height:100%}.score-num{color:var(--gray-900);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}.score-bars{flex-direction:column;flex:1;gap:8px;display:flex}.score-bar-item{color:var(--gray-600);grid-template-columns:40px 1fr 24px;align-items:center;gap:8px;font-size:11px;display:grid}.score-bar{background:var(--gray-200);border-radius:2px;height:4px;overflow:hidden}.score-fill{background:var(--gradient-blue-green);border-radius:2px;height:100%}.stats-visual{width:100%;max-width:420px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stat-card-mini{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);padding:24px}.stat-card-mini:hover{background:linear-gradient(var(--white),var(--white))padding-box,var(--gradient-green-gold)border-box;box-shadow:var(--shadow-lg),0 0 20px #12b98a26;border-color:#0000}.stat-value-mini{background:var(--gradient-green-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:28px;font-weight:700;display:block}.stat-label-mini{color:var(--gray-500);font-size:13px}.cta-section{background:var(--gradient-blue-green);padding:80px 24px;position:relative;overflow:hidden}.cta-gradient{position:absolute;inset:0}.cta-blob{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.cta-blob-1{background:radial-gradient(circle,#fff6 0%,#0000 70%);width:400px;height:400px;top:-20%;left:20%}.cta-blob-2{background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:300px;height:300px;bottom:-20%;right:25%}.cta-content{z-index:1;text-align:center;max-width:var(--layout-max-width);width:var(--layout-width);padding:0 var(--layout-column-padding);margin:0 auto;position:relative}.cta-content h2{color:var(--white);margin-bottom:16px;font-size:clamp(32px,4vw,48px);font-weight:700}.cta-content p{color:#ffffffe6;margin-bottom:36px;font-size:18px}.cta-actions{justify-content:center;gap:16px;display:flex}.btn-cta-primary{color:var(--vi-blue);background:var(--white);border-radius:var(--radius-full);transition:all var(--transition-base);align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #00000026}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.btn-cta-secondary{color:var(--white);border-radius:var(--radius-full);transition:all var(--transition-base);background:#ffffff26;border:1px solid #ffffff4d;align-items:center;gap:8px;padding:16px 28px;font-size:16px;font-weight:500;display:inline-flex}.btn-cta-secondary:hover{background:#ffffff40;border-color:#ffffff80}.contact-section{background:var(--gray-50);padding:100px 24px}.contact-layout{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact-info h2{color:var(--gray-900);margin-bottom:16px;font-size:clamp(28px,3vw,40px);font-weight:700}.contact-info>p{color:var(--gray-600);margin-bottom:32px;font-size:17px;line-height:1.7}.contact-features{flex-direction:column;gap:16px;list-style:none;display:flex}.contact-features li{color:var(--gray-700);align-items:center;gap:12px;font-size:15px;display:flex}.contact-features svg{color:var(--vi-green)}.contact-form{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--gray-700);font-size:14px;font-weight:500}.form-group input,.form-group textarea{color:var(--gray-900);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:12px 14px;font-family:inherit;font-size:15px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-400)}.form-group input:focus,.form-group textarea:focus{border-color:var(--vi-blue);background:var(--white);outline:none;box-shadow:0 0 0 3px #0070ff1a}.form-group textarea{resize:vertical;min-height:100px}.btn-submit{width:100%;color:var(--white);background:var(--gradient-blue-green);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;display:inline-flex}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0070ff4d}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.footer{background:var(--gray-900);color:var(--white);padding:80px 24px 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-logo{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer-logo span{font-size:18px;font-weight:700}.footer-brand p{color:#ffffff80;font-size:14px}.footer-links h4{margin-bottom:20px;font-size:14px;font-weight:600}.footer-links ul{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:#ffffff80;transition:color var(--transition-fast);font-size:14px}.footer-links a:hover{color:var(--white)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding-top:40px}.footer-bottom p{color:#fff6;font-size:14px}.qm-footer{color:#fff;background:linear-gradient(#0f172a 0%,#1e293b 100%)}.qm-footer-container{max-width:var(--layout-max-width);margin:0 auto;padding:0 24px}.qm-footer-main{padding:80px 0 60px}.qm-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;display:grid}.qm-footer-brand{flex-direction:column;gap:16px;display:flex}.qm-footer-logo{color:#fff;align-items:center;gap:12px;text-decoration:none;transition:opacity .2s;display:flex}.qm-footer-logo:hover{opacity:.9}.qm-footer-logo span{letter-spacing:-.02em;font-size:20px;font-weight:700}.qm-footer-tagline{color:#fff9;max-width:280px;font-size:14px;line-height:1.6}.qm-footer-contact{flex-direction:column;gap:12px;margin-top:8px;display:flex}.qm-footer-contact-item{color:#ffffff80;align-items:center;gap:10px;font-size:14px;transition:color .2s;display:flex}.qm-footer-contact-item:hover{color:#fffc}.qm-footer-contact-item svg{opacity:.6;flex-shrink:0}.qm-footer-links{flex-direction:column;gap:20px;display:flex}.qm-footer-links h4{color:#fff;letter-spacing:.02em;margin:0;font-size:14px;font-weight:600}.qm-footer-links ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.qm-footer-links a{color:#ffffff80;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.qm-footer-links a:hover{color:#fff}.qm-footer-bottom{border-top:1px solid #ffffff14;padding:24px 0}.qm-footer-bottom-content{justify-content:space-between;align-items:center;display:flex}.qm-footer-copyright{color:#fff6;margin:0;font-size:13px}.qm-footer-legal{align-items:center;gap:12px;font-size:13px;display:flex}.qm-footer-legal a{color:#fff6;text-decoration:none;transition:color .2s}.qm-footer-legal a:hover{color:#ffffffb3}.qm-footer-divider{color:#fff3}.qm-footer-icp{color:#ffffff4d}@media (max-width:1024px){.qm-footer-grid{grid-template-columns:1fr 1fr;gap:48px}.qm-footer-brand{grid-column:span 2}}@media (max-width:768px){.qm-footer-main{padding:60px 0 40px}.qm-footer-grid{grid-template-columns:1fr;gap:40px}.qm-footer-brand{grid-column:span 1}.qm-footer-bottom-content{text-align:center;flex-direction:column;gap:16px}}@media (max-width:480px){.qm-footer-main{padding:48px 0 32px}.qm-footer-grid{gap:32px}.qm-footer-links{gap:16px}.qm-footer-links ul{gap:12px}.qm-footer-legal{flex-wrap:wrap;justify-content:center;gap:8px}}.hero-section-white{background:var(--white);padding:100px 24px 120px}.hero-module{max-width:1200px;margin:0 auto}.hero-wrapper{align-items:flex-start;gap:60px;display:flex}.hero-content{flex:1;max-width:500px;padding-top:40px}.hero-visual{flex:1.2;align-items:center;min-height:520px;display:flex}.product-section-gray{background:linear-gradient(#f1f5f9 0%,#e8edf3 100%);padding:100px 24px 120px;position:relative}.product-section-container{max-width:var(--layout-max-width);width:var(--layout-width);padding:0 var(--layout-column-padding);margin:0 auto}.product-section-gray:before{content:"";background:linear-gradient(90deg,#0000 10%,#0070ff26 30%,#12b98a26 70%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.product-section-wrapper{max-width:var(--layout-max-width);width:var(--layout-width);grid-template-columns:repeat(4,calc(var(--layout-max-width)/4));align-items:flex-start;gap:0;margin:0 auto;padding:0;display:grid}.product-list-column{grid-column:1/3;padding-left:12px;padding-right:32px}.product-item{opacity:.4;margin-bottom:0;padding-bottom:400px;transition:opacity .5s}.product-item:first-child{padding-top:0}.product-item:last-child{padding-bottom:100px}.product-item.active{opacity:1}.product-visual-column{height:600px;width:calc(var(--layout-column-width)*2);grid-column:3/5;justify-content:center;align-self:flex-start;align-items:center;display:flex;position:sticky;top:calc(50vh - 300px);overflow:visible}.visual-sticky-container{width:calc(var(--layout-column-width)*2);height:700px;position:relative}.visual-sticky-container.stripe-style{width:calc(var(--layout-column-width)*2);justify-content:center;align-items:center;height:700px;display:flex}.stripe-visual-panels{width:calc(var(--layout-column-width)*2);height:700px;position:relative}.stripe-visual-panel{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .6s ease-out,transform .6s ease-out;display:flex;position:absolute;inset:0;transform:scale(.98)}.stripe-visual-panel.active{opacity:1;pointer-events:auto;transform:scale(1)}.visual-panels{min-height:480px;position:relative}.visual-panel{opacity:0;pointer-events:none;justify-content:center;align-items:flex-start;padding:0;transition:opacity .6s,transform .6s;display:flex;position:absolute;inset:0;transform:translateY(20px)}.visual-panel.active{opacity:1;pointer-events:auto;transform:translateY(0)}.module-content{flex:1;max-width:500px}.module-visual{flex:1.2;justify-content:center;align-items:center;min-height:450px;display:flex}.module-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.module-icon{justify-content:center;align-items:center;display:flex}.module-name{letter-spacing:.02em;font-size:14px;font-weight:600}.module-headline{color:var(--gray-900);margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.35}.module-headline-hero{margin-bottom:20px;font-size:36px;line-height:1.3}.module-description{color:var(--gray-600);margin-bottom:28px;font-size:16px;line-height:1.75}.module-description-hero{margin-bottom:0;font-size:18px;line-height:1.8}.module-cta{color:var(--white);border-radius:10px;align-items:center;gap:10px;margin-bottom:32px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.module-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.module-cta svg{transition:transform .2s}.module-cta:hover svg{transform:translate(4px)}.module-related{flex-direction:column;gap:8px;margin-top:12px;display:flex}.module-related-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500}.module-related-list{flex-direction:column;gap:0;display:flex}.related-product-link{border-bottom:1px solid var(--gray-100);align-items:baseline;gap:12px;padding:8px 0;text-decoration:none;transition:all .2s;display:flex}.related-product-link:last-child{border-bottom:none}.related-product-link:hover{padding-left:8px}.related-product-name{font-size:15px;font-weight:600}.related-product-desc{color:var(--gray-500);font-size:14px}.related-product-link:hover .related-product-name{text-decoration:underline}.visual-demo{width:100%;max-width:500px}@media (max-width:1024px){.hero-section-white{padding:60px 20px 80px}.hero-wrapper{flex-direction:column;gap:40px}.hero-content{max-width:100%;padding-top:0}.hero-visual{width:100%;min-height:380px}.product-section-gray{padding:60px 20px}.product-section-wrapper{grid-template-columns:1fr;gap:32px}.product-list-column{grid-column:1/-1}.product-visual-column{grid-column:1/-1;display:none}.product-module-mobile{border-bottom:1px solid #0000000f;padding:60px 0}.product-module-mobile:last-child{border-bottom:none}.product-module-mobile .module-content{max-width:100%;margin-bottom:32px}.product-module-mobile .module-visual{width:100%;min-height:350px}.product-item{opacity:1;border-bottom:none;padding:0}.module-headline{font-size:24px}.module-headline-hero{font-size:28px}.module-description{font-size:15px}}.mobile-hero-block .mobile-content{margin-bottom:24px}.mobile-cta{color:var(--white);border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.mobile-related{flex-direction:column;gap:12px;display:flex}.mobile-related-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.mobile-related-products{flex-direction:column;gap:10px;display:flex}.mobile-product-link{border-bottom:1px solid var(--gray-100);align-items:baseline;gap:6px;padding:6px 0;text-decoration:none;display:flex}.mobile-product-link:last-child{border-bottom:none}.mobile-product-link .product-link-name{font-size:14px;font-weight:600}.mobile-product-link .product-link-desc{color:var(--gray-500);font-size:13px}.mobile-visual{padding:0}.mobile-visual-container{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;justify-content:center;align-items:center;min-height:280px;padding:20px;display:flex}.agent-block-mobile{max-width:600px;margin:0 auto 60px}.agent-block-mobile:last-child{margin-bottom:0}.agent-content-mobile{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;margin-bottom:24px;padding:24px}.agent-header-mobile{align-items:center;gap:12px;margin-bottom:12px;display:flex}.agent-icon-mobile{background:var(--gray-50);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.agent-header-mobile h3{color:var(--gray-900);font-size:18px;font-weight:700}.agent-tagline-mobile{color:var(--gray-600);margin-bottom:12px;font-size:14px;font-weight:500}.agent-desc-mobile{color:var(--gray-500);margin-bottom:20px;font-size:14px;line-height:1.7}.agent-products-mobile{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.agent-products-mobile li{background:var(--gray-50);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.product-icon-mobile{background:var(--white);width:36px;height:36px;color:var(--gray-600);border-radius:8px;justify-content:center;align-items:center;display:flex}.agent-products-mobile li>div{flex-direction:column;gap:2px;display:flex}.agent-products-mobile li strong{color:var(--gray-800);font-size:13px;font-weight:600}.agent-products-mobile li span{color:var(--gray-500);font-size:12px}.agent-cta-mobile{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.agent-visual-mobile{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000a}.visual-demo{width:100%}.modular-ai-demo{padding:40px;position:relative}.modular-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:20px;display:grid;position:relative}.modular-card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;transition:all .3s;display:flex}.modular-card:hover{border-color:var(--card-color,var(--gray-300));transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.modular-card-icon{width:48px;height:48px;color:var(--card-color,var(--gray-600));justify-content:center;align-items:center;display:flex}.modular-card span{color:var(--gray-700);font-size:13px;font-weight:600}.modular-center{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modular-hub{background:linear-gradient(135deg,var(--vi-blue),#8b5cf6);width:72px;height:72px;color:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;box-shadow:0 8px 24px #0070ff4d}.modular-hub span:first-child{font-size:16px}.modular-hub span:last-child{opacity:.9;font-size:11px}.modular-connections{pointer-events:none;position:absolute;inset:0}.connection-lines{opacity:.5;width:100%;height:100%}.service-design-demo .demo-window{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.demo-window-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200);align-items:center;gap:12px;padding:12px 16px;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{border-radius:50%;width:10px;height:10px}.window-dots span:first-child{background:#ff5f56}.window-dots span:nth-child(2){background:#ffbd2e}.window-dots span:nth-child(3){background:#27ca40}.demo-window-header>span{color:var(--gray-600);font-size:13px}.demo-window-body{padding:20px}.config-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.config-row:last-of-type{border-bottom:none}.config-label{color:var(--gray-500);font-size:13px}.config-value{color:var(--gray-800);font-size:14px;font-weight:500}.config-badge{color:var(--vi-blue);background:linear-gradient(135deg,#0070ff1a,#12b98a1a);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.config-stats{border-top:1px solid var(--gray-100);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;padding-top:20px;display:grid}.stat-item{background:var(--gray-50);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;display:flex}.stat-number{font-size:22px;font-weight:700}.stat-label{color:var(--gray-500);font-size:12px}.config-divider{background:var(--gray-200);height:1px;margin:16px 0}.config-metrics{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.config-metric{flex-direction:column;gap:4px;display:flex}.metric-num{color:var(--gray-900);font-size:24px;font-weight:700}.metric-label{color:var(--gray-500);font-size:12px}.operations-demo .ops-dashboard{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:20px;box-shadow:0 4px 16px #0000000f}.ops-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ops-header>span:first-child{color:var(--gray-800);font-size:15px;font-weight:600}.ops-live{color:var(--vi-green);font-size:12px}.live-badge{color:var(--vi-green);align-items:center;gap:6px;font-size:12px;display:flex}.live-dot{background:var(--vi-green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.ops-tasks{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.ops-task{background:var(--gray-50);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.task-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.task-status{color:var(--vi-green);font-size:12px;font-weight:500}.task-time{color:var(--gray-400);margin-left:auto;font-size:12px}.ops-task>span:nth-child(2){color:var(--gray-700);flex:1;font-size:13px}.ops-task.active{background:#10b98114}.ops-ring{width:120px;height:120px;margin:0 auto;position:relative}.ops-ring svg{width:100%;height:100%}.ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-value{color:var(--gray-900);font-size:28px;font-weight:700}.ring-label{color:var(--gray-500);font-size:12px}.quality-demo .quality-flow{justify-content:center;align-items:center;gap:24px;display:flex}.quality-phone{background:var(--gray-900);border-radius:20px;width:120px;padding:8px}.quality-phone .phone-notch{background:var(--gray-800);border-radius:3px;width:50px;height:6px;margin:0 auto 8px}.quality-phone .phone-content{background:var(--white);border-radius:14px;min-height:180px;padding:16px}.quality-phone .phone-title{color:var(--gray-800);text-align:center;margin-bottom:20px;font-size:12px;font-weight:600}.quality-phone .phone-upload{flex-direction:column;align-items:center;gap:8px;display:flex}.quality-phone .phone-upload span{color:var(--gray-500);font-size:11px}.quality-arrow{flex-shrink:0}.quality-result{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;min-width:180px;padding:20px}.result-title{color:var(--gray-600);margin-bottom:12px;font-size:13px;font-weight:600}.result-score{align-items:baseline;gap:4px;margin-bottom:16px;display:flex}.score-big{color:var(--vi-blue);font-size:48px;font-weight:700;line-height:1}.score-label{color:var(--gray-500);font-size:16px}.result-bars{flex-direction:column;gap:8px;display:flex}.bar-item{align-items:center;gap:8px;display:flex}.bar-item>span{color:var(--gray-500);width:40px;font-size:11px}.agents-app .bar{background:var(--gray-100);border-radius:3px;flex:1;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,var(--vi-blue),var(--vi-green));border-radius:3px;height:100%}.review-demo .review-stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.review-demo .stat-card{background:var(--gray-50);text-align:center;border-radius:12px;padding:24px}.review-demo .stat-value{color:var(--gray-900);margin-bottom:8px;font-size:32px;font-weight:700;display:block}.review-demo .stat-label{color:var(--gray-500);font-size:13px}@media (max-width:1024px){.agent-showcase{display:none}.agent-showcase-mobile{display:block}.hero-container{grid-template-columns:repeat(2,1fr);gap:32px}.hero-content{text-align:center;grid-column:1/3}.hero-visual{grid-column:1/3;justify-content:center;display:flex}.feature-layout,.contact-layout{grid-template-columns:1fr;gap:48px}.feature-layout.reverse{direction:ltr}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.dashboard{max-width:500px}.products-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.feature-visual{justify-content:center}}@media (max-width:768px){.nav-menu,.nav-actions{display:none}.nav-toggle{display:flex}.hero{min-height:auto;padding:100px 24px 60px}.hero-actions{flex-direction:column;align-items:stretch}.btn-hero-primary,.btn-hero-secondary{justify-content:center}.hero-stats{flex-direction:column;gap:24px}.stat-divider{display:none}.agents-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:1fr}.quality-demo{flex-direction:column}.demo-arrow{transform:rotate(90deg)}.stats-grid,.form-row{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:stretch}.btn-cta-primary,.btn-cta-secondary{justify-content:center}.footer-grid{grid-template-columns:1fr;gap:32px}.dashboard-mini-content{grid-template-columns:1fr}.mini-ring{margin:0 auto}}.animate-on-scroll{opacity:0;transition:all .6s;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.8s forwards fadeInUp}.animate-fade-in-right{opacity:0;animation:.8s .3s forwards fadeInRight}.animate-fade-in-left{opacity:0;animation:.8s .3s forwards fadeInLeft}.animate-fade-in-down{animation:.6s forwards fadeInDown}.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}.navbar{z-index:1000;position:absolute}.hero-badge-dark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff!important;background:#111827d9!important;border:1px solid #ffffff26!important}.hero-badge-dark .badge-pulse{background:#12b98a;box-shadow:0 0 8px #12b98a99}.hero-title-dark{color:#fffffffa;letter-spacing:-.01em;text-shadow:0 2px 12px #0003;margin-bottom:24px;font-size:clamp(44px,5.5vw,64px);font-weight:700;line-height:1.2}.text-highlight{color:#fff;font-weight:800}.hero-desc-dark{color:#111827d9;max-width:540px;margin-bottom:36px;font-size:18px;line-height:1.7}@media (max-width:1024px){.dropdown-panel-products .dropdown-content{border-radius:0 0 12px 12px;min-width:100vw;max-width:100vw;left:50%;transform:translate(-50%)}.dropdown-products-grid{grid-template-columns:repeat(2,1fr)}.nav-menu{display:none}.nav-toggle{display:flex!important}.nav-actions{display:none}}@media (max-width:768px){.navbar{padding:0 20px}.nav-container{height:56px}.logo-image{height:28px}.dropdown-panel-products .dropdown-content,.dropdown-panel-solutions .dropdown-content,.dropdown-panel-company .dropdown-content{min-width:100%;padding:16px}.dropdown-products-grid,.dropdown-solutions-grid,.dropdown-company-grid{grid-template-columns:1fr;gap:16px}}.new-footer{position:relative;overflow:hidden}.footer-cta-section{align-items:flex-start;min-height:600px;padding-top:120px;display:flex;position:relative}.footer-trapezoid-bg{z-index:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.footer-cta-content{z-index:2;width:100%;position:relative}.footer-cta-container{max-width:var(--layout-max-width);width:var(--layout-width);padding:0 var(--layout-column-padding);justify-content:space-between;align-items:flex-start;margin:0 auto;display:flex}.footer-cta-left{flex:0 0 calc(var(--layout-column-width)*2);max-width:calc(var(--layout-column-width)*2);padding-top:8px}.footer-cta-badge{color:#0070ff;background:linear-gradient(135deg,#0070ff1a 0%,#12b98a0f 100%);border:1px solid #0070ff33;border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.footer-cta-title{color:var(--gray-900);letter-spacing:-.02em;margin:0 0 12px;font-size:36px;font-weight:700;line-height:1.2}.footer-cta-desc{color:var(--gray-500);margin:0;font-size:16px;line-height:1.6}.footer-cta-right{grid-template-columns:var(--layout-column-width)var(--layout-column-width);flex:0 0 calc(var(--layout-column-width)*2);align-items:center;margin-top:0;display:grid}.footer-btn-primary{color:#fff;background:linear-gradient(135deg,#0070ff 0%,#0062e6 100%);border-radius:6px;justify-content:center;justify-self:start;align-items:center;gap:6px;height:40px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0070ff4d,0 1px 3px #0070ff26}.footer-btn-primary:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff40 0%,#fff0 100%);height:50%;position:absolute;top:0;left:0;right:0}.footer-btn-primary:after{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#12b98a 0%,#0d9b70 100%);transition:opacity .25s;position:absolute;inset:0}.footer-btn-primary:hover:after{opacity:1}.footer-btn-primary span,.footer-btn-primary svg{z-index:2;position:relative}.footer-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0070ff59,0 2px 4px #0070ff33}.footer-btn-primary svg{width:14px;height:14px;transition:transform .25s}.footer-btn-primary:hover svg{transform:translate(3px)}.footer-btn-secondary{color:var(--gray-600);border:1px solid var(--gray-200);background:#fff;border-radius:6px;justify-content:center;justify-self:start;align-items:center;height:40px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.footer-btn-secondary:before{content:"";pointer-events:none;background:linear-gradient(#fffc 0%,#fff0 100%);height:50%;position:absolute;top:0;left:0;right:0}.footer-btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-800);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.footer-nav-section{border-top:1px solid var(--gray-100);background:#fff;padding:60px 0}.footer-nav-container{max-width:var(--layout-max-width);width:var(--layout-width);padding:0 var(--layout-column-padding);grid-template-columns:1.5fr 2.5fr;gap:60px;margin:0 auto;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{display:inline-block}.footer-logo-image{opacity:1}.footer-tagline{color:var(--gray-500);max-width:260px;margin:0;font-size:14px;line-height:1.6}.footer-contact{flex-direction:column;gap:10px;margin-top:8px;display:flex}.footer-contact-item{color:var(--gray-500);align-items:center;gap:10px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.footer-contact-item:hover{color:var(--gray-700)}.footer-contact-item svg{color:var(--gray-400);flex-shrink:0}.footer-nav-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.footer-nav-col h4{color:var(--gray-900);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:13px;font-weight:600}.footer-nav-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-nav-col a{color:var(--gray-500);font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.footer-nav-col a:hover{color:var(--gray-900)}.footer-bottom-section{background:var(--gray-50);border-top:1px solid var(--gray-100);padding:20px 0}.footer-bottom-container{max-width:var(--layout-max-width);width:var(--layout-width);padding:0 var(--layout-column-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-copyright{color:var(--gray-400);margin:0;font-size:13px}.footer-legal{align-items:center;gap:12px;font-size:13px;display:flex}.footer-legal a{color:var(--gray-400);text-decoration:none;transition:color .2s}.footer-legal a:hover{color:var(--gray-600)}.footer-legal span{color:var(--gray-300)}.footer-icp{color:var(--gray-400)!important}@media (max-width:1024px){.footer-cta-container{flex-direction:column;align-items:flex-start;gap:32px}.footer-cta-left{flex:none;max-width:100%}.footer-nav-container{grid-template-columns:1fr;gap:48px}.footer-nav-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-cta-section{min-height:280px}.footer-cta-content{padding:60px 0 50px}.footer-cta-title{font-size:28px}.footer-cta-right{flex-direction:column;width:100%}.footer-btn-primary,.footer-btn-secondary{justify-content:center;width:100%}.footer-nav-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom-container{text-align:center;flex-direction:column;gap:16px}.footer-parallelograms{display:none}}@media (max-width:480px){.footer-cta-content{padding:40px 0}.footer-cta-title{font-size:24px}.footer-nav-section{padding:40px 0}.footer-nav-grid{grid-template-columns:1fr;gap:28px}.footer-legal{flex-wrap:wrap;justify-content:center;gap:8px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}