*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;background:#15171A;color:#F5F1EA;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;border:none;font-family:inherit}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.9375rem;font-weight:600;border-radius:.5rem;transition:all .25s ease;white-space:nowrap;line-height:1}
.btn-primary{background:#C6532E;color:#F5F1EA}
.btn-primary:hover{background:#d45f35;transform:translateY(-2px);box-shadow:0 6px 24px rgba(198,83,46,.35)}
.btn-nav{padding:.625rem 1.25rem;font-size:.875rem}
.btn-outline{background:transparent;border:1.5px solid #F5F1EA;color:#F5F1EA}
.btn-outline:hover{background:#F5F1EA;color:#15171A;transform:translateY(-2px);box-shadow:0 6px 24px rgba(245,241,234,.2)}
.btn-accent{background:#7A8B6F;color:#F5F1EA}
.btn-accent:hover{background:#8a9c7e;transform:translateY(-2px);box-shadow:0 6px 24px rgba(122,139,111,.35)}
.btn-full{width:100%}

/* ── Header ── */
.site-header{position:sticky;top:0;z-index:100;background:rgba(14,16,18,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,241,234,.06);transition:background .3s ease}
.header-inner{max-width:1280px;margin:0 auto;padding:.9rem 2rem;display:flex;align-items:center;justify-content:space-between}

.logo{display:flex;align-items:center;gap:.625rem;font-weight:800;font-size:1.35rem;color:#F5F1EA}
.logo-mark{width:2.25rem;height:2.25rem;background:#C6532E;border-radius:.4rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#F5F1EA;font-weight:900;flex-shrink:0}
.logo-text{letter-spacing:-.02em}

.main-nav{display:flex;align-items:center}
.nav-list{display:flex;align-items:center;gap:2rem}
.nav-link{font-size:.9rem;font-weight:500;color:#9AA0A8;transition:color .25s ease;position:relative}
.nav-link:hover,.nav-link.active{color:#F5F1EA}

.mobile-toggle{display:none;flex-direction:column;gap:.3rem;background:none;padding:.4rem}
.toggle-bar{width:1.55rem;height:2px;background:#F5F1EA;border-radius:2px;transition:all .3s ease}

/* ── Hero ── */
.hero{position:relative;overflow:hidden;padding:7rem 2rem 5rem;background:#15171A}
.hero-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 60% at 30% 40%,rgba(198,83,46,.07) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 70% 60%,rgba(122,139,111,.05) 0%,transparent 70%)}
.hero-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.hero-content{display:flex;flex-direction:column;gap:1.5rem}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:rgba(198,83,46,.12);border:1px solid rgba(198,83,46,.25);border-radius:2rem;font-size:.8rem;font-weight:600;color:#C6532E;width:fit-content}
.hero-headline{font-size:3.5rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#F5F1EA}
.hero-subheadline{font-size:1.15rem;color:#9AA0A8;max-width:480px;line-height:1.65}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}

.hero-metrics{display:flex;gap:2.5rem;padding-top:.5rem}
.metric-item{display:flex;flex-direction:column;gap:.15rem}
.metric-value{font-size:1.75rem;font-weight:800;color:#F5F1EA;line-height:1}
.metric-label{font-size:.8rem;color:#9AA0A8;font-weight:500}

.hero-visual{display:flex;align-items:center;justify-content:center;position:relative}
.hero-diagram{position:relative;width:100%;max-width:440px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.diagram-node{position:absolute;width:3.5rem;height:3.5rem;border-radius:.65rem;background:#1E2126;border:1.5px solid rgba(198,83,46,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(0,0,0,.4);transition:transform .3s ease}
.diagram-node:hover{transform:scale(1.1)}
.node-label{font-size:.7rem;font-weight:700;color:#C6532E}
.diagram-node-a{top:15%;left:50%;transform:translateX(-50%);background:#C6532E;border-color:#C6532E}
.diagram-node-a .node-label{color:#F5F1EA}
.diagram-node-b{top:35%;left:8%}
.diagram-node-c{top:35%;right:8%}
.diagram-node-d{top:62%;left:20%}
.diagram-node-e{top:62%;right:20%}
.diagram-connector{position:absolute;border:1px dashed rgba(122,139,111,.3);pointer-events:none}

/* ── Section Commons ── */
.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem;display:flex;flex-direction:column;gap:.75rem}
.section-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:rgba(198,83,46,.1);border:1px solid rgba(198,83,46,.2);border-radius:2rem;font-size:.75rem;font-weight:700;color:#C6532E;text-transform:uppercase;letter-spacing:.06em;width:fit-content;margin:0 auto}
.section-title{font-size:2.75rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#F5F1EA}
.section-desc{font-size:1.05rem;color:#9AA0A8;line-height:1.65}

/* ── Services ── */
.services{padding:6rem 2rem;background:#15171A}
.services-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.service-card{padding:2.5rem 2rem;background:#1E2126;border:1px solid rgba(245,241,234,.06);border-radius:.85rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1.25rem}
.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(0,0,0,.35);border-color:rgba(198,83,46,.25)}
.card-icon{width:3.25rem;height:3.25rem;border-radius:.65rem;background:rgba(198,83,46,.12);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#C6532E;flex-shrink:0}
.card-title{font-size:1.2rem;font-weight:700;color:#F5F1EA}
.card-text{font-size:.9375rem;color:#9AA0A8;line-height:1.65}

/* ── About ── */
.about{padding:6rem 2rem;background:#0E1012}
.about-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.about-content{display:flex;flex-direction:column;gap:1.75rem}
.about-text{font-size:1.05rem;color:#9AA0A8;line-height:1.7}

.about-visual{position:relative;display:flex;align-items:center;justify-content:center}
.about-accent-shape{width:100%;max-width:380px;aspect-ratio:1;background:linear-gradient(135deg,rgba(198,83,46,.1),rgba(122,139,111,.08));border-radius:1.5rem;border:1px solid rgba(198,83,46,.15);position:relative;overflow:hidden}
.about-accent-shape::after{content:'';position:absolute;top:20%;right:-15%;width:50%;height:50%;background:rgba(198,83,46,.2);border-radius:50%;filter:blur(60px)}

.about-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;padding-top:.5rem}
.stack-card{background:#1E2126;border:1px solid rgba(245,241,234,.06);border-radius:.7rem;padding:1.15rem .85rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:all .3s ease}
.stack-card:hover{transform:translateY(-4px);border-color:rgba(198,83,46,.3)}
.stack-card-1,.stack-card-2,.stack-card-3,.stack-card-4{}
.stack-num{font-size:1.65rem;font-weight:800;color:#C6532E;line-height:1}
.stack-label{font-size:.75rem;color:#9AA0A8;font-weight:500}

.about-values{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}
.value-item{display:flex;align-items:flex-start;gap:.85rem}
.value-indicator{width:.5rem;height:.5rem;border-radius:50%;background:#C6532E;margin-top:.55rem;flex-shrink:0}
.value-title{font-size:.95rem;font-weight:700;color:#F5F1EA}
.value-desc{font-size:.875rem;color:#9AA0A8;line-height:1.55}

/* ── Process ── */
.process{padding:6rem 2rem;background:#15171A}
.process-header{text-align:center;max-width:600px;margin:0 auto 2rem;display:flex;flex-direction:column;gap:.75rem}
.process-flow{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.process-step{background:#1E2126;border:1px solid rgba(245,241,234,.06);border-radius:.85rem;padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;transition:all .3s ease}
.process-step:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.3)}
.step-marker{width:2.75rem;height:2.75rem;border-radius:50%;background:#C6532E;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#F5F1EA;flex-shrink:0}
.step-body{display:flex;flex-direction:column;gap:.4rem}
.step-title{font-size:1.05rem;font-weight:700;color:#F5F1EA}
.step-text{font-size:.85rem;color:#9AA0A8;line-height:1.55}
.process-cta{text-align:center;margin-top:3rem}

/* ── Industries ── */
.industries{padding:6rem 2rem;background:#0E1012}
.industries-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.industry-card{background:#1E2126;border:1px solid rgba(245,241,234,.06);border-radius:.85rem;padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.85rem;transition:all .3s ease}
.industry-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(0,0,0,.3);border-color:rgba(198,83,46,.2)}
.industry-icon{width:3rem;height:3rem;border-radius:.65rem;background:rgba(198,83,46,.1);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#C6532E}
.industry-name{font-size:1rem;font-weight:700;color:#F5F1EA}
.industry-desc{font-size:.85rem;color:#9AA0A8;line-height:1.55}

/* ── Stats ── */
.stats{padding:4rem 2rem;background:#15171A;border-top:1px solid rgba(245,241,234,.06);border-bottom:1px solid rgba(245,241,234,.06)}
.stats-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.stat-item{text-align:center;display:flex;flex-direction:column;gap:.35rem}
.stat-number{font-size:2.5rem;font-weight:800;color:#C6532E;line-height:1}
.stat-description{font-size:.875rem;color:#9AA0A8}

/* ── Testimonials ── */
.testimonials{padding:6rem 2rem;background:#0E1012}
.testimonials-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.testimonial-card{background:#1E2126;border:1px solid rgba(245,241,234,.06);border-radius:.85rem;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:all .3s ease}
.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(0,0,0,.3)}
.testimonial-rating{display:flex;gap:.2rem}
.star{font-size:1.1rem;color:#C6532E}
.testimonial-text{font-size:.95rem;color:#F5F1EA;line-height:1.65;font-style:italic}
.testimonial-author{display:flex;flex-direction:column;gap:.15rem}
.author-name{font-size:.9rem;font-weight:700;color:#F5F1EA}
.author-role{font-size:.8rem;color:#9AA0A8}

/* ── Contact ── */
.contact{padding:6rem 2rem;background:#15171A}
.contact-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:3.5rem}

.contact-info{display:flex;flex-direction:column;gap:1.5rem}
.contact-info-card{background:#1E2126;border:1px solid rgba(245,241,234,.06);border-radius:.85rem;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}
.info-title{font-size:1.1rem;font-weight:700;color:#F5F1EA}
.info-label{font-size:.8rem;color:#9AA0A8;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.info-value{font-size:.95rem;color:#F5F1EA;font-weight:600}
.info-address{font-size:.9rem;color:#F5F1EA;line-height:1.6;font-style:normal}
.info-item{display:flex;flex-direction:column;gap:.3rem}
.info-link{color:#C6532E;font-weight:600;transition:color .25s ease}
.info-link:hover{color:#d45f35}
.info-features{display:flex;flex-direction:column;gap:.65rem;padding-top:.25rem}

.contact-form{display:flex;flex-direction:column;gap:1.5rem;background:#1E2126;border:1px solid rgba(245,241,234,.06);border-radius:.85rem;padding:2.25rem}
.form-group,.form-row{display:flex;flex-direction:column;gap:.4rem}
.form-row{flex-direction:row;gap:1.25rem}
.form-row .form-group{flex:1}
.form-label{font-size:.85rem;font-weight:600;color:#F5F1EA}
.form-input,.form-select,.form-textarea{width:100%;padding:.8rem 1rem;background:#15171A;border:1.5px solid rgba(245,241,234,.08);border-radius:.5rem;font-size:.925rem;color:#F5F1EA;font-family:inherit;transition:all .25s ease;outline:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#C6532E;box-shadow:0 0 0 3px rgba(198,83,46,.15)}
.form-input::placeholder,.form-textarea::placeholder{color:#9AA0A8}
.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%239AA0A8'%3E%3Cpath d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}
.form-select option{background:#15171A;color:#F5F1EA}
.form-textarea{resize:vertical;min-height:130px}
.full-width{grid-column:1/-1;width:100%}

/* ── Footer ── */
.site-footer{background:#0E1012;border-top:1px solid rgba(245,241,234,.06)}
.footer-main{padding:4rem 2rem 3rem}
.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem}
.footer-col{display:flex;flex-direction:column;gap:.85rem}
.footer-brand{display:flex;flex-direction:column;gap:.65rem}
.footer-logo{font-size:1.25rem;font-weight:800;color:#F5F1EA;display:flex;align-items:center;gap:.5rem}
.footer-tagline{font-size:.875rem;color:#9AA0A8;line-height:1.55}
.footer-org{font-size:.875rem;color:#9AA0A8}
.footer-address{font-size:.85rem;color:#9AA0A8;line-height:1.6;font-style:normal}
.footer-heading{font-size:.95rem;font-weight:700;color:#F5F1EA;margin-bottom:.35rem}
.footer-links{display:flex;flex-direction:column;gap:.55rem}
.footer-links a{font-size:.875rem;color:#9AA0A8;transition:color .25s ease}
.footer-links a:hover{color:#F5F1EA}

.footer-legal{padding:1.5rem 2rem;border-top:1px solid rgba(245,241,234,.06);display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.825rem;color:#9AA0A8;flex-wrap:wrap}
.footer-legal a{color:#9AA0A8;transition:color .25s ease}
.footer-legal a:hover{color:#F5F1EA}
.legal-sep{color:#4A4F56}

.footer-bar{border-top:1px solid rgba(245,241,234,.06);padding:1.25rem 2rem}
.footer-bar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.footer-copy{font-size:.8rem;color:#9AA0A8}

/* ── Responsive ── */
@media(max-width:880px){
  .main-nav{display:none}
  .main-nav.active{display:flex;position:absolute;top:100%;left:0;right:0;background:#0E1012;border-bottom:1px solid rgba(245,241,234,.06);padding:1.5rem 2rem;flex-direction:column}
  .nav-list{flex-direction:column;gap:1.25rem;align-items:flex-start}
  .nav-link{font-size:1rem}
  .mobile-toggle{display:flex}

  .hero-grid{grid-template-columns:1fr;gap:3rem}
  .hero-headline{font-size:2.5rem}
  .hero-visual{order:-1}

  .services-grid{grid-template-columns:repeat(2,1fr)}
  .about-grid{grid-template-columns:1fr;gap:3rem}
  .about-stack{grid-template-columns:repeat(2,1fr)}
  .process-flow{grid-template-columns:repeat(2,1fr)}
  .industries-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}
  .testimonials-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,1fr)}

  .form-row{flex-direction:column;gap:1.25rem}
}

@media(max-width:540px){
  .hero{padding:5rem 1.25rem 3rem}
  .hero-headline{font-size:2rem}
  .hero-metrics{flex-wrap:wrap;gap:1.5rem}
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%}

  .section-title{font-size:2rem}
  .services,.about,.process,.industries,.testimonials,.contact{padding:4rem 1.25rem}

  .services-grid{grid-template-columns:1fr}
  .about-stack{grid-template-columns:repeat(2,1fr)}
  .process-flow{grid-template-columns:1fr}
  .industries-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
  .stats{padding:3rem 1.25rem}
  .testimonials-grid{grid-template-columns:1fr}
  .contact-form{padding:1.5rem}
  .footer-grid{grid-template-columns:1fr}
  .footer-legal{flex-direction:column;text-align:center;gap:.5rem}
  .legal-sep{display:none}
}