*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}:root{--tractie-color-primary:#003082;--tractie-color-secondary:#FFC917;--tractie-color-accent:#00A0DC;--tractie-color-background:#FFFFFF;--tractie-color-surface:#F5F5F5;--tractie-color-text:#1C1C1C;--tractie-color-text-secondary:#666666;--tractie-color-error:#D32F2F;--tractie-color-success:#4CAF50;--tractie-color-warning:#FF9800;--chat-bubble-incoming:#FFFFFF;--chat-bubble-outgoing:#D5E8D4;--chat-timestamp:#003082;--tractie-button-primary-bg:#003082;--tractie-button-primary-text:#FFFFFF;--tractie-button-secondary-bg:#FFC917;--tractie-button-secondary-text:#003082;--tractie-button-hover-opacity:0.9;--tractie-font-family-primary:"Segoe UI",system-ui,-apple-system,sans-serif;--tractie-font-size-xs:0.75rem;--tractie-font-size-sm:0.875rem;--tractie-font-size-base:1rem;--tractie-font-size-lg:1.125rem;--tractie-font-size-xl:1.25rem;--tractie-font-size-2xl:1.5rem;--tractie-font-size-3xl:1.875rem;--tractie-font-size-4xl:2.25rem;--tractie-spacing-1:0.25rem;--tractie-spacing-2:0.5rem;--tractie-spacing-3:0.75rem;--tractie-spacing-4:1rem;--tractie-spacing-6:1.5rem;--tractie-spacing-8:2rem;--tractie-spacing-12:3rem;--tractie-spacing-16:4rem;--tractie-radius-sm:4px;--tractie-radius-md:8px;--tractie-radius-lg:12px;--tractie-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--tractie-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--tractie-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1)}body{font-family:var(--tractie-font-family-primary);color:var(--tractie-color-text);font-size:var(--tractie-font-size-base)}.chat-container,body{background-color:var(--tractie-color-secondary)}.chat-container{display:flex;min-height:100vh}.chat-timeline{width:60px;min-width:60px;display:flex;flex-direction:column;align-items:center;padding-top:40px;position:relative}.chat-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;transform:translateX(-50%)}.chat-timeline:before,.timeline-dot{background-color:var(--tractie-color-primary)}.timeline-dot{width:24px;height:24px;border-radius:50%;position:relative;z-index:1;flex-shrink:0}.timeline-dot.active{width:32px;height:32px;border:4px solid var(--tractie-color-primary);background-color:var(--tractie-color-secondary)}.chat-content{flex:1;padding:40px 40px 40px 20px;max-width:1200px}.chat-bubble{max-width:600px;padding:16px 20px;border-radius:16px;margin-bottom:8px;position:relative;font-size:var(--tractie-font-size-base);line-height:1.5}.chat-bubble-incoming{background-color:var(--chat-bubble-incoming);border-radius:16px 16px 16px 4px;margin-right:auto}.chat-bubble-outgoing{background-color:var(--chat-bubble-outgoing);border-radius:16px 16px 4px 16px;margin-left:auto}.chat-timestamp{font-size:var(--tractie-font-size-sm);color:var(--tractie-color-primary);font-weight:600;margin-bottom:8px}.chat-message-group{display:flex;gap:20px;margin-bottom:24px}.chat-message-group.outgoing{justify-content:flex-end}.chat-video-container{max-width:400px;border-radius:12px;overflow:hidden;margin:8px 0}.chat-video-container video{width:100%;display:block}.chat-image{max-width:300px;border-radius:12px;overflow:hidden;margin:8px 0}.chat-answer-button{display:inline-block;padding:12px 24px;background-color:var(--chat-bubble-outgoing);border:none;border-radius:20px;font-size:var(--tractie-font-size-base);cursor:pointer;transition:all .2s ease;text-align:center;margin:4px}.chat-answer-button:hover{background-color:#c5d8c4;transform:translateY(-1px)}.chat-answer-button.selected{background-color:var(--tractie-color-primary);color:white}.chat-action-button{display:inline-block;padding:12px 24px;background-color:var(--tractie-color-secondary);border:none;border-radius:8px;font-size:var(--tractie-font-size-lg);font-weight:700;color:var(--tractie-color-primary);cursor:pointer;transition:all .2s ease}.chat-action-button:hover{background-color:#f5be00}.chat-action-button-blue{display:inline-block;padding:12px 24px;background-color:var(--tractie-color-primary);border:none;border-radius:8px;font-size:var(--tractie-font-size-base);font-weight:600;color:white;cursor:pointer;transition:all .2s ease}.chat-action-button-blue:hover{background-color:#00246a}.chat-media-bubble{display:flex;gap:16px;align-items:flex-start;max-width:700px}.chat-media-bubble .media-content{width:120px;height:120px;border-radius:12px;overflow:hidden;flex-shrink:0;position:relative}.chat-media-bubble .media-content img,.chat-media-bubble .media-content video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-media-bubble .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-media-bubble .text-content{background-color:var(--chat-bubble-incoming);padding:16px 20px;border-radius:16px;flex:1;font-style:italic}.chat-choices-row{display:flex;gap:40px;margin-top:24px}.chat-choice-column{flex:1;display:flex;flex-direction:column;gap:16px}.tractie-container{max-width:1200px;margin:0 auto;padding:0 var(--tractie-spacing-4)}.tractie-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:none;border-radius:6px;font-size:var(--tractie-font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:var(--tractie-spacing-2);min-height:48px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tractie-button:disabled{opacity:.5;cursor:not-allowed}.tractie-button-primary{background-color:var(--tractie-button-primary-bg);color:var(--tractie-button-primary-text)}.tractie-button-primary:hover:not(:disabled){background-color:#00246a;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.tractie-button-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.tractie-button-secondary{background-color:var(--tractie-button-secondary-bg);color:var(--tractie-button-secondary-text);border:2px solid var(--tractie-button-secondary-bg)}.tractie-button-secondary:hover:not(:disabled){background-color:#f5be00;border-color:#f5be00;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.tractie-button-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.tractie-card{background:var(--tractie-color-background);border-radius:var(--tractie-radius-md);padding:var(--tractie-spacing-6);box-shadow:var(--tractie-shadow-md)}.tractie-heading-1{font-size:var(--tractie-font-size-4xl);line-height:1.2}.tractie-heading-1,.tractie-heading-2{font-weight:700;color:var(--tractie-color-primary)}.tractie-heading-2{font-size:var(--tractie-font-size-3xl);line-height:1.3}.tractie-heading-3{font-size:var(--tractie-font-size-2xl);font-weight:600;color:var(--tractie-color-primary);line-height:1.4}.tractie-text-body{font-size:var(--tractie-font-size-base);color:var(--tractie-color-text);line-height:1.6}.tractie-text-secondary{font-size:var(--tractie-font-size-sm);color:var(--tractie-color-text-secondary);line-height:1.5}.mb-2{margin-bottom:var(--tractie-spacing-2)}.mb-3{margin-bottom:var(--tractie-spacing-3)}.mb-4{margin-bottom:var(--tractie-spacing-4)}.mb-6{margin-bottom:var(--tractie-spacing-6)}.mb-8{margin-bottom:var(--tractie-spacing-8)}.mt-1{margin-top:var(--tractie-spacing-1)}.mt-4{margin-top:var(--tractie-spacing-4)}.mt-6{margin-top:var(--tractie-spacing-6)}.mt-8{margin-top:var(--tractie-spacing-8)}.flex{display:flex}.aspect-video{aspect-ratio:16/9}.h-10{height:2.5rem}.h-2{height:var(--tractie-spacing-2)}.h-3{height:var(--tractie-spacing-3)}.h-full{height:100%}.w-10{width:2.5rem}.w-32{width:8rem}.w-full{width:100%}.max-w-xl{max-width:36rem}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--tractie-spacing-2)}.gap-3{gap:var(--tractie-spacing-3)}.gap-4{gap:var(--tractie-spacing-4)}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--tractie-spacing-4) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--tractie-spacing-4) * var(--tw-space-y-reverse))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-white\/50{background-color:rgb(255 255 255/.5)}.p-4{padding:var(--tractie-spacing-4)}.pt-2{padding-top:var(--tractie-spacing-2)}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.space-y-3 button{box-shadow:none!important;outline:none}.space-y-3 button:focus{outline:none}.space-y-3 button:focus-visible{outline:2px solid var(--tractie-color-primary);outline-offset:2px}@media (max-width:768px){.chat-timeline{width:40px;min-width:40px}.chat-content{padding:20px 16px 20px 12px}.chat-bubble{max-width:85%}.chat-choices-row{gap:20px}.chat-choices-row,.chat-media-bubble{flex-direction:column}.chat-media-bubble .media-content{width:100%;height:auto;aspect-ratio:16/9}}