
:root{
  --bg:#0b0b0c;--surface:#111113;--surface2:#1a1a1d;--gold:#f2a93b;--gold2:#e8b429;
  --white:#fff;--muted:#b7b7bd;--line:rgba(242,169,59,.18);--shadow:0 20px 60px rgba(0,0,0,.35);
  --radius:22px;--max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--white);line-height:1.7;overflow-x:hidden}
h1,h2,h3,h4{font-family:Poppins,Inter,sans-serif;line-height:1.15}
a{color:inherit;text-decoration:none}.container{width:min(92%,var(--max));margin:auto}
img{max-width:100%;display:block}.gold{color:var(--gold)}
.section{padding:100px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:14px}
.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}
.section-title{font-size:clamp(2rem,5vw,3.6rem);margin-bottom:18px}.section-copy{color:var(--muted);max-width:680px;font-size:1.05rem}
.navbar{position:fixed;z-index:1000;top:0;left:0;right:0;background:rgba(11,11,12,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-family:Poppins;font-weight:900;letter-spacing:.06em}.logo span{display:block;font-size:.68rem;color:var(--gold);letter-spacing:.22em}
.nav-links{display:flex;gap:25px;align-items:center}.nav-links a{color:#ddd;font-size:.92rem}.nav-links a:hover{color:var(--gold)}
.nav-cta{display:flex;gap:10px}.menu-btn{display:none;background:none;border:1px solid var(--line);color:white;border-radius:10px;padding:9px 11px;font-size:1.2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:999px;font-weight:800;border:1px solid var(--gold);transition:.25s;cursor:pointer}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;box-shadow:0 10px 35px rgba(242,169,59,.18)}
.btn-outline{background:transparent;color:white}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 40px rgba(242,169,59,.22)}
.hero{min-height:92vh;padding:150px 0 90px;display:grid;align-items:center;position:relative;background:radial-gradient(circle at 80% 35%,rgba(242,169,59,.13),transparent 35%),radial-gradient(circle at 15% 80%,rgba(232,180,41,.07),transparent 30%)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.hero h1{font-size:clamp(2.7rem,6vw,5.3rem);letter-spacing:-.04em}.hero p{color:var(--muted);font-size:1.1rem;max-width:650px;margin:22px 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.hero-art{min-height:430px;position:relative;border:1px solid var(--line);border-radius:36px;background:linear-gradient(145deg,#151517,#0e0e10);box-shadow:var(--shadow);overflow:hidden}
.sun{position:absolute;width:300px;height:300px;border-radius:50%;right:-50px;top:-70px;background:radial-gradient(circle,rgba(242,169,59,.24),rgba(242,169,59,.03) 60%,transparent 70%);box-shadow:0 0 100px rgba(242,169,59,.1)}
.chart{position:absolute;inset:85px 50px 55px 50px;border:1px solid var(--line);border-radius:25px;padding:25px;background:rgba(255,255,255,.025)}
.chart:before{content:"";display:block;height:2px;width:100%;margin-top:190px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:rotate(-18deg);box-shadow:0 0 20px var(--gold)}
.rocket{position:absolute;right:50px;top:70px;font-size:5rem;filter:drop-shadow(0 0 22px rgba(242,169,59,.5))}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-45px;position:relative;z-index:2}.stat{padding:24px;border:1px solid var(--line);background:#111;border-radius:18px;text-align:center}.stat strong{font-size:2rem;color:var(--gold);display:block}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.card{background:linear-gradient(145deg,#151517,#101012);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:28px;transition:.3s}.card:hover{transform:translateY(-6px);border-color:var(--line);box-shadow:var(--shadow)}.icon{font-size:1.8rem;color:var(--gold);margin-bottom:18px}.card p{color:var(--muted);margin:10px 0 20px}.link{color:var(--gold);font-weight:800}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-list{display:grid;gap:14px;margin-top:30px}.feature{display:flex;gap:14px;align-items:flex-start}.check{color:var(--gold);font-weight:900}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.step{position:relative;padding:25px;border-top:1px solid var(--gold)}.step b{color:var(--gold);font-size:1.8rem}.step p{color:var(--muted);margin-top:8px}
.testimonial{min-height:180px}.stars{color:var(--gold);letter-spacing:4px}.quote{font-size:1.05rem;color:#ddd;margin:15px 0}
.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.project{height:230px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#1a1a1d,#0e0e10);padding:22px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.project:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(242,169,59,.22),transparent 35%)}.project>*{position:relative;z-index:1}.tag{display:inline-block;width:max-content;border:1px solid var(--line);color:var(--gold);border-radius:99px;padding:4px 10px;font-size:.75rem;margin-bottom:9px}
.form-wrap{background:linear-gradient(145deg,#151517,#101012);border:1px solid var(--line);padding:35px;border-radius:28px;margin-top:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.85rem;color:#ddd}.field input,.field select,.field textarea{width:100%;background:#0b0b0c;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 14px;font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}textarea{min-height:130px;resize:vertical}.form-status{margin-top:15px;color:var(--gold);font-weight:700}
.faq{margin-top:35px;display:grid;gap:10px}.faq-item{border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.faq-q{width:100%;background:#111113;color:#fff;border:0;text-align:left;padding:18px;font:700 1rem Poppins;cursor:pointer}.faq-a{display:none;padding:0 18px 18px;color:var(--muted)}.faq-item.open .faq-a{display:block}
.cta{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;padding:55px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta .btn{border-color:#111;color:#111;background:transparent}
.page-hero{padding:150px 0 75px;background:radial-gradient(circle at 75% 30%,rgba(242,169,59,.14),transparent 35%)}.page-hero h1{font-size:clamp(2.5rem,6vw,4.7rem);max-width:850px}.page-hero p{color:var(--muted);max-width:720px;margin-top:18px}
.footer{padding:70px 0 25px;background:#080809;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}.footer h3{margin-bottom:15px}.footer p,.footer a{color:var(--muted);font-size:.92rem}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid rgba(255,255,255,.07);margin-top:45px;padding-top:20px;color:#777;font-size:.82rem;display:flex;justify-content:space-between;gap:20px}
.float-wa,.top-btn{position:fixed;z-index:900;border:0;cursor:pointer}.float-wa{right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;font-size:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.35)}.top-btn{right:20px;bottom:88px;width:42px;height:42px;border-radius:50%;background:#18181b;color:var(--gold);border:1px solid var(--line);display:none}
.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
.map{width:100%;height:380px;border:0;border-radius:24px;filter:grayscale(.2)}
@media(max-width:1024px){.hero-grid,.split{grid-template-columns:1fr}.cards,.portfolio{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.nav-links,.nav-cta{display:none}.menu-btn{display:block}.nav-links.mobile-open{display:flex;position:absolute;top:78px;left:0;right:0;background:#0b0b0c;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.hero{padding-top:125px}.hero-art{min-height:330px}.cards,.portfolio,.form-grid{grid-template-columns:1fr}.stats{margin-top:20px}.section{padding:75px 0}.cta-inner{flex-direction:column;align-items:flex-start}.copyright{flex-direction:column}}
@media(max-width:480px){.container{width:90%}.hero h1{font-size:2.65rem}.section-title{font-size:2rem}.stats,.timeline,.footer-grid{grid-template-columns:1fr}.hero-art{min-height:280px}.chart{inset:60px 25px 35px}.rocket{right:25px;top:45px;font-size:3.5rem}.form-wrap{padding:22px}}
