:root{color-scheme:dark;--bg:#070d16;--bg-elev:#0c1422;--panel:rgba(12, 18, 30, 0.78);--border:rgba(84, 126, 178, 0.22);--text:#edf3fb;--muted:#95aec6;--primary:#42b6ff;--primary-strong:#1e8bff;--secondary:#2fe0ff;--accent:#b6e5ff;--glow:rgba(66, 182, 255, 0.28);--primary-rgb:66, 182, 255;--secondary-rgb:47, 224, 255;--shadow:0 20px 45px rgba(0, 0, 0, 0.35);--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", monospace;--sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--display:"Space Grotesk", "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 600px at 8% -10%, rgba(66, 182, 255, 0.18), transparent 60%),
radial-gradient(900px 520px at 85% 10%, rgba(47, 224, 255, 0.16), transparent 55%),
radial-gradient(800px 420px at 35% 90%, rgba(26, 98, 172, 0.22), transparent 60%), var(--bg);min-height:100vh}body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(transparent 95%, rgba(100, 135, 170, 0.08) 95%),
linear-gradient(90deg, transparent 95%, rgba(100, 135, 170, 0.08) 95%);background-size:42px 42px;pointer-events:none;opacity:0.3;z-index:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{position:relative;z-index:1;max-width:1180px;margin:0
auto;padding:42px
24px 96px;display:flex;flex-direction:column;gap:72px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.header-actions{display:flex;align-items:center;gap:16px}.nav{display:flex;align-items:center;gap:10px}.nav-list{display:flex;align-items:center;gap:10px;list-style:none;margin:0;padding:0}.nav-list a,.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:6px
12px;border-radius:999px;border:1px
solid rgba(148, 176, 208, 0.25);background:rgba(12, 18, 26, 0.6);font-size:0.9rem;color:var(--text);transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease}.nav-list a:hover,.nav-link:hover{border-color:rgba(var(--primary-rgb), 0.5);background:rgba(12, 22, 32, 0.8);transform:translateY(-1px)}.logo{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600;font-size:1.45rem;letter-spacing:0.4px}.logo-word{text-transform:none}.logo-word
em{font-style:normal;color:var(--primary)}.pill{padding:6px
14px;border-radius:999px;border:1px
solid rgba(var(--secondary-rgb), 0.3);background:rgba(9, 18, 28, 0.7);font-size:0.85rem;color:var(--muted)}.hero{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:32px;align-items:center}.hero
h1{font-family:var(--display);font-size:clamp(2.4rem, 3.6vw, 3.6rem);margin:0
0 16px}.hero
p{margin:0
0 24px;color:var(--muted);font-size:1.05rem;line-height:1.6}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px
18px;border-radius:10px;font-weight:500;border:1px
solid transparent;transition:transform 0.2s ease, box-shadow 0.2s ease}.btn-icon{width:18px;height:18px;display:inline-flex;flex-shrink:0}.btn-icon
svg{width:100%;height:100%;fill:currentColor}.btn.primary{background:linear-gradient(120deg, var(--primary), var(--secondary));color:#061117;box-shadow:0 10px 24px rgba(var(--primary-rgb), 0.3)}.btn.outline{border-color:rgba(148, 176, 208, 0.3);background:rgba(14, 20, 28, 0.6);color:var(--text)}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0, 0, 0, 0.3)}.metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:16px}.metric{padding:16px;border-radius:var(--radius-md);background:var(--panel);border:1px
solid var(--border);box-shadow:var(--shadow)}.metric
h3{margin:0
0 6px;font-family:var(--mono);font-size:1.1rem;color:var(--primary)}.metric
span{font-size:0.85rem;color:var(--muted)}.surface{border-radius:var(--radius-lg);background:var(--panel);border:1px
solid var(--border);box-shadow:var(--shadow);padding:24px;backdrop-filter:blur(14px)}.mock{display:grid;gap:16px}.mock
.toolbar{display:flex;gap:10px;align-items:center}.mock
.chip{padding:6px
10px;border-radius:999px;font-size:0.75rem;border:1px
solid rgba(var(--secondary-rgb), 0.3);color:var(--muted);background:rgba(8, 12, 18, 0.6)}.mock
.graph{height:160px;border-radius:var(--radius-md);background:linear-gradient(180deg, rgba(var(--primary-rgb), 0.22), rgba(12, 18, 26, 0.9));border:1px
solid rgba(var(--primary-rgb), 0.35);position:relative;overflow:hidden}.mock .graph::after{content:"";position:absolute;inset:20px;border-radius:14px;border:1px
dashed rgba(var(--primary-rgb), 0.35)}.mock .graph
svg{width:100%;height:100%;opacity:0.85}.mock .graph svg .graph-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.mock .graph svg .graph-line.base{stroke:url(#grad);stroke-width:3}.mock .graph svg .graph-line.signal{stroke:url(#grad);stroke-width:5;stroke-dasharray:42 260;stroke-dashoffset:0;opacity:0.6;animation:lineFlow 3.6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(var(--primary-rgb), 0.35))}.mock .graph svg .graph-dot{filter:drop-shadow(0 0 6px rgba(var(--secondary-rgb), 0.55))}@keyframes
lineFlow{100%{stroke-dashoffset:-302}}.section-title{font-family:var(--display);font-size:2rem;margin:0
0 16px}.section-sub{margin:0
0 32px;color:var(--muted)}.logo-showcase{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr);gap:32px;align-items:center}.logo-card{display:flex;align-items:center;gap:18px;padding:18px;border-radius:var(--radius-md);background:rgba(9, 14, 20, 0.8);border:1px
solid rgba(var(--primary-rgb), 0.3)}.logo-card
h3{margin:0;font-family:var(--display);font-size:1.6rem}.logo-card
small{color:var(--muted)}.wordmark{display:flex;flex-direction:column;gap:8px}.wordmark
span{font-family:var(--display);font-weight:600;font-size:2rem;letter-spacing:0.6px}.wordmark span
em{font-style:normal;color:var(--primary)}.grid-two{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:20px}.card{padding:18px;border-radius:var(--radius-md);border:1px
solid var(--border);background:rgba(12, 18, 26, 0.88)}.card
h4{margin:0
0 8px;font-family:var(--display);font-size:1.1rem}.card
p{margin:0;color:var(--muted);font-size:0.95rem;line-height:1.5}.dashboard{display:grid;gap:18px}.json-view{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr);gap:20px;align-items:start}.field-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:10px}.field{padding:10px
12px;border-radius:10px;border:1px
solid rgba(148, 176, 208, 0.2);background:rgba(10, 16, 24, 0.8);font-size:0.82rem;color:var(--muted)}.code-block{border-radius:var(--radius-md);border:1px
solid rgba(var(--primary-rgb), 0.25);background:rgba(6, 10, 15, 0.85);padding:16px;font-family:var(--mono);font-size:0.82rem;line-height:1.6;color:#cfe9ff;white-space:pre-wrap;box-shadow:inset 0 0 24px rgba(var(--primary-rgb), 0.16)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tag-row
.chip{font-size:0.7rem}.filters{display:flex;flex-wrap:wrap;gap:10px}.filters
.filter{padding:8px
12px;border-radius:999px;border:1px
solid rgba(var(--secondary-rgb), 0.3);background:rgba(12, 18, 26, 0.8);color:var(--muted);font-size:0.8rem}table{width:100%;border-collapse:collapse;font-size:0.9rem}th,td{padding:12px
10px;text-align:left;border-bottom:1px solid rgba(148, 176, 208, 0.15)}th{font-family:var(--mono);color:var(--muted);font-weight:500}td
span.status{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;padding:4px
8px;border-radius:999px;border:1px
solid rgba(var(--primary-rgb), 0.35);color:var(--accent);background:rgba(10, 20, 32, 0.85)}.packshots{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:18px}.blog-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px}.blog-shell{display:grid;gap:20px}.blog-featured-wrap,.blog-posts-wrap{padding:24px}.blog-block-title{margin:0
0 16px;font-family:var(--display);font-size:1.2rem;letter-spacing:0.3px}.featured-post-card{position:relative;display:grid;grid-template-columns:minmax(220px, 0.9fr) minmax(0, 1.1fr);gap:22px;padding:18px;margin-bottom:0;border-radius:var(--radius-md);background:linear-gradient(140deg, rgba(8, 14, 24, 0.96), rgba(10, 18, 30, 0.9));border:1px
solid rgba(var(--secondary-rgb), 0.3);box-shadow:0 18px 35px rgba(0, 0, 0, 0.32);transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease}.featured-post-card:hover,.featured-post-card:focus-within{transform:translateY(-2px);border-color:rgba(var(--secondary-rgb), 0.45);box-shadow:0 22px 38px rgba(0, 0, 0, 0.36)}.featured-post-overlay{position:absolute;inset:0;z-index:3;border-radius:inherit}.featured-post-overlay:focus-visible{outline:2px
solid rgba(var(--secondary-rgb), 0.8);outline-offset:2px}.featured-post-media{border-radius:calc(var(--radius-md) - 2px);overflow:hidden;min-height:220px;border:1px
solid rgba(var(--primary-rgb), 0.25);background:rgba(8, 12, 18, 0.8)}.featured-post-media
img{width:100%;height:100%;object-fit:cover}.featured-post-fallback{width:100%;height:100%;min-height:220px;background:radial-gradient(circle at 20% 15%, rgba(var(--secondary-rgb), 0.35), transparent 55%),
linear-gradient(130deg, rgba(var(--primary-rgb), 0.45), rgba(10, 16, 24, 0.9))}.featured-post-content{display:flex;flex-direction:column;gap:12px}.featured-post-content
h3{margin:0;font-family:var(--display);font-size:clamp(1.35rem, 2.4vw, 1.9rem)}.featured-post-content
p{margin:0;color:var(--muted);line-height:1.6}.blog-card{position:relative;padding:20px;border-radius:var(--radius-md);background:rgba(9, 14, 20, 0.85);border:1px
solid rgba(var(--primary-rgb), 0.25);display:flex;flex-direction:column;gap:12px;min-height:220px;overflow:hidden;transition:transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease}.blog-card:hover,.blog-card:focus-within{transform:translateY(-3px);border-color:rgba(var(--secondary-rgb), 0.45);box-shadow:0 16px 30px rgba(0, 0, 0, 0.32)}.blog-card-link{position:absolute;inset:0;z-index:3;border-radius:inherit}.blog-card-link:focus-visible{outline:2px
solid rgba(var(--secondary-rgb), 0.8);outline-offset:2px}.blog-card-media{min-height:150px;border-radius:10px;overflow:hidden;border:1px
solid rgba(var(--primary-rgb), 0.24);background:rgba(8, 12, 18, 0.8)}.blog-card-media
img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block}.blog-card-fallback{width:100%;height:100%;min-height:150px;background:radial-gradient(circle at 22% 18%, rgba(var(--secondary-rgb), 0.3), transparent 58%),
linear-gradient(135deg, rgba(var(--primary-rgb), 0.4), rgba(10, 15, 22, 0.95))}.blog-tag{font-family:var(--mono);font-size:0.72rem;color:var(--primary);letter-spacing:0.4px;text-transform:uppercase}.blog-card
h3{margin:0;font-family:var(--display);font-size:1.2rem}.blog-card
p{margin:0;color:var(--muted);line-height:1.5}.blog-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:0.8rem;color:var(--muted)}.blog-link{color:var(--accent);border-bottom:1px solid transparent;transition:border-color 0.2s ease, color 0.2s ease;position:relative;z-index:2}.blog-link:hover{border-color:rgba(var(--secondary-rgb), 0.6);color:#d7f0ff}.packshot{padding:20px;border-radius:var(--radius-md);background:rgba(9, 14, 20, 0.8);border:1px
solid rgba(var(--secondary-rgb), 0.3);display:flex;flex-direction:column;gap:12px}.packshot
strong{font-family:var(--display);font-size:1.1rem}.packshot
.tag{font-family:var(--mono);font-size:0.8rem;color:var(--primary)}.faq{display:grid;grid-template-columns:1fr;gap:16px}.faq-item{padding:18px;border-radius:var(--radius-md);border:1px
solid var(--border);background:rgba(10, 16, 24, 0.85)}.faq-item
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--display);font-size:1.05rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-family:var(--mono);color:var(--primary);transition:transform 0.2s ease}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item
p{margin:12px
0 0;color:var(--muted);font-size:0.95rem;line-height:1.5}.contact{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:24px;align-items:center}.contact-card{padding:18px;border-radius:var(--radius-md);border:1px
solid rgba(var(--primary-rgb), 0.3);background:rgba(9, 14, 20, 0.85)}.contact-card
h3{margin:0
0 10px;font-family:var(--display);font-size:1.1rem}.contact-card
ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.6}.contact-card
li{margin-bottom:6px}.post-header{display:flex;flex-direction:column;gap:8px}.post-layout{width:100%;max-width:978px;margin:0
auto;display:grid;grid-template-columns:minmax(0, 680px) 270px;gap:28px;align-items:start}.single-post-article{width:100%;padding:32px}.post-meta{font-size:0.85rem;color:var(--muted)}.post-content{margin-top:20px;display:grid;gap:18px;font-size:1.04rem;line-height:1.78;color:var(--text)}.post-content>*{margin-top:0;margin-bottom:0}.post-content h2,
.post-content h3,
.post-content
h4{font-family:var(--display);margin-top:14px;line-height:1.18}.post-content
h2{font-size:clamp(1.45rem, 3vw, 2rem)}.post-content
h3{font-size:clamp(1.2rem, 2.2vw, 1.5rem)}.post-content p,
.post-content
li{max-width:64ch}.post-content ul,
.post-content
ol{padding-left:1.25rem}.post-content img,
.post-content
figure{max-width:100%}.post-content
figure{margin:6px
0}.post-content
a{color:var(--accent);border-bottom:1px solid rgba(var(--secondary-rgb), 0.3)}.post-content a:hover{color:#d7f0ff;border-color:rgba(var(--secondary-rgb), 0.6)}.post-promo{position:sticky;top:24px}.post-promo-banner{display:block;overflow:hidden;border-radius:var(--radius-md);border:1px
solid rgba(var(--secondary-rgb), 0.26);background:rgba(7, 13, 22, 0.74);box-shadow:var(--shadow);transition:border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease}.post-promo-banner:hover,.post-promo-banner:focus-visible{border-color:rgba(var(--secondary-rgb), 0.58);box-shadow:0 22px 50px rgba(0, 0, 0, 0.42), 0 0 28px rgba(var(--primary-rgb), 0.16);transform:translateY(-2px)}.post-promo-banner:focus-visible{outline:2px
solid rgba(var(--secondary-rgb), 0.8);outline-offset:4px}.post-promo-banner
img{display:block;width:100%;height:auto}footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;color:var(--muted);font-size:0.9rem}.reveal{opacity:0;transform:translateY(16px);animation:fadeUp 0.8s ease forwards}.reveal.delay-1{animation-delay:0.1s}.reveal.delay-2{animation-delay:0.2s}.reveal.delay-3{animation-delay:0.3s}@keyframes
fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.pill{align-self:flex-start}.logo-showcase{grid-template-columns:1fr}.json-view{grid-template-columns:1fr}.featured-post-card{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.featured-post-media,.featured-post-fallback{min-height:180px}.post-layout{max-width:720px;grid-template-columns:1fr;gap:22px}.post-promo{position:static}.post-promo-banner{max-width:420px;margin:0
auto}}@media (max-width: 640px){.wrap{padding:28px
18px 72px;gap:48px}header{align-items:flex-start;gap:16px}.logo{font-size:1.1rem}.pill{font-size:0.8rem;padding:6px
12px}.hero
h1{font-size:clamp(2rem, 7vw, 2.6rem)}.hero
p{font-size:1rem}.cta-row{flex-direction:column;align-items:stretch}.btn{text-align:center;width:100%}.metrics{grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))}.metric{padding:14px}.mock
.graph{height:140px}.section-title{font-size:1.6rem}.section-sub{font-size:0.95rem}.single-post-article{padding:20px}.post-content{font-size:1rem;line-height:1.72}.post-content p,
.post-content
li{max-width:none}.post-promo-banner{max-width:100%}.logo-card{flex-direction:column;align-items:flex-start}.logo-card
h3{font-size:1.35rem}.wordmark
span{font-size:1.6rem}.grid-two{grid-template-columns:1fr}.filters{gap:8px}.filters
.filter{font-size:0.75rem;padding:6px
10px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{white-space:nowrap}.field-list{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr))}.code-block{font-size:0.75rem;padding:14px}.packshots{grid-template-columns:1fr}.blog-featured-wrap,.blog-posts-wrap{padding:18px}.blog-grid{grid-template-columns:1fr}.faq{grid-template-columns:1fr}.contact{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.reveal{animation:none;opacity:1;transform:none}.btn{transition:none}.mock .graph svg .graph-line.signal{animation:none}.mock .graph svg .graph-dot{display:none}}