:root{color-scheme:light;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:#f7faf9;color:#14302f;--accent: #1b8f83;--accent-soft: #ddf4ef;--orange: #f08f5a;--ink: #14302f;--muted: #667b78;--line: #d8e5e2;--panel: rgba(255, 255, 255, .86);--shadow: 0 28px 80px rgba(48, 88, 82, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(rgba(27,143,131,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(27,143,131,.035) 1px,transparent 1px),radial-gradient(circle at 12% 10%,rgba(221,244,239,.9),transparent 32rem),radial-gradient(circle at 80% 8%,rgba(240,143,90,.12),transparent 26rem),#f7faf9;background-size:36px 36px,36px 36px,auto,auto,auto}button,a{font:inherit}a{color:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 32px));height:68px;margin:14px auto 0;padding:0 18px;border:1px solid rgba(216,229,226,.88);border-radius:22px;background:#ffffffc7;backdrop-filter:blur(18px);box-shadow:0 14px 44px #2548441a}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-weight:720;text-decoration:none;letter-spacing:-.02em}.brand-mark{width:28px;height:28px;border-radius:10px;background:radial-gradient(circle at 66% 32%,#fff 0 16%,transparent 17%),linear-gradient(135deg,var(--accent),#85c9bd);box-shadow:inset 0 0 0 1px #ffffff8f}.nav{gap:18px;color:var(--muted);font-size:14px}.nav a{text-decoration:none}.nav a:hover{color:var(--ink)}.section-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:44px;align-items:center;min-height:calc(100dvh - 88px);padding:64px 0 72px}.hero-copy h1,.section-heading h2{margin:0;color:var(--ink);letter-spacing:-.06em}.hero-copy h1{max-width:680px;font-size:clamp(44px,7.4vw,96px);line-height:.96}.kicker,.section-label,.panel-label{margin:0 0 14px;color:var(--accent);font-size:12px;font-weight:760;letter-spacing:.16em;text-transform:uppercase}.hero-subtitle{max-width:560px;margin:24px 0 0;color:#49635f;font-size:19px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}.primary-button{min-height:48px;padding:0 22px;border:0;border-radius:999px;color:#fff;background:var(--ink);cursor:pointer;box-shadow:0 14px 36px #14302f3d;transition:transform .18s ease,box-shadow .18s ease}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 44px #14302f47}.primary-button:active{transform:translateY(0)}.secondary-link{color:var(--ink);text-decoration-color:#14302f38;text-underline-offset:5px}.hero-visual,.scene-wrap,.schema-panel,.task-card,.code-block,.loop-card,.value-card,.pipeline-card,.source-card{border:1px solid rgba(216,229,226,.9);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.hero-visual{padding:16px}.scene{position:relative;overflow:hidden;min-height:420px;border-radius:20px;background:radial-gradient(circle at 50% 40%,rgba(221,244,239,.95),transparent 23rem),linear-gradient(145deg,#fff,#edf6f4)}.scene-compact{min-height:520px}.scene svg{display:block;width:100%;height:100%;min-height:inherit}.motion-path{animation:dash 3s linear infinite}.scene-caption{position:absolute;left:18px;right:18px;bottom:18px;display:flex;flex-direction:column;gap:5px;padding:14px 16px;border:1px solid rgba(216,229,226,.92);border-radius:16px;background:#ffffffc2;backdrop-filter:blur(12px)}.scene-caption span{color:var(--muted);font-size:14px}.section-heading{max-width:760px;margin-bottom:28px}.section-heading h2{font-size:clamp(32px,4.8vw,58px);line-height:1}.section-heading p:not(.section-label){margin:16px 0 0;color:var(--muted);font-size:18px;line-height:1.7}.loop-section,.explorer,.value-section,.sources-section{padding:96px 0}.loop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.loop-card{min-height:220px;padding:22px;box-shadow:0 18px 50px #3058521a}.loop-card:nth-child(2n){transform:translateY(22px);background:#f3faf8e0}.loop-index{color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.loop-card h3,.task-card h3,.schema-panel h3,.value-card h3,.pipeline-card h3{margin:18px 0 10px;color:var(--ink);letter-spacing:-.03em}.loop-card p,.task-card p,.schema-panel p,.value-card p,.pipeline-card p,.source-card p{color:var(--muted);line-height:1.65}.explorer-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.35fr) minmax(300px,.95fr);gap:18px;align-items:stretch}.task-card,.schema-panel{padding:22px}.task-card dl{display:grid;gap:14px;margin:24px 0 0}.task-card dl div{padding-top:14px;border-top:1px solid var(--line)}.task-card dt{color:var(--muted);font-size:13px}.task-card dd{margin:6px 0 0;color:var(--ink);font-weight:650}.scene-wrap{padding:14px}.schema-panel{display:flex;flex-direction:column;gap:22px}.schema-list{display:grid;gap:10px}.schema-row{padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff9}.schema-row.active{border-color:#1b8f8370;background:var(--accent-soft)}.schema-row span{display:block;margin-bottom:6px;color:var(--accent);font-size:12px;font-weight:760}code,.code-block{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.schema-row code{color:#385754;font-size:12px;line-height:1.55;white-space:normal}.vector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vector-grid div{padding:11px 12px;border-radius:14px;background:#f3faf8}.vector-grid span{display:block;color:var(--muted);font-size:12px}.vector-grid strong{color:var(--ink);font-size:18px}.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.timeline-step{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;color:var(--muted);cursor:pointer;text-align:left}.timeline-step.active{border-color:#1b8f838a;background:#e8f7f3;color:var(--ink)}.timeline-step span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fff;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.timeline-step small{font-weight:680}.code-block{overflow:auto;margin:18px 0 0;padding:22px;color:#d9fff7;background:linear-gradient(135deg,rgba(27,143,131,.18),transparent 42%),#14302f;font-size:14px;line-height:1.7}.value-grid,.source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.value-card,.pipeline-card,.source-card{padding:22px;box-shadow:0 18px 50px #3058521a}.pipeline-card{margin-top:16px}.pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.pipeline span{display:grid;place-items:center;min-height:44px;border-radius:999px;color:#0e504a;background:#ddf4ef;font-weight:700}.source-card{display:flex;flex-direction:column;min-height:210px;text-decoration:none}.source-card span{color:var(--ink);font-size:18px;font-weight:760;letter-spacing:-.02em}.source-card small{margin-top:auto;color:var(--accent);overflow-wrap:anywhere}.footer{display:flex;justify-content:space-between;gap:20px;width:min(1180px,calc(100% - 32px));margin:40px auto 32px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}@keyframes dash{to{stroke-dashoffset:-80}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:1040px){.hero,.explorer-grid,.loop-grid,.value-grid,.source-grid{grid-template-columns:1fr}.hero{min-height:auto}.loop-card:nth-child(2n){transform:none}.timeline,.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar{align-items:flex-start;height:auto;padding:14px;flex-direction:column}.nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.hero{padding-top:46px}.hero-copy h1{font-size:44px}.hero-actions,.footer{align-items:flex-start;flex-direction:column}.scene,.scene-compact{min-height:330px}.timeline,.pipeline,.vector-grid{grid-template-columns:1fr}}