:root{--accent:#704684;--accent-light:#8a5a9a;--accent-dark:#5a3568;--bg:#fff;--fg:#000;--bg-rgb:255,255,255;--grid-cols:12;--gutter:8px;--transition: .25s cubic-bezier(.4,0,.2,1);--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.15);--shadow-lg: 0 8px 20px rgba(0,0,0,.2)}[data-theme=dark]{--bg:#000;--fg:#fff;--bg-rgb:0,0,0;--accent-light:#9b6fab;--accent-dark:#4a2857;--shadow-sm: 0 2px 4px rgba(255,255,255,.1);--shadow-md: 0 4px 12px rgba(255,255,255,.15);--shadow-lg: 0 8px 20px rgba(255,255,255,.2)}[data-theme=dark] .controls{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .prob-bars{background:#ffffff0d}[data-theme=dark] .hero-title{background:linear-gradient(135deg,var(--fg),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body>div{box-sizing:border-box;margin:10px}*:not(pre):not(code){transition:color var(--transition),background-color var(--transition),border-color var(--transition),transform var(--transition),opacity var(--transition)}html,body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}body{scroll-snap-type:y mandatory;overflow-x:hidden}section{scroll-snap-align:start;min-height:100vh;padding:0 clamp(16px,4vw,32px);display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);grid-auto-rows:auto;position:relative;margin-top:80px;scroll-margin-top:84px}.section--flush{padding-left:0!important;padding-right:0!important}section:first-of-type{margin-top:0;padding-top:100px}header{position:fixed;inset:0 0 auto;display:flex;gap:1rem;align-items:center;padding:10px 16px;background:rgba(var(--bg-rgb),.92);border-bottom:2px solid var(--fg);z-index:1000;backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}header .brand{display:inline-flex;align-items:center;gap:8px;font-weight:800}header .brand-name{font-weight:800;white-space:nowrap}header .site-logo{width:auto;height:28px;object-fit:cover;display:block;box-shadow:0 0 0 1px var(--fg) inset;border-radius:4px}button{background:var(--fg);color:var(--bg);border:2px solid var(--fg);padding:8px 16px;cursor:pointer;font-weight:600;font-size:.85rem;border-radius:0;transition:all var(--transition);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition)}button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}button:hover:before{left:100%}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit;text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent)}.site-nav{display:flex;gap:8px;align-items:center}.mobile-nav-toggle{display:none}@media (max-width:680px){.site-nav{position:fixed;top:56px;left:0;right:0;display:none;flex-direction:column;gap:0;background:rgba(var(--bg-rgb),.98);border-bottom:2px solid var(--fg);box-shadow:var(--shadow-md)}.site-nav a{padding:12px 20px;border-top:1px solid var(--fg)}.site-nav.is-open{display:flex}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0}header{gap:.75rem;padding:10px 12px}header .site-logo{height:24px}header .brand-name{font-size:.95rem}}.hero-title{font-size:clamp(3rem,9vw,8rem);line-height:.9;margin:0;font-weight:800;background:linear-gradient(135deg,var(--fg),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(1rem,2.5vw,1.8rem);max-width:55ch;margin:1.5rem 0;opacity:.8}.grid-lines[data-show-grid=true] section:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to right,transparent,transparent calc((100vw - (var(--grid-cols) - 1)*var(--gutter))/var(--grid-cols) - var(--gutter)),rgba(0,0,0,.15) calc((100vw - (var(--grid-cols) - 1)*var(--gutter))/var(--grid-cols) - var(--gutter)),rgba(0,0,0,.15) calc((100vw - (var(--grid-cols) - 1)*var(--gutter))/var(--grid-cols)));mix-blend-mode:multiply;opacity:.5}[data-theme=dark] .grid-lines[data-show-grid=true] section:before{background:repeating-linear-gradient(to right,transparent,transparent calc((100vw - (var(--grid-cols) - 1)*var(--gutter))/var(--grid-cols) - var(--gutter)),rgba(255,255,255,.25) calc((100vw - (var(--grid-cols) - 1)*var(--gutter))/var(--grid-cols) - var(--gutter)),rgba(255,255,255,.25) calc((100vw - (var(--grid-cols) - 1)*var(--gutter))/var(--grid-cols)))}.section-title{grid-column:1 / span 12;font-size:clamp(2rem,5vw,5rem);margin:0 0 2rem;font-weight:700;position:relative}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:4px;background:var(--accent)}.section-description{grid-column:1 / span 12;margin:0 0 2rem;max-width:800px}.section-description p{margin:0 0 1rem;font-size:1.1rem;line-height:1.7;opacity:.9}.section-description p:last-child{margin-bottom:0}.flex-col{grid-column:1 / span 12;display:flex;flex-direction:column;gap:1rem}.controls{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.7rem;padding:1rem;background:linear-gradient(135deg,#0000000d,#00000005);border-radius:8px;border:1px solid rgba(0,0,0,.1)}.controls label{display:flex;flex-direction:column;gap:4px;font-weight:600}.controls input[type=range],.controls input[type=number]{width:120px;padding:4px;border:1px solid var(--fg);border-radius:4px;background:var(--bg);transition:all var(--transition)}.controls input[type=range]:hover,.controls input[type=number]:hover{border-color:var(--accent)}.controls--compact{padding:.75rem;gap:.5rem;font-size:.65rem}.controls--compact input[type=range],.controls--compact input[type=number],.controls--compact input[type=text]{width:100px}.canvas-frame{position:relative;flex:1;border:2px solid var(--fg);min-height:280px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md);background:var(--bg);transition:all var(--transition)}.canvas-frame:hover{box-shadow:var(--shadow-lg);border-color:var(--accent)}.pagination-dots{position:fixed;top:50%;right:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:900}.pagination-dots button{width:16px;height:16px;border-radius:50%;padding:0;background:transparent;border:2px solid var(--fg);transition:all var(--transition)}.pagination-dots button:hover{transform:scale(1.2)}.pagination-dots button.active{background:var(--accent);border-color:var(--accent);transform:scale(1.3)}.swipe-tabs{display:flex;gap:8px;margin-bottom:1rem}.swipe-tabs button{padding:10px 20px;font-size:.9rem;border-radius:999px;border:2px solid var(--fg);background:transparent;color:var(--fg)}.swipe-tabs button[aria-selected=true]{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:var(--shadow-sm)}.swipe-tabs button[aria-selected=false]{background:transparent;color:var(--fg);border-color:var(--fg);opacity:.9}#llmAgentContainer,#blockchainContainer{position:relative;overflow:hidden;border:2px solid var(--fg);height:55vh;border-radius:8px;box-shadow:var(--shadow-md);background:var(--bg);transition:all var(--transition);touch-action:pan-y;overscroll-behavior:contain}#llmAgentContainer:hover,#blockchainContainer:hover{box-shadow:var(--shadow-lg);border-color:var(--accent)}#llmAgentInner,#blockchainInner{display:flex;width:200%;height:100%;transition:transform var(--transition)}.subview{width:50%;padding:1.5rem;overflow:hidden}.subview--flush{padding:0!important}.swipe-hint{position:absolute;left:50%;transform:translate(-50%);bottom:8px;font-size:10px;font-weight:600;background:var(--bg);color:var(--fg);border:1px solid var(--fg);border-radius:999px;padding:4px 8px;box-shadow:var(--shadow-sm);opacity:.9;display:none}.prob-bars{display:flex;gap:3px;align-items:flex-end;height:160px;margin-top:8px;padding:8px;background:#0000000d;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.prob-bars div{flex:1;background:linear-gradient(to top,var(--accent),var(--accent-light));position:relative;display:flex;align-items:flex-end;justify-content:center;font-size:10px;color:var(--bg);border-radius:4px;transition:all var(--transition);cursor:pointer}.prob-bars div:hover{transform:scaleY(1.05) scaleX(1.02);background:linear-gradient(to top,var(--accent-dark),var(--accent))}.prob-bars div.active{outline:2px solid var(--fg);box-shadow:0 0 0 2px var(--bg) inset;transform:scaleY(1.1) scaleX(1.05)}.blog-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.blog-card{border:2px solid var(--fg);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:all var(--transition);border-radius:8px;background:var(--bg);position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-light));transform:scaleX(0);transition:transform var(--transition)}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.blog-card:hover:before{transform:scaleX(1)}.tag{background:var(--fg);color:var(--bg);padding:4px 8px;font-size:.6rem;font-weight:700;letter-spacing:.5px;border-radius:12px;display:inline-block}.hud-line{font-size:.75rem;font-weight:600;padding:12px;background:linear-gradient(135deg,#7046841a,#8a5a9a1a);border-radius:8px;border:1px solid rgba(112,70,132,.2)}.sparkline{width:140px;height:28px;border:1px solid var(--fg);border-radius:4px;transition:all var(--transition)}.sparkline:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.grid-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:1200;width:1px;height:1px}.grid-cursor .gc-v,.grid-cursor .gc-h{position:fixed;background:var(--accent);opacity:.5}.grid-cursor .gc-v{width:1px;top:0;bottom:0;left:0}.grid-cursor .gc-h{height:1px;left:0;right:0;top:0}.grid-cursor .gc-label{position:absolute;top:4px;left:6px;background:var(--bg);color:var(--fg);font-size:10px;padding:2px 4px;border:1px solid var(--fg);font-weight:600}.audit-layout{display:flex;gap:1.5rem;height:52vh;max-height:52vh;align-items:stretch}.audit-stream{flex:1;font-size:10px;font-family:ui-monospace,monospace;border:2px solid var(--fg);padding:8px;overflow-y:auto;overflow-x:hidden;background:var(--bg);display:flex;flex-direction:column;height:100%;overscroll-behavior:contain;overflow-anchor:none;border-radius:8px;box-shadow:var(--shadow-md);transition:all var(--transition);touch-action:pan-y}.audit-stream:hover{box-shadow:var(--shadow-lg);border-color:var(--accent)}.audit-table{width:100%;border-collapse:collapse}.table-responsive{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;touch-action:pan-x;position:relative}.table-responsive .audit-table{min-width:640px}.table-responsive:after{content:"Scroll →";position:absolute;right:8px;bottom:6px;font-size:10px;font-weight:700;background:var(--bg);color:var(--fg);border:1px solid var(--fg);border-radius:999px;padding:2px 6px;opacity:.75;pointer-events:none;display:none}.audit-table thead{position:sticky;top:0;background:var(--bg);box-shadow:0 2px 0 var(--fg)}.audit-table th,.audit-table td{text-align:left;padding:4px 6px;border-bottom:1px solid rgba(0,0,0,.15)}[data-theme=dark] .audit-table th,[data-theme=dark] .audit-table td{border-bottom:1px solid rgba(255,255,255,.2)}.audit-table th{font-weight:700;font-size:11px}.audit-table tr:nth-child(2n){background:#00000008}[data-theme=dark] .audit-table tr:nth-child(2n){background:#ffffff0a}.audit-table .num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:right;white-space:nowrap}.audit-table tr[data-threat=true]{background:#ff000014}.audit-table tr:hover{background:#7046841a}.audit-table tbody{overflow-anchor:none}.audit-table th:first-child,.audit-table td:first-child{position:sticky;left:0;background:var(--bg);z-index:1}.audit-table thead{z-index:2}.audit-table thead th:first-child{z-index:3}.audit-table th:first-child,.audit-table td:first-child{box-shadow:2px 0 #0000001f}[data-theme=dark] .audit-table th:first-child,[data-theme=dark] .audit-table td:first-child{box-shadow:2px 0 #ffffff26}.audit-side{flex:0 0 300px;font-size:.75rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:2px solid var(--fg);border-radius:8px;background:var(--bg);box-shadow:var(--shadow-md);transition:all var(--transition)}.audit-side:hover{box-shadow:var(--shadow-lg);border-color:var(--accent)}.audit-desc{font-size:.65rem;margin:0;opacity:.8}.legend{display:flex;gap:6px;flex-wrap:wrap;margin-top:.5rem}.legend-chip{padding:4px 8px;font-size:.6rem;font-weight:700;border:1px solid var(--fg);border-radius:12px;transition:all var(--transition)}.legend-chip:hover{transform:scale(1.05)}.legend-chip.benign{background:#5cb85c;color:#fff;border-color:#5cb85c}.legend-chip.suspicious{background:#f0ad4e;color:#000;border-color:#f0ad4e}.legend-chip.threat{background:#d9534f;color:#fff;border-color:#d9534f}.audit-about{margin-top:.5rem}.audit-about ul{margin:4px 0 0 1rem;padding:0}.audit-about li{margin:2px 0}.llm-output{font-size:.95rem;border:2px solid var(--fg);padding:12px;height:110px;background:var(--bg);color:var(--fg);border-radius:8px;font-family:system-ui;line-height:1.4;box-shadow:var(--shadow-sm);overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;align-items:center;gap:6px;position:relative}.llm-output::-webkit-scrollbar{height:6px}.llm-output::-webkit-scrollbar-thumb{background:#00000040;border-radius:999px}[data-theme=dark] .llm-output::-webkit-scrollbar-thumb{background:#ffffff4d}.llm-output:before,.llm-output:after{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none}.llm-output:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.llm-output:after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}.llm-chip{margin-right:0;padding:2px 6px;background:transparent;color:var(--fg);border-radius:3px;font-weight:400;white-space:nowrap;flex-shrink:0;border:1px solid transparent}.llm-chip.latest{background:var(--accent);color:var(--bg);font-weight:600;border-color:var(--accent)}section#ai{position:relative}section#ai:before{content:"";position:absolute;inset:auto 0 -2px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7;pointer-events:none}.audit-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.audit-toolbar .pill{display:inline-flex;align-items:center;gap:.5rem;padding:6px 10px;border:1px solid var(--fg);background:var(--bg);color:var(--fg);border-radius:999px;font-size:.75rem}.audit-toolbar .pill .count{font-weight:700;opacity:.85}.audit-toolbar .pill .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.audit-toolbar .pill .dot.all{background:linear-gradient(90deg,#5cb85c,#f0ad4e,#d9534f)}.audit-toolbar .pill .dot.benign{background:#5cb85c}.audit-toolbar .pill .dot.suspicious{background:#f0ad4e}.audit-toolbar .pill .dot.threat{background:#d9534f}.audit-toolbar .pill.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}@media (max-width:900px){.audit-layout{flex-direction:column;height:auto;max-height:none;gap:1rem}.audit-stream{height:46vh}.audit-side{flex:0 0 auto;order:-1;flex-direction:row;flex-wrap:wrap;align-items:center;padding:.75rem}.baas-layout{flex-direction:column;height:auto;gap:1rem}.canvas-frame{min-width:100%;height:40vh}.baas-layout .canvas-frame{height:35vh}.baas-layout>div:last-child{width:100%;max-height:25vh;overflow-y:auto}.section-title{font-size:clamp(1.5rem,8vw,3rem)}.section-description{margin:0 0 1.5rem}.section-description p{font-size:1rem}#blockchainContainer,#llmAgentContainer{height:45vh}header{padding:8px 16px;gap:1rem}.pagination-dots{right:12px;gap:8px}.pagination-dots button{width:14px;height:14px}}@media (max-width:680px){.hide-md{display:none}.audit-stream{font-size:9px;height:44vh}.audit-table th,.audit-table td{padding:3px 5px}.audit-table td{white-space:nowrap}.table-responsive:after{display:block}.audit-side{font-size:.65rem}.canvas-frame{height:35vh}.llm-output{height:140px;font-size:1rem}.prob-bars{height:140px}.baas-layout .canvas-frame{height:30vh}.baas-layout>div:last-child{max-height:20vh;font-size:11px;padding:8px}.hero-title{font-size:clamp(2.5rem,12vw,6rem)}.section-description p{font-size:.95rem}.controls{padding:.75rem;gap:.5rem}#blockchainContainer,#llmAgentContainer{height:40vh}section{padding:0 clamp(12px,3vw,24px)}header{gap:.75rem;padding:10px 16px}.subview{padding:.75rem}.swipe-tabs button{padding:12px 16px;min-height:40px}.swipe-hint{display:inline-block}*,.canvas-frame,#blockchainContainer,#llmAgentContainer,.blog-card,.audit-side,.audit-stream,.pagination-dots button,.swipe-hint,.controls,.legend-chip,.audit-toolbar .pill,.llm-output,.prob-bars,.prob-bars div,.sparkline,.tag,.hud-line,.swipe-tabs button,header .site-logo{border-radius:0!important}header .site-logo{box-shadow:none!important}}@media (max-width:540px){.hide-sm{display:none}.audit-stream{height:50vh}.audit-side{gap:.5rem}.canvas-frame{height:30vh}.baas-layout .canvas-frame{height:25vh}.baas-layout>div:last-child{max-height:15vh;font-size:10px;padding:6px}.section-description p{font-size:.9rem}#blockchainContainer,#llmAgentContainer{height:35vh}header{flex-wrap:wrap}.blog-grid{grid-template-columns:1fr}.swipe-tabs{gap:4px}.swipe-tabs button{padding:10px 12px;font-size:.85rem;min-height:40px}.subview{padding:.5rem}.llm-output{height:160px}.prob-bars{height:130px}}