:root{--ink:#102a2e;--ink-soft:#28464a;--paper:#f3f1e9;--paper-bright:#fbfaf5;--line:#c8cec5;--lime:#b9ef66;--lime-dark:#87bb3c;--orange:#e96b3b;--cyan:#7ad9d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.topbar{background:color-mix(in srgb, var(--paper) 92%, transparent);border-bottom:1px solid var(--line);z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(24px,5vw,76px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;width:max-content;display:flex}.brand img{border-radius:11px}.brand span{letter-spacing:.06em;font-size:18px;font-weight:760}.brand small{border-left:1px solid var(--line);color:#667b7e;letter-spacing:.18em;padding-left:10px;font-size:9px;font-weight:700;line-height:18px}.topbar nav{gap:34px;font-size:13px;font-weight:650;display:flex}.topbar nav a,.key-link{transition:opacity .2s}.topbar nav a:hover,.key-link:hover{opacity:.55}.key-link{border-bottom:1px solid var(--ink);justify-self:end;padding-bottom:4px;font-size:12px;font-weight:700}.hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(50px,7vw,100px);max-width:1500px;min-height:760px;margin:0 auto;padding:clamp(82px,10vw,140px) clamp(24px,7vw,110px) 90px;display:grid}.eyebrow{color:#557074;letter-spacing:.18em;margin:0 0 24px;font-size:10px;font-weight:800}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6.2vw,92px);font-weight:650;line-height:1.02}.hero h1 em{color:var(--orange);font-style:normal}.hero-lead{color:var(--ink-soft);max-width:620px;margin:36px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.9}.hero-actions,.query-actions{align-items:center;gap:22px;margin-top:42px;display:flex}.primary-button,.outline-button{cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:30px;min-height:50px;padding:0 22px;font-size:13px;font-weight:750;transition:transform .2s,background .2s;display:inline-flex}.primary-button{background:var(--ink);color:#fff;min-width:190px}.primary-button:hover,.outline-button:hover{transform:translateY(-2px)}.primary-button span{color:var(--lime)}.text-button{border-bottom:1px solid var(--line);padding:14px 0 8px;font-size:13px;font-weight:650}.hero-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;max-width:650px;margin-top:68px;padding-top:22px;display:grid}.hero-stats strong{letter-spacing:-.04em;font-size:clamp(20px,2vw,29px);font-weight:650;display:block}.hero-stats span{color:#667b7e;margin-top:7px;font-size:10px;line-height:1.4;display:block}.trace-card{background:var(--ink);color:#eaf3ef;align-self:center;min-height:550px;padding:28px;position:relative;overflow:hidden;box-shadow:24px 28px #d6ddd1}.trace-card:before{content:"";background:radial-gradient(circle,#7ad9d22e,#0000 66%);width:450px;height:450px;position:absolute;top:-190px;right:-180px}.trace-header,.trace-footer{letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:relative}.trace-header code{color:#91aaa9}.status-dot,.ready-label i,.code-card p i{background:#91d94a;border-radius:999px;width:7px;height:7px;margin-right:7px;display:inline-block}.status-dot.loading{background:#f4bf61}.status-dot.offline{background:#819796}.trace-question{border-bottom:1px solid #375256;margin-top:72px;padding-bottom:28px}.trace-question span{color:var(--lime);letter-spacing:.18em;font-size:9px;font-weight:800}.trace-question p{letter-spacing:-.025em;margin:12px 0 0;font-size:clamp(20px,2vw,29px);font-weight:560;line-height:1.45}.trace-flow{grid-template-columns:repeat(3,1fr);margin-top:26px;display:grid}.trace-flow div{border-right:1px solid #375256;gap:5px;padding:0 17px;display:grid}.trace-flow div:first-child{padding-left:0}.trace-flow div:last-child{border:0}.trace-flow b{color:var(--cyan);font-size:10px}.trace-flow span{font-size:11px}.trace-flow code{color:#809899;font-size:9px}.mini-chart{border-bottom:1px solid #486065;align-items:end;gap:7px;height:132px;margin:28px 0 22px;display:flex}.mini-chart i{background:linear-gradient(to top, var(--lime-dark), var(--lime));opacity:.85;transform-origin:bottom;flex:1;display:block}.trace-footer{color:#9cb0af;justify-content:flex-start;gap:18px}.principles{background:var(--paper-bright);border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:36px clamp(24px,7vw,110px) 56px}.principles>p{color:var(--orange);letter-spacing:.16em;font-size:10px;font-weight:800}.principles>div{grid-template-columns:repeat(3,1fr);gap:clamp(30px,6vw,100px);margin-top:36px;display:grid}.principles article{grid-template-columns:38px 1fr;display:grid}.principles article span{color:#8b9b98;padding-top:6px;font-family:ui-monospace,monospace;font-size:10px}.principles h3{margin:0;font-size:17px}.principles article p{color:#657a79;grid-column:2;margin:10px 0 0;font-size:12px;line-height:1.7}.catalog-section,.connect-section{padding:110px clamp(24px,7vw,110px)}.section-heading{justify-content:space-between;align-items:end;gap:50px;max-width:1280px;margin:0 auto 46px;display:flex}.section-heading .eyebrow{margin-bottom:16px}.section-heading h2,.connect-copy h2{letter-spacing:-.055em;max-width:820px;margin:0;font-size:clamp(34px,4vw,56px);font-weight:600;line-height:1.12}.outline-button{border:1px solid var(--ink);white-space:nowrap;background:0 0}.dataset-card{background:var(--paper-bright);border:1px solid var(--line);max-width:1280px;margin:auto;overflow:hidden}.dataset-title{border-bottom:1px solid var(--line);grid-template-columns:.35fr 1fr 1fr;gap:18px 40px;padding:42px;display:grid}.dataset-index{color:var(--orange);letter-spacing:.08em;font-family:ui-monospace,monospace;font-size:10px;font-weight:750}.dataset-title h3{letter-spacing:-.035em;margin:0;font-size:28px;font-weight:620}.dataset-title p{color:#607574;margin:0;font-size:13px;line-height:1.8}.dataset-facts{grid-template-columns:1fr 1.5fr 1fr 1fr;display:grid}.dataset-facts>div{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:30px 40px}.dataset-facts>div:last-child{border-right:0}.dataset-facts span,.dataset-facts strong{display:block}.dataset-facts span{color:#778a88;letter-spacing:.12em;margin-bottom:10px;font-size:9px}.dataset-facts strong{font-size:15px;font-weight:650}.ready-label{color:#588729;letter-spacing:.04em;font-family:ui-monospace,monospace;font-size:11px!important}.field-strip{gap:8px;padding:22px 40px;display:flex;overflow-x:auto}.field-strip>span{white-space:nowrap;background:#e9eee5;border:1px solid #d2d9cd;border-radius:999px;padding:9px 13px;font-family:ui-monospace,monospace;font-size:9px}.field-strip small{color:#81908f;margin-left:8px}.workbench-section{background:var(--ink);color:#fff;padding:110px clamp(24px,7vw,110px)}.section-heading.light{align-items:end}.section-heading.light .eyebrow{color:var(--lime)}.section-heading.light>p{color:#9cb0af;max-width:310px;margin:0;font-size:12px;line-height:1.7}.workbench{border:1px solid #3a5559;grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr);max-width:1280px;margin:auto;display:grid}.query-form{border-right:1px solid #3a5559;padding:38px}.step-title{grid-template-columns:34px 1fr auto;align-items:center;margin:8px 0 18px;display:grid}.step-title:not(:first-child){border-top:1px solid #3a5559;margin-top:34px;padding-top:30px}.step-title b{color:var(--lime);font-family:ui-monospace,monospace;font-size:10px}.step-title span{font-size:13px;font-weight:700}.step-title small{color:#829899;font-size:9px}.query-form label{color:#a5b8b6;letter-spacing:.06em;gap:8px;font-size:9px;display:grid}.query-form input{color:#fff;background:#17363a;border:1px solid #3e5d60;border-radius:0;outline:0;min-height:44px;padding:0 13px}.query-form input:focus{border-color:var(--lime)}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.metric-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-options label{cursor:pointer;background:#17363a;border:1px solid #3e5d60;align-items:center;min-height:54px;padding:0 14px;display:flex}.metric-options label.selected{border-color:var(--lime)}.metric-options input{accent-color:var(--lime);min-height:auto;padding:0}.metric-options span{color:#fff;letter-spacing:0;font-size:11px}.metric-options small{color:#829899;margin-top:4px;font-size:8px;display:block}.outline-button.dark{color:#fff;border-color:#617a7c}.primary-button.lime{background:var(--lime);color:var(--ink)}.primary-button:disabled,.outline-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.query-message{color:#9fb2b1;margin:16px 0 0;font-size:10px;line-height:1.5}.result-panel{min-width:0;padding:28px}.result-header{letter-spacing:.12em;border-bottom:1px solid #3a5559;justify-content:space-between;align-items:center;padding-bottom:18px;font-size:9px;display:flex}.result-header span{color:var(--cyan)}.result-header code{color:#829899}.empty-result{text-align:center;padding:55px 15px 0}.result-glyph{justify-content:center;align-items:end;gap:8px;height:44px;display:flex}.result-glyph span{background:var(--lime);width:11px;height:16px;display:block}.result-glyph span:nth-child(2){height:31px}.result-glyph span:nth-child(3){height:23px}.empty-result h3{margin:20px 0 8px;font-size:18px}.empty-result p{color:#91a6a5;max-width:410px;margin:0 auto;font-size:11px;line-height:1.7}.empty-result pre,.code-card pre{color:#bad0cd;text-align:left;background:#0b2023;border:1px solid #304a4e;max-height:230px;margin:28px 0 0;padding:20px;font-size:9px;line-height:1.65;overflow:auto}.result-summary{grid-template-columns:repeat(3,1fr);padding:24px 0;display:grid}.result-summary span{border-right:1px solid #3a5559;padding-left:18px;font-family:ui-monospace,monospace;font-size:15px}.result-summary span:last-child{border:0}.result-summary small{color:#829899;margin-bottom:6px;font-family:Inter,sans-serif;font-size:8px;display:block}.table-wrap{max-height:430px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;min-width:100%;font-family:ui-monospace,monospace;font-size:10px}th,td{text-align:left;border:1px solid #3a5559;padding:12px}th{color:var(--lime);background:#17363a;position:sticky;top:0}th small{color:#829899;margin-top:4px;font-size:7px;display:block}.pagination-note{color:#9fb2b1;font-size:9px}.connect-section{grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,150px);max-width:1500px;margin:auto;display:grid}.connect-copy>p:not(.eyebrow){color:#607574;max-width:580px;margin:30px 0;font-size:14px;line-height:1.9}.connect-copy ol{margin:46px 0 0;padding:0;list-style:none}.connect-copy li{border-top:1px solid var(--line);grid-template-columns:50px 1fr;padding:17px 0;font-size:12px;display:grid}.connect-copy li:last-child{border-bottom:1px solid var(--line)}.connect-copy li b{color:var(--orange);font-family:ui-monospace,monospace;font-size:9px}.code-card{border:1px solid var(--line);background:#e6e9df;align-self:center;padding:26px;box-shadow:18px 18px #d5dbcf}.code-card>div{justify-content:space-between;align-items:center;font-family:ui-monospace,monospace;font-size:10px;display:flex}.code-card button{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:9px 13px;font-size:9px}.code-card pre{color:#c4d9d5;min-height:280px;max-height:none;font-size:11px}.code-card>p{color:#637875;margin:18px 0 0;font-size:10px}footer{border-top:1px solid var(--line);background:#e5e7df;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:50px clamp(24px,7vw,110px) 30px;display:grid}footer>p{color:#637875;font-size:11px}footer>div:not(.brand){gap:24px;font-size:10px;display:flex}footer>small{border-top:1px solid var(--line);color:#82908f;grid-column:1/-1;padding-top:22px;font-size:9px}@media (max-width:1050px){.hero{grid-template-columns:1fr}.trace-card{max-width:700px}.workbench,.connect-section{grid-template-columns:1fr}.query-form{border-bottom:1px solid #3a5559;border-right:0}}@media (max-width:760px){.topbar{grid-template-columns:1fr auto;height:66px;padding:0 18px}.topbar nav,.brand small{display:none}.hero{min-height:auto;padding:70px 20px}.hero h1{font-size:clamp(46px,14vw,66px)}.hero-stats{gap:12px}.trace-card{min-height:500px;padding:20px;box-shadow:10px 12px #d6ddd1}.trace-footer{flex-wrap:wrap}.principles>div,.dataset-title,.dataset-facts{grid-template-columns:1fr}.principles article{border-bottom:1px solid var(--line);padding-bottom:20px}.catalog-section,.connect-section,.workbench-section{padding:76px 20px}.section-heading{flex-direction:column;align-items:start}.dataset-title{padding:28px 24px}.dataset-facts>div{border-right:0;padding:22px 24px}.field-strip{padding:18px 24px}.workbench{border-left:0;border-right:0}.query-form,.result-panel{padding:25px 16px}.form-grid,.metric-options{grid-template-columns:1fr}.step-title{grid-template-columns:30px 1fr}.step-title small{display:none}.query-actions{flex-direction:column;align-items:stretch}.query-actions button{width:100%}footer{grid-template-columns:1fr;padding:40px 20px 25px}footer>small{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}