:root{--ink:#252722;--blue:#795c39;--paper:#f7f5f0;--lime:#e3ccaa;--bronze:#8b6c46;--line:#25272225}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}header{background:#f7f5f0f2;border-bottom:1px solid var(--line)}nav{height:100px}.logo{font-family:Georgia,serif;font-weight:500;letter-spacing:-1.5px;font-size:32px}.logo span{color:var(--bronze)}.links{gap:28px;font-size:14px}.links a[aria-current=page]{color:var(--ink)}.links a[aria-current=page]:after{content:'';height:1px;background:var(--bronze);position:absolute;left:0;right:0;bottom:-9px}.links a{position:relative}.button{background:var(--ink);color:white;border-radius:0;padding:15px 25px;font-size:14px;letter-spacing:.4px;box-shadow:none;transition:background .2s,transform .2s}.button:hover{background:#45483e;transform:translateY(-2px)}.button.outline{background:transparent;border-color:#25272250;color:var(--ink)}.button.outline:hover{background:#e9e6dd}.button.light{background:#e3ccaa;color:var(--ink)}.eyebrow{font-size:12px;letter-spacing:2px;color:#795c39}.hero{padding-top:84px;padding-bottom:95px;grid-template-columns:1.15fr 1fr;gap:80px;position:relative}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,6.4vw,82px);letter-spacing:-3.7px;line-height:1.07;margin:24px 0 28px}h1 em{font-style:italic;color:#795c39}.intro{font-size:18px;line-height:1.8;color:#626359}.actions{margin-top:32px}.micro{font-size:13px;color:#77776b}.canvas{border-radius:0;background:#dedccf;transform:none;padding:38px 30px 25px;box-shadow:none;border:1px solid #25272215;position:relative;margin-top:25px}.canvas:before{content:'STUDIO DIGITAL / CREAMÉDIAS';display:block;font-size:10px;letter-spacing:2px;margin-bottom:22px;color:#686959}.browser{transform:translate(-8px,-3px);border-radius:4px;background:#fffdf8;box-shadow:15px 17px 0 #b4b3a160;border:1px solid #25272230}.bar{background:#f0eee7;color:#848579}.dot{background:#bdbcae;width:6px;height:6px}.mock{padding:30px;background:#fffdf8}.mock .label{font-size:10px;letter-spacing:2px;color:#6e705f}.mock h3{font-family:Georgia,serif;font-weight:400;font-size:34px;color:#35372e;letter-spacing:-1px}.mock p{color:#77786e}.mock .button{background:#363a2e;border-radius:0;font-size:11px!important}.mockgrid{gap:0;border-top:1px solid #dadacf;margin-top:30px}.mockgrid div{border-radius:0;background:transparent;padding:18px 8px}.mockgrid div+div{border-left:1px solid #dadacf;padding-left:20px}.mockgrid strong{font-family:Georgia,serif;font-weight:400;color:#795c39;font-size:26px}.caption{transform:none;color:#5b5e4e;font-size:12px;letter-spacing:.4px;margin-top:30px;padding-top:15px;border-top:1px solid #b8baa8}.ribbon{background:#292d24;transform:none}.ribbon .wrap{padding-top:25px;padding-bottom:25px;font-size:13px}.ribbon b{color:#e3ccaa;font-weight:400}h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.6px;font-size:clamp(35px,4vw,49px);line-height:1.18}.head{margin-bottom:50px;align-items:end}.head p,.card p,.step p,details p{color:#696b60}.grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.card{background:transparent;border:0;border-radius:0;padding:38px 30px 40px;box-shadow:none;transition:none}.card+.card{border-left:1px solid var(--line)}.grid>.card:first-child{padding-left:0}.grid>.card:last-child{padding-right:0}.card h3{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.6px;margin:22px 0 14px}.number{font-size:11px;letter-spacing:1.5px;color:#795c39;font-weight:400}.card p{font-size:16px}.card:hover{transform:none}.service-note,.note{color:#76796d;font-size:13px}.pricing{background:#ebe9e0;border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pricing .grid{border:0;gap:20px}.pricing .card{padding:34px 28px;border:1px solid #25272235;background:#f7f5f0}.pricing .card+.card{border-left:1px solid #25272235}.price-card.featured{background:#292d24!important;color:#faf8f0;border:1px solid #292d24;transform:none;box-shadow:none}.featured p{color:#cdcec1}.featured .tag{color:#e3ccaa}.featured .price{color:#faf8f0}.featured li{border-color:#ffffff25}.featured li:before{color:#e3ccaa}.featured .button{background:#e3ccaa;color:#292d24}.price{font-family:Georgia,serif;font-weight:400;font-size:46px;letter-spacing:-1.4px;margin:24px 0 10px}.price small{font-family:Arial,sans-serif;font-size:13px;letter-spacing:0}.tag{font-size:10px;color:#795c39;font-weight:400;letter-spacing:2px}.price-card li{font-size:14px;border-color:#25272218}.price-card li:before{color:#795c39}.option{padding:23px 0;border-color:#25272222}.option b{font-weight:400;color:#795c39}.option small{color:#74766b;font-size:13px}.estimate{background:#292d24;border-radius:0;box-shadow:none;grid-template-columns:1fr 1fr;border:1px solid #292d24}.estimate .info{padding:46px}.estimate h2{font-size:43px}.estimate p{color:#cdcec1}.fields{background:#353a2e;padding:46px;border-left:1px solid #ffffff20}.fields select{border-radius:0;padding:13px;border:1px solid #ffffff40;background:#f7f5f0;font-size:14px}.check{font-size:14px}.total{border-color:#ffffff35}.total strong{font-family:Georgia,serif;font-weight:400;font-size:34px;color:#e3ccaa}.process{gap:0;border-top:1px solid var(--line);margin-top:42px}.step{background:transparent;border:0;border-radius:0;padding:28px 24px 0}.step:first-child{padding-left:0}.step+.step{border-left:1px solid var(--line)}.step h3{font-family:Georgia,serif;font-size:25px;font-weight:400}.step .number{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-1px}.step p{font-size:14px}.faq{max-width:820px}.faq h2{margin-bottom:36px}details{border-color:var(--line);padding:26px 0}summary{font-size:17px;font-weight:400}.contact{background:#292d24;color:#faf8f0;border-radius:0}.contact .eyebrow{color:#e3ccaa}.contact h2{font-family:Georgia,serif;font-weight:400;font-size:55px}.contact p{color:#cdcec1}.contact textarea{color:#faf8f0;background:transparent;border:1px solid #faf8f050;border-radius:0;padding:20px;font-size:15px}.contact .micro{color:#bfc3b3}.contact .button{background:#e3ccaa;color:#292d24}.page-top{padding-top:70px}.page-top h1{font-size:62px}.menu-toggle{border-radius:0;background:transparent;color:var(--ink);border-color:var(--line)}footer{padding:42px 0;background:#f7f5f0}footer p{font-size:12px;color:#77796d}section{padding:85px 0}.home-index{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:25px 0;color:#77796d;font-size:11px;letter-spacing:1.7px}.home-links .head{display:block}.home-links .head h2{max-width:650px;margin-top:20px}.page-top+.home-links{padding-top:50px}@media(max-width:1000px){.hero{gap:42px}.links{gap:17px}.canvas{padding:28px 20px}.process{grid-template-columns:repeat(2,1fr)}.step:nth-child(3){border-left:0;padding-left:0}.pricing .grid{gap:16px}.card+.card{border-left:0;border-top:1px solid var(--line)}.grid>.card,.grid>.card:first-child,.grid>.card:last-child{padding:28px 0}.pricing .grid>.card{padding:30px}.pricing .card+.card{border-left:1px solid #25272235}}@media(max-width:760px){nav{height:76px}.logo{font-size:28px}.links{background:#f7f5f0;gap:5px;border-bottom:1px solid var(--line)}.links a[aria-current=page]{background:#eae7dc}.links a[aria-current=page]:after{display:none}.hero{padding:45px 0 55px;grid-template-columns:1fr;gap:18px}h1{font-size:clamp(48px,11vw,72px);letter-spacing:-2.5px}.hero .eyebrow{font-size:10px;letter-spacing:1.3px}.canvas{max-width:440px;width:100%;margin-top:16px}.browser{transform:none;box-shadow:8px 10px 0 #b4b3a160}.intro{font-size:17px}.ribbon .wrap{font-size:12px}.estimate{grid-template-columns:1fr}.estimate .info,.fields{padding:28px}.estimate h2{font-size:36px}.fields{border-left:0;border-top:1px solid #ffffff20}.contact h2{font-size:43px}.page-top{padding-top:44px}.page-top h1{font-size:44px}section{padding:55px 0}.head{margin-bottom:30px}.process{gap:0}.step{padding:22px 18px}.step h3{font-size:23px}.home-index{font-size:9px;letter-spacing:.5px}.pricing .card{border-radius:0}.total strong{font-size:29px}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}
