:root{--orange:#ff9500;--orange2:#ffb13b;--ink:#101820;--text:#17202a;--muted:#66717d;--line:#e7ebef;--soft:#f6f8fa;--white:#fff;--page:1180px;--pad:clamp(18px,4vw,44px);--content-pad:max(calc((100vw - var(--page))/2),var(--pad))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--text)}a{color:inherit;text-decoration:none}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--content-pad);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(16,24,32,.06)}.brand img,footer img{width:150px;height:auto}.topbar nav{display:flex;gap:clamp(16px,3vw,32px);font-size:13px;font-weight:900;text-transform:uppercase;color:#1b2430}.topbar nav a:hover{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#111;font-weight:900;text-transform:uppercase;border:0;border-radius:9px;padding:16px 26px;cursor:pointer;box-shadow:0 12px 26px rgba(255,149,0,.22)}.btn.small{padding:12px 18px;font-size:13px}.btn.ghost{background:white;color:var(--ink);border:1px solid #cfd6dd;box-shadow:none}.hero{min-height:610px;position:relative;display:flex;align-items:center;padding:70px var(--content-pad);overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.88) 45%,rgba(255,255,255,.30));background-size:cover;background-position:center right;opacity:1}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0 38%,rgba(255,255,255,.40) 58%,rgba(255,255,255,.06));}.hero-content{position:relative;max-width:660px;z-index:1}.eyebrow{color:var(--orange);font-weight:900;letter-spacing:2px;font-size:13px}.hero h1{font-size:clamp(36px,5vw,56px);line-height:.98;margin:18px 0;text-transform:uppercase;letter-spacing:-1px;color:var(--ink)}.hero h1 strong,.accent{color:var(--orange)}.hero p{font-size:clamp(16px,2vw,19px);line-height:1.55;color:#34404c;max-width:560px}.actions{display:flex;gap:18px;margin-top:32px;flex-wrap:wrap}.hero-card{position:absolute;right:var(--content-pad);top:165px;width:310px;padding:26px;border-radius:24px;background:rgba(255,255,255,.88);border:1px solid var(--line);box-shadow:0 32px 70px rgba(16,24,32,.16);text-align:center;z-index:1;backdrop-filter:blur(8px)}.camera-shape{height:155px;border-radius:18px;background:#1a222c;border:5px solid #e7ebef;position:relative;margin-bottom:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.camera-shape:before{content:"";position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#0b0d10 18%,#3c4650 20%,#050505 38%,#ff9500 39%,#111 43%,#000 100%)}.camera-shape span{position:absolute;left:50%;bottom:-70px;width:14px;height:70px;background:#5a6672;transform:translateX(-50%)}.hero-card strong{text-transform:uppercase;color:var(--ink)}.hero-card small{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px var(--content-pad)}.stats div{display:flex;gap:14px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats div:first-letter{font-size:30px}.stats b{display:block;text-transform:uppercase;color:var(--ink)}.stats span{display:block;color:var(--muted);font-size:13px}.section{padding:58px var(--content-pad)}.section.light{background:#fff;color:var(--text)}.section.tinted{background:var(--soft);color:var(--text)}.section.dark{background:linear-gradient(180deg,#f7f8fa,#fff);color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section h2{text-transform:uppercase;font-size:clamp(26px,3vw,34px);margin:0 0 34px;color:var(--ink)}.section h2:after{content:"";display:block;width:58px;height:4px;background:var(--orange);border-radius:99px;margin-top:12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head a{color:var(--orange);font-weight:900;text-transform:uppercase;font-size:13px}.grid{display:grid;gap:24px}.services{grid-template-columns:repeat(4,1fr);text-align:center}.services article{padding:28px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px rgba(16,24,32,.05)}.services i{font-style:normal;font-size:42px;color:var(--orange)}.services h3{text-transform:uppercase;color:var(--ink)}.services p{line-height:1.55;color:#53606b}.projects{grid-template-columns:repeat(3,1fr)}.project{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding-bottom:18px;box-shadow:0 18px 42px rgba(16,24,32,.08)}.project .media{height:220px;background:linear-gradient(135deg,#f1e1c7,#e9edf1);display:flex;align-items:center;justify-content:center}.project video,.project img{width:100%;height:100%;object-fit:cover}.placeholder{width:74px;height:74px;border:3px solid var(--orange);color:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;background:#fff}.project h3,.project p,.project small{margin-left:20px;margin-right:20px}.project h3{color:var(--ink)}.project small{color:var(--orange);font-weight:900}.project p{color:#53606b;line-height:1.5}.compare{background:var(--soft)!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.compare-box{height:185px;border-radius:16px;background:linear-gradient(90deg,#d8b47d 0 49%,#fff 49% 51%,#b8c2c9 51%);position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:0 16px 36px rgba(16,24,32,.07)}.compare-box span,.compare-box em{position:absolute;top:20px;background:#101820;color:white;border-radius:6px;padding:9px 16px;font-style:normal;font-weight:900}.compare-box span{left:20px}.compare-box em{right:20px;background:var(--orange);color:#111}.compare-box b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--orange);border-radius:50%;padding:17px;color:#111}.clients div{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;align-items:center}.clients strong{font-size:20px;color:#737d86;text-align:center;text-transform:uppercase}.contact{display:grid;grid-template-columns:1fr 1.25fr;background:#fff;padding:58px var(--content-pad);gap:50px;border-top:1px solid var(--line)}.contact h2{text-transform:uppercase;font-size:clamp(26px,3vw,34px);margin:0;color:var(--ink)}.contact h3{text-transform:uppercase;color:var(--orange);margin:8px 0 22px}.contact p{color:#53606b;line-height:1.6}.whatsapp{background:white;color:var(--orange);border:1px solid var(--orange);box-shadow:none}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:24px}.contact input,.contact textarea{width:100%;background:#fff;border:1px solid #d8dee5;color:var(--ink);border-radius:8px;padding:16px}.contact textarea{grid-column:1/-1;min-height:110px}.contact button{grid-column:1/-1}footer{display:flex;justify-content:space-between;align-items:center;padding:22px var(--content-pad);background:#fff;color:#66717d;border-top:1px solid var(--line)}.float-wa{position:fixed;right:24px;bottom:24px;width:58px;height:58px;background:#22c55e;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 18px 34px rgba(0,0,0,.18)}@media(max-width:1100px){.hero-card{width:260px}.services{grid-template-columns:repeat(2,1fr)}.projects{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.topbar{height:72px}.topbar nav{display:none}.brand img,footer img{width:128px}.hero{min-height:auto;display:block;padding-top:46px;padding-bottom:46px}.hero-bg{background-position:center}.hero:before{background:rgba(255,255,255,.78)}.hero-card{position:relative;right:auto;top:auto;margin-top:34px;width:100%;max-width:340px}.stats,.services,.projects,.clients div,.contact{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.contact form{grid-template-columns:1fr}footer{gap:20px;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.project .media{height:190px}}
@media(max-width:560px){:root{--pad:16px}.topbar .btn.small{display:none}.hero h1{letter-spacing:-.5px}.actions{gap:12px}.btn{width:100%;padding:15px 18px}.stats{padding-top:8px;padding-bottom:8px}.section{padding-top:42px;padding-bottom:42px}.services article{padding:22px 18px}.compare-box{height:145px}.clients div{gap:18px}.contact{padding-top:42px;padding-bottom:42px;gap:28px}.float-wa{width:52px;height:52px;right:16px;bottom:16px}}

.workflow{background:#fff!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.workflow-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 42px rgba(16,24,32,.07)}
.workflow-grid span{display:inline-flex;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;background:#fff4e3;color:var(--orange);font-weight:900;margin-bottom:18px}
.workflow-grid h3{margin:0 0 12px;color:var(--ink);text-transform:uppercase;font-size:17px}
.workflow-grid p{margin:0;color:#53606b;line-height:1.55}
@media(max-width:1000px){.workflow-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.workflow-grid{grid-template-columns:1fr}.workflow-grid article{padding:22px}}