:root { --bg-main: #ffffff; --bg-darker: #f1f5f9; --bg-card: #ffffff; --text-main: #0f172a; --text-muted: #64748b; --primary: #2563eb; --primary-hover: #1d4ed8; --blue: #4f46e5; --border: #e2e8f0; --font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}html {  font-size: clamp(100%, 0.875rem + 0.4vw, 112.5%);}* { margin: 0; padding: 0; box-sizing: border-box;}body { font-family: var(--font-main); background-color: var(--bg-main); color: var(--text-main); font-size: 1.125rem; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: clip; hyphens: none; -webkit-hyphens: none; word-break: normal; padding-top: 80px;}a { text-decoration: none; color: inherit;}img { max-width: 100%; height: auto; display: block;}.container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 clamp(1.25rem, 5vw, 3rem); }h1, h2, h3, h4, h5, h6 { font-weight: 800; line-height: 1.1; text-transform: uppercase;}.eyebrow { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.1em; margin-bottom: 1rem; text-transform: uppercase;}.text-accent { color: var(--primary); }.text-blue { color: var(--blue); }.text-center { text-align: center; }.mt-4 { margin-top: 2rem; }.no-margin { margin: 0 !important; }.btn, .main-nav a, .social-links a, .footer-col a, .footer-bottom-contact a, .read-case, .mega-menu-link { transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, border-color 0.2s ease;}.btn { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; border-radius: 9999px; font-weight: 700; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer;}.btn-primary { background-color: var(--primary); color: #fff; border: none;}.btn-primary:hover { background-color: var(--primary-hover); transform: translateY(-2px);}.btn-outline { background-color: transparent; color: var(--text-main); border: 2px solid var(--border);}.btn-outline:hover { border-color: var(--primary); color: var(--primary);}.btn-text { background: transparent; color: var(--primary); padding: 1rem 0;}.btn-text .arrow { margin-left: 0.5rem; transition: transform 0.2s ease; will-change: transform;}.btn-text:hover .arrow { transform: translateX(5px);}.top-bar { background-color: var(--primary); color: #fff; text-align: center; padding: 0.75rem 1rem; font-weight: 600; font-size: 0.875rem;}.top-bar a { color: #fff; text-decoration: underline;}.header { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 9999; border-bottom: 1px solid var(--border); transition: box-shadow 0.3s ease;}.header.scrolled { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); background-color: rgba(255, 255, 255, 0.98);}.header-inner { display: flex; justify-content: space-between; align-items: center; height: 80px;}.logo-img { height: 64px;  width: auto; display: block;}.main-nav { display: none; height: 100%;}@media (min-width: 768px) { .main-nav { display: flex; gap: 2.5rem; align-items: center; }}.nav-item { position: relative; display: flex; align-items: center; height: 100%;}.nav-link-item { font-weight: 600; font-size: 0.9375rem; display: flex; align-items: center; gap: 0.25rem; height: 100%; color: var(--text-main);}.nav-link-item:hover { color: var(--primary);}.icon-sm { width: 16px; height: 16px; transition: transform 0.2s;}.nav-item:hover .icon-sm { transform: rotate(180deg);}.mega-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); background-color: var(--bg-card); border: 1px solid var(--border); border-top: 3px solid var(--primary); border-radius: 12px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); width: min(850px, 95vw);  opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; z-index: 200; pointer-events: none; overflow: hidden;}.mega-menu::before { content: ''; position: absolute; top: -20px; left: 0; width: 100%; height: 20px;}.nav-item:hover .mega-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto;}.mega-menu-inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); border-radius: 12px;}.mega-menu-column { padding: 2rem;}.mega-menu-column.feature-col { background-color: #f8fafc; border-left: 1px solid var(--border);}.mega-menu-title { font-size: 0.75rem; font-weight: 800; color: var(--text-muted); letter-spacing: 0.1em; margin-bottom: 1.5rem; text-transform: uppercase; display: flex; align-items: center; gap: 0.5rem;}.mega-menu-title .bolt-icon { color: #feca57; width: 14px; height: 14px;}.mega-menu-title .feature-icon { color: var(--primary);}.mega-menu-link { display: flex; align-items: flex-start; gap: 1rem; padding: 0.75rem; margin-bottom: 0.25rem; border-radius: 8px; color: var(--text-main); position: relative; overflow: hidden;}.mega-menu-link:last-child { margin-bottom: 0;}.mega-menu-link:hover { background-color: var(--bg-darker); transform: translateX(4px);}.icon-wrapper { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background-color: #ffffff; border: 1px solid var(--border); border-radius: 10px; color: var(--text-main); transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;}.mega-menu-link:hover .icon-wrapper { background-color: var(--bg-darker); color: var(--primary); border-color: transparent;}.icon-wrapper svg { width: 20px; height: 20px;}.mega-menu-text { display: flex; flex-direction: column; gap: 0.25rem;}.mega-menu-text .title { font-weight: 700; font-size: 0.9375rem; line-height: 1.2; text-transform: none;}.mega-menu-text .desc { font-size: 0.8125rem; color: var(--text-muted); line-height: 1.4; font-weight: 400; text-transform: none;}.featured-case { position: relative; group: feature;}.featured-case-img-wrap { overflow: hidden; border-radius: 8px; margin-bottom: 1.25rem; position: relative; border: 1px solid var(--border);}.featured-case-img-wrap img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; transition: transform 0.3s ease; will-change: transform;}.featured-case:hover .featured-case-img-wrap img { transform: scale(1.03);}.featured-case h5 { font-size: 1rem; font-weight: 800; margin-bottom: 0.5rem; text-transform: none; transition: color 0.2s;}.featured-case:hover h5 { color: var(--primary);}.featured-case p { font-size: 0.875rem; color: var(--text-muted); margin-bottom: 1rem; text-transform: none;}.read-case { font-weight: 700; font-size: 0.875rem; display: inline-flex; align-items: center; gap: 0.5rem; color: var(--primary);}.featured-case:hover .read-case { transform: translateX(6px);}.header-actions { display: flex; align-items: center; gap: 1.5rem;}.nav-link { font-weight: 600; display: none;}@media (min-width: 768px) { .nav-link { display: block; }}.header-actions .btn-outline { padding: 0.6rem 1.25rem; font-size: 0.875rem;}.header-cta { background-color: #2563eb !important; border-color: #2563eb !important; color: #fff !important; padding: 0.6rem 1.1rem; font-size: 0.875rem; white-space: nowrap;}.header-cta:hover { background-color: #1d4ed8 !important; border-color: #1d4ed8 !important; color: #fff !important;}.nav-toggle { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 40px; height: 40px; background: none; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; padding: 0; flex-shrink: 0;}.nav-toggle .bar { width: 20px; height: 2px; background: var(--text-main); border-radius: 2px; transition: transform 0.3s ease, opacity 0.2s ease; display: block;}.nav-toggle.is-open .bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }.nav-toggle.is-open .bar:nth-child(2) { opacity: 0; transform: scaleX(0); }.nav-toggle.is-open .bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }@media (min-width: 768px) { .nav-toggle { display: none; }}.mobile-nav { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border-top: 1px solid var(--border); max-height: 0; overflow: hidden; transition: max-height 0.35s ease, box-shadow 0.3s ease; z-index: 9998;}.mobile-nav.is-open { max-height: 100dvh; overflow-y: auto; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);}@media (min-width: 768px) { .mobile-nav { display: none; }}.mobile-nav-list { list-style: none; padding: 0; margin: 0;}.mobile-nav-item { border-bottom: 1px solid var(--border);}.mobile-nav-row { display: flex; align-items: center; justify-content: space-between;}.mobile-nav-link { display: block; flex: 1; padding: 1rem 1.25rem; font-weight: 600; font-size: 1rem; color: var(--text-main); text-decoration: none; transition: color 0.2s;}.mobile-nav-link:hover { color: var(--primary); }.mobile-nav-toggle { background: none; border: none; cursor: pointer; padding: 1rem 1.25rem 1rem 0; color: var(--text-muted); line-height: 0; flex-shrink: 0;}.mobile-nav-toggle svg { width: 18px; height: 18px; transition: transform 0.3s ease; stroke: currentColor;}.mobile-nav-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }.mobile-nav-toggle:hover { color: var(--primary); }.mobile-nav-sub { background: var(--bg-darker); max-height: 0; overflow: hidden; transition: max-height 0.3s ease;}.mobile-nav-sub.is-open { max-height: 1600px; }.mobile-nav-col-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--primary); padding: 0.9rem 1.25rem 0.3rem;}.mobile-nav-sub-link { display: block; padding: 0.7rem 1.25rem 0.7rem 1.5rem; color: var(--text-muted); font-size: 0.9375rem; text-decoration: none; border-bottom: 1px solid var(--border); transition: color 0.2s;}.mobile-nav-sub-link:last-child { border-bottom: none; }.mobile-nav-sub-link:hover { color: var(--primary); }.mobile-nav-actions { padding: 1.25rem;}.mobile-nav-cta { display: block; text-align: center; width: 100%;}.hero { padding: 4rem 0 4rem; position: relative; overflow: hidden; background-color: var(--bg-main);}.hero-container { display: flex; flex-direction: column; gap: 0; position: relative; z-index: 2;}@media (min-width: 1024px) { .hero-container { flex-direction: row; align-items: center; gap: 4rem; } .hero-content { flex: 1; max-width: 600px; } .hero-visual { flex: 1; }}.badge { display: inline-block; padding: 0.5rem 1rem; border: 1px solid var(--border); border-radius: 9999px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 2rem; color: var(--text-muted); background-color: var(--bg-darker);}.hero-title { font-size: clamp(2.5rem, 5vw, 3.75rem); margin-bottom: 1.5rem; letter-spacing: -0.02em;}.hero-subtitle { font-size: 1.25rem;  line-height: 1.6; color: var(--text-muted); margin-bottom: 2.5rem; max-width: 500px;}.hero-buttons { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center;}.hero-visual { position: relative; height: 600px; overflow: hidden;}.hero-scroll-gallery { display: flex; gap: 1rem; height: 100%; overflow: hidden;  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);}.scroll-col { flex: 1; overflow: hidden;}.scroll-track { display: flex; flex-direction: column; gap: 1rem;}.scroll-col--up .scroll-track { animation: scrollUp 22s linear infinite;}.scroll-col--down .scroll-track { animation: scrollDown 26s linear infinite;}@keyframes scrollUp { from { transform: translateY(0); } to { transform: translateY(-50%); }}@keyframes scrollDown { from { transform: translateY(-50%); } to { transform: translateY(0); }}.hero-scroll-gallery:hover .scroll-track { animation-play-state: paused;}.sc { border-radius: 16px; min-height: 280px; display: flex; flex-direction: column; justify-content: flex-end; flex-shrink: 0; box-shadow: 0 10px 30px rgba(0,0,0,0.08);}.sc-label { color: #fff; font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: -0.02em; line-height: 1.1;}.sc-type { color: rgba(255,255,255,0.65); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;}.trusted-section { padding: 3rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); overflow: hidden; background-color: var(--bg-main);}.trusted-heading { text-align: center; color: var(--text-muted); margin-bottom: 2rem; font-size: 0.75rem; letter-spacing: 0.1em;}.marquee-container { width: 100%; overflow: hidden; position: relative; white-space: nowrap;}.marquee-content { display: inline-block; animation: marquee 30s linear infinite;}.marquee-content span { display: inline-block; margin: 0 2rem; font-size: 1.25rem; font-weight: 800; color: #cbd5e1; text-transform: uppercase;}@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); }}.partner-banner-section { padding: 4rem 2rem;}.partner-banner { background-color: var(--bg-darker); border: 1px solid var(--border); border-radius: 1rem; padding: 3rem; display: flex; flex-direction: column; gap: 2rem; align-items: center;}@media (min-width: 768px) { .partner-banner { flex-direction: row; justify-content: space-between; } .partner-content { max-width: 60%; }}.partner-content h2 { font-size: 2rem; margin-bottom: 1rem;}.partner-content p { color: var(--text-muted); font-size: 1.125rem;}.partner-content a { color: var(--primary); font-weight: 600; text-decoration: underline;}.partner-badge-placeholder { width: 200px; height: 100px; background: linear-gradient(45deg, #4285F4, #34A853, #FBBC05, #EA4335); display: flex; align-items: center; justify-content: center; border-radius: 8px; font-weight: 800; color: white;}.section-intro { margin-bottom: 4rem; display: flex; flex-direction: column; align-items: center; text-align: center;}.section-title { font-size: clamp(1.75rem, 3vw, 2.5rem); max-width: 800px; margin-bottom: 1.5rem; margin-left: auto; margin-right: auto;}.section-desc { font-size: 1.25rem;  line-height: 1.6; color: var(--text-muted); max-width: 600px; margin-left: auto; margin-right: auto;}.bg-darker { background-color: var(--bg-darker); padding: 6rem 0;}.values-section { padding: 6rem 2rem;}.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 2rem;}.section-cta { width: 100% !important; margin-top: 3rem !important; display: flex !important; justify-content: center !important; align-items: center !important;}.value-card { background-color: var(--bg-card); border: 1px solid var(--border); border-radius: 1rem; padding: 2.5rem; display: flex; flex-direction: column;}.feature-card { padding: 2.5rem; overflow: hidden; display: flex; flex-direction: column;}.value-icon { width: 52px; height: 52px; border-radius: 0.75rem; background-color: #eff6ff; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--primary);}.value-icon svg { width: 24px; height: 24px; stroke: var(--primary);}.value-card h3 { font-size: 1.25rem; margin-bottom: 1rem; text-transform: none;}.value-card p { color: var(--text-muted);}.stats-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; margin-bottom: 4rem;}@media (min-width: 768px) { .stats-grid { grid-template-columns: repeat(2, 1fr); }}.stat-number { font-size: clamp(2.5rem, 4vw, 3.25rem); font-weight: 900; margin-bottom: 1rem; line-height: 1;}.stats-grid p { font-size: 1.125rem; color: var(--text-muted);}.mini-stats { display: flex; flex-wrap: wrap; gap: 3rem; padding-top: 3rem; border-top: 1px solid var(--border); justify-content: center;}.mini-stat h4 { font-size: 2rem; color: var(--primary); margin-bottom: 0.5rem;}.mini-stat p { color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.875rem;}.services-section { padding: 6rem 2rem;}.services-header { display: flex; flex-direction: column; align-items: center; gap: 2rem; margin-bottom: 4rem;}.service-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));  gap: 2rem;}.service-block { border-radius: 1rem; overflow: hidden; background-color: var(--bg-card); border: 1px solid var(--border);}.service-visual { height: 240px;}.bg-gradient-1 { background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); }.bg-gradient-2 { background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%); }.bg-gradient-3 { background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); }.bg-gradient-4 { background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%); }.service-info { padding: 2rem;}.service-info h3 { font-size: 1.25rem; margin-bottom: 0.5rem; text-transform: none;}.service-tags { font-size: 0.75rem; color: var(--primary); font-weight: 700; letter-spacing: 0.05em;}.process-section { padding: 6rem 0; border-top: 1px solid var(--border); background-color: var(--bg-main);}.process-header { margin-bottom: 4rem;}.process-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 2rem;}.step-card { background-color: var(--bg-card); border: 1px solid var(--border); border-radius: 1rem; overflow: hidden;}.step-visual { height: 200px; background-color: var(--bg-darker); border-bottom: 1px solid var(--border);}.step-content { padding: 2rem; position: relative;}.step-num { position: absolute; top: -2rem; right: 2rem; font-size: 4rem; font-weight: 900; color: rgba(0, 0, 0, 0.06); line-height: 1;}.step-content h3 { font-size: 1.25rem; margin-bottom: 1rem; text-transform: none;}.step-content p { color: var(--text-muted); font-size: 0.9375rem;}.comparison-table-wrapper { overflow-x: auto; margin-bottom: 2.5rem;}.comparison-cta { text-align: center; margin-top: 2rem; padding-bottom: 1rem;}.comparison-table { width: 100%; border-collapse: collapse; min-width: 600px;}.comparison-table th, .comparison-table td { padding: 1.5rem; text-align: center; border-bottom: 1px solid var(--border); font-weight: 600;}.comparison-table th { text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.875rem; color: var(--text-muted);}.comparison-table td:first-child { text-align: left; font-size: 1.125rem; color: var(--text-main);}.comparison-table .highlight-col { background-color: var(--primary); color: #fff;}.comparison-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 2rem;}.comp-card h3 { font-size: 1.125rem; margin-bottom: 1rem; text-transform: none;}.comp-card p { color: var(--text-muted); font-size: 0.9375rem;}.portfolio-scroll-section { background-color: #0b0c0b;  padding: 6rem 0; overflow: hidden;}.portfolio-header { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 4rem;}@media (min-width: 768px) { .portfolio-header { flex-direction: row; justify-content: space-between; align-items: flex-end; }}.portfolio-track { display: flex; gap: 2rem; overflow-x: auto;  padding: 0 clamp(1.25rem, 5vw, 3rem) 2rem; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; cursor: grab; user-select: none;}.portfolio-track:active { cursor: grabbing;}@media (min-width: 1280px) { .portfolio-track {  padding-left: calc((100vw - 1280px) / 2 + 3rem); padding-right: calc((100vw - 1280px) / 2 + 3rem); }}.portfolio-track::-webkit-scrollbar { display: none; }.portfolio-card { flex: 0 0 85vw; max-width: 420px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 1.5rem;}.portfolio-img-wrap { border-radius: 1rem; overflow: hidden; aspect-ratio: 4 / 5; background-color: #1e293b; position: relative;}.portfolio-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; will-change: transform;}.portfolio-card:hover .portfolio-img-wrap img { transform: scale(1.05);}.portfolio-card-info h3 { font-size: 1.5rem; margin-bottom: 0.75rem; color: #ffffff; text-transform: none; letter-spacing: 0;}.portfolio-tags { display: flex; flex-wrap: wrap; gap: 0.5rem;}.portfolio-tag { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.05em; padding: 0.35rem 0.85rem; background-color: rgba(255, 255, 255, 0.1); border-radius: 9999px; color: #cbd5e1; text-transform: uppercase;}.testimonial-section { padding: 6rem 2rem; background-color: var(--bg-main);}.testimonial-carousel-wrapper { position: relative; overflow: hidden;}.testimonial-track { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; transition: transform 0.4s ease;}@media (max-width: 1023px) { .testimonial-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; gap: 1.5rem; } .testimonial-track::-webkit-scrollbar { display: none; } .testimonial-track .testimonial-card { flex: 0 0 85vw; max-width: 420px; scroll-snap-align: start; }}@media (min-width: 640px) and (max-width: 1023px) { .testimonial-track .testimonial-card { flex: 0 0 45vw; }}.carousel-btn { display: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; background: var(--bg-card); border: 1px solid var(--border); border-radius: 50%; width: 2.75rem; height: 2.75rem; font-size: 1.1rem; cursor: pointer; align-items: center; justify-content: center; color: var(--text-main); transition: background 0.2s;}.carousel-btn:hover { background: var(--primary); color: #fff; border-color: var(--primary); }.carousel-prev { left: -1rem; }.carousel-next { right: -1rem; }@media (max-width: 1023px) { .carousel-btn { display: flex; }}.carousel-dots { display: none; justify-content: center; gap: 0.5rem; margin-top: 1.5rem;}@media (max-width: 1023px) { .carousel-dots { display: flex; }}.carousel-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--border); cursor: pointer; transition: background 0.2s, transform 0.2s;}.carousel-dot.active { background: var(--primary); transform: scale(1.3);}.testimonial-card { background-color: var(--bg-darker); border: 1px solid var(--border); border-radius: 1rem; padding: 2.5rem; display: flex; flex-direction: column;}.testimonial-card blockquote { font-size: 1.125rem; font-weight: 500; line-height: 1.5; margin-bottom: 2rem; color: var(--text-main); flex-grow: 1;}.test-stars { display: flex; align-items: center; gap: 0.15rem; margin-bottom: 1.25rem; font-size: 1.1rem;}.test-stars--header { justify-content: center; font-size: 1.4rem; margin-bottom: 1rem;}.star-full { color: #f59e0b;}.star-half { background: linear-gradient(90deg, #f59e0b 55%, #d1d5db 55%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.star-rating { font-size: 0.9rem; font-weight: 700; color: var(--text-muted); margin-left: 0.35rem;}.test-stats { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--border); padding-top: 1.5rem; margin-top: auto;}.t-stat strong { font-size: 1.5rem; color: var(--primary); line-height: 1; display: block; margin-bottom: 0.25rem;}.t-stat { font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; font-weight: 600; letter-spacing: 0.05em;}.t-name { display: block; font-weight: 700; font-size: 0.95rem; color: var(--text-main);}.t-company { display: block; font-size: 0.8rem; color: var(--text-muted); margin-top: 0.15rem;}.footer-banner { padding: 4rem 2rem;}.footer-banner-inner { background-color: var(--primary); border-radius: 1rem; padding: 3rem; display: flex; flex-direction: column; gap: 2rem; align-items: center; text-align: center; color: #fff;}@media (min-width: 768px) { .footer-banner-inner { flex-direction: row; text-align: left; justify-content: space-between; }}.fb-icon { font-size: 3rem; color: #fff;}.fb-text h3 { font-size: 1.5rem; margin-bottom: 0.5rem; color: #fff;}.fb-text p { color: rgba(255, 255, 255, 0.8);}.footer-banner-inner .btn-outline { border-color: rgba(255, 255, 255, 0.6); color: #fff; white-space: nowrap; flex-shrink: 0;}.footer-banner-inner .btn-outline:hover { border-color: #fff; background-color: rgba(255, 255, 255, 0.15);}.footer-banner-inner .btn-primary { white-space: nowrap; flex-shrink: 0; padding: 1rem 2.5rem; min-width: 200px; font-size: 1rem; align-self: center; background-color: #fff; color: var(--primary); border-color: #fff;}.footer-banner-inner .btn-primary:hover { background-color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.9); color: var(--primary);}@media (max-width: 767px) { .footer-banner-inner .btn-primary { width: 100%; min-width: unset; padding: 1rem 2rem; }}.footer { border-top: 1px solid var(--border); padding: 4rem 0 2rem; background-color: #0b0c0b;  color: #f3f3f3; }.footer-top { display: flex; flex-direction: column; gap: 3rem; margin-bottom: 4rem;}@media (min-width: 1024px) { .footer-top { flex-direction: row; justify-content: space-between; gap: 5rem; } .footer-brand { flex: 0 0 320px; } .footer-nav { flex: 1; }}.footer-brand { display: flex; flex-direction: column; gap: 1rem;}.footer-brand .logo { display: block;}.footer-tagline { color: rgba(243, 243, 243, 0.9);  font-size: 0.875rem; max-width: 320px; line-height: 1.6;}.social-links { display: flex; gap: 1rem;}.social-links a { width: 40px; height: 40px; border-radius: 50%; background-color: rgba(243, 243, 243, 0.1); display: flex; align-items: center; justify-content: center; border: 1px solid rgba(243, 243, 243, 0.2); color: #f3f3f3;}.social-links a:hover { background-color: #f3f3f3; color: #0b0c0b; border-color: #f3f3f3;}.footer-nav { display: grid; grid-template-columns: 1fr; gap: 2.5rem 1.5rem;}@media (min-width: 500px) { .footer-nav { grid-template-columns: repeat(2, 1fr); }}@media (min-width: 768px) { .footer-nav { grid-template-columns: repeat(3, 1fr); }}@media (min-width: 1024px) { .footer-nav { grid-template-columns: repeat(4, 1fr); }}.footer-col h4 { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 1rem; color: #f3f3f3;}.footer-col a { display: block; margin-bottom: 0.625rem; color: rgba(243, 243, 243, 0.8); font-size: 0.8125rem; font-weight: 500; line-height: 1.4;}.footer-col a:hover { color: #ffffff;}.footer-bottom { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem 1.5rem; padding-top: 2rem; border-top: 1px solid rgba(243, 243, 243, 0.2); color: rgba(243, 243, 243, 0.8); font-size: 0.8125rem; align-items: start;}.footer-bottom-legal { display: flex; flex-direction: column; gap: 0.75rem;}.footer-bottom-legal p { line-height: 1.5;}.legal-links { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem;}.legal-links a:hover { color: #ffffff;}.footer-bottom-contact { display: flex; flex-direction: column; gap: 0.6rem;}.footer-bottom-contact p { display: flex; align-items: center; gap: 0.5rem; line-height: 1.4;}.footer-bottom-contact i { flex-shrink: 0; width: 14px; height: 14px; color: #f3f3f3;}.footer-bottom-contact a { color: rgba(243, 243, 243, 0.8);}.footer-bottom-contact a:hover { color: #ffffff;}.footer-accred-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.75rem; color: rgba(243, 243, 243, 0.8);}.footer-badges { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem;}.footer-badge { display: inline-block; padding: 0.3rem 0.75rem; border: 1px solid rgba(243, 243, 243, 0.3); border-radius: 4px; font-size: 0.75rem; font-weight: 600; color: rgba(243, 243, 243, 0.9); width: fit-content;}@media (max-width: 767px) { .footer-bottom { grid-template-columns: 1fr; gap: 2rem; } .social-links { flex-wrap: wrap; }}.portfolio-card.has-lightbox { cursor: pointer;}.db-lightbox { position: fixed; inset: 0; z-index: 9999; background: rgba(0, 0, 0, 0.92); display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.25s ease;}.db-lightbox.is-open { opacity: 1; pointer-events: all;}.db-lb-inner { display: flex; flex-direction: column; align-items: center; max-width: 90vw; max-height: 90vh; gap: 0.75rem;}.db-lb-img { max-width: 90vw; max-height: 80vh; width: auto; height: auto; object-fit: contain; border-radius: 0.5rem; display: block;}.db-lb-title { color: #f3f3f3; font-size: 0.95rem; font-weight: 500; text-align: center; margin: 0;}.db-lb-close,.db-lb-prev,.db-lb-next { position: fixed; background: rgba(255, 255, 255, 0.12); border: none; color: #fff; font-size: 1.5rem; line-height: 1; width: 2.75rem; height: 2.75rem; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; z-index: 10000;}.db-lb-close:hover,.db-lb-prev:hover,.db-lb-next:hover { background: rgba(255, 255, 255, 0.28);}.db-lb-close { top: 1.25rem; right: 1.25rem;}.db-lb-prev { left: 1.25rem; top: 50%; transform: translateY(-50%);}.db-lb-next { right: 1.25rem; top: 50%; transform: translateY(-50%);}@media (max-width: 640px) { .db-lb-prev { left: 0.5rem; } .db-lb-next { right: 0.5rem; }}.db-lb-cta { display: flex; flex-direction: column; align-items: center; gap: .4rem; margin-top: .875rem;}.db-lb-cta-btn { display: inline-flex; align-items: center; gap: .5rem; background: var(--primary); color: #fff; font-size: .875rem; font-weight: 700; letter-spacing: .03em; padding: .6rem 1.5rem; border-radius: 9999px; text-decoration: none; transition: background .2s, transform .2s;}.db-lb-cta-btn:hover { background: var(--primary-hover); transform: translateY(-1px); }.db-lb-cta-sub { font-size: .7rem; color: rgba(255,255,255,.45); letter-spacing: .03em;}.svc-hero-container { display: flex; flex-direction: column;}.svc-hero-container .hero-content { order: 1; }.svc-form-col { order: 2; width: 100%; }.svc-hero-container .svc-hero-trust { order: 3; }@media (min-width: 1024px) { .svc-hero-container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 0 4rem; align-items: center; } .svc-hero-container .hero-content { grid-column: 1; grid-row: 1; align-self: end; padding-bottom: 1.25rem; } .svc-form-col { grid-column: 2; grid-row: 1 / 3; align-self: center; width: auto; } .svc-hero-container .svc-hero-trust { grid-column: 1; grid-row: 2; align-self: start; padding-bottom: 1rem; }}.svc-hero-checklist { list-style: none; padding: 0; margin: 0 0 1.25rem; display: flex; flex-direction: column; gap: 0.45rem;}.svc-hero-checklist li { display: flex; align-items: center; gap: 0.6rem; font-size: 0.95rem; font-weight: 600; color: var(--text-main);}.svc-hero-checklist li svg { width: 20px; height: 20px; flex-shrink: 0; stroke: var(--primary);}.svc-hero-trust { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.25rem;}.trust-pill { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.4rem 1rem; background-color: var(--bg-darker); border: 1px solid var(--border); border-radius: 9999px; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.03em; color: var(--text-muted); text-transform: uppercase;}.trust-pill svg { width: 14px; height: 14px; stroke: var(--primary);}.lead-form-hero-wrap .form-container { margin: 0; max-width: 100%; box-shadow: 0 12px 40px rgba(0, 24, 50, 0.12);}.svc-alt-section { padding: 8rem 0; overflow: hidden;}.svc-alt-grid { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center;}@media (min-width: 1024px) { .svc-alt-grid { grid-template-columns: 1fr 1fr; gap: 8rem; } .svc-alt-grid--reverse .svc-alt-text { order: 2; } .svc-alt-grid--reverse .svc-alt-visual { order: 1; }}.svc-alt-text .eyebrow { color: var(--primary); margin-bottom: 1rem;}.svc-alt-text h2 { font-size: clamp(2rem, 4vw, 2.75rem); margin-bottom: 1.5rem; line-height: 1.1; text-transform: uppercase;}.svc-alt-text p { font-size: 1.125rem; line-height: 1.7; color: var(--text-muted); margin-bottom: 2rem;}.svc-alt-list { list-style: none; padding: 0; margin: 0 0 2.5rem; display: flex; flex-direction: column; gap: 1.25rem;}.svc-alt-list li { display: flex; align-items: flex-start; gap: 1rem; font-size: 1.05rem; font-weight: 600; color: var(--text-main);}.svc-alt-list li svg { width: 22px; height: 22px; stroke: var(--primary); margin-top: 2px; flex-shrink: 0;}.svc-alt-visual { position: relative;}.svc-alt-img-wrap { border-radius: 1.5rem; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); background-color: var(--bg-darker);}.svc-alt-img-wrap img { width: 100%; height: auto; display: block; transition: transform 0.5s ease;}.svc-alt-grid:hover .svc-alt-img-wrap img { transform: scale(1.03);}.floating-ui { position: absolute; background: #fff; padding: 1.5rem; border-radius: 1rem; box-shadow: 0 15px 35px rgba(0,0,0,0.1); z-index: 2; display: flex; flex-direction: column; gap: 0.75rem; border: 1px solid var(--border);}.floating-ui--top-right { top: -2rem; right: -2rem; }.floating-ui--bottom-left { bottom: -2rem; left: -2rem; }@media (max-width: 1100px) { .floating-ui { display: none; }}.ui-stat { display: flex; align-items: center; gap: 0.75rem; }.ui-stat-circle { width: 40px; height: 40px; border-radius: 50%; background: var(--bg-darker); display: flex; align-items: center; justify-content: center; color: var(--primary); }.ui-stat-info span { display: block; font-size: 0.7rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; }.ui-stat-info strong { display: block; font-size: 1.1rem; color: var(--text-main); line-height: 1; }.svc-hero { position: relative; padding: 3rem 0 3.5rem; min-height: 560px; display: flex; align-items: center; background-color: #0f172a; overflow: visible;}.svc-hero .hero-container { width: 100%;}.svc-hero .hero-bg-overlay { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0;}.svc-hero .hero-bg-overlay::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, rgba(10,18,38,0.96) 0%, rgba(10,18,38,0.75) 60%, rgba(10,18,38,0.55) 100%);}.svc-hero .hero-container { position: relative; z-index: 2; width: 100%;}.svc-hero .hero-title { color: #fff; font-size: clamp(1.75rem, 3.5vw, 2.6rem); margin-bottom: 0.75rem;}.svc-hero .hero-subtitle { color: rgba(255, 255, 255, 0.9); font-size: 1rem; margin-bottom: 1.25rem;}.svc-hero .badge { background-color: rgba(37, 99, 235, 0.2); border-color: rgba(255, 255, 255, 0.2); color: #fff; margin-bottom: 0.75rem;}.svc-hero-checklist li { color: #fff;}.svc-hero .trust-pill { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.9);}.db-breadcrumbs { font-size: 0.8rem; font-weight: 600; margin-bottom: 1.5rem; color: rgba(255, 255, 255, 0.7); text-transform: uppercase; letter-spacing: 0.05em;}.db-breadcrumbs a { color: rgba(255, 255, 255, 0.9); transition: color 0.2s ease;}.db-breadcrumbs a:hover { color: var(--primary);}.db-breadcrumbs .seopress-separator { margin: 0 0.75rem; opacity: 0.5;}.svc-intro-section { padding: 6rem 0;}.svc-intro-grid { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: start;}@media (min-width: 1024px) { .svc-intro-grid { grid-template-columns: 1fr 1fr; gap: 6rem; align-items: center; }}.svc-intro-text p { font-size: 1.125rem; line-height: 1.7; color: var(--text-muted);}.svc-intro-text .section-title { margin-bottom: 1.5rem;}.svc-intro-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;}.svc-stat-box { background-color: var(--bg-card); border: 1px solid var(--border); border-radius: 1rem; padding: 2rem; display: flex; flex-direction: column; gap: 1rem;}.svc-stat-icon { width: 32px; height: 32px; color: var(--primary);}.svc-stat-icon svg { width: 100%; height: 100%;}.svc-stat-box .stat-number { font-size: clamp(2rem, 3vw, 2.75rem); margin: 0; line-height: 1.1;}.svc-stat-box p { font-size: 0.9rem; color: var(--text-muted); line-height: 1.5; margin: 0;}.svc-overview-section { padding: 6rem 0;}.svc-overview-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 2rem;}.svc-card { position: relative; display: flex; flex-direction: column; background-color: var(--bg-card); border: 1px solid var(--border); border-radius: 1rem; overflow: hidden; color: var(--text-main); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;}.svc-card-img { width: 100%; height: 200px; object-fit: cover; display: block; flex-shrink: 0;}.svc-card-overlay { position: absolute; inset: 0; z-index: 1; border-radius: 1rem;}.svc-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(37, 99, 235, 0.12); border-color: var(--primary);}.svc-card-icon { padding: 2rem 2rem 0; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background-color: #eff6ff; border-radius: 0.75rem; margin: 2rem 2rem 0; color: var(--primary);}.svc-card-icon svg { width: 24px; height: 24px; stroke: var(--primary);}.svc-card-body { padding: 1.5rem 2rem 2rem; flex: 1; display: flex; flex-direction: column;}.svc-card-body h3 { font-size: 1.2rem; margin: 0.5rem 0 0.75rem; text-transform: none; color: var(--text-main);}.svc-card-body p { color: var(--text-muted); font-size: 0.9375rem; line-height: 1.6; flex: 1;}.svc-card-link { display: inline-flex; align-items: center; gap: 0.4rem; margin-top: 1.25rem; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--primary);}.svc-card-link svg { width: 14px; height: 14px; stroke: var(--primary); transition: transform 0.2s ease;}.svc-card:hover .svc-card-link svg { transform: translateX(4px);}.svc-included-section { padding: 6rem 0;}.svc-included-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 2rem;}.svc-process-section { padding: 6rem 0;}.svc-process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-bottom: 4rem;}@media (max-width: 1023px) { .svc-process-steps { grid-template-columns: repeat(2, 1fr); }}.svc-process-step { background-color: var(--bg-card); border: 1px solid var(--border); border-radius: 1rem; padding: 2.5rem; position: relative; overflow: hidden;}.svc-step-num { font-size: 5rem; font-weight: 900; color: rgba(37, 99, 235, 0.07); line-height: 1; margin-bottom: 1rem; letter-spacing: -0.02em;}.svc-step-body h3 { font-size: 1.2rem; margin-bottom: 0.75rem; text-transform: none;}.svc-step-body p { color: var(--text-muted); line-height: 1.6; font-size: 0.9375rem;}.svc-trust-badges { padding: 2.5rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background-color: var(--bg-main);}.svc-trust-heading { text-align: center; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 1.75rem;}.svc-trust-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1.25rem 2.5rem;}.svc-trust-badge { display: flex; align-items: center; gap: 0.75rem;}.svc-trust-icon { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-color: var(--bg-darker); border: 1px solid var(--border);}.svc-trust-icon svg { width: 26px; height: 26px;}.svc-trust-icon--text { font-weight: 900; font-size: 0.85rem; letter-spacing: -0.02em; border: none;}.svc-trust-info { display: flex; flex-direction: column; line-height: 1.3;}.svc-trust-info strong { font-size: 0.9rem; font-weight: 800; color: var(--text-main); text-transform: none; letter-spacing: 0;}.svc-trust-info span { font-size: 0.72rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em;}@media (max-width: 640px) { .svc-trust-grid { gap: 1rem 1.5rem; } .svc-trust-badge { gap: 0.5rem; } .svc-trust-icon { width: 38px; height: 38px; }}.svc-related-section { padding: 6rem 0;}.svc-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 1.25rem;}.svc-related-card { display: flex; align-items: center; gap: 1.25rem; background-color: var(--bg-card); border: 1px solid var(--border); border-radius: 1rem; padding: 1.5rem 2rem; text-decoration: none; color: var(--text-main); transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;}.svc-related-card:hover { transform: translateX(4px); border-color: var(--primary); box-shadow: 0 4px 16px rgba(37, 99, 235, 0.1);}.svc-related-icon { width: 44px; height: 44px; flex-shrink: 0; background-color: #eff6ff; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; color: var(--primary);}.svc-related-icon svg { width: 20px; height: 20px; stroke: var(--primary);}.svc-related-body { flex: 1;}.svc-related-body h3 { font-size: 1rem; margin-bottom: 0.25rem; text-transform: none;}.svc-related-body p { font-size: 0.875rem; color: var(--text-muted); line-height: 1.5;}.svc-related-arrow { width: 18px; height: 18px; flex-shrink: 0; stroke: var(--text-muted); transition: stroke 0.2s ease, transform 0.2s ease;}.svc-related-card:hover .svc-related-arrow { stroke: var(--primary); transform: translateX(3px);}.svc-faq-section { padding: 6rem 0;}.svc-faq-list { max-width: 860px; margin: 0 auto 3rem; display: flex; flex-direction: column; gap: 0; border: 1px solid var(--border); border-radius: 1rem; overflow: hidden;}.svc-faq-item { border-bottom: 1px solid var(--border);}.svc-faq-item:last-child { border-bottom: none;}.svc-faq-trigger { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.5rem 2rem; background: var(--bg-card); border: none; text-align: left; cursor: pointer; font-size: 1.05rem; font-weight: 700; color: var(--text-main); line-height: 1.4; transition: background 0.2s ease;}.svc-faq-trigger:hover { background-color: var(--bg-darker);}.svc-faq-trigger[aria-expanded="true"] { color: var(--primary);}.faq-icon { width: 20px; height: 20px; flex-shrink: 0; stroke: var(--primary);}.svc-faq-panel { background-color: var(--bg-card); max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; padding: 0 2rem;}.svc-faq-panel:not([hidden]) { padding: 0 2rem 1.75rem;}.svc-faq-panel p { font-size: 1rem; color: var(--text-muted); line-height: 1.7;}.digital-bolt-home-embed,.digital-bolt-services-embed { width: 100% !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; position: relative; left: 0; right: 0; overflow-x: hidden;}@media (max-width: 767px) { .svc-intro-stats { grid-template-columns: 1fr 1fr; } .svc-process-steps { grid-template-columns: 1fr; } .svc-hero-trust { gap: 0.5rem; } .trust-pill { font-size: 0.7rem; padding: 0.35rem 0.75rem; }.lead-form-hero-wrap .form-container { padding: 24px 16px;}}.svc-trust-badges { padding: 3rem 0; background-color: var(--bg-main); border-bottom: 1px solid var(--border);}.svc-trust-heading { text-align: center; color: var(--text-muted); font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 2.5rem;}.svc-trust-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; align-items: center; justify-items: center;}@media (min-width: 640px) { .svc-trust-grid { grid-template-columns: repeat(3, 1fr); }}@media (min-width: 1024px) { .svc-trust-grid { grid-template-columns: repeat(6, 1fr); }}.svc-trust-badge { display: flex; align-items: center; text-align: left; gap: 1rem; opacity: 0.8; transition: opacity 0.3s ease, transform 0.3s ease;}.svc-trust-badge:hover { opacity: 1; transform: translateY(-2px);}.svc-trust-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.svc-trust-icon svg { width: 100%; height: 100%; fill: #cbd5e1; }.svc-trust-icon--text { font-size: 1.25rem; font-weight: 900; color: #cbd5e1;}.svc-trust-info { display: flex; flex-direction: column; line-height: 1.1;}.svc-trust-info strong { font-size: 0.8125rem; color: var(--text-main); text-transform: uppercase; letter-spacing: 0.02em;}.svc-trust-info span { font-size: 0.625rem; color: var(--text-muted); text-transform: uppercase; font-weight: 600;}.db-hf-wrap { width: 100%; background: #fff; border-radius: 16px; padding: 22px 24px; box-shadow: 0 16px 48px rgba(0,0,0,0.18); font-family: inherit; color: #0f172a;}.db-hf-progress { display: flex; justify-content: space-between; position: relative; margin-bottom: 18px;}.db-hf-progress-bar { position: absolute; height: 3px; background: #e2e8f0; width: 100%; top: 17px; z-index: 1;}.db-hf-progress-fill { height: 100%; width: 0%; background: #2563eb; transition: width 0.4s ease;}.db-hf-step-ind { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2;}.db-hf-circle { width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 2px solid #e2e8f0; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.85rem; color: #64748b; transition: all 0.3s;}.db-hf-circle.active { background: #2563eb; border-color: #2563eb; color: #fff; }.db-hf-circle.done { background: #22c55e; border-color: #22c55e; color: #fff; }.db-hf-label { margin-top: 6px; font-size: 0.75rem; font-weight: 600; color: #64748b; white-space: nowrap;}.db-hf-label.active { color: #2563eb; }.db-hf-title { font-size: 1.15rem; font-weight: 800; text-align: center; margin-bottom: 4px; color: #0f172a; text-transform: uppercase; letter-spacing: -0.01em;}.db-hf-sub { font-size: 0.8rem; text-align: center; color: #64748b; margin-bottom: 16px;}.db-hf-step { display: none; animation: dbhfFade 0.3s ease; }.db-hf-step.active { display: block; }@keyframes dbhfFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); }}.db-hf-group { margin-bottom: 12px; }.db-hf-label-field { display: block; font-weight: 700; font-size: 0.9rem; margin-bottom: 8px; color: #0f172a;}.db-hf-control { width: 100%; padding: 10px 14px; border: 2px solid #e2e8f0; border-radius: 10px; font-size: 16px; color: #0f172a; background: #f8fafc; transition: border-color 0.2s, box-shadow 0.2s; -webkit-appearance: none;}.db-hf-control:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); outline: none; background: #fff;}.db-hf-control.invalid { border-color: #ef4444; }.db-hf-error { color: #ef4444; font-size: 0.8rem; margin-top: 4px; display: none; }.db-hf-checks { display: grid; gap: 10px; margin-top: 6px; }.db-hf-check { display: flex; align-items: center; gap: 10px; padding: 12px; border: 2px solid #e2e8f0; border-radius: 10px; cursor: pointer; transition: all 0.2s; background: #f8fafc;}.db-hf-check:hover { border-color: #2563eb; background: rgba(37,99,235,0.04); }.db-hf-check input { width: 18px; height: 18px; accent-color: #2563eb; flex-shrink: 0; }.db-hf-check label { font-size: 0.9rem; cursor: pointer; color: #0f172a; margin: 0; }.db-hf-btn-wrap { display: flex; justify-content: center; margin-top: 14px; }.db-hf-btn { width: 100%; padding: 12px; background: #2563eb; color: #fff; border: none; border-radius: 9999px; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; transition: background 0.2s, transform 0.2s; text-align: center; display: flex; align-items: center; justify-content: center;}.db-hf-btn:hover { background: #1d4ed8; transform: translateY(-2px); }.db-hf-trust { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 12px; padding-top: 12px; border-top: 1px solid #e2e8f0;}.db-hf-trust span { font-size: 0.75rem; font-weight: 600; color: #64748b; display: flex; align-items: center; gap: 4px;}.db-hf-hidden { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }.db-hf-spinner-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 99999; justify-content: center; align-items: center;}.db-hf-spinner-box { background: #fff; padding: 2rem; border-radius: 12px; text-align: center; box-shadow: 0 0 30px rgba(0,0,0,0.2);}.db-hf-spinner { width: 48px; height: 48px; border: 4px solid #e2e8f0; border-top-color: #2563eb; border-radius: 50%; animation: dbhfSpin 0.8s linear infinite; margin: 0 auto 12px;}@keyframes dbhfSpin { to { transform: rotate(360deg); } }.db-hf-spinner-msg { font-weight: 600; color: #475569; }@media (max-width: 480px) { .db-hf-wrap { padding: 18px 14px; } .db-hf-title { font-size: 1rem; }}.db-hf-yn { display: flex; gap: 10px; margin-top: 6px;}.db-hf-yn-btn { flex: 1; padding: 10px; border: 2px solid #e2e8f0; border-radius: 10px; background: #f8fafc; font-size: 0.95rem; font-weight: 700; color: #475569; cursor: pointer; transition: all 0.2s; text-align: center;}.db-hf-yn-btn:hover { border-color: #2563eb; background: rgba(37,99,235,0.04); color: #2563eb;}.db-hf-yn-btn.active { border-color: #2563eb; background: #2563eb; color: #fff;}.svc-blog-section { padding: 5rem 0; }.blog-cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.75rem; margin-top: 3rem;}.blog-card { background: #1e293b; border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.25s, box-shadow 0.25s; color: #f1f5f9;}.blog-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,0,0.35);}.blog-card-img-wrap { display: block; aspect-ratio: 16/9; overflow: hidden; flex-shrink: 0;}.blog-card-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;}.blog-card:hover .blog-card-img-wrap img { transform: scale(1.04); }.blog-card-img-placeholder { width: 100%; height: 100%; background: #0f172a;}.blog-card-body { padding: 1.5rem; display: flex; flex-direction: column; flex: 1; gap: 0.75rem;}.blog-card-meta { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap;}.blog-card-cat { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #2563eb; background: rgba(37,99,235,0.15); padding: 0.2rem 0.6rem; border-radius: 4px; white-space: nowrap;}.blog-card-date { font-size: 0.78rem; color: #94a3b8;}.blog-card-title { font-size: 1.05rem; font-weight: 700; line-height: 1.45; color: #f1f5f9; margin: 0; flex: 1;}.blog-card-title a { color: #f1f5f9; text-decoration: none; transition: color 0.2s;}.blog-card-title a:hover { color: #2563eb; }.blog-card-cta { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.85rem; font-weight: 600; color: #2563eb; text-decoration: none; margin-top: auto; transition: gap 0.2s, color 0.2s;}.blog-card-cta:hover { gap: 0.65rem; color: #3b82f6; }.blog-card-cta svg { width: 14px; height: 14px; }@media (max-width: 768px) { .blog-cards-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.25rem; } .svc-blog-section { padding: 3.5rem 0; }}@media (max-width: 480px) { .blog-cards-grid { grid-template-columns: 1fr; }}.qf-page { min-height: 60vh; }.qf-hero { background: var(--bg-darker); border-bottom: 1px solid var(--border); padding: 1.5rem 0 1.25rem;}.qf-hero-title { font-size: clamp(1.5rem, 3vw, 2rem); margin: .25rem 0 .5rem; line-height: 1.1;}.qf-hero-sub { color: var(--text-muted); font-size: .9375rem; line-height: 1.6; max-width: 560px;}.qf-body { padding-top: 1.5rem; padding-bottom: 3rem; }.qf-grid { display: grid; grid-template-columns: 1fr; gap: 1.75rem; align-items: start;}@media (min-width: 960px) { .qf-grid { grid-template-columns: 1fr 340px; gap: 2rem; }}.qf-form-col .db-hf-wrap { box-shadow: 0 4px 32px rgba(0,0,0,.07); border: 1px solid var(--border); border-radius: 1.25rem;}.qf-trust-col { display: flex; flex-direction: column; gap: 1.25rem; position: sticky; top: 100px;}@media (max-width: 959px) { .qf-trust-col { position: static; }}.qf-trust-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 1.25rem; padding: 1.75rem; box-shadow: 0 4px 24px rgba(0,0,0,.04);}.qf-trust-icon-wrap { width: 44px; height: 44px; background: rgba(37,99,235,.1); border-radius: .75rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;}.qf-trust-icon-wrap svg { width: 22px; height: 22px; stroke: var(--primary); }.qf-trust-title { font-size: .9375rem; margin-bottom: 1.25rem; text-transform: uppercase; letter-spacing: .04em;}.qf-steps { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1.125rem;}.qf-steps li { display: flex; gap: .875rem; align-items: flex-start; }.qf-step-num { flex-shrink: 0; width: 30px; height: 30px; background: var(--primary); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .7rem; font-weight: 800; letter-spacing: .02em; margin-top: .1rem;}.qf-steps li strong { display: block; font-size: .9rem; color: var(--text-main); margin-bottom: .2rem; }.qf-steps li p { font-size: .8375rem; color: var(--text-muted); line-height: 1.55; margin: 0; }.qf-stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: .625rem;}.qf-stat { background: var(--bg-card); border: 1px solid var(--border); border-radius: .875rem; padding: .875rem .625rem; text-align: center;}.qf-stat strong { display: block; font-size: 1.3rem; font-weight: 800; color: var(--primary); line-height: 1.1; }.qf-stat span { font-size: .7rem; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; display: block; margin-top: .25rem; }.qf-testimonial { background: var(--bg-darker); border-left: 3px solid var(--primary); border-radius: 0 .75rem .75rem 0; padding: 1.125rem 1.25rem; margin: 0;}.qf-testimonial p { font-size: .9rem; color: var(--text-main); font-style: italic; line-height: 1.6; margin: 0 0 .5rem; }.qf-testimonial cite { font-size: .78rem; color: var(--text-muted); font-style: normal; font-weight: 700; }.qf-guarantees { display: grid; grid-template-columns: 1fr 1fr; gap: .625rem; }.qf-guarantee { display: flex; align-items: center; gap: .45rem; font-size: .8rem; font-weight: 600; color: var(--text-muted); }.qf-guarantee svg { width: 14px; height: 14px; stroke: var(--primary); flex-shrink: 0; }.qf-partners { background: var(--bg-card); border: 1px solid var(--border); border-radius: .875rem; padding: 1.125rem 1.25rem;}.qf-partners-label { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--text-muted); margin-bottom: .875rem; }.qf-partner-logos { display: flex; flex-direction: column; gap: .5rem; }.qf-partner-badge { display: flex; align-items: center; gap: .5rem; font-size: .8125rem; font-weight: 600; color: var(--text-muted); }.qf-partner-badge svg { fill: var(--text-muted); flex-shrink: 0; }.qf-partner-text { width: 18px; height: 18px; background: var(--text-muted); color: #fff; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; font-size: .65rem; font-weight: 800; flex-shrink: 0;}.loc-archive-hero,.loc-filter-bar,.loc-archive-body,.loc-pagination,.footer-banner { box-sizing: border-box; }.loc-archive-hero { padding: 3.5rem 0 2.5rem; text-align: center; background: #0f172a;}.loc-archive-hero .eyebrow { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: .75rem;}.loc-archive-h1 { font-size: clamp(1.75rem, 4vw, 3rem); font-weight: 800; color: #ffffff; line-height: 1.15; margin: 0 0 1rem;}.loc-archive-desc { max-width: 640px; margin: 0 auto 2rem; color: #ffffff; font-size: 1.0625rem; line-height: 1.65;}.loc-filter-bar { position: sticky; top: 0; z-index: 100; background: #ffffff; border-bottom: 1px solid #e2e8f0; padding: .75rem 0; box-shadow: 0 2px 8px rgba(0,0,0,.06);}.loc-filter-inner { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }.loc-search-wrap { position: relative; display: flex; align-items: center; flex-shrink: 0; }.loc-search-icon { position: absolute; left: .75rem; width: 1rem; height: 1rem; color: #475569; pointer-events: none; }.loc-search-input { padding: .5rem .5rem .5rem 2.25rem; border: 2px solid #cbd5e1; border-radius: .5rem; font-size: .9375rem; color: #0f172a; background: #f8fafc; width: 220px; transition: border-color .15s, box-shadow .15s;}.loc-search-input::placeholder { color: #64748b; }.loc-search-input:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.25); background: #fff; }.loc-archive-body { padding: 2rem 0 3rem; }.loc-result-count { font-size: .875rem; color: #475569; margin-bottom: 2rem; }.loc-result-count strong { color: #0f172a; }.loc-state-section { margin-bottom: 2.5rem; }.loc-state-section.is-hidden { display: none; }.loc-state-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; padding-bottom: .625rem; border-bottom: 2px solid #e2e8f0; }.loc-state-title-row { display: flex; align-items: center; gap: .5rem; }.loc-state-icon { width: 1.125rem; height: 1.125rem; color: #3b82f6; }.loc-state-header h2 { font-size: 1.125rem; font-weight: 700; color: #0f172a; margin: 0; line-height: 1; }.loc-state-count { font-size: .8125rem; font-weight: 600; color: #475569; background: #f1f5f9; border-radius: 2rem; padding: .2em .75em; }.loc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: .625rem; }.loc-card { display: flex; align-items: center; gap: .625rem; padding: .75rem 1rem; background: #ffffff; border: 1.5px solid #e2e8f0; border-radius: .625rem; text-decoration: none; transition: border-color .15s, background .15s, box-shadow .15s, transform .1s; min-height: 3.5rem;}.loc-card:hover { border-color: #3b82f6; background: #eff6ff; box-shadow: 0 4px 12px rgba(59,130,246,.15); transform: translateY(-1px); }.loc-card:focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }.loc-card.is-hidden { display: none; }.loc-card-pin { width: 1rem; height: 1rem; flex-shrink: 0; color: #3b82f6; }.loc-card:hover .loc-card-pin { color: #1d4ed8; }.loc-card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .125rem; }.loc-card-title { font-size: .9375rem; font-weight: 700; color: #0f172a; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.loc-card:hover .loc-card-title { color: #1d4ed8; }.loc-card-state { font-size: .75rem; font-weight: 500; color: #475569; line-height: 1; }.loc-card:hover .loc-card-state { color: #2563eb; }.loc-card-arrow { width: .875rem; height: .875rem; flex-shrink: 0; color: #94a3b8; transition: color .15s, transform .15s; }.loc-card:hover .loc-card-arrow { color: #1d4ed8; transform: translateX(2px); }.loc-no-results { text-align: center; padding: 3rem 1rem; color: #334155; }.loc-no-results svg { width: 2.5rem; height: 2.5rem; color: #94a3b8; margin-bottom: .75rem; }.loc-no-results p { font-size: 1rem; color: #475569; margin-bottom: 1.25rem; }.loc-pagination { display: flex; align-items: center; justify-content: center; gap: .375rem; flex-wrap: wrap; padding: 1.5rem 0 2.5rem; }.loc-page-btn { display: inline-flex; align-items: center; gap: .25rem; padding: .4375rem .875rem; border: 1.5px solid #cbd5e1; border-radius: .5rem; background: #fff; color: #1e293b; font-size: .875rem; font-weight: 600; text-decoration: none; transition: background .12s, border-color .12s, color .12s;}.loc-page-btn:hover { background: #eff6ff; border-color: #3b82f6; color: #1d4ed8; }.loc-page-btn.is-active { background: #1d4ed8; border-color: #1d4ed8; color: #fff; pointer-events: none; }.loc-page-btn:focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }.loc-page-ellipsis { padding: .4375rem .25rem; color: #64748b; font-weight: 600; font-size: .875rem; }@media (max-width: 640px) { .loc-grid { grid-template-columns: 1fr 1fr; } .loc-filter-inner { flex-direction: column; align-items: flex-start; } .loc-search-input { width: 100%; } .loc-hero-stats { gap: 1.5rem; }}@media (max-width: 400px) { .loc-grid { grid-template-columns: 1fr; }}.blog-archive-page { padding-top: 100px; padding-bottom: 4rem; background: #fff; }.blog-archive-page .db-breadcrumbs { padding-top: 1rem; margin-bottom: 1.5rem; }.hs-hero-section { margin-bottom: 4rem; }.hs-hero-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; }@media (min-width: 1024px) { .hs-hero-grid { grid-template-columns: 2fr 1fr; } }.hs-main-post { background: #f9f8f6; display: flex; flex-direction: column; text-decoration: none; color: var(--text-main); transition: transform .2s; }.hs-main-post:hover { transform: translateY(-4px); }.hs-main-post-img-wrap { width: 100%; aspect-ratio: 1.6; overflow: hidden; }.hs-main-post-img-wrap img { width: 100%; height: 100%; object-fit: cover; }.hs-main-content { padding: 3rem 2.5rem; }.hs-main-title { font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.2; margin-bottom: 1.5rem; font-weight: 800; text-transform: none; }.hs-main-excerpt { font-size: 1.125rem; color: var(--text-main); margin-bottom: 3rem; line-height: 1.6; }.hs-meta { display: flex; align-items: center; gap: 1.5rem; font-size: .9375rem; color: var(--text-muted); }.hs-sidebar-title { font-size: 1.125rem; font-weight: 800; margin-bottom: 0; padding-bottom: .75rem; border-bottom: 2px solid #ff5c35; text-transform: none; }.hs-sidebar-list { display: flex; flex-direction: column; }.hs-sidebar-item { padding: 1.5rem 0; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: .75rem; }.hs-sidebar-item h4 { font-size: 1rem; line-height: 1.5; margin: 0; text-transform: none; font-weight: 700; }.hs-sidebar-item h4 a { color: var(--text-main); text-decoration: none; transition: color .2s; }.hs-sidebar-item h4 a:hover { color: var(--primary); }.hs-sidebar-meta { display: flex; justify-content: space-between; align-items: center; font-size: .875rem; color: var(--text-muted); }.hs-four-cards { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-top: 3rem; }@media (min-width: 640px) { .hs-four-cards { grid-template-columns: repeat(2, 1fr); } }@media (min-width: 1024px) { .hs-four-cards { grid-template-columns: repeat(4, 1fr); } }.hs-card { display: flex; flex-direction: column; text-decoration: none; color: var(--text-main); }.hs-card-img-wrap { width: 100%; aspect-ratio: 16/9; overflow: hidden; margin-bottom: 1.25rem; border-radius: 4px; }.hs-card-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }.hs-card:hover .hs-card-img-wrap img { transform: scale(1.05); }.hs-card-title { font-size: 1.05rem; font-weight: 700; margin-bottom: .75rem; line-height: 1.4; text-transform: none; }.hs-card-excerpt { font-size: .9375rem; color: var(--text-muted); margin-bottom: 1.25rem; line-height: 1.6; }.hs-card-meta { margin-top: auto; display: flex; flex-direction: column; gap: .25rem; font-size: .875rem; color: var(--text-muted); }.hs-archive-section { margin-top: 4rem; margin-bottom: 4rem; }.hs-archive-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2rem; }.hs-archive-header h2 { font-size: 2.25rem; font-weight: 500; margin: 0; text-transform: none; }.hs-archive-header-link { font-weight: 700; color: var(--text-main); text-decoration: none; border-bottom: 2px solid #ff5c35; padding-bottom: .25rem; transition: color .2s; font-size: 1rem; }.hs-archive-header-link:hover { color: var(--primary); }.hs-archive-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; }@media (min-width: 1024px) { .hs-archive-grid { grid-template-columns: 1fr 1fr 320px; } }.hs-archive-col { display: flex; flex-direction: column; }.hs-archive-item { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: .75rem; }.hs-archive-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }.hs-archive-item h4 { font-size: 1.125rem; line-height: 1.4; margin: 0; font-weight: 700; text-transform: none; }.hs-archive-item h4 a { color: var(--text-main); text-decoration: none; transition: color .2s; }.hs-archive-item h4 a:hover { color: var(--primary); }.hs-archive-item p { font-size: .9375rem; color: var(--text-main); margin: 0; line-height: 1.5; }.hs-cta-card { background: var(--primary); color: #fff; border-radius: 16px; padding: 3rem 2rem; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; height: 100%; min-height: 280px; }.hs-cta-card::before { content: ''; position: absolute; top: -60px; right: -60px; width: 200px; height: 200px; background: rgba(255,255,255,.06); border-radius: 50%; }.hs-cta-card::after { content: ''; position: absolute; bottom: -80px; left: -40px; width: 240px; height: 240px; background: rgba(255,255,255,.05); border-radius: 50%; }.hs-cta-card-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 1.5rem; }.hs-cta-eyebrow { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.7); }.hs-cta-card h3 { font-size: 1.375rem; line-height: 1.3; text-transform: uppercase; color: #fff; font-weight: 800; letter-spacing: -.01em; margin: 0; }.hs-cta-btn { display: inline-flex; align-items: center; justify-content: center; background: #fff; color: var(--primary); border: none; padding: .875rem 1.75rem; border-radius: 9999px; font-weight: 700; font-size: .9375rem; text-transform: uppercase; letter-spacing: .05em; text-decoration: none; transition: background .2s, transform .2s; white-space: nowrap; }.hs-cta-btn:hover { background: rgba(255,255,255,.9); transform: translateY(-2px); }.hs-cta-subtext { font-size: .8rem; color: rgba(255,255,255,.65); font-weight: 500; }.blog-all-posts { margin-top: 4rem; padding-top: 3rem; border-top: 2px solid var(--border); }.blog-all-posts-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; }.blog-all-posts-header h2 { font-size: 1.75rem; font-weight: 800; margin: 0; text-transform: none; }.blog-all-count { font-size: .875rem; color: var(--text-muted); font-weight: 500; }.blog-all-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 1.75rem; }.blog-all-card { display: flex; flex-direction: column; text-decoration: none; color: var(--text-main); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: box-shadow .2s, transform .2s; background: #fff; }.blog-all-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.08); transform: translateY(-3px); }.blog-all-card-img { aspect-ratio: 16/9; overflow: hidden; background: var(--bg-darker); }.blog-all-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; display: block; }.blog-all-card:hover .blog-all-card-img img { transform: scale(1.04); }.blog-all-card-body { padding: 1.25rem 1.5rem 1.5rem; display: flex; flex-direction: column; flex: 1; }.blog-all-cat { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--primary); margin-bottom: .5rem; display: block; }.blog-all-card-title { font-size: 1rem; font-weight: 700; line-height: 1.45; margin: 0 0 .625rem; text-transform: none; color: var(--text-main); }.blog-all-card-excerpt { font-size: .875rem; color: var(--text-muted); line-height: 1.6; margin: 0 0 1.25rem; }.blog-all-card-meta { margin-top: auto; display: flex; justify-content: space-between; font-size: .8125rem; color: var(--text-muted); gap: .5rem; }.blog-all-no-thumb .blog-all-card-body { padding-top: 1.5rem; }.blog-pagination { margin-top: 3rem; display: flex; justify-content: center; }.blog-pagination .nav-links { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; justify-content: center; }.blog-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 .5rem; border-radius: 8px; font-weight: 600; color: var(--text-main); border: 1px solid var(--border); transition: all .2s; text-decoration: none; }.blog-pagination .page-numbers:hover { border-color: var(--primary); color: var(--primary); background: var(--bg-darker); }.blog-pagination .page-numbers.current { background: var(--primary); color: #fff; border-color: var(--primary); pointer-events: none; }.blog-pagination .next, .blog-pagination .prev { width: auto; padding: 0 1.25rem; border-radius: 9999px; }.blog-pagination .dots { border-color: transparent; background: none; min-width: 2rem; cursor: default; }.blog-pagination .dots:hover { border-color: transparent; background: none; color: var(--text-muted); transform: none; }.blog-no-results { text-align: center; padding: 5rem 1rem; color: var(--text-muted); font-size: 1.125rem; }.bd-page { background: #fff; }.bd-hero { position: relative; background: #0f172a; min-height: 420px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }.bd-hero--has-image { min-height: 520px; }@media (min-width: 1024px) { .bd-hero--has-image { min-height: 620px; } }.bd-hero-img { position: absolute; inset: 0; }.bd-hero-img-el { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }.bd-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(15,23,42,.88) 0%, rgba(15,23,42,.5) 50%, rgba(15,23,42,.2) 100%); }.bd-hero-overlay { position: relative; z-index: 2; padding: 3rem 0 3.5rem; }.bd-hero-breadcrumbs { margin-bottom: 1.25rem; }.bd-hero .db-breadcrumbs,.bd-hero .db-breadcrumbs a,.bd-hero .db-breadcrumbs span { color: rgba(255,255,255,.75) !important; }.bd-hero-cat { display: inline-block; background: var(--primary); color: #fff; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; padding: .3rem .75rem; border-radius: 9999px; text-decoration: none; margin-bottom: 1.25rem; transition: background .2s; }.bd-hero-cat:hover { background: var(--primary-hover); }.bd-hero-title { font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.15; color: #fff; font-weight: 800; margin: 0 0 1.5rem; text-transform: none; letter-spacing: -.02em; max-width: 860px; }.bd-hero-meta { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; color: rgba(255,255,255,.75); font-size: .9375rem; }.bd-hero-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.35); flex-shrink: 0; }.bd-hero-author { font-weight: 600; color: #fff; }.bd-hero-sep { color: rgba(255,255,255,.4); }.bd-hero-date,.bd-hero-read { color: rgba(255,255,255,.65); font-size: .875rem; }.bd-body { padding-top: 3rem; padding-bottom: 4rem; }.bd-layout { display: grid; grid-template-columns: 1fr; gap: 3rem; }@media (min-width: 1100px) { .bd-layout { grid-template-columns: 1fr 320px; gap: 4rem; align-items: start; } }.bd-article { min-width: 0; }.bd-content { font-size: 1.0625rem; line-height: 1.8; color: var(--text-main); }.bd-content p { margin: 0 0 1.5rem; }.bd-content h2 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; line-height: 1.25; margin: 2.5rem 0 1rem; text-transform: none; color: var(--text-main); }.bd-content h3 { font-size: clamp(1.2rem, 2.5vw, 1.5rem); font-weight: 700; line-height: 1.3; margin: 2rem 0 .75rem; text-transform: none; color: var(--text-main); }.bd-content h4 { font-size: 1.125rem; font-weight: 700; margin: 1.75rem 0 .625rem; text-transform: none; color: var(--text-main); }.bd-content ul,.bd-content ol { margin: 0 0 1.5rem 1.5rem; padding: 0; }.bd-content li { margin-bottom: .5rem; }.bd-content a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }.bd-content a:hover { color: var(--primary-hover); }.bd-content blockquote { border-left: 4px solid var(--primary); margin: 2rem 0; padding: 1.25rem 1.5rem; background: var(--bg-darker); border-radius: 0 8px 8px 0; font-style: italic; font-size: 1.125rem; color: var(--text-main); }.bd-content blockquote p:last-child { margin-bottom: 0; }.bd-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 1.5rem 0; }.bd-content table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: .9375rem; }.bd-content th { background: #0f172a; color: #fff; padding: .75rem 1rem; text-align: left; font-weight: 700; }.bd-content td { padding: .75rem 1rem; border-bottom: 1px solid var(--border); vertical-align: top; }.bd-content tr:nth-child(even) td { background: var(--bg-darker); }.bd-content code { background: var(--bg-darker); border: 1px solid var(--border); border-radius: 4px; padding: .15em .4em; font-family: 'Courier New', monospace; font-size: .875em; }.bd-content pre { background: #0f172a; color: #e2e8f0; border-radius: 8px; padding: 1.5rem; overflow-x: auto; margin: 2rem 0; }.bd-content pre code { background: none; border: none; padding: 0; font-size: .875rem; }.bd-content hr { border: none; border-top: 2px solid var(--border); margin: 3rem 0; }.bd-toc--inline { background: var(--bg-darker); border: 1px solid var(--border); border-radius: 12px; padding: 1.25rem 1.5rem; margin-bottom: 2.5rem; }@media (min-width: 1100px) { .bd-toc--inline { display: none; } }.bd-toc-toggle { display: flex; align-items: center; gap: .625rem; width: 100%; background: none; border: none; padding: 0; font-size: 1rem; font-weight: 700; color: var(--text-main); cursor: pointer; font-family: var(--font-main); }.bd-toc-chevron { margin-left: auto; transition: transform .25s; }.bd-toc-toggle[aria-expanded="false"] .bd-toc-chevron { transform: rotate(-90deg); }.bd-toc-list { margin: 1rem 0 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: .25rem; }.bd-toc-list[hidden] { display: none; }.bd-toc-item--h2 { padding-left: 0; }.bd-toc-item--h3 { padding-left: 1.25rem; }.bd-toc-link { font-size: .9rem; color: var(--text-muted); text-decoration: none; line-height: 1.5; transition: color .2s; display: block; padding: .25rem 0; border-left: 2px solid transparent; padding-left: .5rem; }.bd-toc-link:hover,.bd-toc-link.is-active { color: var(--primary); border-left-color: var(--primary); }.bd-share { display: flex; align-items: center; gap: .75rem; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--border); flex-wrap: wrap; }.bd-share-label { font-size: .8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--text-muted); margin-right: .25rem; }.bd-share-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border); color: var(--text-muted); background: #fff; text-decoration: none; transition: background .2s, color .2s, border-color .2s; cursor: pointer; }.bd-share-btn:hover { background: var(--bg-darker); color: var(--text-main); border-color: #cbd5e1; }.bd-share-twitter:hover { color: #000; }.bd-share-linkedin:hover { color: #0a66c2; border-color: #0a66c2; }.bd-share-facebook:hover { color: #1877f2; border-color: #1877f2; }.bd-author-bio { display: flex; gap: 1.5rem; align-items: flex-start; background: var(--bg-darker); border: 1px solid var(--border); border-radius: 12px; padding: 1.75rem; margin-top: 3rem; }.bd-author-bio-img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }.bd-author-bio-label { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--text-muted); margin: 0 0 .25rem; }.bd-author-bio-name { font-size: 1.125rem; font-weight: 800; color: var(--text-main); text-decoration: none; display: block; margin-bottom: .5rem; }.bd-author-bio-name:hover { color: var(--primary); }.bd-author-bio-desc { font-size: .9375rem; color: var(--text-muted); margin: 0; line-height: 1.6; }.bd-sidebar { display: flex; flex-direction: column; gap: 2rem; position: sticky; top: 100px; align-self: start; }@media (max-width: 1099px) { .bd-sidebar { display: none; } }.bd-sidebar-toc { background: var(--bg-darker); border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; }.bd-sidebar-toc-heading { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; color: var(--text-muted); margin: 0 0 1rem; }.bd-toc-list--sidebar { margin: 0; }.bd-toc-list--sidebar .bd-toc-link { font-size: .875rem; }.bd-sidebar-cta { background: #0f172a; color: #fff; border-radius: 12px; padding: 2rem 1.5rem; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 1rem; }.bd-sidebar-cta-eyebrow { font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.6); }.bd-sidebar-cta h3 { font-size: 1.25rem; line-height: 1.3; text-transform: uppercase; font-weight: 800; color: #fff; margin: 0; letter-spacing: -.01em; }.bd-sidebar-cta p { font-size: .875rem; color: rgba(255,255,255,.7); margin: 0; line-height: 1.6; }.bd-sidebar-cta-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--primary); color: #fff; border: none; padding: .75rem 1.5rem; border-radius: 9999px; font-weight: 700; font-size: .875rem; text-transform: uppercase; letter-spacing: .05em; text-decoration: none; transition: background .2s, transform .2s; white-space: nowrap; }.bd-sidebar-cta-btn:hover { background: var(--primary-hover); transform: translateY(-2px); }.bd-sidebar-cta-sub { font-size: .75rem; color: rgba(255,255,255,.5); margin: 0; }.bd-mobile-cta { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: #fff; box-shadow: 0 -4px 32px rgba(0,0,0,.15); z-index: 300; border-radius: 16px 16px 0 0; }@media (max-width: 1099px) { .bd-mobile-cta { display: block; } }.bd-mobile-cta-accent { height: 4px; background: var(--primary); border-radius: 16px 16px 0 0; }.bd-mobile-cta-toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; background: none; border: none; font-family: var(--font-main); font-size: .875rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--text-main); cursor: pointer; }.bd-mobile-cta-chevron { flex-shrink: 0; transition: transform .25s; }.bd-mobile-cta-toggle[aria-expanded="true"] .bd-mobile-cta-chevron { transform: rotate(180deg); }.bd-mobile-cta-body { padding: .25rem 1.25rem 1.75rem; display: flex; flex-direction: column; gap: .875rem; text-align: center; }.bd-mobile-cta-body[hidden] { display: none; }.bd-mobile-cta-body p { font-size: .9375rem; color: var(--text-muted); margin: 0; line-height: 1.5; }.bd-mobile-cta-btn { display: block; background: var(--primary); color: #fff; text-align: center; padding: 1rem; border-radius: 9999px; font-weight: 700; font-size: .9375rem; text-transform: uppercase; letter-spacing: .04em; text-decoration: none; transition: background .2s; }.bd-mobile-cta-btn:hover { background: var(--primary-hover); }.bd-mobile-cta-sub { font-size: .8rem !important; color: var(--text-muted) !important; }@media (max-width: 1099px) { .bd-page { padding-bottom: 62px; } }.bd-related { padding: 4rem 0; border-top: 2px solid var(--border); }.bd-related-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; flex-wrap: wrap; gap: 1rem; }.bd-related-title { font-size: 1.75rem; font-weight: 800; margin: 0; text-transform: none; }.bd-related-all { font-size: .9375rem; font-weight: 700; color: var(--primary); text-decoration: none; transition: color .2s; }.bd-related-all:hover { color: var(--primary-hover); }.bd-related-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }@media (min-width: 640px) { .bd-related-grid { grid-template-columns: repeat(2, 1fr); } }@media (min-width: 1024px) { .bd-related-grid { grid-template-columns: repeat(3, 1fr); } }.bd-related-card { display: flex; flex-direction: column; text-decoration: none; color: var(--text-main); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: box-shadow .2s, transform .2s; background: #fff; }.bd-related-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.08); transform: translateY(-3px); }.bd-related-card-img { aspect-ratio: 16/9; overflow: hidden; background: var(--bg-darker); }.bd-related-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; display: block; }.bd-related-card:hover .bd-related-card-img img { transform: scale(1.04); }.bd-related-card-body { padding: 1.25rem 1.5rem 1.5rem; display: flex; flex-direction: column; flex: 1; }.bd-related-cat { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--primary); margin-bottom: .5rem; display: block; }.bd-related-card-title { font-size: 1rem; font-weight: 700; line-height: 1.45; margin: 0 0 .75rem; text-transform: none; }.bd-related-card-meta { margin-top: auto; font-size: .8125rem; color: var(--text-muted); }.bd-cta-banner { background: #0f172a; padding: 5rem 0; }.bd-cta-banner-inner { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: center; }@media (min-width: 768px) { .bd-cta-banner-inner { grid-template-columns: 1fr auto; } }.bd-cta-banner-eyebrow { font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--primary); display: block; margin-bottom: .75rem; }.bd-cta-banner h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 800; color: #fff; margin: 0 0 .75rem; line-height: 1.2; text-transform: none; }.bd-cta-banner p { font-size: 1.0625rem; color: rgba(255,255,255,.7); margin: 0; line-height: 1.6; }.bd-cta-banner-actions { display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; }@media (min-width: 768px) { .bd-cta-banner-actions { align-items: flex-end; } }.bd-cta-banner-link { font-size: .9375rem; font-weight: 600; color: rgba(255,255,255,.65); text-decoration: none; transition: color .2s; }.bd-cta-banner-link:hover { color: #fff; }.ba-topics { margin-top: 4rem; padding-top: 3.5rem; border-top: 2px solid var(--border); }.ba-topics-header { margin-bottom: 2.5rem; }.ba-topics-title { font-size: 1.75rem; font-weight: 800; margin: 0; text-transform: none; }.ba-topic-cluster { margin-bottom: 3.5rem; }.ba-topic-cluster:last-child { margin-bottom: 0; }.ba-topic-cluster-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; padding-bottom: 1rem; border-bottom: 2px solid var(--border); flex-wrap: wrap; gap: .75rem; }.ba-topic-cluster-title { font-size: 1.25rem; font-weight: 800; margin: 0; text-transform: none; }.ba-topic-cluster-title a { color: var(--text-main); text-decoration: none; transition: color .2s; }.ba-topic-cluster-title a:hover { color: var(--primary); }.ba-topic-cluster-more { font-size: .875rem; font-weight: 700; color: var(--primary); text-decoration: none; white-space: nowrap; transition: color .2s; }.ba-topic-cluster-more:hover { color: var(--primary-hover); }.ba-topic-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }@media (min-width: 640px) { .ba-topic-grid { grid-template-columns: repeat(2, 1fr); } }@media (min-width: 1024px) { .ba-topic-grid { grid-template-columns: repeat(3, 1fr); } }.ba-topic-card { display: flex; gap: 1rem; text-decoration: none; color: var(--text-main); align-items: flex-start; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: #fff; transition: box-shadow .2s, transform .2s; }.ba-topic-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.07); transform: translateY(-2px); }.ba-topic-card-img { width: 100px; min-width: 100px; aspect-ratio: 1; overflow: hidden; background: var(--bg-darker); flex-shrink: 0; }.ba-topic-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; display: block; }.ba-topic-card:hover .ba-topic-card-img img { transform: scale(1.05); }.ba-topic-card-body { padding: .875rem .875rem .875rem 0; display: flex; flex-direction: column; gap: .375rem; min-width: 0; }.ba-topic-card-title { font-size: .9375rem; font-weight: 700; line-height: 1.4; margin: 0; text-transform: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }.ba-topic-card-date { font-size: .8rem; color: var(--text-muted); }.ta-page { background: #fff; padding-bottom: 4rem; }.ta-hero { background: #0f172a; padding: 100px 0 3.5rem; }.ta-hero .db-breadcrumbs,.ta-hero .db-breadcrumbs a,.ta-hero .db-breadcrumbs span { color: rgba(255,255,255,.65) !important; }.ta-hero-eyebrow { display: inline-block; font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--primary); margin-bottom: .875rem; }.ta-hero-title { font-size: clamp(2.25rem, 5vw, 3.5rem); font-weight: 800; color: #fff; margin: 0 0 1.25rem; line-height: 1.15; text-transform: none; letter-spacing: -.02em; }.ta-hero-desc { font-size: 1.125rem; color: rgba(255,255,255,.7); max-width: 640px; margin: 0 0 1.5rem; line-height: 1.7; }.ta-hero-count { display: inline-block; font-size: .875rem; font-weight: 600; color: rgba(255,255,255,.5); }.ta-posts { padding: 3rem 0 2rem; }.ta-page-label { font-size: .875rem; color: var(--text-muted); font-weight: 500; margin: 0 0 1.5rem; }.ta-cta { padding-top: 3rem; padding-bottom: 3rem; }.sa-hero { background: #0f172a; padding: 5rem 0 3.5rem; text-align: center; }.sa-hero-breadcrumbs { margin-bottom: 1.25rem; }.sa-hero .db-breadcrumbs,.sa-hero .db-breadcrumbs a,.sa-hero .db-breadcrumbs span { color: rgba(255,255,255,.65) !important; }.sa-hero .eyebrow { margin-bottom: 1rem; }.sa-hero-title { font-size: clamp(2rem, 4.5vw, 3.25rem); font-weight: 800; color: #fff; margin: 0 0 1.25rem; line-height: 1.15; text-transform: none; letter-spacing: -.02em; }.sa-hero-desc { font-size: 1.0625rem; color: rgba(255,255,255,.7); max-width: 640px; margin: 0 auto; line-height: 1.7; }.sa-filter-bar { position: sticky; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid var(--border); padding: .75rem 0; box-shadow: 0 2px 8px rgba(0,0,0,.06); }.sa-filter-inner { display: flex; align-items: center; gap: 1.25rem; }.sa-filter-count { font-size: .875rem; color: var(--text-muted); font-weight: 500; white-space: nowrap; }.sa-body { padding: 3rem 0 4rem; }.sa-group { margin-bottom: 3.5rem; }.sa-group.is-hidden { display: none; }.sa-group:last-of-type { margin-bottom: 0; }.sa-group-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; margin-bottom: 1.5rem; border-bottom: 2px solid var(--border); flex-wrap: wrap; gap: .75rem; }.sa-group-title-row { display: flex; align-items: center; gap: .625rem; }.sa-group-icon { width: 20px; height: 20px; stroke: var(--primary); flex-shrink: 0; }.sa-group-header h2 { font-size: 1.25rem; font-weight: 800; margin: 0; text-transform: none; color: var(--text-main); }.sa-group-count { font-size: .875rem; font-weight: 700; color: var(--primary); text-decoration: none; white-space: nowrap; transition: color .2s; }.sa-group-count:hover { color: var(--primary-hover); }.sa-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.25rem; }.sa-card { display: flex; flex-direction: column; text-decoration: none; color: var(--text-main); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; background: #fff; transition: box-shadow .2s, transform .2s; }.sa-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.09); transform: translateY(-3px); }.sa-card.is-hidden { display: none; }.sa-card-img { aspect-ratio: 16/9; overflow: hidden; background: var(--bg-darker); position: relative; }.sa-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s; }.sa-card:hover .sa-card-img img { transform: scale(1.05); }.sa-card-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%); }.sa-card-img-placeholder i { width: 28px; height: 28px; stroke: rgba(255,255,255,.35); }.sa-card-body { padding: .875rem 1rem; flex: 1; display: flex; flex-direction: column; gap: .25rem; }.sa-card-parent { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--primary); }.sa-card-title { font-size: .9375rem; font-weight: 700; line-height: 1.4; color: var(--text-main); }.sa-card-arrow { width: 16px; height: 16px; stroke: var(--text-muted); margin: 0 1rem 1rem auto; flex-shrink: 0; transition: stroke .2s, transform .2s; }.sa-card:hover .sa-card-arrow { stroke: var(--primary); transform: translateX(3px); }.sa-no-results { text-align: center; padding: 4rem 1rem; color: var(--text-muted); }.sa-no-results:not([hidden]) { display: flex; flex-direction: column; align-items: center; gap: 1rem; }.sa-no-results i { width: 40px; height: 40px; stroke: var(--border); }.sa-no-results p { font-size: 1rem; margin: 0; }.pf-filter-bar { position: sticky; top: 0; z-index: 100; background: #0f172a; border-bottom: 1px solid rgba(255,255,255,.07); padding: .875rem 0; box-shadow: 0 4px 16px rgba(0,0,0,.3);}.pf-filter-inner { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;}.pf-pills { display: flex; gap: .5rem; flex-wrap: wrap; flex: 1;}.pf-pill { background: transparent; border: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.55); padding: .4rem 1rem; border-radius: 9999px; font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; transition: border-color .2s, color .2s, background .2s; white-space: nowrap; line-height: 1;}.pf-pill:hover { border-color: var(--primary, #2563eb); color: #fff;}.pf-pill.active { background: var(--primary, #2563eb); border-color: var(--primary, #2563eb); color: #fff;}.pf-pill span { opacity: .65; }.pf-count { font-size: .75rem; font-weight: 600; color: rgba(255,255,255,.35); white-space: nowrap; margin-left: auto;}.pf-body { background: #0b0c0b; padding: 3.5rem 0 5rem;}.pf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem;}@media (max-width: 1024px) { .pf-grid { grid-template-columns: repeat(2, 1fr); } }@media (max-width: 600px) { .pf-grid { grid-template-columns: 1fr; } }.pf-card { display: flex; flex-direction: column; background: #111827; border: 1px solid rgba(255,255,255,.07); border-radius: 1rem; overflow: hidden; text-decoration: none; color: #e2e8f0; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;}.pf-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,.5); border-color: rgba(255,255,255,.14);}.pf-card.is-hidden, .pf-card.is-deferred { display: none; }.pf-card-img { aspect-ratio: 16 / 10; position: relative; overflow: hidden; background: #1e293b;}.pf-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease;}.pf-card:hover .pf-card-img img { transform: scale(1.05); }.pf-card-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}.pf-card-img-placeholder svg { width: 2.5rem; height: 2.5rem; color: #334155; }.pf-card-badge { position: absolute; top: .75rem; left: .75rem; font-size: .65rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: .3rem .8rem; border-radius: 9999px; background: rgba(0,0,0,.55); backdrop-filter: blur(6px); color: #e2e8f0; border: 1px solid rgba(255,255,255,.12);}.pf-card-body { padding: 1.25rem 1.5rem 1.5rem; display: flex; flex-direction: column; gap: .5rem; flex: 1;}.pf-card-title { font-size: 1.0625rem; font-weight: 700; color: #fff; line-height: 1.35;}.pf-card-excerpt { font-size: .8125rem; color: #64748b; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.pf-card-footer { margin-top: auto; padding-top: .875rem; border-top: 1px solid rgba(255,255,255,.06); display: flex; align-items: center; justify-content: space-between; gap: .5rem;}.pf-card-link { font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--primary, #2563eb); display: flex; align-items: center; gap: .35rem;}.pf-card-link svg { width: 13px; height: 13px; transition: transform .2s; }.pf-card:hover .pf-card-link svg { transform: translateX(3px); }.pf-card-results { font-size: .7rem; font-weight: 700; color: #4ade80; background: rgba(74,222,128,.08); border: 1px solid rgba(74,222,128,.15); padding: .2rem .6rem; border-radius: .4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px;}.pf-no-results { text-align: center; padding: 5rem 1rem; color: #475569; display: none;}.pf-no-results:not([hidden]) { display: block; }.pf-no-results svg { width: 3rem; height: 3rem; color: #1e293b; margin-bottom: 1rem; }.pf-no-results h3 { font-size: 1.125rem; color: #64748b; margin-bottom: 1.5rem; font-weight: 600; }.pf-body { background: var(--bg-darker); padding: 3.5rem 0 5rem; }.pf-card { background: var(--bg-card); border: 1px solid var(--border); color: var(--text-main); }.pf-card:hover { border-color: rgba(37,99,235,.2); }.pf-card-title { color: var(--text-main); }.pf-card-excerpt { color: var(--text-muted); }.pf-card-footer { border-top-color: var(--border); }.pf-card-img { background: var(--bg-darker); }.pf-card-img-placeholder svg { color: var(--border); }.pf-card-badge { background: rgba(0,0,0,.55); color: #fff;}.pf-no-results { background: transparent; }.pfs-hero { position: relative; background: #0f172a; text-align: left; overflow: hidden; padding: 7rem 0 5rem;}.pfs-hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center top; opacity: .25;}.pfs-hero > .container { position: relative; z-index: 1; }.pfs-back { display: inline-flex; align-items: center; gap: .4rem; color: rgba(255,255,255,.6); font-size: .8rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; margin-bottom: 1.5rem; transition: color .2s;}.pfs-back:hover { color: #fff; }.pfs-back svg { width: 14px; height: 14px; }.pfs-hero-title { font-size: clamp(1.875rem, 4vw, 3rem); font-weight: 800; color: #fff; letter-spacing: -.03em; line-height: 1.15; margin: .5rem 0 1rem; text-transform: none;}.pfs-hero-meta { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center;}.pfs-hero-tag { font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: .3rem .85rem; border-radius: 9999px; background: rgba(255,255,255,.12); color: rgba(255,255,255,.85); border: 1px solid rgba(255,255,255,.15);}.pfs-stats-bar { background: #fff; border-bottom: 1px solid var(--border); padding: 1.5rem 0;}.pfs-stats-grid { display: flex; flex-wrap: wrap; gap: 0;}.pfs-stat { flex: 1 1 160px; padding: .75rem 1.5rem; border-right: 1px solid var(--border);}.pfs-stat:last-child { border-right: none; }.pfs-stat-label { font-size: .7rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--text-muted); margin-bottom: .25rem;}.pfs-stat-value { font-size: .9375rem; font-weight: 700; color: var(--text-main);}@media (max-width: 640px) { .pfs-stat { border-right: none; border-bottom: 1px solid var(--border); flex-basis: 100%; } .pfs-stat:last-child { border-bottom: none; }}.pfs-body { background: var(--bg-main); padding: 3.5rem 0; }.pfs-layout { display: grid; grid-template-columns: 1fr 300px; gap: 3rem; align-items: start;}@media (max-width: 1024px) { .pfs-layout { grid-template-columns: 1fr; } }.pfs-section { margin-bottom: 2.5rem; }.pfs-section:last-child { margin-bottom: 0; }.pfs-section-title { font-size: 1.25rem; font-weight: 800; color: var(--text-main); margin-bottom: 1rem; padding-bottom: .625rem; border-bottom: 2px solid var(--primary); display: flex; align-items: center; gap: .5rem;}.pfs-section-title i { width: 18px; height: 18px; stroke: var(--primary); }.pfs-section-text { font-size: 1rem; line-height: 1.85; color: var(--text-main);}.pfs-section-text p { margin-bottom: .875rem; }.pfs-section-text p:last-child { margin-bottom: 0; }.pfs-sidebar { display: flex; flex-direction: column; gap: 1.5rem; }@media (min-width: 1025px) { .pfs-sidebar { position: sticky; top: 5rem; } }.pfs-sidebar-card { background: var(--bg-darker); border: 1px solid var(--border); border-radius: .875rem; padding: 1.5rem;}.pfs-sidebar-title { font-size: .8rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 1rem;}.pfs-tech-wrap { display: flex; flex-wrap: wrap; gap: .4rem; }.pfs-tech-badge { font-size: .75rem; font-weight: 600; padding: .3rem .75rem; border-radius: 9999px; background: #fff; border: 1px solid var(--border); color: var(--text-main);}.pfs-live-link { display: flex; align-items: center; gap: .5rem; font-size: .875rem; font-weight: 700; color: var(--primary); text-decoration: none; padding: .75rem 1rem; background: #fff; border: 1px solid var(--border); border-radius: .625rem; transition: background .2s, color .2s;}.pfs-live-link:hover { background: var(--primary); color: #fff; border-color: var(--primary); }.pfs-live-link i { width: 16px; height: 16px; }.pfs-gallery { background: #0b0c0b; padding: 3.5rem 0; }.pfs-gallery-intro { text-align: center; margin-bottom: 2.5rem; }.pfs-gallery-intro .sa-hero-title { font-size: 1.75rem; }.pfs-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .875rem;}.pfs-gallery-grid--few { grid-template-columns: repeat(2, 1fr); max-width: 900px; margin: 0 auto; }.pfs-gallery-grid--one { grid-template-columns: 1fr; max-width: 780px; margin: 0 auto; }@media (max-width: 768px) { .pfs-gallery-grid, .pfs-gallery-grid--few { grid-template-columns: 1fr 1fr; } }@media (max-width: 480px) { .pfs-gallery-grid, .pfs-gallery-grid--few { grid-template-columns: 1fr; } }.pfs-gallery-item { position: relative; border-radius: .75rem; overflow: hidden; cursor: pointer; background: #1e293b; aspect-ratio: 4/3;}.pfs-gallery-item--tall { aspect-ratio: 3/4; }.pfs-gallery-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease;}.pfs-gallery-item:hover img { transform: scale(1.05); }.pfs-gallery-item-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0); display: flex; align-items: center; justify-content: center; transition: background .25s;}.pfs-gallery-item:hover .pfs-gallery-item-overlay { background: rgba(0,0,0,.35); }.pfs-gallery-item-overlay i { width: 2rem; height: 2rem; stroke: #fff; opacity: 0; transform: scale(.8); transition: opacity .25s, transform .25s;}.pfs-gallery-item:hover .pfs-gallery-item-overlay i { opacity: 1; transform: scale(1); }.pfs-testimonial { background: var(--bg-darker); border: 1px solid var(--border); border-left: 4px solid var(--primary); border-radius: .875rem; padding: 2rem 2.5rem; margin: 3rem 0 0;}.pfs-testimonial-quote { font-size: 1.125rem; line-height: 1.8; color: var(--text-main); font-style: italic; margin-bottom: 1rem;}.pfs-testimonial-author { font-size: .875rem; font-weight: 700; color: var(--primary);}@media (max-width: 1099px) { .pfs-page { padding-bottom: 80px; } }.pfs-mason { background: #0b0c0b; padding: 4rem 0 4.5rem;}.pfs-mason-intro { text-align: center; margin-bottom: 2.5rem;}.pfs-mason-eyebrow { display: inline-block; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--primary); margin-bottom: .75rem;}.pfs-mason-heading { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; color: #fff; letter-spacing: -.03em; margin: 0;}.pfs-mason-cols { columns: 3; column-gap: .875rem;}@media (max-width: 900px) { .pfs-mason-cols { columns: 2; } }@media (max-width: 480px) { .pfs-mason-cols { columns: 1; } }.pfs-mason-item { break-inside: avoid; margin-bottom: .875rem; position: relative; cursor: pointer; overflow: hidden; border-radius: .75rem; background: #1e293b; display: block;}.pfs-mason-item--featured { }.pfs-mason-item img { width: 100%; height: auto; display: block; transition: transform .55s cubic-bezier(.25,.46,.45,.94);}.pfs-mason-item:hover img { transform: scale(1.05); }.pfs-mason-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 50%); opacity: 0; display: flex; align-items: center; justify-content: center; transition: opacity .3s;}.pfs-mason-item:hover .pfs-mason-overlay { opacity: 1; }.pfs-mason-overlay-icon { width: 2.75rem; height: 2.75rem; border-radius: 50%; background: rgba(255,255,255,.15); backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,.25); display: flex; align-items: center; justify-content: center; transform: scale(.7); transition: transform .3s;}.pfs-mason-item:hover .pfs-mason-overlay-icon { transform: scale(1); }.pfs-mason-overlay-icon i { width: 1.125rem; height: 1.125rem; stroke: #fff; }.ei-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.65); z-index: 99998; backdrop-filter: blur(3px); animation: eiFadeIn .25s ease;}.ei-overlay.is-open { display: block; }.ei-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(.88); width: 90%; max-width: 460px; background: #fff; border-radius: 1.125rem; box-shadow: 0 24px 64px rgba(0,0,0,.22); z-index: 99999; overflow: hidden; font-family: var(--font-main, inherit);}.ei-popup.is-open { display: block; animation: eiPopIn .35s cubic-bezier(.34,1.56,.64,1) forwards;}.ei-bar { height: 4px; background: var(--primary); }.ei-close { position: absolute; top: .875rem; right: .875rem; width: 2rem; height: 2rem; border: 1px solid var(--border, #e5e7eb); border-radius: 50%; background: #fff; cursor: pointer; font-size: 1.125rem; line-height: 1; display: flex; align-items: center; justify-content: center; color: var(--text-muted, #6b7280); transition: background .15s, transform .2s;}.ei-close:hover { background: #f3f4f6; transform: rotate(90deg); }.ei-body { padding: 2rem 2.25rem 2rem; text-align: center; }.ei-eyebrow { display: inline-flex; align-items: flex-start; gap: .4rem; font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, transparent); padding: .4rem 1rem; border-radius: 9999px; margin-bottom: 1.25rem; max-width: 100%; white-space: normal; line-height: 1.45; text-align: left;}.ei-eyebrow svg { flex-shrink: 0; margin-top: .1rem; }#eiCount { font-variant-numeric: tabular-nums; }.ei-title { font-size: clamp(1.25rem, 4vw, 1.625rem); font-weight: 800; color: var(--text-main, #1f2937); letter-spacing: -.03em; line-height: 1.2; margin: 0 0 .75rem;}.ei-title span { color: var(--primary); }.ei-sub { font-size: .9375rem; color: var(--text-muted, #6b7280); line-height: 1.55; margin: 0 0 1.625rem;}.ei-btn { display: block; width: 100%; background: var(--primary); color: #fff; font-weight: 800; font-size: 1rem; letter-spacing: .02em; padding: .9rem 1.5rem; border-radius: 9999px; text-decoration: none; transition: background .2s, transform .2s, box-shadow .2s; box-shadow: 0 4px 18px color-mix(in srgb, var(--primary) 35%, transparent);}.ei-btn:hover { background: var(--primary-hover, #1d4ed8); transform: translateY(-2px); box-shadow: 0 8px 28px color-mix(in srgb, var(--primary) 45%, transparent); color: #fff;}.ei-trust { margin-top: .875rem; font-size: .775rem; color: var(--text-muted, #9ca3af); display: flex; align-items: center; justify-content: center; gap: .75rem; flex-wrap: wrap;}.ei-trust-dot::before { content: '·'; margin-right: .75rem; }.ei-dismiss { display: block; margin-top: .75rem; font-size: .775rem; color: var(--text-muted, #9ca3af); text-decoration: none; cursor: pointer; background: none; border: none; font-family: inherit; transition: color .15s;}.ei-dismiss:hover { color: var(--text-main, #374151); }@keyframes eiFadeIn { from { opacity: 0; } to { opacity: 1; } }@keyframes eiPopIn { from { transform: translate(-50%,-50%) scale(.88); opacity: 0; } to { transform: translate(-50%,-50%) scale(1); opacity: 1; }}