*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#F8FAFC;color:#0F172A;overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:'Playfair Display',serif}
.prose p{margin-bottom:1rem;line-height:1.85;color:#334155}
.prose h2,.prose h3{margin:1.2rem 0 .75rem}
.prose img{max-width:100%;height:auto;margin:1rem 0;border-radius:6px}

#navbar{transition:all .35s ease;background:rgba(15,23,42,.95)!important;backdrop-filter:blur(10px);box-shadow:0 8px 28px rgba(2,6,23,.22)}
#navbar.scrolled{background:rgba(15,23,42,.98)!important;box-shadow:0 10px 36px rgba(2,6,23,.34)}
.nav-link{position:relative;font-size:.82rem;letter-spacing:.13em;color:rgba(255,255,255,.84);transition:color .2s}
.nav-link::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:1.5px;background:#C69C6D;transition:width .28s ease}
.nav-link:hover,.nav-link.active{color:#C69C6D}
.nav-link:hover::after,.nav-link.active::after{width:100%}

#mobile-menu{background:#0F172A;transition:max-height .35s ease,opacity .3s ease;max-height:0;opacity:0;overflow:hidden}
#mobile-menu.open{max-height:520px;opacity:1}

.hero-bg{background:center/cover no-repeat;min-height:100vh;position:relative}
.hero-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(15,23,42,.92) 0%,rgba(15,23,42,.65) 45%,rgba(15,23,42,.52) 100%)}
.hero-bg>*{position:relative;z-index:2}
.hero-grid-pattern{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(198,156,109,.25) 1px, transparent 1px),linear-gradient(90deg, rgba(198,156,109,.25) 1px, transparent 1px);background-size:42px 42px;pointer-events:none}

.section-label{font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#C69C6D}
.section-shell{position:relative;overflow:hidden}
.section-shell::before{content:'';position:absolute;width:45vw;height:45vw;left:-20vw;top:-30vw;background:radial-gradient(circle, rgba(198,156,109,.12), transparent 65%);pointer-events:none}

.glass-card{background:linear-gradient(140deg,rgba(255,255,255,.88),rgba(255,255,255,.67));border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px)}
.service-card{border:1px solid #e2e8f0;transition:border-color .32s,box-shadow .32s,transform .32s;background:#fff;position:relative;overflow:hidden}
.service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,rgba(198,156,109,.1),transparent 50%);opacity:0;transition:opacity .3s}
.service-card:hover{border-color:#C69C6D;box-shadow:0 14px 48px rgba(198,156,109,.15);transform:translateY(-8px)}
.service-card:hover::before{opacity:1}

.portfolio-item{overflow:hidden;position:relative;cursor:pointer}
.portfolio-item img{transition:transform .7s cubic-bezier(.22,1,.36,1);width:100%;height:100%;object-fit:cover}
.portfolio-item:hover img{transform:scale(1.09)}
.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.88) 0%,rgba(15,23,42,.26) 46%, transparent 70%);opacity:.12;transition:opacity .4s;display:flex;align-items:flex-end;padding:1.25rem}
.portfolio-item:hover .portfolio-overlay{opacity:1}

.process-step{position:relative}
.step-num{width:58px;height:58px;border-radius:50%;border:2px solid #C69C6D;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.2rem;color:#C69C6D;background:#fff;z-index:1;margin:0 auto 1rem}

.why-card{background:#fff;border:1px solid #e2e8f0;transition:box-shadow .3s,transform .3s,border-color .3s}
.why-card:hover{box-shadow:0 12px 42px rgba(198,156,109,.14);transform:translateY(-5px);border-color:#C69C6D}

.btn-accent{background:#C69C6D;color:#0F172A;font-weight:600;letter-spacing:.08em;transition:background .25s,transform .2s,box-shadow .2s}
.btn-accent:hover{background:#b5885a;box-shadow:0 8px 28px rgba(198,156,109,.36);transform:translateY(-2px)}
.btn-outline{border:1.5px solid rgba(255,255,255,.88);color:#fff;font-weight:500;letter-spacing:.08em;transition:all .25s}
.btn-outline:hover{background:#fff;color:#0F172A;transform:translateY(-2px)}

.wa-float{position:fixed;bottom:1.6rem;right:1.6rem;z-index:999;width:60px;height:60px;border-radius:50%;background:#25D366;box-shadow:0 8px 28px rgba(37,211,102,.38);display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:scale(1.12);box-shadow:0 12px 32px rgba(37,211,102,.52)}

.reveal{opacity:0;transform:translateY(26px)}
.reveal.show{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
[data-fade-left]{opacity:0;transform:translateX(-30px)}
[data-fade-right]{opacity:0;transform:translateX(30px)}
[data-fade-left].show,[data-fade-right].show{opacity:1;transform:none;transition:all .8s cubic-bezier(.22,1,.36,1)}

.admin-surface{background:linear-gradient(180deg,#0b1222 0%,#111827 35%,#f1f5f9 35%)}

::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#F8FAFC}
::-webkit-scrollbar-thumb{background:#C69C6D;border-radius:4px}