.web-service-page{--web-ink: #172029;--web-deep: #003f52;--web-teal: #006c80;--web-mint: #6fffe9;--web-coral: #ff675f;--web-cream: #f7f0e7;--web-paper: #fffdf8;--web-line: rgba(23, 32, 41, .15);background:var(--web-cream);color:var(--web-ink)}.web-service-page h1,.web-service-page h2,.web-service-page h3,.web-service-page p{margin-top:0}.web-service-page em{font-style:normal}.web-hero{position:relative;min-height:calc(100svh - 3.2rem);display:grid;align-items:center;padding:clamp(4.5rem,8vw,8rem) 0 clamp(4rem,8vw,7rem);overflow:hidden}.web-hero__gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(0,78,100,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,78,100,.07) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.7) 68%,transparent 100%)}.web-hero:before{content:"";position:absolute;width:min(55vw,780px);aspect-ratio:1;right:-18%;top:-38%;border-radius:50%;background:#6fffe961;filter:blur(3px)}.web-hero__grid{position:relative;display:grid;gap:clamp(4rem,7vw,7rem);align-items:center}.web-kicker,.web-section-kicker{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem;font-family:var(--font-mono);font-size:.77rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--web-teal)}.web-kicker span{width:.6rem;height:.6rem;border-radius:50%;background:var(--web-coral);box-shadow:0 0 0 5px #ff675f21}.web-hero h1{max-width:780px;margin-bottom:1.5rem;font-family:var(--font-display);font-size:clamp(3.2rem,8.3vw,7.25rem);font-weight:600;line-height:.88;letter-spacing:-.067em;text-wrap:balance}.web-hero h1 em{display:block;color:var(--web-teal);text-decoration:underline;text-decoration-color:var(--web-coral);text-decoration-thickness:.07em;text-underline-offset:.12em}.web-hero__lead{max-width:650px;margin-bottom:1.7rem;font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.55;color:#46505a}.web-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.1rem}.web-button{display:inline-flex;align-items:center;justify-content:center;gap:.58rem;min-height:3.2rem;padding:.9rem 1.25rem;border:1px solid transparent;border-radius:999px;font-weight:750;line-height:1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.web-button:hover{transform:translateY(-3px)}.web-button:focus-visible,.project-card:focus-visible,.final-cta__button:focus-visible{outline:3px solid var(--web-coral);outline-offset:4px}.web-button--primary{background:var(--web-deep);color:var(--web-paper);box-shadow:0 14px 28px #003f5233}.web-button--primary:hover{background:#00566d;box-shadow:0 18px 34px #003f5242}.web-button--text{padding-inline:.35rem;color:var(--web-deep)}.web-button--text span{font-size:1.25rem}.web-hero__promise{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.web-hero__promise span{padding:.42rem .7rem;border:1px solid var(--web-line);border-radius:999px;background:#fffdf8b3;font-family:var(--font-mono);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.web-hero__visual{position:relative;width:min(100%,620px);justify-self:center;animation:web-float-in .7s .15s both cubic-bezier(.22,1,.36,1)}.browser-card{position:relative;overflow:hidden;border:1px solid rgba(23,32,41,.36);border-radius:1.1rem;background:#fff8ec;box-shadow:25px 30px #003f52f2,0 38px 80px #17202933;transform:rotate(1.8deg)}.browser-card__bar{display:flex;align-items:center;gap:.35rem;min-height:2.2rem;padding:0 .75rem;border-bottom:1px solid rgba(23,32,41,.15);background:#f1e7d9}.browser-card__bar>span,.project-card__browser-bar span{width:.5rem;height:.5rem;border-radius:50%;background:#ff7169}.browser-card__bar>span:nth-child(2),.project-card__browser-bar span:nth-child(2){background:#f3bc36}.browser-card__bar>span:nth-child(3),.project-card__browser-bar span:nth-child(3){background:#58b987}.browser-card__bar div{margin-inline:auto;padding:.18rem 1.3rem;border-radius:99px;background:#fff9;font-family:var(--font-mono);font-size:.55rem;color:#65707b}.browser-card__nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;font-size:.55rem}.browser-card__nav strong{font-family:var(--font-display);font-size:1rem;letter-spacing:-.05em}.browser-card__nav div{display:flex;align-items:center;gap:.9rem}.browser-card__nav b{padding:.4rem .65rem;border-radius:99px;background:#bf3f2d;color:#fff}.browser-card__body{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:1rem;min-height:320px;padding:clamp(1.4rem,4vw,2.7rem);background:linear-gradient(135deg,#f3b632 0 52%,#fee9b7 52% 100%)}.browser-card__body small{font-family:var(--font-mono);font-size:.52rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.browser-card__body h2{margin:.8rem 0;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3.25rem);line-height:.95;letter-spacing:-.05em}.browser-card__body p{max-width:30ch;font-size:clamp(.62rem,1.3vw,.8rem);line-height:1.45}.browser-card__mini-cta{display:inline-block;padding:.52rem .7rem;border-radius:99px;background:var(--web-ink);color:#fff;font-size:.65rem;font-weight:700}.browser-card__art{position:relative;width:100%;aspect-ratio:.85;border-radius:48% 48% 16% 16%;background:#b9412c;box-shadow:inset 0 0 0 8px #fff3}.browser-card__art i{position:absolute;left:50%;width:55%;height:29%;border-radius:50% 50% 42% 42%;background:#e8a939;box-shadow:inset 0 -7px #74361c33,0 8px 12px #3d190a24;transform:translate(-50%) rotate(-7deg)}.browser-card__art i:nth-child(1){top:17%}.browser-card__art i:nth-child(2){top:38%;transform:translate(-50%) rotate(5deg)}.browser-card__art i:nth-child(3){top:59%;transform:translate(-50%) rotate(-2deg)}.result-note{position:absolute;display:flex;align-items:center;gap:.65rem;padding:.8rem .95rem;border:1px solid var(--web-ink);border-radius:.8rem;background:var(--web-paper);box-shadow:7px 7px 0 var(--web-ink);color:var(--web-deep);transform:rotate(-3deg)}.result-note small,.result-note strong{display:block;line-height:1.15}.result-note small{font-size:.63rem;color:#64717a}.result-note strong{font-family:var(--font-display);font-size:.9rem}.result-note--search{left:-1.2rem;top:-1.6rem}.result-note--message{right:-1rem;bottom:-1.7rem;background:var(--web-mint);transform:rotate(3deg)}.result-note--message>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--web-deep);color:#fff}.web-sticker{position:absolute;right:-2rem;top:18%;display:grid;place-items:center;width:5.3rem;aspect-ratio:1;border-radius:50%;background:var(--web-coral);border:2px solid var(--web-ink);box-shadow:5px 5px 0 var(--web-ink);font-family:var(--font-mono);font-size:.75rem;font-weight:700;line-height:1.15;text-align:center;text-transform:uppercase;transform:rotate(9deg)}.web-friction,.web-included,.web-work,.web-process,.web-faq{padding:clamp(5rem,9vw,9rem) 0}.web-friction{border-top:1px solid var(--web-line);background:var(--web-paper)}.friction-layout{display:grid;gap:clamp(3rem,7vw,7rem)}.friction-heading h2,.web-section-heading h2,.offer-copy h2,.faq-grid h2{margin-bottom:0;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,5.4rem);font-weight:600;line-height:.96;letter-spacing:-.055em;text-wrap:balance}.friction-heading h2 em,.web-section-heading h2 em{color:var(--web-coral)}.friction-list{border-top:1px solid var(--web-line)}.friction-list article{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.35rem 0;border-bottom:1px solid var(--web-line)}.friction-list span,.included-grid>article>span,.outcome-track article>span,.process-list>li>span{font-family:var(--font-mono);font-size:.74rem;font-weight:600;color:var(--web-teal)}.friction-list p{margin:0;font-size:clamp(1.05rem,1.8vw,1.27rem);line-height:1.45}.web-outcomes{padding:clamp(5rem,9vw,9rem) 0;background:var(--web-deep);color:var(--web-paper)}.web-section-kicker--light{color:var(--web-mint)}.web-section-heading--split{display:grid;gap:2rem;align-items:end;margin-bottom:clamp(3rem,6vw,5.5rem)}.web-section-heading--split>p{max-width:46ch;margin-bottom:.35rem;color:#52616b;font-size:1.04rem}.web-outcomes .web-section-heading--split>p{color:#fffdf8b8}.outcome-track{display:grid;gap:1rem}.outcome-track article{position:relative;min-height:226px;overflow:hidden;padding:1.35rem;border:1px solid rgba(255,253,248,.25);border-radius:1rem;background:linear-gradient(135deg,rgba(111,255,233,.09),transparent 54%),#ffffff09;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.outcome-track article:after{content:"";position:absolute;width:6.5rem;height:6.5rem;right:-2.7rem;top:-2.9rem;border:1px solid rgba(111,255,233,.28);border-radius:50%;box-shadow:0 0 0 14px #6fffe90a,0 0 0 29px #6fffe906}.outcome-track article:hover{border-color:#6fffe9c7;background:linear-gradient(135deg,rgba(111,255,233,.16),transparent 58%),#ffffff0f;transform:translateY(-4px)}.outcome-track article>span{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(111,255,233,.5);border-radius:50%;color:var(--web-mint)}.outcome-track strong{display:block;margin-top:clamp(2.7rem,4vw,4.4rem);font-family:var(--font-display);font-size:clamp(1.85rem,3.2vw,2.7rem);line-height:1}.outcome-track p{max-width:30ch;margin:.8rem 0 0;color:#fffdf8b3;line-height:1.5}.outcome-arrow{display:none!important}.web-included{background:var(--web-cream)}.included-grid{display:grid;gap:0;margin-top:clamp(3rem,6vw,5rem);border-top:1px solid var(--web-line);border-left:1px solid var(--web-line)}.included-grid article{min-height:280px;padding:1.5rem;border-right:1px solid var(--web-line);border-bottom:1px solid var(--web-line);background:#fffdf859;transition:background-color .18s ease,transform .18s ease}.included-grid article:hover{position:relative;z-index:1;background:var(--web-paper);transform:translateY(-5px)}.included-grid h3{margin:clamp(4rem,8vw,7rem) 0 .7rem;font-family:var(--font-display);font-size:1.55rem;line-height:1.05}.included-grid p{margin-bottom:0;color:#59636c;font-size:.94rem;line-height:1.5}.web-work{background:var(--web-paper);border-top:1px solid var(--web-line)}.project-list{display:grid;gap:1rem}.project-card{display:grid;align-items:start;overflow:hidden;border:1px solid var(--web-ink);border-radius:.9rem;background:#f1b726;box-shadow:6px 6px 0 var(--web-ink);color:var(--web-ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translate(-2px,-3px);box-shadow:9px 10px 0 var(--web-ink)}.project-card--mint{background:var(--web-mint)}.project-card--cream{background:#e7ded1}.project-card__preview{align-self:center;overflow:hidden;margin:.7rem;border:1px solid rgba(23,32,41,.6);border-radius:.75rem;background:var(--web-ink);box-shadow:0 17px 35px #17202933}.project-card__browser-bar{display:flex;align-items:center;gap:.3rem;height:1.35rem;padding:0 .5rem;background:#e8dfd2}.project-card__browser-bar span{width:.34rem;height:.34rem}.project-card__preview img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top;transition:transform .5s cubic-bezier(.22,1,.36,1)}.project-card:hover img{transform:scale(1.03)}.project-card__copy{display:flex;flex-direction:column;padding:.9rem 1rem 1rem;border-top:1px solid rgba(23,32,41,.35)}.project-card__number{font-family:var(--font-mono);font-size:.65rem}.project-card__copy>p{margin:.85rem 0 .45rem;font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.project-card__copy h3{margin-bottom:.45rem;font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1;letter-spacing:-.04em}.project-card__copy small{max-width:40ch;font-size:.78rem;line-height:1.5}.project-card__copy>strong{display:flex;justify-content:space-between;margin-top:1rem;padding-top:.65rem;border-top:1px solid rgba(23,32,41,.35);font-size:.78rem}.project-card__copy>strong span{font-size:1rem}.web-offer{padding:clamp(5rem,9vw,9rem) 0;background:var(--web-ink);color:var(--web-paper)}.offer-grid{display:grid;gap:clamp(3rem,8vw,8rem);align-items:center}.offer-copy>p:not(.web-section-kicker){max-width:50ch;margin:1.5rem 0 2rem;color:#fffdf8b3;font-size:1.07rem}.offer-copy ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.offer-copy li{display:flex;align-items:center;gap:.7rem}.offer-copy li span{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--web-mint);color:var(--web-ink);font-weight:800}.price-panel{position:relative;padding:clamp(1.5rem,4vw,2.3rem);border:1px solid var(--web-paper);border-radius:1.2rem;background:var(--web-deep);box-shadow:16px 16px 0 var(--web-coral)}.price-panel__main{padding-bottom:1.8rem;border-bottom:1px solid rgba(255,253,248,.22)}.price-panel__main p{margin-bottom:.2rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--web-mint)}.price{display:flex;align-items:flex-start;gap:.2rem;font-family:var(--font-display);line-height:.8}.price small{margin-top:1rem;font-size:1rem}.price strong{font-size:clamp(5.8rem,16vw,9.5rem);letter-spacing:-.08em}.price-panel__main>span{font-size:.82rem;color:#fffdf8a6}.price-panel__maintenance{padding:1.5rem 0}.price-panel__maintenance>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.price-panel__maintenance span{font-size:.85rem;font-weight:700}.price-panel__maintenance strong{font-family:var(--font-display);font-size:1.6rem}.price-panel__maintenance strong small{font-family:var(--font-body);font-size:.65rem;font-weight:500;color:#fffdf8a6}.price-panel__maintenance p{margin:.4rem 0 0;font-size:.8rem;color:#fffdf8a6}.web-button--whatsapp{width:100%;justify-content:space-between;background:#23c75a;color:#071c0f}.web-button--whatsapp:hover{background:#35dc6c}.price-panel__note{display:block;margin-top:1rem;font-size:.66rem;line-height:1.5;color:#fffdf88c}.web-process{background:var(--web-cream)}.process-list{margin:0;padding:0;border-top:1px solid var(--web-line);list-style:none}.process-list li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:clamp(1.5rem,4vw,2.4rem) 0;border-bottom:1px solid var(--web-line)}.process-list h3{margin-bottom:.5rem;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);line-height:1.05}.process-list p{max-width:58ch;margin:0;color:#59636c;line-height:1.5}.web-faq{background:var(--web-paper);border-top:1px solid var(--web-line)}.faq-grid{display:grid;gap:clamp(3rem,7vw,7rem)}.faq-list{border-top:1px solid var(--web-line)}.faq-list details{border-bottom:1px solid var(--web-line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;font-family:var(--font-display);font-size:1.1rem;font-weight:600;line-height:1.25;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:var(--font-mono);font-size:1.3rem;font-weight:400;transition:transform .18s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:62ch;padding:0 2.5rem 1.4rem 0;color:#59636c;line-height:1.6}.web-final-cta{position:relative;overflow:hidden;padding:clamp(5rem,11vw,10rem) 0 2rem;background:var(--web-teal);color:var(--web-paper)}.web-final-cta:before{content:"WEB";position:absolute;right:-.05em;top:-.24em;font-family:var(--font-display);font-size:clamp(10rem,35vw,34rem);font-weight:700;line-height:1;letter-spacing:-.1em;color:#6fffe91a;pointer-events:none}.final-cta__inner{position:relative}.final-cta__inner>p{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--web-mint)}.final-cta__inner h2{max-width:950px;margin-bottom:clamp(2rem,5vw,4rem);font-family:var(--font-display);font-size:clamp(3.2rem,8vw,7.5rem);font-weight:600;line-height:.9;letter-spacing:-.065em}.final-cta__button{display:flex;flex-direction:column;gap:.25rem;padding:clamp(1.1rem,3vw,1.7rem);border:1px solid rgba(255,253,248,.45);border-radius:1rem;background:#23c75a;box-shadow:10px 10px 0 var(--web-ink);color:#071c0f;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.final-cta__button:hover{transform:translate(-3px,-4px);box-shadow:15px 16px 0 var(--web-ink)}.final-cta__button span{font-size:.8rem;font-weight:600}.final-cta__button strong{font-family:var(--font-display);font-size:clamp(1.35rem,4vw,2.7rem);line-height:1}.final-cta__footer{display:flex;justify-content:space-between;gap:1rem;margin-top:clamp(4rem,8vw,7rem);padding-top:1rem;border-top:1px solid rgba(255,253,248,.35);font-family:var(--font-mono);font-size:.68rem}@keyframes web-float-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:700px){.included-grid,.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card__copy{border-top:1px solid rgba(23,32,41,.35);border-left:0}.process-list li{grid-template-columns:5rem minmax(0,1fr)}.final-cta__button{flex-direction:row;align-items:center;justify-content:space-between}}@media(min-width:900px){.web-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)}.web-hero h1{font-size:clamp(4.5rem,6.3vw,6.8rem)}.friction-layout,.faq-grid{grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr)}.web-section-heading--split{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr)}.outcome-track{grid-template-columns:repeat(3,minmax(0,1fr))}.outcome-arrow{display:none}.included-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-list{grid-template-columns:repeat(3,minmax(0,1fr))}.offer-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,.72fr)}.process-list li{grid-template-columns:7rem minmax(0,1fr)}.process-list li>div{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);gap:2rem}}@media(max-width:899px){.web-hero__visual{width:min(92%,600px)}}@media(max-width:580px){.web-hero{min-height:auto;padding-top:3.8rem}.web-hero__actions,.web-button--primary{width:100%}.browser-card{box-shadow:12px 15px #003f52f2,0 25px 50px #1720292e}.browser-card__body{min-height:250px;grid-template-columns:1.2fr .8fr;padding:1.2rem}.browser-card__body h2{font-size:1.65rem}.browser-card__nav div span{display:none}.result-note--search{left:-.8rem}.web-sticker{display:none}.project-card{box-shadow:6px 7px 0 var(--web-ink)}.price-panel{box-shadow:8px 9px 0 var(--web-coral)}.price-panel__maintenance>div,.final-cta__footer{align-items:flex-start;flex-direction:column}.final-cta__button strong{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){.web-hero__visual{animation:none}}