
/* TEC AUTOMATION | Whole-site companion palette for the approved cinematic concept. */
:root{--tec-copper:#e7a76f;--tec-dark:#0c1b25;--tec-ivory:#f6f3ee}
body{background:#f5f3ef}
body:not([data-page=index]) .site-header{background:rgba(9,22,29,.97)!important;border-bottom:1px solid #ffd6a631;color:#f4f4ef;backdrop-filter:blur(21px)}
body:not([data-page=index]) .site-header .logo-text{color:#f8faf4}
body:not([data-page=index]) .site-header .logo-text small{color:#c5ad98}
body:not([data-page=index]) .site-header .logo-symbol{background:#fff2dd14;color:#ecc090}
body:not([data-page=index]) .site-header .nav-links a{color:#e5e9e4}
body:not([data-page=index]) .site-header .nav-links a:hover,
body:not([data-page=index]) .site-header .nav-links a[aria-current=page]{color:#f3bb85}
body:not([data-page=index]) .site-header .nav-cta{border:1px solid #f4cf9c;background:linear-gradient(125deg,#ffd1a0,#e5a16a);color:#1e2220;border-radius:40px;box-shadow:0 5px 17px #b67b4a2e}
body:not([data-page=index]) .site-header .menu-toggle span{background:#f7eadb}
body:not([data-page=index]) .utility-bar{background:#111e26}
body:not([data-page=index]) .utility-inner a{color:#f7cdaa}
.page-sub .subhero{background:radial-gradient(ellipse at 82% 22%,#6a453c72,transparent 44%),radial-gradient(ellipse at 12% 72%,#1c4b5469,transparent 50%),linear-gradient(120deg,#111e27,#101824 63%,#2c1d1c)!important;color:#f6f2ec}
.page-sub .subhero h1,.page-sub .subhero h2{color:#fffdf8}
.page-sub .subhero h1 em,.page-sub .subhero h2 em{color:#f0b581}
.page-sub .subhero .subhero-light-one{background:radial-gradient(circle,#f1a76a29,transparent 66%)}
.page-sub .subhero .subhero-light-two{background:radial-gradient(circle,#eac39c1d,transparent 70%)}
.page-sub .subhero .subhero-underline{background:linear-gradient(90deg,#e5a670,#ffdcae,transparent)}
.page-sub .subhero .eyebrow{color:#efcba7}
.page-sub .subhero .breadcrumbs{color:#eaded1}
.section-heading h2 em,.tec-head h2 em,.detail-overview h2 em,.story-copy h2 em{color:#be8151}
.section .section-id,.tec-section .tec-eyebrow,.tec-eyebrow{color:#ac744b}
.button.primary,.tec-contact-inner a{background:linear-gradient(125deg,#ffd3a3,#dea16e)!important;color:#15252a!important;border:1px solid #edc79d!important;border-radius:12px;box-shadow:0 12px 27px #bc7d4d31}
.button.primary:hover,.tec-contact-inner a:hover{box-shadow:0 16px 33px #b878453c;transform:translateY(-3px)}
.tec-section-soft{background:radial-gradient(ellipse at 20% 5%,#efdabd46,transparent 49%),#f5f1eb}
.feature-bento .bento-link{
position:relative;overflow:hidden;
background:radial-gradient(circle at 91% 8%,#db9d6347,transparent 33%),linear-gradient(140deg,#23343a,#0c1821)!important;
color:#f7f6f0!important;border:1px solid #f2d1ae43!important;
box-shadow:0 24px 40px #10232c29,inset 0 1px #ffffff23!important;
border-radius:21px!important;transform-style:preserve-3d;transition:transform .33s,box-shadow .33s
}
.feature-bento .bento-link:hover{transform:perspective(850px) rotateX(2deg) rotateY(-3deg) translateY(-9px);box-shadow:0 32px 65px #12262e42!important}
.feature-bento .bento-link h3{color:#fffcf6}
.feature-bento .bento-link p{color:#c4d0cf}
.feature-bento .bento-count,.feature-bento .bento-explore{color:#f2bd8b}
.feature-bento .bento-glyph{background:#edb27825;color:#eec49c;box-shadow:inset 0 1px #ffffff30;border:1px solid #ecbf9861}
.feature-bento .bento-explore b{color:#f6d2ac}
.solution-grid .solution-card{
background:radial-gradient(circle at 94% 10%,#daa16b25,transparent 36%),linear-gradient(155deg,#1e3538,#0f1e28 82%)!important;
border:1px solid #e8b48b64!important;color:#f8f4ed!important;
box-shadow:0 20px 48px #0c26302b,inset 0 1px #ffffff26!important;
border-radius:21px;transform-style:preserve-3d
}
.solution-grid .solution-card h3{color:#fffdf9!important}
.solution-grid .solution-card p{color:#cbd8d5!important}
.solution-grid .solution-card .card-index,.solution-grid .solution-card .card-foot{color:#e7b281!important}
.solution-grid .solution-card .card-icon{background:#e8a66c22!important;color:#edbc91!important;border:1px solid #e9b88a54}
.solution-grid .solution-card .card-icon svg{color:#f8c58e}
.solution-grid .solution-card:hover{transform:perspective(850px) rotateX(2deg) rotateY(-4deg) translateY(-7px)!important}
.solution-grid .solution-card .card-foot a.card-visit{background:#e8b081;color:#24323a}
.solution-grid .solution-card .card-foot a.card-visit:hover{background:#ffd4a5;color:#142d34}
.tec-card,.detail-feature,.approach-grid article,.timeline-step{
background:linear-gradient(143deg,#fffefaeb,#f5ecdfd8)!important;border:1px solid #e8c7a89e!important;
box-shadow:0 19px 38px #52351f12,inset 0 1px #ffffff!important;color:#1e3537;
backdrop-filter:blur(12px);border-radius:19px!important;
}
.tec-card:hover,.detail-feature:hover,.timeline-step:hover{box-shadow:0 25px 46px #7650342f!important}
.tec-card h3,.detail-feature h3,.approach-grid h3,.timeline-step h3{color:#182b30!important}
.tec-card p,.detail-feature p,.approach-grid p,.timeline-step p{color:#50615e!important}
.tec-card .tec-card-icon,.detail-feature .feature-marker{color:#b98257}
.tec-card .tec-card-no,.timeline-step .step-number{color:#b98457}
.tec-contact-strip,.closing-cta{background:radial-gradient(circle at 80% 5%,#81564166,transparent 47%),linear-gradient(120deg,#0d2832,#101824)!important}
.tec-contact-strip a{box-shadow:0 7px 20px #ca855142}
.tec-contact-strip span,.closing-cta p{color:#d3d8cf}
.closing-cta h2 em{color:#f4bd8d}
.tec-room-experience{background:linear-gradient(140deg,#f2e7da,#f8f6f1 56%,#e7ece7)!important}
.tec-room-scene-tabs button[aria-pressed=true]{background:#8b6042!important;color:#fff!important;border-color:#bd8d61!important}
.tec-room-experience-copy h2 em{color:#c38b5e}
.tec-orchestration{box-shadow:0 26px 65px #09222e33}
.tec-orch-node.selected{border-color:#f2b783}
.tec-section-soft .tec-card-grid .tec-card::after{background:#dfb17d0c}
.story-section{background:#f7f3ed}
.approach-grid article{overflow:hidden}
.approach-grid article:hover{transform:perspective(900px) rotateX(2deg) rotateY(-4deg) translateY(-6px)}
.footer,.site-footer{background:#0d1d26}
@media(max-width:900px){
body:not([data-page=index]) .site-header .nav-links{background:#0c1d26;color:#fff;border:1px solid #e6bd9740}
body:not([data-page=index]) .site-header .nav-links a{color:#f3e8dc}
body[data-page=index] .site-header .nav-links{background:#0c1d26;color:#fff;border:1px solid #e6bd9740}
body[data-page=index] .site-header .nav-links a{color:#f3e8dc}
}
@media(prefers-reduced-motion:reduce){.solution-card,.bento-link{transition:none!important}}
