/* Technical SEO uses the shared, verified service components. */
.lead-page .service-detail-hero { background:radial-gradient(ellipse at 90% 30%,#d5e4f3,transparent 65%),linear-gradient(120deg,#f2f6fc,#edf5f2); }
.lead-page .page-hero-grid { grid-template-columns:1.05fr 1fr; }
.lead-page main h1 { font-size:clamp(36px,3.4vw,49px); }
.lead-page .sv-hero-visual img { margin-bottom:18px; }
.lead-page .hero-card-band span { flex:1; text-align:center; }
.lead-page .ts-step-icon { display:grid; position:static; place-items:center; flex-shrink:0; width:50px; height:50px; padding:0; margin:0 0 18px; border:1px solid #c7d9e8; border-radius:15px; color:#315f84; background:#e7f0f9; box-shadow:none; }
.lead-page .ts-step-icon svg { width:26px; height:26px; }
.lead-page .highlight-stack strong { color:#193e50; }
.lead-page .sv-service-copy { display:flex; flex-direction:column; flex:1; }
.lead-page .sv-service-copy h3 { margin:0; }
.lead-page .sv-service-copy details { margin-top:auto; }
.lead-page .sv-service-art { flex-shrink:0; }
.lead-page .sv-art-tag { max-width:calc(100% - 24px); text-align:center; line-height:1.4; }
.lead-page .webapp-service-grid li { color:#435f55; font-size:16px; line-height:1.65; font-weight:400; }
.lead-page .ts-roadmap-section { background:radial-gradient(ellipse at 0 20%,#d7e7ef,transparent 65%),#edf3fa; border-block:1px solid #d1e0e9; }
.lead-page .ts-roadmap-section .split-grid,.lead-page .security-section .split-grid { align-items:start; }
.lead-page .ts-roadmap-section .highlight-stack { grid-template-columns:1fr; }
.lead-page .ts-roadmap-section .highlight-stack > div { display:grid; grid-template-columns:50px 1fr; column-gap:18px; padding:22px; background:#fff; }
.lead-page .ts-roadmap-section .ts-step-icon { grid-row:1/3; margin:0; }
.lead-page .ts-roadmap-section .highlight-stack p { grid-column:2; }
.lead-page .security-section { background:radial-gradient(ellipse at 90% 0,#286372,transparent 70%),#193f56; }
.lead-page .security-section h2 { color:#fff; }
.lead-page .security-section p { color:#e0ebee; }
.lead-page .security-section .eyebrow { color:#b7e0d2; }
.lead-page .security-section .compact-list-grid span { color:#193e50; background:#f0f7f5; }
.lead-page .ts-benefits-section .technical-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.lead-page .ts-benefits-section article h3 { margin-top:20px; }
.lead-page .ts-platform-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.lead-page .ts-platform-card { padding:28px; background:#fff; border:1px solid #d1e0e8; border-radius:20px; }
.lead-page .ts-platform-card h3 { font-size:21px; margin:20px 0; }
.lead-page .ts-platform-card ul { padding:0; margin:0; list-style:none; display:grid; gap:12px; }
.lead-page .ts-platform-card li { font-size:16px; color:#405f6a; border-top:1px solid #e0e9ec; padding-top:12px; }
.lead-page .stack-section { background:#eff4f8; }
.lead-page .compact-list-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lead-page .compact-list-grid > span { display:flex; align-items:baseline; gap:10px; font-size:16px; line-height:1.6; font-weight:500; background:#f5f9f7; }
.lead-page .compact-list-grid > span::before { content:'✓'; color:#306b56; font-weight:700; }
.lead-page .process-section { background:#f1f6f4; }
.lead-page .process-section article { background:#fff; }
.lead-page .trust-experience-section { background:#fff; }
.lead-page .sv-industry-card { align-items:center; }
.lead-page .sv-industry-card h3 { margin:0; }
.lead-page .section-head-row { margin-bottom:32px; }
.lead-page .digital-growth-integration-section { background:#eaf2f9; border-block:1px solid #d0e0eb; }
.lead-page .faq-section .faq-list.container { width:calc(100% - 64px); max-width:1240px; margin:28px auto 0; }
.lead-page .final-cta .cta-grid { grid-template-columns:1fr; }
.lead-page .final-cta .hero-actions { margin-top:0; }
.lead-page .final-cta .btn-light { background:#fff; color:#193e50; }
.lead-page .final-cta .btn-outline-light { background:transparent; color:#fff; border-color:#b1cdd3; }
.lead-page .final-cta .btn-outline-light:is(:hover,:focus-visible) { background:#e5f2ed; color:#193e50; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .lead-page .compact-list-grid > span { transition:transform .3s ease,border-color .3s ease; } .lead-page .compact-list-grid > span:hover { transform:translateY(-3px); border-color:#81b6a2; } }
@media(max-width:800px) { .lead-page .page-hero-grid,.lead-page .ts-platform-grid { grid-template-columns:1fr; } .lead-page .ts-roadmap-section .design-showcase-image { order:2; } .lead-page .faq-section .faq-list.container { width:calc(100% - 40px); } }
@media(max-width:560px) { .lead-page .compact-list-grid,.lead-page .ts-benefits-section .technical-grid { grid-template-columns:1fr; } .lead-page .hero-card-band { display:grid; grid-template-columns:1fr 1fr; } }

.lead-page .design-showcase-image { background:#f1f7f3; }

.lead-page .service-detail-hero { background:radial-gradient(ellipse at 90% 25%,#cee7e2,transparent 65%),linear-gradient(120deg,#f8f4e9,#eaf3fa); }
.lead-page .lead-workflow-section { background:#edf4fa; border-block:1px solid #d4e2ed; }
.lead-page .lead-workflow-section .split-grid { align-items:start; }
.lead-page .lead-nurture-section { background:linear-gradient(130deg,#e3f1eb,#f3f8ee); border-block:1px solid #c9e0d2; }
.lead-page .lead-nurture-grid > span { background:#fff; border-color:#bfdacb; }
.lead-page .lead-report-section { background:radial-gradient(ellipse at 0 20%,#d6e5f2,transparent 65%),#edf3fa; }
.lead-page .lead-report-section .split-grid { grid-template-columns:.8fr 1.2fr; align-items:start; gap:38px; }
.lead-page .lead-report-grid,.lead-page .lead-tools-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.lead-page .lead-report-grid article { padding:24px; }
.lead-page .lead-report-grid article:last-child { background:#eff8f2; border-color:#bcdccb; }
.lead-page .features-section article h3 { margin-top:20px; }
.lead-page .features-section .technical-grid { grid-template-columns:1fr 1fr; }
.lead-page .service-why-section { background:#f4f7fa; }
@media(max-width:1100px) { .lead-page .lead-report-section .split-grid { grid-template-columns:1fr; } }
@media(max-width:800px) { .lead-page .lead-workflow-section .design-showcase-image { order:2; } }
@media(max-width:560px) { .lead-page .lead-report-grid,.lead-page .lead-tools-grid,.lead-page .features-section .technical-grid { grid-template-columns:1fr; } }

/* Feature cards and right-hand conversion illustrations. */
.lead-page .features-section .feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.lead-page .lead-feature-card { padding:30px; border:1px solid #c9dfe0; border-radius:22px; background:linear-gradient(135deg,#e8f1f9,#fff 70%); overflow:hidden; }
.lead-page .lead-feature-card:nth-child(2n) { background:linear-gradient(135deg,#e5f2ea,#fff 70%); }
.lead-page .lead-feature-top { display:flex; align-items:center; gap:18px; padding-bottom:22px; border-bottom:1px solid #d1e2e4; }
.lead-page .lead-feature-top .sv-category-icon { width:62px; height:62px; background:#fff; box-shadow:0 8px 20px #204e5a10; }
.lead-page .lead-feature-tag { font-size:15px; line-height:1.5; color:#315e64; font-weight:600; }
.lead-page .lead-feature-card h3 { font-size:24px; margin:22px 0 14px; }
.lead-page .lead-feature-card p { font-size:17px; margin:0; }
.lead-page .lead-visual-section .split-grid { align-items:start; }
.lead-page .lead-section-details { margin-top:24px; }
.lead-page .lead-section-details .compact-list-grid { margin-top:12px; }
.lead-page .lead-demo { width:100%; min-width:0; margin:0; border-radius:24px; overflow:hidden; border:1px solid #c5dce1; box-shadow:0 22px 50px #244d6818; background:#fff; }
.lead-page .lead-demo figcaption { font-size:14px; line-height:1.6; margin:0; padding:16px 24px; color:#47656b; border-top:1px solid #d9e6e7; background:#f5f9fa; }
.lead-page .lead-demo-bar { display:flex; align-items:center; gap:6px; padding:17px 22px; background:#eaf1f7; color:#35586d; font-size:14px; }
.lead-page .lead-demo-bar i { width:8px; height:8px; border-radius:50%; background:#8fb1c4; }
.lead-page .lead-demo-bar span { margin-left:10px; }
.lead-page .lead-page-demo-body { padding:30px; background:radial-gradient(ellipse at 100% 0,#dceee7,transparent 70%),#fff; }
.lead-page .lead-demo-kicker { font-size:14px; color:#397161; letter-spacing:1.5px; font-weight:700; }
.lead-page .lead-demo-title { font-size:32px; line-height:1.2; font-weight:700; color:#193e50; margin:18px 0; }
.lead-page .lead-page-demo-body p { font-size:16px; line-height:1.65; }
.lead-page .lead-demo-preview { display:grid; grid-template-columns:1fr 1.1fr; gap:20px; margin-top:24px; align-items:center; }
.lead-page .lead-preview-badge { display:block; font-size:14px; color:#315a50; padding:12px 0; border-bottom:1px solid #d7e6df; }
.lead-page .lead-demo-form { display:grid; gap:10px; padding:18px; border:1px solid #cddfe0; border-radius:16px; background:#fff; }
.lead-page .lead-demo-form strong { color:#193e50; font-size:17px; }
.lead-page .lead-demo-form span { font-size:14px; color:#526772; background:#f3f7f9; padding:10px; border-radius:7px; }
.lead-page .lead-demo-form .lead-demo-submit { background:#245c68; color:#fff; text-align:center; }
.lead-page .lead-chat-header { display:flex; align-items:center; gap:14px; padding:24px; background:#245e50; color:#fff; }
.lead-page .lead-chat-header strong { display:block; font-size:19px; }
.lead-page .lead-chat-header span { display:block; font-size:14px; color:#e0f0e9; margin-top:5px; }
.lead-page .lead-chat-avatar { display:grid; place-items:center; width:48px; height:48px; border-radius:16px; color:#245e50; background:#e4f3eb; font-size:27px; }
.lead-page .lead-chat-body { display:flex; flex-direction:column; gap:18px; padding:28px; background:linear-gradient(135deg,#eef6f1,#f7faf5); }
.lead-page .lead-chat-bubble { max-width:85%; padding:17px 20px; font-size:16px; line-height:1.65; color:#274e44; border:1px solid #cce0d5; border-radius:17px 17px 17px 3px; background:#fff; }
.lead-page .lead-chat-business { align-self:flex-end; background:#dcefe1; border-radius:17px 17px 3px 17px; }
.lead-page .lead-chat-next { display:flex; gap:14px; align-items:center; border-top:1px solid #c8ded1; padding-top:20px; color:#2a5c4e; }
.lead-page .lead-chat-next strong { font-size:17px; }
.lead-page .lead-chat-next span { display:block; font-size:14px; line-height:1.6; margin-top:5px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .lead-page .lead-demo,.lead-page .lead-chat-bubble,.lead-page .lead-feature-top .sv-category-icon { transition:transform .4s ease,box-shadow .4s ease; } .lead-page .lead-demo:hover { transform:translateY(-5px); box-shadow:0 28px 55px #244d6824; } .lead-page .lead-chat-demo:hover .lead-chat-business { transform:translateX(-5px); } .lead-page .lead-feature-card:hover .sv-category-icon { transform:rotate(-6deg) scale(1.06); } }
@media(max-width:560px) { .lead-page .features-section .feature-grid { grid-template-columns:1fr; } .lead-page .lead-feature-card { padding:24px; } .lead-page .lead-page-demo-body,.lead-page .lead-chat-body { padding:22px; } .lead-page .lead-demo-preview { grid-template-columns:1fr; } .lead-page .lead-demo-title { font-size:28px; } }