:root{--black:#101010;--dark:#191919;--gold:#b8955b;--cream:#f3eee5;--white:#fff;--gray:#717171}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Montserrat,Arial,sans-serif;color:var(--black);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.header{position:fixed;top:0;left:0;width:100%;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;z-index:50;background:rgba(14,14,14,.95);backdrop-filter:blur(10px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:11px}.brand-mark{height:42px;display:flex;align-items:center;justify-content:center}.brand-mark img{height:100%;width:auto;display:block}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:17px;letter-spacing:3px}.brand-copy small{font-size:7px;letter-spacing:2px;color:#bbb;margin-top:5px}
.nav{display:flex;gap:22px;font-size:12px;font-weight:600}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.3s}.nav a:hover:after{width:100%}
.header-actions{display:flex;gap:14px;align-items:center}.languages{display:flex;border:1px solid rgba(255,255,255,.2)}.lang{border:0;background:transparent;color:#bbb;padding:7px 8px;cursor:pointer;font-size:10px}.lang.active{background:var(--gold);color:#fff}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);border:1px solid var(--gold);color:#fff;padding:14px 22px;font-size:12px;font-weight:700;cursor:pointer;transition:.3s}.btn:hover{transform:translateY(-2px);background:#9f7f4d}.btn.small{padding:10px 14px;font-size:10px}.btn.outline{background:transparent;border-color:#fff}.btn.outline:hover{background:#fff;color:#111}.btn.outline-dark{background:transparent;color:#111;border-color:#111}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.24)),url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1900&q=85') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.32),transparent)}.hero-content{position:relative;z-index:2;color:#fff;max-width:850px;margin-left:7%;padding-top:70px}.eyebrow{font-size:10px;letter-spacing:4px;font-weight:700;color:var(--gold);margin-bottom:17px}.hero h1,.section h2,.premium-section h2,.portfolio-section h2,.client-area h2{font-family:"Bebas Neue",sans-serif;line-height:1.06}.hero h1{font-size:clamp(50px,7vw,96px)}.hero-text{font-size:18px;max-width:690px;margin:25px 0 32px;color:#e1e1e1}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.trust-row{display:flex;gap:25px;margin-top:38px;flex-wrap:wrap;font-size:11px;color:#ddd}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--cream);padding:28px 6%}.stats div{text-align:center;border-right:1px solid #d6cdbf}.stats div:last-child{border:0}.stats strong{display:block;font-family:"Bebas Neue",sans-serif;font-size:28px}.stats span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#666}
.section,.premium-section,.portfolio-section{padding:100px 7%}.section-heading{max-width:760px;margin-bottom:45px}.section-heading h2,.tool-copy h2,.contact-copy h2{font-size:clamp(38px,5vw,63px);margin-bottom:18px}.section-heading>p:last-child,.tool-copy p,.contact-copy p{color:#666}.cards.three{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd;border:1px solid #ddd}.card{background:#fff;padding:38px 30px;min-height:250px;transition:.35s}.card:hover{background:#111;color:#fff;transform:translateY(-3px)}.card>span{color:var(--gold);font-size:11px}.card h3{font-family:"Bebas Neue",sans-serif;font-size:24px;margin:25px 0 12px}.card p{font-size:13px;color:#777}.card:hover p{color:#ccc}
.premium-section{background:#111}.light{color:#fff}.premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.premium-card{border:1px solid #333;color:#fff;padding:32px;min-height:230px;transition:.35s}.premium-card:hover{border-color:var(--gold);background:#171717;transform:translateY(-4px)}.premium-card span{color:var(--gold);font-size:11px}.premium-card h3{font-family:"Bebas Neue",sans-serif;font-size:23px;margin:28px 0 12px}.premium-card p{font-size:12px;color:#aaa}
.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.split-section.reverse{grid-template-columns:1.2fr .8fr}.panel{background:var(--cream);padding:35px}.panel.wide{max-width:970px;margin:auto}label{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700}input,select,textarea{padding:13px;border:1px solid #d5ccbd;background:#fff;outline:none;text-transform:none;letter-spacing:0}input:focus,select:focus,textarea:focus{border-color:var(--gold)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.result-box{background:#111;color:#fff;padding:24px;margin-top:20px}.result-box small{display:block;color:#aaa}.result-box strong{display:block;font-family:"Bebas Neue",sans-serif;color:var(--gold);font-size:30px;margin:6px 0}.result-box p{font-size:10px;color:#aaa}.soft{background:var(--cream)}.soft .panel{background:#fff}.form-note{font-size:10px;color:#777;margin-top:10px}
.drop-zone{border:1px dashed #aaa;text-align:center;padding:30px;margin-bottom:20px}.drop-zone input{display:none}.drop-zone strong{display:block;font-family:"Bebas Neue",sans-serif;font-size:22px}.drop-zone p{font-size:12px;color:#777;margin:8px 0 18px}#fileList{font-size:11px;color:#555;margin-top:12px}
.client-area{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center;padding:90px 7%;background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=85') center/cover}.client-overlay{position:absolute;inset:0;background:rgba(0,0,0,.76)}.client-content{position:relative;z-index:2;color:#fff;text-align:center;width:min(850px,100%)}.client-area h2{font-size:clamp(40px,5vw,64px);margin-bottom:30px}.progress-card{background:#fff;color:#111;text-align:left;padding:32px}.project-top{display:flex;justify-content:space-between;align-items:center}.project-top div{display:flex;flex-direction:column}.project-top small{color:#888}.project-top strong{font-family:"Bebas Neue",sans-serif;font-size:25px}.project-top>span{font-size:30px;color:var(--gold);font-family:"Bebas Neue",sans-serif}.progress-line{height:6px;background:#ddd;margin:25px 0}.progress-line i{display:block;width:65%;height:100%;background:var(--gold)}.project-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:25px;font-size:10px;color:#aaa}.project-steps .done,.project-steps .active{color:#111;font-weight:700}
.crm-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ddd}.crm-board div{background:#111;color:#fff;padding:30px;text-align:center}.crm-board small{display:block;color:#aaa;font-size:9px;letter-spacing:1px}.crm-board strong{font-family:"Bebas Neue",sans-serif;font-size:34px;color:var(--gold)}
.portfolio-section{background:#111}.portfolio-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px}.portfolio-item{min-height:360px;position:relative;background-size:cover;background-position:center;display:flex;align-items:flex-end}.portfolio-item:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.portfolio-item div{position:relative;z-index:2;color:#fff;padding:28px}.portfolio-item span{font-size:9px;letter-spacing:2px;color:var(--gold)}.portfolio-item h3{font-family:"Bebas Neue",sans-serif;font-size:23px}.portfolio-item.large{grid-row:span 2;min-height:735px;background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1200&q=85')}.portfolio-item.second{background-image:url('https://images.unsplash.com/photo-1556912167-f556f1f39fdf?auto=format&fit=crop&w=900&q=85')}.portfolio-item.third{background-image:url('https://images.unsplash.com/photo-1620626011761-996317b8d101?auto=format&fit=crop&w=900&q=85')}.video-card{grid-column:2/4;background-image:url('https://images.unsplash.com/photo-1581858726788-75bc0f6a952d?auto=format&fit=crop&w=1200&q=85')}.video-card button{position:absolute;z-index:3;left:50%;top:45%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,.5);color:#fff;font-size:24px;cursor:pointer}
.blog-card{background:#fff;padding:30px;min-height:230px}.blog-card>span{font-size:9px;color:var(--gold);letter-spacing:2px}.blog-card h3{font-family:"Bebas Neue",sans-serif;font-size:24px;margin:22px 0}.blog-card a{font-size:11px;font-weight:700}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-copy a{display:block;font-family:"Bebas Neue",sans-serif;font-size:23px;margin:12px 0}
.chat-button{position:fixed;right:24px;bottom:94px;width:58px;height:58px;border-radius:50%;border:0;background:#111;color:#fff;font-weight:800;z-index:45;box-shadow:0 7px 24px rgba(0,0,0,.3);cursor:pointer}.whatsapp{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:800;z-index:44}
.chat-panel{position:fixed;right:24px;bottom:165px;width:340px;background:#fff;z-index:60;box-shadow:0 12px 35px rgba(0,0,0,.3);display:none}.chat-panel.open{display:block}.chat-header{background:#111;color:#fff;padding:15px;display:flex;justify-content:space-between}.chat-header div{display:flex;flex-direction:column}.chat-header small{color:#aaa}.chat-header button{background:none;border:0;color:#fff;font-size:22px}.chat-messages{height:220px;overflow-y:auto;padding:15px;background:#f5f5f5}.bot-message,.user-message{padding:10px 12px;border-radius:10px;font-size:12px;margin-bottom:10px;max-width:85%}.bot-message{background:#fff}.user-message{margin-left:auto;background:var(--gold);color:#fff}.quick-questions{display:flex;gap:5px;padding:8px}.quick-questions button{flex:1;border:1px solid #ddd;background:#fff;padding:7px;font-size:9px}.chat-panel form{display:flex;border-top:1px solid #ddd}.chat-panel form input{flex:1;border:0}.chat-panel form button{width:50px;border:0;background:var(--gold);color:#fff}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:80;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{background:#fff;max-width:500px;width:100%;padding:35px;position:relative}.modal-card button{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px}.modal-card h3{font-family:"Bebas Neue",sans-serif;font-size:28px;margin-bottom:15px}
.footer{background:#0d0d0d;color:#aaa;padding:38px 6%;display:flex;align-items:center;justify-content:space-between;font-size:10px}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav{display:none;position:absolute;top:82px;left:0;width:100%;background:#111;flex-direction:column;padding:25px 6%}.nav.open{display:flex}.menu-toggle{display:block}.header-actions .small{display:none}.premium-grid,.cards.three{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-item.large{grid-column:1/-1;grid-row:auto;min-height:500px}.video-card{grid-column:1/-1}.split-section,.split-section.reverse,.contact{grid-template-columns:1fr}.crm-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.header{padding:0 4%}.brand-copy strong{font-size:14px}.languages{position:absolute;right:54px}.hero-content{margin-left:0;padding:110px 6% 40px}.hero-text{font-size:15px}.trust-row{flex-direction:column;gap:10px}.stats{grid-template-columns:1fr 1fr;gap:18px}.section,.premium-section,.portfolio-section{padding:72px 6%}.premium-grid,.cards.three,.portfolio-grid,.form-grid,.crm-board{grid-template-columns:1fr}.portfolio-item.large{min-height:420px}.project-steps{grid-template-columns:1fr 1fr}.panel{padding:24px 18px}.footer{flex-direction:column;gap:18px;text-align:center}.chat-panel{right:10px;left:10px;width:auto}.header-actions{gap:5px}}