:root{--color-bg: #111111;--color-surface: #ffffff;--color-primary: #76b900;--color-primary-dark: #5a8c00;--color-text: #ffffff;--color-text-dark: #1a1a1a;--color-text-muted: #888899;--font-main: "Outfit", sans-serif;--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:transparent;color:var(--color-text);line-height:1.6;overflow-x:hidden}#vanta-bg{position:fixed;z-index:-2;top:0;left:0;width:100%;height:100%}.glass-nav{background:#0a0a0ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border)}.navbar{position:fixed;top:0;width:100%;padding:1rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s}.logo img{height:60px!important;width:auto!important;mix-blend-mode:normal}.nav-links{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--color-text);text-decoration:none;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;transition:color .3s}.nav-links a:hover{color:var(--color-primary)}.btn-primary{padding:.8rem 2rem;background:var(--color-primary);color:#fff!important;border-radius:4px;text-transform:uppercase;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .3s;cursor:pointer;display:inline-block;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%)}.btn-primary:hover{background:var(--color-primary-dark);transform:scale(1.05)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:3rem}.hero-content{max-width:600px;z-index:1;flex-shrink:0}.hero h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-2px;margin-bottom:1rem;text-transform:uppercase;line-height:1;text-shadow:0 5px 20px rgba(0,0,0,.8)}.hero p{font-size:clamp(1.2rem,2vw,1.8rem);color:#ddd;max-width:700px;margin-bottom:2rem;font-weight:300;text-shadow:0 2px 10px rgba(0,0,0,.8)}.highlight{color:var(--color-primary);text-shadow:0 0 20px rgba(118,185,0,.5)}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;z-index:1;max-width:520px;position:relative}.hero-dino{width:100%;max-width:500px;height:auto;object-fit:contain;filter:drop-shadow(0 0 40px rgba(118,185,0,.3)) drop-shadow(0 20px 40px rgba(0,0,0,.5));animation:heroFloat 6s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@media (max-width: 900px){.hero{flex-direction:column;justify-content:center;text-align:center;padding-top:7rem;padding-bottom:4rem;min-height:auto}.hero-content{max-width:100%}.hero-visual{max-width:320px;width:80%}}section{padding:8rem 5%;position:relative;z-index:1;background:#111111e6}.section-diagonal-top{clip-path:polygon(0 5vw,100% 0,100% 100%,0 100%);margin-top:-5vw;padding-top:10vw}.section-diagonal-bottom{clip-path:polygon(0 0,100% 0,100% calc(100% - 5vw),0 100%);margin-bottom:-5vw;padding-bottom:10vw}.service-pillar{margin-bottom:4rem}.pillar-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:1rem;position:relative}.pillar-header h2{font-size:clamp(2rem,4vw,3.5rem);margin:0;text-transform:uppercase}.pillar-badge{background:var(--color-primary);color:#fff;font-size:2rem;font-weight:800;padding:.5rem 2rem;clip-path:polygon(15px 0,100% 0,100% 100%,0 100%)}.sub-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.pdf-card{background:#fff;color:var(--color-text-dark);padding:2.5rem 2rem;position:relative;transition:all .4s ease;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);border-left:5px solid var(--color-primary);overflow:hidden}.pdf-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--card-bg, none);background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.35;mix-blend-mode:multiply;transition:all .4s ease;pointer-events:none;z-index:0;filter:grayscale(1)}.pdf-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000080;background:#f8f9fa}.pdf-card:hover:before{opacity:.65;transform:scale(1.05);filter:grayscale(0)}.pdf-card h4,.pdf-card p{position:relative;z-index:1}.pdf-card h4{font-size:1.5rem;margin-bottom:.5rem;color:#111;text-transform:uppercase}.pdf-card p{color:#555;font-size:1rem;font-weight:400}.portfolio{background:#e5e5e5;color:#111}.portfolio .section-title{color:#111;text-align:left;margin-bottom:.5rem;text-transform:uppercase;font-size:3.5rem}.portfolio .section-subtitle{color:#555;text-align:left;margin-bottom:3rem;margin-left:0}.gallery-filter{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:transparent;border:2px solid #333;color:#333;padding:.5rem 1.5rem;cursor:pointer;transition:.3s;font-family:var(--font-main);font-weight:800;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.filter-btn.active,.filter-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.gallery-card{background:#fff;border-radius:0;overflow:hidden;position:relative;box-shadow:0 10px 20px #0000001a;transition:transform .5s;clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%)}.gallery-card img{width:100%;height:250px;object-fit:cover;transition:transform .6s ease}.gallery-card:hover{transform:translateY(-5px)}.gallery-card:hover img{transform:scale(1.08)}.gallery-caption{padding:1.5rem;border-top:4px solid var(--color-primary)}.gallery-caption h4{color:#111;text-transform:uppercase;margin:0;font-size:1.2rem}.clients{background:#111;padding:5rem 0;border-top:1px solid rgba(255,255,255,.1)}.clients-ticker{width:100%;white-space:nowrap;overflow:hidden;position:relative}.ticker-track{display:inline-block;animation:scroll 25s linear infinite}.ticker-track span{font-size:3rem;font-weight:800;color:#ffffff0d;margin:0 3rem;text-transform:uppercase;transition:color .3s;-webkit-text-stroke:1px rgba(255,255,255,.2)}.ticker-track span:hover{color:var(--color-primary);-webkit-text-stroke:0px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{padding:6rem 5% 2rem;background:#050505;border-top:1px solid rgba(118,185,0,.15);position:relative;z-index:1}.footer-inner{max-width:900px;margin:0 auto;text-align:center}.footer-heading p{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:3rem}.footer-hero-row{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;margin-bottom:1rem;text-align:left}.footer-hero-text{flex:1}.footer-hero-text h2{font-size:clamp(2.2rem,4.5vw,3.8rem);text-transform:uppercase;margin-bottom:.75rem;line-height:1.1}.footer-hero-text p{color:var(--color-text-muted);font-size:1.05rem;margin-bottom:0;max-width:420px}.footer-hero-visual{flex:1;display:flex;align-items:center;justify-content:flex-end;max-width:520px}.footer-logo-img{width:100%;max-width:500px;height:auto;object-fit:contain;animation:heroFloat 6s ease-in-out infinite}@media (max-width: 768px){.footer-hero-row{flex-direction:column;text-align:center}.footer-hero-text p{max-width:100%}.footer-hero-visual{justify-content:center;max-width:100%}.footer-logo-img{max-width:320px;width:80%}}.contact-form{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2.5rem;text-align:left;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:3rem}.hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;tab-index:-1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-row .form-group{margin-bottom:0}.form-group label{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.85rem 1.1rem;color:#fff;font-family:var(--font-main);font-size:1rem;transition:border-color .3s,box-shadow .3s,background .3s;width:100%;outline:none;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff40}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);background:#76b9000d;box-shadow:0 0 0 3px #76b90026}.form-group input:valid:not(:placeholder-shown){border-color:#76b90080}.form-group input:invalid:not(:placeholder-shown):not(:focus){border-color:#dc323299}.char-counter{font-size:.78rem;color:var(--color-text-muted);text-align:right;margin-top:.25rem}.char-counter.counter-warn{color:#f59e0b}.form-footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.form-disclaimer{font-size:.8rem;color:var(--color-text-muted);max-width:400px}.btn-submit{position:relative;min-width:200px;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;font-family:var(--font-main)}.btn-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn-submit.is-loading .btn-text{opacity:.7}.btn-submit.is-loading .btn-spinner{display:inline-block}.btn-submit:disabled{cursor:not-allowed;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.form-status{display:none;margin-top:1.5rem;padding:1rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:500;border-left:4px solid}.form-status.status-ok{background:#76b9001f;border-color:var(--color-primary);color:#a8d840}.form-status.status-err{background:#dc32321f;border-color:#dc3232;color:#f87171}.contact-direct{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;margin:2.5rem 0}.contact-link{display:flex;align-items:center;gap:.6rem;color:var(--color-primary);font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .3s,gap .3s}.contact-link svg{width:20px;height:20px;flex-shrink:0}.contact-link:hover{color:#fff;gap:.9rem}.copyright{color:var(--color-text-muted);font-size:.9rem;margin-top:3rem}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width: 768px){.nav-links{display:none}.pillar-header{flex-direction:column;align-items:flex-start;gap:1rem}.pillar-badge{margin-top:-3rem;align-self:flex-end}.form-row{grid-template-columns:1fr}.form-footer-row{flex-direction:column;align-items:stretch}.btn-submit{width:100%;justify-content:center}}
