/* Corporate neutrals with restrained Jarvis indigo and orange accents. */
:root { --ink: #1d1d21; --muted: #6f7079; --cream: #fafafa; --lime: #2e2d77; --line: #e3e3e6; }
body { background: var(--cream); }
.brand img { width: 145px; }
.button { background: #202025; border-color: #202025; border-radius: 3px; }
.button:hover { background: #2e2d77; }
.button span { color: #f6851f; }
.text-link span { color: #2e2d77; }
.eyebrow { color: #6f7079; }
.eyebrow span, .trust-bar i { background: #f6851f; }
h1 em, h2 em, .statement em { color: #f6851f; }
.hero-visual { background: linear-gradient(145deg, #ededf3 0%, #e3e3e7 100%); }
.orb-one { background: #d7d6e7; }
.orb-two { background: #b7b6c9; }
.grid-lines { background-image: linear-gradient(#ffffffab 1px, transparent 1px), linear-gradient(90deg, #ffffffab 1px, transparent 1px); }
.product-card { background: #fffffff0; box-shadow: 0 18px 50px #24242c24; }
.line, .card-c { background: #25242a; }
.dot-row i { background: #dedee3; }
.dot-row i:nth-child(2), .chart i:nth-child(4) { background: #f6851f; }
.card-b strong { color: #2e2d77; }
.card-c b { color: #f5c08a; }
.avatar { background: linear-gradient(140deg, #f6851f, #2e2d77); }
.visual-caption { color: #53535e; }
.trust-bar, .dark-section { background: #202025; }
.service>span, .steps span { color: #e27718; }
.work h2 em { color: #a5a4d0; }
.project-meta p, .project-meta span { color: #bebec9; }
.raaho { background: #dcdce6; }
.raaho:before { background: #f1f1f3; }
.screen { background: #2e2d77; }
.s2 { background: #fbfbfc; }
.s3 { background: #f6851f; }
.kids { background: #dedee4; }
.phone { border-color: #25242a; color: #2e2d77; }
.phone:before { background: #25242a; }
.sun { background: #f9c68f; }
.statement { background: #f0f0f2; }
.cta { background: #29282e; color: #fff; }
.cta .eyebrow { color: #c5c4cd; }
.cta h2 em { color: #f6851f; }
.cta-shape, .cta-shape:after, .cta-shape:before { border-color: #45434f; }
footer { background: #151518; color: #d8d8de; }
footer small { border-color: #393940; }
footer .brand { background: #fff; padding: 11px 14px; width: max-content; }
footer .brand img { filter: none; }
@media (max-width: 760px) { .primary-nav { background: var(--cream); } }