:root {
    --bg: #06110f;
    --bg-soft: #0a1714;
    --surface: rgba(12, 29, 25, .78);
    --surface-strong: #0d211c;
    --line: rgba(157, 232, 205, .14);
    --line-bright: rgba(73, 229, 165, .36);
    --text: #f4fbf8;
    --muted: #9ab0a8;
    --green: #39e79c;
    --green-dark: #0bbf76;
    --cyan: #54dafa;
    --blue: #68a7ff;
    --orange: #ffb45e;
    --purple: #a988ff;
    --radius: 22px;
    --container: 1180px;
    --shadow: 0 30px 80px rgba(0, 0, 0, .34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-width: 320px;
    color: var(--text);
    background: var(--bg);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background: radial-gradient(circle at 75% -10%, rgba(30, 191, 150, .13), transparent 34%), linear-gradient(180deg, #071411 0%, #06110f 60%, #07120f 100%);
}
.site-noise {
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: .25;
    pointer-events: none;
    background-image: linear-gradient(rgba(68, 206, 163, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(68, 206, 163, .035) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, #000 0%, transparent 70%);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    height: 76px;
    border-bottom: 1px solid rgba(160, 220, 201, .09);
    background: rgba(5, 15, 13, .74);
    backdrop-filter: blur(20px);
}
.nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; font-size: 21px; letter-spacing: -.02em; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; overflow: hidden; border-radius: 9px; box-shadow: 0 0 24px rgba(55, 229, 154, .22); }
.brand-mark img { width: 100%; height: 100%; object-fit: cover; }
.site-nav { display: flex; align-items: center; gap: 34px; color: #b8c8c2; font-size: 14px; font-weight: 600; }
.site-nav a { position: relative; transition: .2s ease; }
.site-nav a:not(.nav-download)::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: -26px; height: 2px; background: var(--green); transition: .2s ease; }
.site-nav a:hover, .site-nav a.active { color: #fff; }
.site-nav a.active::after, .site-nav a:hover::after { left: 0; right: 0; }
.nav-download { padding: 10px 18px; color: #052017 !important; background: var(--green); border-radius: 10px; box-shadow: 0 7px 24px rgba(57, 231, 156, .15); }
.nav-download:hover { transform: translateY(-1px); background: #62f0b2; }
.nav-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); background: var(--surface); border-radius: 10px; }
.nav-toggle span { display: block; width: 19px; height: 2px; margin: 4px auto; background: #fff; }

.hero { position: relative; min-height: 760px; padding: 100px 0 0; overflow: hidden; border-bottom: 1px solid var(--line); }
.hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 67px; height: 1px; background: linear-gradient(90deg, transparent, var(--line-bright), transparent); }
.hero-glow { position: absolute; border-radius: 999px; filter: blur(5px); pointer-events: none; }
.hero-glow-one { width: 500px; height: 500px; right: 2%; top: 50px; background: radial-gradient(circle, rgba(39, 226, 158, .12), transparent 67%); }
.hero-glow-two { width: 500px; height: 340px; left: -20%; top: 20%; background: radial-gradient(circle, rgba(58, 164, 248, .08), transparent 70%); }
.hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 76px; }
.eyebrow { color: var(--green); font-size: 13px; text-transform: uppercase; letter-spacing: .16em; font-weight: 800; }
.pulse-dot { display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 7px rgba(57, 231, 156, .09); }
.hero h1 { max-width: 580px; margin: 24px 0; font-size: clamp(52px, 6vw, 82px); line-height: 1.05; letter-spacing: -.065em; background: linear-gradient(110deg, #fff 28%, #b7fbe1 62%, #69ddff); background-clip: text; -webkit-background-clip: text; color: transparent; }
.hero-copy > p { max-width: 560px; margin: 0; color: var(--muted); font-size: 18px; }
.hero-actions { display: flex; gap: 14px; margin: 36px 0 28px; }
.button { min-height: 52px; padding: 0 23px; border: 1px solid transparent; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 750; transition: .22s ease; }
.button svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.button-primary { color: #042117; background: linear-gradient(135deg, #4ae8a2, #20c983); box-shadow: 0 13px 35px rgba(32, 201, 131, .2); }
.button-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 42px rgba(32, 201, 131, .3); }
.button-ghost { color: #d7e8e2; border-color: rgba(128, 211, 185, .25); background: rgba(12, 35, 29, .55); }
.button-ghost:hover { border-color: var(--cyan); color: #fff; transform: translateY(-2px); }
.hero-platforms { display: flex; align-items: center; gap: 12px; color: #a5b9b1; font-size: 13px; }
.hero-platforms span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 8px; border: 1px solid rgba(157, 232, 205, .11); background: rgba(10, 27, 23, .55); }
.hero-platforms b { color: #dff8ef; font-size: 16px; }
.announcement { display: flex; align-items: center; gap: 10px; margin-top: 22px; color: #829a91; font-size: 12px; }
.announcement span { color: var(--green); border: 1px solid rgba(57, 231, 156, .25); padding: 2px 7px; border-radius: 5px; }
.hero-visual { position: relative; perspective: 1200px; }
.portal-card { overflow: hidden; border: 1px solid rgba(79, 226, 179, .35); border-radius: 18px; background: #071411; box-shadow: 0 38px 100px rgba(0,0,0,.48), 0 0 0 1px rgba(86, 224, 180, .07), 0 0 55px rgba(34, 213, 160, .11); transform: rotateY(-3deg) rotateX(1deg); }
.window-bar { height: 46px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; color: #8da69d; font-size: 11px; border-bottom: 1px solid var(--line); background: rgba(8, 24, 20, .95); }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #27423a; }
.window-dots i:first-child { background: #2ccf8a; }
.window-version { color: var(--green); }
.portal-image { position: relative; aspect-ratio: 1.55; background-image: linear-gradient(90deg, rgba(3, 14, 12, .32), transparent 35%), var(--hero-image); background-size: cover; background-position: center; }
.portal-image::before { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 80px rgba(3, 12, 10, .45); }
.portal-overlay { position: absolute; inset: 0; padding: 25px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background: linear-gradient(180deg, rgba(4, 18, 15, .08), rgba(4, 18, 15, .6)); }
.portal-status { padding: 7px 10px; border: 1px solid rgba(74, 232, 162, .28); border-radius: 999px; color: #d8f8ec; background: rgba(5, 23, 18, .68); backdrop-filter: blur(8px); font-size: 10px; }
.portal-status i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.portal-overlay small { display: block; color: #98b2a8; }
.portal-overlay > div { align-self: flex-end; max-width: 60%; text-align: right; }
.portal-overlay strong { font-size: 22px; }
.floating-card { position: absolute; min-width: 190px; display: flex; align-items: center; gap: 12px; padding: 13px; border: 1px solid rgba(127, 219, 189, .2); border-radius: 13px; background: rgba(9, 29, 23, .83); box-shadow: 0 18px 45px rgba(0,0,0,.3); backdrop-filter: blur(16px); }
.floating-card-top { top: 18%; right: -42px; }
.floating-card-bottom { bottom: 8%; left: -45px; }
.mini-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: #06251a; background: var(--green); font-weight: 900; }
.mini-icon.cyan { background: var(--cyan); }
.floating-card strong, .floating-card small { display: block; }
.floating-card strong { font-size: 12px; }
.floating-card small { color: #829c92; font-size: 9px; }
.trust-row { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 68px; display: flex; align-items: center; justify-content: space-around; color: #708a80; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.trust-row i { width: 3px; height: 3px; border-radius: 50%; background: var(--green); opacity: .5; }

.section { padding: 118px 0; }
.section-heading { max-width: 740px; margin: 0 auto 54px; text-align: center; }
.section-heading h2 { margin: 14px 0 16px; font-size: clamp(34px, 4.5vw, 54px); line-height: 1.14; letter-spacing: -.045em; }
.section-heading p { margin: 0; color: var(--muted); }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.feature-card { position: relative; min-height: 300px; padding: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(150deg, rgba(16, 38, 32, .9), rgba(8, 22, 18, .78)); transition: .25s ease; }
.feature-card:hover { transform: translateY(-4px); border-color: rgba(75, 226, 176, .28); box-shadow: 0 25px 60px rgba(0,0,0,.22); }
.feature-card-wide { grid-column: span 2; }
.feature-number { position: absolute; top: 20px; right: 24px; color: rgba(187, 230, 215, .18); font: 800 36px/1 ui-monospace, monospace; }
.feature-icon { width: 48px; height: 48px; margin-bottom: 55px; display: grid; place-items: center; border-radius: 13px; }
.feature-icon svg { width: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.feature-icon.green { color: var(--green); background: rgba(57, 231, 156, .1); }
.feature-icon.cyan { color: var(--cyan); background: rgba(84, 218, 250, .1); }
.feature-icon.blue { color: var(--blue); background: rgba(104, 167, 255, .1); }
.feature-icon.orange { color: var(--orange); background: rgba(255, 180, 94, .1); }
.feature-icon.purple { color: var(--purple); background: rgba(169, 136, 255, .1); }
.feature-card h3 { margin: 0 0 10px; font-size: 20px; }
.feature-card p { max-width: 470px; margin: 0; color: #8ea59c; font-size: 14px; }
.mini-dashboard { display: flex; gap: 8px; margin-top: 25px; }
.mini-dashboard span { padding: 6px 10px; border: 1px solid var(--line); border-radius: 7px; color: #718a80; font-size: 9px; }
.mini-dashboard span.active { color: var(--green); background: rgba(57, 231, 156, .08); border-color: rgba(57, 231, 156, .22); }
.console-lines { margin-top: 20px; padding: 13px; border: 1px solid rgba(120, 197, 170, .12); border-radius: 9px; background: #06110e; font: 9px/1.7 ui-monospace, monospace; color: #6ee5b2; }
.console-lines i { display: block; width: 66%; height: 3px; margin-bottom: 5px; background: #173d31; }
.console-lines i:nth-child(2) { width: 45%; }.console-lines i:nth-child(3) { width: 78%; }

.platform-section { border-block: 1px solid var(--line); background: rgba(9, 24, 20, .45); }
.platform-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.platform-card { padding: 28px; border: 1px solid var(--line); border-radius: 18px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 17px; background: rgba(10, 28, 23, .75); transition: .25s ease; }
.platform-card:hover { border-color: var(--line-bright); transform: translateY(-4px); }
.platform-symbol { width: 55px; height: 55px; display: grid; place-items: center; grid-row: span 2; border-radius: 14px; color: var(--green); background: rgba(57, 231, 156, .08); font-size: 29px; }
.platform-card h3 { margin: 0; font-size: 19px; }.platform-card p { margin: 2px 0 0; color: #748e84; font-size: 12px; }
.platform-card a { grid-column: 1 / -1; margin-top: 8px; padding-top: 18px; display: flex; justify-content: space-between; color: #b6cec4; border-top: 1px solid var(--line); font-size: 13px; font-weight: 700; }
.platform-card a span { color: var(--green); }
.single-source-note { max-width: 800px; margin: 26px auto 0; padding: 15px 18px; display: flex; align-items: center; gap: 13px; border: 1px dashed rgba(71, 222, 170, .22); border-radius: 13px; color: #789187; background: rgba(7, 23, 18, .55); font-size: 11px; }
.single-source-note strong, .single-source-note a { display: block; }.single-source-note strong { color: #cde1da; }.single-source-note a { color: #71988a; }
.lock-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: var(--green); background: rgba(57, 231, 156, .08); }
.version-pill { margin-left: auto; padding: 5px 9px; color: var(--green); border: 1px solid rgba(57, 231, 156, .18); border-radius: 7px; }

.docs-showcase { padding-top: 80px; }
.docs-banner { min-height: 370px; padding: 60px; display: grid; grid-template-columns: .8fr 1.2fr .7fr; align-items: center; gap: 60px; overflow: hidden; border: 1px solid rgba(83, 224, 178, .2); border-radius: 28px; background: radial-gradient(circle at 15% 50%, rgba(42, 214, 159, .12), transparent 36%), linear-gradient(130deg, #0d251e, #0a1916); box-shadow: var(--shadow); }
.docs-copy h2 { margin: 15px 0; font-size: 38px; line-height: 1.18; letter-spacing: -.04em; }.docs-copy p { color: #91a89f; font-size: 14px; }
.text-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 11px; color: var(--green); font-weight: 750; }.text-link span { transition: .2s ease; }.text-link:hover span { transform: translateX(4px); }
.docs-visual { position: relative; height: 210px; }.doc-sheet { position: absolute; width: 150px; height: 190px; border: 1px solid rgba(104, 235, 190, .23); border-radius: 12px; background: #102d25; box-shadow: 0 30px 45px rgba(0,0,0,.25); }
.sheet-back { left: 35px; top: 5px; transform: rotate(11deg); background: #0d201b; }.sheet-front { left: 15px; top: 15px; padding: 27px; transform: rotate(-5deg); }.sheet-front i { display: block; height: 5px; margin: 10px 0; border-radius: 4px; background: rgba(114, 206, 174, .18); }.sheet-front i:nth-child(2) { width: 70%; }.sheet-front span { position: absolute; left: 27px; bottom: 25px; color: var(--green); font: 700 25px ui-monospace, monospace; }
.docs-points { display: grid; gap: 18px; }.docs-points span { display: flex; align-items: center; gap: 12px; color: #a8bdb5; font-size: 12px; }.docs-points i { color: var(--green); font: normal 10px ui-monospace, monospace; }

.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }.section-heading.align-left { margin: 0; text-align: left; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { padding: 23px 2px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; font-weight: 700; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--green); font-size: 22px; transition: .2s ease; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 650px; margin: -7px 0 24px; color: var(--muted); font-size: 14px; }
.final-cta { padding: 40px 0 110px; }.final-cta-inner { padding: 48px 56px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid var(--line-bright); border-radius: 24px; background: linear-gradient(110deg, rgba(22, 67, 52, .7), rgba(7, 25, 20, .7)); }.final-cta h2 { margin: 8px 0 0; font-size: clamp(28px, 4vw, 44px); letter-spacing: -.04em; }

.site-footer { padding: 60px 0 25px; border-top: 1px solid var(--line); background: #050d0b; color: #72877f; }.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; padding-bottom: 50px; }.footer-brand { color: #edf8f4; }.footer-grid p { max-width: 460px; font-size: 13px; }.footer-links { display: flex; flex-direction: column; gap: 9px; font-size: 13px; }.footer-links strong { margin-bottom: 7px; color: #dcebe5; }.footer-links a:hover { color: var(--green); }.footer-bottom { padding-top: 22px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(151, 219, 196, .08); font-size: 11px; }.filings { display: flex; gap: 15px; }.filings a:hover { color: var(--green); }

.reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s ease; }.reveal-delay { transition-delay: .12s; }.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1050px) {
    .hero { padding-top: 70px; }.hero-grid { grid-template-columns: 1fr; gap: 55px; }.hero-copy { text-align: center; }.hero-copy > p, .hero h1 { margin-inline: auto; }.hero-actions, .hero-platforms { justify-content: center; }.announcement { justify-content: center; }.hero-visual { width: min(760px, 92%); margin: auto; }.trust-row { display: none; }.hero { padding-bottom: 90px; }.hero::after { bottom: 0; }
    .feature-grid { grid-template-columns: repeat(2, 1fr); }.docs-banner { grid-template-columns: .7fr 1.3fr; }.docs-points { display: none; }
}
@media (max-width: 780px) {
    .site-header { height: 66px; }.nav-toggle { display: block; }.site-nav { position: absolute; top: 66px; left: 20px; right: 20px; padding: 14px; flex-direction: column; align-items: stretch; gap: 4px; border: 1px solid var(--line); border-radius: 15px; background: rgba(7, 21, 17, .97); box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: .2s ease; }.site-nav.open { opacity: 1; visibility: visible; transform: none; }.site-nav a { padding: 12px; border-radius: 8px; }.site-nav a:not(.nav-download)::after { display: none; }.site-nav a:hover { background: rgba(57, 231, 156, .06); }.nav-download { margin-top: 5px; text-align: center; }
    .hero { min-height: 0; padding-top: 60px; }.hero h1 { font-size: clamp(44px, 13vw, 66px); }.hero-copy > p { font-size: 16px; }.floating-card-top { right: -18px; }.floating-card-bottom { left: -18px; }.feature-grid, .platform-grid { grid-template-columns: 1fr; }.feature-card-wide { grid-column: span 1; }.section { padding: 85px 0; }.section-heading { margin-bottom: 38px; }.docs-banner { padding: 40px 28px; grid-template-columns: 1fr; text-align: center; }.docs-visual { display: none; }.faq-layout { grid-template-columns: 1fr; gap: 45px; }.section-heading.align-left { text-align: center; margin-inline: auto; }.final-cta-inner { padding: 38px 28px; flex-direction: column; align-items: flex-start; }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-grid > div:first-child { grid-column: 1 / -1; }.footer-bottom { flex-direction: column; }.single-source-note { align-items: flex-start; }.version-pill { display: none; }
}
@media (max-width: 520px) {
    .container { width: min(calc(100% - 28px), var(--container)); }.hero-actions { flex-direction: column; }.hero-platforms { flex-wrap: wrap; }.portal-card { transform: none; }.floating-card { display: none; }.portal-overlay strong { font-size: 16px; }.feature-card { min-height: 260px; }.platform-card { padding: 22px; }.docs-banner { border-radius: 20px; }.footer-grid { grid-template-columns: 1fr; }.footer-grid > div:first-child { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; } }

/* Documentation */
.docs-hero { padding: 105px 0 65px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 68% 35%, rgba(46, 224, 162, .1), transparent 34%); }
.docs-hero-inner { display: grid; grid-template-columns: 1fr .85fr; gap: 70px; align-items: end; }
.docs-hero h1 { margin: 13px 0 7px; font-size: clamp(44px, 6vw, 72px); line-height: 1.08; letter-spacing: -.055em; }.docs-hero p { margin: 0; color: var(--muted); }
.docs-search-wrap { position: relative; }.docs-search-wrap svg { position: absolute; left: 18px; top: 50%; width: 20px; transform: translateY(-50%); fill: none; stroke: #779086; stroke-width: 1.7; }.docs-search-wrap input { width: 100%; height: 58px; padding: 0 54px; color: #f1faf6; border: 1px solid rgba(109, 221, 184, .2); outline: 0; border-radius: 14px; background: rgba(8, 27, 21, .78); transition: .2s ease; }.docs-search-wrap input:focus { border-color: var(--green); box-shadow: 0 0 0 4px rgba(57, 231, 156, .08); }.docs-search-wrap kbd { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); padding: 2px 7px; color: #688178; border: 1px solid var(--line); border-radius: 5px; background: #0e211b; font: 11px ui-monospace, monospace; }
.docs-content { min-height: 520px; padding-top: 70px; }.docs-toolbar { margin-bottom: 28px; display: flex; align-items: center; justify-content: space-between; color: #80968d; font-size: 13px; }.docs-count { margin-right: 5px; color: #fff; font-size: 26px; font-weight: 800; }.button-small { min-height: 42px; padding-inline: 16px; font-size: 12px; }
.docs-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }.doc-card { min-height: 295px; padding: 28px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(145deg, rgba(14, 36, 29, .82), rgba(7, 21, 17, .76)); transition: .25s ease; }.doc-card:hover { transform: translateY(-4px); border-color: rgba(65, 226, 170, .3); box-shadow: 0 24px 60px rgba(0,0,0,.22); }.doc-card[hidden] { display: none; }.doc-card-top { display: flex; align-items: center; gap: 10px; color: #71887f; font-size: 11px; }.doc-type { display: inline-flex; padding: 4px 7px; color: var(--green); border: 1px solid rgba(57, 231, 156, .2); border-radius: 6px; background: rgba(57, 231, 156, .07); font: 800 10px ui-monospace, monospace; }.doc-type.pdf { color: #ff8d80; border-color: rgba(255, 104, 90, .22); background: rgba(255, 104, 90, .08); }.doc-card h2 { margin: 25px 0 10px; font-size: 20px; line-height: 1.35; }.doc-card p { margin: 0; color: #849b92; font-size: 13px; }.doc-card-bottom { margin-top: auto; padding-top: 24px; display: flex; justify-content: space-between; align-items: center; color: #587168; border-top: 1px solid var(--line); font-size: 10px; }.doc-card-bottom a { color: #b4c9c1; font-size: 12px; font-weight: 750; }.doc-card-bottom a b { margin-left: 6px; color: var(--green); }.empty-state, .no-search-results { padding: 70px 20px; text-align: center; color: var(--muted); border: 1px dashed var(--line); border-radius: 20px; }.empty-state > span { color: var(--green); font-size: 32px; font-weight: 800; }.empty-state h1, .empty-state h2 { color: #fff; }.empty-state .button { margin-top: 15px; }
.doc-reader-head { padding: 70px 0 42px; border-bottom: 1px solid var(--line); }.back-link { display: inline-block; margin-bottom: 35px; color: #81978e; font-size: 12px; }.back-link:hover { color: var(--green); }.reader-title-row { display: flex; justify-content: space-between; align-items: end; gap: 30px; }.reader-category { margin-left: 8px; color: #799087; font-size: 11px; }.reader-title-row h1 { margin: 14px 0 8px; font-size: clamp(34px, 5vw, 54px); line-height: 1.15; letter-spacing: -.045em; }.reader-title-row p { max-width: 740px; margin: 0; color: var(--muted); }
.reader-section { min-height: 600px; padding: 50px 0 100px; background: rgba(4, 13, 11, .32); }.markdown-body { max-width: 900px; margin: auto; padding: 58px 66px; color: #c4d4ce; border: 1px solid var(--line); border-radius: 18px; background: #091814; box-shadow: 0 25px 80px rgba(0,0,0,.2); }.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 { margin: 1.6em 0 .6em; color: #fff; line-height: 1.3; }.markdown-body h1:first-child { margin-top: 0; }.markdown-body h1 { font-size: 36px; }.markdown-body h2 { padding-bottom: 10px; border-bottom: 1px solid var(--line); font-size: 27px; }.markdown-body h3 { font-size: 20px; }.markdown-body p, .markdown-body li { color: #a7bab3; }.markdown-body a { color: var(--green); border-bottom: 1px solid rgba(57, 231, 156, .25); }.markdown-body code { padding: 2px 6px; color: #78e9bd; border-radius: 5px; background: #102b22; font: .9em ui-monospace, SFMono-Regular, Consolas, monospace; }.markdown-body pre { padding: 20px; overflow-x: auto; border: 1px solid #16372d; border-radius: 11px; background: #04100d; }.markdown-body pre code { padding: 0; color: #bed0c9; background: none; }.markdown-body blockquote { margin: 20px 0; padding: 8px 18px; color: #91a79e; border-left: 3px solid var(--green); background: rgba(57, 231, 156, .04); }.markdown-body hr { height: 1px; margin: 35px 0; border: 0; background: var(--line); }.pdf-reader { overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #101d1a; box-shadow: var(--shadow); }.pdf-reader iframe { display: block; width: 100%; height: min(78vh, 950px); border: 0; }.pdf-fallback { padding: 12px; color: #71887f; text-align: center; font-size: 11px; }.pdf-fallback a { color: var(--green); }
@media (max-width: 900px) { .docs-card-grid { grid-template-columns: repeat(2, 1fr); }.docs-hero-inner { grid-template-columns: 1fr; gap: 36px; }.reader-title-row { align-items: flex-start; flex-direction: column; } }
@media (max-width: 620px) { .docs-card-grid { grid-template-columns: 1fr; }.docs-hero { padding-top: 65px; }.docs-toolbar { align-items: flex-start; gap: 20px; flex-direction: column; }.markdown-body { padding: 34px 22px; border-radius: 13px; }.markdown-body h1 { font-size: 29px; }.pdf-reader iframe { height: 70vh; } }