@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Rubik:wght@400;500;600&display=swap";:root{--color-page-white: #ffffff;--color-bg-subtle: #f8f8fc;--color-border-ash: #e8e8f2;--color-text-graphite: #403f53;--color-text-slate: #767682;--color-text-fog: #a8a8b0;--color-text-jet: #111111;--color-primary-violet: #303055;--color-primary-violet-hover: #3d3d6e;--color-code-rose: #984e4d;--color-code-magenta: #8844ae;--color-code-sky: #5196b3;--color-code-indigo: #3b61b0;--color-code-teal: #096e72;--color-status-verified: #096e72;--color-status-caution: #984e4d;--color-status-pending: #3b61b0;--font-ibm-plex-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-rubik: "Rubik", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-caption: 12px;--leading-caption: 1.78;--tracking-caption: .016em;--text-body: 14px;--leading-body: 1.5;--tracking-body: .056em;--text-body-lg: 16px;--leading-body-lg: 1.5;--text-subheading: 18px;--leading-subheading: 1.2;--text-heading: 20px;--leading-heading: 1.2;--text-display: 48px;--leading-display: 1.1;--tracking-display: -.02em;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-unit: 4px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--spacing-72: 72px;--spacing-96: 96px;--section-gap: 64px;--max-width: 1120px;--radius-sm: 1px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--shadow-card: 0px 1px 3px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .06);--shadow-card-hover: 0px 4px 12px rgba(0, 0, 0, .1), 0px 2px 4px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-rubik);font-size:var(--text-body-lg);font-weight:var(--font-weight-regular);line-height:var(--leading-body-lg);color:var(--color-text-graphite);background-color:var(--color-page-white);overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-jet);font-weight:var(--font-weight-semibold)}h1{font-family:var(--font-ibm-plex-mono);font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}h2{font-family:var(--font-ibm-plex-mono);font-size:32px;line-height:1.15;letter-spacing:-.01em}h3{font-size:var(--text-heading);line-height:var(--leading-heading)}h4{font-size:var(--text-subheading);line-height:var(--leading-subheading)}p{margin-bottom:var(--spacing-16);line-height:1.65}a{color:var(--color-primary-violet);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-violet-hover)}code,pre{font-family:var(--font-ibm-plex-mono);font-size:var(--text-body);letter-spacing:-.021em}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-24)}.section{padding:var(--spacing-96) 0}.section:first-of-type{padding-top:var(--spacing-72)}::selection{background-color:#3030551f;color:var(--color-text-jet)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border-ash);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-fog)}@media(max-width:768px){h1{font-size:32px}h2{font-size:24px}.section{padding:var(--spacing-64) 0}.container{padding:0 var(--spacing-16)}}@media(max-width:480px){h1{font-size:26px}h2{font-size:22px}}.btn{display:inline-flex;align-items:center;gap:var(--spacing-8);font-family:var(--font-rubik);font-size:var(--text-body);font-weight:var(--font-weight-medium);padding:var(--spacing-12) var(--spacing-24);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background-color:var(--color-primary-violet);color:var(--color-page-white);border-color:var(--color-primary-violet)}.btn-primary:hover{background-color:var(--color-primary-violet-hover);color:var(--color-page-white);transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.btn-secondary{background-color:#fffc;color:var(--color-text-graphite);border-color:var(--color-border-ash)}.btn-secondary:hover{background-color:var(--color-page-white);border-color:var(--color-text-fog);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-primary-violet);padding:var(--spacing-8) var(--spacing-16)}.btn-ghost:hover{background-color:var(--color-bg-subtle)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-ash);transition:box-shadow var(--transition-base)}.nav.scrolled{box-shadow:0 1px 8px #0000000f}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-24)}.nav-logo{display:flex;align-items:center;gap:var(--spacing-8);text-decoration:none}.nav-logo svg{height:28px;width:auto}.nav-links{display:flex;align-items:center;gap:var(--spacing-8)}.nav-link{font-size:var(--text-body);color:var(--color-text-graphite);padding:var(--spacing-4) var(--spacing-12);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.nav-link:hover{color:var(--color-primary-violet);background:var(--color-bg-subtle)}.lang-toggle{display:flex;border:1px solid var(--color-border-ash);border-radius:var(--radius-md);overflow:hidden}.lang-btn{font-family:var(--font-rubik);font-size:var(--text-caption);font-weight:var(--font-weight-medium);padding:var(--spacing-4) var(--spacing-12);background:transparent;border:none;cursor:pointer;color:var(--color-text-slate);transition:all var(--transition-fast);letter-spacing:var(--tracking-caption)}.lang-btn.active{background:var(--color-primary-violet);color:var(--color-page-white)}.nav-hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-8)}.nav-hamburger span{display:block;width:20px;height:2px;background:var(--color-text-jet);border-radius:1px;transition:all var(--transition-fast)}@media(max-width:768px){.nav-links{position:fixed;top:60px;left:0;right:0;flex-direction:column;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-24);gap:var(--spacing-16);border-bottom:1px solid var(--color-border-ash);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base)}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-hamburger{display:flex}}.code-card{background:var(--color-page-white);border:1px solid var(--color-border-ash);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--transition-base)}.code-card:hover{box-shadow:var(--shadow-card-hover)}.code-card-header{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-16);border-bottom:1px solid var(--color-border-ash);background:var(--color-bg-subtle)}.code-card-dot{width:8px;height:8px;border-radius:50%}.code-card-dot.red{background:#ff5f56}.code-card-dot.yellow{background:#ffbd2e}.code-card-dot.green{background:#27c93f}.code-card-title{font-family:var(--font-ibm-plex-mono);font-size:var(--text-caption);color:var(--color-text-fog);margin-left:var(--spacing-8)}.code-card-body{padding:var(--spacing-24);font-family:var(--font-ibm-plex-mono);font-size:var(--text-body);line-height:1.8;overflow-x:auto}.code-card-body .line{display:block;white-space:pre}.code-card-body .line-num{color:var(--color-text-fog);-webkit-user-select:none;user-select:none;display:inline-block;width:2em;text-align:right;margin-right:1.5em}.syn-key{color:var(--color-code-teal)}.syn-str{color:var(--color-code-indigo)}.syn-val{color:var(--color-code-rose)}.syn-fn{color:var(--color-code-magenta)}.syn-cmt{color:var(--color-text-fog);font-style:italic}.syn-type{color:var(--color-code-sky)}.hero{padding-top:140px;padding-bottom:var(--spacing-96);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-64);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-24)}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-8);font-family:var(--font-ibm-plex-mono);font-size:var(--text-caption);color:var(--color-code-teal);background:#096e720f;padding:var(--spacing-4) var(--spacing-12);border-radius:var(--radius-md);border:1px solid rgba(9,110,114,.15);width:fit-content;letter-spacing:var(--tracking-caption)}.hero-badge .pulse{width:6px;height:6px;border-radius:50%;background:var(--color-code-teal);animation:pulse 2s ease-in-out infinite}.hero-subtitle{font-size:var(--text-subheading);color:var(--color-text-graphite);line-height:1.6;max-width:520px}.hero-actions{display:flex;gap:var(--spacing-12);flex-wrap:wrap}.hero-visual{position:relative}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}@media(max-width:768px){.hero{padding-top:100px;padding-bottom:var(--spacing-64)}.hero-grid{grid-template-columns:1fr;gap:var(--spacing-40)}.hero-visual{order:-1}}.section-header{text-align:center;max-width:640px;margin:0 auto var(--spacing-64)}.section-label{font-family:var(--font-ibm-plex-mono);font-size:var(--text-caption);color:var(--color-code-teal);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-12);display:block}.section-title{margin-bottom:var(--spacing-16)}.section-desc{color:var(--color-text-slate);font-size:var(--text-body-lg);line-height:1.65}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-48)}.why-card{padding:var(--spacing-40);border:1px solid var(--color-border-ash);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all var(--transition-base)}.why-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.why-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-24);font-size:24px}.why-card.problem .why-card-icon{background:#984e4d14;color:var(--color-code-rose)}.why-card.solution .why-card-icon{background:#096e7214;color:var(--color-code-teal)}.why-card h3{margin-bottom:var(--spacing-16)}.why-card p{color:var(--color-text-slate);margin-bottom:var(--spacing-24)}.why-card .code-snippet{font-family:var(--font-ibm-plex-mono);font-size:13px;color:var(--color-text-graphite);background:var(--color-bg-subtle);padding:var(--spacing-16);border-radius:var(--radius-md);border:1px solid var(--color-border-ash);line-height:1.7;overflow-x:auto}@media(max-width:768px){.why-grid{grid-template-columns:1fr;gap:var(--spacing-24)}.why-card{padding:var(--spacing-24)}}.how-steps{display:flex;flex-direction:column;gap:var(--spacing-48);position:relative;padding-left:var(--spacing-48)}.how-steps:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-border-ash),var(--color-primary-violet),var(--color-border-ash))}.how-step{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-32);align-items:start}.how-step:before{content:attr(data-step);position:absolute;left:-48px;width:30px;height:30px;border-radius:50%;background:var(--color-primary-violet);color:var(--color-page-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-ibm-plex-mono);font-size:var(--text-body);font-weight:var(--font-weight-semibold);z-index:1}.how-step h3{margin-bottom:var(--spacing-8)}.how-step p{color:var(--color-text-slate);margin-bottom:0}.how-step .code-card{max-width:100%}@media(max-width:768px){.how-steps{padding-left:var(--spacing-40)}.how-step{grid-template-columns:1fr;gap:var(--spacing-16)}.how-step:before{left:-40px;width:26px;height:26px;font-size:12px}}.matrix-table-wrap{overflow-x:auto;border:1px solid var(--color-border-ash);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.matrix-table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.matrix-table th{font-family:var(--font-ibm-plex-mono);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-slate);background:var(--color-bg-subtle);padding:var(--spacing-16) var(--spacing-24);text-align:left;border-bottom:2px solid var(--color-border-ash);white-space:nowrap}.matrix-table td{padding:var(--spacing-16) var(--spacing-24);border-bottom:1px solid var(--color-border-ash);vertical-align:middle}.matrix-table tr:last-child td{border-bottom:none}.matrix-table tr:hover td{background:var(--color-bg-subtle)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-4);font-family:var(--font-ibm-plex-mono);font-size:var(--text-caption);padding:var(--spacing-4) var(--spacing-12);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.status-badge.verified{background:#096e7214;color:var(--color-status-verified)}.status-badge.caution{background:#984e4d14;color:var(--color-status-caution)}.status-badge.pending{background:#3b61b014;color:var(--color-status-pending)}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-badge.verified .status-dot{background:var(--color-status-verified)}.status-badge.caution .status-dot{background:var(--color-status-caution)}.status-badge.pending .status-dot{background:var(--color-status-pending)}.protocol-tag{font-family:var(--font-ibm-plex-mono);font-size:var(--text-caption);color:var(--color-code-magenta);background:#8844ae0f;padding:2px var(--spacing-8);border-radius:var(--radius-sm)}.integrity-bar{display:flex;align-items:center;gap:var(--spacing-8)}.integrity-fill{height:4px;border-radius:2px;transition:width var(--transition-slow)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-24)}.news-card{border:1px solid var(--color-border-ash);border-radius:var(--radius-lg);padding:var(--spacing-32);display:flex;flex-direction:column;gap:var(--spacing-16);transition:all var(--transition-base)}.news-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.news-date{font-family:var(--font-ibm-plex-mono);font-size:var(--text-caption);color:var(--color-text-fog);letter-spacing:var(--tracking-caption)}.news-card h4{color:var(--color-text-jet);line-height:1.4}.news-card p{color:var(--color-text-slate);font-size:var(--text-body);margin-bottom:0;flex:1}.news-tag{font-family:var(--font-ibm-plex-mono);font-size:11px;color:var(--color-code-sky);background:#5196b314;padding:2px var(--spacing-8);border-radius:var(--radius-sm);width:fit-content}.news-link{font-size:var(--text-body);color:var(--color-primary-violet);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--spacing-4)}.news-link:after{content:"→";transition:transform var(--transition-fast)}.news-link:hover:after{transform:translate(4px)}@media(max-width:768px){.news-grid{grid-template-columns:1fr;gap:var(--spacing-16)}.news-card{padding:var(--spacing-24)}}.reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-24)}.report-card{border:1px solid var(--color-border-ash);border-radius:var(--radius-lg);padding:var(--spacing-32);display:flex;align-items:flex-start;gap:var(--spacing-24);transition:all var(--transition-base)}.report-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.report-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:#3030550f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary-violet);font-size:20px}.report-info{flex:1}.report-info h4{margin-bottom:var(--spacing-8)}.report-info p{color:var(--color-text-slate);font-size:var(--text-body);margin-bottom:var(--spacing-12)}.report-meta{font-family:var(--font-ibm-plex-mono);font-size:11px;color:var(--color-text-fog)}@media(max-width:768px){.reports-grid{grid-template-columns:1fr}}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-24)}.contact-card{text-align:center;padding:var(--spacing-40);border:1px solid var(--color-border-ash);border-radius:var(--radius-lg);transition:all var(--transition-base)}.contact-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.contact-icon{font-size:28px;margin-bottom:var(--spacing-16)}.contact-card h4{margin-bottom:var(--spacing-8)}.contact-card p{color:var(--color-text-slate);font-size:var(--text-body);margin-bottom:var(--spacing-16)}.contact-card a{font-family:var(--font-ibm-plex-mono);font-size:var(--text-body)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--color-border-ash);padding:var(--spacing-40) 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-16)}.footer-left{display:flex;align-items:center;gap:var(--spacing-16)}.footer-left svg{height:20px;width:auto;opacity:.5}.footer-copy{font-size:var(--text-caption);color:var(--color-text-fog)}.footer-links{display:flex;gap:var(--spacing-16)}.footer-links a{font-size:var(--text-caption);color:var(--color-text-slate)}.footer-links a:hover{color:var(--color-primary-violet)}@media(max-width:480px){.footer-inner{flex-direction:column;text-align:center}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:var(--color-text-fog)}50%{border-color:transparent}}.typing-line{overflow:hidden;white-space:nowrap;border-right:2px solid var(--color-text-fog);animation:typing 1.5s steps(40) forwards,blink 1s step-end infinite}.gradient-line{height:2px;background:linear-gradient(90deg,transparent,var(--color-primary-violet),transparent);opacity:.3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float{animation:float 4s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(48,48,85,.04) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s infinite}
