@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #4F46E5;--color-primary-dark: #4338CA;--color-primary-light: #818CF8;--color-primary-50: #EEF2FF;--color-primary-100: #E0E7FF;--color-secondary: #7C3AED;--color-secondary-dark: #6D28D9;--color-secondary-light: #A78BFA;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-family);font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);color:var(--color-gray-800);background-color:var(--color-gray-50);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;color:var(--color-gray-900)}h1{font-size:var(--font-size-5xl);letter-spacing:-.025em}h2{font-size:var(--font-size-4xl);letter-spacing:-.025em}h3{font-size:var(--font-size-3xl);letter-spacing:-.025em}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin:0 0 var(--spacing-4) 0;line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button,.button{display:inline-flex;align-items:center;justify-content:center;border:none;padding:.625rem 1.25rem;font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);outline:none}button:hover,.button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active,.button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus,.button:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}button:disabled,.button:disabled{opacity:.7;cursor:not-allowed}input,select,textarea{padding:.625rem .75rem;font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);width:100%;background-color:#fff;color:var(--color-gray-800)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100)}label{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--color-gray-700)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--spacing-6);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-1>*+*{margin-left:var(--spacing-1)}.space-x-2>*+*{margin-left:var(--spacing-2)}.space-x-4>*+*{margin-left:var(--spacing-4)}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-2>*+*{margin-top:var(--spacing-2)}.space-y-4>*+*{margin-top:var(--spacing-4)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-8{margin-bottom:var(--spacing-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #4f46e566}70%{box-shadow:0 0 0 10px #4f46e500}to{box-shadow:0 0 #4f46e500}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out forwards}.animate-pulse{animation:pulse 2s infinite}@media (max-width: 768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}.container{padding:0 var(--spacing-4)}.card{padding:var(--spacing-4)}}@media (max-width: 480px){html{font-size:14px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{padding:0 var(--spacing-2)}}.main-hero{position:relative;height:100vh;background:#f5f7fa;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:0 2rem}.hero-overlay{z-index:2;text-align:center}.main-hero-title{font-size:3.5rem;font-weight:700;color:#222;margin-bottom:1rem}.main-hero-subtitle{font-size:1.25rem;color:#555;margin-bottom:2rem}.main-hero-cta{padding:.75rem 2rem;font-size:1.1rem;font-weight:600;background-color:#007cf0;color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 15px #007cf04d;transition:transform .2s ease,box-shadow .2s ease}.main-hero-cta:hover{transform:scale(1.05);box-shadow:0 6px 25px #007cf080}.floating-snippet-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.floating-snippet{position:absolute;max-width:280px;padding:8px 12px;background:#ffffffd9;color:#222;font-size:.5rem;border-radius:6px;box-shadow:0 2px 8px #0000001a;opacity:0;white-space:normal;-webkit-user-select:break-word;user-select:break-word;max-lines:6;overflow:hidden;animation-name:floatFade;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes floatFade{0%{opacity:0;transform:translateY(20px) scale(.95) blur(4px)}10%{opacity:1;transform:translateY(0) scale(1) blur(0)}80%{opacity:1;transform:translateY(-10px) scale(1.02)}to{opacity:0;transform:translateY(-40px) scale(1.05) blur(2px)}}:root{--rqb-spacing: .5rem;--rqb-border-width: 1px;--rqb-branch-indent: var(--rqb-spacing);--rqb-branch-width: var(--rqb-border-width);--rqb-base-color: #004bb8;--rqb-background-color: color-mix(in srgb, transparent, #004bb8 20%);--rqb-border-color: #8081a2;--rqb-border-style: solid;--rqb-border-radius: .25rem;--rqb-dnd-drop-indicator-color: rebeccapurple;--rqb-dnd-drop-indicator-style: dashed;--rqb-dnd-drop-indicator-width: 2px;--rqb-dnd-drop-indicator-copy-color: #693;--rqb-dnd-drop-indicator-copy-style: dashed;--rqb-dnd-drop-indicator-copy-width: 2px;--rqb-dnd-drop-indicator-group-color: #369;--rqb-dnd-drop-indicator-group-style: dashed;--rqb-dnd-drop-indicator-group-width: 2px;--rqb-branch-color: var(--rqb-border-color);--rqb-branch-radius: var(--rqb-border-radius);--rqb-branch-style: var(--rqb-border-style)}.ruleGroup{display:flex;flex-direction:column;gap:var(--rqb-spacing);padding:var(--rqb-spacing);border-width:var(--rqb-border-width)}.ruleGroup .ruleGroup-body{display:flex;flex-direction:column;gap:var(--rqb-spacing)}.ruleGroup .ruleGroup-body:empty{display:none}.ruleGroup .ruleGroup-header,.ruleGroup .rule{display:flex;gap:var(--rqb-spacing);align-items:center}.ruleGroup .rule .rule-value:has(.rule-value-list-item){display:flex;gap:var(--rqb-spacing);align-items:baseline}.ruleGroup .betweenRules{display:flex}.ruleGroup .shiftActions{display:flex;flex-direction:column}.ruleGroup .shiftActions>*{padding:0}.dndOver.rule,.dndOver.ruleGroup-header{padding-bottom:var(--rqb-spacing)}.dndOver.betweenRules{padding-top:var(--rqb-spacing)}.dndGroup.rule.dndOver,.dndGroup.ruleGroup:has(.ruleGroup-header.dndOver){padding:var(--rqb-spacing)}.queryBuilder-branches .ruleGroup-body{margin-left:calc(2*var(--rqb-branch-indent))}.queryBuilder-branches .rule,.queryBuilder-branches .ruleGroup .ruleGroup{position:relative}.queryBuilder-branches .rule:before,.queryBuilder-branches .rule:after,.queryBuilder-branches .ruleGroup .ruleGroup:before,.queryBuilder-branches .ruleGroup .ruleGroup:after{content:"";width:var(--rqb-branch-indent);left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute}.queryBuilder-branches .rule:before,.queryBuilder-branches .ruleGroup .ruleGroup:before{top:calc(-1*var(--rqb-spacing));height:calc(50% + var(--rqb-spacing));border-width:0 0 var(--rqb-branch-width) var(--rqb-branch-width)}.queryBuilder-branches .rule:after,.queryBuilder-branches .ruleGroup .ruleGroup:after{top:50%;height:50%;border-width:0 0 0 var(--rqb-branch-width)}.queryBuilder-branches .rule:last-child:after,.queryBuilder-branches .ruleGroup .ruleGroup:last-child:after{display:none}.queryBuilder-branches .ruleGroup .ruleGroup:before,.queryBuilder-branches .ruleGroup .ruleGroup:after{left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width) + var(--rqb-border-width)))}.queryBuilder-branches .ruleGroup .ruleGroup:before{top:calc(-1*(var(--rqb-spacing) + var(--rqb-border-width)));height:calc(50% + var(--rqb-spacing) + var(--rqb-border-width))}.queryBuilder-branches .ruleGroup .ruleGroup:after{height:calc(50% + var(--rqb-border-width))}.queryBuilder-branches .betweenRules:before{content:"";width:var(--rqb-branch-indent);left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute;top:calc(-1*var(--rqb-spacing));height:calc(100% + var(--rqb-spacing));border-width:0 0 0 var(--rqb-branch-width)}.ruleGroup{border-color:var(--rqb-border-color);border-style:var(--rqb-border-style);border-radius:var(--rqb-border-radius);background:var(--rqb-background-color)}.ruleGroup .shiftActions>*{background-color:#0000;border:none;cursor:pointer}.dndOver.rule,.dndOver.ruleGroup-header:not(.dndGroup .ruleGroup-header){border-bottom-width:var(--rqb-dnd-drop-indicator-width);border-bottom-style:var(--rqb-dnd-drop-indicator-style);border-bottom-color:var(--rqb-dnd-drop-indicator-color)}.dndOver.rule.dndCopy,.dndOver.ruleGroup-header:not(.dndGroup .ruleGroup-header).dndCopy{border-bottom-width:var(--rqb-dnd-drop-indicator-copy-width);border-bottom-style:var(--rqb-dnd-drop-indicator-copy-style);border-bottom-color:var(--rqb-dnd-drop-indicator-copy-color)}.dndOver.betweenRules{border-top-width:var(--rqb-dnd-drop-indicator-width);border-top-style:var(--rqb-dnd-drop-indicator-style);border-top-color:var(--rqb-dnd-drop-indicator-color)}.dndOver.betweenRules.dndCopy{border-top-width:var(--rqb-dnd-drop-indicator-copy-width);border-top-style:var(--rqb-dnd-drop-indicator-copy-style);border-top-color:var(--rqb-dnd-drop-indicator-copy-color)}.dndGroup.rule.dndOver,.dndGroup.ruleGroup:has(>.ruleGroup-header.dndOver){border-width:var(--rqb-dnd-drop-indicator-group-width);border-style:var(--rqb-dnd-drop-indicator-group-style);border-color:var(--rqb-dnd-drop-indicator-group-color);border-radius:var(--rqb-border-radius)}.dndGroup.rule.dndOver.dndCopy,.dndGroup.ruleGroup:has(>.ruleGroup-header.dndOver).dndCopy{border-color:var(--rqb-dnd-drop-indicator-copy-color);border-width:var(--rqb-dnd-drop-indicator-copy-width);border-style:var(--rqb-dnd-drop-indicator-copy-style)}.ruleGroup.dndDragging,.rule.dndDragging{opacity:.5}.ruleGroup .queryBuilder-dragHandle,.rule .queryBuilder-dragHandle{cursor:move}.queryBuilder-branches .rule:before,.queryBuilder-branches .rule:after,.queryBuilder-branches .ruleGroup .ruleGroup:before,.queryBuilder-branches .ruleGroup .ruleGroup:after{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}.queryBuilder-branches .rule:last-child:before,.queryBuilder-branches .ruleGroup .ruleGroup:last-child:before{border-bottom-left-radius:var(--rqb-branch-radius)}.queryBuilder-branches .betweenRules{position:relative}.queryBuilder-branches .betweenRules:before{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}body,html{margin:0;padding:0;font-family:Segoe UI,sans-serif;background:#f5f7fa;color:#222;height:100%}.hero{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(circle at center,#f5f7fa,#e0e6ef)}.hero-content{text-align:center;z-index:1;max-width:700px;padding:0 1rem}.particles{--mouseX: 0;--mouseY: 0}.particles:before,.particles:after{content:"";position:absolute;width:200%;height:200%;background:repeating-radial-gradient(circle,rgba(0,124,240,.15) 0,rgba(0,124,240,.05) 2px,transparent 3px);animation:rotateParticles 50s ease-in-out infinite;transition:transform .1s ease-out;opacity:.3}.particles:after{animation-direction:reverse;opacity:.15}.particles:before{transform:translate(calc(var(--mouseX, 0) * 10px),calc(var(--mouseY, 0) * 10px))}.particles:after{transform:translate(calc(var(--mouseX, 0) * -10px),calc(var(--mouseY, 0) * -10px))}@keyframes rotateParticles{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-title{font-size:3.5rem;font-weight:700;color:#222;text-shadow:0 0 5px rgba(0,124,240,.3);animation:popscale 3s ease-in-out infinite}.hero-subtitle{margin-top:1rem;font-size:1.25rem;color:#555;font-weight:400}.hero-cta{margin-top:2rem;padding:.75rem 2.5rem;font-size:1.1rem;font-weight:600;background-color:#007cf0;color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 15px #007cf04d;transition:transform .2s ease,box-shadow .2s ease}.hero-cta:hover{transform:scale(1.05);box-shadow:0 6px 25px #007cf080}@keyframes popscale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}