:root{ --color-bg:#ffffff;--color-text:#111111;--color-accent:#111827;--color-accent-soft:#f3f4ff;--color-border:#e5e7eb;--color-muted:#6b7280;--max-width:1120px;}*,*::before,*::after{ box-sizing:border-box;}html{ scroll-behavior:smooth;}body{ margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;}a{ color:var(--color-accent);text-decoration:none;}a:hover,a:focus{ text-decoration:underline;}img{ max-width:100%;display:block;}.top-bar{ position:sticky;top:0;z-index:40;background:#111827;color:#f9fafb;padding:0.5rem 1rem;font-size:0.9rem;}.top-bar-inner{ max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;}.top-bar strong{ font-weight:600;}.top-bar a{ color:#e5e7eb;font-weight:500;white-space:nowrap;}header.site-header{ border-bottom:1px solid var(--color-border);background:rgba(255,255,255,0.96);backdrop-filter:blur(10px);position:sticky;top:2.4rem;z-index:30;}.nav-inner{ max-width:var(--max-width);margin:0 auto;padding:0.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;}.site-logo{ display:flex;align-items:center;gap:0.5rem;font-weight:700;letter-spacing:0.03em;}.site-logo span{ display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid var(--color-border);font-size:0.85rem;}.nav-links{ display:flex;gap:1rem;font-size:0.95rem;}.nav-links a{ padding:0.25rem 0.4rem;border-radius:999px;}.nav-links a.active{ background:var(--color-accent-soft);text-decoration:none;}.nav-toggle{ display:none;background:none;border:1px solid var(--color-border);border-radius:999px;padding:0.35rem 0.6rem;font-size:0.8rem;}main{ max-width:var(--max-width);margin:0 auto;padding:1.5rem 1rem 3rem;}.hero{ display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.5rem;align-items:center;padding-top:1.5rem;padding-bottom:2rem;}.hero-tag{ display:inline-flex;align-items:center;gap:0.35rem;padding:0.2rem 0.6rem;border-radius:999px;background:var(--color-accent-soft);font-size:0.78rem;color:var(--color-muted);margin-bottom:0.65rem;}.hero h1{ font-size:clamp(2.1rem,3vw,2.6rem);line-height:1.1;margin:0 0 0.75rem;}.hero p{ margin:0 0 1rem;color:var(--color-muted);}.hero-domain{ font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;padding:0.4rem 0.8rem;border-radius:0.75rem;border:1px dashed var(--color-border);font-size:0.9rem;margin-bottom:0.9rem;display:inline-flex;gap:0.4rem;align-items:center;}.hero-actions{ display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.5rem;}.btn{ display:inline-flex;align-items:center;justify-content:center;padding:0.6rem 1.1rem;border-radius:999px;border:1px solid transparent;font-size:0.95rem;font-weight:500;cursor:pointer;text-decoration:none;}.btn-primary{ background:#111827;color:#f9fafb;}.btn-outline{ border-color:var(--color-border);background:#ffffff;color:var(--color-text);}.hero-meta{ display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.4rem;font-size:0.82rem;color:var(--color-muted);}.hero-meta div strong{ display:block;color:var(--color-text);margin-bottom:0.15rem;font-size:0.9rem;}.hero-media{ border-radius:1.25rem;border:1px solid var(--color-border);overflow:hidden;background:#f9fafb;}.hero-media img{ width:100%;height:100%;object-fit:cover;}.section{ margin-top:2.5rem;}.section-header{ display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem;}.section-header h2{ margin:0;font-size:1.4rem;}.section-header p{ margin:0;font-size:0.9rem;color:var(--color-muted);}.grid{ display:grid;gap:1.25rem;}.grid-3{ grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}.card{ border-radius:1rem;border:1px solid var(--color-border);padding:1rem 1.1rem;background:#ffffff;}.card h3{ margin:0 0 0.4rem;font-size:1.05rem;}.card p{ margin:0 0 0.5rem;font-size:0.9rem;color:var(--color-muted);}.badge{ display:inline-flex;align-items:center;padding:0.1rem 0.5rem;border-radius:999px;font-size:0.75rem;background:#f9fafb;border:1px solid var(--color-border);color:var(--color-muted);}.breadcrumbs{ font-size:0.8rem;margin-bottom:0.85rem;color:var(--color-muted);}.breadcrumbs a{ color:var(--color-muted);}.breadcrumbs span{ margin:0 0.35rem;}article.page-content h1{ margin-top:0;margin-bottom:0.3rem;font-size:1.7rem;}article.page-content .page-intro{ color:var(--color-muted);margin-bottom:1.2rem;font-size:0.98rem;}article.page-content h2{ margin-top:1.4rem;margin-bottom:0.4rem;font-size:1.15rem;}article.page-content p{ margin:0 0 0.8rem;font-size:0.95rem;}.faq-list details{ border-radius:0.75rem;border:1px solid var(--color-border);padding:0.7rem 0.9rem;background:#ffffff;}.faq-list details + details{ margin-top:0.7rem;}.faq-list summary{ cursor:pointer;font-weight:500;font-size:0.95rem;}.faq-list summary::-webkit-details-marker{ display:none;}.faq-list p{ margin-top:0.4rem;font-size:0.9rem;color:var(--color-muted);}.blog-list{ display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}.blog-card{ border-radius:1rem;border:1px solid var(--color-border);overflow:hidden;background:#ffffff;display:flex;flex-direction:column;}.blog-card img{ width:100%;height:180px;object-fit:cover;}.blog-card-body{ padding:0.9rem 1rem 1rem;}.blog-card h3{ margin:0 0 0.4rem;font-size:1rem;}.blog-card p{ margin:0 0 0.7rem;font-size:0.9rem;color:var(--color-muted);}.blog-meta{ font-size:0.8rem;color:var(--color-muted);display:flex;justify-content:space-between;gap:0.5rem;}.article-hero{ border-radius:1rem;overflow:hidden;border:1px solid var(--color-border);margin-bottom:1rem;}.article-meta{ font-size:0.8rem;color:var(--color-muted);margin-bottom:1rem;}.contact-grid{ display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:2rem;margin-top:1rem;}form.contact-form{ display:grid;gap:0.75rem;}.field{ display:grid;gap:0.2rem;font-size:0.9rem;}.field label span{ color:#ef4444;}.field input,.field textarea{ border-radius:0.6rem;border:1px solid var(--color-border);padding:0.55rem 0.7rem;font:inherit;resize:vertical;min-height:2.5rem;}.field input:focus,.field textarea:focus{ outline:2px solid #111827;outline-offset:1px;}footer.site-footer{ border-top:1px solid var(--color-border);padding:1.25rem 1rem 2rem;background:#f9fafb;margin-top:2.5rem;}.footer-inner{ max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;font-size:0.85rem;color:var(--color-muted);}.footer-links{ display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;}.footer-links a{ display:inline-flex;align-items:center;gap:0.25rem;}.social-icons{ display:flex;gap:0.6rem;}.social-icon{ width:26px;height:26px;border-radius:999px;border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;font-size:0.78rem;background:#ffffff;}.center{ text-align:center;}.pill{ display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:999px;border:1px solid var(--color-border);font-size:0.78rem;color:var(--color-muted);gap:0.25rem;}.error-page{ min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;}.error-page h1{ font-size:2.5rem;margin:0;}.error-page p{ margin:0;color:var(--color-muted);}@media (max-width:800px){ header.site-header{ top:2.4rem;}.hero{ grid-template-columns:minmax(0,1fr);}.hero-media{ order:-1;}.contact-grid{ grid-template-columns:minmax(0,1fr);}.nav-links{ display:none;flex-direction:column;background:#ffffff;position:absolute;right:1rem;top:3rem;border-radius:0.75rem;border:1px solid var(--color-border);padding:0.6rem;min-width:180px;}.nav-links.open{ display:flex;}.nav-toggle{ display:inline-flex;}}