:root {
  --gold: #d9a52b;
  --gold-light: #f5d77a;
  --gold-dark: #9a6811;
  --black: #080808;
  --black-2: #111111;
  --white: #ffffff;
  --muted: #77736b;
  --line: rgba(170, 125, 32, .22);
  --soft: #f7f5f0;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  color: #171717; background: var(--white); line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
.navbar {
  position:fixed; z-index:50; top:26px; left:50%; transform:translateX(-50%);
  width:min(1180px, calc(100% - 48px)); height:76px; box-sizing:border-box;
  padding:0 14px 0 21px; display:flex; align-items:center;
  background:rgba(255,255,255,.94); backdrop-filter:blur(18px);
  border:1px solid rgba(181,126,17,.16); border-radius:999px;
  box-shadow:0 18px 42px rgba(41,26,3,.16);
}
.brand, .footer-brand { display:flex; align-items:center; gap:12px; }
.brand { flex-shrink:0; }
.brand img { width:50px; height:50px; object-fit:contain; }
.brand span { font-family:Georgia,serif; font-size:1.3rem; font-weight:700; letter-spacing:.5px; }
.nav-links { margin-left:auto; display:flex; align-items:center; gap:clamp(12px, 1.75vw, 25px); font-size:.88rem; font-weight:650; }
.nav-links a { white-space:nowrap; transition:color .25s, background .25s, border-color .25s, transform .25s; }
.nav-links a:not(.nav-cta):not(.nav-secondary):hover { color:var(--gold-dark); }
.nav-secondary { padding:9px 15px; border:1px solid rgba(23,23,23,.88); border-radius:999px; }
.nav-secondary:hover { color:var(--gold-dark); border-color:var(--gold-dark); }
.nav-cta { display:inline-flex; align-items:center; gap:9px; background:var(--black); color:#fff; padding:8px 9px 8px 17px; border-radius:999px; }
.nav-cta:hover { background:#282017; transform:translateY(-1px); }
.nav-cta span { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--gold); color:#171717; font-size:1.05rem; line-height:1; }
.menu-toggle { display:none; width:42px; height:42px; border:1px solid rgba(181,126,17,.35); border-radius:50%; background:#fff; color:var(--black); font-size:23px; line-height:1; }
.hero {
  min-height: 100vh; padding: 152px 8% 70px; display:grid; grid-template-columns: 1.05fr .95fr;
  align-items:center; gap:30px; overflow:hidden; position:relative; background:
  radial-gradient(circle at 80% 45%, rgba(218,170,47,.14), transparent 35%), #fff;
}
.hero-glow { position:absolute; width:500px; height:500px; right:-180px; top:100px; border-radius:50%;
  border:1px solid var(--line); box-shadow:0 0 0 45px rgba(217,165,43,.025),0 0 0 90px rgba(217,165,43,.02); }
.eyebrow { color:var(--gold-dark); font-size:.75rem; font-weight:800; letter-spacing:.22em; margin-bottom:14px; }
.hero h1 { font: 700 clamp(3rem, 6vw, 6.3rem)/.98 Georgia, serif; max-width:850px; }
.hero h1 span, h2 span { color:var(--gold-dark); }
.hero-text { max-width:650px; margin:26px 0; color:#68635b; font-size:1.08rem; }
.hero-buttons { display:flex; gap:14px; flex-wrap:wrap; }
.btn { display:inline-flex; justify-content:center; align-items:center; padding:14px 24px; border-radius:8px; font-weight:800; border:1px solid transparent; cursor:pointer; }
.btn-gold { background:linear-gradient(135deg,var(--gold-light),var(--gold)); color:#16110a; box-shadow:0 10px 28px rgba(180,125,15,.18); }
.btn-outline { border-color:#222; }
.hero-tags { display:flex; gap:9px; margin-top:28px; flex-wrap:wrap; }
.hero-tags span { border:1px solid #dedbd4; padding:7px 12px; border-radius:30px; font-size:.78rem; }
.hero-logo { min-height:500px; display:grid; place-items:center; position:relative; }
.hero-logo img { width:min(80%,520px); filter:drop-shadow(0 25px 35px rgba(120,75,0,.18)); position:relative; z-index:2; }
.logo-ring { position:absolute; width:min(70vw,470px); aspect-ratio:1; border:1px solid rgba(190,140,35,.25); border-radius:50%; }
.section { padding:110px 8%; }
.section-heading { max-width:780px; margin-bottom:48px; }
.section-heading h2, .cta-section h2 { font:700 clamp(2.2rem,4vw,4rem)/1.05 Georgia,serif; }
.section-heading > p:last-child { color:var(--muted); margin-top:14px; }
.center { margin-left:auto; margin-right:auto; text-align:center; }
.about-grid, .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.lead { font-size:1.5rem; font-family:Georgia,serif; margin-bottom:18px; }
.about p:not(.lead) { color:var(--muted); }
.about-card { min-height:280px; background:var(--soft); border:1px solid #e8e2d6; border-radius:22px; display:flex; align-items:center; justify-content:center; gap:22px; padding:35px; }
.about-card img { width:120px; height:120px; object-fit:contain; }
.about-card strong { display:block; font-size:1.1rem; }
.about-card p { margin-top:6px; }
.dark-section { background:var(--black); color:#fff; }
.dark-section .section-heading > p:last-child { color:#aaa; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.service-card { padding:34px; min-height:270px; border:1px solid #292929; border-radius:18px; background:linear-gradient(145deg,#171717,#0d0d0d); transition:.3s; }
.service-card:hover { transform:translateY(-8px); border-color:rgba(217,165,43,.6); }
.icon { color:var(--gold); font-size:2rem; margin-bottom:30px; }
.service-card h3 { font:700 1.55rem Georgia,serif; margin-bottom:12px; }
.service-card p { color:#aaa; }
.work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.work-card { aspect-ratio:4/5; border-radius:18px; overflow:hidden; display:flex; align-items:end; padding:24px;
  background:linear-gradient(145deg,#0b0b0b,#3a2a0c); position:relative; }
.work-card:before { content:""; position:absolute; width:180px; height:180px; border:1px solid rgba(245,215,122,.4); border-radius:50%; top:18%; right:-50px; }
.work-card:after { content:"N"; position:absolute; font:900 13rem Georgia,serif; color:rgba(255,255,255,.04); top:4%; left:15%; }
.work-card span { position:relative; z-index:2; color:#fff; font:700 1.7rem Georgia,serif; }
.cta-section { padding:75px 8%; display:flex; align-items:center; justify-content:space-between; gap:30px; background:var(--soft); border-top:1px solid #eee7db; border-bottom:1px solid #eee7db; }
.contact-item { display:flex; gap:18px; padding:20px 0; border-bottom:1px solid #e7e2d9; align-items:center; }
.contact-item > span { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:#f2e6c9; color:#7e530a; font-weight:900; }
.contact-item small { display:block; color:#9a968e; font-size:.68rem; letter-spacing:.16em; }
.contact-item strong { display:block; margin-top:2px; }
.contact-form { background:var(--soft); padding:30px; border-radius:18px; }
.contact-form input, .contact-form textarea { width:100%; padding:14px; margin-bottom:14px; border:1px solid #ddd7cc; border-radius:8px; background:#fff; font:inherit; outline:none; }
.contact-form input:focus, .contact-form textarea:focus { border-color:var(--gold); }
.form-status { margin-top:10px; color:#8b6418; font-size:.9rem; }
footer { background:#070707; color:#aaa; padding:35px 8%; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.footer-brand img { width:45px; height:45px; object-fit:contain; }
.footer-brand strong { color:#fff; display:block; font-family:Georgia,serif; }
.footer-brand span { font-size:.75rem; }
footer a { color:var(--gold-light); }
@media (max-width: 900px) {
  .menu-toggle { display:block; }
  .navbar { top:16px; width:calc(100% - 32px); padding:0 16px 0 20px; }
  .nav-links { display:none; position:absolute; top:calc(100% + 12px); left:0; right:0; margin:0; padding:18px 22px; flex-direction:column; align-items:stretch; gap:5px; background:rgba(255,255,255,.98); border:1px solid rgba(181,126,17,.18); border-radius:24px; box-shadow:0 18px 36px rgba(41,26,3,.16); }
  .nav-links.open { display:flex; }
  .nav-links a { padding:9px 4px; }
  .nav-secondary,.nav-cta { justify-content:center; text-align:center; }
  .nav-secondary { margin-top:5px; }
  .nav-cta { padding:8px 10px 8px 17px !important; }
  .hero { grid-template-columns:1fr; text-align:center; padding-top:132px; }
  .hero-content { order:1; } .hero-logo { order:2; min-height:340px; }
  .hero-text { margin-left:auto; margin-right:auto; } .hero-buttons,.hero-tags { justify-content:center; }
  .about-grid,.contact-grid { grid-template-columns:1fr; gap:35px; }
  .cards,.work-grid { grid-template-columns:1fr; }
  .cta-section { flex-direction:column; text-align:center; }
}
@media (max-width: 520px) {
  .navbar { top:10px; width:calc(100% - 22px); height:68px; padding:0 12px 0 16px; }
  .brand span { font-size:1.1rem; }
  .brand img { width:44px; height:44px; }
  .section,.hero { padding-left:5%; padding-right:5%; }
  .hero h1 { font-size:3rem; }
  .about-card { flex-direction:column; text-align:center; }
}


/* ===== PREMIUM UPGRADE ===== */
.trust-strip { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #eee8dd; border-bottom:1px solid #eee8dd; }
.trust-strip div { padding:28px 8%; border-right:1px solid #eee8dd; display:flex; flex-direction:column; gap:4px; }
.trust-strip div:last-child { border-right:0; }
.trust-strip strong { font:700 1.3rem Georgia,serif; color:var(--gold-dark); }
.trust-strip span { font-size:.76rem; text-transform:uppercase; letter-spacing:.1em; color:#77736b; }
.marquee { overflow:hidden; background:#080808; color:#fff; border-bottom:1px solid #272727; }
.marquee-track { width:max-content; display:flex; align-items:center; gap:28px; padding:17px 0; animation:marquee 28s linear infinite; font-size:.72rem; font-weight:800; letter-spacing:.2em; }
.marquee i { color:var(--gold-light); font-style:normal; }
@keyframes marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.stats-section { display:grid; grid-template-columns:repeat(4,1fr); background:#0b0b0b; color:#fff; }
.stat { padding:45px 8%; border-right:1px solid #242424; text-align:center; }
.stat:last-child { border-right:0; }
.stat strong { display:block; font:700 2.7rem Georgia,serif; color:var(--gold-light); }
.stat span { color:#9a9a9a; font-size:.75rem; text-transform:uppercase; letter-spacing:.15em; }
.process-section { background:#f7f5f0; }
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.process-card { background:#fff; padding:30px; min-height:250px; border:1px solid #e6dfd2; border-radius:16px; position:relative; overflow:hidden; transition:.3s; }
.process-card:hover { transform:translateY(-6px); box-shadow:0 18px 40px rgba(50,35,5,.08); }
.process-card b { color:var(--gold-dark); font:700 2.2rem Georgia,serif; }
.process-card h3 { font:700 1.35rem Georgia,serif; margin:40px 0 10px; }
.process-card p { color:#77736b; font-size:.9rem; }
.showcase-banner { margin:0 8%; padding:90px 9%; border-radius:26px; overflow:hidden; position:relative; background:radial-gradient(circle at 85% 30%, rgba(245,215,122,.2), transparent 30%), #0a0a0a; color:#fff; }
.showcase-banner h2 { font:700 clamp(2.6rem,5vw,5rem)/1 Georgia,serif; margin-bottom:30px; }
.showcase-banner h2 span { color:var(--gold-light); }
.showcase-orb { position:absolute; width:280px; height:280px; border:1px solid rgba(245,215,122,.3); border-radius:50%; right:10%; top:50%; transform:translateY(-50%); box-shadow:0 0 0 40px rgba(245,215,122,.025),0 0 0 80px rgba(245,215,122,.02); }
.portfolio-filters { display:flex; gap:8px; margin:-18px 0 30px; flex-wrap:wrap; }
.filter { border:1px solid #ddd6c9; background:#fff; padding:9px 15px; border-radius:30px; cursor:pointer; font:600 .78rem inherit; }
.filter.active, .filter:hover { background:#0b0b0b; color:#fff; border-color:#0b0b0b; }
.work-grid { grid-template-columns:repeat(3,1fr); }
.portfolio-item { transition:.35s; }
.portfolio-item.hide { display:none; }
.work-card span small { display:block; font:700 .58rem Arial,sans-serif; letter-spacing:.2em; color:var(--gold-light); margin-bottom:8px; }
.pricing-section { background:#f7f5f0; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.price-card { background:#fff; border:1px solid #e4ddd0; border-radius:18px; padding:34px; position:relative; }
.price-card.featured { background:#0a0a0a; color:#fff; border-color:#8f6818; transform:translateY(-10px); box-shadow:0 25px 60px rgba(30,20,0,.15); }
.popular { position:absolute; top:0; right:24px; transform:translateY(-50%); background:var(--gold); color:#15110a; padding:7px 12px; border-radius:30px; font-size:.62rem; font-weight:900; letter-spacing:.08em; }
.price-label { font-size:.7rem; font-weight:900; letter-spacing:.18em; color:var(--gold-dark); }
.price-card h3 { font:700 1.8rem Georgia,serif; margin:8px 0; }
.price-copy { color:#77736b; font-size:.9rem; min-height:55px; }
.featured .price-copy { color:#aaa; }
.price-card ul { list-style:none; margin:22px 0; border-top:1px solid #e8e2d8; }
.featured ul { border-color:#2d2d2d; }
.price-card li { padding:10px 0; border-bottom:1px solid #e8e2d8; font-size:.85rem; }
.featured li { border-color:#2d2d2d; color:#ddd; }
.price-card li:before { content:"✓"; color:var(--gold); margin-right:9px; }
.price-link { font-weight:800; color:var(--gold-dark); }
.featured .price-link { color:var(--gold-light); }
.testimonial-section { background:#fff; }
.testimonial-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.testimonial { padding:35px; border:1px solid #e5ded1; border-radius:18px; background:#fbfaf7; }
.quote { color:var(--gold); font:700 3rem Georgia,serif; height:40px; }
.testimonial > p { font:1.2rem/1.6 Georgia,serif; margin:10px 0 28px; }
.person { display:flex; align-items:center; gap:12px; }
.person > span { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#0a0a0a; color:var(--gold-light); font-weight:800; }
.person strong,.person small { display:block; }
.person small { color:#8a867f; }
.blog-section { background:#fff; }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.blog-card { min-height:290px; padding:32px; border:1px solid #e5ded1; border-radius:18px; background:linear-gradient(145deg,#fff,#f7f5f0); display:flex; flex-direction:column; transition:.3s; }
.blog-card:hover { transform:translateY(-6px); box-shadow:0 18px 40px rgba(50,35,5,.08); border-color:rgba(217,165,43,.55); }
.blog-meta { color:var(--gold-dark); font-size:.66rem; font-weight:900; letter-spacing:.15em; }
.blog-card h3 { font:700 1.65rem/1.12 Georgia,serif; margin:22px 0 15px; }
.blog-card > p:last-child { color:#77736b; font-size:.92rem; }
.faq-section { background:#f7f5f0; }
.faq-list { max-width:850px; margin:auto; }
.faq-list details { background:#fff; border:1px solid #e4ddd0; margin-bottom:10px; border-radius:12px; padding:0 22px; }
.faq-list summary { cursor:pointer; list-style:none; padding:21px 0; font-weight:750; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:after { content:"+"; float:right; color:var(--gold-dark); font-size:1.3rem; }
.faq-list details[open] summary:after { content:"−"; }
.faq-list details p { color:#77736b; padding:0 0 22px; max-width:720px; }
.mini-cta { display:flex; justify-content:space-between; align-items:center; gap:30px; border-top:1px solid #eee8dd; }
.mini-cta h2 { font:700 clamp(2rem,3.5vw,3.5rem) Georgia,serif; }
.mini-cta h2 span { color:var(--gold-dark); }

@media (max-width: 1000px) {
  .process-grid { grid-template-columns:repeat(2,1fr); }
  .pricing-grid { grid-template-columns:1fr; max-width:650px; margin:auto; }
  .price-card.featured { transform:none; }
  .trust-strip,.stats-section { grid-template-columns:repeat(2,1fr); }
  .trust-strip div:nth-child(2),.trust-strip div:nth-child(4),.stat:nth-child(2),.stat:nth-child(4) { border-right:0; }
  .trust-strip div:nth-child(-n+2),.stat:nth-child(-n+2) { border-bottom:1px solid #eee8dd; }
  .stat { border-color:#242424; }
}
@media (max-width: 700px) {
  .showcase-banner { margin:0 5%; padding:65px 7%; }
  .showcase-orb { right:-80px; }
  .process-grid,.testimonial-grid,.work-grid,.blog-grid { grid-template-columns:1fr; }
  .mini-cta { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 520px) {
  .trust-strip,.stats-section { grid-template-columns:1fr; }
  .trust-strip div,.stat { border-right:0 !important; border-bottom:1px solid #eee8dd; }
  .trust-strip div:last-child,.stat:last-child { border-bottom:0; }
}

.footer-links{display:flex;gap:18px;align-items:center}.footer-links a:hover{color:var(--gold-light)}