/* Relocate.PL visual polish — layered on top of the existing design */
:root{--accent:#d4a373;--accent-light:#f0cf9f;--glow:rgba(212,163,115,.16)}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{background-image:radial-gradient(ellipse at 8% 7%,rgba(35,72,112,.20),transparent 36%),radial-gradient(ellipse at 94% 36%,rgba(212,163,115,.075),transparent 30%);background-attachment:fixed}
::selection{background:var(--accent);color:#071325}
header.nav{box-shadow:0 10px 32px rgba(0,0,0,.12)}
.brand img{transition:transform .35s ease,box-shadow .35s ease}
.brand:hover img{transform:rotate(-5deg) scale(1.06);box-shadow:0 0 0 5px var(--glow)}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero:after{content:"";position:absolute;z-index:-1;width:clamp(220px,35vw,480px);height:clamp(220px,35vw,480px);right:-9%;bottom:-35%;border-radius:50%;background:radial-gradient(circle,rgba(212,163,115,.16),transparent 68%);pointer-events:none;animation:relocate-orbit 12s ease-in-out infinite alternate}
.hero h1{max-width:900px;text-wrap:balance}
.hero h1 strong,.hero h1 .gold{background:linear-gradient(100deg,#f0cf9f,#d4a373 48%,#fff0d8);-webkit-background-clip:text;background-clip:text;color:transparent}
.section{position:relative}
.section h2{text-wrap:balance}
.card,.service,.adv,.faq details,.price-wrap,.tg-cta{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.card:hover,.service:hover,.adv:hover{transform:translateY(-4px);border-color:rgba(212,163,115,.52)!important;box-shadow:0 20px 48px rgba(0,0,0,.24)}
.btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.24) 50%,transparent 85%);transform:translateX(-130%);transition:transform .55s ease}
.btn:hover:before{transform:translateX(130%)}
.btn:hover{filter:brightness(1.06)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--glow)}
.faq details[open]{border-color:rgba(212,163,115,.45);background:linear-gradient(135deg,rgba(212,163,115,.08),rgba(17,34,64,.78))}
.faq summary::marker{color:var(--accent)}
img{height:auto}
section[id],aside[id]{scroll-margin-top:95px}
/* Reveal effects are enabled only when JS is available; no-JS pages remain visible. */
.js-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.js-reveal.is-visible{opacity:1;transform:none}
@keyframes relocate-orbit{from{transform:translate3d(-10px,8px,0) scale(.96)}to{transform:translate3d(12px,-10px,0) scale(1.06)}}
@media(max-width:760px){body{background-attachment:scroll}.hero:after{right:-28%;bottom:-26%}.card:hover,.service:hover,.adv:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-reveal{opacity:1;transform:none}}
.official-update{margin:22px 0;padding:18px 20px;border:1px solid rgba(212,163,115,.42);border-left:4px solid var(--accent);border-radius:14px;background:linear-gradient(120deg,rgba(212,163,115,.10),rgba(17,34,64,.45));color:var(--text)}
.official-update a{color:var(--accent-light);font-weight:750;text-underline-offset:3px}
.official-update strong{color:var(--accent-light)}
