*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#d6d4e08f;color:#111827}
a{text-decoration:none}
img{display:block;max-width:100%}


.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 78px;
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 0 7%;
  background: #0e1828;
  box-shadow: 0 8px 25px rgba(0,0,0,.16);
}

.nav a {
  color: #eef1f4;
  font-size: 15px;
  font-weight: 600;
  transition: .2s ease;
}

.nav a:hover { color: var(--gold-light); }

.nav .brand {
  margin-right: auto;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
}
.page{width:100%;display:flex;flex-direction:column}
.pagee{padding-top:80px;color:#111827}
.container{width:min(1200px,90%);margin:0 auto}

.primary-button,.secondary-button,.outline-button,.dark-button{
  display:inline-block;padding:15px 28px;font-size:14px;font-weight:600;transition:.3s ease
}
.primary-button{background:#c59b45;color:#17251d}
.primary-button:hover{background:#17251d;color:#fff}
.secondary-button{border:1px solid #fff;color:#fff}
.secondary-button:hover{background:#fff;color:#17251d}
.outline-button{width:fit-content;border:1px solid #17251d;color:#17251d}
.outline-button:hover{background:#17251d;color:#fff}
.dark-button{background:#17251d;color:#fff}
.dark-button:hover{background:#fff;color:#17251d}

.section-label{color:#b68b2c;font-size:13px;font-weight:700;letter-spacing:2px;margin-bottom:15px}
footer{padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #263229;font-size:.9rem;color:#fff;background:#111827}
.socials{display:flex;gap:1.25rem}
.socials a{color:#cbd1cd;transition:.3s ease}
.socials a:hover{color:#fff;transform:translateY(-2px)}

@media(max-width:900px){
  .nav{gap:25px;padding:20px}
}
@media(max-width:600px){
  .nav{height:auto;min-height:80px;flex-wrap:wrap;gap:18px;padding:16px 12px}
  .nav .brand{width:100%;text-align:center}
  footer{flex-direction:column-reverse;gap:1.5rem;text-align:center}
}

main{width:100%}
.hero{width:100%;min-height:50vh;background:#f5f6f3;color:#17251d}
.hero-content{width:100%;max-width:1200px;margin:0 auto;padding:100px 60px}
.hero-title{max-width:800px;font-size:70px;line-height:1.05;margin:20px 0}
.hero-desc{max-width:700px;line-height:1.6;font-weight:500}
.split-section{width:100%;min-height:600px;display:grid;grid-template-columns:1fr 1fr}
.split-section.reverse{direction:rtl}
.split-section.reverse .split-content,.split-section.reverse .split-image{direction:ltr}
.split-image{width:100%;height:600px;position:relative;overflow:hidden}
.split-image img{width:100%;height:100%;object-fit:cover}
.split-content{width:100%;min-height:600px;padding:80px;display:flex;flex-direction:column;justify-content:center;background:#d6d4e08f}
.split-content h2{margin:0 0 25px;font-size:48px;line-height:1.1;color:#17251d}
.split-content p{max-width:550px;margin:0 0 30px;font-size:17px;line-height:1.8;color:#666}
.split-section.reverse .split-content{background:#111827}
.split-section.reverse .split-content h2,.split-section.reverse .split-content p{color:#fff}
.split-section.reverse .outline-button{border-color:#c59b45;color:#c59b45}
.split-section.reverse .outline-button:hover{background:#c59b45;color:#17251d}

@media(max-width:900px){
  .hero-title{font-size:50px}
  .split-section{min-height:500px}
  .split-image{height:500px}
  .split-content{padding:60px 7%}
  .split-content h2{font-size:36px}
}
@media(max-width:700px){
  .hero{min-height:80vh}
  .hero-content{width:90%;padding:100px 0}
  .hero-title{font-size:40px}
  .hero-desc{font-size:16px}
  .split-section,.split-section.reverse{display:flex;flex-direction:column;direction:ltr}
  .split-section.reverse>*{direction:ltr}
  .split-image{height:400px}
  .split-content{min-height:400px;padding:50px 30px}
}
@media(max-width:480px){
  .hero-title{font-size:34px}
  .split-image{height:320px}
  .split-content{padding:50px 7%}
  .split-content h2{font-size:30px}
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#d6d4e08f;color:#111827}
a{text-decoration:none}
img{display:block;max-width:100%}

.nav{
  width:100%;height:80px;display:flex;justify-content:center;align-items:center;
  color:#d9dbe0;background:#111827;box-shadow:0 4px 30px #0000001a;
  backdrop-filter:blur(6.1px);-webkit-backdrop-filter:blur(6.1px);
  border:1px solid #09070a4d;position:fixed;top:0;left:0;z-index:10;
  gap:55px;padding:25px
}
.nav a{color:#d9dbe0;transition:.3s ease}
.nav a:hover{color:#f59e0b}
.nav .brand{color:#fff;font-size:22px;font-weight:800;letter-spacing:.5px}

.page{width:100%;display:flex;flex-direction:column}
.pagee{padding-top:80px;color:#111827}
.container{width:min(1200px,90%);margin:0 auto}

.primary-button,.secondary-button,.outline-button,.dark-button{
  display:inline-block;padding:15px 28px;font-size:14px;font-weight:600;transition:.3s ease
}
.primary-button{background:#c59b45;color:#17251d}
.primary-button:hover{background:#17251d;color:#fff}
.secondary-button{border:1px solid #fff;color:#fff}
.secondary-button:hover{background:#fff;color:#17251d}
.outline-button{width:fit-content;border:1px solid #17251d;color:#17251d}
.outline-button:hover{background:#17251d;color:#fff}
.dark-button{background:#17251d;color:#fff}
.dark-button:hover{background:#fff;color:#17251d}

.section-label{color:#b68b2c;font-size:13px;font-weight:700;letter-spacing:2px;margin-bottom:15px}
footer{padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #263229;font-size:.9rem;color:#fff;background:#111827}
.socials{display:flex;gap:1.25rem}
.socials a{color:#cbd1cd;transition:.3s ease}
.socials a:hover{color:#fff;transform:translateY(-2px)}

@media(max-width:900px){
  .nav{gap:25px;padding:20px}
}
@media(max-width:600px){
  .nav{height:auto;min-height:80px;flex-wrap:wrap;gap:18px;padding:16px 12px}
  .nav .brand{width:100%;text-align:center}
  footer{flex-direction:column-reverse;gap:1.5rem;text-align:center}
}

main{width:100%}
.hero{width:100%;min-height:50vh;background:#f5f6f3;color:#17251d}
.hero-content{width:100%;max-width:1200px;margin:0 auto;padding:100px 60px}
.hero-title{max-width:800px;font-size:70px;line-height:1.05;margin:20px 0}
.hero-desc{max-width:700px;line-height:1.6;font-weight:500}
.split-section{width:100%;min-height:600px;display:grid;grid-template-columns:1fr 1fr}
.split-section.reverse{direction:rtl}
.split-section.reverse .split-content,.split-section.reverse .split-image{direction:ltr}
.split-image{width:100%;height:600px;position:relative;overflow:hidden}
.split-image img{width:100%;height:100%;object-fit:cover}
.split-content{width:100%;min-height:600px;padding:80px;display:flex;flex-direction:column;justify-content:center;background:#d6d4e08f}
.split-content h2{margin:0 0 25px;font-size:48px;line-height:1.1;color:#17251d}
.split-content p{max-width:550px;margin:0 0 30px;font-size:17px;line-height:1.8;color:#666}
.split-section.reverse .split-content{background:#111827}
.split-section.reverse .split-content h2,.split-section.reverse .split-content p{color:#fff}
.split-section.reverse .outline-button{border-color:#c59b45;color:#c59b45}
.split-section.reverse .outline-button:hover{background:#c59b45;color:#17251d}

@media(max-width:900px){
  .hero-title{font-size:50px}
  .split-section{min-height:500px}
  .split-image{height:500px}
  .split-content{padding:60px 7%}
  .split-content h2{font-size:36px}
}
@media(max-width:700px){
  .hero{min-height:80vh}
  .hero-content{width:90%;padding:100px 0}
  .hero-title{font-size:40px}
  .hero-desc{font-size:16px}
  .split-section,.split-section.reverse{display:flex;flex-direction:column;direction:ltr}
  .split-section.reverse>*{direction:ltr}
  .split-image{height:400px}
  .split-content{min-height:400px;padding:50px 30px}
}
@media(max-width:480px){
  .hero-title{font-size:34px}
  .split-image{height:320px}
  .split-content{padding:50px 7%}
  .split-content h2{font-size:30px}
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#d6d4e08f;color:#111827}
a{text-decoration:none}
img{display:block;max-width:100%}

.nav{
  width:100%;height:80px;display:flex;justify-content:center;align-items:center;
  color:#d9dbe0;background:#111827;box-shadow:0 4px 30px #0000001a;
  backdrop-filter:blur(6.1px);-webkit-backdrop-filter:blur(6.1px);
  border:1px solid #09070a4d;position:fixed;top:0;left:0;z-index:10;
  gap:55px;padding:25px
}
.nav a{color:#d9dbe0;transition:.3s ease}
.nav a:hover{color:#f59e0b}
.nav .brand{color:#fff;font-size:22px;font-weight:800;letter-spacing:.5px}

.page{width:100%;display:flex;flex-direction:column}
.pagee{padding-top:80px;color:#111827}
.container{width:min(1200px,90%);margin:0 auto}

.primary-button,.secondary-button,.outline-button,.dark-button{
  display:inline-block;padding:15px 28px;font-size:14px;font-weight:600;transition:.3s ease
}
.primary-button{background:#c59b45;color:#17251d}
.primary-button:hover{background:#17251d;color:#fff}
.secondary-button{border:1px solid #fff;color:#fff}
.secondary-button:hover{background:#fff;color:#17251d}
.outline-button{width:fit-content;border:1px solid #17251d;color:#17251d}
.outline-button:hover{background:#17251d;color:#fff}
.dark-button{background:#17251d;color:#fff}
.dark-button:hover{background:#fff;color:#17251d}

.section-label{color:#b68b2c;font-size:13px;font-weight:700;letter-spacing:2px;margin-bottom:15px}
footer{padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #263229;font-size:.9rem;color:#fff;background:#111827}
.socials{display:flex;gap:1.25rem}
.socials a{color:#cbd1cd;transition:.3s ease}
.socials a:hover{color:#fff;transform:translateY(-2px)}

@media(max-width:900px){
  .nav{gap:25px;padding:20px}
}
@media(max-width:600px){
  .nav{height:auto;min-height:80px;flex-wrap:wrap;gap:18px;padding:16px 12px}
  .nav .brand{width:100%;text-align:center}
  footer{flex-direction:column-reverse;gap:1.5rem;text-align:center}
}

main{width:100%}
.hero{width:100%;min-height:50vh;background:#f5f6f3;color:#17251d}
.hero-content{width:100%;max-width:1200px;margin:0 auto;padding:100px 60px}
.hero-title{max-width:800px;font-size:70px;line-height:1.05;margin:20px 0}
.hero-desc{max-width:700px;line-height:1.6;font-weight:500}
.split-section{width:100%;min-height:600px;display:grid;grid-template-columns:1fr 1fr}
.split-section.reverse{direction:rtl}
.split-section.reverse .split-content,.split-section.reverse .split-image{direction:ltr}
.split-image{width:100%;height:600px;position:relative;overflow:hidden}
.split-image img{width:100%;height:100%;object-fit:cover}
.split-content{width:100%;min-height:600px;padding:80px;display:flex;flex-direction:column;justify-content:center;background:#d6d4e08f}
.split-content h2{margin:0 0 25px;font-size:48px;line-height:1.1;color:#17251d}
.split-content p{max-width:550px;margin:0 0 30px;font-size:17px;line-height:1.8;color:#666}
.split-section.reverse .split-content{background:#111827}
.split-section.reverse .split-content h2,.split-section.reverse .split-content p{color:#fff}
.split-section.reverse .outline-button{border-color:#c59b45;color:#c59b45}
.split-section.reverse .outline-button:hover{background:#c59b45;color:#17251d}

@media(max-width:900px){
  .hero-title{font-size:50px}
  .split-section{min-height:500px}
  .split-image{height:500px}
  .split-content{padding:60px 7%}
  .split-content h2{font-size:36px}
}
@media(max-width:700px){
  .hero{min-height:80vh}
  .hero-content{width:90%;padding:100px 0}
  .hero-title{font-size:40px}
  .hero-desc{font-size:16px}
  .split-section,.split-section.reverse{display:flex;flex-direction:column;direction:ltr}
  .split-section.reverse>*{direction:ltr}
  .split-image{height:400px}
  .split-content{min-height:400px;padding:50px 30px}
}
@media(max-width:480px){
  .hero-title{font-size:34px}
  .split-image{height:320px}
  .split-content{padding:50px 7%}
  .split-content h2{font-size:30px}
}