/*
 * GROWTH VI — V7 | Agento-AI-inspired visual skin
 * Content, layout structure, links, supplied images and Plus Jakarta Sans from V6 retained.
 * Loaded AFTER style.css, inner-pages.css, typography-plus-jakarta.css and images-vietnamese.css.
 * No Sora / Roboto dependencies: user's preferred typography is retained site-wide.
 */
:root {
  --color-primary:#7cc3f7;
  --color-primary-hover:#59b0ef;
  --color-secondary:#ff0000;
  --color-bg:#f4f8fc;
  --color-bg-secondary:#d7effe;
  --color-text:#002254;
  --color-text-secondary:#5a6a82;
  --color-border:#cfe4f6;
  --color-surface:#fff;
  --bg:var(--color-bg);
  --ink:var(--color-text);
  --muted:var(--color-text-secondary);
  --brown:var(--color-text);
  --sand:var(--color-bg-secondary);
  --stone:var(--color-bg-secondary);
  --pale:#f4f8fc;
  --border:var(--color-border);
  --terra:#1f6da8;
  --radius:24px;
  --heading:'Plus Jakarta Sans',sans-serif;
  --body:'Plus Jakarta Sans',sans-serif;
  --transition:all .32s cubic-bezier(.2,.8,.25,1);
  --agent-shadow:0 8px 30px rgba(0,34,84,.045);
  --agent-shadow-hover:0 20px 45px rgba(0,34,84,.10);
}
html {color-scheme:light;overflow-x:clip;}
body {overflow-x:clip;}
body {background:var(--color-bg);color:var(--color-text);font-family:var(--body);}
h1,h2,h3,h4,h5,h6 {color:inherit;font-family:var(--heading);font-weight:500;}
::selection{background:#b9e5fe;color:var(--color-text);}
:focus-visible {outline:3px solid #167cbf;outline-offset:3px;}
/* Accent microcopy / pills */
.tag,.hero-kicker,.success-terms span,.chips span,.popular-tag,.rec {
  border-radius:999px;background:#e7f5ff;border:1px solid #cfe4f6;
  color:#003b8a;
}
.tag,.hero-kicker{letter-spacing:0;font-weight:600;}
.tag-light {background:rgba(124,195,247,.16);color:#eaf7ff;border-color:rgba(124,195,247,.38)}
/* Rounded blue CTA system */
.btn,.header-cta,button.btn,.dialog-demo {
  border-radius:999px;background:#7cc3f7;color:#002254;
  border:1px solid transparent;box-shadow:0 7px 20px rgba(31,109,168,.10);
  font-weight:600;
}
.btn-brown,.header-cta{background:#7cc3f7;color:#002254;}
.btn-outline{background:transparent;border:1px solid #9abfdb;color:#002254;box-shadow:none;}
.btn-white,.btn-light{background:#fff;color:#002254;border-color:#cfe4f6;}
.btn:hover,.header-cta:hover {background:#5ab0ef;color:#002254;box-shadow:0 11px 24px rgba(31,109,168,.18);transform:translateY(-2px)}
.btn-outline:hover{background:#d7effe;}
.btn-icon{border-color:currentColor;}
.text-link {color:#003b8a;font-weight:600;}
.text-link:hover,.nav a:hover {color:#1f6da8;}
/* Top chrome, navigation & overlays */
.announcement{background:#002254;color:#fff;}
.announcement a{color:#b5e5ff;}
.utility{background:#eaf5fd;border-bottom:1px solid #d7effe;color:#4c6077;}
.utility i{background:#b9d6e9;}
.language button,.u-right a{color:#003b8a;}
.header{background:rgba(255,255,255,.97);border-bottom:1px solid #dbeaf6;}
.header.scrolled{box-shadow:0 6px 20px rgba(0,34,84,.09);}
.logo .mark,.logo-text,.footer-brand .logo-text{color:#002254;}
.nav a,.nav-pages{color:#002254;}
.nav-pages>span{color:#003b8a;}
.pages-menu,.lang-menu,.mobile-nav{
  background:#fff;border:1px solid #d7e9f6;
  border-radius:18px;box-shadow:0 16px 36px rgba(0,34,84,.11);
}
.pages-menu>a:hover,.lang-menu button:hover,.mobile-nav a:hover{background:#e9f6ff;color:#002254;}
.mobile-nav details,.mobile-nav a{border-bottom-color:#e1eff9;}
.hamburger span{background:#002254;}
/* Homepage sections */
.hero {
  background:radial-gradient(ellipse 65% 70% at 50% 22%,#ffffff 8%,#eef7ff 67%,#d7effe 100%);
}
.hero h1 span {color:#1f6da8;}
.hero p,.section-heading p,.split-heading>p{color:#4c6077;}
.stars{color:#1f6da8;}
.photo-track img{border-radius:22px 22px 0 0;}
.social-proof{color:#4c6077;}
.face-stack img{border-color:#f4f8fc;}
.clarity,.guidance,.success,.testimonials,.influence{background:#fff;}
.stat-card,.benefits article,.plan,.testimonial-lead,.testimonial-list,
.inner-card,.contact-form,.legal-content,.blog-sidebar {
  border-radius:24px;border:1px solid #dbeaf6;
  box-shadow:var(--agent-shadow);
}
.stats-grid{gap:20px;}
.stat-card{background:#f4f8fc;}
.stat-card:nth-child(2){background:#e2f3ff;}
.stat-card.accent-card{background:#d7effe;color:#002254;border-color:#b4dcf7;}
.stat-card h3,.stat-card p,.stat-card.accent-card p{color:#002254;}
.stat-card p,.stat-card.accent-card p{color:#566c82;}
.stat-number,.stat-card .text-link{color:#003b8a;}
.popular-tag{color:#002254;background:#fff;}
.partnerships,.worldclass,.price-section,.faq{background:#f4f8fc;}
.editorial img,.feature-media img,.innovation-image,.inner-hero-media img,
.coming-strip img {border-radius:24px;}
.logo-track img{filter:none;opacity:.85;}
.logos p {color:#566c82;}
.guidance-grid{gap:20px;}
.guide-card{
  border-radius:24px;background:#e7f4ff;
  border:1px solid #cce5fa;box-shadow:var(--agent-shadow);
}
.guide-card-b{background:#d7effe;}
.guide-card-c{background:#f4f8fc;}
.guide-card-d{background:#002254;color:#fff;border-color:#002254;}
.guide-card:not(.guide-card-d) h3,.guide-card:not(.guide-card-d) p{color:#002254;}
.guide-card-d h3,.guide-card-d p{color:#fff;}
.guide-card-d .chips span{color:#eaf7ff;border-color:#7cc3f7;background:#143e72;}
.chips span{background:rgba(255,255,255,.7);}
.benefits article{background:#fff;}
.benefits p{color:#5a6a82;}
.benefit-icon{background:#d7effe;color:#003b8a;}
.checks li{border-bottom-color:#cfe4f6;color:#002254;}
.checks li:before{color:#1f6da8;}
.innovation-image{background:#d7effe;}
.leadership{background:#002254;color:#fff;}
.leadership p,.leadership-decoration span{color:#d5ebfb;}
.leadership .tag{color:#dff3ff;background:#143e72;border:1px solid #487eaf;}
.leadership-decoration{border-left-color:#ffffff30;}
.success-terms span{background:#f4f8fc;border-color:#cfe4f6;color:#003b8a;}
.plan{background:#fff;border-color:#d5e8f8;}
.plan-featured{background:#e1f2ff;border-color:#7cc3f7;box-shadow:0 20px 50px rgba(0,34,84,.10);}
.plan>p,.plan li,.price span,.price-trust {color:#526a84;}
.plan li{border-top-color:#d7e9f5;}
.plan li:before{color:#1f6da8;}
.price b{color:#002254;font-weight:500;}
.rec{background:#002254;color:#fff;border-color:#002254;}
.testimonial-lead{background:#d7effe;}
.testimonial-list{background:#002254;color:#fff;border-color:#002254;}
.testimonial p,.testimonial small{color:#fff;}
.testimonial div{color:#7cc3f7;}
.quote{color:#3689c8;}
.slide-arrows button{background:#fff;color:#002254;border:1px solid #cfe4f6;}
.testimonial-footer{color:#5a6a82;}
.support{background:#d7effe;}
.influence{background:#fff;}
.influence p,.faq-grid>div>p{color:#566b80;}
.faqs details{border-bottom-color:#cfe4f6;}
.faqs summary{color:#002254;font-weight:500;}
.faqs summary span{color:#1f6da8;}
.faqs p{color:#536b82;}
.integrations{background:#002254;color:#fff;}
.integrations p{color:#d7effe;}
/* Inner pages: all section backgrounds + media + cards */
.inner-hero{background:linear-gradient(125deg,#fff 8%,#f4f8fc 65%,#e2f4ff 100%);}
.inner-hero h1,.inner-sec h2,.feature-copy h2{color:#002254;}
.inner-hero p,.inner-sec .section-heading p,.feature-copy p {color:#526a82;}
.inner-hero-media:after{background:#b9e4ff;border-radius:999px;opacity:.52;}
.inner-sec{background:#fff;}
.inner-sec:nth-of-type(even),.inner-sec.warm,.faq-inner,
.plans-inner,.inner-blog-hero,.coming-screen,.page-404{background:#f4f8fc;}
.inner-card{background:#fff;overflow:hidden;}
.inner-card:nth-child(3n+2){background:#eef8ff;}
.inner-card:nth-child(3n){background:#dff1ff;}
.inner-card:hover{box-shadow:var(--agent-shadow-hover);transform:translateY(-4px);}
.inner-card-photo{background:#d7effe;}
.inner-card h3,.inner-card p{color:#002254;}
.inner-card p{color:#536b82;}
.inner-sec.warm .inner-card{background:#fff;}
.inner-carousel{background:#d7effe;border-radius:24px;}
.about-feature{border-radius:24px;}
.about-feature h1,.about-feature>div{color:#fff;}
.about-feature .btn,.hiring-strip .btn{background:#7cc3f7;color:#002254;border-color:transparent;}
.about-feature .btn:hover,.hiring-strip .btn:hover{background:#5ab0ef;}
.team-grid .inner-card{background:#fff!important;}
.hiring-strip{background:#002254;color:#fff;border-radius:24px;}
.hiring-strip h3,.hiring-strip p{color:#fff;}
.plans-inner{background:#f4f8fc;}
.compare-wrap{background:#fff;border-color:#cfe4f6;border-radius:24px;box-shadow:var(--agent-shadow);}
.compare-table thead{background:#002254;color:#fff;}
.compare-table thead th{font-weight:500;color:#fff;}
.compare-table th,.compare-table td{border-bottom-color:#d9e8f5;}
.compare-table small{color:#5a6a82;}
.compare-table tbody th{font-weight:600;color:#002254;}
.quote-grid .inner-card h3{color:#1f6da8;}
.quote-grid .inner-card p{color:#002254;}
.partners-row img{filter:none;}
.contact-form{background:#fff;box-shadow:var(--agent-shadow);border-radius:24px;}
.contact-form label{color:#002254;}
.contact-form input,.contact-form textarea,.blog-sidebar input,
.dialog-form input,.dialog-form textarea{
  background:#f8fbff;border:1px solid #cfe4f6;border-radius:14px;
  color:#002254;outline:none;
}
.contact-form input:focus,.contact-form textarea:focus,.blog-sidebar input:focus,
.dialog-form input:focus,.dialog-form textarea:focus{
  border-color:#7cc3f7;box-shadow:0 0 0 4px rgba(124,195,247,.22);
}
.form-note,.legal-content p,.content-bullets,.blog-sidebar p{color:#536b82;}
.legal-content{background:#fff;border-color:#cfe4f6;border-radius:24px;}
.legal-content h2{font-weight:500;color:#002254;}
.blog-sidebar{background:#fff;border-color:#cfe4f6;}
.inner-blog-hero{background:#d7effe;}
.inner-blog-hero h1{color:#002254;}
.coming-screen{background:linear-gradient(155deg,#fff,#d7effe);}
.coming-content h1{color:#002254;}
.coming-content>span,.page-404 p{color:#536b82;}
.page-404{background:#f4f8fc;}
.page-404 h1,.page-404 h2{color:#003b8a;}
/* Footer: contrast-based Agento style */
.footer{background:#002254;color:#eff8ff;}
.footer h1,.footer h2,.footer h3,.footer h4,.footer .logo-text{color:#fff;}
.footer-brand span,.footer-info address,.footer-support p,.footer-support small,
.footer-bottom,.footer-links a{color:#c8e4f9;}
.footer-support a{color:#7cc3f7;}
.footer-support,.footer-bottom{border-color:rgba(207,228,246,.2);}
.footer-links a:hover{color:#fff;}
.footer .text-link{color:#7cc3f7;}
.footer .logo-text,.footer-brand .logo-text{color:#fff;}
/* Cookie, dialog, mobile */
.cookie-notice{background:#fff;color:#002254;border:1px solid #cfe4f6;
  box-shadow:0 14px 40px rgba(0,34,84,.14);border-radius:20px;}
.cookie-notice button{background:#7cc3f7;color:#002254;border-radius:999px;font-weight:600;}
.cookie-notice button:hover{background:#5ab0ef;}
dialog{background:#fff;color:#002254;border:1px solid #cfe4f6;border-radius:28px;}
dialog::backdrop{background:rgba(0,34,84,.58);}
.dialog-form h2{color:#002254;}
.dialog-form p,.dialog-form label{color:#536b82;}
.dialog-close{color:#002254;}
/* Preserve Plus Jakarta from existing typography layer on every breakpoint. */
@media(max-width:1020px){
  .nav-pages{color:#002254;}
  .hero{background:radial-gradient(ellipse at 50% 20%,#fff,#e4f5ff);}
}
@media(max-width:730px){
  .header{background:#fff;}
  .hero{background:linear-gradient(180deg,#fff 5%,#f4f8fc 55%,#d7effe);}
  .guide-card,.stat-card,.plan,.inner-card{border-radius:22px;}
  .photo-track img{border-radius:16px 16px 0 0;}
  .footer{background:#002254;}
  .cookie-notice{border-radius:16px;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after {scroll-behavior:auto!important;transition-duration:.01ms!important;}
}