
:root{--ink:#17283b;--deep:#14273a;--deep2:#20364b;--cream:#f8f9fa;--paper:#edf1f4;--muted:#617080;--lime:#c5a477;--line:#dce3e8;--white:#fff;--radius:12px}
body{background:#fff;color:var(--ink)}
.site-header{height:76px;background:#fff;color:var(--ink);border-bottom:1px solid #e8edf1}
.site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 8px 28px #14273a0d}
.brand-mark{background:var(--deep);color:white;border-radius:7px}.brand-mark .mark-dot{color:#c5a477}.brand-name>span{color:#718093}
.main-nav>a:not(.nav-contact){color:#4c5b6a}.main-nav>a:not(.nav-contact):hover{color:#14273a}
.nav-contact{background:var(--deep);border-color:var(--deep);color:white;border-radius:6px}.nav-contact:hover{background:#2d4861;border-color:#2d4861;color:white}
.menu-toggle span{background:var(--deep)}.hero{background:#f6f8fa;color:var(--ink);border-bottom:1px solid #e8edf1}
.hero-grid{min-height:610px;padding-top:72px;padding-bottom:70px;gap:65px}
.hero-grain,.orbit-ring,.visual-label,.floating-note,.hero-proof-icon{display:none!important}
.hero h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-.057em;line-height:1.08;font-weight:600}.hero h1 em{color:#9a7850}
.eyebrow-light{color:#687d8f}.hero-description{color:#55687a;font-size:16px;line-height:1.75}.hero-proof{color:#617184}.hero-proof i{color:#b3bbc3}
.button-lime{background:var(--deep);color:#fff;border-radius:6px}.button-lime:hover{background:#2d4861}.light-link{color:var(--deep)!important}
.hero-visual{height:420px}.mock-browser{transform:none!important;box-shadow:0 18px 55px #14273a1a;border:6px solid #fff;border-radius:12px}
.hero-foot{border-top:1px solid #e1e7ed;color:#7c8a97}.hero-foot a{color:#51687c}
.section-pad{padding:95px 0}.section-heading h2,.faq-heading h2{letter-spacing:-.05em}
.services-section{background:#fff}.services-grid{gap:16px}.service-card{border:1px solid #e4e9ee;background:#fff;border-radius:10px;box-shadow:none!important}
.service-graphic{height:145px;opacity:.75;filter:saturate(.45)}.service-tags span{border-radius:4px}
.work-section{background:#f6f8fa}.project-preview{border-radius:8px;overflow:hidden}.project-card{background:transparent}
.process-section{background:#fff}.about-section{background:#edf2f6}.contact-section{background:#14273a}
.contact-section .button-lime,.contact-form-panel button{background:#c5a477;color:#14273a}.faq-section{background:#fff}.footer{background:#101f2d}
.whatsapp-float{background:#168c58;border-radius:8px;box-shadow:0 8px 25px #14273a25}.js-reveal .reveal{transition-duration:.35s}
@media(max-width:900px){.main-nav{top:74px;background:white;border-color:#e3e9ef}.main-nav>a:not(.nav-contact){border-color:#e5e9ee}.main-nav .nav-contact{color:white}.hero-grid{gap:28px}.hero-visual{height:420px}}
@media(max-width:640px){.section-pad{padding:72px 0}.hero-grid{padding-top:54px;padding-bottom:40px}.hero h1{font-size:clamp(43px,10.5vw,62px)}.hero-visual{height:305px}.service-graphic{height:120px}.whatsapp-float{border-radius:50%}.hero-proof{line-height:1.7}}
