/* CloudScale art direction layered over Lighter's original layout and motion. */
:root { --cs-ink: #20272c; --cs-teal: #297f79; }
body { background: #f4f5f4; -webkit-font-smoothing: antialiased; overflow-x: clip; }
::selection { background: #ccece5; color: #172e2c; }
a:focus-visible, button:focus-visible, [role="tab"]:focus-visible { outline: 3px solid #277d78; outline-offset: 5px; }
.brand-logo-image { width: 206px; height: auto; }
.navbar { padding-top: 22px; padding-bottom: 22px; }
.nav-menu-wrap { border: 1px solid #e9ece9; box-shadow: 0 2px 8px #20302803; }
.section-bg.hero { background-image: radial-gradient(ellipse at 17% 90%, #dceee673, transparent 48%), radial-gradient(ellipse at 90% 0%, #e4e4f780, transparent 46%), linear-gradient(130deg,#fff,#fafbf9); padding-top: 90px; padding-bottom: 90px; }
.hero-title-wrap { max-width: 940px; gap: 10px; margin-top: 28px; margin-bottom: 28px; }
.hero-title { background-image: linear-gradient(150deg,#192624 12%,#4f615d); letter-spacing: -.055em; }
.hero-details-wrap { max-width: 550px; }
.hero-details-wrap .section-details { font-size: 18px; line-height: 1.6; color: #59635f; }
.hero-image-wrap.two { border: 1px solid #dfe5e1; box-shadow: 0 8px 20px #243a2f12; }
.style-sub-title-wrap { border: 1px solid #e8ece8; box-shadow: 0 4px 12px #233c2b08; }
.hero-button-wrap { gap: 12px; }
.primary-button { transition: box-shadow .25s ease, border-color .25s ease; }
.primary-button[data-wf--primary-button--variant="base"],.primary-button[data-wf--primary-button--variant="full"] { background-image: linear-gradient(180deg,#37423c,#1e2822); box-shadow: 0 3px #142017,0 5px 12px #1b302322,inset 0 1px #ffffff25; }
.primary-button:hover { box-shadow: 0 5px 18px #1e302926; }
.section-bg.dashbaord { padding-top: 76px; background-image: radial-gradient(ellipse at 80% 0%,#b5d6cc,transparent 60%),linear-gradient(135deg,#d4dbed,#d7e8e0 65%,#bfd0cd); }
.dashbaord-wrapper { max-width: 1150px; }
.dashbaord-image { border-radius: 24px 24px 0 0; box-shadow: 0 24px 80px #182e3628; }
.dashboard-bg-01a,.dashboard-bg-02 { opacity: .5; }
.section-bg.about { background-image: radial-gradient(ellipse at 0 100%,#eef6f2,transparent 65%); overflow: clip; }
.about-details,.section-details,.faq-details { line-height: 1.65; color: #59635f; }
.faq-card-answer,.pricing-details { color: #59635f; }
.about-image { width: 100%; height: 100%; object-fit: cover; }
.about-left-btm-wrap { box-shadow: 0 12px 35px #295c4810; border-color: #d5e6dd; }
.tricker-text { color: #77817c; }
.impact-left-wrap { background: radial-gradient(ellipse at 10% 0,#3c5650,#202a27 70%); }
.impact-left-title { color: #b9cbc5; line-height: 1.5; }
.impact-left-title span { color: white; }
.satisfaction-title { font-size: 22px; line-height: 1.4; }
.impact-image { width: 100%; height: 100%; object-fit: cover; }
.mission-title { font-size: clamp(38px,5.8vw,78px); }
.mission-image-wrapper { margin-top: 56px; }
.mission-image-wrap { height: 490px; position: relative; background: #1c2925; }
.mission-image { opacity: .12; }
.data-story { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; padding: 50px; color: #fff; background: radial-gradient(ellipse at 50% 40%,#41645a77,transparent 65%); pointer-events: none; }
.data-story-label { color: #acbfb7; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; }
.data-story-flow { display: grid; grid-template-columns: 1fr 70px 1fr 70px 1fr; align-items: center; width: min(100%,1000px); }
.data-story-card { border: 1px solid #ffffff26; background: #ffffff08; border-radius: 22px; padding: 30px 24px; text-align: center; }
.data-story-card strong { display: block; font-size: 23px; font-weight: 500; letter-spacing: -.03em; margin-bottom: 10px; }
.data-story-card small { display: block; font-size: 14px; color: #bdcec6; line-height: 1.65; }
.data-story-card.core { background: #e5f3ed; color: #213e33; box-shadow: 0 12px 45px #0b171a40,0 0 60px #b7ecd015; }
.data-story-card.core small { color: #4c6b5d; }
.data-story-line { height: 1px; background: linear-gradient(90deg,#53746a,#bcdfcf,#53746a); position: relative; }
.data-story-line:after { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #d1f4df; box-shadow: 0 0 12px #c5fbdc; position: absolute; top:-3px; left:45%; }
.data-story-caption { font-size: 16px; color: #c2d2c9; text-align: center; }
.industries-image { object-position: 70% center; filter: saturate(.7); }
.industries-image-overly { background: linear-gradient(180deg,#132c2215 0%,#14261e55 35%,#10221ce8 100%); }
.founder-review { text-shadow: 0 1px 8px #10221c30; }
.pricing-card { height: 100%; display: flex; flex-direction: column; }
.pricing-card-details { min-height: 68px; font-size: 15px; line-height: 1.5; }
.pricing-card-info-wrap { flex: 1; }
.pricing-card-button-wrap { margin-top: auto; }
.pricing-price { font-size: 38px; letter-spacing: -.04em; }
.pricing-price-month { font-size: 14px; }
.pricing-bg-overly { opacity: .35; }
.pricing-single-card.four .pricing-card-top-wrap { background: linear-gradient(135deg,#42685b,#203e34); }
.pricing-single-card.four .pricing-bg-overly { opacity: .08; }
.pricing-discount { background: #397b68; }
.pricing-list-text { line-height: 1.5; }
.testimonial-image-wrap { background: #e8efeb; }
.testimonial-image { width:100%; height:100%; object-fit: contain; }
.testimonial-card-details { font-size: clamp(20px,2vw,28px); line-height: 1.5; }
.testimonialauthor-pst { font-size: 13px; }
.footer-menu-text { line-height: 1.45; }
.section-bg.cta { background-image: radial-gradient(ellipse at 50% 120%,#527c6990,transparent 65%),linear-gradient(140deg,#202824,#131c18); }
.section-bg.footer { background-image: linear-gradient(145deg,#202824,#121a16); }
@media(min-width:992px) { .pricing-tab-menu { margin-bottom: 34px; } .missiont-top-wrap { padding-top: 10px; } }
@media(max-width:991px) {
 .section-bg.hero { padding-top: 70px; padding-bottom: 70px; }
 .data-story { padding: 30px; gap: 30px; }
 .data-story-flow { grid-template-columns: 1fr 24px 1fr 24px 1fr; }
 .data-story-card { padding: 24px 15px; }
 .data-story-card strong { font-size: 20px; }
 .pricing-card-details { min-height: 48px; }
}
@media(max-width:600px) {
 .navbar { padding-top: 16px; padding-bottom: 16px; }
 .brand-logo-image { width: 180px; }
 .section-bg.hero { padding: 60px 18px; }
 .hero-title-wrap { gap: 8px; margin-top: 26px; margin-bottom: 22px; }
 .hero-title { font-size: clamp(38px,10.5vw,60px); }
 .hero-details-wrap .section-details { font-size: 16px; line-height: 1.6; }
 .hero-image-wrap.two { width: 58px; height: 38px; }
 .hero-image-wrap.six { width: 38px; height: 38px; }
 .hero-button-wrap { flex-wrap: wrap; }
 .hero-button-wrap .primary-button { min-height: 48px; }
 .section-bg.dashbaord { padding-top: 50px; padding-left: 14px; padding-right: 14px; }
 .dashbaord-image { border-radius: 12px 12px 0 0; }
 .about-details,.section-details,.faq-card-answer { font-size: 16px; }
 .satisfaction-title { font-size: 20px; }
 .mission-title { font-size: clamp(27px,7.6vw,44px); letter-spacing: -.04em; }
 .mission-image-wrap { height: 630px; }
 .data-story { gap: 25px; padding: 28px 24px; }
 .data-story-flow { grid-template-columns: 1fr; max-width: 320px; }
 .data-story-card { padding: 20px; border-radius: 18px; }
 .data-story-card strong { margin-bottom: 6px; }
 .data-story-line { height: 28px; width: 1px; margin: auto; }
 .data-story-line:after { left:-3px; top: 11px; }
 .data-story-caption { font-size: 14px; }
 .testimonial-image-wrap { height: 340px; }
 .pricing-card-details { min-height: 0; }
 .footer-menu-text { overflow-wrap: anywhere; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior: auto; }
 .tricker-wrap,.trusted-wrap { animation: none !important; }
}