/* Shared luminous bronze system, calibrated to the service-truck illustration. */
:root{--bronze:#e3ad69;--bronze-light:#ffd49a;--bronze-highlight:#ffe7bd;--bronze-shadow:#8b572f;--bronze-glow:#d58b3f;--led:#f8fcff;--metal:linear-gradient(135deg,#754526 0%,#b9773e 20%,#e3ad69 46%,#ffe7bd 58%,#ce8846 76%,#89532d 100%);--about-bronze:var(--bronze);--about-bronze-light:var(--bronze-light)}
*{scrollbar-color:var(--bronze) var(--deep)}
::selection{background:var(--bronze);color:#07172f}
:focus-visible{outline-color:var(--led)}
em,.process-number,.q-choice span,.q-form h2,.q-address legend,.q-review dt,.q-map a,.q-back,.footer-links a,.all-services h3,.craft-panel h2,.about-facts h2,.about-path h2,.about-region h2,.situation-solution h3{color:var(--bronze-light)}

/* Warm metal actions with a precise white LED edge. */
.synthesis-world .button,.button,.menu-toggle,.floating-request{border-color:var(--bronze-light);border-top-color:var(--led);background:linear-gradient(135deg,var(--bronze-shadow),#b9783f 48%,var(--bronze) 100%);box-shadow:inset 0 1px 0 #fff9,0 -3px 12px -5px var(--led),0 0 18px #d58b3f42,0 10px 26px #0006}
.synthesis-world .button:hover,.button:hover,.menu-toggle:hover,.floating-request:hover{background:linear-gradient(135deg,#9b602f,#d1904c 58%,var(--bronze-light));box-shadow:inset 0 1px 0 #fff,0 -3px 14px -4px var(--led),0 0 24px #d58b3f66,0 12px 28px #0006}
.text-link{border-bottom-color:var(--bronze);color:var(--bronze-light)}

/* One border language across cards, panels and forms. */
.light-panel,.craft-panel,.process-heading,.territory-copy,.about-person,.story-close,.page-intro:not(.request-intro),.workshop-close,.workshop-close .workshop-content,.home-pressure,.process-card,.synthesis-world .territory,.synthesis-world .territory-map,.about-hero,.about-easy,.about-close,.situation-solution,.request-intro,.q-choice,.q-form,.request-disclosure{border-color:var(--bronze)!important;border-top-color:var(--led)!important;box-shadow:inset 0 2px 0 #f8fcffcc,inset 0 0 18px #e3ad6914,0 -3px 12px -7px var(--led),0 0 20px #d58b3f2e,0 22px 58px #0005!important}
.service-card{border-color:var(--bronze);border-top-color:var(--led);box-shadow:0 -3px 9px -3px var(--led),0 0 18px #d58b3f66,0 22px 60px #0006}
.service-card::before{background:var(--led);box-shadow:0 0 6px var(--led),0 0 14px #ffd49a99}
.service-more,.all-services-columns article,.home-pressure-points li,.process-card .process-panels,.process-card .process-panel,.about-facts article,.about-path article,.about-situation,.about-easy li,.about-region,.q-form-head,.q-extras,.q-actions,.footer-links{border-color:#e3ad6980!important}

/* Connected bronze light used throughout the long-form chapters. */
.thread-lit,.curve-progress,.territory-map svg{stroke:var(--bronze-light);filter:drop-shadow(0 0 5px #d58b3faa)}
.thread-point,.end-node,.home-pressure-points li::before,.territory-map .town::before{background:var(--bronze-light);box-shadow:0 0 7px var(--led),0 0 18px #d58b3faa}
.territory-map .town,.territory-map .town-base{color:var(--bronze-light);text-shadow:0 2px 10px #07172f,0 0 9px #d58b3f55}
.craft-light{filter:drop-shadow(0 0 9px var(--bronze-light))}

/* Form states inherit the same metal instead of introducing brown variants. */
.q-field input,.q-field select,.q-field textarea,.q-options label,.q-consent,.q-map,.q-result,.q-photos button{border-color:#e3ad6999}
.q-field input:focus,.q-field textarea:focus,.q-field select:focus{outline-color:var(--led);box-shadow:0 0 0 1px var(--bronze),0 0 14px #d58b3f55}
.q-options input,.q-consent input{accent-color:var(--bronze)}
.q-options label:has(input:checked){border-color:var(--bronze-light);box-shadow:inset 0 1px var(--led),0 0 13px #d58b3f44}
.q-stepper button.is-current .q-step-dot{border-color:var(--bronze-light);background:var(--bronze-shadow);box-shadow:inset 0 1px var(--led),0 0 18px #d58b3f66}
.q-stepper button.is-complete,.q-stepper button:not(:disabled):hover{color:var(--bronze-light)}
.q-stepper button.is-complete .q-step-dot{border-color:var(--bronze)}
.q-stepper button.is-complete .q-step-dot::after{border-color:var(--bronze-light)}

/* The slogan belongs to the open-workshop phase, never to the shutter. */
body .hero-slogan{opacity:0;visibility:hidden;border:1px solid var(--bronze-light);background:linear-gradient(145deg,#0b203df2,#07172ff5);box-shadow:inset 0 2px 0 var(--led),inset 0 0 22px #e3ad691c,0 -3px 12px -5px var(--led),0 0 22px #d58b3f80,0 16px 36px #0008;transition:opacity .28s ease-out,visibility .28s ease-out}
body .hero-departing .hero-slogan,body .hero-finished .hero-slogan{opacity:1;visibility:visible}
body .hero-slogan::after{border-color:var(--bronze-light);box-shadow:inset 0 0 0 1px #f8fcff66,0 0 7px var(--led),0 0 18px #d58b3f77}
body .hero-slogan span{color:var(--bronze-light);text-shadow:0 0 8px #d58b3f88,0 2px 10px #000}
body .hero-slogan strong{color:var(--led);text-shadow:0 0 7px #f8fcff88,0 2px 10px #000}
.slogan-logo{filter:drop-shadow(0 0 6px #d58b3faa)}

/* Keep WhatsApp recognizable while the surrounding edge stays on-brand. */
.footer-whatsapp,.whatsapp-action{border-color:var(--bronze-light);box-shadow:inset 0 1px #ffffffa8,0 0 12px #d58b3f44,0 10px 26px #06182566}
.synthesis-world .floating-request{width:64px;min-width:64px;height:64px;min-height:64px}
.synthesis-world .floating-request svg{width:29px;height:29px;stroke-width:1.9}
.synthesis-world .footer{border-top-color:var(--bronze)}
.synthesis-world .footer::before{background:linear-gradient(90deg,transparent,var(--bronze-shadow) 18%,var(--bronze-light) 50%,var(--bronze-shadow) 82%,transparent);box-shadow:0 5px 18px #d58b3f66}

@media(prefers-reduced-motion:reduce){body .hero-slogan{opacity:1;visibility:visible}}
@media(max-width:760px){.synthesis-world .floating-request{width:62px;min-width:62px;height:62px;min-height:62px}.synthesis-world .floating-request svg{width:28px;height:28px}}

/* Menu uses the same blue card material as the content, not a bronze action fill. */
.synthesis-world .site-header{filter:drop-shadow(0 18px 32px #0007)}
.synthesis-world .site-header .menu-toggle{position:relative;overflow:hidden;border:1px solid var(--bronze);border-top:2px solid var(--led);border-radius:17px;background:linear-gradient(145deg,#315b89,#1a3e68 58%,#0d2949);box-shadow:inset 0 2px 0 #f8fcffcc,inset 0 0 16px #e3ad6912,0 -3px 10px -7px var(--led),0 12px 30px #0006;color:var(--led);text-shadow:none}
.synthesis-world .site-header .menu-toggle::after{content:"";position:absolute;inset:6px;border:1px solid #ffd49a4d;border-radius:11px;pointer-events:none}
.synthesis-world .site-header .menu-toggle:hover{background:linear-gradient(145deg,#3a6897,#214a78 58%,#102f54);box-shadow:inset 0 2px var(--led),0 0 14px #d58b3f33,0 14px 34px #0006}
.synthesis-world .site-header nav{padding:17px 20px 20px;border:1px solid var(--bronze);border-top:2px solid var(--led);border-radius:17px;background:linear-gradient(145deg,#2b5187,#183b64 58%,#0d2949);box-shadow:inset 0 2px var(--led),inset 0 0 22px #e3ad6912,0 24px 55px #0008}
.synthesis-world .site-header nav::before{content:"";position:absolute;inset:7px;border:1px solid #ffd49a42;border-radius:10px;pointer-events:none}
.synthesis-world .site-header nav a{position:relative;z-index:1;padding:15px 8px;border-bottom-color:#e3ad694d;color:#f5f8ff}
.synthesis-world .site-header nav a:hover{color:var(--bronze-light);transform:translateX(5px)}

/* Calm silver slogan: the van supplies the material reference; bronze only outlines it. */
body .hero-slogan{border-color:#d7a063;background:linear-gradient(145deg,#0b203df2,#07172ff5);box-shadow:inset 0 2px 0 #f8fcffcc,inset 0 0 14px #dbe5ed12,0 -2px 9px -6px var(--led),0 14px 32px #0008}
body .hero-slogan::after{border-color:#d7a06399;box-shadow:inset 0 0 0 1px #f8fcff45,0 0 5px #f8fcff55}
body .hero-slogan span{color:#d8e0e6;text-shadow:0 1px 0 #fff8,0 2px 9px #000}
body .hero-slogan strong{color:#f0f3f5;text-shadow:0 1px 0 #fff9,0 2px 9px #000}
body .hero-slogan-compact{display:grid;place-items:center;width:min(580px,82%);min-height:0;padding:20px 24px;bottom:80px;border:1px solid #d7a063;border-top:2px solid #fff;border-radius:15px;background:linear-gradient(155deg,#16395f,#0a213f 56%,#06152b);box-shadow:inset 0 2px 0 #ffffffcc,inset 0 -14px 24px #02091466,inset 0 0 24px #cfe7ff14,0 -3px 12px -5px #fff,0 7px 0 #030b18aa,0 22px 40px #000b;transform:translateX(-50%) perspective(900px) rotateX(-2deg)}
body .hero-slogan-compact::after{inset:5px;border-color:#f0b87399;border-radius:10px;box-shadow:inset 0 1px 0 #fff,0 0 7px #fff9}
body .hero-slogan-compact strong{margin:0;font:400 clamp(38px,4.3vw,58px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#fff;text-shadow:0 0 3px #fff9,0 0 7px #d9efff99,0 3px 12px #000d}
body.motion-paused .hero-slogan-compact{transform:translateX(-50%) perspective(900px) rotateX(-2deg)}
@media(max-width:760px){body .hero-slogan-compact{width:calc(100% - 34px);min-height:0;padding:17px 16px;bottom:91px;border-radius:13px}body .hero-slogan-compact::after{inset:4px;border-radius:9px}body .hero-slogan-compact strong{font-size:clamp(32px,8.7vw,42px)}}

body .hero-next{border:2px solid #fff;color:#fff;background:linear-gradient(155deg,#173b61,#081b34);box-shadow:inset 0 1px 0 #fff,inset 0 0 12px #dff3ff38,0 0 7px #fff,0 0 18px #dff3ff99,0 10px 24px #0009;transition:opacity .35s,transform .22s ease-out,box-shadow .22s ease-out;background-color:#0b2342}
body .hero-finished .hero-next{animation:hero-arrow-pulse 1.9s ease-in-out infinite}
body .hero-next:hover{animation-play-state:paused;transform:translateX(-50%) translateY(3px) scale(1.05);box-shadow:inset 0 1px 0 #fff,inset 0 0 16px #dff3ff55,0 0 10px #fff,0 0 25px #dff3ffcc,0 12px 28px #0009}
body .hero-next:active{animation-play-state:paused;transform:translateX(-50%) translateY(5px) scale(.94)}
@keyframes hero-arrow-pulse{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
@media(prefers-reduced-motion:reduce){body .hero-finished .hero-next{animation:none}}