/* Web service: concise copy, illustrated scope and real project mockups. */
.web-service-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-top:65px;padding-bottom:65px}.web-hero-copy .breadcrumb{display:inline-block;margin-bottom:24px}.web-hero-copy .eyebrow{margin-bottom:22px}.web-hero-copy h1{font-size:clamp(42px,4.8vw,70px);line-height:1.06;letter-spacing:-.06em}.web-hero-copy .lead{font-size:20px;max-width:490px;margin-top:26px;line-height:1.6}.web-hero-copy .actions{margin-top:28px;gap:22px;flex-wrap:wrap}.web-hero-art{height:430px;position:relative;min-width:0;isolation:isolate}.web-hero-orbit{position:absolute;width:340px;height:340px;border-radius:50%;background:#fc176b;left:7%;top:35px;box-shadow:25px 20px 0 #f2e3c8}.web-concept-window{position:absolute;left:4%;right:3%;top:70px;transform:rotate(-6deg);border:2px solid #192c31;background:#fff;border-radius:10px;box-shadow:14px 18px 0 #192c31;overflow:hidden;z-index:2}.web-window-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#e9ede4;border-bottom:2px solid #192c31;font-size:10px;color:#192c31}.web-window-bar>span:first-child{letter-spacing:4px;font-size:8px}.web-concept-content{padding:25px 24px 30px}.web-concept-label{font:700 10px/1 var(--font);letter-spacing:.2em;color:#50635d}.web-concept-content>strong{display:block;font:700 clamp(25px,2.4vw,36px)/1.08 var(--font);letter-spacing:-.055em;margin:17px 0;color:#193433}.web-concept-columns{display:flex;gap:10px;margin:24px 0 20px}.web-concept-columns i{height:47px;flex:1;background:#dce9e0;border-radius:5px}.web-concept-columns i:nth-child(2){background:#c7f145}.web-concept-columns i:nth-child(3){background:#f2d3df}.web-concept-cta{display:inline-block;padding:8px 13px;font-size:11px;background:#192c31;color:#fff;border-radius:4px}.web-hero-chip{position:absolute;z-index:3;padding:10px 16px;font-size:12px;line-height:1.3;font-weight:700;color:#172f30;background:#c7f145;box-shadow:4px 7px 12px #1635311c;border-radius:5px}.web-chip-one{right:1%;top:26px;transform:rotate(6deg)}.web-chip-two{left:0;bottom:14px;transform:rotate(-8deg)}.web-chip-three{right:1%;bottom:2px;transform:rotate(5deg);background:#fff;border:1px solid #cdd7d0}.web-fit-strip{padding:30px 0 42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.web-fit-strip .eyebrow{margin-bottom:20px}.web-fit-strip>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.web-fit-strip>div>span{font-size:16px;line-height:1.5;color:#233a35;padding-left:17px;border-left:3px solid var(--pink);max-width:300px}.web-capabilities{padding-top:75px;padding-bottom:65px}.web-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 25px}.web-capability{background:#fff;border:1px solid #deded4;border-radius:8px;overflow:hidden;min-width:0;padding-bottom:25px}.web-capability-art{position:relative;display:flex;justify-content:center;align-items:center;background:#e9eee3;min-height:185px;padding:20px 25px;color:#203c3d;border-bottom:1px solid #e1e4dc;isolation:isolate}.web-capability-art:before{content:'';position:absolute;width:125px;height:125px;background:#c7f145;border-radius:50%;left:calc(50% - 62px);top:30px;z-index:-1}.web-capability-interface .web-capability-art{background:#f6e7ec}.web-capability-interface .web-capability-art:before{background:#f5b2ca}.web-capability-pages .web-capability-art{background:#e1eceb}.web-capability-pages .web-capability-art:before{background:#bad8d3}.web-capability-landing .web-capability-art{background:#f3eadb}.web-capability-landing .web-capability-art:before{background:#e7d3a8}.web-capability-code .web-capability-art{background:#e5e8f0}.web-capability-code .web-capability-art:before{background:#c5cce2}.web-capability-integrations .web-capability-art{background:#edf0dd}.web-capability-art>svg{position:relative;width:240px;max-width:85%;height:155px;flex-shrink:0}.web-icon-accent{fill:#fff}.web-capability-number{position:absolute;left:18px;top:15px;font-size:11px;letter-spacing:.06em;color:#42594e;font-weight:700}.web-capability h3{font:700 23px/1.2 var(--font);letter-spacing:-.035em;margin:24px 24px 12px;color:#192e2b}.web-capability>p{font-size:15px;line-height:1.55;margin:0 24px;color:#5b675e;max-width:290px}.web-outcomes{padding:10px 0 55px}.web-outcomes .eyebrow{margin-bottom:20px}.web-outcomes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.web-outcomes strong{font:600 28px/1.14 var(--font);letter-spacing:-.035em;color:#243d37;padding-top:22px;border-top:1px solid var(--line)}.web-examples{padding-top:40px;padding-bottom:85px}.web-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.web-project-card{display:block;min-width:0}.web-project-card:focus-visible{outline:3px solid var(--pink);outline-offset:7px;border-radius:8px}.web-project-mock{position:relative;isolation:isolate;aspect-ratio:3/2;width:100%;min-width:0;background:var(--project-tone,#e0e7e1);overflow:hidden;border-radius:8px;pointer-events:none}.web-project-mock:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#fff5,transparent 50%,#163a361a);z-index:-1}.web-project-laptop{position:absolute;width:81%;left:7%;top:14%;transform:rotate(-4deg);z-index:2}.web-project-lid{position:relative;border:2px solid #677577;border-radius:10px 10px 4px 4px;padding:10px 9px 12px;background:linear-gradient(130deg,#526066,#101a20 25%);box-shadow:8px 15px 22px #193c3c40}.web-project-lid:before{content:'';position:absolute;left:50%;top:3px;width:3px;height:3px;background:#75848a;border-radius:50%}.web-mock-viewport{position:relative;aspect-ratio:16/10;width:100%;overflow:hidden;border-radius:3px;background:#fff}.web-mock-viewport iframe{position:absolute;left:0;top:0;width:1440px;height:900px;max-width:none;border:0;transform-origin:0 0;pointer-events:none}.web-project-base{position:relative;width:114%;left:-7%;height:11px;border-radius:0 0 22px 22px;background:linear-gradient(#e4ebed,#a7b4ba);box-shadow:8px 12px 19px #193a3c48}.web-project-base:before{content:'';position:absolute;left:43%;right:43%;height:4px;top:0;background:#819297;border-radius:0 0 4px 4px}.web-project-phone{position:absolute;right:5%;top:32%;width:20%;height:59%;background:#17232b;border:2px solid #7f8f96;border-radius:17px;padding:6px;box-shadow:7px 10px 17px #12313e50;transform:rotate(7deg);z-index:4}.web-project-phone:before{content:'';position:absolute;width:28%;height:6px;top:3px;left:36%;background:#17232b;border-radius:5px;z-index:2}.web-project-phone .web-mock-viewport{width:100%;height:100%;aspect-ratio:auto;border-radius:11px}.web-project-phone iframe{width:390px;height:850px}.web-project-logo{position:absolute;width:31%;height:19%;left:5%;bottom:7%;padding:9px 13px;background:#fff;border-radius:3px;display:grid;place-items:center;transform:rotate(-7deg);box-shadow:5px 9px 12px #19493f24;z-index:4}.web-project-logo img{width:100%;height:100%;object-fit:contain;max-height:100%;min-height:0}.web-mock-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:top}.web-project-jbn .web-project-laptop,.web-project-finanzas-sanas .web-project-laptop{width:84%;left:8%;top:12%}.web-project-jbn .web-mock-image,.web-project-finanzas-sanas .web-mock-image{display:flex;align-items:center;background:#f4f2ee}.web-project-jbn .web-mock-image img,.web-project-finanzas-sanas .web-mock-image img{height:100%;object-fit:contain}.web-project-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:18px}.web-project-caption p{font-size:12px;line-height:1.4;color:#59645c;margin:0 0 9px}.web-project-caption h3{font-size:27px;line-height:1.15;color:#1c302d;letter-spacing:-.035em}.web-project-caption>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid #b5beb6;border-radius:50%;flex-shrink:0;font-size:22px;color:#203e34}.web-project-card:hover .web-project-caption>span{background:var(--lime);border-color:var(--lime)}
@media(max-width:1000px){.web-service-hero{gap:30px;padding-top:45px}.web-hero-copy h1{font-size:49px}.web-hero-art{height:390px}.web-hero-orbit{width:270px;height:270px;top:50px;left:12%}.web-concept-content{padding:22px 20px}.web-concept-content>strong{font-size:27px}.web-hero-chip{font-size:10px;padding:8px 12px}.web-capability-grid{gap:18px}.web-capability h3{font-size:21px;margin-left:20px;margin-right:20px}.web-capability>p{margin:0 20px;font-size:14px}.web-project-grid{gap:32px 20px}}
@media(max-width:700px){.web-service-hero{grid-template-columns:1fr;gap:28px;padding-top:35px;padding-bottom:45px}.web-hero-copy h1{font-size:clamp(40px,10vw,56px)}.web-hero-copy .lead{font-size:18px}.web-hero-art{height:375px;width:100%;max-width:470px;margin:auto}.web-concept-window{left:4%;right:4%;top:56px}.web-concept-content>strong{font-size:30px}.web-hero-orbit{width:280px;height:280px;left:17%;top:20px}.web-chip-one{top:4px;right:5%}.web-chip-two{bottom:10px}.web-chip-three{bottom:0;right:2%}.web-fit-strip>div{grid-template-columns:1fr;gap:20px}.web-fit-strip{padding-top:25px;padding-bottom:30px}.web-fit-strip>div>span{font-size:15px;max-width:none}.web-capabilities{padding-top:45px;padding-bottom:35px}.web-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.web-capability-art{min-height:145px;padding:15px 10px}.web-capability-art:before{width:100px;height:100px;left:calc(50% - 50px);top:23px}.web-capability-art>svg{height:125px;max-width:100%}.web-capability-number{font-size:9px;top:10px;left:12px}.web-capability h3{font-size:20px;margin:18px 17px 10px}.web-capability>p{font-size:13px;margin:0 17px}.web-capability{padding-bottom:22px}.web-outcomes>div{grid-template-columns:1fr;gap:19px}.web-outcomes strong{font-size:26px;padding-top:17px}.web-outcomes{padding-bottom:30px}.web-project-grid{grid-template-columns:1fr;gap:34px}.web-examples{padding-top:30px;padding-bottom:55px}.web-project-caption h3{font-size:26px}.web-project-caption p{font-size:12px}.web-project-phone{border-radius:16px}.web-project-caption>span{width:36px;height:36px}}
@media(max-width:380px){.web-capability-grid{grid-template-columns:1fr}.web-capability-art{min-height:175px}.web-capability-art>svg{height:145px}.web-capability h3{font-size:23px}.web-capability>p{font-size:15px}.web-hero-art{height:360px}.web-concept-content>strong{font-size:26px}.web-hero-orbit{width:245px;height:245px;left:12%}.web-chip-two{bottom:15px}.web-project-logo{padding:6px 9px}}
.web-archive-art{background:#eeede7}.web-archive-art>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* Cubito web hero: keep the complete illustration visible on every screen. */
.web-service-hero{grid-template-columns:.95fr 1.25fr;gap:38px}.web-hero-art.web-hero-cubito{height:auto;aspect-ratio:1672/941;width:100%;max-width:none;margin:0;border-radius:20px;overflow:hidden;background:#f5f3ed}.web-hero-cubito>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:1000px){.web-service-hero{gap:26px;grid-template-columns:1fr 1.2fr}.web-hero-copy h1{font-size:clamp(38px,4.8vw,49px)}}
@media(max-width:700px){.web-service-hero{grid-template-columns:minmax(0,1fr);gap:28px}.web-hero-art.web-hero-cubito{border-radius:14px;max-width:650px;margin:0 auto}.web-hero-copy h1{font-size:clamp(40px,10vw,56px)}}