:root{
  --green-950:#071b12;--green-900:#0b281a;--green-800:#103923;--green-700:#174d2f;
  --green:#1f6a3e;--green-400:#4f9b67;--gold:#e9b85f;--gold-light:#ffd98b;
  --cream:#f5f0e5;--muted:#a9b7ad;--line:rgba(233,184,95,.22);
  --shadow:0 25px 80px rgba(0,0,0,.35);--radius:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--green-950);color:var(--cream);font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 20%,rgba(61,132,81,.16),transparent 32%),radial-gradient(circle at 10% 75%,rgba(233,184,95,.07),transparent 25%);pointer-events:none;z-index:-3}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(233,184,95,.09),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:-1}
.site-header{position:fixed;top:0;left:0;right:0;height:82px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;z-index:50;background:linear-gradient(180deg,rgba(7,27,18,.96),rgba(7,27,18,.48),transparent);backdrop-filter:blur(7px)}
.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;border:1px solid rgba(233,184,95,.6);display:grid;place-items:center;color:var(--gold);font-family:"Barlow Condensed";font-size:18px;font-weight:800;transform:skew(-7deg);box-shadow:0 0 30px rgba(233,184,95,.08)}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text b{font-family:"Barlow Condensed";font-size:18px;letter-spacing:1.2px}.brand-text small{font-size:8px;letter-spacing:2px;color:var(--gold);margin-top:5px}
.nav{display:flex;align-items:center;gap:27px;font-size:11px;font-weight:700;letter-spacing:1.3px}.nav a{opacity:.78;transition:.25s}.nav a:hover{opacity:1;color:var(--gold)}.nav .nav-cta{opacity:1;padding:12px 17px;border:1px solid var(--line);color:var(--gold);background:rgba(233,184,95,.06)}
.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:25px;height:2px;background:var(--gold);margin:5px}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;padding:150px clamp(25px,8vw,130px) 90px;gap:4vw;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 48%,rgba(42,106,61,.42),transparent 40%),linear-gradient(125deg,#06170e 0%,#0b2a1b 50%,#123b25 100%);z-index:-4}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(233,184,95,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(233,184,95,.12) 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,black,transparent 75%);z-index:-2}
.floating-orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.orb-a{width:500px;height:500px;right:-220px;top:12%;background:radial-gradient(circle,rgba(233,184,95,.09),transparent 65%);animation:float 8s ease-in-out infinite}.orb-b{width:240px;height:240px;left:-130px;bottom:0;background:radial-gradient(circle,rgba(71,155,97,.16),transparent 65%);animation:float 10s ease-in-out infinite reverse}
.hero-content{max-width:760px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.8px;color:var(--gold);display:flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow span{width:28px;height:1px;background:var(--gold);display:inline-block}
h1,h2,h3{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase}h1{font-size:clamp(70px,8.7vw,148px);line-height:.78;letter-spacing:-2px;font-weight:800}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--gold);text-shadow:0 0 35px rgba(233,184,95,.07)}
.hero-copy{max-width:570px;color:#c0cdc4;line-height:1.8;font-size:15px;margin:32px 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border-radius:2px;font-size:11px;font-weight:800;letter-spacing:1.5px;transition:.3s;position:relative;overflow:hidden}.btn-primary{background:var(--gold);color:#132619;box-shadow:0 12px 40px rgba(233,184,95,.18)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(233,184,95,.28)}.btn-ghost{border:1px solid rgba(245,240,229,.18);color:var(--cream)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-icon{font-size:13px}.hero-trust{display:flex;gap:12px;align-items:center;color:#81958a;font-size:8px;font-weight:700;letter-spacing:1.7px;margin-top:32px;flex-wrap:wrap}
.hero-visual{display:flex;justify-content:center;position:relative}.image-frame{width:min(470px,40vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.image-frame:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(233,184,95,.25);transform:rotate(3deg)}.image-frame:after{content:"";position:absolute;inset:8%;border:1px solid rgba(233,184,95,.17);transform:rotate(-5deg)}.image-frame img{width:88%;height:88%;object-fit:cover;object-position:center;mix-blend-mode:normal;box-shadow:var(--shadow);filter:saturate(.92) contrast(1.03)}.frame-glow{position:absolute;inset:15%;background:rgba(233,184,95,.09);filter:blur(45px);z-index:-1}.visual-badge{position:absolute;right:-5px;bottom:5%;background:rgba(7,27,18,.92);border:1px solid var(--line);padding:16px 18px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.visual-badge strong{font-family:"Barlow Condensed";font-size:34px;color:var(--gold);line-height:.8}.visual-badge span{font-size:8px;letter-spacing:2px;line-height:1.4}.scroll-cue{position:absolute;bottom:25px;left:clamp(25px,8vw,130px);font-size:8px;letter-spacing:2px;color:#718278;display:flex;align-items:center;gap:9px}.scroll-cue span{width:34px;height:1px;background:var(--gold)}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(233,184,95,.035);white-space:nowrap}.ticker-track{display:inline-flex;align-items:center;gap:28px;padding:17px 0;min-width:max-content;animation:marquee 28s linear infinite;font-family:"Barlow Condensed";font-size:20px;letter-spacing:2px}.ticker i{font-style:normal;color:var(--gold);font-size:12px}
.section{padding:130px clamp(25px,8vw,130px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px);align-items:center}.section-image{position:relative}.section-image img{width:100%;height:580px;object-fit:cover;filter:saturate(.72) contrast(1.08);border-radius:2px}.section-image:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--line);z-index:-1}.image-label{position:absolute;bottom:22px;left:22px;background:var(--gold);color:#132619;padding:10px 14px;font-size:9px;font-weight:800;letter-spacing:2px}.section-copy{max-width:590px}.section-copy h2,.section-heading h2,.insta-copy h2,.cta-content h2{font-size:clamp(54px,6vw,90px);line-height:.84;letter-spacing:-1px;margin-bottom:30px}.section-copy p,.insta-copy>p,.cta-content>p{color:#aab8ae;font-size:14px;line-height:1.9;margin-bottom:18px}.text-link{display:inline-flex;gap:15px;margin-top:15px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1.5px;border-bottom:1px solid rgba(233,184,95,.35);padding-bottom:10px}.text-link span{transition:.3s}.text-link:hover span{transform:translate(4px,-4px)}
.services{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.section-heading{max-width:720px;margin-bottom:55px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(233,184,95,.16);border:1px solid rgba(233,184,95,.16)}.service-card{min-height:340px;padding:36px;background:#0b281a;position:relative;overflow:hidden;transition:.35s}.service-card:hover{transform:translateY(-8px);background:#103522}.service-card:after{content:"";position:absolute;width:160px;height:160px;right:-80px;bottom:-80px;border-radius:50%;background:rgba(233,184,95,.06);transition:.35s}.service-card:hover:after{transform:scale(2)}.service-number{font-size:9px;color:#687e72;letter-spacing:2px}.service-icon{font-family:"Barlow Condensed";font-size:40px;color:var(--gold);margin:45px 0 25px}.service-card h3{font-size:31px;letter-spacing:.3px;margin-bottom:14px}.service-card p{color:#9bac9f;font-size:12px;line-height:1.8;max-width:330px}.featured{background:linear-gradient(145deg,#123c27,#0b281a);box-shadow:inset 0 0 0 1px rgba(233,184,95,.15)}
.method{position:relative;padding:140px clamp(25px,8vw,130px);overflow:hidden;background:#081e13}.method-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,27,18,.98) 15%,rgba(7,27,18,.72),rgba(7,27,18,.92)),url("https://images.unsplash.com/photo-1583454110551-21f2fa2afe61?auto=format&fit=crop&w=1800&q=80") center/cover;filter:saturate(.5)}.method-content{position:relative}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:70px}.step{padding:28px 30px 10px 0;border-right:1px solid var(--line);margin-right:30px}.step:last-child{border-right:0;margin-right:0}.step-top{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-size:10px;letter-spacing:2px}.step-top span{font-family:"Barlow Condensed";font-size:30px;letter-spacing:0}.step p{color:#a8b6ac;font-size:12px;line-height:1.8;max-width:290px;margin-top:35px}
.visual-story{padding:0 clamp(25px,8vw,130px) 130px;display:grid;grid-template-columns:1.45fr .8fr;gap:16px}.story-card{height:510px;position:relative;overflow:hidden;background:#0b281a}.story-card.large{height:620px}.story-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05);transition:transform .8s}.story-card:hover img{transform:scale(1.06)}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(4,15,9,.92))}.story-overlay{position:absolute;z-index:2;left:30px;right:30px;bottom:30px}.story-overlay span{font-size:9px;color:var(--gold);font-weight:800;letter-spacing:2px}.story-overlay b{display:block;font-family:"Barlow Condensed";text-transform:uppercase;font-size:34px;line-height:.95;margin-top:10px}
.instagram-section{padding:130px clamp(25px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:rgba(255,255,255,.012)}.insta-copy{max-width:560px}.reel-card{height:520px;position:relative;overflow:hidden;border:1px solid rgba(233,184,95,.2)}.reel-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.65);transition:.5s}.reel-card:hover img{transform:scale(1.04);filter:saturate(.8) brightness(.7)}.reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:rgba(233,184,95,.93);color:#142619;font-size:22px;padding-left:4px;box-shadow:0 15px 50px rgba(0,0,0,.35)}.reel-caption{position:absolute;bottom:25px;left:25px;display:flex;flex-direction:column;gap:7px}.reel-caption small{font-size:8px;letter-spacing:2px;color:var(--gold)}.reel-caption strong{font-size:14px}
.cta-section{min-height:620px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-section:before{content:"";position:absolute;width:760px;height:760px;border:1px solid rgba(233,184,95,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(233,184,95,.018),0 0 0 160px rgba(233,184,95,.01)}.cta-ring{position:absolute;width:450px;height:450px;border:1px solid rgba(233,184,95,.13);border-radius:50%;animation:spin 28s linear infinite}.cta-ring:after{content:"✦";position:absolute;top:-8px;left:50%;color:var(--gold)}.cta-content{position:relative;max-width:850px}.cta-content .eyebrow{justify-content:center}.cta-content h2{margin-bottom:20px}.btn-large{margin-top:18px;min-height:60px;padding:0 28px}
.footer{padding:45px clamp(25px,8vw,130px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:#06170e}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand b{font-family:"Barlow Condensed";font-size:18px;letter-spacing:1px}.footer-brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--gold);margin-top:3px}.footer-links{display:flex;gap:25px;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#98a99e}.footer-links a:hover{color:var(--gold)}.footer>p{grid-column:1/-1;color:#53665b;font-size:9px;border-top:1px solid rgba(255,255,255,.06);padding-top:20px}
.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:45;background:var(--gold);color:#102318;min-height:52px;padding:0 17px;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:900;letter-spacing:1px;box-shadow:0 15px 45px rgba(0,0,0,.35);transition:.3s}.floating-whatsapp:hover{transform:translateY(-4px)}.wa-pulse{width:8px;height:8px;border-radius:50%;background:#174d2f;box-shadow:0 0 0 0 rgba(23,77,47,.5);animation:pulse 2s infinite}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(23,77,47,0)}100%{box-shadow:0 0 0 0 rgba(23,77,47,0)}}
@media(max-width:900px){
  .site-header{height:70px}.nav{position:absolute;top:70px;left:15px;right:15px;padding:18px;display:none;flex-direction:column;align-items:stretch;background:rgba(7,27,18,.97);border:1px solid var(--line);backdrop-filter:blur(15px)}.nav.open{display:flex}.nav .nav-cta{text-align:center}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:125px}.hero-visual{order:-1}.image-frame{width:min(390px,72vw)}.hero-content{text-align:left}.scroll-cue{display:none}.split,.instagram-section{grid-template-columns:1fr}.service-grid,.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);margin-right:0;padding:25px 0}.step:last-child{border-bottom:0}.visual-story{grid-template-columns:1fr}.story-card,.story-card.large{height:480px}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer>p{grid-column:1}.floating-whatsapp{right:15px;bottom:15px}.section-image img{height:480px}
}
@media(max-width:560px){
  h1{font-size:62px}.hero-copy{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.hero-trust{font-size:7px}.section,.instagram-section,.method{padding-top:90px;padding-bottom:90px}.section-copy h2,.section-heading h2,.insta-copy h2,.cta-content h2{font-size:55px}.service-card{min-height:300px}.reel-card{height:420px}.cta-section{min-height:560px}.footer-links{gap:16px}
}

/* Motion & performance layer — preserves the original visual language. */
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{overscroll-behavior-y:none}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:100;pointer-events:none}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),#fff0ba,var(--gold));box-shadow:0 0 12px rgba(233,184,95,.5);transform-origin:left center}
.reveal{will-change:transform,opacity}.hero-visual,.floating-orb,.cta-ring{will-change:transform}
img{display:block;max-width:100%;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.orb-a,.orb-b,.cta-ring,.wa-pulse{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.story-card img{transition:none!important}.cursor-glow{display:none!important}}
@media (hover:hover){.service-card,.btn,.floating-whatsapp,.reel-card,.text-link{will-change:transform}}
@media (max-width:1100px) and (min-width:901px){.hero{padding-left:6vw;padding-right:6vw}.section,.method,.visual-story,.instagram-section{padding-left:6vw;padding-right:6vw}.nav{gap:16px}.nav a{font-size:10px}.hero-copy{max-width:500px}.image-frame{width:min(420px,42vw)}}
@media (max-width:768px){.hero{min-height:auto;padding-bottom:80px}.hero-visual{margin-bottom:25px}.image-frame:before{inset:-10px}.image-frame:after{inset:10%}.visual-badge{right:0;bottom:0}.section-image:after{inset:12px -10px -10px 10px}.section-image img{height:auto;aspect-ratio:4/5}.story-card img,.reel-card img{object-position:center}.floating-whatsapp{min-width:54px;width:54px;height:54px;border-radius:50%;padding:0;justify-content:center}.floating-whatsapp b{display:none}.floating-whatsapp span:last-child{font-size:15px}.footer{padding-bottom:95px}}
@media (max-width:480px){.brand-text b{font-size:15px}.brand-text small{font-size:7px;letter-spacing:1.5px}.brand-mark{width:36px;height:36px}.hero{padding-left:20px;padding-right:20px}.hero-content{width:100%}h1{font-size:58px;letter-spacing:-1.5px}.section,.method,.visual-story,.instagram-section{padding-left:20px;padding-right:20px}.section-copy h2,.section-heading h2,.insta-copy h2,.cta-content h2{font-size:50px}.service-card{padding:28px;min-height:280px}.service-icon{margin:35px 0 20px}.cta-section:before{width:520px;height:520px}.cta-ring{width:300px;height:300px}}