/* One studio palette, including phones whose system appearance is dark. */
:root,html[data-theme]{color-scheme:only light!important;--text:#17243d;--muted:#415675;--subtle:#526683;--line:#8fa8cf;--bg:#e1eafa;--surface:#edf3ff;--accent:#2458dc}
html[data-theme] body{color-scheme:only light!important;color:#17243d!important;background:#e1eafa!important}
html[data-theme] input,html[data-theme] textarea,html[data-theme] select{color:#17243d!important;background:#edf3ff!important;border-color:#8fa8cf!important}
html[data-theme] .mobile-menu{background:#e6effc!important;color:#17243d!important;border:1px solid #8fa8cf!important}
html[data-theme] .mobile-menu a{color:#17243d!important}
/* Flush colour bands: shell sections retain their content gutter. */
html[data-theme] .pricing-section,html[data-theme] .payment-section{background:transparent!important}
html[data-theme] .journey-section,html[data-theme] .integrations-section{background:#c2e7de!important;background-image:none!important;border:0!important}
html[data-theme] .integrations-section{padding-top:40px!important}
html[data-theme] .hero{min-height:0!important;padding-bottom:52px!important}
html[data-theme] .hero .hero-scroll{position:static!important;inset:auto!important;display:flex!important;width:max-content;max-width:100%;margin-top:24px!important;transform:none!important;color:#415675!important}
/* Restore separate, aligned, rounded packages instead of a joined table. */
html[data-theme] .pricing-grid{gap:20px!important;border:0!important;background:transparent!important;margin-top:36px!important;max-width:none!important;perspective:none!important;align-items:stretch}
html[data-theme] .pricing-grid .price-card{margin:0!important;min-height:560px!important;padding:30px!important;border:1.5px solid #8fa8cf!important;border-radius:22px!important;background:#edf3ff!important;box-shadow:0 10px 26px #20385812!important;transform:none!important}
html[data-theme] .pricing-grid .price-card-featured{background:#d5e3ff!important;border:2px solid #2458dc!important;box-shadow:0 10px 26px #2458dc18!important}
html[data-theme] .price-card .featured-chip{border-radius:999px!important;color:#1746bd!important;background:#c5d8ff!important;border-color:#91b0ed!important;font-size:10px!important;letter-spacing:.06em!important}
html[data-theme] .price-card .button-card{background:#2458dc!important;color:#fff!important;border-color:#2458dc!important;text-shadow:none!important}
html[data-theme] .insights-more .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:14px 24px!important;border:1.5px solid #7995ba!important;border-radius:14px!important;line-height:1.4!important;white-space:normal!important}
html[data-theme] .faq-item{border:1.5px solid #8fa8cf!important;border-radius:18px!important;margin-bottom:12px!important;background:#edf3ff!important;overflow:hidden}
html[data-theme] .proto-card::before{background-position:center top!important}
@media(max-width:1100px){html[data-theme] .hero{min-height:0!important;gap:26px!important}html[data-theme] .hero .hero-scroll{margin-top:22px!important}}
@media(max-width:960px){html[data-theme] .pricing-grid{grid-template-columns:1fr!important;max-width:620px!important;margin-inline:auto!important}html[data-theme] .pricing-grid .price-card{min-height:0!important}html[data-theme] .price-card .button-card{margin-top:28px!important}}
@media(max-width:760px){html[data-theme] .hero{padding-top:104px!important;padding-bottom:32px!important}html[data-theme] .hero .global-showcase{min-height:0!important;margin-bottom:0!important;aspect-ratio:1.2!important}html[data-theme] .hero-actions{gap:10px!important;margin-top:22px!important}html[data-theme] .pricing-grid .price-card{padding:25px!important}.featured-chip{max-width:100%!important}.insights-more{margin-top:24px!important}html[data-theme] .insights-more .button{width:100%!important}html[data-theme] .hex-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){html[data-theme] .button,html[data-theme] .button::after{animation:none!important;transition:none!important}}

/* Screenshot review: readable states, full previews and consistent typography. */
html[data-theme] body,html[data-theme] button,html[data-theme] input,html[data-theme] select,html[data-theme] textarea{font-family:"Plus Jakarta Sans",system-ui,sans-serif!important}
html[data-theme] :is(h1,h2,h3,h4,.display-title,.statement-title,.hero-title,.proto-card h3){font-family:Sora,"Plus Jakarta Sans",system-ui,sans-serif!important;letter-spacing:-.035em!important}
html[data-theme] .display-title{font-size:clamp(32px,4.4vw,72px)!important;line-height:1.12!important}
html[data-theme] .display-title em{font-family:inherit!important;font-style:normal!important}
html[data-theme] .faq-list{border:0!important;margin-top:30px!important}
html[data-theme] .faq-item,html[data-theme] .faq-item[open]{background:#edf3ff!important;background-image:none!important;box-shadow:none!important}
html[data-theme] .faq-item summary{padding:22px 26px!important;font-size:clamp(16px,1.2vw,20px)!important;letter-spacing:-.02em!important;line-height:1.5!important;color:#17243d!important;align-items:center}
html[data-theme] .faq-item summary span{flex:none;color:#2458dc!important;font-size:25px!important;line-height:1}
html[data-theme] .faq-item p{padding:0 26px 24px!important;margin:0!important;max-width:900px!important;font-size:15px!important;line-height:1.8!important;color:#344b6b!important}
html[data-theme] .faq-item[open] summary{padding-bottom:12px!important}
html[data-theme] .addon-list input:checked+span{background:#2458dc!important;color:#fff!important;border-color:#2458dc!important}
html[data-theme] .addons-note{color:#73501f!important;border-color:#b98b51!important}
html[data-theme] ::selection{background:#2458dc!important;color:#fff!important;text-shadow:none!important}
html[data-theme] .journey-frame-launch .launch-site{box-shadow:none!important;filter:none!important}
html[data-theme] .journey-frame-launch .launch-route{position:relative!important;z-index:2!important;margin-top:14px!important;padding:10px 12px!important;border-radius:10px;background:#edf3ff!important;color:#234f76!important;font-size:9px!important;box-shadow:none!important}
html[data-theme] .journey-frame-launch .launch-route span{color:#234f76!important}
html[data-theme] .journey-frame-launch .launch-ping{display:none!important}
html[data-theme] .proto-grid .proto-card{padding:0 0 22px!important;min-height:0!important;display:flex!important;justify-content:flex-start!important;transform:none!important}
html[data-theme] .proto-grid .proto-card::before,html[data-theme] .proto-grid .proto-card::after{display:none!important}
html[data-theme] .proto-card .proto-preview{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1859/959;object-fit:contain!important;border-bottom:1.5px solid #719caa;transform:none!important}
html[data-theme] .proto-card>div{padding:22px 24px 14px!important}
html[data-theme] .proto-card>strong{margin-top:auto!important;padding:0 24px!important}
html[data-theme] .proto-card h3{font-size:clamp(22px,1.7vw,30px)!important;line-height:1.25!important}
html[data-theme] .portfolio-screenshot-wrap,html[data-theme] .portfolio-screenshot-wrap.large{min-height:0!important;height:auto!important;background:transparent!important}
html[data-theme] .portfolio-screenshot{height:auto!important;min-height:0!important;object-fit:contain!important;transform:none!important;filter:none!important}
html[data-theme] .portfolio-screenshot-wrap::after{display:none!important}
@media(max-width:760px){html[data-theme] .faq-item summary{padding:18px!important;gap:14px!important}html[data-theme] .faq-item p{padding:0 18px 20px!important}html[data-theme] .proto-card>div{padding:20px!important}html[data-theme] .proto-card>strong{padding:0 20px!important}}

/* Mobile screenshot corrections: stretch project copy and replace legacy dark service panels. */
html[data-theme] .proto-grid .proto-card{align-items:stretch!important;text-align:left!important}
html[data-theme] .proto-grid .proto-card>div{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;align-self:stretch!important;text-align:left!important}
html[data-theme] .proto-grid .proto-card :is(h3,p){width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
html[data-theme] .proto-grid .proto-card>strong{display:block!important;width:100%!important;box-sizing:border-box!important;text-align:left!important;align-self:stretch!important}
@media(max-width:760px){
html[data-theme] .service-addon-grid .service-visual-card .service-card-copy{background:#edf3ff!important;background-image:none!important;color:#17243d!important}
html[data-theme] .service-addon-grid .service-visual-card:nth-child(2) .service-card-copy{background:#dff0eb!important}
html[data-theme] .service-addon-grid .service-visual-card:nth-child(3) .service-card-copy{background:#f5e5d4!important}
html[data-theme] .service-addon-grid .service-visual-card:nth-child(4) .service-card-copy{background:#e9e1f7!important}
html[data-theme] .service-addon-grid .service-card-copy h4{color:#17243d!important;-webkit-text-fill-color:#17243d!important;text-shadow:none!important}
html[data-theme] .service-addon-grid .service-card-copy :is(p,li){color:#344b6b!important;-webkit-text-fill-color:#344b6b!important}
html[data-theme] .proto-grid .proto-card p{font-size:15px!important;line-height:1.7!important}
}

.currency-panel{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:18px 22px;margin:24px 0;border:1px solid #8fa8cf;border-radius:16px;background:#edf3ff;color:#17243d}.currency-panel label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.currency-panel select{max-width:260px;padding:10px 12px;border-radius:10px}.currency-panel p{flex:1 1 260px;margin:0;font-size:12px;line-height:1.6;color:#344b6b}.currency-panel>a{font-size:11px;color:#2458dc}.currency-panel [disabled]{opacity:.7}@media(max-width:760px){.currency-panel{padding:16px;gap:12px}.currency-panel label{flex-wrap:wrap;width:100%}.currency-panel select{width:100%;max-width:100%}}

html[data-theme] [data-price-inr]{font:inherit!important;color:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;display:inline!important;white-space:nowrap}
