/* service-speedtech.css — page-specific styles for service/speedtech/index.html */
.brand-callout{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}
.brand-callout .badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#0A2540;color:#fff;border-radius:999px;font-family:var(--f-en);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.brand-callout .url{font-family:var(--f-en);font-size:12px;letter-spacing:.06em;color:var(--c-text-sub)}
.brand-callout .url a{color:var(--c-accent);text-decoration:none}
.brand-callout .url a:hover{text-decoration:underline}
.svc-five{margin-top:56px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--c-line);border:1px solid var(--c-line);border-radius:12px;overflow:hidden}
@media(max-width:760px){.svc-five{grid-template-columns:1fr}}
.svc-cell{background:#fff;padding:36px 32px;display:flex;flex-direction:column;gap:14px;min-height:240px}
.svc-cell .num{font-family:var(--f-en);font-size:11px;letter-spacing:.22em;color:var(--c-accent);text-transform:uppercase;font-weight:500}
.svc-cell h3{font-size:22px;font-weight:500;margin:0;color:var(--c-primary);line-height:1.5}
.svc-cell p{font-size:14px;color:var(--c-text-sub);margin:0;line-height:1.85}
.svc-cell ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.svc-cell ul li{font-size:13px;color:var(--c-text);line-height:1.7;padding-left:18px;position:relative}
.svc-cell ul li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:1px;background:var(--c-accent)}
.svc-cell .price{margin-top:auto;padding-top:14px;border-top:1px dashed var(--c-line);font-family:var(--f-en);font-size:12px;color:var(--c-text-sub);letter-spacing:.04em}
.svc-cell .price strong{font-family:var(--f-base);font-size:14px;color:var(--c-primary);font-weight:500}
.compare-table{margin-top:48px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.compare-table table{width:100%;min-width:780px;border-collapse:collapse;background:#fff;border:1px solid var(--c-line);border-radius:12px;overflow:hidden}
.compare-table th,.compare-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--c-line);border-right:1px solid var(--c-line);font-size:13px;line-height:1.7;vertical-align:top}
.compare-table th:last-child,.compare-table td:last-child{border-right:none}
.compare-table thead th{background:#0A2540;color:#fff;font-weight:500;font-family:var(--f-en);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.compare-table tbody th{background:#F7F8FA;color:var(--c-primary);font-weight:500;font-size:12px;letter-spacing:.04em;width:140px}
.compare-table tbody td{color:var(--c-text)}
.usecase-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-line);border:1px solid var(--c-line);border-radius:12px;overflow:hidden}
@media(max-width:900px){.usecase-grid{grid-template-columns:1fr}}
.uc-card{background:#fff;padding:28px;display:flex;flex-direction:column;gap:10px}
.uc-card .tag{font-family:var(--f-en);font-size:10px;letter-spacing:.22em;color:var(--c-accent);text-transform:uppercase;font-weight:500}
.uc-card h4{font-size:15px;font-weight:500;margin:0;color:var(--c-primary);line-height:1.5}
.uc-card p{font-size:13px;color:var(--c-text-sub);margin:0;line-height:1.85}
.bigcta{margin-top:64px;background:linear-gradient(135deg,#1a3a6a 0%,#0A2540 100%);color:#fff;border-radius:14px;padding:48px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
@media(max-width:900px){.bigcta{grid-template-columns:1fr;padding:36px}}
.bigcta h3{font-size:24px;font-weight:500;margin:0 0 14px;letter-spacing:.02em;line-height:1.5}
.bigcta p{font-size:14px;color:#B8C5DA;margin:0;line-height:1.85}
.bigcta .actions{display:flex;flex-direction:column;gap:12px}
.bigcta .btn-ext{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 26px;background:var(--c-accent);color:#fff;border-radius:999px;font-size:14px;letter-spacing:.04em;transition:background .25s var(--ease)}
.bigcta .btn-ext:hover{background:#fff;color:var(--c-primary)}
.bigcta .btn-line{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 26px;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;font-size:14px;letter-spacing:.04em;transition:border-color .25s var(--ease)}
.bigcta .btn-line:hover{border-color:#fff}
.bigcta .tel{font-family:var(--f-en);font-size:12px;color:#B8C5DA;letter-spacing:.04em;margin-top:8px}
.bigcta .tel strong{color:#fff;font-size:18px;font-weight:400;letter-spacing:.04em}
