:root{--ink:#151515;--muted:#6d6d72;--paper:#f7f6f2;--white:#fff;--orange:#ff5a36;--teal:#087f7b;--yellow:#ffd45a;--line:#deddd7;--dark:#161719;--shadow:0 20px 60px rgba(20,20,20,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}h1,h2,h3,h4{font-family:"Space Grotesk",sans-serif;line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}h1{font-size:clamp(48px,7vw,88px)}h2{font-size:clamp(36px,5vw,62px)}h3{font-size:24px}p{color:var(--muted);margin:0 0 16px}.container{width:min(1180px,92%);margin:auto}
.header{position:sticky;top:0;z-index:100;background:rgba(247,246,242,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(20,20,20,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:43px;height:43px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 23px "Space Grotesk";transform:rotate(-5deg)}.logo span:last-child{display:flex;flex-direction:column;line-height:1}.logo b{font:700 20px "Space Grotesk"}.logo small{font-size:8px;letter-spacing:.27em;margin-top:5px;color:#777}
nav{display:flex;align-items:center;gap:4px}nav>a{padding:11px 12px;border-radius:9px;font-size:13px;font-weight:700}nav>a:hover,nav>a.active{background:#ebe9e1}nav .nav-contact{background:var(--orange);color:#fff;padding:12px 17px;margin-left:7px}.menu-btn{display:none;background:none;border:0}
.hero{padding:95px 0 85px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:22px}.eyebrow:before{content:"";width:8px;height:8px;background:var(--orange);border-radius:50%}.hero h1{max-width:800px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:18px;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:10px;font-weight:800;font-size:13px;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#fff}.dark{background:var(--ink);color:#fff}.outline{border-color:#c9c7bf;background:transparent}.visual{min-height:470px;position:relative}.visual-main{position:absolute;inset:25px 10px 20px 20px;background:var(--dark);border-radius:28px;transform:rotate(2deg);overflow:hidden;padding:27px;color:#fff}.visual-main:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-100px;bottom:-120px;background:var(--orange);opacity:.22}.browser{height:31px;display:flex;gap:6px;align-items:center}.browser i{width:7px;height:7px;border-radius:50%;background:#777}.mock-title{font:600 42px "Space Grotesk";margin-top:45px;max-width:360px}.mock-title span{color:var(--yellow)}.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:35px}.mock-box{height:90px;border:1px solid #3a3a3a;border-radius:15px;padding:15px}.mock-box strong{font-size:24px;display:block}.float-card{position:absolute;right:-5px;bottom:10px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px 20px;box-shadow:var(--shadow);width:190px}.float-card b{font-size:24px}.float-card span{font-size:11px;color:var(--teal);font-weight:800;display:block}
.strip{background:var(--ink);color:#fff;padding:24px 0}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.strip-item{border-right:1px solid #363636;padding-right:20px}.strip-item:last-child{border:0}.strip-item b{display:block;font:600 18px "Space Grotesk"}.strip-item span{font-size:12px;color:#aaa}
.section{padding:95px 0}.section-head{max-width:760px;margin-bottom:45px}.kicker{font-size:11px;color:var(--orange);font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}.section-head p{font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:#fff;border:1px solid var(--line);padding:30px;border-radius:18px;min-height:270px;position:relative;transition:.25s}.service:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.service-icon{width:54px;height:54px;border:1px solid #d9d8d2;border-radius:14px;display:grid;place-items:center;font:700 18px "Space Grotesk";margin-bottom:30px}.service:nth-child(2n) .service-icon{background:#fff3ee;color:var(--orange)}.service:nth-child(3n) .service-icon{background:#eaf6f4;color:var(--teal)}.service-number{position:absolute;right:25px;top:28px;color:#aaa;font-size:11px;font-weight:800}.service p{font-size:14px}.more{font-size:12px;font-weight:900;color:var(--orange)}
.dark-section{background:var(--dark);color:#fff}.dark-section p{color:#aaa}.dark-section .kicker{color:var(--yellow)}.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.big-statement{font-size:clamp(34px,4.5vw,60px)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#333}.feature{background:var(--dark);padding:25px;border:1px solid #333}.feature b{font:600 19px "Space Grotesk";display:block;margin-bottom:8px}.feature span{font-size:13px;color:#aaa}
.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.work{min-height:330px;border-radius:22px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.work:first-child{background:var(--teal);color:#fff}.work:nth-child(2){background:var(--yellow)}.work:nth-child(3){background:#e5ded5}.work:nth-child(4){background:var(--orange);color:#fff}.work:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:35px solid rgba(255,255,255,.2);right:30px;top:30px}.work small{font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.work h3{font-size:32px;max-width:420px;position:relative}.work p{color:inherit;opacity:.75;max-width:430px;position:relative}.work-grid .work:first-child{grid-row:span 2;min-height:678px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{padding:30px 22px;border-right:1px solid var(--line)}.step:last-child{border:0}.step-num{color:var(--orange);font-weight:900;font-size:12px}.step h3{margin-top:25px}.step p{font-size:13px}
.cta{background:var(--orange);color:#fff;padding:75px 0}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{max-width:700px}.cta p{color:#ffe1da}.cta .btn{background:#fff;color:var(--ink)}
.page-hero{background:var(--ink);color:#fff;padding:80px 0}.page-hero .kicker{color:var(--yellow)}.page-hero p{color:#aaa;font-size:18px;max-width:720px}.crumb{font-size:11px;color:#888;margin-bottom:18px}.crumb a{color:#ccc}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:35px}.checks{list-style:none;padding:0;margin:25px 0}.checks li{display:flex;gap:10px;margin:12px 0;font-size:14px}.checks li:before{content:"↗";color:var(--orange);font-weight:900}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px}.contact-row{padding:19px 0;border-bottom:1px solid var(--line);font-size:14px}.contact-row:last-child{border:0}.contact-row b{display:block;margin-bottom:5px}.contact-row span{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}label{display:block;font-size:11px;font-weight:900;margin-bottom:7px}input,textarea,select{width:100%;padding:13px;border:1px solid #d7d5ce;border-radius:10px;font:inherit;background:#fff;outline:0}textarea{min-height:145px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--orange)}
.footer{background:#101112;color:#fff;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.35fr;gap:35px}.footer h4{font-size:14px}.footer a,.footer p{color:#929397;font-size:12px}.footer a{display:block;margin:9px 0}.footer .logo{color:#fff}.footer-copy{max-width:320px;margin-top:18px}.social-row{display:flex;gap:9px}.social-row a{border:1px solid #2c2d2f;padding:8px 11px;border-radius:8px;color:#ddd}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #292a2c;margin-top:45px;padding-top:20px;color:#666;font-size:11px}
.whatsapp-float{position:fixed;right:20px;bottom:20px;background:#168c4b;color:#fff;padding:12px 16px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 12px 35px rgba(0,0,0,.2);z-index:999}.whatsapp-float span{font-size:17px;margin-right:5px}
@media(max-width:950px){nav{position:fixed;display:none;left:0;right:0;top:82px;background:var(--paper);padding:15px 4%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}nav.open{display:flex}.nav-contact{text-align:center}.menu-btn{display:block}.menu-btn i{display:block;width:25px;height:2px;background:#111;margin:5px}.hero-grid,.feature-grid,.two-col,.contact-grid{grid-template-columns:1fr}.visual{min-height:400px}.service-grid{grid-template-columns:repeat(2,1fr)}.strip-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.work-grid .work:first-child{grid-row:auto;min-height:400px}.process{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{padding:65px 0}.hero h1{font-size:48px}.hero p{font-size:16px}.visual{min-height:320px}.visual-main{inset:10px 5px}.mock-title{font-size:31px;margin-top:30px}.service-grid,.strip-grid,.process,.form-grid,.footer-grid,.feature-list{grid-template-columns:1fr}.section{padding:70px 0}.strip-item{border-right:0;border-bottom:1px solid #333;padding-bottom:14px}.process{border-bottom:0}.step{border-right:0;border-bottom:1px solid var(--line)}.cta .container{display:block}.cta .btn{margin-top:20px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.whatsapp-float{width:51px;height:51px;padding:0;display:grid;place-items:center}.whatsapp-float{font-size:0}.whatsapp-float span{font-size:20px;margin:0}}