.hero{max-width:1240px;min-height:650px;gap:40px;overflow:hidden}.hero h1{max-width:12ch}.project-collage{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:25px 0;transform:rotate(-7deg);position:relative}.project-collage:before{content:"";position:absolute;inset:-50px;background:radial-gradient(ellipse,#d9b6f4,transparent 68%);z-index:-1}.hero .project-collage img,.project-collage img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border:5px solid #fff;border-radius:12px;box-shadow:0 15px 25px #32174629}.project-collage img:nth-child(even){transform:translateY(24px)}.web-example{display:block;text-decoration:none;background:#fff;border-radius:22px;overflow:hidden;border:1px solid #e3d8e8;transition:transform .25s}.web-example:hover{transform:translateY(-5px)}.example-screen{background:#e7e9df;padding:26px 18px}.web-example:nth-child(2) .example-screen{background:#e2effc}.web-example:nth-child(3) .example-screen{background:#f0e3f8}.example-screen img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top;border:5px solid #26222c;border-radius:9px;box-shadow:0 13px 15px #0002}.web-example h3{margin:20px 22px 6px;font-size:25px}.web-example p{margin:0 22px 24px;font-size:13px;color:#706776}.web-process{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;margin-top:38px}.process-wheel svg{width:100%;height:auto;font-family:var(--display)}.web-process .steps{grid-template-columns:1fr;gap:13px}.web-process .box{display:grid;grid-template-columns:36px 1fr;padding:18px 20px;gap:0 13px;align-items:start}.web-process .box:before{grid-row:1/3;width:31px;height:31px;border-radius:50%;background:#ba41f7;color:white;display:grid;place-items:center;font-size:12px}.web-process .box:nth-child(2n):before{background:#eccc2d;color:#19131c}.web-process .box:nth-child(3n):before{background:#682198;color:#fff}.web-process h3{margin:0 0 4px;font-size:19px}.web-process p{margin:0;color:#6c6273;font-size:13px;line-height:1.6}#proyectos{padding:80px 24px}.web-cta{position:relative;isolation:isolate;overflow:hidden;padding:85px 35px}.web-cta>.project-collage{position:absolute;inset:-60% -5%;grid-template-columns:repeat(3,1fr);opacity:.25;z-index:-2;transform:rotate(-12deg);pointer-events:none}.web-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#1b0b30e8,#331148b8);z-index:-1}.web-cta h2{max-width:650px;margin:0 auto}.web-cta p{color:#f0e6f7}.brand-banner{line-height:1.3}.brand-banner h3{font-family:var(--sans)}
@media(max-width:760px){.hero{min-height:0}.hero h1{max-width:14ch}.hero .project-collage{margin:0 10px 10px;gap:10px}.project-collage img{border-width:3px;border-radius:7px}.web-process{grid-template-columns:1fr;gap:22px}.process-wheel{max-width:320px;margin:auto}.web-process .box{padding:16px}.web-cta{padding:54px 22px}.web-cta>.project-collage{inset:-10% -80%;opacity:.3}#proyectos{padding:52px 22px}.foot .foot-brand svg{width:185px}}
.web-cta>.project-collage{opacity:.6}.web-cta:after{background:linear-gradient(110deg,#1b0b30e0,#331148aa)}

/* Continuous canvas, no rectangular backgrounds on constrained sections. */
body{background:#fcfaf6}body>main{background-color:#fcfaf6;background-image:radial-gradient(circle at 1px 1px,#9855bf20 1px,transparent 1.5px);background-size:28px 28px}body>main>section,body>main>.tint,body>main>#proyectos{background:transparent!important;box-shadow:none;border:0}
.web-example{display:flex;flex-direction:column}.example-screen{display:block}.web-plan{padding:0 22px 24px;margin-top:auto}.web-plan .plan-price{margin:0 0 16px;color:#8421bb;font-weight:700;font-size:22px}.web-plan summary{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f4e8fb;color:#7d22ab;border-radius:12px;cursor:pointer;font-weight:600;list-style:none}.web-plan summary::-webkit-details-marker{display:none}.web-plan details[open] summary span{transform:rotate(45deg)}.plan-includes h4{margin:20px 0 12px}.plan-includes ul{padding-left:18px;font-size:13px}.plan-includes li{margin-bottom:9px}.web-plan .plan-includes p{margin:14px 0;font-size:12px;line-height:1.6}.web-plan .plan-includes .plan-note{color:#817688}.plan-book{display:block;text-align:center;margin-top:18px;font-size:14px}.process-spin{transform-origin:220px 220px;animation:process-turn 36s linear infinite}@keyframes process-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.process-spin{animation:none}}
.grid:has(>.web-example){align-items:start}.web-plan{margin-top:0}

/* Full-width section palettes and quiet brand line art. */
body>main{overflow:clip;background:#fcfaf6}
body>main>section{position:relative;isolation:isolate;overflow:visible}
body>main>section::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-color:var(--section-tone,#fcfaf6);background-image:var(--section-art),radial-gradient(circle at 1px 1px,#9855bf19 1px,transparent 1.5px);background-size:440px 360px,30px 30px;background-position:right top,center;background-repeat:no-repeat,repeat}
body>main>.hero{--section-tone:#fcfaf6;--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22440%22%20height%3D%22360%22%20viewBox%3D%220%200%20440%20360%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23924ac0%22%20stroke-width%3D%221.4%22%20opacity%3D%22.18%22%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%2290%22%20r%3D%22140%22/%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%2290%22%20r%3D%22110%22/%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%2290%22%20r%3D%2280%22/%3E%3Cpath%20d%3D%22M20%20290h80m-40-40v80%22/%3E%3C/g%3E%3C/svg%3E")}
body>main>section:nth-of-type(2){--section-tone:#f2ecfa;--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22440%22%20height%3D%22360%22%20viewBox%3D%220%200%20440%20360%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23924ac0%22%20stroke-width%3D%221.4%22%20opacity%3D%22.18%22%3E%3Crect%20x%3D%22110%22%20y%3D%2270%22%20width%3D%22270%22%20height%3D%22195%22%20rx%3D%2218%22/%3E%3Cpath%20d%3D%22M110%20105h270M135%2087h4m10%200h4m10%200h4M135%20135h70m-70%2018h105%22/%3E%3Crect%20x%3D%22250%22%20y%3D%22170%22%20width%3D%2285%22%20height%3D%22150%22%20rx%3D%2214%22/%3E%3Cpath%20d%3D%22M280%20185h25M145%20305h65%22/%3E%3C/g%3E%3C/svg%3E")}
body>main>.tint{--section-tone:#f6f0e3;--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22440%22%20height%3D%22360%22%20viewBox%3D%220%200%20440%20360%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23924ac0%22%20stroke-width%3D%221.4%22%20opacity%3D%22.18%22%3E%3Cpath%20d%3D%22M40%20260h100V160h120V70h130%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%22260%22%20r%3D%2212%22/%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22160%22%20r%3D%2212%22/%3E%3Ccircle%20cx%3D%22260%22%20cy%3D%2270%22%20r%3D%2212%22/%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%2270%22%20r%3D%2212%22/%3E%3C/g%3E%3C/svg%3E")}
body>main>.deliver{--section-tone:#edf4f1;--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22440%22%20height%3D%22360%22%20viewBox%3D%220%200%20440%20360%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23924ac0%22%20stroke-width%3D%221.4%22%20opacity%3D%22.18%22%3E%3Crect%20x%3D%22110%22%20y%3D%2270%22%20width%3D%22270%22%20height%3D%22195%22%20rx%3D%2218%22/%3E%3Cpath%20d%3D%22M110%20105h270M135%2087h4m10%200h4m10%200h4M135%20135h70m-70%2018h105%22/%3E%3Crect%20x%3D%22250%22%20y%3D%22170%22%20width%3D%2285%22%20height%3D%22150%22%20rx%3D%2214%22/%3E%3Cpath%20d%3D%22M280%20185h25M145%20305h65%22/%3E%3C/g%3E%3C/svg%3E")}
body>main>#proyectos{--section-tone:#faf7fd;--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22440%22%20height%3D%22360%22%20viewBox%3D%220%200%20440%20360%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23924ac0%22%20stroke-width%3D%221.4%22%20opacity%3D%22.18%22%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%2290%22%20r%3D%22140%22/%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%2290%22%20r%3D%22110%22/%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%2290%22%20r%3D%2280%22/%3E%3Cpath%20d%3D%22M20%20290h80m-40-40v80%22/%3E%3C/g%3E%3C/svg%3E")}
body>main>section:last-child{--section-tone:#eee5f6;--section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22440%22%20height%3D%22360%22%20viewBox%3D%220%200%20440%20360%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23924ac0%22%20stroke-width%3D%221.4%22%20opacity%3D%22.18%22%3E%3Cpath%20d%3D%22M40%20260h100V160h120V70h130%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%22260%22%20r%3D%2212%22/%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22160%22%20r%3D%2212%22/%3E%3Ccircle%20cx%3D%22260%22%20cy%3D%2270%22%20r%3D%2212%22/%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%2270%22%20r%3D%2212%22/%3E%3C/g%3E%3C/svg%3E")}
@media(max-width:760px){body>main>section::before{background-size:240px 196px,30px 30px;background-position:right top,center}}