:root {--bg: #f9fafb;--bg-alt: #ffffff;--border-subtle: #e5e7eb;--border-strong: #cbd5f5;--accent: #1d4ed8;--accent-soft: rgba(37, 99, 235, 0.08);--accent-strong: #1e40af;--text-main: #111827;--text-muted: #6b7280;--radius-lg: 18px;--radius-md: 12px;--shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.18);}*,*::before,*::after {box-sizing: border-box;}html, body {margin: 0;padding: 0;}body {font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background: var(--bg);color: var(--text-main);line-height: 1.6;-webkit-font-smoothing: antialiased;}a {color: var(--accent);text-decoration: none;}a:hover {text-decoration: underline;}.container {width: 100%;max-width: 1120px;margin: 0 auto;padding: 0 1.25rem;}.top-bar {position: sticky;top: 0;z-index: 50;background: #111827;color: #e5e7eb;border-bottom: 1px solid #0f172a;}.top-bar-inner {display: flex;align-items: center;justify-content: space-between;font-size: 0.85rem;padding: 0.4rem 0;}.top-bar-text strong {color: #f9fafb;}.top-bar-links a {color: #bfdbfe;font-weight: 500;}.top-bar-links .divider {margin: 0 0.45rem;color: #4b5563;}.site-header {position: sticky;top: 2.1rem;z-index: 40;background: rgba(249, 250, 251, 0.97);border-bottom: 1px solid rgba(229, 231, 235, 0.95);backdrop-filter: blur(12px);}.header-inner {display: flex;align-items: center;justify-content: space-between;padding: 0.8rem 0;}.logo {display: inline-flex;align-items: center;gap: 0.6rem;color: var(--text-main);}.logo-mark {width: 32px;height: 32px;border-radius: 999px;background: radial-gradient(circle at 30% 0%, #93c5fd, #1d4ed8 40%, #1e293b 100%);display: flex;align-items: center;justify-content: center;font-size: 0.8rem;font-weight: 700;color: #f9fafb;box-shadow: 0 0 0 1px #93c5fd, 0 18px 35px rgba(37, 99, 235, 0.55);}.logo-text {font-weight: 600;letter-spacing: 0.02em;font-size: 1.05rem;}.logo-text span {color: var(--accent);}.main-nav a {font-size: 0.95rem;color: var(--text-muted);margin-left: 1.4rem;position: relative;}.main-nav a::after {content: "";position: absolute;left: 0;bottom: -0.35rem;width: 0;height: 2px;border-radius: 999px;background: linear-gradient(90deg, var(--accent), var(--accent-strong));transition: width 0.18s ease-out;}.main-nav a:hover {color: var(--text-main);}.main-nav a:hover::after {width: 18px;}.site-main {padding: 2.4rem 0 3.5rem;}.hero {margin-top: 0.4rem;}.hero-inner {display: grid;grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.1fr);gap: 2.3rem;align-items: center;}.badge-row {display: flex;flex-wrap: wrap;gap: 0.8rem;margin-bottom: 1rem;}.badge {display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.26rem 0.75rem;border-radius: 999px;background: rgba(239, 246, 255, 0.9);border: 1px solid rgba(191, 219, 254, 0.9);font-size: 0.75rem;color: #1e40af;}.badge span {font-weight: 600;}.hero-title {font-size: 2.3rem;line-height: 1.1;letter-spacing: -0.03em;margin: 0 0 0.8rem;}.hero-title strong {color: #0f172a;}.hero-lead {font-size: 1rem;color: var(--text-muted);max-width: 34rem;margin-bottom: 1.3rem;}.hero-actions {display: flex;flex-wrap: wrap;gap: 0.9rem;margin-bottom: 1rem;}.btn {display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;padding: 0.7rem 1.5rem;border: 1px solid transparent;font-size: 0.9rem;font-weight: 600;cursor: pointer;text-decoration: none;transition: transform 0.12s ease-out, box-shadow 0.12s ease-out, background 0.12s ease-out, border-color 0.12s ease-out;}.btn-primary {background: linear-gradient(135deg, var(--accent), var(--accent-strong));color: #eff6ff;box-shadow: var(--shadow-soft);}.btn-primary:hover {transform: translateY(-1px);box-shadow: 0 22px 55px rgba(37, 99, 235, 0.45);}.btn-outline {background: #ffffff;border-color: var(--border-subtle);color: var(--text-main);}.btn-outline:hover {border-color: var(--accent);background: #eff6ff;}.hero-meta {font-size: 0.85rem;color: var(--text-muted);}.hero-card {border-radius: 24px;background: radial-gradient(circle at top left, #eff6ff, #ffffff 40%, #e5e7eb 100%);border: 1px solid rgba(191, 219, 254, 0.95);box-shadow: var(--shadow-soft);padding: 1.2rem 1.3rem 1.1rem;}.hero-card-top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.9rem;}.hero-chip {font-size: 0.75rem;padding: 0.22rem 0.7rem;border-radius: 999px;background: #eff6ff;border: 1px solid #bfdbfe;color: #1e40af;}.hero-price {text-align: right;}.hero-price-label {font-size: 0.7rem;color: var(--text-muted);}.hero-price-value {font-size: 1.1rem;font-weight: 700;color: #16a34a;}.hero-card-main {border-radius: 16px;background: rgba(255, 255, 255, 0.96);border: 1px solid rgba(209, 213, 219, 0.9);padding: 0.9rem 1rem;margin-bottom: 0.85rem;}.hero-domain {font-size: 1.05rem;font-weight: 600;}.hero-domain span {color: var(--accent);}.hero-stats {display: flex;flex-wrap: wrap;gap: 0.7rem;margin-top: 0.45rem;font-size: 0.78rem;color: var(--text-muted);}.hero-stat {display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.2rem 0.7rem;border-radius: 999px;background: #f3f4f6;border: 1px solid #e5e7eb;}.hero-tagline {font-size: 0.8rem;color: var(--text-muted);display: flex;justify-content: space-between;gap: 0.6rem;}.section {margin-top: 3rem;}.section-header {margin-bottom: 1.3rem;}.section-kicker {font-size: 0.75rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--accent-strong);margin-bottom: 0.3rem;}.section-title {font-size: 1.4rem;letter-spacing: -0.02em;margin-bottom: 0.3rem;}.section-intro {font-size: 0.95rem;color: var(--text-muted);max-width: 40rem;}.feature-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.1rem;}.feature-card {border-radius: var(--radius-lg);background: var(--bg-alt);border: 1px solid var(--border-subtle);padding: 1rem 1.1rem;}.feature-label {font-size: 0.75rem;padding: 0.18rem 0.6rem;border-radius: 999px;background: #eff6ff;border: 1px solid #bfdbfe;color: #1e3a8a;display: inline-block;margin-bottom: 0.4rem;}.feature-title {font-size: 1rem;margin-bottom: 0.25rem;}.feature-text {font-size: 0.9rem;color: var(--text-muted);}.highlight-box {margin-top: 1.3rem;border-radius: var(--radius-lg);background: var(--accent-soft);border: 1px solid rgba(191, 219, 254, 0.9);padding: 1rem 1.1rem;font-size: 0.92rem;color: #1f2937;}.list {margin-top: 0.6rem;padding-left: 1.2rem;font-size: 0.92rem;color: var(--text-muted);}.list li {margin-bottom: 0.3rem;}.section-split {display: grid;grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);gap: 1.7rem;}.card-soft {border-radius: var(--radius-lg);background: var(--bg-alt);border: 1px solid var(--border-subtle);padding: 1rem 1.15rem;font-size: 0.9rem;color: var(--text-muted);}.card-soft h3 {font-size: 0.98rem;margin-top: 0;margin-bottom: 0.4rem;color: var(--text-main);}.card-soft ul {padding-left: 1.1rem;margin: 0.4rem 0 0.2rem;}.card-soft li {margin-bottom: 0.28rem;}.breadcrumb {font-size: 0.8rem;color: var(--text-muted);margin-bottom: 0.6rem;}.breadcrumb a {color: var(--text-muted);}.page-shell {margin-top: 1.6rem;}.page-hero {border-radius: var(--radius-lg);background: var(--bg-alt);border: 1px solid var(--border-subtle);padding: 1.3rem 1.4rem;}.page-hero h1 {font-size: 1.6rem;letter-spacing: -0.02em;margin-top: 0;margin-bottom: 0.45rem;}.page-hero p {font-size: 0.95rem;color: var(--text-muted);}.page-content {margin-top: 1.6rem;font-size: 0.95rem;}.page-content h2 {font-size: 1.1rem;margin: 1.1rem 0 0.4rem;}.page-content p {margin: 0 0 0.55rem;color: var(--text-muted);}.page-content ul {margin: 0.4rem 0 0.8rem 1.2rem;}.page-content li {margin-bottom: 0.3rem;}.page-callout {border-radius: var(--radius-lg);background: #eff6ff;border: 1px dashed #93c5fd;padding: 0.9rem 1rem;margin-top: 1rem;font-size: 0.9rem;}.contact-block {margin-top: 1.4rem;font-size: 0.95rem;}.contact-block p {margin: 0 0 0.5rem;}.contact-list {list-style: none;margin: 0.4rem 0 0;padding: 0;}.contact-list li {margin-bottom: 0.3rem;}.blog-list {margin-top: 1.6rem;}.blog-card {display: grid;grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);gap: 1rem;border-radius: var(--radius-lg);background: var(--bg-alt);border: 1px solid var(--border-subtle);overflow: hidden;}.blog-card + .blog-card {margin-top: 1rem;}.blog-body {padding: 1rem 1.15rem;}.blog-body .tag {display: inline-block;font-size: 0.75rem;padding: 0.18rem 0.6rem;border-radius: 999px;background: #eff6ff;border: 1px solid #bfdbfe;color: #1e3a8a;margin-bottom: 0.45rem;}.blog-body h2 {font-size: 1.05rem;margin: 0 0 0.3rem;}.blog-body h2 a {color: var(--text-main);text-decoration: none;}.blog-body h2 a:hover {color: var(--accent-strong);}.blog-body p {font-size: 0.9rem;color: var(--text-muted);margin: 0 0 0.45rem;}.blog-meta {font-size: 0.78rem;color: var(--text-muted);}.blog-media {position: relative;}.blog-media img {display: block;width: 100%;height: 100%;object-fit: cover;}.article-hero {margin-top: 1.4rem;border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--border-subtle);}.article-hero img {display: block;width: 100%;height: auto;}.article-body {margin-top: 1.5rem;font-size: 0.98rem;}.article-body h1 {font-size: 1.7rem;margin: 0 0 0.45rem;}.article-meta {font-size: 0.82rem;color: var(--text-muted);margin-bottom: 0.9rem;}.article-body p {margin: 0 0 0.6rem;color: var(--text-muted);}.article-body h2 {font-size: 1.15rem;margin: 1.1rem 0 0.4rem;}.article-body ul {margin: 0.4rem 0 0.8rem 1.2rem;}.article-body li {margin-bottom: 0.35rem;}.article-callout {border-radius: var(--radius-lg);background: #eff6ff;border: 1px dashed #93c5fd;padding: 0.9rem 1rem;margin-top: 1.1rem;font-size: 0.9rem;}.not-found {margin-top: 2rem;}.not-found p {color: var(--text-muted);}.site-footer {border-top: 1px solid rgba(209, 213, 219, 0.95);background: #f3f4f6;padding: 2rem 0 1.6rem;font-size: 0.88rem;}.footer-grid {display: grid;grid-template-columns: 2fr 1.6fr 1.4fr;gap: 1.6rem;margin-bottom: 1.3rem;}.footer-heading {font-size: 0.98rem;margin: 0 0 0.4rem;}.footer-text {margin: 0;color: var(--text-muted);}.footer-list {list-style: none;margin: 0;padding: 0;}.footer-list li {margin-bottom: 0.3rem;}.share-row {display: inline-flex;align-items: center;gap: 0.4rem;margin-top: 0.7rem;font-size: 0.85rem;color: var(--text-muted);}.share-icon {width: 26px;height: 26px;border-radius: 999px;border: 1px solid #d1d5db;display: inline-flex;align-items: center;justify-content: center;background: #ffffff;}.share-icon:hover {border-color: var(--accent);background: #eff6ff;}.icon-fb,.icon-tw,.icon-in {width: 14px;height: 14px;display: inline-block;}.icon-fb {border-radius: 3px;border: 2px solid #1d4ed8;}.icon-tw {border-radius: 999px;border: 2px solid #0ea5e9;}.icon-in {border-radius: 2px;border: 2px solid #0e7490;}.footer-bottom {border-top: 1px solid rgba(209, 213, 219, 0.95);padding-top: 0.75rem;text-align: center;color: var(--text-muted);font-size: 0.78rem;}.footer-bottom a {color: var(--text-muted);}@media (max-width: 960px) {.hero-inner {grid-template-columns: minmax(0, 1fr);}.section-split {grid-template-columns: minmax(0, 1fr);}.feature-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.blog-card {grid-template-columns: minmax(0, 1fr);}}@media (max-width: 720px) {.top-bar-inner {flex-direction: column;align-items: flex-start;gap: 0.3rem;}.site-header {top: 3.1rem;}.main-nav {display: none;}.hero-title {font-size: 2rem;}.feature-grid {grid-template-columns: minmax(0, 1fr);}.footer-grid {grid-template-columns: minmax(0, 1fr);}.site-main {padding-top: 2rem;}}