.elementor-1113 .elementor-element.elementor-element-4359d57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:150px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1113 .elementor-element.elementor-element-4359d57:not(.elementor-motion-effects-element-type-background), .elementor-1113 .elementor-element.elementor-element-4359d57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://koota.app/wp-content/uploads/2026/02/1009a35650508414427d78a233d3d1812b3d2286-Photoroom.png");background-position:center center;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1113 .elementor-element.elementor-element-429bccb{width:var( --container-widget-width, 11% );max-width:11%;background-color:#F0FFF1;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:11%;--container-widget-flex-grow:0;border-radius:50px 50px 50px 50px;text-align:center;}.elementor-1113 .elementor-element.elementor-element-429bccb.elementor-element{--align-self:center;}.elementor-1113 .elementor-element.elementor-element-429bccb .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1em;font-weight:600;color:#45AD4E;}.elementor-1113 .elementor-element.elementor-element-987b8db{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-1113 .elementor-element.elementor-element-987b8db .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1113 .elementor-element.elementor-element-61be0f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:1em;font-weight:400;}.elementor-1113 .elementor-element.elementor-element-61be0f4 p{margin-block-end:0px;}.elementor-1113 .elementor-element.elementor-element-8863533{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:020px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1113 .elementor-element.elementor-element-8863533:not(.elementor-motion-effects-element-type-background), .elementor-1113 .elementor-element.elementor-element-8863533 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://koota.app/wp-content/uploads/2026/02/contact-us-content-bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1113 .elementor-element.elementor-element-e5a1686{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-1113 .elementor-element.elementor-element-e5a1686.elementor-element{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1113 .elementor-element.elementor-element-c1dff34{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1113 .elementor-element.elementor-element-c1dff34 img{width:100%;height:346px;object-fit:cover;object-position:center center;}.elementor-1113 .elementor-element.elementor-element-3cd4c30{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-757fbb6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-f91138e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-fc3872a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-531dbcf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-cf6a0f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-d542b43{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-e521d8d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-ab829da{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-6c3c68c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-6d11ab7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-375fee9.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1113 .elementor-element.elementor-element-0c318c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-d5a8ca1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-14d905a.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1113 .elementor-element.elementor-element-c484357{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-65c0e83.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1113 .elementor-element.elementor-element-dc984c1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-f4181a1.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1113 .elementor-element.elementor-element-a6fa40a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-efbf9a8 *//* Section Design Fondation - Koota */
.koota-design-intro {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.7;
    width: 100%;
    /* Pas de padding inline ni de max-width ici */
}

.koota-design-intro h2 {
    color: #333333;
    font-weight: 700;
    font-size: 1.85rem;
    margin-bottom: 25px;
}

.koota-design-flex {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.koota-design-text {
    flex: 1.2;
    min-width: 300px;
}

.koota-design-image {
    flex: 0.8;
    min-width: 300px;
}

.koota-design-image img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    /* Ombre portée subtile typée "studio graphique" */
    box-shadow: 0 20px 40px rgba(0,0,0,0.06);
    border: 1px solid #f0f0f0;
}

/* Bloc d'accentuation pour la cohérence */
.koota-design-highlight {
    background-color: #f4faf4;
    border-left: 4px solid #45AD4E;
    padding: 25px;
    margin-top: 30px;
    border-radius: 0 12px 12px 0;
}

.koota-design-highlight p {
    margin: 0;
    font-weight: 500;
    color: #444;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51b73f2 *//* Section Centralisation Design - Koota */
.koota-design-storage {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.7;
    width: 100%;
}

.koota-design-storage h2 {
    color: #333333;
    font-weight: 700;
    font-size: 1.85rem;
    margin-bottom: 25px;
}

/* Grille des éléments centralisés */
.koota-design-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 35px 0;
}

.koota-design-item {
    background: #ffffff;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
}

.koota-design-item:hover {
    border-color: #45AD4E;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.koota-design-icon {
    font-size: 1.5rem;
    width: 45px;
    height: 45px;
    background: #f4faf4;
    color: #45AD4E;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}

.koota-design-label {
    font-weight: 600;
    color: #444;
    font-size: 0.95rem;
}

/* Bloc d'équipe */
.koota-team-synergy {
    margin-top: 40px;
    padding: 30px;
    background-color: #1f2a37;
    border-radius: 15px;
    color: #d1d5db;
}

.koota-team-synergy strong {
    color: #45AD4E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0aaf03 *//* Section Couleurs & Cohérence - Koota */
.koota-colors-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.7;
    width: 100%;
}

.koota-colors-section h2 {
    color: #333333;
    font-weight: 700;
    font-size: 1.85rem;
    margin-bottom: 25px;
}

/* Visualisation de la stabilité chromatique */
.koota-color-viz {
    display: flex;
    gap: 10px;
    margin: 30px 0;
    height: 60px;
}

.koota-color-bar {
    flex: 1;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.koota-color-bar:hover {
    transform: scaleY(1.1);
}

/* Couleurs Koota pour l'exemple visuel */
.c-1 { background-color: #45AD4E; } /* Vert Koota */
.c-2 { background-color: #1f2a37; } /* Sombre Pro */
.c-3 { background-color: #1F9637; } /* Info */
.c-4 { background-color: #E7F053; } /* Warning */
.c-5 { background-color: #E7F053; opacity: 0.5; }

.koota-color-usage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 35px;
}

.koota-usage-card {
    border-left: 3px solid #eee;
    padding-left: 20px;
}

.koota-usage-card strong {
    display: block;
    color: #333;
    margin-bottom: 5px;
}

.koota-colors-footer {
    margin-top: 40px;
    padding: 25px;
    background: #f9fbf9;
    border-radius: 12px;
    text-align: center;
    font-weight: 600;
    color: #45AD4E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-369d349 *//* Section Gestion Logo - Koota */
.koota-logo-management {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.7;
    width: 100%;
}

.koota-logo-management h2 {
    color: #333333;
    font-weight: 700;
    font-size: 1.85rem;
    margin-bottom: 25px;
}

.koota-logo-flex {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.koota-logo-text {
    flex: 1.2;
    min-width: 300px;
}

.koota-logo-image {
    flex: 0.8;
    min-width: 300px;
    display: flex;
    justify-content: center;
}

.koota-logo-image img {
    width: 100%;
    max-width: 350px; /* On limite un peu la largeur pour ne pas écraser le texte */
    height: auto;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Bloc d'avantages */
.koota-logo-benefits {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 35px;
    background-color: #f9fbf9;
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #edf2ed;
}

.koota-benefit-card h4 {
    margin-top: 0;
    color: #1f2a37;
    margin-bottom: 10px;
    font-weight: 700;
}

.koota-benefit-card p {
    margin-bottom: 0;
    font-size: 0.95rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3cfd76 *//* Section Typographie - Koota */
.koota-typo-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.7;
    width: 100%;
}

.koota-typo-section h2 {
    color: #333333;
    font-weight: 700;
    font-size: 1.85rem;
    margin-bottom: 25px;
}

/* Démonstrateur de hiérarchie */
.koota-typo-demo {
    margin: 35px 0;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.03);
}

.koota-typo-sample-h {
    border-bottom: 2px solid #f4faf4;
    padding-bottom: 10px;
}

.koota-typo-sample-h span {
    display: block;
    font-size: 0.8rem;
    color: #45AD4E;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-weight: 700;
}

.koota-typo-sample-h h1 {
    margin: 0;
    color: #1f2a37;
    font-size: 2.2rem;
    font-weight: 800;
}

.koota-typo-sample-p span {
    display: block;
    font-size: 0.8rem;
    color: #45AD4E;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-weight: 700;
}

.koota-typo-sample-p p {
    margin: 0;
    font-size: 1rem;
    color: #666;
}

.koota-typo-footer {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
    font-weight: 600;
    color: #333;
}

.koota-typo-dot {
    width: 10px;
    height: 10px;
    background: #45AD4E;
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30f5c57 *//* Section Scrapbook & Univers - Koota */
.koota-scrapbook-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.7;
    width: 100%;
}

.koota-scrapbook-section h2 {
    color: #333333;
    font-weight: 700;
    font-size: 1.85rem;
    margin-bottom: 25px;
}

.koota-scrapbook-flex {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.koota-scrapbook-text {
    flex: 1;
    min-width: 300px;
}

.koota-scrapbook-image {
    flex: 1;
    min-width: 300px;
}

.koota-scrapbook-image img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    /* Ombre de style "photo éparpillée" pour l'aspect scrapbook */
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* Grille d'impact créatif */
.koota-creative-impact {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 40px;
}

.koota-impact-card {
    background: #ffffff;
    border: 1px solid #eee;
    padding: 25px;
    border-radius: 12px;
    transition: transform 0.3s ease;
}

.koota-impact-card:hover {
    transform: translateY(-5px);
    border-color: #45AD4E;
}

.koota-impact-card strong {
    display: block;
    color: #1f2a37;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.koota-impact-card p {
    font-size: 0.95rem;
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-160c09b *//* Section Conclusion Design - Koota */
.koota-design-efficiency-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.8;
    width: 100%;
    padding: 40px 0;
}

.koota-design-efficiency-section h2 {
    color: #333333;
    font-weight: 800;
    font-size: 2.1rem;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
}

/* Grille d'impact opérationnel */
.koota-impact-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
}

.koota-impact-tag {
    background: #f4faf4;
    color: #45AD4E;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 700;
    border: 1px solid #e1eee1;
}

/* Bloc focus Productivité */
.koota-productivity-focus {
    background-color: #1f2a37;
    color: #ffffff;
    padding: 40px;
    border-radius: 20px;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}

.koota-productivity-focus::after {
    content: "🚀";
    position: absolute;
    right: 30px;
    bottom: 20px;
    font-size: 4rem;
    opacity: 0.1;
}

.koota-productivity-focus p {
    color: #d1d5db;
    margin-bottom: 0;
    font-size: 1.1rem;
}

.koota-productivity-focus strong {
    color: #45AD4E;
    font-size: 1.25rem;
    display: block;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ced3ba1 *//* Section Synergie Design/SEO - Koota */
.koota-synergy-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.8;
    width: 100%;
}

.koota-synergy-section h2 {
    color: #333333;
    font-weight: 800;
    font-size: 1.9rem;
    margin-bottom: 30px;
}

/* Le diagramme de connexion */
.koota-synergy-diagram {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 40px 0;
    padding: 30px;
    background: #fdfdfd;
    border: 1px dashed #e1eee1;
    border-radius: 20px;
}

.koota-node {
    text-align: center;
    flex: 1;
}

.koota-node span {
    display: block;
    font-weight: 800;
    font-size: 0.9rem;
    color: #1f2a37;
    margin-top: 10px;
    text-transform: uppercase;
}

.koota-connector {
    width: 50px;
    height: 2px;
    background: #45AD4E;
    position: relative;
}

.koota-connector::after {
    content: "";
    position: absolute;
    right: 0;
    top: -4px;
    border-left: 6px solid #45AD4E;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

/* Bloc Focus IA */
.koota-ai-seo-focus {
    background: linear-gradient(135deg, #f4faf4 0%, #ffffff 100%);
    border-left: 5px solid #45AD4E;
    padding: 30px;
    margin-top: 40px;
    border-radius: 0 15px 15px 0;
}

.koota-ai-seo-focus h3 {
    margin-top: 0;
    font-size: 1.2rem;
    color: #1f2a37;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 600px) {
    .koota-synergy-diagram { flex-direction: column; gap: 20px; }
    .koota-connector { display: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d95f087 *//* Section Proximité Québec - Koota */
.koota-quebec-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.8;
    width: 100%;
    border-top: 1px solid #eee;
    padding-top: 40px;
}

.koota-quebec-section h2 {
    color: #333333;
    font-weight: 800;
    font-size: 1.9rem;
    margin-bottom: 25px;
}

/* Badge Local */
.koota-local-badge {
    display: inline-flex;
    align-items: center;
    background: #f4faf4;
    color: #45AD4E;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 700;
    margin-bottom: 20px;
    border: 1px solid #e1eee1;
}

.koota-quebec-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin: 30px 0;
}

.koota-quebec-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.koota-quebec-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    font-size: 0.95rem;
}

.koota-quebec-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #45AD4E;
    font-weight: 900;
}

/* Footer avec localisation */
.koota-regions-footer {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 12px;
    font-size: 0.9rem;
    color: #666;
    border-left: 4px solid #1f2a37;
}

@media (max-width: 768px) {
    .koota-quebec-grid { grid-template-columns: 1fr; gap: 20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e51fc7 *//* Section Web Moderne - Koota */
.koota-modern-web-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.8;
    width: 100%;
    margin-bottom: 50px;
}

.koota-modern-web-section h2 {
    color: #333333;
    font-weight: 800;
    font-size: 1.9rem;
    margin-bottom: 25px;
}

/* Grille des canaux de diffusion */
.koota-channels-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    margin: 35px 0;
}

.koota-channel-card {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 600;
    color: #444;
    transition: all 0.3s ease;
}

.koota-channel-card:hover {
    background: #45AD4E;
    color: #fff;
    border-color: #45AD4E;
    transform: translateY(-3px);
}

/* Bloc Avantage Centralisation */
.koota-central-advantage {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #1f2a37;
    color: #fff;
    padding: 25px;
    border-radius: 12px;
    margin-top: 35px;
}

.koota-advantage-icon {
    font-size: 2rem;
    flex-shrink: 0;
}

.koota-central-advantage p {
    margin: 0;
    font-size: 1rem;
    color: #d1d5db;
}

.koota-central-advantage strong {
    color: #45AD4E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-375fee9 *//* Section Tableau Récapitulatif - Koota */
.koota-summary-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    width: 100%;
    margin-bottom: 50px;
}

.koota-summary-section h2 {
    color: #333333;
    font-weight: 800;
    font-size: 1.9rem;
    margin-bottom: 30px;
}

.koota-table-container {
    width: 100%;
    overflow-x: auto; /* Pour le mobile */
    border-radius: 15px;
    border: 1px solid #eee;
}

.koota-design-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    text-align: left;
}

.koota-design-table thead {
    background-color: #1f2a37;
    color: #ffffff;
}

.koota-design-table th {
    padding: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
}

.koota-design-table td {
    padding: 18px 20px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.95rem;
    color: #555;
}

.koota-design-table tr:last-child td {
    border-bottom: none;
}

.koota-design-table tr:hover td {
    background-color: #f9fbf9;
}

/* Style spécifique pour la première colonne */
.koota-design-table td:first-child {
    font-weight: 700;
    color: #45AD4E;
}

/* Badge de bénéfice */
.koota-benefit-tag {
    display: inline-block;
    padding: 4px 12px;
    background: #eef7ee;
    color: #3d8b44;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
}

@media (max-width: 600px) {
    .koota-design-table th, .koota-design-table td {
        padding: 12px;
        font-size: 0.85rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-684b6ff *//* Illustration "Studio Design" en pur CSS */
.koota-design-tool-container {
    width: 100%;
    background: #fdfdfd;
    border: 1px solid #eee;
    border-radius: 12px;
    display: flex;
    overflow: hidden;
    margin: 30px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

/* Barre d'outils style Photoshop/Figma */
.koota-side-toolbar {
    width: 50px;
    background: #1f2a37;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0;
    gap: 12px;
}

.koota-tool-icon {
    width: 32px;
    height: 32px;
    background: rgba(255,255,255,0.1);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: 0.2s;
}

.koota-tool-icon.active { background: #45AD4E; }

/* Zone de travail (Canvas) */
.koota-canvas-area {
    flex: 1;
    background: #f0f2f5;
    position: relative;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Éléments de design flottants */
.koota-css-logo-mockup {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 1.5rem;
    color: #45AD4E;
    border: 2px solid #45AD4E;
    position: relative;
}

/* Points d'ancrage style vecteur */
.koota-anchor {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    border: 2px solid #45AD4E;
    border-radius: 2px;
}
.a1 { top: -5px; left: -5px; }
.a2 { top: -5px; right: -5px; }
.a3 { bottom: -5px; left: -5px; }
.a4 { bottom: -5px; right: -5px; }

/* Panneau de propriétés à droite */
.koota-prop-panel {
    width: 180px;
    background: #fff;
    border-left: 1px solid #eee;
    padding: 15px;
}

.koota-prop-line {
    height: 8px;
    background: #eee;
    margin-bottom: 15px;
    border-radius: 4px;
}

.koota-color-swatch {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.koota-swatch {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

/* Texte de section */
.koota-growth-text {
    font-family: 'Inter', sans-serif;
    color: #7A7A7A;
    line-height: 1.8;
}

.koota-growth-text h2 {
    color: #333;
    font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14d905a *//* Section Maillage Stratégique - Koota */
.koota-cross-linking {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.8;
    width: 100%;
    margin: 60px 0;
    padding: 40px;
    background: #fdfdfd;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
}

.koota-cross-linking h2 {
    color: #1f2a37;
    font-weight: 800;
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-align: center;
}

.koota-cross-linking p {
    max-width: 850px;
    margin: 0 auto 25px auto;
    text-align: center;
}

/* Grille de liens stylisée */
.koota-links-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 15px;
    margin-top: 35px;
}

.koota-link-card {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.koota-link-card:hover {
    border-color: #45AD4E;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transform: translateY(-2px);
}

.koota-link-card .icon {
    font-size: 1.2rem;
    margin-right: 12px;
}

.koota-link-card .text {
    font-size: 0.9rem;
    font-weight: 600;
    color: #444;
    line-height: 1.3;
}

.koota-link-card:hover .text {
    color: #45AD4E;
}

/* Footer avec ligne de séparation */
.koota-mesh-footer {
    margin-top: 40px;
    padding-top: 25px;
    border-top: 1px solid #eee;
    text-align: center;
    font-size: 0.95rem;
    color: #1f2a37;
    font-weight: 500;
}

@media (max-width: 600px) {
    .koota-cross-linking { padding: 25px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65c0e83 *//* Section FAQ - Koota */
.koota-faq-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    width: 100%;
    margin-bottom: 60px;
}

.koota-faq-section h2 {
    color: #333;
    font-weight: 800;
    font-size: 2rem;
    margin-bottom: 35px;
    text-align: center;
}

.koota-faq-container {
    margin: 0 auto;
}

/* Style de l'accordéon (HTML natif details/summary) */
.koota-faq-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.koota-faq-item:hover {
    border-color: #45AD4E;
}

.koota-faq-item summary {
    padding: 20px 25px;
    font-weight: 700;
    color: #1f2a37;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Petite flèche personnalisée */
.koota-faq-item summary::after {
    content: "+";
    color: #45AD4E;
    font-size: 1.5rem;
    font-weight: 400;
    transition: transform 0.3s ease;
}

.koota-faq-item[open] summary::after {
    content: "−";
    transform: rotate(180deg);
}

.koota-faq-item[open] {
    border-color: #45AD4E;
    box-shadow: 0 5px 15px rgba(0,0,0,0.02);
}

.koota-faq-content {
    padding: 0 25px 25px 25px;
    color: #7A7A7A;
    line-height: 1.7;
    font-size: 0.95rem;
}

.koota-faq-content strong {
    color: #45AD4E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4181a1 *//* Section Lexique - Koota */
.koota-lexique-section {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #7A7A7A;
    line-height: 1.6;
    width: 100%;
    margin-bottom: 50px;
}

.koota-lexique-section h2 {
    color: #333333;
    font-weight: 800;
    font-size: 1.8rem;
    margin-bottom: 30px;
    border-bottom: 2px solid #f4faf4;
    display: inline-block;
    padding-bottom: 5px;
}

.koota-lexique-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.koota-lexique-item {
    padding: 15px;
    border-radius: 8px;
    transition: background 0.3s ease;
    border-left: 3px solid transparent;
}

.koota-lexique-item:hover {
    background: #f9fbf9;
    border-left-color: #45AD4E;
}

.koota-lexique-item strong {
    display: block;
    color: #1f2a37;
    font-size: 1.05rem;
    margin-bottom: 4px;
}

.koota-lexique-item p {
    margin: 0;
    font-size: 0.92rem;
}

@media (max-width: 600px) {
    .koota-lexique-grid { grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d43fca *//* Section CTA Final - Uniformité Koota */
.koota-cta-wrap {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    width: 100%;
    padding: 0;
    background-color: #ffffff;
}

.koota-cta-card {
    margin: 0 auto;
    background: #1f2a37;
    border-radius: 24px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #ffffff;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.koota-cta-content {
    flex: 1.2;
    padding: 60px;
}

.koota-cta-image {
    flex: 0.8;
    align-self: stretch;
    background-color: #45AD4E;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.koota-cta-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.koota-cta-content h2 {
    color: #ffffff;
    font-weight: 800;
    font-size: 2.2rem;
    margin-bottom: 20px;
    line-height: 1.2;
}

.koota-cta-content p {
    color: #d1d5db;
    font-size: 1.1rem;
    margin-bottom: 20px; /* Ajusté pour le contenu plus long */
    line-height: 1.6;
}

.koota-cta-contact-details {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 25px;
    margin-top: 20px;
    font-size: 0.9rem;
    color: #d1d5db;
}

.koota-cta-contact-details a {
    color: #45AD4E !important;
    text-decoration: none;
    font-weight: 600;
}

.koota-btn {
    display: inline-block;
    background-color: #45AD4E;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 16px 35px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.1rem;
    margin: 20px 0;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(69, 173, 78, 0.3);
}

.koota-btn:hover {
    background-color: #3d9643;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(69, 173, 78, 0.4);
}

@media (max-width: 850px) {
    .koota-cta-card {
        flex-direction: column;
        margin: 0 20px;
    }
    .koota-cta-content {
        padding: 40px;
        text-align: center;
        order: 1;
    }
    .koota-cta-image {
        width: 100%;
        height: 350px;
        order: 2;
    }
}/* End custom CSS */