* { box-sizing: border-box; -webkit-font-smoothing: antialiased; }html { scroll-behavior: smooth; }body {margin: 0;background: var(--bg);color: var(--text);font-family: 'Manrope', system-ui, sans-serif;font-size: 15.5px;line-height: 1.55;position: relative;}body::before {content: "";position: fixed;inset: 0;pointer-events: none;opacity: 0.6;z-index: 0;background-image: radial-gradient(circle at 1px 1px, rgba(0, 102, 179, 0.07) 1px, transparent 0);background-size: 24px 24px;}.serif { font-family: 'Newsreader', Georgia, serif; }.mono  { font-family: 'IBM Plex Mono', ui-monospace, monospace; }.it    { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; }h1, h2, h3, h4, h5 {color: var(--ink);margin: 0;letter-spacing: -0.015em;font-weight: 700;}a { color: inherit; text-decoration: none; transition: color .2s; }::selection { background: var(--brand-100); color: var(--ink); }.wrap {max-width: 1320px;margin: 0 auto;padding: 0 32px;position: relative;z-index: 2;}@media (max-width: 720px) {.wrap { padding: 0 20px; }}.label-mono {font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--brand);font-weight: 500;}.top-strip {background: var(--ink);color: rgba(255,255,255,0.85);position: relative;z-index: 6;}.top-strip-inner {display: flex;align-items: center;justify-content: space-between;height: 38px;font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;gap: 24px;}.top-strip a:hover { color: var(--teal-300); }.ts-left, .ts-right { display: flex; gap: 20px; align-items: center; }.ts-live { display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,0.95); }.live-dot {width: 6px; height: 6px;border-radius: 50%;background: var(--live);box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.5);animation: pulse-dot 1.6s ease-out infinite;}@keyframes pulse-dot {0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.55); }70% { box-shadow: 0 0 0 8px rgba(22, 163, 74, 0); }100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }}@media (max-width: 880px) {.ts-left .ts-hide { display: none; }}.header {background: var(--paper);position: sticky;top: 0;z-index: 30;border-bottom: 1px solid var(--rule);backdrop-filter: blur(10px);}.header-row {display: flex;align-items: center;justify-content: space-between;height: 76px;gap: 24px;}.logo { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }.logo-mark {width: 42px; height: 42px;border-radius: 10px;background: var(--brand);color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 17px;position: relative;overflow: hidden;box-shadow: 0 6px 20px -8px rgba(0, 102, 179, 0.6);}.logo-mark::after {content: "";position: absolute;top: 0; right: 0;width: 12px; height: 12px;background: var(--teal);clip-path: polygon(100% 0, 100% 100%, 0 0);}.logo-text {font-weight: 800;font-size: 22px;letter-spacing: -0.02em;color: var(--ink);line-height: 1;}.logo-text .plus { color: var(--teal); }.logo-strap {font-family: 'Newsreader', serif;font-style: italic;font-size: 12px;color: var(--muted);margin-top: 2px;}.search-bar {flex: 1;max-width: 540px;position: relative;}.search-bar input {width: 100%;height: 46px;padding: 0 16px 0 46px;border: 1px solid var(--rule);background: var(--bg);border-radius: 999px;font-family: 'Manrope', sans-serif;font-size: 14px;color: var(--ink);transition: all .25s;}.search-bar input::placeholder { color: var(--muted); }.search-bar input:focus {outline: none;background: #fff;border-color: var(--brand);box-shadow: 0 0 0 4px var(--brand-50);}.search-bar svg {position: absolute;left: 16px; top: 50%;transform: translateY(-50%);color: var(--muted);}.search-bar kbd {position: absolute;right: 14px; top: 50%;transform: translateY(-50%);font-family: 'IBM Plex Mono', monospace;font-size: 10px;color: var(--muted);background: #fff;border: 1px solid var(--rule);padding: 3px 6px;border-radius: 4px;}.header-actions { display: flex; gap: 10px; align-items: center; }.icon-btn {width: 42px; height: 42px;display: inline-flex;align-items: center;justify-content: center;border-radius: 10px;color: var(--text);transition: all .2s;background: transparent;border: 1px solid transparent;cursor: pointer;}.icon-btn:hover { background: var(--brand-50); color: var(--brand); }.btn-primary {background: var(--brand);color: #fff;padding: 12px 20px;border-radius: 999px;font-weight: 600;font-size: 14px;display: inline-flex;align-items: center;gap: 8px;border: 1px solid var(--brand);cursor: pointer;transition: all .25s;box-shadow: 0 4px 14px -4px rgba(0, 102, 179, 0.45);font-family: 'Manrope', sans-serif;}.btn-primary:hover {background: var(--brand-600);border-color: var(--brand-600);box-shadow: 0 8px 22px -6px rgba(0, 102, 179, 0.55);transform: translateY(-1px);color: #fff;}.btn-primary.teal {background: var(--teal);border-color: var(--teal);box-shadow: 0 4px 14px -4px rgba(0, 168, 142, 0.5);}.btn-primary.teal:hover { background: var(--teal-600); border-color: var(--teal-600); }.btn-outline {background: transparent;color: var(--ink);padding: 12px 20px;border-radius: 999px;font-weight: 600;font-size: 14px;display: inline-flex;align-items: center;gap: 8px;border: 1px solid var(--rule);cursor: pointer;transition: all .25s;font-family: 'Manrope', sans-serif;}.btn-outline:hover { border-color: var(--ink); background: #fff; color: var(--ink); }@media (max-width: 880px) {.search-bar { display: none; }.header-actions .btn-outline-text { display: none; }}.navstrip {background: var(--paper);border-bottom: 1px solid var(--rule);position: relative;z-index: 25;}.navstrip-inner {display: flex;align-items: stretch;gap: 2px;min-height: 50px;}.navstrip-inner a {padding: 0 18px;display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 600;color: var(--text);border-bottom: 2px solid transparent;transition: all .2s;}.navstrip-inner a .nav-num {font-family: 'IBM Plex Mono', monospace;font-size: 10px;font-weight: 500;color: var(--brand);letter-spacing: 0.1em;}.navstrip-inner a:hover { color: var(--brand); background: var(--brand-50); }.navstrip-inner a.active { color: var(--brand); border-bottom-color: var(--brand); }.navstrip-inner a.active .nav-num { color: var(--teal); }.navstrip-right {margin-left: auto;display: flex;align-items: center;gap: 14px;padding: 0 0 0 18px;}.navstrip-right a {font-family: 'IBM Plex Mono', monospace;font-size: 11px;text-transform: uppercase;letter-spacing: 0.1em;color: var(--teal-600);font-weight: 600;padding: 0 14px;background: var(--teal-50);height: 32px;display: inline-flex;align-items: center;border-radius: 999px;gap: 6px;}.navstrip-right a:hover { background: var(--teal); color: #fff; }@media (max-width: 1024px) {.navstrip-inner > a:not(:nth-child(-n+4)) { display: none; }}@media (max-width: 720px) {.navstrip { display: none; }}.section {padding: 80px 0;position: relative;}.section-eyebrow {display: inline-flex;align-items: center;gap: 10px;padding: 6px 14px 6px 10px;background: var(--brand-50);color: var(--brand-600);border-radius: 999px;font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.12em;text-transform: uppercase;border: 1px solid var(--brand-100);margin-bottom: 20px;}.section-eyebrow .se-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); }.section-title {font-weight: 700;font-size: clamp(32px, 4vw, 50px);line-height: 1.05;letter-spacing: -0.025em;color: var(--ink);max-width: 760px;}.section-title .it { color: var(--brand); }.section-title .teal { color: var(--teal); }.section-lede {margin-top: 14px;font-size: 16.5px;color: var(--text);max-width: 680px;}.section-head {display: grid;grid-template-columns: 1fr auto;gap: 28px;align-items: end;margin-bottom: 44px;}@media (max-width: 720px) {.section { padding: 56px 0; }.section-head { grid-template-columns: 1fr; }}.product-card {background: var(--paper);border: 1px solid var(--rule);border-radius: 18px;overflow: hidden;transition: all .25s;display: flex;flex-direction: column;height: 100%;}.product-card:hover {border-color: var(--brand-200);transform: translateY(-2px);box-shadow: 0 18px 40px -22px rgba(0, 29, 52, 0.3);}.product-card .pc-thumb {aspect-ratio: 4/3;background: linear-gradient(135deg, var(--brand-50), var(--teal-50));position: relative;overflow: hidden;}.product-card .pc-thumb img { width: 100%; height: 100%; object-fit: cover; }.product-card .pc-tag {position: absolute;top: 12px; left: 12px;padding: 4px 10px;background: var(--paper);color: var(--brand-600);border-radius: 999px;font-family: 'IBM Plex Mono', monospace;font-size: 10px;letter-spacing: 0.08em;text-transform: uppercase;font-weight: 600;}.product-card .pc-body { padding: 20px 22px 22px; flex: 1; display: flex; flex-direction: column; }.product-card .pc-cat {font-family: 'IBM Plex Mono', monospace;font-size: 10.5px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted);margin-bottom: 8px;}.product-card h3 {font-size: 16px;line-height: 1.3;font-weight: 700;color: var(--ink);margin: 0 0 8px;}.product-card .pc-brand {font-family: 'Newsreader', serif;font-style: italic;color: var(--brand);font-size: 14px;margin-bottom: 14px;}.product-card .pc-cta {margin-top: auto;display: inline-flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 600;color: var(--brand);}.product-card:hover .pc-cta { color: var(--brand-700); }.article-card {background: var(--paper);border: 1px solid var(--rule);border-radius: 18px;overflow: hidden;transition: all .25s;height: 100%;display: flex;flex-direction: column;}.article-card:hover {border-color: var(--brand-200);transform: translateY(-2px);}.article-card .ac-thumb {aspect-ratio: 16/10;background: linear-gradient(135deg, var(--brand-100), var(--teal-50));overflow: hidden;}.article-card .ac-thumb img { width: 100%; height: 100%; object-fit: cover; }.article-card .ac-body { padding: 22px; }.article-card .ac-meta {display: flex;gap: 10px;align-items: center;margin-bottom: 12px;font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.06em;color: var(--muted);}.article-card .ac-cat {padding: 3px 9px;background: var(--teal-50);color: var(--teal-700);border-radius: 999px;text-transform: uppercase;font-weight: 600;font-size: 10px;letter-spacing: 0.1em;}.article-card h3 {font-size: 18px;line-height: 1.35;color: var(--ink);margin: 0 0 10px;font-weight: 700;}.article-card p {color: var(--muted);font-size: 14px;line-height: 1.55;margin: 0;}.breadcrumb {display: flex;align-items: center;gap: 8px;padding: 18px 0;font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--muted);}.breadcrumb a:hover { color: var(--brand); }.breadcrumb .sep { color: var(--rule); }.breadcrumb .cur { color: var(--ink); font-weight: 600; }.chip {display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 999px;font-size: 11.5px;font-weight: 600;line-height: 1;background: var(--brand-50);color: var(--brand-600);border: 1px solid var(--brand-100);}.chip.teal  { background: var(--teal-50); color: var(--teal-700); border-color: var(--teal-300); }.chip.amber { background: var(--amber-50); color: var(--amber); border-color: rgba(232, 153, 0, 0.3); }.chip.rose  { background: var(--rose-50); color: var(--rose); border-color: rgba(211, 77, 92, 0.3); }.chip-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: 0.85; }.site-footer {background: var(--ink);color: rgba(255,255,255,0.65);padding: 80px 0 0;position: relative;z-index: 5;margin-top: 80px;}.site-footer::before {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, var(--ink) 0%, var(--navy) 100%);z-index: -1;}.footer-grid {display: grid;grid-template-columns: 2.2fr 1fr 1fr 1.4fr;gap: 56px;padding-bottom: 56px;}.footer-col h4 {color: #fff;font-size: 14px;margin: 0 0 18px;font-weight: 700;letter-spacing: -0.005em;text-transform: none;font-family: 'Manrope', sans-serif;}.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 9px; }.footer-col li { margin: 0; }.footer-col a { color: rgba(255,255,255,0.65); font-size: 13px; transition: color .2s; }.footer-col a:hover { color: var(--teal-300); }.footer-brand .fb-name {color: #fff;font-weight: 800;font-size: 26px;margin: 0 0 6px;letter-spacing: -0.02em;line-height: 1;}.footer-brand .fb-name .plus { color: var(--teal-300); }.footer-brand .tagline {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.7);margin: 0 0 16px;}.footer-brand .fb-desc {font-size: 13px;line-height: 1.6;color: rgba(255,255,255,0.6);max-width: 380px;margin: 0 0 14px;}.footer-brand .reg {font-family: 'IBM Plex Mono', monospace;font-size: 11px;color: rgba(255,255,255,0.5);letter-spacing: 0.04em;line-height: 1.6;}.footer-contact { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 9px; }.footer-contact li {display: flex;gap: 10px;align-items: flex-start;font-size: 13px;color: rgba(255,255,255,0.65);margin: 0;}.footer-contact .ico { width: 16px; flex-shrink: 0; margin-top: 3px; color: var(--teal-300); }.footer-contact strong { color: #fff; font-weight: 600; }.footer-socials { display: flex; gap: 8px; }.footer-socials a {width: 32px; height: 32px;border-radius: 8px;background: rgba(255,255,255,0.06);display: inline-flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.7);transition: all .2s;}.footer-socials a:hover { background: var(--teal); color: #fff; }.footer-socials svg { width: 14px; height: 14px; }.footer-bottom {padding: 24px 0;border-top: 1px solid var(--navy);display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 16px;font-size: 12px;color: rgba(255,255,255,0.5);}.footer-bottom p { margin: 0; }.footer-bottom .fb-meta { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }.footer-bottom .fb-meta a { color: rgba(255,255,255,0.55); font-size: 12px; transition: color .2s; }.footer-bottom .fb-meta a:hover { color: var(--teal-300); }@media (max-width: 1024px) {.footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }}@media (max-width: 720px) {.footer-grid { grid-template-columns: 1fr; }.footer-bottom { flex-direction: column; align-items: flex-start; }}.empty-state {padding: 64px 24px;text-align: center;color: var(--muted);font-family: 'Newsreader', serif;font-style: italic;font-size: 17px;}.pagination {display: flex;justify-content: center;align-items: center;gap: 6px;margin-top: 48px;}.pagination a, .pagination span {min-width: 38px;height: 38px;padding: 0 12px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--rule);background: var(--paper);border-radius: 8px;font-family: 'IBM Plex Mono', monospace;font-size: 13px;color: var(--text);transition: all .15s;}.pagination a:hover { border-color: var(--brand); color: var(--brand); }.pagination .current { background: var(--ink); color: #fff; border-color: var(--ink); font-weight: 600; }