/* Pale ivory and apricot surfaces, matching the brand hero. */
:root{--soft:#fffaf5;--line:#eee2d6;--ink:#483e35;--muted:#82766c}
.wb,.dark-section,.project-planner,.stats,.bento-large,.cta-band{background:radial-gradient(ellipse at 90% 0,#ffe8d45c,transparent 62%),linear-gradient(115deg,#fffdfa,#fff8f1);color:#483e35}
.wb .section-head,.wb .section-head h2,.dark-section h2,.dark-section h3,.project-planner h2,.bento-large h3,.cta-band h2{color:#483e35}
.wb .section-head p,.wb-band .txt p,.wb-tile p,.wb-note,.dark-section .section-head p,.dark-section .split-heading>p,.glass-card p,.project-planner p,.planner-result ol,.bento-large p,.cta-band p{color:#82766c}
.wb .eyebrow,.dark-section .eyebrow,.project-planner .eyebrow,.bento-large .service-index,.glass-card>span{color:#ac7c4c;background:transparent}
.wb .gradient-text{background:none;color:#a86c31}.wb-band,.wb-tile,.glass-card,.planner-form{background:#fffdfacc;border-color:#eadccf;box-shadow:0 10px 35px #a37c4c08;color:#51453a}
.wb-band .tag{background:#fff0df;color:#966331;border:1px solid #f0dbc3}.wb-tile:hover{background:#fff5e8;border-color:#ddbf9c}
.bento-large .text-link{color:#a7692c}.bento-large .mini-flow span{background:#fffdf9;color:#8c6b47;border-color:#ead7c0}
.planner-form>div>label,.planner-form legend,.planner-result h3{color:#5f5143}.planner-form select,.choice-chip{background:#fffdf9;color:#756352;border-color:#e5d6c6}
.choice-chip:has(input:checked){background:#fff0dd;color:#8b5b28;border-color:#d7ac76}.planner-result,.planner-footnote{border-color:#e8d8c7}.planner-result small,.planner-footnote{color:#8d7a66}
.cta-band{border:1px solid #efdeca}.cta-band .btn,.wb .btn-ghost{background:#bc712a;color:#fff;border-color:#bc712a}.cta-band .btn:hover,.wb .btn-ghost:hover{background:#a85e20}
.industry-tabs button[aria-selected=true],.role-tabs button[aria-selected=true]{background:#fff0dd;color:#925c27;border-color:#dfba88;box-shadow:0 5px 18px #ac7d3b09}
.industry-tabs button[aria-selected=true] small,.industry-tabs button[aria-selected=true] i{color:#9f7a50}
.role-preview,.integration-hub>div{background:linear-gradient(135deg,#fffaf2,#fff4e5);color:#69513a;border:1px solid #e9d3b6;box-shadow:0 10px 35px #b17a3510}
.role-preview h4,.role-preview-row b,.integration-hub small,.integration-hub div>span{color:#967244}.role-preview>p,.role-permission{color:#897866!important}.role-preview-row{border-color:#ead8c1}
.case-card .pic,.case-card:nth-child(2n) .pic{background:radial-gradient(circle at 85% 10%,#ffe5c5,transparent 75%),#fff5e8;color:#8b6842}.case-card .pic .src{color:#947a5d;background:#fffaf1dc;border-color:#ead8bd}
.capability-strip{background:#fffaf4;border-color:#eee2d6}.capability-strip b{color:#7f6853}.capability-strip span{color:#928171}
footer,.rich-footer{background:linear-gradient(115deg,#fffaf5,#fff8ef);color:#827363;border-top:1px solid #ecdfd0}
footer h4,.footer-map h4{color:#514436}footer a,.footer-map a,.footer-map p,.footer-heading p,.footer-quicklinks a{color:#847362}footer a:hover,.footer-map a:hover{color:#ac6727}footer .copy,.footer-heading{border-color:#e8dacb}.rich-footer .logo{background:#fffdfa;border-color:#efdfca}
/* Larger movement for inner-page demonstrations and content reveals. */
.inner-hero-visual{--ih-console-rise:-22px;--ih-cloud-rise:-26px}
.ih-console{animation-duration:7.5s}.inner-brand-cloud{animation-duration:7s}
@keyframes ihConsoleFloat{0%,100%{translate:0 0}50%{translate:0 var(--ih-console-rise)}}
@keyframes ihCloudFloat{0%,100%{translate:0 0}50%{translate:0 var(--ih-cloud-rise)}}
@keyframes ihRowEnter{from{opacity:0;translate:0 18px}to{opacity:1;translate:none}}
@keyframes pageEnter{from{opacity:0;translate:0 30px}to{opacity:1;translate:none}}
.experience-reveal.waiting{translate:0 36px}
@keyframes hubBreathe{0%,100%{translate:0 0;box-shadow:0 0 0 8px #e4bd8409,0 12px 30px #b67f3110}50%{translate:0 -12px;box-shadow:0 0 0 23px #e4bd8410,0 24px 45px #b67f311a}}
@media(hover:hover) and (pointer:fine){.case-card:hover,.credential-card:hover,.glass-card:hover,.automation-card:hover,.gcard:hover{transform:translateY(-8px)}.integration-side>b:hover{transform:translateX(7px)}}
@media(max-width:650px){.inner-hero-visual{--ih-console-rise:-14px;--ih-cloud-rise:-18px}.experience-reveal.waiting{translate:0 24px}}
@media(prefers-reduced-motion:reduce){.experience-reveal.waiting{translate:none;opacity:1}}

/* Use the hero's fresh orange accents instead of deep brown fills. */
:root{--brand:#cc7926;--brand2:#edaa55;--brand3:#f3b665;--shadow-lg:0 15px 40px #b4874b0e}
.nav{background:#fffdfaf7;border-bottom-color:#f1e6da}
.btn-primary,.nav-links .btn-primary,.brand-hero .brand-primary,.inner-brand-hero .btn-primary,.cta-band .btn,.wb .btn-ghost{background:linear-gradient(110deg,#ffa126,#ef8917);border-color:#f19a35;color:#fff;box-shadow:0 6px 20px #e3a4571c}
.btn-primary:hover,.nav-links .btn-primary:hover,.brand-hero .brand-primary:hover,.inner-brand-hero .btn-primary:hover,.cta-band .btn:hover,.wb .btn-ghost:hover{background:linear-gradient(110deg,#f49a25,#e78318);border-color:#e9a24d;box-shadow:0 7px 22px #dfa15620}
.filter-btn.active{background:#fff0dc;border-color:#eac48e;color:#a06b30}
.to-top{background:#fff2de;border:1px solid #edd4b0;color:#a46c30;box-shadow:0 5px 18px #bb935a10}
.progress{background:linear-gradient(90deg,#f6b05a,#f4d3a1)}
.btn-outline{border-color:#ecdece;color:#8c735a}.btn-outline:hover{background:#fff5e8}
.role-preview,.integration-hub>div{box-shadow:0 10px 35px #b17a350a}
