@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--primary:#4f17ce;--primary-container:#673de6;--on-primary:#fff;--on-primary-container:#e1d7ff;--primary-fixed:#e7deff;--primary-fixed-dim:#ccbeff;--secondary:#545e79;--secondary-container:#d5dfff;--on-secondary:#fff;--on-secondary-container:#58627d;--surface:#faf9fb;--surface-bright:#faf9fb;--surface-container-low:#f5f3f5;--surface-container:#efedf0;--surface-container-high:#e9e8ea;--surface-container-highest:#e3e2e4;--surface-container-lowest:#fff;--surface-dim:#dbd9dc;--on-surface:#1b1c1e;--on-surface-variant:#484455;--outline:#797487;--outline-variant:#cac3d8;--error:#ba1a1a;--on-error:#fff;--gradient-brand:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);--gradient-hero:linear-gradient(135deg, #f0ebff 0%, #faf9fb 60%, #e8e3ff 100%);--font-display:"Manrope", sans-serif;--font-body:"Inter", sans-serif;--text-display-lg:3.5rem;--text-display-md:2.75rem;--text-headline-lg:2rem;--text-headline-md:1.75rem;--text-headline-sm:1.375rem;--text-title-lg:1.125rem;--text-body-lg:1rem;--text-body-md:.875rem;--text-label-lg:.875rem;--text-label-md:.75rem;--text-label-sm:.6875rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--sp-32:8rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-ambient:0 8px 40px #1b1c1e0a;--shadow-float:0 16px 60px #1b1c1e0f;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--container-max:1280px;--container-pad:var(--sp-6)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;line-height:1.6}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;color:var(--on-surface);font-weight:700;line-height:1.2}h1{font-size:var(--text-display-lg)}h2{font-size:var(--text-headline-lg);letter-spacing:-.01em}h3{font-size:var(--text-headline-sm);font-weight:600}h4{font-size:var(--text-title-lg);font-weight:600}p{color:var(--on-surface-variant);line-height:1.7}.label{font-family:var(--font-body);font-size:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-container);font-weight:500}.btn{align-items:center;gap:var(--sp-2);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-label-lg);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;border:none;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:var(--on-primary);box-shadow:0 4px 16px #4f17ce40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f17ce59}.btn-secondary{background:var(--secondary-container);color:var(--on-secondary-container)}.btn-secondary:hover{box-shadow:var(--shadow-ambient);transform:translateY(-2px)}.btn-ghost{color:var(--primary);background:0 0;padding-inline:0;font-weight:600}.btn-ghost:hover{color:var(--primary-container);gap:var(--sp-3)}.btn-ghost .material-symbols-outlined{transition:transform var(--transition-fast);font-size:1.125rem}.btn-ghost:hover .material-symbols-outlined{transform:translate(4px)}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);transition:box-shadow var(--transition-normal);background:#faf9fbcc;border-bottom:1px solid #cac3d826;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:0 4px 32px #1b1c1e0f}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--sp-8);height:76px;display:flex}.navbar__logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--on-surface);align-items:center;gap:var(--sp-2);font-size:1.375rem;font-weight:800;display:flex}.navbar__logo-dot{background:var(--gradient-brand);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #673de699}.navbar__links{align-items:center;gap:var(--sp-6);flex:1;justify-content:center;display:flex}.navbar__links a{font-size:var(--text-label-lg);color:var(--on-surface-variant);transition:color var(--transition-fast);font-weight:500;position:relative}.navbar__links a:after{content:"";background:var(--gradient-brand);border-radius:var(--radius-full);opacity:0;height:2px;transition:opacity var(--transition-fast);position:absolute;bottom:-3px;left:0;right:0}.navbar__links a:hover,.navbar__links a.active{color:var(--primary)}.navbar__links a:hover:after,.navbar__links a.active:after{opacity:1}.navbar__cta{align-items:center;gap:var(--sp-3);display:flex}.navbar__hamburger{cursor:pointer;padding:var(--sp-2);background:0 0;border:none;flex-direction:column;gap:5px;display:none}.navbar__hamburger span{background:var(--on-surface);border-radius:var(--radius-full);width:22px;height:2px;transition:transform var(--transition-normal), opacity var(--transition-normal);display:block}@media (width<=768px){.navbar__links{align-items:flex-start;gap:var(--sp-4);flex-direction:column;display:none}.navbar__links.open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--sp-6);box-shadow:var(--shadow-float);background:#faf9fbf7;border-bottom:1px solid #cac3d833;display:flex;position:fixed;top:68px;left:0;right:0}.navbar__links.open a{font-size:var(--text-title-lg)}.navbar__hamburger{display:flex}.navbar__cta .btn-primary{display:none}}.footer{background:var(--surface-container-high);padding-block:var(--sp-12) var(--sp-8);margin-top:var(--sp-24)}.footer__grid{gap:var(--sp-8);margin-bottom:var(--sp-10);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer__brand h3{font-family:var(--font-display);margin-bottom:var(--sp-3);font-size:1.25rem}.footer__brand p{font-size:var(--text-body-md);max-width:280px}.footer__col h4{font-family:var(--font-display);font-size:var(--text-label-lg);margin-bottom:var(--sp-4);color:var(--on-surface);font-weight:600}.footer__col ul{gap:var(--sp-3);flex-direction:column;display:flex}.footer__col ul a{font-size:var(--text-body-md);color:var(--on-surface-variant);transition:color var(--transition-fast)}.footer__col ul a:hover{color:var(--primary)}.footer__bottom{padding-top:var(--sp-6);border-top:1px solid #cac3d84d;justify-content:space-between;align-items:center;display:flex}.footer__bottom p{font-size:var(--text-label-md);color:var(--outline)}.footer__bottom a{font-size:var(--text-label-md);color:var(--outline);transition:color var(--transition-fast)}.footer__bottom a:hover{color:var(--primary)}@media (width<=768px){.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}.footer__bottom{gap:var(--sp-3);text-align:center;flex-direction:column}}@media (width<=480px){.footer__grid{grid-template-columns:1fr}}.hero{padding-top:calc(68px + var(--sp-20));padding-bottom:var(--sp-20);background:var(--gradient-hero);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#673de614 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-20%;right:-10%}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#4f17ce0d 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-10%;left:-5%}.hero__content{z-index:1;position:relative}.hero__label{margin-bottom:var(--sp-4)}.hero__title{margin-bottom:var(--sp-6);max-width:800px}.hero__title em{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__desc{max-width:580px;margin-bottom:var(--sp-8);font-size:1.125rem}.hero__actions{gap:var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.hero__stats{gap:var(--sp-10);margin-top:var(--sp-12);flex-wrap:wrap;display:flex}.hero__stat-value{font-family:var(--font-display);color:var(--on-surface);font-size:2rem;font-weight:700}.hero__stat-label{font-size:var(--text-body-md);color:var(--on-surface-variant)}.section{padding-block:var(--sp-20)}.section--alt{background:var(--surface-container-low)}.section__header{text-align:center;margin-bottom:var(--sp-12)}.section__header .label{margin-bottom:var(--sp-3);display:block}.section__header h2{margin-bottom:var(--sp-4)}.section__header p{max-width:600px;margin-inline:auto;font-size:1.0625rem}.cards-grid{gap:var(--sp-6);display:grid}.cards-grid--3{grid-template-columns:repeat(3,1fr)}.cards-grid--4{grid-template-columns:repeat(4,1fr)}.cards-grid--2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--sp-8);box-shadow:var(--shadow-ambient);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-float);transform:translateY(-4px)}.card__icon{border-radius:var(--radius-md);background:var(--primary-fixed);width:48px;height:48px;margin-bottom:var(--sp-5);justify-content:center;align-items:center;display:flex}.card__icon .material-symbols-outlined{color:var(--primary);font-size:1.5rem}.card h3{margin-bottom:var(--sp-3)}.card p{font-size:var(--text-body-md)}.feature-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--sp-8);box-shadow:var(--shadow-ambient);transition:transform var(--transition-normal), box-shadow var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-brand);border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.feature-card:hover:before{opacity:1}.feature-card:hover{box-shadow:var(--shadow-float);transform:translateY(-4px)}.pricing-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}.pricing-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--sp-8);box-shadow:var(--shadow-ambient);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:1.5px solid #0000;flex-direction:column;display:flex}.pricing-card:hover{box-shadow:var(--shadow-float);transform:translateY(-4px)}.pricing-card--featured{background:linear-gradient(145deg,#f3eeff 0%,#fff 100%);border-color:#673de640;position:relative}.pricing-card__badge{background:var(--gradient-brand);color:#fff;font-size:var(--text-label-sm);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);padding:4px 16px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card__plan{font-size:var(--text-label-lg);color:var(--on-surface-variant);margin-bottom:var(--sp-2);font-weight:600}.pricing-card__price{font-family:var(--font-display);font-size:var(--text-display-md);color:var(--on-surface);margin-bottom:var(--sp-2);align-items:baseline;gap:var(--sp-1);font-weight:700;display:flex}.pricing-card__price span{font-size:var(--text-body-md);color:var(--on-surface-variant);font-weight:400}.pricing-card__desc{font-size:var(--text-body-md);color:var(--on-surface-variant);margin-bottom:var(--sp-6)}.pricing-card__features{gap:var(--sp-3);margin-bottom:var(--sp-8);flex-direction:column;flex:1;display:flex}.pricing-card__feature{align-items:center;gap:var(--sp-3);font-size:var(--text-body-md);color:var(--on-surface);display:flex}.pricing-card__feature .material-symbols-outlined{color:var(--primary);font-variation-settings:"FILL" 1;font-size:1.125rem}.cta-banner{background:var(--gradient-brand);border-radius:var(--radius-xl);padding:var(--sp-12) var(--sp-10);text-align:center;margin-block:var(--sp-20);position:relative;overflow:hidden}.cta-banner:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.cta-banner h2{color:#fff;margin-bottom:var(--sp-4);position:relative}.cta-banner p{color:#fffc;max-width:500px;margin-inline:auto;margin-bottom:var(--sp-8);font-size:1.0625rem;position:relative}.cta-banner__actions{gap:var(--sp-4);flex-wrap:wrap;justify-content:center;display:flex;position:relative}.btn-white{color:var(--primary);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-label-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;background:#fff;border:none;padding:.75rem 1.75rem}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.btn-outline-white{color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-label-lg);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1.5px solid #ffffff80;padding:.75rem 1.75rem}.btn-outline-white:hover{background:#ffffff1a;border-color:#fff}.stats-row{gap:var(--sp-6);grid-template-columns:repeat(4,1fr);display:grid}.stat-box{text-align:center;padding:var(--sp-8);background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient)}.stat-box__value{font-family:var(--font-display);color:var(--primary);margin-bottom:var(--sp-2);font-size:2.5rem;font-weight:700}.stat-box__label{font-size:var(--text-body-md);color:var(--on-surface-variant)}.steps{gap:var(--sp-6);flex-direction:column;display:flex}.step{gap:var(--sp-6);align-items:flex-start;display:flex}.step__num{background:var(--primary-fixed);width:40px;height:40px;color:var(--primary);font-family:var(--font-display);font-weight:700;font-size:var(--text-label-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step__body h4{margin-bottom:var(--sp-2)}.step__body p{font-size:var(--text-body-md)}.tag{align-items:center;gap:var(--sp-2);border-radius:var(--radius-full);background:var(--secondary-container);color:var(--on-secondary-container);font-size:var(--text-label-sm);padding:.25rem .75rem;font-weight:500;display:inline-flex}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.cards-grid--4,.pricing-grid,.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--text-display-lg:2.5rem;--text-headline-lg:1.625rem}.cards-grid--3,.cards-grid--2,.pricing-grid{grid-template-columns:1fr}.cta-banner{padding:var(--sp-8) var(--sp-6)}}@media (width<=640px){.cards-grid--4{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}h1{font-size:2rem}}.contact-form{gap:var(--sp-5);flex-direction:column;display:flex}.form-group{gap:var(--sp-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-label-lg);color:var(--on-surface);font-weight:500}.form-input{background:var(--surface-container-high);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body-lg);color:var(--on-surface);transition:background var(--transition-fast), box-shadow var(--transition-fast);border:none;outline:none;width:100%;padding:.75rem 1rem}.form-input::placeholder{color:var(--outline)}.form-input:focus{background:var(--surface-container);box-shadow:0 0 0 2px #673de666}select.form-input{cursor:pointer}textarea.form-input{resize:vertical;min-height:120px}.two-col{gap:var(--sp-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (width<=768px){.two-col{gap:var(--sp-10);grid-template-columns:1fr}}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1;display:inline-block}.benefit-list{gap:var(--sp-4);flex-direction:column;display:flex}.benefit-item{gap:var(--sp-4);align-items:flex-start;display:flex}.benefit-item__icon{border-radius:var(--radius-md);background:var(--primary-fixed);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.benefit-item__icon .material-symbols-outlined{color:var(--primary);font-size:1.25rem}.benefit-item h4{margin-bottom:var(--sp-1)}.benefit-item p{font-size:var(--text-body-md)}.hero--page{padding-top:calc(68px + var(--sp-16));padding-bottom:var(--sp-16)}.hero--page .hero__title{font-size:var(--text-display-md)}.navbar__logo-img{object-fit:contain;width:auto;height:52px;display:block}.service-visual{border-radius:var(--radius-xl);background:var(--surface-container-lowest);width:100%;max-width:460px;box-shadow:var(--shadow-float);padding:var(--sp-8);margin-inline:auto;position:relative;overflow:hidden}.odoo-visual{background:linear-gradient(145deg,#f3eeff 0%,#fff 100%)}.odoo-visual .ov-bar{border-radius:var(--radius-full);background:var(--gradient-brand);transform-origin:0;height:8px;animation:2s ease-in-out infinite alternate ov-grow}.odoo-visual .ov-bar:nth-child(2){animation-delay:.3s}.odoo-visual .ov-bar:nth-child(3){animation-delay:.6s}.odoo-visual .ov-bar:nth-child(4){animation-delay:.9s}@keyframes ov-grow{0%{opacity:.6;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}.odoo-visual .ov-card{background:var(--surface-container-low);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);align-items:center;gap:var(--sp-3);animation:1.2s both ov-fadein;display:flex}.odoo-visual .ov-card:first-child{animation-delay:0s}.odoo-visual .ov-card:nth-child(2){animation-delay:.2s}.odoo-visual .ov-card:nth-child(3){animation-delay:.4s}@keyframes ov-fadein{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.sf-visual{background:linear-gradient(145deg,#edf2ff 0%,#fff 100%)}.sf-stage{border-radius:var(--radius-md);padding:var(--sp-3);background:var(--surface-container-low);gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.sf-lead{border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--text-label-sm);color:var(--on-surface);background:#fff;font-weight:500;animation:1.6s both sf-slide;box-shadow:0 2px 8px #0000000f}.sf-lead:first-child{animation-delay:0s}.sf-lead:nth-child(2){animation-delay:.25s}.sf-lead:nth-child(3){animation-delay:.5s}@keyframes sf-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sf-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite sf-pulse}@keyframes sf-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.n8n-visual{background:linear-gradient(145deg,#f0f9f0 0%,#fff 100%)}.n8n-node{align-items:center;gap:var(--sp-3);background:var(--surface-container-lowest);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);animation:.5s cubic-bezier(.34,1.56,.64,1) both n8n-pop;display:flex;box-shadow:0 2px 12px #0000000f}.n8n-node:nth-child(odd){animation-delay:0s}.n8n-node:nth-child(2n){animation-delay:.2s}@keyframes n8n-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.n8n-connector{background:linear-gradient(to bottom, var(--primary), #673de633);width:2px;height:24px;margin-left:21px;animation:1.5s ease-in-out infinite n8n-beam}@keyframes n8n-beam{0%,to{opacity:.4}50%{opacity:1}}.n8n-icon-box{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.chat-btn{z-index:9000;background:var(--gradient-brand);color:#fff;cursor:pointer;width:56px;height:56px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out 3s 3 chat-bounce;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #4f17ce73}.chat-btn:hover{transform:scale(1.1);box-shadow:0 12px 32px #4f17ce8c}.chat-btn .material-symbols-outlined{font-size:1.6rem}@keyframes chat-bounce{0%,to{transform:scale(1)}40%{transform:scale(1.12)translateY(-4px)}70%{transform:scale(.96)translateY(2px)}}.chat-btn__badge{color:#fff;border:2px solid var(--surface);background:#ea4335;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.chat-panel{z-index:8999;background:var(--surface-container-lowest);border-radius:var(--radius-xl);opacity:0;pointer-events:none;flex-direction:column;width:360px;max-height:520px;transition:transform .3s cubic-bezier(.34,1.2,.64,1),opacity .25s;display:flex;position:fixed;bottom:96px;right:28px;overflow:hidden;transform:scale(.92)translateY(16px);box-shadow:0 24px 80px #1b1c1e2e,0 0 0 1px #cac3d840}.chat-panel.open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.chat-header{background:var(--gradient-brand);padding:var(--sp-4) var(--sp-5);align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.chat-header__avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-header__avatar .material-symbols-outlined{color:#fff;font-size:1.4rem}.chat-header__info{flex:1}.chat-header__name{font-family:var(--font-display);color:#fff;font-weight:700;font-size:var(--text-body-lg)}.chat-header__status{font-size:var(--text-label-sm);color:#fffc;align-items:center;gap:6px;display:flex}.chat-header__status:before{content:"";background:#4caf50;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite status-blink;display:block}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.4}}.chat-header__close{cursor:pointer;color:#fffc;border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.chat-header__close:hover{color:#fff;background:#ffffff26}.chat-messages{padding:var(--sp-4) var(--sp-4);gap:var(--sp-3);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}.chat-bubble{max-width:85%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--text-body-md);line-height:1.5;animation:.3s both bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-bubble--bot{background:var(--surface-container-low);color:var(--on-surface);border-radius:var(--radius-md) var(--radius-lg) var(--radius-lg) var(--radius-sm);align-self:flex-start}.chat-bubble--user{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-lg) var(--radius-md) var(--radius-sm) var(--radius-lg);align-self:flex-end}.chat-bubble--time{color:var(--outline);padding-inline:var(--sp-2);align-self:flex-start;font-size:10px}.chat-quick-replies{gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3);flex-wrap:wrap;display:flex}.chat-quick-btn{background:var(--primary-fixed);color:var(--primary);border-radius:var(--radius-full);font-size:var(--text-label-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:1px solid #673de633;padding:6px 14px;font-weight:600}.chat-quick-btn:hover{background:var(--primary-fixed-dim);transform:translateY(-1px)}.chat-input-area{padding:var(--sp-3) var(--sp-4);gap:var(--sp-2);border-top:1px solid #cac3d833;flex-shrink:0;align-items:flex-end;display:flex}.chat-input{background:var(--surface-container);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-family:var(--font-body);font-size:var(--text-body-md);color:var(--on-surface);resize:none;max-height:100px;transition:box-shadow var(--transition-fast);border:none;outline:none;flex:1;line-height:1.5}.chat-input:focus{box-shadow:0 0 0 2px #673de64d}.chat-input::placeholder{color:var(--outline)}.chat-send{background:var(--gradient-brand);color:#fff;cursor:pointer;width:40px;height:40px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send:hover{transform:scale(1.08);box-shadow:0 4px 16px #4f17ce59}.chat-send .material-symbols-outlined{font-size:1.1rem}@media (width<=480px){.chat-panel{width:calc(100vw - 24px);bottom:80px;right:12px}.chat-btn{bottom:18px;right:18px}}.chat-typing{padding:var(--sp-3) var(--sp-4);background:var(--surface-container-low);border-radius:var(--radius-md) var(--radius-lg) var(--radius-lg) var(--radius-sm);align-self:flex-start;align-items:center;gap:4px;width:64px;display:flex}.chat-typing span{background:var(--outline);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing-dot}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}