/* /services: plain, flat, square */
.sv2-wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.sv2-sec { padding: 88px 0; }
.sv2-grid {
  background-color: #fff;
  background-image:
    radial-gradient(900px 340px at 50% 0, rgba(26,158,114,.09), transparent 70%),
    linear-gradient(rgba(11,61,46,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,61,46,.05) 1px, transparent 1px);
  background-size: auto, 44px 44px, 44px 44px;
  background-repeat: no-repeat, repeat, repeat;
}
.sv2-tint {
  background-color: #f2f8f5;
  background-image:
    linear-gradient(rgba(11,61,46,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,61,46,.06) 1px, transparent 1px);
  background-size: 44px 44px;
}
.sv2-eyebrow {
  display: inline-block; padding: 6px 14px;
  background: #e8f6f0; border: 1px solid #cfeade; color: #0f7a58;
  font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
}
.sv2-head { max-width: 760px; margin-bottom: 52px; }
.sv2-head h2 { margin: 18px 0 12px; font-size: clamp(30px, 4vw, 44px); line-height: 1.12; letter-spacing: -.025em; font-weight: 600; color: #0B3D2E; }
.sv2-head p { margin: 0; font-size: 18px; line-height: 1.65; color: #566a63; }

.sv2-rows { border-bottom: 1px solid #d5e2dc; }
.sv2-row {
  display: grid; grid-template-columns: 90px minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 32px; padding: 34px 0; border-top: 1px solid #d5e2dc; align-items: start;
}
.sv2-num { font-size: 15px; font-weight: 600; color: #1A9E72; letter-spacing: .08em; padding-top: 8px; }
.sv2-main h3 { margin: 0 0 10px; font-size: 27px; line-height: 1.2; font-weight: 500; letter-spacing: -.015em; color: #0f1f1a; }
.sv2-main p { margin: 0; font-size: 17px; line-height: 1.7; color: #566a63; max-width: 640px; }
.sv2-seen { padding-top: 6px; font-size: 15px; line-height: 1.7; color: #3a4f47; }
.sv2-seen small { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #8aa098; }
.sv2-seen a { display: inline-block; margin-top: 8px; font-weight: 600; color: #0B3D2E; text-decoration: none; border-bottom: 1px solid #1A9E72; }
.sv2-seen a:hover { color: #1A9E72; }

.sv2-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border: 1px solid #d5e2dc; background: #fff; }
.sv2-step { padding: 30px 26px 34px; border-right: 1px solid #d5e2dc; }
.sv2-step:last-child { border-right: 0; }
.sv2-step b { display: block; font-size: 38px; font-weight: 300; color: #1A9E72; margin-bottom: 14px; letter-spacing: -.02em; }
.sv2-step h3 { margin: 0 0 8px; font-size: 20px; font-weight: 600; color: #0B3D2E; }
.sv2-step p { margin: 0; font-size: 15.5px; line-height: 1.65; color: #566a63; }

.sv2-tools { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.sv2-tools li { padding: 12px 22px; background: #fff; border: 1px solid #d5e2dc; font-size: 16px; font-weight: 600; color: #0B3D2E; }

.sv2-price { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.sv2-pcard { background: #fff; border: 1px solid #d5e2dc; padding: 32px 30px 30px; display: flex; flex-direction: column; }
.sv2-pcard small { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #1A9E72; }
.sv2-pcard h3 { margin: 10px 0 8px; font-size: 24px; font-weight: 500; color: #0f1f1a; }
.sv2-pcard .sv2-time { font-size: 15px; font-weight: 600; color: #0B3D2E; margin-bottom: 14px; }
.sv2-pcard p { margin: 0 0 22px; font-size: 16px; line-height: 1.65; color: #566a63; }
.sv2-pcard a { margin-top: auto; font-weight: 600; color: #0B3D2E; text-decoration: none; border-bottom: 1px solid #1A9E72; align-self: flex-start; }
.sv2-pcard a:hover { color: #1A9E72; }
.sv2-note { margin-top: 24px; font-size: 15.5px; color: #566a63; }

.sv2-cta {
  background-color: #07261d;
  background-image:
    radial-gradient(700px 300px at 50% 0, rgba(26,158,114,.28), transparent 70%),
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: auto, 40px 40px, 40px 40px;
  background-repeat: no-repeat, repeat, repeat;
  padding: 92px 24px; text-align: center; color: #fff;
}
.sv2-cta h2 { margin: 0 0 14px; font-size: clamp(30px, 4.4vw, 48px); font-weight: 600; letter-spacing: -.025em; color: #fff; }
.sv2-cta p { margin: 0 auto 32px; max-width: 560px; font-size: 18px; line-height: 1.65; color: rgba(255,255,255,.72); }
.sv2-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.sv2-btn { display: inline-block; padding: 15px 28px; font-size: 16px; font-weight: 600; text-decoration: none; background: #1A9E72; color: #fff; border: 1px solid #1A9E72; }
.sv2-btn:hover { background: #20b585; }
.sv2-btn.alt { background: transparent; color: #fff; border-color: rgba(255,255,255,.45); }
.sv2-btn.alt:hover { border-color: #fff; background: rgba(255,255,255,.08); }

@media (max-width: 900px) {
  .sv2-sec { padding: 64px 0; }
  .sv2-row { grid-template-columns: 56px minmax(0, 1fr); gap: 18px 16px; padding: 28px 0; }
  .sv2-seen { grid-column: 2; padding-top: 0; }
  .sv2-main h3 { font-size: 23px; }
  .sv2-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sv2-step:nth-child(2) { border-right: 0; }
  .sv2-step:nth-child(-n+2) { border-bottom: 1px solid #d5e2dc; }
  .sv2-price { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .sv2-steps { grid-template-columns: 1fr; }
  .sv2-step { border-right: 0; border-bottom: 1px solid #d5e2dc; }
  .sv2-step:last-child { border-bottom: 0; }
}

/* gwx-services-bambo */
.sv2-bambo .svb-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.sv2-bambo .svb-card { display: flex; flex-direction: column; gap: 10px; padding: 26px 24px 22px; background: #fff; border: 1px solid #d5e2dc; border-top: 3px solid #1A9E72; border-radius: 0; }
.sv2-bambo .svb-card h3 { margin: 0; font-size: 20px; line-height: 1.2; letter-spacing: -.02em; color: #0B3D2E; }
.sv2-bambo .svb-card p { margin: 0; font-size: 15.5px; line-height: 1.6; color: #566a63; flex: 1 1 auto; }
.sv2-bambo .svb-tag { align-self: flex-start; margin-top: 8px; padding: 5px 10px; font: 500 11.5px/1 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; color: #8a6a12; background: rgba(212,177,6,.14); border-radius: 0; }
.sv2-bambo .svb-link { display: inline-flex; gap: 8px; margin-top: 32px; font-weight: 600; color: #0f7a58; text-decoration: none; }
.sv2-bambo .svb-link:hover { text-decoration: underline; }
html.site-dark .sv2-bambo .svb-card { background: #0f1f19; border-color: transparent; border-top-color: #1A9E72; }
html.site-dark .sv2-bambo .svb-card h3 { color: #fff; }
html.site-dark .sv2-bambo .svb-card p { color: #9fb8ae; }
html.site-dark .sv2-bambo .svb-tag { color: #e6c84a; background: rgba(212,177,6,.16); }
html.site-dark .sv2-bambo .svb-link { color: #3ddba0; }
@media (max-width: 1000px) { .sv2-bambo .svb-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .sv2-bambo .svb-grid { grid-template-columns: 1fr; } }
/* gwx-toolbox */
.sv2-tools.gwx-tb{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;list-style:none;margin:28px 0 0;padding:0}
.sv2-tools.gwx-tb li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #e3e9e6;border-radius:8px;padding:22px 12px;color:#2b4339;font-weight:600;font-size:14px;box-shadow:none}
.sv2-tools.gwx-tb svg{width:44px;height:44px}
.sv2-tools.gwx-tb li:hover{border-color:#17946A;transform:translateY(-2px);transition:.2s}

/* gwx-toolbox3 */
html:not(.site-dark) body .sv2-tools.gwx-tb li{background:#ffffff !important;color:#2b4339 !important;border:1px solid #e3e9e6 !important}
html:not(.site-dark) body .sv2-tools.gwx-tb li span{color:#2b4339 !important}
html.site-dark .sv2-tools.gwx-tb svg[aria-label="GitHub"]{fill:#ffffff}
html.site-dark .sv2-tools.gwx-tb svg[aria-label="MySQL"]{fill:#6fb0e0}
html.site-dark .sv2-tools.gwx-tb svg[aria-label="AWS"]{fill:#FF9900}
html.site-dark .sv2-tools.gwx-tb svg[aria-label="OpenAI"]{fill:#74AA9C}
html.site-dark .sv2-tools.gwx-tb svg[aria-label="Hostinger"]{fill:#8f6bff}