/* Scoped to the approved commercial page; global pages and form remain unchanged. */
.websites-page{--web-blue:#1369B0;background:#fff;color:#081116}.web-shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}.websites-page header{background:#020d13}.websites-page header .shell{width:min(1280px,calc(100% - 96px))}.websites-page .button{border-radius:7px!important;gap:14px;font-size:14px;padding:14px 24px;min-height:50px}.websites-page .primary-action{background:var(--web-blue)!important;border-color:var(--web-blue)!important;box-shadow:none}.websites-page .primary-action:hover{background:#1369B0!important;border-color:#1369B0!important;box-shadow:inset 0 0 0 2px #ffffff70}.websites-page a:focus-visible{outline:3px solid #75bdff;outline-offset:5px}.websites-page h1,.websites-page h2{font-weight:700;letter-spacing:-.045em}.websites-page .eyebrow{font-size:11px;letter-spacing:.19em;margin-bottom:14px}.web-hero{background:#020d13;color:white;position:relative;background-image:var(--websites-hero-image,none);background-size:cover;background-position:center;min-height:630px}.web-hero>.web-shell{position:relative;padding-block:62px 30px}.web-hero-copy{max-width:530px}.web-hero h1{font-size:clamp(40px,4.4vw,62px);line-height:1.01;margin-bottom:24px}.web-hero .eyebrow,.web-hero p{color:#f2f5f7}.web-hero .web-lead{font-size:20px;line-height:1.45;max-width:480px;margin-bottom:24px}.web-actions{display:flex;gap:20px;flex-wrap:wrap}.web-benefits{display:grid;grid-template-columns:repeat(3,1fr);max-width:820px;margin-top:66px;gap:28px}.web-benefits>div{display:flex;align-items:center;gap:24px;padding-right:20px}.web-benefits>div+div{border-left:1px solid #435057;padding-left:28px}.web-benefits svg{width:40px;height:40px;flex-shrink:0}.web-benefits p{margin:0;line-height:1.4;font-size:15px}.web-benefits strong,.web-benefits span{display:block}.web-included{display:grid;grid-template-columns:1.1fr 2.3fr;gap:44px;padding-block:38px}.websites-page h2{font-size:clamp(28px,2.8vw,39px);line-height:1.04;margin-bottom:15px}.web-included>div>p:not(.eyebrow){font-size:16px;line-height:1.55}.web-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.web-cards article{border:1px solid #e5e9ec;border-radius:12px;padding:30px 22px;background:#fff}.web-icon{display:grid;place-items:center;border-radius:50%;background:#020d13;color:#fff;width:68px;height:68px;margin-bottom:20px}.web-icon svg{width:34px;height:34px}.web-cards h3{font-size:15px}.web-cards p{font-size:14px;line-height:1.5;margin:0}.web-projects{border-top:7px solid #071116;padding-block:36px 44px}.web-section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:center;margin-bottom:28px}.web-section-heading>p{font-size:15px;max-width:380px;justify-self:end}.web-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.web-project a{display:block}.web-project a:hover h3{text-decoration:underline;text-underline-offset:4px}.web-devices{position:relative;padding:8px 32px 14px 0;margin-bottom:14px}.web-laptop{background:#050708;border:8px solid #050708;border-radius:12px 12px 3px 3px;position:relative;aspect-ratio:1.6}.web-laptop:after{content:"";position:absolute;left:-7%;bottom:-14px;width:114%;height:8px;background:linear-gradient(#bfc3c6,#666e74);border-radius:1px 1px 60% 60%}.web-laptop img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.web-phone{position:absolute;width:22%;right:0;bottom:0;border:5px solid #0b0e10;border-radius:12px;overflow:hidden;background:#0b0e10;aspect-ratio:390/844}.web-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.web-project h3{font-size:17px;margin-bottom:3px}.web-project p{margin:0;font-size:15px}.web-testimonials{background:#f4f7f8;padding-block:44px}.web-testimonial-layout{display:grid;grid-template-columns:1fr 2fr;gap:44px}.web-testimonial-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.web-testimonial-cards figure{margin:0;background:white;border:1px solid #e5e9ec;border-radius:12px;padding:28px}.web-testimonial-cards img{width:64px;height:64px;border-radius:50%;object-fit:cover}.web-closing{background:#020d13;color:#fff;padding-block:40px}.web-closing>.web-shell{display:flex;justify-content:space-between;align-items:center;gap:40px}.web-closing p{color:#e0e6e8;font-size:18px;max-width:630px;line-height:1.4;margin-bottom:0}.web-closing .eyebrow{font-size:10px;margin-bottom:12px}.web-closing h2{margin-bottom:10px}.web-closing .button{flex-shrink:0}.websites-page #incluido{scroll-margin-top:20px}
@media(max-width:1100px){.web-shell,.websites-page header .shell{width:calc(100% - 64px)}.web-hero-copy{max-width:470px}.web-hero{min-height:570px}.web-hero h1{font-size:48px}.web-included{gap:24px;grid-template-columns:1fr 2fr}.web-cards{gap:12px}.web-cards article{padding:22px 15px}.web-icon{width:56px;height:56px}.web-section-heading{gap:40px}.websites-page .button{font-size:13px;padding:12px 20px}}
@media(max-width:800px){.web-included{grid-template-columns:1fr}.web-cards{grid-template-columns:repeat(4,1fr)}.web-benefits{gap:16px}.web-benefits>div{gap:12px;padding-right:0}.web-benefits>div+div{padding-left:16px}.web-benefits p{font-size:13px}.web-closing>.web-shell{align-items:flex-start;flex-direction:column;gap:24px}.web-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.web-shell,.websites-page header .shell{width:calc(100% - 40px)}.web-hero{min-height:0;background-position:65% top}.web-hero>.web-shell{padding-top:38px}.web-hero-copy{max-width:none}.web-hero h1{font-size:40px}.web-hero .web-lead{font-size:17px}.web-actions{gap:12px}.web-actions .button{width:100%}.web-benefits{gap:12px;margin-top:36px}.web-benefits>div{display:block}.web-benefits>div+div{padding-left:12px}.web-benefits svg{width:28px;height:28px;margin-bottom:10px}.web-benefits p{font-size:12px}.web-cards{grid-template-columns:1fr 1fr;gap:12px}.web-cards article{padding:22px 16px}.web-section-heading{grid-template-columns:1fr;gap:6px}.web-section-heading>p{justify-self:start;margin:0}.web-project-grid{grid-template-columns:1fr;gap:32px}.web-projects{padding-block:32px}.web-testimonial-layout,.web-testimonial-cards{grid-template-columns:1fr}.web-closing p{font-size:16px}.web-closing .button{width:100%}}

/* Only the authorised internal project is displayed until further cases are approved. */
.web-project-grid:has(>.web-project:only-child){grid-template-columns:minmax(0,760px);justify-content:center}.web-project-grid:has(>.web-project:only-child) .web-devices{padding-right:65px}.web-project-grid:has(>.web-project:only-child) .web-phone{width:20%}@media(max-width:600px){.web-project-grid:has(>.web-project:only-child) .web-devices{padding-right:32px}.web-project-grid:has(>.web-project:only-child) .web-phone{width:24%}}

/* Original approved photograph, with a dark text area matching the reference. */
.web-hero{overflow:hidden}.web-hero-photo{position:absolute;inset:0 0 0 auto;width:75%;pointer-events:none}.web-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.web-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020d13 0%,rgba(2,13,19,.82) 12%,rgba(2,13,19,.18) 35%,transparent 55%),linear-gradient(0deg,rgba(2,13,19,.45),transparent 35%)}.web-hero>.web-shell{z-index:1}.web-hero-copy{max-width:530px}.web-benefits{max-width:820px}
@media(min-width:601px) and (max-width:900px){.web-hero-photo{width:80%;opacity:.7}.web-hero-photo:after{background:linear-gradient(90deg,#020d13,rgba(2,13,19,.85) 20%,transparent 80%)}.web-hero-copy{max-width:440px}}
@media(max-width:600px){.web-hero-photo{width:100%;height:auto;aspect-ratio:3/2;inset:0 0 auto}.web-hero-photo img{object-fit:contain}.web-hero-photo:after{background:linear-gradient(0deg,#020d13,transparent 25%)}.web-hero>.web-shell{padding-top:calc(66.6667vw + 16px)}}


/* Illustrative examples from the approved reference. Only the device artwork is cropped;
   headings, descriptions and layout remain semantic HTML. No fictitious client claims. */
.web-examples{background:#fafbfd;padding-block:44px 36px}.web-examples>.web-shell{width:min(1668px,calc(100% - 112px))}.web-examples .web-section-heading{grid-template-columns:1.55fr 1fr;gap:64px;align-items:start;margin-bottom:36px}.web-examples .eyebrow{color:#475b77;font-size:12px;letter-spacing:.34em;margin-bottom:14px}.web-examples h2{font-size:clamp(32px,3.45vw,60px);line-height:1.06;letter-spacing:-.045em;margin:0}.web-examples .web-section-heading>p{font-size:clamp(16px,1.15vw,21px);line-height:1.45;color:#4c607a;max-width:none;margin:26px 0 0}.web-examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.web-example{min-width:0}.web-example-visual{position:relative;aspect-ratio:600/460;margin-inline:-18px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,73% 100%,73% 91%,0 91%)}.web-example-visual img{position:absolute;width:301.1667%;max-width:none;height:auto;top:-53.2609%;pointer-events:none;user-select:none}.example-0 img{left:0}.example-1 img{left:-100%}.example-2 img{left:-200%}.web-example h3{font-size:clamp(22px,1.65vw,29px);line-height:1.15;letter-spacing:-.035em;margin:0 0 5px}.web-example p{color:#4c607a;font-size:clamp(15px,1.08vw,19px);line-height:1.35;margin:10px 0 0}.web-example .web-example-type{font-size:clamp(18px,1.35vw,24px);margin:0}
@media(max-width:800px){.web-examples>.web-shell{width:calc(100% - 48px)}.web-examples .web-section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.web-examples .web-section-heading>p{margin:0}.web-examples-grid{gap:24px}.web-example-visual{margin-inline:-8px}.web-example h3{font-size:21px}}
@media(max-width:600px){.web-examples>.web-shell{width:calc(100% - 40px)}.web-examples-grid{grid-template-columns:1fr;gap:34px}.web-example-visual{margin-inline:-10px}.web-example h3{font-size:25px}.web-example p{font-size:16px}.web-example .web-example-type{font-size:20px}}

html.websites-document{scroll-behavior:smooth}.websites-page .included-arrow{width:18px;height:18px;flex-shrink:0;stroke:#fff;stroke-width:1.7;fill:none}.websites-page .web-actions{flex-wrap:nowrap}.websites-page .web-actions .button{white-space:nowrap}.websites-page .web-actions .button:focus-visible,.websites-page .web-closing .button:focus-visible{outline:3px solid #a9d8ff;outline-offset:5px}@media(max-width:600px){.websites-page .web-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html.websites-document{scroll-behavior:auto}}

/* Approved refinements: wider photographic framing, distinct examples and a wider closing area. */
@media(min-width:901px){
 .web-hero-photo{width:min(75%,1120px)}
 .web-hero-photo img{object-fit:contain;object-position:right center}
}
@media(min-width:601px){
 .web-examples-grid{gap:clamp(36px,4vw,72px)}
 .web-example-visual{margin-inline:0;margin-bottom:14px}
}
@media(min-width:1101px){
 .web-closing>.web-shell,.websites-page footer.home-final-footer>.wrap{width:min(1668px,calc(100% - 112px))}
 .websites-page .home-final-footer .footer-columns{grid-template-columns:1.45fr .9fr 1fr;gap:clamp(48px,5vw,96px)}
 .websites-page .home-final-footer .footer-brand-column p{max-width:440px}
 .websites-page .home-final-footer .footer-contact-column{padding-left:40px}
 .web-closing>.web-shell{gap:64px}
}
/* Final approved service composition. */
.websites-page .web-hero .primary-action{background:transparent!important;border-color:#c7d2d8!important;color:#fff!important}
.websites-page .web-hero .primary-action:hover{background:#ffffff15!important;box-shadow:none}
.websites-page .web-actions>a+ a{border-color:#86969f;background:transparent}
.web-examples{border-top:0;background:#f2f6f8}
.web-examples h2{font-size:clamp(28px,2.75vw,42px)}
.web-examples .web-section-heading{grid-template-columns:2fr 1fr;gap:64px;align-items:center}
.web-examples .web-section-heading>p{font-size:16px;margin:0}
.web-example h3{font-size:23px}.web-example p{font-size:16px}.web-example .web-example-type{font-size:18px}
.web-process{padding:44px 0 28px;background:linear-gradient(130deg,#edf6fa,#fff 48%,#f3f8fb);border-top:1px solid #fff}
.web-process>.web-shell{display:grid;grid-template-columns:1.2fr 1.65fr;gap:20px 52px}
.web-process h2{font-size:clamp(27px,2.4vw,36px);line-height:1.2}
.web-process p{font-size:16px;line-height:1.55;color:#586b78}
.web-process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;margin:16px 0 0;padding:0}
.web-process-steps li{position:relative}.web-process-steps li+li:before{content:'›';position:absolute;left:-26px;top:72px;font-size:30px;color:#586b78}
.step-symbol{display:flex;align-items:center;gap:22px;margin-bottom:22px}.step-symbol span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#071116;color:white;font-size:13px}.step-symbol svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.5}
.web-process h3{font-size:18px;margin-bottom:8px}
.websites-page .web-process-action{grid-column:1/-1;justify-self:center;background:transparent;color:#1369B0;border:1px solid #1369B0;min-width:240px}
.websites-page .web-process-action:hover{background:#e8f2fa}
.websites-page header .primary-action{color:#fff!important}
@media(min-width:1101px){.web-process>.web-shell{width:min(1668px,calc(100% - 112px))}}
@media(max-width:800px){.web-process>.web-shell{grid-template-columns:1fr}.web-examples .web-section-heading{grid-template-columns:1fr;gap:16px}.web-process-steps{gap:30px}}
@media(max-width:600px){.web-process-steps{grid-template-columns:1fr;gap:24px}.web-process-steps li+li:before{content:none}.step-symbol{margin-bottom:12px}.websites-page .web-process-action{width:100%}}
/* Override the shared neutral-button rule only for this approved service CTA. */
.websites-page .web-process .web-process-action{color:#1369B0!important;border-color:#1369B0!important;background:transparent!important}
.websites-page .web-process .web-process-action:hover{background:#e8f2fa!important}
.web-example-visual img{mix-blend-mode:multiply}