.service-detail-page [hidden] {display:none!important}
.detail-hero {position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 42%,#16496b55,transparent 54%),#031522;color:#fff}
.detail-hero-inner {position:relative;display:flex;align-items:center;width:min(100%,1360px);min-height:485px;margin:auto;padding:38px 48px 45px}
.detail-hero-copy {position:relative;z-index:1;width:58%;max-width:710px}
.detail-hero .back-to-catalog {margin-bottom:30px}
.detail-hero .services-eyebrow {max-width:590px;margin-bottom:12px;font-size:10px;letter-spacing:1.6px}
.detail-hero h1 {max-width:700px;margin:0;color:#f7f9fc;font:750 clamp(37px,3.8vw,53px)/1.09 "Segoe UI",Arial,sans-serif;letter-spacing:-1.7px;overflow-wrap:break-word}
.detail-lead {max-width:625px;margin:20px 0 23px;color:#d5e3ed;font-size:16px;line-height:1.7}
.detail-explore {display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:24px;padding:0 22px;border:1px solid #ff6414;border-radius:11px;background:#ff6414;color:#061a30;text-decoration:none;font-size:13px;font-weight:700;transition:transform .2s ease,background .2s ease}
.detail-explore:hover {transform:translateY(-2px);background:#ff884b}
.detail-explore span {font-size:18px}
.detail-hero-art {position:absolute;right:-26px;bottom:25px;width:54%;height:auto;max-height:410px;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 20%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%)}
.detail-container {width:min(100%,1280px);margin:auto;padding:46px 36px}
.detail-container>.services-kicker {margin-bottom:10px}
.detail-container>h2 {max-width:840px;margin:0;color:#071a30;font-size:32px;line-height:1.2;letter-spacing:-.9px}
.detail-overview-layout {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:54px;align-items:start;margin-top:24px}
.detail-overview-copy p {margin:0;color:#455c70;font-size:14px;line-height:1.8}
.detail-overview-copy p+p {margin-top:14px}
.detail-audience {position:relative;padding:25px 25px 26px;border:1px solid #dfe7ee;border-left:3px solid #c74600;border-radius:0 14px 14px 0;background:linear-gradient(135deg,#fff,#eff4f8)}
.detail-audience svg {width:26px;height:26px;margin-bottom:11px;color:#254c6c}
.detail-audience h3 {margin:0 0 10px;color:#112f4b;font-size:17px;letter-spacing:-.2px}
.detail-audience p {margin:0;color:#526174;font-size:13px;line-height:1.75}
.detail-applications {background:#fff;border-top:1px solid #e5ebf0;border-bottom:1px solid #e5ebf0}
.detail-applications .detail-container {padding-top:38px;padding-bottom:32px}
.detail-application-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}
.detail-application {padding:22px 22px 23px;border:1px solid #e1e8ee;border-radius:14px;background:linear-gradient(150deg,#fbfdff,#f3f7fa)}
.detail-application>svg {width:27px;height:27px;margin-bottom:14px;color:#244c6b}
.detail-application h3 {margin:0 0 9px;color:#112e49;font-size:16px;line-height:1.35;letter-spacing:-.2px}
.detail-application p {margin:0;color:#526174;font-size:13px;line-height:1.7}
.detail-scope-note {margin:19px 0 0;color:#53697d;font-size:11px;line-height:1.6}
.service-detail-page .plans-section {margin:0;padding:39px 0 0;scroll-margin-top:25px}
.service-detail-page .plans-panel {margin:0 auto}
.service-detail-page .plans-intro .services-kicker {margin-bottom:8px;color:var(--orange-contrast);font-size:10px}
.service-detail-page .plans-intro h2 {margin:0;color:#061a30;font-size:28px;line-height:1.25;letter-spacing:-.7px}
.service-detail-page .plans-intro>p:last-child {max-width:730px}
.plan-scope-label {margin:13px 0 0;color:#526174;font-size:10px;font-weight:650;letter-spacing:.25px}
.service-detail-page .plan-feature {margin-top:6px;min-height:91px}
.detail-terms {padding-top:22px;padding-bottom:40px}
.detail-terms .terms-copy {grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.detail-terms .terms-copy>div {gap:10px}
.detail-terms .terms-copy>div+div {padding-left:19px}
.detail-terms .terms-copy>div>svg {width:22px;height:22px;flex-basis:22px}
.detail-contact-row {display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding-top:25px;border-top:1px solid #e0e7ee}
.detail-contact-row h3 {margin:0;color:#14304a;font-size:22px;line-height:1.3;letter-spacing:-.5px}
.detail-contact-row p {margin:7px 0 0;color:#526174;font-size:13px;line-height:1.6}
.detail-contact-row .services-whatsapp {flex-shrink:0}
.service-route-error {width:min(calc(100% - 40px),1020px);min-height:50vh;margin:0 auto;padding:70px 25px}
.service-route-error h1 {margin:0 0 20px;color:#061a30;font-size:clamp(32px,5vw,48px);letter-spacing:-1px;line-height:1.15}
.service-route-error>p:not(.services-kicker) {max-width:650px;margin:0 0 25px;color:#526174;font-size:16px;line-height:1.7}
@media(max-width:1100px) {
 .detail-hero-inner {padding-right:35px;padding-left:35px;min-height:460px}
 .detail-hero-copy {width:58%}
 .detail-hero h1 {font-size:43px}
 .detail-lead {font-size:15px}
 .detail-hero-art {right:0;width:50%;opacity:.86}
 .detail-container {padding:38px 32px}
 .detail-overview-layout {gap:30px}
 .detail-terms .terms-copy {grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
 .detail-terms .terms-copy>div+div {padding-left:0;border-left:0}
 .detail-terms .terms-copy>div:nth-child(2n) {padding-left:20px;border-left:1px solid #e4eaf0}
}
@media(max-width:800px) {
 .detail-hero-inner {min-height:455px;padding-right:28px;padding-left:28px}
 .detail-hero-copy {width:58%}
 .detail-hero h1 {font-size:39px;letter-spacing:-1px}
 .detail-hero .services-eyebrow {font-size:9px}
 .detail-lead {font-size:14px}
 .detail-hero-art {width:48%;right:0;opacity:.7}
 .detail-overview-layout {grid-template-columns:1fr;gap:23px}
 .detail-container>h2 {font-size:29px}
 .detail-audience {padding:21px 24px}
 .detail-audience svg {float:left;margin:0 16px 35px 0}
 .detail-application-grid {gap:12px}
 .detail-application {padding:20px 17px}
 .detail-application h3 {font-size:15px}
 .detail-application p {font-size:12px}
 .detail-terms .terms-copy>div+div {padding-top:0;border-top:0}
 .detail-contact-row {align-items:flex-start;flex-direction:column;gap:20px}
 .service-detail-page .plan-feature {min-height:72px}
}
@media(max-width:600px) {
 .detail-hero-inner {display:block;min-height:0;padding:24px 22px 0}
 .detail-hero-copy {width:100%;max-width:none}
 .detail-hero .back-to-catalog {margin-bottom:22px}
 .detail-hero .services-eyebrow {font-size:9px;letter-spacing:1.25px}
 .detail-hero h1 {font-size:36px;letter-spacing:-1.1px}
 .detail-lead {font-size:14px;margin:17px 0 21px;line-height:1.7}
 .detail-explore {font-size:12px;min-height:45px}
 .detail-hero-art {display:block;position:relative;right:auto;bottom:auto;width:calc(100% + 24px);max-width:none;max-height:none;margin:10px -12px 0;opacity:1;mask-image:linear-gradient(180deg,transparent,#000 9%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%)}
 .detail-container {padding:31px 23px}
 .detail-container>h2 {font-size:27px;letter-spacing:-.7px}
 .detail-overview-layout {margin-top:20px;gap:21px}
 .detail-overview-copy p {font-size:13px;line-height:1.8}
 .detail-audience {padding:21px}
 .detail-audience h3 {font-size:16px}
 .detail-audience p {font-size:12px}
 .detail-audience svg {float:none;margin:0 0 12px}
 .detail-applications .detail-container {padding-top:30px;padding-bottom:29px}
 .detail-application-grid {grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}
 .detail-application {padding:21px}
 .detail-application>svg {float:left;width:25px;height:25px;margin:0 13px 30px 0}
 .detail-application h3 {font-size:16px}
 .detail-application p {font-size:12px}
 .detail-scope-note {font-size:10px;margin-top:15px}
 .service-detail-page .plans-section {padding-top:28px;scroll-margin-top:18px}
 .service-detail-page .plans-intro h2 {font-size:25px;letter-spacing:-.7px}
 .service-detail-page .plan-feature {min-height:0;margin-bottom:21px}
 .detail-terms .terms-copy {grid-template-columns:minmax(0,1fr);gap:19px}
 .detail-terms .terms-copy>div+div,.detail-terms .terms-copy>div:nth-child(2n) {padding:17px 0 0;border-left:0;border-top:1px solid #e4eaf0}
 .detail-contact-row {margin-top:24px;padding-top:23px}
 .detail-contact-row h3 {font-size:22px}
 .detail-contact-row p {font-size:12px}
 .detail-contact-row .services-whatsapp {width:100%;font-size:12px;padding-right:12px;padding-left:12px}
 .service-route-error {width:100%;padding:49px 23px;min-height:55vh}
}
@media(prefers-reduced-motion:reduce) {
 .detail-explore {transition:none}
 .detail-explore:hover {transform:none}
}

/* Web-only comparison. The other thirteen service layouts retain their styles. */
.web-plans .plans-panel {padding:36px 28px 28px;background:#f5f8fa}
.service-detail-page .web-plans .plans-intro {max-width:960px;margin-bottom:30px}
.service-detail-page .web-plans .plans-intro h2 {max-width:900px;font-size:clamp(30px,3.1vw,45px);line-height:1.13;letter-spacing:-1.5px}
.web-plans .plans-intro h2 em {color:#bd4300;font-style:normal}
.service-detail-page .web-plans .plans-intro>p:last-child {max-width:800px;margin-top:16px;font-size:15px;line-height:1.75}
.web-plans .web-plan-grid {gap:16px}
.wp-plan {display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #dce4eb;border-radius:19px;background:#fff;box-shadow:0 10px 26px #09233c09}
.wp-plan.is-previewed {border-color:#c74600;box-shadow:inset 0 4px #ff6414,0 12px 30px #061a3009}
.wp-plan-body {display:flex;flex:1;flex-direction:column;padding:23px 19px 15px}
.wp-number {min-height:32px;margin:0;color:#536b80;font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.65px}
.wp-plan-title {margin:12px 0 4px;color:#071d31;font-size:24px;line-height:1.25;font-weight:750;letter-spacing:-.7px}
.wp-plan-label {min-height:34px;margin:0 0 16px;color:#b83f00;font-size:10px;line-height:1.65;letter-spacing:.65px;text-transform:uppercase;font-weight:700}
.wp-question {min-height:100px;margin:0 0 14px;color:#102d45;font-size:17px;line-height:1.45;font-weight:700;letter-spacing:-.3px}
.wp-explain {min-height:156px;margin:0;color:#435c70;font-size:13px;line-height:1.75}
.wp-scope-title {margin:20px 0 0;padding-top:17px;border-top:1px solid #dde5eb;color:#536b80;font-size:10px;line-height:1.5;letter-spacing:1px;text-transform:uppercase;font-weight:700}
.wp-scope {display:flex;flex-direction:column;gap:11px;margin:13px 0 0;padding:0;list-style:none}
.wp-scope li {display:flex;gap:8px;color:#233e54;font-size:12.5px;line-height:1.55}
.wp-scope li::before {flex-shrink:0;color:#bd4300;font-weight:800;content:'✓'}
.wp-plan-bottom {padding:18px 19px 17px;border-top:1px solid #dde5eb}
.wp-price-prefix {margin:0 0 3px;color:#52697b;font-size:11px;line-height:1.5;font-weight:600}
.wp-price {margin:0;color:#071d31;font-size:clamp(25px,2vw,30px);line-height:1.2;font-weight:750;letter-spacing:-1px;white-space:nowrap}
.wp-currency {margin:4px 0 16px;color:#52697b;font-size:11px;line-height:1.5}
.web-plans .plan-action {min-height:45px;margin:0;padding:8px;font-size:12px;line-height:1.5}
.wp-plan.is-previewed .plan-action {border-color:#ff6414;background:#ff6414;color:#061a30}
.wp-plan.is-previewed .plan-action:hover {border-color:#ff884b;background:#ff884b}
.wp-preview-trigger {display:block;width:100%;min-height:44px;margin-top:5px;padding:10px 0 0;border:0;background:transparent;color:#174464;font:650 11.5px/1.5 "Segoe UI",Arial,sans-serif;cursor:pointer;text-align:center;transition:color .2s ease}
.wp-preview-trigger:hover {color:#b83f00}
.web-plans a:focus-visible,.wp-preview-trigger:focus-visible {outline:3px solid #245e87;outline-offset:4px}
.wp-payment {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:20px 23px;border:1px solid #d6e1e9;border-radius:14px;background:#e8eff4;color:#102d45}
.wp-payment strong {font-size:13px;line-height:1.5}
.wp-payment p {margin:6px 0 0;color:#435c70;font-size:12px;line-height:1.7}
.wp-payment-steps {display:flex;flex-shrink:0;gap:28px}
.wp-payment-steps>div {display:flex;flex-direction:column;gap:3px}
.wp-payment-steps strong {color:#bd4300;font-size:21px;line-height:1.2}
.wp-payment-steps span {font-size:11px;line-height:1.5}
.wp-example {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;align-items:center;margin-top:30px;padding:32px;border-radius:23px;background:radial-gradient(ellipse at 100% 0,#ff64141a,transparent 55%),#071e32;color:#fff;scroll-margin-top:100px}
.wp-example:focus-visible {outline:3px solid #ff975f;outline-offset:4px}
.wp-eyebrow {margin:0;color:#ff975f;font-size:10px;line-height:1.7;letter-spacing:1.2px;font-weight:700}
.wp-example h3 {margin:14px 0;font-size:29px;line-height:1.2;letter-spacing:-.8px;font-weight:700}
.wp-example-description {margin:0;color:#bed0df;font-size:14px;line-height:1.8}
.wp-site-map {display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
.wp-site-map>span {padding:9px 11px;border:1px solid #406077;border-radius:8px;background:#12344f;color:#e9f2fa;font-size:12px;line-height:1.4}
.wp-site-map small {display:block;margin-top:3px;color:#b9ccdb;font-size:10px}
.wp-caption {margin:17px 0 0;color:#b3c7d6;font-size:11px;line-height:1.7}
.wp-browser {min-width:0;overflow:hidden;border:1px solid #d7e0e9;border-radius:14px;background:#f8fbfe;color:#0a2943;box-shadow:0 22px 55px #0003;transform:perspective(1000px) rotateY(-3deg)}
.wp-browserbar {display:flex;align-items:center;gap:6px;height:33px;padding:0 13px;border-bottom:1px solid #d7e0e9}
.wp-dot {width:7px;height:7px;border-radius:50%;background:#b2c1ce}
.wp-browserurl {margin-left:9px;color:#52697b;font-size:9px}
.wp-webmock {padding:20px}
.wp-webnav {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #dde5eb}
.wp-mockbrand {font-size:10px;font-weight:800;letter-spacing:.7px;white-space:nowrap}
.wp-mock-nav {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:8px;color:#435c70;line-height:1.5}
.wp-mockhero {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:18px;padding:25px 0 21px}
.wp-mocktag {color:#ad3c00;font-size:8px;line-height:1.6;font-weight:750;letter-spacing:.6px}
.wp-mockh {margin:10px 0 13px;color:#0a2943;font-size:21px;line-height:1.2;letter-spacing:-.6px;font-weight:750}
.wp-mocklines div {height:5px;margin-bottom:6px;border-radius:4px;background:#d8e3eb}
.wp-mocklines div:last-child {width:65%}
.wp-mockcta {width:75px;height:22px;margin-top:16px;border-radius:6px;background:#ff6414}
.wp-mockpic {position:relative;min-height:140px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#0e4168,#071b2e)}
.wp-mockpic::after {position:absolute;inset:0;background:linear-gradient(135deg,transparent 34%,#ff6414b3 35% 38%,transparent 39%),linear-gradient(155deg,transparent 50%,#ffffff2e 51% 53%,transparent 54%);content:''}
.wp-mock-sections {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.wp-mock-sections>div {display:flex;align-items:center;justify-content:center;min-height:35px;padding:5px;border:1px solid #e0e8ef;border-radius:6px;background:#eaf0f5;color:#435c70;font-size:9px;line-height:1.5;text-align:center}
.wp-status {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1190px) {
 .web-plans .web-plan-grid.has-four-plans {grid-template-columns:repeat(2,minmax(0,1fr))}
 .wp-number {min-height:0}
 .wp-plan-label {min-height:34px}
 .wp-question {min-height:75px;font-size:19px}
 .wp-explain {min-height:100px;font-size:14px}
 .wp-plan-body {padding:24px 23px 18px}
 .wp-plan-bottom {padding:19px 23px}
 .wp-example {gap:24px;padding:28px}
 .wp-example h3 {font-size:26px}
 .wp-mockhero {grid-template-columns:1fr}
 .wp-mockpic {min-height:65px}
}
@media(max-width:700px) {
 .service-detail-page .web-plans .plans-panel {width:calc(100% - 28px);padding:26px 14px 18px}
 .web-plans .web-plan-grid.has-four-plans {grid-template-columns:minmax(0,1fr)}
 .service-detail-page .web-plans .plans-intro h2 {font-size:31px;letter-spacing:-1px}
 .service-detail-page .web-plans .plans-intro>p:last-child {font-size:14px}
 .wp-plan-body {padding:24px 21px 19px}
 .wp-plan-label,.wp-question,.wp-explain {min-height:0}
 .wp-question {margin-top:2px;font-size:20px}
 .wp-explain {font-size:14px}
 .wp-scope li {font-size:13px}
 .wp-price {font-size:30px}
 .wp-plan-bottom {padding:19px 21px 15px}
 .wp-payment {align-items:flex-start;flex-direction:column;gap:18px;padding:19px}
 .wp-payment-steps {width:100%;justify-content:space-between;gap:16px}
 .wp-example {grid-template-columns:minmax(0,1fr);padding:24px 18px;gap:26px}
 .wp-example h3 {font-size:25px}
 .wp-browser {transform:none}
 .wp-webmock {padding:16px}
 .wp-mockhero {grid-template-columns:minmax(0,1fr) minmax(0,.5fr);gap:12px}
 .wp-mockh {font-size:20px}
 .wp-mockpic {min-height:115px}
 .wp-mock-nav {font-size:7px}
}
@media(prefers-reduced-motion:reduce) {
 .wp-preview-trigger {transition:none}
}