.services-page {background:#f5f7fa;color:#061a30}
.services-page button,.services-page a {-webkit-tap-highlight-color:transparent}
.services-symbols {position:absolute;width:0;height:0;overflow:hidden}
.services-page svg:not(.services-symbols) {fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.services-hero {position:relative;overflow:hidden;background:#031321;color:#fff}
.services-hero-inner {position:relative;display:flex;align-items:center;width:min(100%,1440px);min-height:520px;margin:auto;padding:63px 64px 66px}
.services-hero-content {position:relative;z-index:2;width:50%}
.services-eyebrow,.services-kicker {margin:0 0 16px;color:#c74600;font-size:11px;line-height:1.5;font-weight:750;letter-spacing:2.1px;text-transform:uppercase}
.services-eyebrow {color:#ff8b48}
.services-hero h1 {margin:0;color:#f8fafc;font:750 clamp(43px,4.3vw,62px)/1.07 "Segoe UI",Arial,sans-serif;letter-spacing:-2.1px}
.services-hero h1 em {color:#ff762d;font-style:normal}
.services-hero-copy {max-width:440px;margin:21px 0 0;color:#e0e9f2;font-size:16px;line-height:1.65}
.services-count {display:flex;gap:22px;margin:27px 0 0;color:#d8e5ee;font-size:12px}
.services-count>span {display:flex;min-height:23px;align-items:center;gap:9px}
.services-count>span+span {padding-left:22px;border-left:1px solid #34506a}
.services-hero-art {position:absolute;inset:0 0 0 37%;pointer-events:none}
.services-hero-art::after {position:absolute;inset:0;background:linear-gradient(90deg,#031321 0%,#03132199 18%,transparent 43%),linear-gradient(0deg,#03132144,transparent 23%);content:""}
.services-hero-art img {width:100%;height:100%;object-fit:cover;object-position:67% 50%}
.services-container {width:min(100%,1360px);margin:auto;padding:43px 40px 40px}
.services-intro {margin-bottom:25px}
.services-intro .services-kicker {margin-bottom:8px}
.services-intro h2 {margin:0;color:#071a30;font:700 clamp(28px,2.65vw,38px)/1.16 "Segoe UI",Arial,sans-serif;letter-spacing:-1.25px}
.services-intro>p:last-child {margin:10px 0 0;color:#526174;font-size:14px;line-height:1.6}
.category-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.category-card {position:relative;display:flex;min-width:0;min-height:218px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:23px 20px 19px;border:1px solid #e6ebf1;border-radius:16px;background:linear-gradient(150deg,#fff,#fcfdff);color:#061a30;text-align:center;box-shadow:0 4px 20px #0c2a4604;font-family:inherit;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.category-card:hover {transform:translateY(-4px);border-color:#a9bdd0;box-shadow:0 12px 28px #061a3010}
.category-card.is-selected {border-color:#c74600;box-shadow:0 8px 28px #ff641412,inset 0 0 0 1px #c7460010}
.category-icon {display:grid;width:49px;height:45px;place-items:center;color:#092c4d}
.category-icon svg {width:42px;height:42px}
.category-copy {display:flex;min-height:69px;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.category-copy strong {max-width:235px;font-size:14px;font-weight:700;line-height:1.34}
.category-copy small {padding:3px 10px;border-radius:14px;background:#eef3f9;color:#415a75;font-size:11px;line-height:1.3}
.category-indicator {display:grid;width:30px;height:30px;place-items:center;border:1px solid #cbd6e0;border-radius:50%;color:#183853;font-size:17px;line-height:1;transition:transform .25s ease,background .25s ease}
.category-card.is-selected .category-indicator {border-color:#ff6414;background:#ff6414;color:#061a30}
.category-card:hover .category-indicator {transform:translateY(2px)}
.services-page :is(a,button):focus-visible {outline:3px solid #df5b0f;outline-offset:4px}
.services-page :is(.site-header,.service-catalog,.services-contact,.plans-banner) :is(a,button):focus-visible {outline-color:#ffad7f}
.service-catalog {position:relative;width:min(calc(100% - 32px),1408px);margin:0 auto;overflow:hidden;border:1px solid #294559;border-radius:30px 30px 0 0;background:radial-gradient(ellipse at 75% 5%,#16436255,transparent 48%),linear-gradient(125deg,#061b2c,#02101c 80%);color:#fff;scroll-margin-top:24px}
.service-catalog::before {position:absolute;inset:0;pointer-events:none;content:"";background:repeating-linear-gradient(125deg,transparent 0 250px,#598cb20b 251px 252px,transparent 253px 365px)}
.catalog-inner {position:relative;padding:39px 38px 44px}
.catalog-heading {display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}
.catalog-heading .services-kicker {margin-bottom:9px;color:#ff8b48;font-size:10px}
.catalog-heading h2 {margin:0;color:#f5f8fb;font-size:29px;line-height:1.2;letter-spacing:-1px}
.catalog-heading #catalog-description {margin:9px 0 0;color:#c4d4e2;font-size:14px;line-height:1.6}
.catalog-controls {display:flex;flex:none;align-items:center;gap:10px}
.catalog-all-filter {min-height:36px;padding:7px 15px;border:1px solid #40617d;border-radius:18px;color:#c6dbea;background:transparent;font:600 11px "Segoe UI",Arial,sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.catalog-all-filter:hover {border-color:#ffad7f;background:#183853}
.catalog-all-filter.is-selected {border-color:#ff6414;background:#ff6414;color:#061a30}
.catalog-all-filter.is-selected:hover {border-color:#ff884b;background:#ff884b}
.catalog-count {flex:none;margin:0;padding:6px 12px;border:1px solid #40617d;border-radius:18px;color:#c6dbea;font-size:11px;white-space:nowrap}
.service-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.service-grid.has-three-services {grid-template-columns:repeat(3,minmax(0,1fr))}
.service-card {display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #355065;border-radius:15px;background:linear-gradient(150deg,#0c2334,#051520);box-shadow:0 10px 24px #0003;text-decoration:none;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.service-card:hover {transform:translateY(-4px);border-color:#6385a0;box-shadow:0 15px 25px #0005}
.service-card.is-current {border-color:#ad6239;box-shadow:0 8px 28px #0004}
.service-art {position:relative;overflow:hidden;aspect-ratio:1.6;background:#071c2a;border-bottom:1px solid #31516b77}
.service-art img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-card:hover .service-art img {transform:scale(1.035)}
.service-card-body {display:flex;flex:1;min-width:0;flex-direction:column;padding:17px 16px 16px}
.service-card h3 {display:flex;min-height:40px;align-items:flex-start;gap:9px;margin:0;color:#f1f6fa;font-size:15px;line-height:1.35;font-weight:650;letter-spacing:-.2px}
.service-title-icon {flex:0 0 23px;width:23px;height:23px;margin-top:-2px;color:#ff8b48}
.service-description {min-height:78px;margin:10px 0 17px;color:#c1d0dc;font-size:13px;line-height:1.55}
.service-price {margin:auto 0 13px;color:#b4c9d9;font-size:11px;line-height:1.5}
.service-price strong {display:block;margin-top:2px;color:#ff8b48;font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.5px}
.service-select {display:flex;min-height:43px;align-items:center;justify-content:center;gap:20px;width:100%;padding:0 15px;border:1px solid #ff6414;border-radius:11px;background:#ff6414;color:#061a30;font:700 13px "Segoe UI",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .2s ease}
.service-select:hover {background:#ff884b;border-color:#ff884b}
.service-select span {font-size:19px;transition:transform .2s ease}
.service-select:hover span {transform:translateX(3px)}
.plans-section {margin-top:45px;scroll-margin-top:20px}
.plans-banner {position:relative;overflow:hidden;background:#031522;color:#fff}
.plans-banner-inner {position:relative;display:flex;width:min(100%,1360px);min-height:305px;align-items:center;margin:auto;padding:30px 48px 42px}
.plans-banner-copy {position:relative;z-index:2;width:60%;max-width:670px}
.back-to-catalog {display:inline-flex;min-height:32px;align-items:center;gap:9px;margin-bottom:21px;color:#d7e6f2;text-decoration:none;font-size:12px;transition:color .2s ease}
.back-to-catalog:hover {color:#ffad7f}
.back-to-catalog span {font-size:19px}
.plans-service-tag {display:table;max-width:100%;margin:0 0 12px;padding:5px 10px;border:1px solid #bc531d;border-radius:11px;color:#ff9b62;font-size:9px;font-weight:700;letter-spacing:1.3px;line-height:1.5;text-transform:uppercase}
.plans-banner h2 {max-width:660px;margin:0;color:#f6f8fb;font-size:clamp(30px,3vw,43px);line-height:1.14;letter-spacing:-1.3px;outline:none}
.plans-banner-copy>p:last-child {max-width:590px;margin:12px 0 0;color:#d1e0eb;font-size:14px;line-height:1.6}
.plans-art {position:absolute;right:-20px;bottom:0;width:53%;max-height:100%;height:auto;object-fit:contain;opacity:.92;mask-image:linear-gradient(90deg,transparent,#000 24%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%)}
.plans-panel {position:relative;width:min(calc(100% - 64px),1280px);margin:-18px auto 0;padding:32px 30px 29px;border:1px solid #e1e7ed;border-radius:21px;background:linear-gradient(140deg,#fff,#f4f7fa);box-shadow:0 9px 30px #061a3006}
.plans-intro {margin-bottom:25px}
.plans-intro h3 {margin:0;color:#061a30;font-size:25px;letter-spacing:-.85px;line-height:1.2}
.plans-intro p {margin:8px 0 0;color:#526174;font-size:13px;line-height:1.6}
.plan-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.plan-grid.has-four-plans {grid-template-columns:repeat(4,minmax(0,1fr))}
.plan-card {display:flex;min-width:0;flex-direction:column;padding:25px 22px 20px;border:1px solid #e1e6ed;border-radius:15px;background:#fff;box-shadow:0 6px 22px #0b2b4606}
.plan-icon {width:30px;height:30px;margin-bottom:16px;color:#0a2b4a}
.plan-name {margin:0;color:#071a30;font-size:19px;line-height:1.2;font-weight:700;letter-spacing:-.45px}
.plan-feature {min-height:100px;margin:13px 0 17px;color:#526174;font-size:12px;line-height:1.65}
.plan-feature::before {display:inline-block;margin-right:6px;color:#bd4300;font-weight:700;content:"✓"}
.plan-price {margin:0;color:#061a30;font-size:clamp(24px,2.15vw,31px);font-weight:750;letter-spacing:-1px;line-height:1.2}
.plan-unit {margin:4px 0 22px;color:#5c6f81;font-size:11px}
.plan-action {display:flex;min-height:43px;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding:0 10px;border:1px solid #12334d;border-radius:10px;background:linear-gradient(140deg,#07243a,#020f1b);color:#fff;text-decoration:none;font-size:12px;font-weight:600;transition:background .2s ease,border-color .2s ease}
.plan-action:hover {background:#b83f00;border-color:#b83f00}
.plan-action img {width:17px;height:17px}
.payment-split {display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0 0;padding-top:18px;border-top:1px solid #e6ebf0}
.payment-split span {display:grid;gap:4px;color:#566a7e;font-size:11px;line-height:1.5}
.payment-split strong {color:#112d47;font-size:15px;line-height:1.25;font-weight:700;letter-spacing:-.3px}
.commercial-terms {padding:22px 32px 39px;background:#f5f7fa}
.terms-inner {width:min(100%,1280px);margin:auto;padding:25px 30px 28px;border:1px solid #e1e7ed;border-radius:17px;background:#fff;box-shadow:0 8px 25px #061a3003}
.terms-inner>h2 {display:flex;align-items:center;gap:10px;margin:0 0 23px;color:#061a30;font-size:18px;letter-spacing:-.5px}
.terms-inner>h2 svg {width:20px;height:20px}
.terms-copy {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.terms-copy>div {display:flex;gap:13px;min-width:0}
.terms-copy>div+div {padding-left:25px;border-left:1px solid #e4eaf0}
.terms-copy>div>svg {flex:0 0 25px;width:25px;height:25px;color:#153b5a}
.terms-copy h3 {margin:0 0 8px;color:#14304b;font-size:13px;line-height:1.4}
.terms-copy p {margin:0;color:#526174;font-size:12px;line-height:1.65}
.services-contact {position:relative;overflow:hidden;background:#031421;color:#fff}
.services-contact-inner {position:relative;width:min(100%,1360px);min-height:310px;margin:auto;padding:49px 48px 53px}
.services-contact-copy {position:relative;z-index:1;width:66%;max-width:790px}
.services-contact .services-eyebrow {margin-bottom:12px;font-size:10px}
.services-contact h2 {margin:0;color:#f8fafc;font-size:35px;line-height:1.2;letter-spacing:-1px}
.services-contact-copy>p:not(.services-eyebrow) {max-width:630px;margin:12px 0 0;color:#d6e2eb;font-size:14px;line-height:1.6}
.services-contact-actions {display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:25px}
.services-whatsapp,.services-back {display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid #ff6414;border-radius:12px;color:#061a30;background:#ff6414;text-decoration:none;font-size:12px;font-weight:700;transition:background .2s ease,transform .2s ease}
.services-whatsapp:hover {transform:translateY(-2px);background:#ff884b}
.services-whatsapp img {width:19px;height:19px}
.services-back {background:#061a3066;color:#eff6fb;border-color:#b85928}
.services-back:hover {background:#17324a}
.services-contact-art {position:absolute;right:-110px;bottom:-105px;width:690px;height:auto;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}
.services-page .site-footer {margin-top:0}
.services-page:not(.service-detail-page) .services-contact {margin-top:40px}
@media(max-width:1100px) {
 .services-hero-inner {min-height:475px;padding:52px 35px}
 .services-hero h1 {font-size:50px}
 .services-hero-content {width:57%}
 .services-hero-art {left:39%}
 .services-container {padding:38px 28px 32px}
 .category-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-card {min-height:198px}
 .catalog-inner {padding:31px 27px 34px}
 .service-grid,.service-grid.has-three-services {grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-description {min-height:60px}
 .plans-banner-inner {padding-right:35px;padding-left:35px}
 .plans-panel {width:calc(100% - 48px);padding:28px 25px}
 .plan-grid,.plan-grid.has-four-plans {grid-template-columns:repeat(2,minmax(0,1fr))}
 .plan-feature {min-height:72px}
 .terms-copy {gap:17px}
 .terms-copy>div+div {padding-left:17px}
 .terms-copy>div {gap:9px}
 .services-contact-inner {padding-right:35px;padding-left:35px}
}
@media(max-width:800px) {
 .services-hero h1 {font-size:46px;letter-spacing:-1.5px}
 .services-hero-copy {font-size:14px;max-width:345px}
 .services-count {gap:12px;font-size:11px}
 .services-count>span+span {padding-left:12px}
 .plans-banner-copy {width:65%}
 .plans-banner h2 {font-size:32px}
 .plans-banner-copy>p:last-child {font-size:13px}
 .plans-art {right:-70px;width:64%;opacity:.72}
 .terms-copy {grid-template-columns:1fr;gap:20px}
 .terms-copy>div+div {padding:18px 0 0;border-left:0;border-top:1px solid #e4eaf0}
 .terms-copy p {max-width:610px}
 .services-contact-copy {width:82%}
 .services-contact h2 {font-size:31px}
 .services-contact-art {right:-250px;opacity:.65}
}
@media(max-width:600px) {
 .services-hero-inner {display:block;min-height:0;padding:35px 22px 0}
 .services-hero-content {width:100%}
 .services-eyebrow {font-size:10px;margin-bottom:13px}
 .services-hero h1 {font-size:44px;letter-spacing:-1.5px}
 .services-hero-copy {max-width:350px;margin-top:17px;font-size:14px}
 .services-count {margin-top:21px;font-size:11px}
 .services-hero-art {position:relative;height:258px;margin:3px -22px 0;inset:auto}
 .services-hero-art img {object-position:right center;object-fit:cover}
 .services-hero-art::after {background:linear-gradient(180deg,#031321,transparent 20%,transparent 88%,#03132155)}
 .services-container {padding:29px 18px 27px}
 .services-intro {margin-bottom:20px}
 .services-kicker {font-size:9px}
 .services-intro h2 {font-size:28px;letter-spacing:-.8px}
 .services-intro>p:last-child {font-size:12px}
 .category-grid {gap:10px}
 .category-card {min-height:192px;padding:18px 10px 15px;gap:9px;border-radius:13px}
 .category-icon {width:36px;height:36px}
 .category-icon svg {width:35px;height:35px}
 .category-copy {min-height:78px;gap:8px}
 .category-copy strong {font-size:12px}
 .category-copy small {font-size:10px}
 .category-indicator {width:27px;height:27px;font-size:15px}
 .service-catalog {width:calc(100% - 16px);border-radius:22px 22px 0 0;scroll-margin-top:16px}
 .catalog-inner {padding:27px 17px 28px}
 .catalog-heading {align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:21px}
 .catalog-heading h2 {font-size:27px}
 .catalog-heading .services-kicker {font-size:9px}
 .catalog-heading #catalog-description {font-size:12px}
 .catalog-count {font-size:10px;padding:4px 10px}
 .service-grid,.service-grid.has-three-services {grid-template-columns:minmax(0,1fr);gap:15px}
 .service-art {aspect-ratio:1.7}
 .service-card-body {padding:19px 19px 18px}
 .service-card h3 {min-height:0;font-size:17px}
 .service-description {min-height:0;font-size:13px;margin:11px 0 18px}
 .service-price {margin-bottom:16px}
 .service-price strong {font-size:23px}
 .service-select {min-height:45px}
 .plans-section {margin-top:29px;scroll-margin-top:12px}
 .plans-banner-inner {display:block;min-height:0;padding:24px 22px 0}
 .plans-banner-copy {width:100%}
 .back-to-catalog {margin-bottom:18px;font-size:12px}
 .plans-service-tag {font-size:8px}
 .plans-banner h2 {font-size:32px;letter-spacing:-1px}
 .plans-banner-copy>p:last-child {font-size:13px}
 .plans-art {position:relative;display:block;right:auto;bottom:auto;width:calc(100% + 26px);max-width:none;max-height:none;margin:8px -13px -4px;opacity:1;mask-image:linear-gradient(180deg,transparent,#000 12%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%)}
 .plans-panel {width:calc(100% - 24px);margin:-9px auto 0;padding:24px 17px 18px;border-radius:18px}
 .plans-intro {margin-bottom:20px}
 .plans-intro h3 {font-size:24px}
 .plans-intro p {font-size:12px}
 .plan-grid,.plan-grid.has-four-plans {grid-template-columns:minmax(0,1fr);gap:13px}
 .plan-card {padding:24px 23px 22px}
 .plan-icon {margin-bottom:15px}
 .plan-name {font-size:21px}
 .plan-feature {min-height:0;margin:14px 0 22px;font-size:13px}
 .plan-price {font-size:31px}
 .plan-unit {margin-bottom:22px}
 .plan-action {font-size:13px;min-height:45px}
 .payment-split {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .payment-split span {font-size:10px}
 .payment-split strong {font-size:14px}
 .commercial-terms {padding:18px 12px 28px}
 .terms-inner {padding:23px 21px}
 .terms-inner>h2 {font-size:17px;margin-bottom:22px}
 .terms-copy>div {gap:13px}
 .terms-copy p {font-size:12px}
 .services-contact-inner {min-height:0;padding:34px 23px 40px}
 .services-contact-copy {width:100%}
 .services-contact h2 {font-size:31px;max-width:320px}
 .services-contact-copy>p:not(.services-eyebrow) {font-size:13px}
 .services-contact-actions {align-items:stretch;flex-direction:column;gap:12px;margin-top:23px;max-width:330px}
 .services-whatsapp,.services-back {font-size:12px;min-height:46px}
 .services-contact-art {right:-345px;bottom:-70px;width:650px;opacity:.22}
}
@media(prefers-reduced-motion:reduce) {
 .services-page * {scroll-behavior:auto!important}
 .category-card,.category-indicator,.catalog-all-filter,.service-card,.service-art img,.service-select,.service-select span,.plan-action,.services-whatsapp,.services-back {transition:none}
 .category-card:hover,.category-card:hover .category-indicator,.service-card:hover,.service-card:hover .service-art img,.service-select:hover span,.services-whatsapp:hover {transform:none}
}