:root {
			--ink: #12334b;
			--ink-soft: #557083;
			--navy: #0d2940;
			--navy-deep: #081f2c;
			--orange: #f47c20;
			--orange-dark: #d95d00;
			--orange-light: #fff0e4;
			--sky: #edf7fb;
			--line: #dfeaf0;
			--white: #fff;
			--soft: #f6f9fb;
			--shadow: 0 18px 45px rgba(10, 31, 44, .10);
		}

		* { box-sizing: border-box; margin: 0; padding: 0; }
		html { scroll-behavior: smooth; }
		body { background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%); color: var(--ink); font-family: "DM Sans", sans-serif; line-height: 1.6; }
		a { color: inherit; text-decoration: none; }
		.container { margin: 0 auto; max-width: 1160px; padding: 0 28px; }
		.eyebrow { align-items: center; color: var(--orange); display: flex; font-size: .76rem; font-weight: 700; gap: 9px; letter-spacing: .12em; text-transform: uppercase; }
		.eyebrow::before { background: var(--orange); content: ""; height: 2px; width: 25px; }
		h1, h2, h3 { font-family: "Manrope", sans-serif; letter-spacing: -.045em; line-height: 1.08; }
		h1 { font-size: clamp(2.8rem, 6vw, 5.4rem); max-width: 700px; }
		h2 { font-size: clamp(2rem, 3.5vw, 3.35rem); }

		header { background: rgba(255, 255, 255, .96); border-bottom: 1px solid rgba(220, 232, 237, .8); box-shadow: 0 8px 24px rgba(13, 41, 64, .02); position: sticky; top: 0; z-index: 10; backdrop-filter: blur(14px); }
		.nav { align-items: center; display: flex; height: 82px; justify-content: space-between; }
		.logo { align-items: center; display: flex; font-family: "Manrope", sans-serif; font-size: 1.7rem; font-weight: 800; gap: 10px; letter-spacing: -.05em; }
		.logo-mark { align-items: center; background: linear-gradient(135deg, var(--orange) 0%, #ffb05c 100%); border-radius: 10px; color: var(--white); display: inline-flex; font-size: 1rem; height: 34px; justify-content: center; position: relative; width: 34px; }
		.logo-mark::after { border: 2px solid var(--white); border-radius: 50%; content: ""; height: 13px; position: absolute; width: 13px; }
		.logo { color: var(--ink); }
		.nav-links { align-items: center; display: flex; font-size: .9rem; gap: 28px; }
		.nav-links a { color: var(--ink-soft); font-weight: 600; transition: color .2s ease; }
		.nav-links a:hover { color: var(--orange); }
		.button { align-items: center; background: linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%); border: 0; border-radius: 10px; box-shadow: 0 12px 24px rgba(244, 124, 32, .22); color: var(--white); cursor: pointer; display: inline-flex; font-size: .88rem; font-weight: 700; gap: 12px; justify-content: center; padding: 14px 22px; transition: transform .2s ease, box-shadow .2s ease; }
		.button:hover { box-shadow: 0 16px 28px rgba(244, 124, 32, .28); transform: translateY(-2px); }
		.button-arrow { font-size: 1.15rem; line-height: 0; }
		.menu-toggle { background: none; border: 0; color: var(--ink); cursor: pointer; display: none; font-size: 1.6rem; }

		.hero { background: var(--sky); height: auto; overflow: hidden; position: relative; }
		.hero-image { display: block; height: auto; width: 100%; }
		.hero-copy > p { color: var(--ink-soft); font-size: 1.1rem; margin: 26px 0 30px; max-width: 535px; }
		.hero-copy h1 strong { color: var(--orange); font-weight: inherit; }
		.hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 22px; }
		.text-link { color: var(--ink); font-size: .88rem; font-weight: 700; }
		.text-link span { color: var(--orange); font-size: 1.2rem; margin-left: 4px; }
		.hero-visual { height: 100%; position: relative; }
		.stat-badge { background: var(--white); box-shadow: var(--shadow); left: 0; padding: 19px 22px; position: absolute; top: 135px; width: 178px; }
		.stat-badge strong { display: block; font-family: "Manrope", sans-serif; font-size: 1.9rem; letter-spacing: -.06em; }
		.stat-badge small { color: var(--ink-soft); font-size: .76rem; }
		.orange-line { background: var(--orange); bottom: 12px; height: 118px; position: absolute; right: 0; width: 8px; }

		.services { padding: 88px 0 125px; margin-top: 30px; }
		.section-heading { align-items: end; display: flex; justify-content: space-between; margin-bottom: 50px; }
		.section-heading h2 { margin-top: 15px; max-width: 510px; }
		.section-heading > p { color: var(--ink-soft); max-width: 330px; }
		.service-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
		.service { background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%); border: 1px solid var(--line); border-radius: 18px; min-height: 265px; padding: 31px; transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease; }
		.service:hover { border-color: rgba(244,124,32,.40); box-shadow: var(--shadow); transform: translateY(-5px); }
		.service.featured { background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%); color: var(--white); }
		.service-icon { align-items: center; background: var(--orange-light); border-radius: 12px; color: var(--orange); display: flex; font-size: 1.4rem; height: 52px; justify-content: center; margin-bottom: 35px; width: 52px; }
		.service.featured .service-icon { background: rgba(244, 124, 32, .18); }
		.service h3 { font-size: 1.3rem; margin-bottom: 11px; }
		.service p { color: var(--ink-soft); font-size: .95rem; }
		.service.featured p { color: #bbced7; }

		.about { background: linear-gradient(135deg, var(--navy) 0%, #102f46 100%); color: var(--white); padding: 105px 0; }
		.about-inner { align-items: center; display: grid; gap: 90px; grid-template-columns: .95fr 1.05fr; }
		.about h2 { margin: 15px 0 22px; max-width: 470px; }
		.about-copy > p { color: #b9ccd6; max-width: 465px; }
		.about .eyebrow { color: #ffad70; }
		.about .eyebrow::before { background: #ffad70; }
		.about .button { margin-top: 29px; }
		.about-values { display: grid; gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
		.value-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 28px 24px; }
		.value-tag { color: #ffad70; display: inline-block; font-size: .8rem; font-weight: 700; letter-spacing: .12em; margin-bottom: 18px; text-transform: uppercase; }
		.value-card p { color: #dfeef5; font-size: .97rem; }
		.benefits { border-top: 1px solid rgba(255,255,255,.18); display: grid; gap: 26px; grid-template-columns: repeat(2, 1fr); margin-top: 32px; padding-top: 28px; }
		.benefit { align-items: flex-start; display: flex; gap: 13px; }
		.check { color: var(--orange); font-size: 1.1rem; }
		.benefit p { color: #b9ccd6; font-size: .86rem; }
		.about-visual { position: relative; }
		.about-image { background: linear-gradient(0deg, rgba(13,41,64,.3), rgba(13,41,64,0)), url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=85") center/cover; height: 385px; }
		.quote { background: var(--orange); bottom: -25px; left: -28px; padding: 22px 25px; position: absolute; width: 235px; }
		.quote strong { display: block; font-family: "Manrope", sans-serif; font-size: 1.8rem; }
		.quote span { font-size: .76rem; }

		.company { background: linear-gradient(180deg, #f7fbfd 0%, #edf5f9 100%); padding: 110px 0; }
		.company-inner { align-items: center; display: grid; gap: 38px; grid-template-columns: .9fr 1.1fr; }
		.company-copy h2 { margin: 15px 0 18px; max-width: 470px; }
		.company-copy p { color: var(--ink-soft); max-width: 490px; }
		.company-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
		.company-card { background: rgba(255,255,255,.9); border: 1px solid var(--line); border-radius: 18px; padding: 28px 24px; transition: box-shadow .25s ease, transform .25s ease; }
		.company-card:hover { box-shadow: var(--shadow); transform: translateY(-4px); }
		.company-number { color: var(--orange); display: block; font-size: .8rem; font-weight: 800; letter-spacing: .12em; margin-bottom: 18px; }
		.company-card h3 { font-size: 1.2rem; margin-bottom: 10px; }
		.company-card p { color: var(--ink-soft); font-size: .9rem; }

		.process { padding: 110px 0; }
		.process .section-heading { margin-bottom: 55px; }
		.steps { display: grid; grid-template-columns: repeat(3, 1fr); }
		.step { border-top: 2px solid var(--line); padding: 25px 22px 0 0; position: relative; }
		.step:not(:last-child)::after { color: var(--orange); content: "→"; font-size: 1.7rem; position: absolute; right: 20px; top: 16px; }
		.step-number { color: var(--orange); font-family: "Manrope", sans-serif; font-size: .84rem; }
		.step h3 { font-size: 1.3rem; margin: 25px 0 10px; }
		.step p { color: var(--ink-soft); font-size: .9rem; max-width: 260px; }
		.experience-carousel { margin-top: 42px; }
		.carousel-track { display: grid; gap: 18px; grid-template-columns: 1fr; }
		.carousel-slide { border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); display: none; height: 330px; object-fit: cover; width: 100%; }
		.carousel-slide.active { display: block; }
		.carousel-controls { align-items: center; display: flex; gap: 18px; justify-content: center; margin-top: 18px; }
		.carousel-btn { align-items: center; background: var(--navy); border: 0; border-radius: 50%; color: var(--white); cursor: pointer; display: inline-flex; font-size: 1.5rem; height: 38px; justify-content: center; width: 38px; }
		.carousel-btn:hover { background: var(--orange); }
		.carousel-dots { display: flex; gap: 8px; }
		.dot { background: #c6d5dd; border-radius: 50%; display: inline-block; height: 10px; width: 10px; }
		.dot.active { background: var(--orange); }

		.contact { background: linear-gradient(180deg, #fff6f0 0%, #fff0e4 100%); padding: 76px 0; }
		.contact-inner { align-items: center; display: flex; gap: 55px; justify-content: space-between; }
		.contact h2 { font-size: clamp(1.8rem, 3vw, 2.8rem); max-width: 550px; }
		.contact p { color: var(--ink-soft); margin-top: 12px; }
		.contact-actions { display: grid; flex-shrink: 0; gap: 10px; grid-template-columns: repeat(2, minmax(150px, 1fr)); }
		.contact-option { align-items: center; background: var(--white); border: 1px solid rgba(18, 51, 75, .1); border-radius: 14px; display: flex; gap: 12px; min-width: 190px; padding: 16px; transition: box-shadow .2s, transform .2s; }
		.contact-option:hover { box-shadow: var(--shadow); transform: translateY(-3px); }
		.contact-option-icon { align-items: center; background: var(--orange-light); color: var(--orange); display: inline-flex; font-size: 1.25rem; height: 36px; justify-content: center; width: 36px; }
		.contact-option strong, .contact-option small { display: block; }
		.contact-option strong { font-size: .88rem; }
		.contact-option small { color: var(--ink-soft); font-size: .72rem; margin-top: 2px; }
		.whatsapp-option .contact-option-icon { background: #e5f7ed; color: #1b9c58; }
		.whatsapp-float { align-items: center; background: #1b9c58; border-radius: 999px; bottom: 24px; box-shadow: 0 8px 25px rgba(27, 156, 88, .3); color: var(--white); display: flex; font-size: 1.5rem; gap: 8px; padding: 12px 17px; position: fixed; right: 24px; z-index: 9; }
		.whatsapp-float span { font-size: .78rem; font-weight: 700; }
		.whatsapp-float:hover { background: #147b45; }
		footer { background: var(--navy); color: #b9ccd6; padding: 28px 0; }
		.footer-inner { align-items: center; display: flex; justify-content: space-between; }
		footer .logo { color: var(--white); }
		footer small { font-size: .78rem; }

		@media (max-width: 820px) {
			.nav-links { background: var(--white); box-shadow: var(--shadow); display: none; flex-direction: column; gap: 20px; left: 0; padding: 25px 28px; position: absolute; right: 0; top: 76px; }
			.nav-links.open { display: flex; }
			.nav-links .button { width: 100%; }
			.menu-toggle { display: block; }
			.hero { height: auto; }
			.about-inner { gap: 35px; grid-template-columns: 1fr; }
			.about-values { grid-template-columns: 1fr; }
			.company-inner { grid-template-columns: 1fr; }
			.company-grid { grid-template-columns: 1fr; }
			.experience-gallery { grid-template-columns: 1fr; }
			.experience-gallery img { height: 240px; }
			.stat-badge { top: 80px; }
			.section-heading { align-items: flex-start; flex-direction: column; gap: 20px; }
			.service-grid { grid-template-columns: 1fr; }
			.about { padding: 80px 0; }
			.about-visual { margin-top: 25px; }
			.steps { gap: 35px; grid-template-columns: 1fr; }
			.step:not(:last-child)::after { content: "↓"; right: 20px; top: 17px; }
			.contact-inner { align-items: flex-start; flex-direction: column; gap: 25px; }
			.contact-actions { width: 100%; }
		}
		@media (max-width: 480px) {
			.container { padding: 0 20px; }
			h1 { font-size: 2.75rem; }
			.hero { height: auto; }
			.stat-badge { left: -5px; padding: 14px 16px; width: 155px; }
			.stat-badge strong { font-size: 1.55rem; }
			.benefits { grid-template-columns: 1fr; }
			.quote { left: -10px; }
			.contact-actions { grid-template-columns: 1fr; width: 100%; }
			.contact-option { min-width: 0; }
			.whatsapp-float { bottom: 16px; right: 16px; }
			.whatsapp-float span { display: none; }
			.footer-inner { align-items: flex-start; flex-direction: column; gap: 12px; }
		}