/*
================================================
--- CONSOLIDATED STYLES: app.min.css ---
================================================
*/

/* === From: style.css === */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
@font-face {font-family: 'Libertinus Sans';src: url('../fonts/LibertinusSans-Regular.woff2') format('woff2');font-weight: normal;font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-family: 'Libertinus Sans', sans-serif;}
:root {--orange-color: #61c2ff;--blue-color: #4a90e2;--dark-text: #1d1e21;--light-text: #6180cd;--heading-text: #6180cd;--white-text: #ffffff;--background-grey: #f3f3f3;--background-pink: #f5d8e2d6;--footer-bg : #2c2f42;--footer-bottom-bg: #202231;--footer-text: #a9a9c2;--footer-heading: #ffffff;--pricing-purple: #8b5cf6;--pricing-light-blue-bg: #e0f2fe;--pricing-light-blue-text: #0ea5e9;--placeholder-text: #403f3f;--btn-blue-light: #81bdf1;--btn-pink-dark: #ff8383;--btn-pink-dark-hover: #fd9696;--light-green-bg: #f3f9f5;--dark-purple: #2d1f4d;}
html {scroll-behavior: smooth;}
.link{color: var(--heading-text);}
section {padding: 80px 0;}
.services-grid,.features-grid,.support-grid,.clients-grid,.portfolio-grid,.contact-info-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;align-items: center;}
.creative-wrapper,.app-showcase,.integrations,.contact-wrapper {display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: center;}
@media (max-width: 992px) {.app-showcase{gap: 20px;}}
.app-showcase-text {border-radius: 20px;}
img {max-width: 100%;height: auto;}
.back-to-top {position: fixed;bottom: 20px;right: 20px;background-color: #ff6f61;color: white;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;visibility: hidden;transition: opacity 0.3s, visibility 0.3s;}
.back-to-top.visible {opacity: 1;visibility: visible;z-index: 1040;}
.back-to-top svg {fill: white;width: 24px;height: 24px;}
.btn {padding: 15px 30px;border-radius: 5px;font-weight: 600;text-transform: uppercase;color: white;border: none;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;}
.btn-pink-dark:hover {transform: translateY(-2px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);background-color: var(--btn-pink-dark-hover) !important;color: whitesmoke;}
.btn-blue-light:hover {transform: translateY(-2px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);background-color: var(--blue-color) !important;color: whitesmoke;}
.btn-orange {background-color: var(--orange-color);}
.btn-blue {background-color: var(--blue-color);}
.services {text-align: center;}
.services-grid {grid-template-columns: repeat(3, 1fr);text-align: left;}
.service-item {padding: 0 30px;border-radius: 10px;transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;padding-bottom: 10px;}
.service-item img, .service-item h4 {display: block;margin: 0 auto 10px auto;text-align: center;}
.main-service {background-color: #ffffff;border: 4px solid rgba(137, 173, 255, .35);}
.triangle {width: 110%;height: 190px;background: radial-gradient(ellipse 70% 80% at 50% 100%,rgba(225, 232, 255, 0.9),transparent 70%);clip-path: polygon(0% 0%, 110% 0%, 50% 100%);position: absolute;top: 95%;left: -5%;}
.service-item img {margin-top: 5px;}
.service-item h4 {margin: 0 0 10px 0;font-size: 25px;font-weight: bold;}
.service-item p {color: var(--light-text);font-size: 17px;margin: 0;}
@media (max-width: 768px) {.creative-wrapper,.app-showcase,.integrations,.contact-wrapper {grid-template-columns: 1fr;}.services-grid,.features-grid,.support-grid,.portfolio-grid {grid-template-columns: 1fr;}.innovation-list {grid-template-columns: 1fr;}}
.pricing-toggle {display: flex;justify-content: center;align-items: center;gap: 15px;font-weight: 500;margin-bottom: 50px;}
.pricing-toggle .discount-tag {background-color: #e0f2fe;color: #0ea5e9;padding: 2px 8px;border-radius: 12px;font-size: 12px;font-weight: 600;}
.switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: .4s;border-radius: 34px;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;transition: .4s;border-radius: 50%;}
input:checked + .slider {background-color: #8b5cf6;}
input:checked + .slider:before {transform: translateX(26px);}
.pricing-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.pricing-card {border: 1px solid #e5e7eb;border-radius: 12px;padding: 30px;display: flex;flex-direction: column;}
.pricing-card.highlighted {border: 2px solid #8b5cf6;transform: scale(1.05);position: relative;}
.most-popular-banner {position: absolute;top: -15px;left: 50%;transform: translateX(-50%);background-color: #8b5cf6;color: white;padding: 5px 15px;border-radius: 15px;font-size: 14px;font-weight: 600;}
.pricing-card .card-header h3 {font-size: 20px;color: #111827;}
.pricing-card .card-header p {font-size: 15px;color: #6b7280;min-height: 50px;}
.card-price {font-size: 48px;font-weight: 700;color: #111827;margin: 20px 0;}
.card-price span span {font-size: 18px;font-weight: 500;color: #6b7280;}
.card-features {list-style: none;padding: 0;margin: 0;}
.card-features li {font-size: 15px;margin-bottom: 15px;display: flex;align-items: center;}
.card-features li::before {content: '✔';color: #8b5cf6;margin-right: 10px;font-weight: 600;}
.card-features li.plus {color: #6b7280;font-weight: 500;}
.card-features li.plus::before {content: '';}
.price-annually {display: none;}
.pricing-section.show-annual .price-monthly {display: none;}
.pricing-section.show-annual .price-annually {display: block;}
.footer {background-color: #0f0f0f;color: var(--footer-text);padding: 80px 0 0 0;}
.footer-grid {display: grid;grid-template-columns: 1fr 1.5fr 1fr 1fr;gap: 40px;}
.footer h2 {color: var(--footer-heading);font-size: 20px;margin-bottom: 30px;}
.footer p {color: var(--footer-text);line-height: 1.8;}
.footer a {color: var(--footer-text);}
.footer a:hover {color: var(--footer-heading);}
.footer-logo {height: 160px;margin: -80px 0 20px 0;}
.footer-socials {display: flex;gap: 10px;margin-top: 25px;}
.footer-socials a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: white;color: var(--footer-bg);border-radius: 50%;font-size: 16px;}
.footer-socials a:hover {background-color: var(--footer-accent);color: white;}
.footer-bottom-container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px;}
.copyright-logo {height: 18px;width: auto;vertical-align: middle;margin-right: 8px;position: relative;top: -1px;}
.footer-legal-links {display: flex;align-items: center;gap: 15px;}
.footer-legal-links a {color: var(--footer-text);text-decoration: none;transition: color 0.3s;}
.footer-legal-links a:hover {color: var(--white-text);text-decoration: underline;}
.contact-info-list p {display: flex;align-items: flex-start;gap: 15px;}
.contact-info-list i {color: var(--footer-heading);margin-top: 5px;}
.footer-col ul {list-style: none;padding: 0;margin: 0;}
.footer-col ul li {margin-bottom: 15px;}
.footer-downloads {display: flex;gap: 10px;align-items: center;}
.footer-downloads img {border: 1px solid #555;border-radius: 5px;transition: opacity 0.3s;}
.footer-downloads img:hover {opacity: 0.8;}
.footer-bottom {background-color: #09090b96;padding: 25px 0;font-size: 14px;}
.footer-bottom p {margin: 0;}
.footer-bottom a {color: var(--footer-heading);}
.back-to-top {background-color: var(--footer-accent);}
@media (max-width: 992px) {.footer-grid {grid-template-columns: 1fr 1fr;}}
@media (max-width: 768px) {.footer-grid {grid-template-columns: 1fr;}}
.assessment-features-section {background-color: #ffffff;}
.section-slogan {text-align: center;margin-bottom: 70px;}
.section-slogan h2 {font-size: 48px;font-weight: 700;color: var(--heading-text);margin-bottom: 15px;}
.assessment-features-section .section-slogan .slogan-subtitle {font-size: 30px;color: var(--light-text);max-width: 700px;margin: 0 auto;line-height: 1.6;font-weight: 700;}
.assessment-features-section .features-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.map-section {padding: 80px 0;background-color: var(--background-grey);display: flex;justify-content: center;align-items: center;}
.map-section iframe {max-width: 100%;border-radius: 10px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
.assessment-features-section .feature-item {position: relative;text-align: center;z-index: 1;}
.shadow-class {box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08);background-color: #ffffff;border: 4px solid rgba(137, 173, 255, .35);border-radius: 1%;}
.shadow-class:hover {box-shadow: rgba(137, 173, 255, 0.35) 0px 10px 55px 5px;transform: translateY(-5px);}
.assessment-features-section .feature-item h4 {font-size: 25px;font-weight: 600;color: var(--heading-text);max-width: 250px;margin: 0 auto;}
.assessment-features-section .feature-item h5 {color: var(--heading-text);margin: 0 0 10px 0;font-size: 20px;}
.assessment-features-section .feature-item .feature-description {font-size: 20px;color: var(--light-text);line-height: 1.6;margin-top: 25px;margin-left: auto;margin-right: auto;}
@media (max-width: 992px) {.assessment-features-section .features-grid {grid-template-columns: 1fr;gap: 60px;}.section-slogan h2 {font-size: 36px;}.section-slogan .slogan-subtitle {font-size: 18px;}}
.founder-program-section {background-color: var(--background-grey);text-align: center;}
.founder-headline {font-size: 42px;font-weight: 700;color: var(--heading-text);margin-bottom: 25px;max-width: 800px;margin-left: auto;margin-right: auto;line-height: 1.3;}
.founder-intro {font-size: 20px;font-weight: 500;color: var(--light-text);max-width: 800px;margin: 0 auto 50px auto;}
.founder-offer-lead {font-size: 18px;font-weight: 500;color: var(--dark-text);margin-bottom: 25px;}
.general-list {list-style: none;padding: 0;margin: 0 auto 50px auto;display: inline-block;text-align: left;max-width: 100%;}
.general-list li {font-size: 18px;font-weight: 500;color: var(--dark-text);margin-bottom: 15px;display: flex;align-items: flex-start;}
.general-list li::before {content: '';background-image: url('../images/my/mst-star-icon-no-bg.png');background-size: contain;background-repeat: no-repeat;background-position: center;display: inline-block;width: 40px;height: 40px;margin-right: 15px;position: relative;top: 4px;}
.founder-button {padding: 18px 40px;font-size: 16px;}
.innovation-section {background-color: #ffffff;}
.innovation-wrapper {display: flex;align-items: center;gap: 80px;}
.innovation-graphic {flex: 0 0 35%;text-align: center;}
.patent-box {border: 5px solid var(--blue-color);color: var(--blue-color);font-size: 42px;font-weight: 700;line-height: 1.4;padding: 40px 20px;border-radius: 15px;display: inline-block;}
.innovation-content {background-color: #f5f5f5;box-shadow: 0 10px 35px 5px rgba(137, 173, 255, .85);border-radius: 10px;padding: 15px;}
.innovation-list {list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.innovation-list li {font-size: 18px;color: var(--dark-text);line-height: 1.7;display: flex;align-items: flex-start;border: 1px solid #e0e0e0;padding: 25px;border-radius: 8px;background-color: #ffffff;}
.our-story{font-weight: 600;}
.our-story::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: calc(100% + 100px);background: url("../images/my/teacher_background.webp") no-repeat center center;background-size: cover;opacity: 0.2;z-index: -1;}
@media (max-width: 992px) {.innovation-wrapper {flex-direction: column;gap: 50px;}.innovation-graphic {flex-basis: auto;}.innovation-content h2 {text-align: center;}}
.innovation-section {padding: 50px 0;position: relative;background-image: url('../images/my/our_patent.webp');background-size: cover;background-position: center center;background-attachment: fixed;}
.innovation-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);z-index: 1;}
.innovation-wrapper {display: flex;align-items: center;gap: 80px;position: relative;z-index: 2;}
.innovation-graphic {flex: 0 0 35%;text-align: center;}
.patent-box {border: 5px solid var(--blue-color);color: var(--blue-color);font-size: 42px;font-weight: 700;line-height: 1.4;padding: 40px 20px;border-radius: 15px;display: inline-block;transition: transform 0.1s ease-out;}
@media (max-width: 992px) {.innovation-wrapper {flex-direction: column;gap: 50px;}.innovation-graphic {flex-basis: auto;}.innovation-content h2 {text-align: center;}}
.credibility-section {background-color: var(--background-grey);}
.section-headline {text-align: center;font-size: 34px;font-weight: 700;color: var(--heading-text);margin: 0 auto;max-width: 800px;line-height: 1.3;}
.assessment-subtitle {font-size: 22px;font-weight: 400;text-align: center;color: black;margin-top: -20px;}
.credibility-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px;}
.credibility-column {text-align: center;padding: 10px;border-radius: 10px;}
.credibility-icon {height: 70px;margin-bottom: 25px;}
.credibility-column h4 {font-size: 22px;font-weight: 600;color: var(--dark-text);margin-bottom: 15px;}
.credibility-column p {font-size: 16px;color: var(--dark-text);line-height: 1.7;text-align: left;}
@media (max-width: 992px) {.credibility-grid {grid-template-columns: 1fr;gap: 60px;}.credibility-column {max-width: 500px;margin: 0 auto;}.section-headline {font-size: 36px;}}
.team-section {background-color: #ffffff;}
.team-description {font-size: 18px;color: var(--dark-text);line-height: 1.8;max-width: 850px;margin: 0 auto;}
.faq-section {background-color: var(--background-grey);}
.accordion {max-width: 850px;margin: 0 auto;}
.accordion-item {background-color: #ffffff;border: 1px solid #e5e7eb;margin-bottom: 15px;border-radius: 10px !important;overflow: hidden;}
.accordion-button {font-size: 18px;font-weight: 600;color: var(--dark-text);padding: 20px 25px;}
.accordion-button:focus {box-shadow: none;border-color: transparent;}
.accordion-button:not(.collapsed) {background-color: var(--blue-color);color: var(--white-text);box-shadow: none;}
.accordion-body {padding: 20px 25px;font-size: 16px;line-height: 1.7;color: var(--light-text);}
.accordion-button::after {filter: brightness(0) saturate(100%) invert(16%) sepia(8%) saturate(1001%) hue-rotate(178deg) brightness(95%) contrast(84%);}
.accordion-button:not(.collapsed)::after {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.integrations-section {position: relative;padding: 80px 0;background-image: url('../images/h-main-parallax-2.jpg.jpeg');background-size: cover;background-position: center center;background-attachment: fixed;}
.integrations-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1;}
.integrations-section .container {position: relative;z-index: 2;}
.integrations-form {max-width: 800px;margin: 0 auto;background: rgba(255, 255, 255, 0.8) !important;border-radius: 20px;}
.integrations-section,.integrations-section .form-check-label,.integrations-section .custom-dropdown p {color: var(--dark-text);}
.integrations-section .form-control {border: 1px solid rgba(255, 255, 255, 0.4);padding: 15px;}
.integrations-section .form-control::placeholder {color: var(--placeholder-text);opacity: 1;}
.integrations-section .form-control:focus {background-color: rgba(0, 0, 0, 0.4);border-color: var(--white-text);color: var(--white-text);box-shadow: 0 0 5px rgba(255, 111, 97, 0.5);}
.form-control.is-invalid {border-color: #dc3545;box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);}
.js-error-message {color: #dc3545;font-weight: 500;}
.integrations-section .custom-dropdown {border: 1px solid rgba(255, 255, 255, 0.4);padding: 10px 15px;border-radius: 5px;}
.integrations-section .custom-dropdown .dropdown-toggle {color: var(--dark-text);}
.integrations-section .custom-dropdown .dropdown-menu {background-color: #2c2f42;border: 1px solid rgba(255, 255, 255, 0.4);}
.integrations-section .custom-dropdown .dropdown-item {color: var(--white-text);}
.integrations-section .custom-dropdown .dropdown-item:hover {background-color: var(--orange-color);color: var(--white-text);}
.integrations-section .form-check-input:checked {background-color: var(--orange-color);border-color: var(--orange-color);}
.contact-intro-section {padding: 50px 0;}
.contact-images-wrapper {position: relative;display: inline-block;}
.contact-images-wrapper #ingenuityImg {max-width: 75%;}
.contact-images-wrapper .logo-overlay {position: absolute;top: 80px;left: 50px;width: 25%;}
.contact-intro-section h2 {font-size: 42px;font-weight: 700;color: var(--heading-text);margin-bottom: 20px;}
.contact-intro-section h4 {font-size: 22px;font-weight: 600;color: var(--dark-text);margin-top: 30px;}
.contact-intro-section p {font-size: 16px;line-height: 1.7;}
.contact-form-section {padding: 80px 0;}
.contact-form-wrapper {max-width: 800px;margin: 0 auto;background-color: #fff;padding: 50px;border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.contact-form-section .form-control {padding: 15px;font-size: 16px;border: 1px solid #bbb;}
.contact-form-section .form-control:focus {box-shadow: 0 0 0 2px rgba(var( --orange-rgb), 0.2);}
.contact-form-section .form-control::placeholder {color: var(--placeholder-text);opacity: 1;}
.custom-dropdown-light {border: 1px solid #ddd;border-radius: 5px;padding: 10px 15px;display: flex;justify-content: space-between;align-items: center;}
.custom-dropdown-light p {margin: 0;color: #555;}
.custom-dropdown-light .dropdown-toggle {color: var(--dark-text);font-weight: bold;}
.custom-dropdown-light .dropdown-menu {width: 100%;}
.contact-details-footer {padding: 60px 0;background-color: var(--footer-bg);}
.contact-details-footer .contact-links a {display: block;color: var(--footer-text);font-size: 16px;margin-bottom: 20px;transition: color 0.3s;}
.contact-details-footer .contact-links a:hover {color: var(--white-text);}
.contact-details-footer .contact-links i {color: var(--orange-color);margin-right: 15px;width: 20px;}
.contact-details-footer .address-link {line-height: 1.6;}
.contact-details-footer .footer-logo-large {max-width: 200px;}
.top-5 {margin-top: 5rem;}
.support-item {padding: 20px;border-radius: 10px;}
.support-item img {display: block;margin: 0 auto 20px auto;}
.support-item h4 {text-align: center;font-weight: bold;margin: 40px 0 40px 0;}
.founder-program-section {padding: 80px 0;background-color: white;}
.founder-card-container {background-color: #f7e6e6;padding: 60px;border-radius: 20px;border: 2px solid black;border-radius: 30px 0 30px 0;}
.founder-card-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: center;}
.founder-card-left .founder-headline {font-size: 38px;color: var(--dark-purple);line-height: 1.3;font-weight: 700;margin-bottom: 40px;}
.founder-card-left {background-color: #fffbfb;padding: 30px 10px;box-shadow: #25252582 3px 6px 11px 0px;}
.founder-card-left .founder-intro {font-size: 16px;color: #555;line-height: 2.2;text-align: left;margin-left: 15px;margin-right: 15px;}
.founder-card-right .founder-offer-lead {font-size: 25px;font-weight: 600;color: #333;}
.founder-card-right .general-list {list-style-type: disc;padding-left: 20px;margin-top: 15px;margin-bottom: 30px;}
.founder-card-right .general-list li {margin-bottom: 10px;color: #555;}
.btn-dark-purple {background-color: var(--dark-purple);color: var(--white-text);padding: 14px 28px;border-radius: 30px;font-weight: 600;text-transform: none;}
@media (max-width: 992px) {.founder-card-grid {grid-template-columns: 1fr;}.founder-card-container {padding: 40px 30px;clip-path: none;}}
.app-showcase-text h3 {color: var(--heading-text)}
.read-more-link {color: var(--blue-color);font-weight: 600;text-decoration: none;cursor: pointer;display: inline-block;margin-top: 10px;}
.read-more-link:hover {text-decoration: underline;}
.founder-package-list li strong {color: var(--blue-color);white-space: nowrap;}
.section-headline {text-align: center;font-size: 42px;font-weight: 700;color: var(--heading-text);margin: 0 auto 45px auto;max-width: 800px;line-height: 1.3;}
#platform-logo{width: 20%}.aioa-workflow-section {padding: 80px 0;max-width: 70vw;margin: 0 auto;}
.video-container {position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);}
.video-container iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
.video-container2 {position: relative;overflow: hidden;width: 50%;padding-top: 56.25%;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);margin: 0 auto;}
.video-container2 iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 50%;height: auto;}
.aioa-features-section {padding: 60px 0;background-color: var(--background-pink);}
.aioa-features-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.aioa-features-grid1 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;pading-right:160px;pading-left:160px;}
.feature-item-card {background-color: #fff;padding: 40px;border-radius: 10px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.feature-item-card:hover {transform: translateY(-5px);box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);}
.feature-item-card h3 {font-size: 24px;font-weight: 600;color: var(--dark-text);margin-bottom: 15px;}
.feature-item-card p {font-size: 16px;line-height: 1.7;}
.aioa-cta-section {padding: 80px 0;text-align: center;}
.aioa-cta-section h2 {font-size: 36px;color: var(--heading-text);margin-bottom: 20px;}
.aioa-cta-section p {font-size: 18px;color: var(--dark-text);max-width: 600px;margin: 0 auto 30px auto;}
@media (max-width: 992px) {.aioa-features-grid {grid-template-columns: 1fr;gap: 30px;}.feature-item-card{padding: 10px;}}
.modal-body .modal-form {box-shadow: none;padding: 0;}
.solutions-intro-section {padding-bottom: 40px;}
.solutions-fragmented-section {padding: 80px 0;background-color: var(--background-grey);}
.solutions-unified-section {padding: 80px 0;}
.solutions-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.solution-card {background-color: #fff;border: 1px solid #e5e7eb;border-radius: 10px;display: flex;flex-direction: column;}
.solution-card h3 {font-size: 24px;font-weight: 600;color: var(--dark-text);padding: 30px 30px 20px 30px;border-bottom: 1px solid #e5e7eb;}
.problem-solution-block {padding: 20px 30px 30px 30px;flex-grow: 1;display: flex;flex-direction: column;}
.problem-statement {font-size: 15px;color: var(--dark-text);line-height: 1.6;border-bottom: 1px dashed #ccc;padding-bottom: 15px;margin-bottom: 15px;}
.problem-statement strong {color: var(--blue-color);font-weight: 600;}
.solution-statement {font-size: 16px;color: var(--dark-text);line-height: 1.7;flex-grow: 1;}
.solution-statement strong {color: var(--blue-color);}
.solutions-vision-section {padding: 80px 0;text-align: center;background: url("../images/my/niceBackground.webp");background-size: cover;color: var(--white-text);}
.solutions-vision-section h2 {font-size: 36px;margin-bottom: 20px;color: var(--white-text);}
.solutions-vision-section p {font-size: 18px;max-width: 700px;margin: 0 auto 30px auto;opacity: 0.9;}
.solutions-vision-section .btn-light {background-color: var(--white-text);color: var(--dark-purple);font-weight: 700;}
@media (max-width: 992px) {.solutions-grid {grid-template-columns: 1fr;gap: 30px;}}
.problem-statement-section {padding: 80px 0;background-color: var(--background-grey);}
.problem-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.problem-card {background-color: #fff;padding: 40px;border-radius: 10px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);}
.problem-card h2 {font-size: 28px;font-weight: 700;color: var(--blue-color);line-height: 1.3;margin-bottom: 20px;}
.problem-card p {font-size: 16px;color: var(--dark-text);line-height: 1.7;}
@media (max-width: 992px) {.problem-grid {grid-template-columns: 1fr;}}
.pricing-intro-section {padding: 80px 0;background-color: var(--background-grey);}
.founder-package-box {background-color: #fff;border: 1px solid #e0e0e0;border-radius: 12px;padding: 40px;max-width: 900px;margin: 50px auto 0 auto;text-align: left;box-shadow: 0 5px 20px rgba(0,0,0,0.05);}
.founder-package-box h4 {text-align: center;font-weight: 600;color: var(--dark-text);margin-bottom: 30px;}
.founder-package-list {list-style: none;padding: 0;margin: 0;}
.founder-package-list li {display: flex;align-items: flex-start;font-size: 16px;line-height: 1.7;color: var(--dark-text);margin-bottom: 20px;}
.founder-package-list li:last-child {margin-bottom: 0;}
.founder-package-list li::before {content: '';background-image: url('../images/my/mst-star-icon-no-bg.png');background-size: contain;background-repeat: no-repeat;background-position: center;display: inline-block;width: 40px;height: 40px;margin-right: 15px;position: relative;top: 4px;}
.founder-package-list li {display: flex;align-items: flex-start;}
.founder-package-list li {display: flex;align-items: flex-start;margin-bottom: 15px;}
.founder-package-list li strong {color: var(--blue-color);white-space: nowrap;margin-right: 8px;}
.founder-package-list li .description {flex: 1;}
.cookie-banner {position: fixed;bottom: 0;left: 0;width: 100%;background-color: var(--footer-bottom-bg);color: var(--white-text);padding: 20px 30px;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);display: none;flex-wrap: wrap;justify-content: center;align-items: center;gap: 20px;text-align: center;z-index: 1050;}
.cookie-banner p {margin: 0;flex-grow: 1;}
.cookie-buttons {display: flex;align-items: center;gap: 10px;}
.cookie-buttons button {border: none;padding: 10px 20px;border-radius: 5px;cursor: pointer;font-weight: bold;transition: transform 0.2s ease;}
.cookie-buttons button:hover {transform: translateY(-2px);}
.cookie-btn-accept {background-color: var(--blue-color);color: white;}
.cookie-btn-reject {background-color: #4a5568;color: white;}
.cookie-link {color: var(--footer-text);text-decoration: underline;margin-left: 10px;}
.privacy-policy-section {padding: 80px 0;background-color: var(--background-grey);}
.privacy-content {background-color: #fff;padding: 50px;border-radius: 10px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);max-width: 900px;margin: 0 auto;}
.privacy-content h1 {font-size: 36px;color: var(--dark-text);margin-bottom: 10px;}
.privacy-content h2 {font-size: 28px;color: var(--dark-text);margin-top: 40px;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.privacy-content h4 {font-size: 20px;font-weight: 600;color: var(--dark-text);margin-top: 30px;}
.privacy-content p,.privacy-content li {font-size: 16px;line-height: 1.8;color: var(--dark-text);}
.privacy-content .last-updated {font-style: italic;color: var(--light-text);margin-bottom: 30px;}
.privacy-content ul {padding-left: 25px;margin-top: 15px;}
.privacy-content a {color: var(--blue-color);text-decoration: underline;}
.privacy-content a:hover {color: var(--orange-color);}
.page-header-section {padding: 60px 0;background: url("../images/my/niceBackground.webp");background-size: cover;text-align: center;}
.page-header-section h1 {font-size: 18px;text-transform: uppercase;letter-spacing: 2px;color: var(--orange-color);}
.page-header-section h2 {font-size: 42px;color: var(--white-text);margin-top: 10px;}
.mission-problem-section {padding: 60px 0;text-align: center;}
.mission-team-section {padding: 80px 0;background-color: var(--background-grey);}
.team-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.team-member-card {text-align: left;}
.team-photo {width: 150px;height: 150px;border-radius: 50%;object-fit: cover;margin-bottom: 20px;border: 4px solid var(--white-text);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
.team-member-card h3 {font-size: 22px;color: var(--dark-text);margin-bottom: 10px;}
.team-member-card p {font-size: 15px;line-height: 1.6;}
.mission-principles-section {padding: 80px 0;}
.principles-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.principle-card {background-color: #fff;text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;padding: 30px 5px;border-radius: 10px;}
.principle-card h4 {font-size: 22px;color: var(--dark-text);margin-bottom: 15px;}
.principle-card p {font-size: 16px;line-height: 1.7;}
.mission-cta-section {padding: 60px 0;text-align: center;background-color: var(--background-grey);}
.mission-cta-section h2 {font-size: 36px;color: var(--heading-text);}
.mission-cta-section p {font-size: 18px;max-width: 700px;margin: 15px auto 0 auto;color: var(--dark-text);}
.video-player-wrapper {display: flex;justify-content: center;align-items: center;margin: 40px 0;z-index: 1000;}
.lazy-video-container {position: relative;width: 460px;height: 250px;border-radius: 8px;overflow: hidden;cursor: pointer;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);margin-top: 50px;}
@media (max-width: 768px) {.lazy-video-container {width: 90%;height: auto;aspect-ratio: 16 / 9;}}
.video-poster {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}
.lazy-video-container:hover .video-poster {transform: scale(1.05);}
.lazy-video-container:hover .play-button-overlay {transform: translate(-50%, 0) scale(1.1);background-color: var(--orange-color);}
.lazy-video-container.video-loaded .video-poster,.lazy-video-container.video-loaded .play-button-overlay {opacity: 0;pointer-events: none;}
.play-button-overlay-sm {width: 55px!important;height: 40px!important;}
.lazy-video-container video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.solutions-hero {position: relative;height: 90vh;min-height: 400px;display: flex;align-items: center;justify-content: center;text-align: center;overflow: hidden;}
.solutions-hero-content {position: relative;z-index: 2;}
.solutions-hero-content h2 {font-size: 42px;color: var(--white-text);text-shadow: 0 2px 10px rgba(0,0,0,0.5);}
.thought-bubbles-container {position: absolute;bottom: 30px;right: 30px;width: 100%;height: 90vh;z-index: 1;}
.thought-bubble {background-color: rgba(255, 255, 255, 0.9);color: var(--dark-text);padding: 15px 20px;border-radius: 10px;box-shadow: 6px 7px 11px 6px rgb(0 0 0 / 36%);position: absolute;display: none;opacity: 0;transform: translateY(10px);transition: opacity 0.5s ease, transform 0.5s ease;border-radius: 50px;background-color: transparent;}
#bubble1{width: 200px;transform: translateX(50%);bottom: 0;}
#bubble2{width: 200px;transform: translateX(100%) ;bottom: 40vh;}
#bubble3{width: 200px;transform: translateX(300%);bottom: 65vh;}
#bubble4{width: 200px;transform: translateX(550%);bottom: 45vh;}
#bubble5{width: 200px;transform: translateX(630%);bottom: 15vh;}
.thought-bubble::after {content: '';position: absolute;bottom: -10px;right: 20px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(255, 255, 255, 0.9);}
.thought-bubble.visible {display: block;opacity: 1;transform: translateY(0);}
.chat-toggle-button {position: fixed;bottom: 20px;right: 20px;width: 60px;height: 60px;background-color: var(--orange-color);color: var(--white-text);border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 15px rgba(0,0,0,0.2);cursor: pointer;z-index: 9998;transition: transform 0.3s ease;}
.chat-toggle-button:hover {transform: scale(1.1);}
.chat-toggle-button svg {width: 28px;height: 28px;}
.chat-window {position: fixed;bottom: 100px;right: 20px;width: 350px;max-width: calc(100% - 40px);background-color: #fff;border-radius: 15px;box-shadow: 0 5px 25px rgba(0,0,0,0.15);z-index: 9999;overflow: hidden;opacity: 0;transform: translateY(20px);pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;}
.chat-window.is-open {opacity: 1;transform: translateY(0);pointer-events: auto;}
.chat-window__header {background-color: var(--dark-purple);color: var(--white-text);padding: 15px 20px;font-weight: 600;display: flex;justify-content: space-between;align-items: center;}
.chat-window__close {background: none;border: none;color: var(--white-text);font-size: 24px;cursor: pointer;opacity: 0.8;}
.chat-window__close:hover { opacity: 1; }
.chat-window__body {padding: 20px;font-size: 15px;color: #555;}
.chat-window__footer {display: flex;border-top: 1px solid #eee;}
.chat-window__footer input {flex-grow: 1;border: none;padding: 15px 20px;font-size: 15px;}
.chat-window__footer input:focus { outline: none; }
.chat-window__footer button {background-color: var(--orange-color);color: var(--white-text);border: none;padding: 0 25px;font-weight: 600;cursor: pointer;transition: background-color 0.2s;}
.chat-window__footer button:hover {background-color: #e65c50;}
.company-info img{width: 150px;}
.play-button-overlay {position: absolute;top: 75%;left: 50%;transform: translate(-50%, -50%);width: 84px;height: 60px;background-color: #FF0033;border-radius: 20%;display: flex;align-items: center;justify-content: center;transition: background-color 0.2s ease-in-out;z-index: 2;}
.play-button-overlay svg {width: 36px;height: 36px;color: white;}
@media (max-width: 992px) {section {padding: 40px 0;}.btn {padding: 5px 10px;}.section-headline {font-size: 25px;margin: 0 auto 15px auto;}.assessment-features-section {padding: 50px 0;}.general-list li {font-size: 15px;font-weight: 500;margin-bottom: 15px;}.general-list li::before {width: 50px;height: 50px;margin-right: 15px;}.footer-logo {height: 110px;margin: -55px auto 20px auto;display: block;}.contact-info-list i {margin-left: 10px;}.footer-col{padding-left: 15px;}.triangle{display: none;}.solutions-hero {height: 50vh;}.team-grid,.principles-grid {grid-template-columns: 1fr;gap: 60px;}.page-header-section h2 {font-size: 32px;}.mission-cta-section h2 {font-size: 28px;}.pricing-grid {grid-template-columns: repeat(2, 1fr);}#platform-logo{width: 40%}.aioa-workflow-section {padding: 50px 0;max-width: 95vw;}.play-button-overlay {width: 55px!important;height: 40px!important;}.company-info img{width: 120px;}}
@media (max-width: 768px) {.pricing-grid {grid-template-columns: 1fr;}.pricing-header h1 {font-size: 36px;}.card-price {font-size: 40px;}.pricing-card.highlighted {transform: scale(1);}.pricing-toggle {flex-wrap: wrap;justify-content: center;}}

/* === From: nav.css === */
.header {background-color: transparent;position: relative;top: 0;z-index: 1000;transition: background-color 0.4s ease, box-shadow 0.4s ease;}
.header.header-scrolled {background-color: white;position: sticky;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
body.no-scroll {overflow: hidden;}
.header-nav {display: flex;align-items: center;height: 80px;}
.header .logo img {width: 130px;transition: width 0.3s ease;}
.header.header-scrolled .logo img {width: 110px;}
.header .nav-links {display: flex;list-style: none;gap: 35px;margin: 0 auto;padding: 0;}
.header .nav-links a {font-family: 'Helvetica', sans-serif;color: var(--dark-text);font-weight: 500;font-size: 14px;text-decoration: none;display: flex;align-items: center;gap: 8px;transition: color 0.3s ease;}
.header .nav-links a:hover {color: var(--orange-color);}
.header .nav-links a.active {color: var(--heading-text);font-weight: bold;}
.header-cta {border: 1px solid var(--blue-color);border-radius: 50px;transition: all 0.3s ease;}
.nav-cta-button {padding: 8px 22px;font-size: 14px;font-weight: 600;border-radius: 50px;text-transform: none;white-space: nowrap;color: var(--blue-color) !important;transition: color 0.3s ease;}
.header-cta:hover {background-color: var(--blue-color);}
.header-cta:hover .nav-cta-button {color: white !important;}
.hamburger {display: none;cursor: pointer;background: none;border: none;padding: 10px;z-index: 1001;}
.hamburger .bar {display: block;width: 25px;height: 3px;margin: 5px auto;background-color: var(--dark-text);transition: all 0.3s ease-in-out;}
.menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 998;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}
.menu-overlay.active {opacity: 1;pointer-events: auto;}
@media (max-width: 992px) {.header-nav {justify-content: space-between;height: 70px;}.header .nav-links a.active {color: #5403FF;font-weight: bold;}.logo{position: relative;z-index: 1000;}.header .logo img {width: 110px;}.header-cta {display: none;}.hamburger {display: block;}.header .nav-links{gap: 5px;}.nav-links {position: fixed;top: 0;left: -300px;width: 250px;height: 100vh;background-color: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.2);z-index: 999;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;padding: 80px 20px 20px 20px;transition: left 0.3s ease-in-out;}.nav-links.active {left: 0;}.nav-links li:first-child{margin-top: 80px;}.nav-links li {width: 100%;padding: 0 20px ;}.nav-links a {padding: 15px 15px;border-radius: 8px;width: 100%;}.nav-links a i{margin-right: 20px;}.nav-links a.active {background-color: #E9E4F8;color: #5403FF;}.nav-links a.active i {color: #6d28d9;}.hamburger.active .bar:nth-child(2) { opacity: 0; }.hamburger.active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }.hamburger.active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }}

/* === From: hero.css === */
.btn-blue-light {background-color: #81bdf1;}
.btn-pink-dark {background-color: var(--btn-pink-dark);}
.hero {height: 95vh;position: relative;overflow: hidden;text-align: center;}
.hero-background-slider {position: relative;left: 0;width: 100%;height: 63vh;background-image: url("../images/my/img-background.webp");background-size: contain;background-position: center;background-repeat: no-repeat;}
.hero-subtitle {font-size: 22px;font-weight: 400;color: #445998;margin-top: 15px;margin-bottom: 20px;letter-spacing: 0.5px;text-align: center;padding: 0px;}
.hero-background-slider .slide {position: absolute;width: 100%;height: 100%;background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}
#slide-1 {background-image: url("../images/my/children1.webp");top: 50%;left: 0;transform: translate(-50%, -50%);animation: move-up1 3s forwards;}
@keyframes move-up1 {from {left: 0;} to {left: 50%;}}
#slide-2 {background-image: url("../images/my/children2.webp");top: 50%;left: 100%;transform: translate(-50%, -50%);animation: move-up2 3s forwards 1s;}
@keyframes move-up2 {from {left: 100%;} to {left: 50%;}}
#slide-3 {background-image: url("../images/my/teacher.webp");top: 50%;left: 0;transform: translate(-50%, -50%);animation: move-to-right 3s forwards 1s;}
@keyframes move-to-right {from {left: 0;} to {left: 35%;}}
.hero .hero-shapes {position: absolute;top: 0;left: 0;width: 100%;height: 50vh;overflow: hidden;z-index: -1;pointer-events: none;}
.shape {position: absolute;border-radius: 50%;opacity: 0.5;animation: floatAnimation ease-in-out infinite alternate;}
.shape::before {content: '';position: absolute;top: 15%;left: 50%;transform: translateX(-50%);width: 50%;height: 4px;background-color: rgba(246, 253, 149, 0.6);}
.shape::after {content: '';position: absolute;bottom: 20%;left: 50%;transform: translateX(-50%);width: 60%;height: 2px;background-color: rgba(255, 255, 255, 0.6);}
.shape-1 {width: 80px;height: 80px;background-color: rgba(97, 194, 255, 0.5);bottom: 10%;left: 5%;animation-duration: 8s;}
.shape-2 {width: 40px;height: 40px;background-color: rgba(74, 144, 226, 0.6);top: 25%;left: 15%;animation-duration: 6s;animation-delay: 1s;}
.shape-3 {width: 50px;height: 50px;background-color: rgba(97, 194, 255, 0.4);top: 75%;right: 5%;animation-duration: 10s;}
.shape-4 {width: 50px;height: 50px;background-color: rgba(74, 144, 226, 0.5);bottom: 50%;right: 15%;animation-duration: 7s;animation-delay: 2s;}
.shape-5 {width: 20px;height: 20px;background-color: rgba(97, 194, 255, 0.7);bottom: 5%;right: 50%;animation-duration: 5s;}
.shape-5::before,.shape-5::after {display: none;}
@keyframes floatAnimation {from {transform: translateY(0) translateX(0) rotate(-10deg);} to {transform: translateY(-50px) translateX(-30px) rotate(10deg);opacity: 0.3;}}
.hero-content {text-align: center;z-index: 1;margin-top: -20px;}
.hero-content .section-headline {font-size: 36px !important;max-width: 100%;}
.hero-content .hero-tagline {font-size: 36px;color: var(--heading-text);margin-bottom: 10px;font-weight: 700;}
.hero-content h3 {font-size: 18px;color: var(--light-text);font-weight: 800;max-width: 600px;margin: 0 auto;}
.hero h1 {font-size: 52px;line-height: 1.2;margin-bottom: 20px;}
.hero-buttons {margin-top: 30px;display: flex;gap: 15px;justify-content: center;}
#youtube-lazy-player-wide{width: 650px;height: 352px;padding-top: 0;margin: 70px auto -70px auto !important;}
.youtube-lazy-player {position: relative;width: 100%;padding-top: 56.25%;cursor: pointer;overflow: hidden;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);}
.youtube-lazy-player .video-poster {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.youtube-lazy-player .video-poster {object-fit: cover;transition: transform 0.3s ease;}
.youtube-lazy-player:hover .video-poster {transform: scale(1.05);}
.hero-video-container {position: relative;overflow: hidden;width: 450px;height: 254px;margin: 0 auto;}
iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
@media (max-width: 992px) {.hero {height: 640px}.hero-content .hero-tagline {font-size: 24px;}.hero-background-slider {width: 100%;height: 45vh;}.hero-video-container {position: relative;overflow: hidden;width: 95%;height: 254px;margin: 0 auto;}.hero-subtitle  {font-size: 22px;padding: 0 10px;}#youtube-lazy-player-wide{width: 90%;height: 200px;padding-top: 0;margin: 40px auto -90px auto;}#youtube-lazy-player-wide{margin: 20px auto -70px auto !important;}}

/* === From: phone-showcase.css === */
.phone-showcase-container {position: relative;max-width: 600px;margin: 20px auto;}
.app-logo-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.app-logo {position: absolute;display: block;width: 15%;transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;border-radius: 20%;}
.app-logo:hover {transform: scale(1.15);box-shadow: 0 0 15px rgba(74, 144, 226, 0.7);}
.app-logo img {width: 100%;height: auto;}
#logo-1 {top: 33%;left: 22%;}
#logo-2 {top: 33%;left: 65%;}
#videoModal .modal-body {padding: 0;background-color: #000;}
.video-container {position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;}
.video-container iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}

/* === From: blog.css === */
.blog-listing-section {padding: 25px 0;background-color: var(--background-grey);}
.blog-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));gap: 40px;margin-top: 50px;}
.blog-card {background-color: #fff;border-radius: 10px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);overflow: hidden;display: flex;flex-direction: column;}
.blog-card-content {padding: 30px;display: flex;flex-direction: column;flex-grow: 1;}
.blog-card-date {font-size: 14px;color: var(--light-text);margin-bottom: 10px;}
.blog-card-title {font-size: 22px;font-weight: 600;color: var(--dark-text);margin-bottom: 15px;}
.blog-card-summary {font-size: 16px;line-height: 1.7;flex-grow: 1;margin-bottom: 25px;}
.blog-post-section {padding: 80px 0;}
.blog-post-content {max-width: 800px;margin: 0 auto;}
.blog-post-content h1 {font-size: 42px;font-weight: 700;color: var(--dark-text);line-height: 1.3;}
.blog-post-content h2 {font-size: 28px;font-weight: 600;color: var(--dark-text);margin-top: 40px;margin-bottom: 20px;}
.blog-post-meta {font-size: 15px;color: var(--light-text);margin-top: -10px;margin-bottom: 30px;font-style: italic;}
.blog-post-content p, .blog-post-content li {font-size: 18px;line-height: 1.8;color: var(--dark-text);}
.blog-post-content ul {margin-top: 20px;margin-bottom: 20px;padding-left: 25px;}
.blog-post-content li {margin-bottom: 15px;}
.blog-post-section {padding: 80px 0;}
.blog-post-container {max-width: 800px;margin: 0 auto;}
.blog-post-header {text-align: center;border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 40px;}
.blog-post-header h1 {font-size: 42px;color: var(--dark-text);line-height: 1.3;}
.blog-post-date {color: var(--light-text);font-style: italic;margin-top: 15px;}
.blog-post-content h2 {font-size: 28px;font-weight: 600;color: var(--dark-text);margin-top: 40px;margin-bottom: 20px;}
.blog-post-content p {font-size: 17px;line-height: 1.8;color: var(--dark-text);margin-bottom: 20px;}
.blog-references {margin-top: 50px;padding: 30px;background-color: var(--background-grey);border-radius: 10px;border: 1px solid #e5e7eb;}
.blog-references h3 {font-size: 22px;font-weight: 600;margin-bottom: 20px;}
.blog-references ul {list-style: none;padding: 0;margin: 0;}
.blog-references li {padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ddd;}
.blog-references li:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.blog-references li a {display: inline-block;margin-top: 10px;font-weight: 600;color: var(--blue-color);text-decoration: none;}
.blog-references li a:hover {text-decoration: underline;}

/* === From: pricing.css === */
.pricing-section {background-color: #fff;}
.pricing-header {text-align: center;margin-bottom: 10px;margin-top: -50px;}
.pricing-header .tag {color: #8b5cf6;font-weight: 600;letter-spacing: 1px;}
.pricing-header h1 {font-size: 48px;color: #111827;margin: 10px 0;}
.pricing-header p {font-size: 18px;color: #6b7280;max-width: 600px;margin: 0 auto;}
.pricing-toggle {display: flex;justify-content: center;align-items: center;gap: 15px;font-weight: 500;margin-bottom: 50px;}
.pricing-toggle .discount-tag {background-color: #e0f2fe;color: #0ea5e9;padding: 2px 8px;border-radius: 12px;font-size: 12px;font-weight: 600;}
.switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: .4s;border-radius: 34px;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;transition: .4s;border-radius: 50%;}
input:checked + .slider {background-color: #8b5cf6;}
input:checked + .slider:before {transform: translateX(26px);}
.pricing-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.pricing-card {border: 1px solid #e5e7eb;border-radius: 12px;padding: 30px;display: flex;flex-direction: column;}
.pricing-card.highlighted {border: 2px solid #8b5cf6;transform: scale(1.05);position: relative;}
.most-popular-banner {position: absolute;top: -15px;left: 50%;transform: translateX(-50%);background-color: #8b5cf6;color: white;padding: 5px 15px;border-radius: 15px;font-size: 14px;font-weight: 600;}
.pricing-card .card-header h3 {font-size: 20px;color: #111827;}
.pricing-card .card-header p {font-size: 15px;color: #6b7280;min-height: 50px;}
.card-price {font-size: 48px;font-weight: 700;color: #111827;margin: 20px 0;}
.card-price span span {font-size: 18px;font-weight: 500;color: #6b7280;}
.card-features {list-style: none;padding: 0;margin: 0;}
.card-features li {font-size: 15px;margin-bottom: 15px;display: flex;align-items: center;}
.card-features li::before {content: '✔';color: #8b5cf6;margin-right: 10px;font-weight: 600;}
.card-features li.plus {color: #6b7280;font-weight: 500;}
.card-features li.plus::before {content: '';}
.price-annually { display: none; }
.pricing-section.show-annual .price-monthly { display: none; }
.pricing-section.show-annual .price-annually { display: block; }
@media (max-width: 992px) {.pricing-grid { grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 768px) {.pricing-grid { grid-template-columns: 1fr; }.pricing-header h1 { font-size: 36px; }.card-price { font-size: 40px; }.pricing-card.highlighted { transform: scale(1); }.pricing-toggle { flex-wrap: wrap; justify-content: center; }}

/* === From: timeline.css === */
.timeline-arrow {position: absolute;top: 50%;left: -15%;width: 130%;height: 80px;transform: translateY(-50%);background: linear-gradient(to bottom, #5fa9f6, #265ebd);clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%, 5% 50%);z-index: 1;}
.timeline-arrow::before {content: "";position: absolute;top: 0;width: 96%;height: 16%;background: linear-gradient(360deg, #00000000, #d5e5f4);border-radius: 4px;}
.timeline-content {position: relative;z-index: 3;text-align: center;background-color: white;opacity: 0.8;padding: 20px;border: 1px solid blue;border-radius: 12px;height: 100%;}
.timeline-content h4 {font-size: 18px;font-weight: bold;color: #1d1e21;margin-bottom: 5px;}
.timeline-content h5 {font-size: 22px;font-weight: bold;color: #265ebd;margin-bottom: 10px;}
.timeline-content .timeline-date {font-size: 16px;font-weight: bold;color: #333;margin-bottom: 15px;}
.timeline-content .timeline-description {font-size: 15px;line-height: 1.6;color: #444;}

.blog-card-image-link {
    display: block;
    overflow: hidden;
}
.blog-card-image {
    width: 100%;
    height: 220px; /* Adjust height as needed */
    object-fit: cover;
    transition: transform 0.3s ease;
}
.blog-card:hover .blog-card-image {
    transform: scale(1.05);
}
.blog-card-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}
.blog-card-title a:hover {
    color: var(--blue-color);
}


/* For Single Post/News Pages */
.blog-post-featured-image {
    margin: 30px 0;
    text-align: center;
}
.blog-post-featured-image img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}